﻿.ghost_btn {
    text-decoration: none;
    font-size: 150%;
    font-weight:600;
    color: black;
    border: 2px solid black;
    padding: 0.65em 1.7em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
background-color: Transparent;
min-width:180px;
}

a.ghost_btn:hover, ghost_btn:hover,a:hover,a.ghost_btn:focus{
  background:black;
  color: white;
}
.ghost_btn-xs {
    text-decoration: none;
    font-size: 100%;
    font-weight:500;
    color: black ;
    border: 1px solid black;
    padding: 0.5em 1.0em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
background-color: Transparent;
min-width:100px;
}
.ghost_btn-xxs {
    text-decoration: none;
    font-size: 90%;
    font-weight:300;
    color: black ;
    border: 1px solid black;
    padding: 0.2em 0.8em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
background-color: Transparent;
min-width:90px;
margin-top:5px;
text-align:center; 
}

a.ghost_btn-xs:hover,ghost_btn-xxs, ghost_btn:hover,a:active,a.ghost_btn-xs:focus,ghost_btn-xxs:focus{
  background:black;
  color: white;
}

a,a:hover,a:focus{
	text-decoration:none;
	color:black;
	
}

.red{color:red;}
.white{	color:black;}

body {

 //background-image: url("../graphik/ball-3292243_1920.jpg");

 background-size: cover;
 background-repeat: no-repeat;

background-position: top center;

margin-top:0px;
margin-bottom: 300px;
    //overflow: hidden;
//font-size:105%;

}

.box{
    color: black ;
    border: 0.05em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:5px auto;
}
.box-black{
    color: black ;
    border: 0.05em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:5px auto;
}

.box-teil{
    color: black ;
    border-top: 0.05em solid black;
    border-bottom: 0.05em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
margin-top:50px;
}

.box-ohne{
    color: black ;
    border-top: 0.0em solid black;
    border-bottom: 0.0em solid black;
    padding: 0.40em 0.8em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;

}
.box-ohne-70{

	background-color: Transparent;
	margin:auto;
	width:70%;
}

.box-schlag-head{
    color: black ;
    border-top: 0.05em solid black;
    border-bottom: 0.05em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
margin-top:0px;
}

.box-schlag-body{
    color: black ;
    border-top: 0.0em solid black;
    border-bottom: 0.0em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
}

section{
	width:90%;
	margin:auto;
	margin-top:10px;
	text-align:justify;	
	padding-top:40px;
}

.oben{
 background-image: url("../graphik/ball-3292243_1920.jpg");
 background-image: url("../graphik/ball-3292243_1920 hell.png");
 background-image: url("../graphik/sharks-logo seitlich.png");
 background-image: url("../graphik/sharks-logo seitlich transp.png");
  
background-size: cover;
 background-repeat: no-repeat;

background-position: top center;
	width:100%;
min-height:980px;
	margin:0 auto;
margin-top:50px;
opacity: 1;

}
.oben::after{
background-position: top center;
	width:100%;
min-height:980px;
	margin:0 auto;
margin-top:50px;
opacity: 0.5;
	
}
.footer{
    color: #FFF ;
    border: 2px solid #FFF;
    padding: 0.65em 1.7em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    height:auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

	margin: auto auto;
	position: fixed;
	width:auto;
	bottom: 0;
	right: 0;
	left:0;
	background-color:#424242;
	border: 0px solid #424242;
	padding:15px;
}

.navbar-black{
	color:white;
	background-color:black;
	border-color:black;
}


.verlauf{
	//background: linear-gradient(to bottom, black, grey 80%, white);
/*	background: linear-gradient(to bottom, white 30%, black 30%);
 background-size: cover;
 background-repeat: no-repeat;

background-position: top center;
	width:100%;
min-height:980px;
	margin:0 auto;*/
}

/*@media only screen and (max-width: 768px) {
﻿.ghost_btn {
    text-decoration: none;
    font-size: 90%;
    font-weight:400;
    color: black ;
    border: 2px solid black;
    padding: 0.65em 1.7em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
background-color: Transparent;
min-width:180px;
}

.ghost_btn-xxs {
    text-decoration: none;
    font-size: 90%;
    font-weight:300;
    color: black ;
    border: 1px solid black;
    padding: 0.2em 0.8em;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
background-color: Transparent;
min-width:90px;
margin-top:5px;
text-align:center; 
}
.box{
    color: black ;
    border: 0.05em solid black;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:5px auto;
}

.box-ohne{
    color: black ;
    border-top: 0.0em solid black;
    border-bottom: 0.0em solid black;
    padding: 0.40em 0.8em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;

}

a.ghost_btn:hover, ghost_btn:hover{
  background:black;
  color: #000;
}
a.ghost_btn-xs:hover,ghost_btn-xxs, ghost_btn:hover,a:active,a.ghost_btn-xs:focus,ghost_btn-xxs:focus{
  background:black;
  color: white;
}

.red{color:red;}
.white{
	color:white;
}

.box-teil{
    color: black ;
    border-top: 0.05em solid black;
    border-bottom: 0.05em solid black;
    padding: 0.4em 0.8em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
margin-top:50px;
}

.box-ohne-70{

	background-color: Transparent;
	margin:auto;
	width:100%;
}


}*/
