.ghost_btn {
    text-decoration: none;
    //font-size: 150%;
    font-weight:600;
    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;
    cursor: pointer;
background-color: Transparent;
min-width:180px;
}
.ghost_btn-black {
    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:#fff;
  color: #000;
}
a.ghost_btn-black:hover, ghost_btn-black:hover,a-black:hover,a.ghost_btn-black:focus{
  background:black;
  color: white;
}
.ghost_btn-xs {
    text-decoration: none;
    font-size: 100%;
    font-weight:500;
    color: #FFF ;
    border: 1px solid gray;
    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-xs-black {
    text-decoration: none;
    font-size: 100%;
    font-weight:500;
    color: black ;
    border: 1px solid gray;
    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: #FFF ;
    border: 1px solid white;
    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; 
}
.ghost_btn-xxs-black {
    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:gray;
  color: black;
}

a,a:hover,a:focus{
	text-decoration:none;
	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: 30px;
	    //overflow: hidden;
	font-size:130%;
	//font-family:Arial, Helvetica, sans-serif;
	//font-family: 'Source Sans Pro', sans-serif;
	//font-family: 'Titillium Web', sans-serif;
	//font-family: 'Playfair Display', serif;
	//font-family: 'Oswald', sans-serif;
	//font-family: 'Amatic SC', cursive;
	font-family: 'Quicksand', sans-serif; 
}

.box{
    color: #FFF ;
    border: 0.05em solid #FFF;
    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: #FFF ;
    border: 0.05em solid #FFF;
    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: #FFF ;
    border-top: 0.05em solid #FFF;
    border-bottom: 0.05em #FFF solid;
    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-unten{
    color: #FFF ;
    border-top: 0.0em solid #FFF;
    border-right: 0.0em solid #FFF;
    border-bottom: 0.1em solid #fff;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
margin-top:10px;
}
.box-oben{
    color: #FFF ;
    border-top: 0.10em solid #FFF;
    border-right: 0.0em solid #FFF;
    border-bottom: 0.0em solid #fff;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

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

.box-ohne{
    color: #FFF ;
    border-top: 0.0em solid #FFF;
    border-bottom: 0.0em solid #FFF;
    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: #FFF ;
    border-top: 0.05em solid #FFF;
    border-bottom: 0.05em solid #FFF;
    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: #FFF ;
    border-top: 0.0em solid #FFF;
    border-bottom: 0.0em solid #FFF;
    padding: 0.65em 1.7em;
    overflow: hidden;
    border-radius: 2px;
    transition: all 0.6s ease 0s;

	background-color: Transparent;
	margin:auto;
}

.blackbox,a.blackbox{
	color:white;
	background-color:transparent;
	padding:5px;
	margin-top:5px;
}

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

.oben{
 background:url("../graphik/busy-1972087_1920.jpg") no-repeat center center fixed;
 background-size: cover;
 background-repeat: no-repeat;

background-position: top center;
	width:100%;
//min-height:980px;
min-height:600px;
	margin:0 auto;
margin-top:50px;
/*background-color:black;*/
/*opacity: 0.5;*/
/*z-index: 9999;*/
}
.footer{
    color: #FFF ;
    padding: 0.65em 1.7em;
	background-color:#424242;
	border: 0px solid #424242;
    overflow: hidden;
    border-radius: 0px;
	padding:15px;
	margin: auto auto;
    transition: all 0.6s ease 0s;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
    display: inline-block;
	width:auto;
	bottom: 0;
	right: 0;
	left:0;
    min-height:90px;
    margin-bottom:0px;
    height:auto;

}

.footer2{
    color: #FFF ;
    height:400px;
    padding: 0.65em 1.7em;
	background-color:#424242;
	border: 0px solid #424242;
	width:auto;
	bottom: 0;
	right: 0;
	left:0;
    overflow: hidden;
    border-radius: 0px;
	padding:15px;
	margin: auto auto;
    transition: all 0.6s ease 0s;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    display: inline-block;
/*

*/



}
.footerneu{
    color: #FFF ;
    border: 2px solid #FFF;
    //padding: 0.65em 1.7em;
	background-color:#424242;
	border: 0px solid #424242;
    display: inline-block;
    width:100%;
    min-height:200px;
    padding:50px;
	bottom: 0;
	right: 0;
	left:0;
    overflow: hidden;
    margin-bottom:-35px;
    
}

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

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

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

.hintergrund-hellgrau{
	background-color:GhostWhite;
	width:100%;
}
.center{
	text-align:center;
}
.red{color:red;}

.white{	color:white;}

.black{
	color:black;
	border-color:black;
}
.fixedbutton {
   position: fixed;
    bottom: 140px;
    right: 20px;
}

.fixedbutton:hover {
border:thin red 2px
}
.count{
	color:white;
	font-size:200%;
	font-weight:bold;
	//font-size:105%;
	//font-family:Arial, Helvetica, sans-serif;
	//font-family: 'Source Sans Pro', sans-serif;
	//font-family: 'Titillium Web', sans-serif;
	//font-family: 'Playfair Display', serif;
	//font-family: 'Oswald', sans-serif;

}
.ohne-rahmen{
	border:0px transparent;
}
.section-h1{
	text-align:center;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	margin-bottom:50px;
	//font-family:Arial, Helvetica, sans-serif;
	//font-family: 'Source Sans Pro', sans-serif;
	//font-family: 'Titillium Web', sans-serif;
	//font-family: 'Playfair Display', serif;
	//font-family: 'Oswald', sans-serif;	//font-size:105%;

}
.whitelink{
	color:white;
	text-decoration:none;
	background-color:transparent;
}
.whitelink:hover{
	color:black;
	background-color:white;
}

.linkgruppe{
	text-decoration:none;
	font-weight:bold;
	//font-size:135%;
	//font-family: 'Raleway', sans-serif;
	margin:15px;
	padding:0px 0px 10px 0px;
	
}
.linktext{
	//font-size:115%;
}
.linkinfo{
	//font-size:90%;
	font-style:italic;
}

.roboto{
	font-family: 'Roboto', sans-serif;	
}
.archivo-narrow{
	font-family: 'Archivo Narrow', sans-serif; 
	
}
.scribble{
	font-family: 'Amatic SC', cursive;
	font-size:150%;
}
.600{
	font-weight:600;
	
}
.font-lg-120{
	font-size:120%;
}
.font-lg-150{
	font-size:150%;
}

.list-border-0{
	border:0px;
}
//---------------------------------------------- MEDIA -----------------------------------------------

@media only screen and (max-width: 1007px) {
.count{
	font-size:130%;
}

@media only screen and (max-width: 980px) {
.count{
	font-size:120%;
}

}
@media only screen and (max-width: 640px) {

.box-ohne-70{

	background-color: Transparent;
	margin:auto;
	width:100%;
}
.oben{
	//min-height:980px;
	min-height:200px;

}

.black{
	color:black;
	border-color:black;
}

li{
	border-color:white;
}
.count{
	font-size:80%;
}
img{
	max-width:99%;
}

}