/* Infos 							*/
/* Schriftfarbe: 	#00B5E1 		*/


/* spezielle Sprungpunkte: 
	769
	@media screen and (min-width: 768px) {
	940
	@media screen and (min-width: 940px) {
*/


body{
	background-color: #204583;
	color: white;
	
	font-family: 'texgyreadventorregular', sans-serif;
}
.off-canvas-content{
	background-color: #204583;
	padding-bottom: 30px;
}

#splash {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;

    background-color: rgba(0,0,0,0.9);
    background-repeat:repeat;
    /*display: table;*/
}
.trailericons{
	
	/*display: flex;
    justify-content: center;	
    flex-direction: column;*/
    /*height: 100%;*/
    text-align: center;
    /*display: table-cell;*/
    /*border: 1px solid white;*/
    /*vertical-align:middle;*/
    
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
}


/*
.header{
	background-color: white;
	height: 196px;
	position: absolute;
	width: 100%;
	
	
	/*position: fixed;
	width: 100%;
	z-index: 1000;	*!/
	
	z-index: 800;	
	
	height: 250px;
}

.header-fixed-upper{
	
	height: 105px;
	position: absolute;
	width: 100%;
		
		
	z-index: 900;
}
@media screen and (min-width: 940px) {

	.header-fixed-upper{
		
		position: fixed;
		
	}

}



.header.header-scrolled{
	background-color: white;
	/*height: 105px;*!/
	position: fixed;
	width: 100%;
	
	top: -200px;
}

@media screen and (min-width: 768px) {

	.header{
		height: 400px;		
	}
	
	.header.header-scrolled{
		
		
	}

}

@media screen and (min-width: 940px) {

	.header{
		height: 300px;		
	}
	
	.header.header-scrolled{
		
		
	}

}

.headerinner{
	padding-top: 35px;
	position: relative;
}

  
.row.headerinner{	
	width: 100%;
}

@media screen and (min-width: 940px) {
	.row.headerinner{	
		width: 940px;
	}
}*/

.row{
	max-width: 1200px !important;
}

.row.outer{
	max-width: 1200px !important;
	/*position: relative;*/
	height: 125px;
}

.startseite .row.outer{
	
	height: 0px;
}

.row.contentouterwide{
	max-width: 100% !important;
	/*position: relative;*/
}

.headerrow
{
	position: relative !important;
}

.logo-mobil{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	margin-top: 12px;
	margin-bottom: 11px;
	
}
.logo-mobil img{
	height: 50px;
}
@media screen and (min-width: 1024px) {
	.logo-mobil{
		display: block;
		position: absolute;
		width: auto;
		left: 23px;
		top: 0px;
		/*z-index: 100000;*/
		margin: 0px;
	}
	.logo-mobil img{
		height: auto;
	}

}
/*@media screen and (min-width: 1600px) {
	.logo-mobil{
		left: 23px;
		top: 16px;
		/*top: 770px;*!/
		
	}
	.logo-mobil img{
		height: auto;
	}

}*/

h1.eingezogen
{
	
}
@media screen and (min-width: 1024px) {
	h1.eingezogen{
		color: rgba(255,255,255,0.75);
		margin-top: 20px;
		font-size: 30px ;
		margin-bottom: 20px;
		text-transform: uppercase;
	
		margin-top: -85px;
		font-size: 60px ;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 1600px) {
	h1.eingezogen{
		margin-top: -100px;
		font-size: 80px ;
		margin-bottom: 20px;
	}
}



.contentouterwide{
	position: relative;
}
.contentouterwide h1{
	color: rgba(255,255,255,0.75);
	margin-top: 20px;
	font-size: 30px ;
	margin-bottom: 20px;
	text-transform: uppercase;
	
}
@media screen and (min-width: 1024px) {
	.contentouterwide h1{
		margin-top: -32px;
		font-size: 60px ;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 1600px) {
	.contentouterwide h1{
		margin-top: -43px;
		font-size: 80px ;
		margin-bottom: 20px;
	}
}
.contentouterwide h2{
	margin-bottom: 0px;
}
.contentouterwide.headingrow{
	background-color: #052A60;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
}



.trailerbutton{
	
	position: relative;
	display: block;
	text-align: center;
	
}
@media screen and (min-width: 1024px) {
	.trailerbutton{
		
		position: absolute;
		right: 0px;
	}
}





a.trailerbuttonregular{
	
	position: relative;
	text-align: auto;
	margin-right: 40px;
	margin-bottom: 40px;
	
}

@media screen and (min-width: 1024px) {
	a.trailerbuttonregular{
		
			}
}




.trailerbuttonstart, .trailerbuttonstartinline{
	
	z-index: 1000;
	width: 400px;
	height: 104px;
	background-image: url(../images/design/trailerbalken-400.png);
	padding-left: 110px;
	padding-top: 19px;
}
.trailerbuttonstart-link, .trailerbuttonstartinline-link{
	font-size: 34px;
	color: white;
	display: block;
	height: 100%;
}
.trailerbuttonstart-link:hover, .trailerbuttonstartinline-link:hover{
	
	/*text-decoration: underline;*/
	color: rgb(199,87,87);
	
}


.trailerbuttonstartinline{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*top: 400px;
	left: -10px;*/
}
@media screen and (min-width: 600px) {
	.trailerbuttonstartinline{
		display: none;		
	}
}


.trailerbuttonstart{
	position: absolute;
	display: none;
	/*top: 400px;
	left: -10px;*/
}

@media screen and (min-width: 600px) {
	.trailerbuttonstart{
		display: block;
		position: absolute;
		top: 500px;
		left: -10px;		
	}
}
@media screen and (min-width: 750px) {
	.trailerbuttonstart{
		position: absolute;
		top: 650px;
		left: -10px;		
	}
}
@media screen and (min-width: 900px) {
	.trailerbuttonstart{
		position: absolute;
		top: 800px;
		left: -10px;		
	}
}
@media screen and (min-width: 1024px) {
	.trailerbuttonstart{
		position: absolute;
		top: 420px;
		left: -10px;		
	}
}
@media screen and (min-width: 1600px) {
	.trailerbuttonstart{
		position: absolute;
		top: 580px;
		left: -10px;		
	}
}




.image-center-outer{
	border: 0px solid #333;
	width: 100%;
	/*display: table;*/
	/*height: 100% !important;*/
	/*height: 500px;*/
	/*padding-bottom:20px*/
}
.image-center-inner{
	width: 100%;
	/*display: table-cell;*/
	/*height: 100%;*/
	vertical-align: middle;
	
	text-align: center;
	
}
.image-center-inner img{
	/*width: 400px;*/
	padding-left: 20px;padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
}
@media screen and (min-width: 1024px) {
	.image-center-inner img{
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

.image-center-inner img.smaller{
	/*max-width: 400px;*/
	padding-left: 50px;padding-right: 50px;
}
@media screen and (min-width: 1024px) {
	.image-center-outer{
		display: table;	
	}
	.image-center-inner{
		display: table-cell;	
	}
	
}
/*.row */.outerpc{
	/*max-width: 1900px !important;*/
	margin-right: 0px !important;
	margin-left: 0 !important;
		/*position: relative;*/
	
	
	/*background-position: 230px top;
	background-repeat: no-repeat;*/
	
	background-color: #052A60;
	
	
	
	display: block !important;
	/*overflow: hidden;*/
	height: auto;
	overflow: visible !important;
	
	/*border: 5px solid #333;*/
	/*darf nicht relative sein*/
	/*position: relative;*/
}

.symbol01{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol01{
		background-image: url(../images/design/symbol1_5Prozent_500y.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol01{
		background-image: url(../images/design/symbol1_5Prozent_700y.png);
		}
}

.symbol02{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol02{
		background-image: url(../images/design/symbol2_5Prozent_500y.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol02{
		background-image: url(../images/design/symbol2_5Prozent_700y.png);
		}
}

.symbol03{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol03{
		background-image: url(../images/design/symbol3_500px.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol03{
		background-image: url(../images/design/symbol3_700px.png);
		}
}


.symbol04{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol04{
		background-image: url(../images/design/symbol4_500px.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol04{
		background-image: url(../images/design/symbol4_700px.png);
		}
}


.symbol05{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol05{
		background-image: url(../images/design/symbol5_500px.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol05{
		background-image: url(../images/design/symbol5_700px.png);
		}
}

.symbol06{
	background-repeat: repeat-x;
	background-position: left center;
}
@media screen and (min-width: 1024px) {
	.symbol06{
		background-image: url(../images/design/symbol6_500px.png);
		}
}
@media screen and (min-width: 1600px) {
	.symbol06{
		background-image: url(../images/design/symbol6_700px.png);
		}
}


.outer-pc-imagearea{
	position: relative;
	
}
.outerpc .outerpc-img-small, .outerpc .outerpc-img-large{
	/*display: block;*/
	position: absolute;
	left: 230px;
	display: none;
	z-index: 0;
}

@media screen and (min-width: 1024px) {
	.outerpc .outerpc-img-small
	{
		display: block;
	}
	.outer-pc-imagearea{
		height: 557px;
		overflow: hidden;
	}
}

@media screen and (min-width: 1600px) {
	.outerpc .outerpc-img-small
	{
		/*display: none;*/
	}
	.outerpc .outerpc-img-large
	{
		/*display: block;*/
	}
	.outer-pc-imagearea{
		height: 750px;
		overflow: hidden;
	}
	.laenderseite .outerpc .outerpckartesmall, .startseite .outerpc .outerpckartesmall{
		display: none !important;
	}
}

.outerpc .outerpckartesmall, .outerpc .outerpckartelarge{
	
	
	position: absolute;
	/*left: 17%;*/
	/*top: 35px;*/
	top: 160px;
	display: none;
	z-index: 1000;
	
}

.startseite .outerpc .outerpckartesmall, .startseite .outerpc .outerpckartelarge{
	top: 35px;
}

.laenderseite .outerpc .outerpckartesmall, .startseite .outerpc .outerpckartesmall{
	display: none;
}
.outerpc .outerpckartesmall{
	left: 880px;	
	width: 345px;
}
@media screen and (min-width: 1100px) {
	.outerpc .outerpckartesmall{
		left: 950px;	
	}
}
@media screen and (min-width: 1200px) {
	.outerpc .outerpckartesmall{
		left: 1050px;	
	}
}
@media screen and (min-width: 1300px) {
	.outerpc .outerpckartesmall{
		left: 1140px;	
	}
	.laenderseite .outerpc .outerpckartesmall, .startseite .outerpc .outerpckartesmall{
		display: block;
	}
}

.laenderseite .outerpc .outerpckartelarge, .startseite .outerpc .outerpckartelarge{
	display: none;
}

.outerpc .outerpckartelarge{
	left: 1280px;
	width: 545px;
}

@media screen and (min-width: 1700px) {
	.outerpc .outerpckartelarge{
		left: 1380px;	
	}
}
@media screen and (min-width: 1800px) {
	.outerpc .outerpckartelarge{
		left: 1480px;	
	}
	.laenderseite .outerpc .outerpckartelarge, .startseite .outerpc .outerpckartelarge{
		display: block;
	}
}

/*.outerpckartesmallbackground{
	position: absolute;
	width: auto;
	height: auto;
		top: -30px;
	right: 215px;	
	display: inline-block;
	
	
}*/

@media screen and (min-width: 1024px) {
	.outerpc{
		display: block !important;
		/*background-image: url(../images/design/bg-pc-1200-frei-neu.jpg);*/
		
		height: 557px;
		overflow: hidden;
		
	}
	.outerpc .outerpckartesmall
	{
		display: block;
	}
}

@media screen and (min-width: 1600px) {
	.outerpc{
		/*background-image: url(../images/design/bg-pc-1200px-frei-neu.jpg);	*/
		height: 750px;
	}
	.outerpc .outerpckartesmall{
		display: none;
	}
	.outerpc .outerpckartelarge
	{
		display: block;
	}
}

/*.outerpcdiashowcontainer{
	position: relative;
	height: auto;
	width: auto;
	top: 40px;
	right: 0px;	
	padding-left:20px;
	padding-right:0px;
	padding-bottom: 40px;
}*/
.outerpcdiashowcontainer{
	position: relative;
	height: auto;
	width: 100%;
	padding-top: 0px;
	top: 0px;
	padding-left: 0px;
	padding-right:0px;
	margin-top: -50px;
	margin-bottom: 0px;
	/*right: 0px;	*/
	z-index: 5000;
}
@media screen and (min-width: 1024px) {
.outerpcdiashowcontainer{
	position: absolute;
	padding-top: 0px;
	height: 500px;
	width: 863px;
	top: 150px;
	left: 230px;
	/*right: 20px;*/	
	z-index: 5000;
	margin: 0px;
}
}
@media screen and (min-width: 1600px) {
	.outerpcdiashowcontainer{
		position: absolute;
		height: 780px;
		width: 1200px;
		top: 150px;
		/*right: 60px;*/
		border: 0px solid #333;	
	}
}

.laender-karte 
{
	display: none;
	z-index: 1000;
}
.laender-karte-visible 
{
	display: block !important;
}
.anden-venezuela-1900{
	position: absolute;
	top: 6px;
	left: 97px;
}
.anden-venezuela-1200{
	position: absolute;
	top: 3px;
	left: 61px;
}

.anden-kolumbien-1900{
	position: absolute;
	top: 2px;
	left: 30px;
}
.anden-kolumbien-1200{
	position: absolute;
	top: 1px;
	left: 18px;
}

.anden-ecuador-1900{
	position: absolute;
	top: 125px;
	left: 5px;
}
.anden-ecuador-1200{
	position: absolute;
	top: 80px;
	left: 2px;
}

.anden-peru-1900{
	position: absolute;
	top: 142px;
	left: 1px;
}
.anden-peru-1200{
	position: absolute;
	top: 90px;
	left: 1px;
}

.anden-bolivien-1900{
	position: absolute;
	top: 252px;
	left: 138px;
}
.anden-bolivien-1200{
	position: absolute;
	top: 160px;
	left: 89px;
}

.anden-chile-1900{
	position: absolute;
	top: 341px;
	left: 130px;
}
.anden-chile-1200{
	position: absolute;
	top: 215px;
	left: 82px;
}

.anden-argentinien-1900{
	position: absolute;
	top: 389px;
	left: 148px;
}
.anden-argentinien-1200{
	position: absolute;
	top: 245px;
	left: 94px;
}


.laender-text {
	z-index: 10000;
	font-size: 15px;
	position: absolute;
	color: rgba(255,255,255,0.8);
	color: #fff;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	left: 0px;
	top: 0px;
	padding: 20px;
	/*text-shadow: 0 0 5px rgba(255,255,255,0.5);*/

}
.laender-text:hover {
	color: #fff;
	text-shadow: 0 0 5px #ffffff;
}


.anden-venezuela-mobil-text
{

	left: 105px;
	top: 13px;
}
.anden-venezuela-1200-text
{

	left: 20px;
	top: -20px;
}
.anden-venezuela-1900-text
{
	font-size: 18px;
	left: 50px;
	top: -20px;
}

.anden-kolumbien-mobil-text
{

	left: 30px;
	top: 55px;
}
.anden-kolumbien-1200-text
{

	left: -20px;
	top: 25px;
}
.anden-kolumbien-1900-text
{
	font-size: 18px;
	left: -10px;
	top: 50px;
}

.anden-ecuador-mobil-text
{

	left: 0px;
	top: 125px;
}
.anden-ecuador-1200-text
{

	left: -40px;
	top: 65px;
}
.anden-ecuador-1900-text
{
	font-size: 18px;
	left: -40px;
	top: 120px;
}


.anden-peru-mobil-text
{

	left: 60px;
	top: 230px;
}
.anden-peru-1200-text
{

	left: -20px;
	top: 140px;
}
.anden-peru-1900-text
{
	font-size: 18px;
	left: -10px;
	top: 240px;
}


.anden-bolivien-mobil-text
{

	left: 120px;
	top: 280px;
}
.anden-bolivien-1200-text
{

	left: 35px;
	top: 195px;
}
.anden-bolivien-1900-text
{
	font-size: 18px;
	left: 70px;
	top: 320px;
}

.anden-chile-mobil-text
{

	left: 130px;
	top: 360px;
}
.anden-chile-1200-text
{

	left: 45px;
	top: 260px;
}
.anden-chile-1900-text
{
	font-size: 18px;
	left: 78px;
	top: 420px;
}

.anden-argentinien-mobil-text
{

	left: 130px;
	top: 500px;
}
.anden-argentinien-1200-text
{

	left: 45px;
	top: 370px;
}
.anden-argentinien-1900-text
{
	font-size: 18px;
	left: 90px;
	top: 600px;
}



.menubutton{
	background-color: transparent !important;
	color: white;
	font-family: "proxima-nova", "Proxima Nova Alt";
	/*font-weight: 400 ;*/
	font-size: 32px;
	text-transform: uppercase;
	
	/*background-image: url(../images/design/menu-icon-large.svg);*/
	/*background-size: 35px 22px;
	background-repea*/t: no-repeat;
	
	
	
	
	border: 0px solid #333;
	transition: none;
	
	position: absolute !important;
	width: 30px;
	height: 30px;
	left: -5px;
	top: -5px;
	z-index: 1000;
	
	/*position: fixed;*/
}
.menubutton:hover,
.menubutton:active,
.menubutton:focus,
.menubutton:link,
.menubutton:visited{
	color: #eee !important;
	
	
}

.menubutton:hover{
	opacity: 0.6;
}



.menubutton-right{
	background-color: transparent !important;
	color: white;
	font-family: "proxima-nova", "Proxima Nova Alt";
	/*font-weight: 400 ;*/
	font-size: 32px;
	text-transform: uppercase;
	
	/*background-image: url(../images/design/menu-icon-large.svg);*/
	background-size: 35px 22px;
	background-repeat: no-repeat;
	
	padding-left: 45px;
	line-height: 0.2;
	
	
	border: 0px solid #333;
	transition: none;
	
	position: absolute;
	top: -5px;
	right: 20px;
	height: 30px;
	width: 30px;
	z-index: 1000;
	
	/*position: fixed;*/
}
.menubutton-right:hover,
.menubutton-right:active,
.menubutton-right:focus,
.menubutton-right:link,
.menubutton-right:visited{
	color: #eee !important;
	
	
}

.menubutton-right:hover{
	opacity: 0.6;
}



.andentermin { 
    background-color: rgba(255,255,255,0.1);
    margin-bottom:10px;
    padding:7px;
}

.andentermin.andenpur { 
    background-color: rgba(255,255,255,0.2);
   
}

.andentermin .columns { padding-right:7px !important}

.andentermin a{ 

    color:white;
    text-decoration:none;
    border-bottom:1px dotted white;
}
.andentermin a:hover{ 

    color: rgb(199,87,87);
}




/*startseite*/

.logocontainer{
	/*height: auto;*/
	display: block;
	vertical-align: middle;
	text-align: center;
	/*border: 1px solid #333;*/
	
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
}

.logocontainer img{
	
}

.logotext{
	margin-top: 10px;
}

a.logolink{
	color: white;
	color: rgba(255,255,255,0.7);	
	
	display: block;
	margin-bottom: 30px;
	/*border: 1px solid yellow;*/
	position: relative;
}

a.logolink:hover{
	/*-moz-box-shadow: 0px 0px 15px 0px  #fff;
	-webkit-box-shadow: 0px 0px 15px 0px  #fff;
	box-shadow: 0px 0px 15px 0px  #fff;*/
	color: #fff;
}

.logodivider{
	border-color: rgba(255,255,255,0.5);
	margin-top: 50px;
	margin-bottom: 30px;
}

/* medium */
@media screen and (min-width: 40em) {
  
  .logocontainer{
  	
  	margin-bottom: 0px;
  	margin-top: 0px;
  	  	 }
  
	
  a.logolink{
  	display: block;
  	margin-bottom: 0px;  	
  }
      
 }


/*.leologo.upperlogo{
	opacity: 0;
	transition: opacity 0.125s ease-out;	
	
	width: 147px;
	height: 61px;
	position: absolute;
	top: 15px;
	left: 80px;
	
	background-size: 147px 61px;
}
.leologo.upperlogo.upperscrolled{
	opacity: 1;
	transition: opacity 0.5s ease-out;	
}

.leologo{
	width: 171px;
	height: 72px;
	position: absolute;
	top: 85px;
	left: 20px;
	
	background-image: url(../images/design/leo-lingo-logo-desktop.svg);
	background-repeat: no-repeat;
	background-size: 171px 72px;
	
	/*transition: background-size 0.125s ease-out, 
				width 0.125s ease-out,
				height 0.125s ease-out;*!/
	
	transition: opacity 0.5s ease-out;	
	opacity: 1;
}
@media screen and (min-width: 768px) {
	.leologo{
		width: 227px;
		height: 94px;
		top: 100px;
		left: 75px;
		
		background-image: url(../images/design/leo-lingo-logo-desktop.svg);
		background-repeat: no-repeat;
		background-size: 227px 94px;
			
		
	}
}
@media screen and (min-width: 940px) {

	.leologo{
		width: 227px;
		height: 94px;
		top: 155px;
		left: 67px;
		
		background-image: url(../images/design/leo-lingo-logo-desktop.svg);
		background-repeat: no-repeat;
		background-size: 227px 94px;		
		
}


}

.leologo.scrolled{
	
	/*width: 147px;
	height: 61px;
	position: absolute;
	top: 15px;
	left: 80px;
	
	background-size: 147px 61px;*!/
		
	transition: opacity 0.125s ease-out;	
	opacity: 0;	
}

.headergrafik{

	display: none;
	z-index: 2020;

	
	position: relative;
	margin-top: 50px;
	margin-left: 15px;
	text-align:center;
	/*background-image: url(../images/design/kopfbild.png);
	background-repeat: no-repeat;*!/

	opacity: 1;
	transition: opacity 0.5s ease-out;	
}

.headergrafiksmallcontainerouter{
	position: relative;
	z-index: 2020;
}

.headergrafiksmallcontainer{
	width: 140%;
	position: relative;
	margin-left: -20%;
	text-align: center;
	/*min-width: 600px;
	border: 1px solid #333;
	position: relative;
	left: -10%;
	right: -10%;*!/
}
.headergrafikimgsmall{
	/*display: inline-block;
	min-width: 600px !important;
	*!/
	margin-bottom: 10px;
	
}
@media screen and (min-width: 768px) {
	.headergrafikimgsmall{
		display: none;
	}
}

.header.header-scrolled .headergrafik{
	/*display: none;	*!/
	opacity: 0;
	transition: opacity 0.125s ease-out;
	
	height: 0;
}
.header.header-scrolled .headergrafikimg{
		
	height: 0;
}

@media screen and (min-width: 768px) {

	.headergrafik{
	
		display: block;
		z-index: 20;	
			
		position: relative;
		margin-top: 190px;
		margin-left: 15px;
		text-align:center;
		
		
	}

}

@media screen and (min-width: 940px) {

	.headergrafik{
	
		width: 657px;
		height: 425px;
		position: absolute;
		top: 75px;
		right: -3px;
		margin-top: 0px;
		margin-left: 0px;
		
		
	}

}

.headerkreissmall{

	z-index: 40;
	width: 100px;
	height: 101px;
	position: absolute;
	
	top: 70px;
	right: 0px;
	
	
	background-image: url(../images/design/button-10-jahre-small.png);
	background-repeat: no-repeat;
	background-size: 100px 101px;

	
	
}
@media screen and (min-width: 768px) {

	.headerkreissmall{
		display: none;
	}

}
.headerkreis{

	display: none;

	z-index: 40;
	width: 100px;
	height: 101px;
	position: absolute;
	
	top: -50px;
	right: -10px;
	
	
	background-image: url(../images/design/button-10-jahre-small.png);
	background-repeat: no-repeat;
	background-size: 100px 101px;

	
	opacity: 1;
	transition: opacity 0.5s ease-out;	
}
@media screen and (min-width: 740px) {

	.headerkreis{
	
		display: block;
	
		width: 145px;
		height: 144px;
		background-size: 145px 144px;
		background-image: url(../images/design/button-10-jahre-large.png);
		top: auto;
		bottom: -40px;
		
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: auto;
		right: 6%;
		/*right: -20px;*!/
		
		
		
	}

}
@media screen and (min-width: 940px) {

	.headerkreis{
	
		bottom: none;
		top: 225px;
		right: 40px;
		
	}

}

.header.header-scrolled .headerkreis{
		/*display: none;	*!/
		opacity: 0;
		transition: opacity 0.125s ease-out;
		
}


.headerunderline
{
	height: 7px;
	width: 100%;
	position: absolute;
	background-color: #00B5E1;
	
	bottom: 4px;
}

*/





/*.menubutton-close{
	
	position: absolute;
	
	background-image: url(../images/design/menu-cross.svg);
	background-size: 29px 30px;
	background-repeat: no-repeat;
	
	width: 29px;
	height: 30px;

	left: 45px;
	top: 35px;
	
	cursor: pointer;
		
}
.menubutton-close:hover
{
	opacity: 0.6;
}

.menu-leo{
	
	position: absolute;
	
	background-image: url(../images/design/leo-menu.svg);
	background-image: url(../images/design/leo_side_navi.svg);
	
	/*-webkit-transform: rotate(-12deg);
	    -moz-transform: rotate(-12deg);
	    -o-transform: rotate(-12deg);
	    -ms-transform: rotate(-12deg);
	    transform: rotate(-12deg);*!/
	    
	
	background-size: 113px 151px;
	background-repeat: no-repeat;
	
	width: 113px;
	height: 151px;

	right: 0px;
	top: 62px;
	top: -200px;
	top: 165px;
		
}*/


/*62,20*/
.menubutton:hover{	
	color: #00B5E1;
}

.headerinner .menu.menuupper
{
	opacity: 0;
	transition: opacity 0.125s ease-out;
}
.headerinner .menu.menuupper.menuscrolled
{
	opacity: 1;
	transition: opacity 0.5s ease-out;
}

.headerinner .menu
{
	
	position: relative;
	z-index: 30;

	font-family: 'texgyreadventorregular', sans-serif;
	font-weight: 400 ;
	font-size: 13px;
	color: #00B5E1;
	position:  absolute;
	top: 30px;
	right: 8px;
}
@media screen and (min-width: 768px) {
	
	.headerinner .menu
	{
		right: 38px;
	}
}
@media screen and (min-width: 940px) {
	
	.headerinner .menu
	{
		right: 0px;
	}
}

.headerinner .menu li a
{
	padding-left: 10px !important;
	padding-right: 10px !important;
	color: #00B5E1;
}
.headerinner .menu li a:hover
{
	opacity: 0.6;
}
/*.headerinner .menu li:not(:last-child)::after {
	font-size: 13px;
	font-weight: 400;
	font-family: "proxima-nova", "Proxima Nova Alt";
  	color: #00B5E1;
  	content: "/";

 
 }*/

.das-icon
{
	background-image: url(../images/design/das-icon.svg);
	background-size: 10px 18px;
	background-repeat: no-repeat;
	width: 10px;
	height: 18px;
	margin-left: 5px !important;
}


.footer{
	margin-top: -38px;
	border: 0px solid #333;
	padding-left: 5px !important;
	padding-bottom: 20px;
	min-height: 40px;
	text-align: left;
}

.footer li.divider{
	display: none !important;
}

@media screen and (min-width: 768px) {
	.footer{
		padding-left: 50px !important;
		text-align: center;
	}
}
.footer .menu
{
	border: 0px solid black;
	
	width: auto;
	position: relative;
	z-index: 0;

	font-family: 'texgyreadventorregular', sans-serif;
	font-weight: 400 ;
	font-size: 13px;
	color: #fff;
	
}

.footer .menu li
{
	display: block;
	
}

@media screen and (min-width: 768px) {
	
	.footer .menu li
	{
		display: table-cell;
		display: inline-block;
	}
}

.footer .menu li a
{
	color: #fff;
	padding-left: 10px !important;
	padding-right: 10px !important;
	
}






/* ansonsten doppelte scrollbalken */
.off-canvas-wrapper
{
	overflow-y: hidden;
}



.off-canvas
{
	
	background-color: transparent;
	height: 100%;
	/*border-right: 3px solid white;*/
	box-shadow: 0 0 10px;
	
	
	/*-moz-box-shadow: 0px 0px 15px 0px  #444;
	-webkit-box-shadow: 0px 0px 15px 0px  #444;
	box-shadow: 0px 0px 15px 0px  #444;*/

-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;

	z-index: -1;	
	
	/*width: 300px;*/
	
	overflow: visible;
}
.off-canvas.is-open
{
	z-index: 1000000;
}

.off-canvas-inner{
	position: relative;
}

.off-canvas-content {  
	box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); 
	box-shadow: none;

	/*margin-left: 250px; 	*/
}

.off-canvas.position-right {
/*width: 125px !important; */
text-align: right;
	background: #052A60;
/*top: 0;
right: 0px;

z-index: 5;

*/

/*left: 0px;*/

/*-moz-box-shadow: 3px 0px 15px 0px  #444;
-webkit-box-shadow: 3px 0px 15px 0px  #444;
box-shadow: 3px 0px 15px 0px  #444;
z-index: 1000;

left: 0;
position: fixed !important; */

}
  
.off-canvas.position-left {

top: 0;
width: 265px; 
background: #052A60;
/*background-color: transparent;*/
/*left: 0px;*/

/*-moz-box-shadow: 3px 0px 15px 0px  #444;
-webkit-box-shadow: 3px 0px 15px 0px  #444;
box-shadow: 3px 0px 15px 0px  #444;
z-index: 1000;

left: 0;
position: fixed !important; */

}
    
/* large */
@media screen and (min-width: 64em) {
  .off-canvas-content {    	
  	/*margin-left: 100px !important; 	*/
  }
  .off-canvas.position-left { 
  background: transparent;
  -moz-box-shadow: 3px 0px 15px 0px  #444;
  -webkit-box-shadow: 3px 0px 15px 0px  #444;
  box-shadow: 3px 0px 15px 0px  #444;
  z-index: 1000;
  /*position: fixed !important; */
  left: 0px;
  top: 125px;
  }
  .off-canvas.position-left.startseite {   top: 0px;
  }
  .menubutton-close{
  	display: none;
  }
  .menubutton{
  	display: none;
  }
  
  
}

/* large */
@media screen and (min-width: 64em) {
  .off-canvas-content {    	
  	/*margin-left: 100px !important; 	*/
  }
  .off-canvas.position-right { 
  
  /*-moz-box-shadow: 3px 0px 15px 0px  #444;
  -webkit-box-shadow: 3px 0px 15px 0px  #444;
  box-shadow: 3px 0px 15px 0px  #444;
  z-index: 1000;
  position: fixed !important; 
  right: 0px;*/
  }
  .menubutton-close{
  	display: none;
  }
  .menubutton-right{
  	display: none;
  }
  
  
}
    
    
    
.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 31, 29, 0.2);
  cursor: pointer;
  transition: background 0.5s ease; 
  z-index: 1000;
 }  
  
 .nav{
 	position: absolute;
 	/*width: 265px;*/
 	top: 0px;
 	left: -3px;
 	border-top: 0px solid rgba(0,180,219,0.3);
 	
 	/*background-color: #6FC8E5;*/
  	/*padding-bottom: 300px;*/
  	
  	/*border-bottom: 1px solid #333;*/
 } 
 
 .nav ul{
  	/*overflow: hidden !important;*/
  	margin-left: 0px;
  	list-style-type: none;
  	padding-top: 10px;
  }
  
  /*.nav ul li:not(.active) ul{
  	display: none;
  }*/
  
  .nav-is-open{
  		
  }
  
 
 /* foundation 6, Akkordeonanpassungen */
 
 .nav .is-accordion-submenu-parent > a::after {
      content: none; 
  }
    
  .nav .is-accordion-submenu-parent  a{
    
     
      background-size: 12px 9px;
      background-repeat: no-repeat;
      background-position: 220px;
   
   }
  
  .nav .is-accordion-submenu-parent[aria-expanded='true'] a{
  
  	/*background-image: url(../images/design/up.svg);*/
  
   }
   
  .nav .is-accordion-submenu-parent[aria-expanded='true'] ul li a{
  		background-image: none;
  	}
  
  
 .nav ul li a
 {
 	padding-left: 25px;
 	/*border: 3px solid transparent;*/
 	
 	/*background-color: #052A60;*/
 	display: block;
 	position: relative;
 	/*right: 0px;*/
 	/*width: 260px;*/
 	
 	line-height: 1.55;
 	
 	z-index: 100;
 	
 	font-family: 'texgyreadventorregular', sans-serif;
 	color: white;
 	font-weight: 400;
 	font-size: 20px;
 	
 	/*background-image: url(../images/design/down.svg);
	background-size: 12px 9px;
	background-repeat: no-repeat;
	background-position: 220px;*/
 
 } 
 
 
.nav ul li[aria-expanded='true'] a, .nav ul li[aria-expanded='true'] a:hover, 
.nav ul li.active a, .nav ul li.active a:hover, 
.nav ul li a:hover
 
 {
	text-decoration: underline;
	color: rgb(199,87,87);
 	/*border: 3px solid #fff;*/
 	/*background-color: rgba(255,255,255,0.1);*/
 	/*width: 283px;*/
 	
 	/*-moz-box-shadow: 4px 4px 10px 0px  #666;
 	-webkit-box-shadow: 4px 4px 10px 0px  #666;
 	box-shadow: 4px 4px 10px 0px  #666;*/
 	
 	z-index: 1000;
 } 
/* .nav ul li.active a, .nav ul li.active a:hover{	
 	background-image: url(../images/design/up.svg) ;
 }*/
 .nav ul li[aria-expanded='true'] ul li a,
 /*.nav ul li.active ul li a,*/
 .nav ul li ul{
 	padding-top: 0px !important;
 }
 .nav ul li ul li a
 {
 	background-image: none;
 	color: white !important;
 	text-decoration: none !important;
 	/*display: none;*/
 	margin-bottom: 1px;
 	
 	/*background-color: #052A60;/*rgba(0,180,219,0.3);*!/*/
 	border: 3px solid transparent;
 	/*width: 264px;*/
 	z-index: 100;
 	
 	padding-left: 48px;
 	/*padding-right: 50px;*/
 	
 	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	
	font-family: 'texgyreadventorregular', sans-serif;
	color: white;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3;
 } 
 .nav ul li ul li[aria-expanded='true'] a, .nav ul li[aria-expanded='true'] ul li a:hover,
 .nav ul li ul li.active a
 /*.nav ul li ul li.active a, .nav ul li.active ul li a:hover*/
 {
 	color: rgb(199,87,87) !important;
 	/*border: 3px solid transparent;
 	background-color: rgba(0,180,219,0.8);*/
 	width: 264px;
 	text-decoration: underline !important;
 	
 	-moz-box-shadow: none;
 	-webkit-box-shadow:none;
 	box-shadow: none;
 	
 	z-index: 1000;
 }  
  
  
  
  
  
  .breadcrumbs{
  	display: none;
  }
  
  @media screen and (min-width: 768px) {
  	.breadcrumbs{
  		display: block;
  		margin-bottom: 20px;
  	}
  }
  
  .breadcrumbs a
  {
  	
  	font-size: 12px;
  	font-weight: 400;
  	font-family: 'texgyreadventorregular', sans-serif;
  	text-transform: none;
  	color: #fff;
  }
  
  .breadcrumbs .right{
  	margin-left: 10px;
  	
  }
  
  .breadcrumbs li:not(:last-child)::after {
  	font-size: 12px;
  	font-weight: 400;
  	font-family: 'texgyreadventorregular', sans-serif;
    color: #fff;
    content: "//";
    margin: 0 5px;
    position: relative;
    top: 1px;
    opacity: 1; 
   }
  
  .breadcrumbs .right::after {
    content: " " !important;
    color: #aaa !important;
    position: relative;
    top: 1px; 
    
    }
    .breadcrumbs .right::before {
      display: none;
      
      }
  .breadcrumbs li::before {
     top: 0px;
    }
  
  .breadcrumbs li{
  	margin-bottom: 0px !important;
  }
  



.accordion {
  list-style-type: none;
  background-color: transparent;
  border: 0px solid #e6e6e6;
  border-bottom: 0;
  border-radius: 0;
  margin-left: 0; }

.accordion-item{
	margin-bottom: 5px !important;
}

.accordion-title {
  display: block;
  padding: 1rem 1rem;
  padding-left: 40px;
  font-family: 'texgyreadventorregular', sans-serif;
  font-size: 18px;
  line-height: 1.0;
  font-weight: 600;
  color: #fff;
  position: relative;
  border-bottom: 0px solid #e6e6e6; 
  
  /*background-image: url(../images/design/down.svg);*/
  background-size: 12px 9px;
  background-repeat: no-repeat;
  background-position: 15px;
  
  background-color: rgba(255,255,255,0.12);
  }
  
  .accordion-title:hover{
  	background-color: rgba(255,255,255,0.12);
  	color:#fff;
  }
  
  .is-active > .accordion-title {
  	background-image: url(../images/design/up.svg);
  	background-color: rgba(255,255,255,0.2);
  	
  }
  
  
  li:not(.is-disabled) .accordion-title:hover, li:not(.is-disabled) .accordion-title:focus {
    background-color: rgba(255,255,255,0.2);
    color:#fff; }
    
    li.is-disabled .accordion-title:hover, li.is-disabled .accordion-title:focus {
      cursor: default;
      }
    
  .accordion-title::before {
  
    content: '';
    position: absolute;
    right: 1rem;
    right: auto;
    top: 50%;
    margin-top: -0.5rem; }
    
  .is-active > .accordion-title::before {
  	/*background-image: url(../images/design/up.svg);*/
    content: ''; }

.accordion-content {
  padding: 25px 0px 20px 0px;
  display: none;
  border-bottom: 0px solid #e6e6e6;
  background-color: transparent; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1); }
          
          
     
     
     
     
/* Allgemeine Controls */ 
          
          
  select {
  	
  font-size: 15px;
  	font-weight: 400;
  	font-family: "proxima-nova", "Proxima Nova Alt";
  	color: #00B5E1;
  
    height: 50px;
    padding: 0.5rem;
    padding-left: 8px;
    padding-right: 15px;
    border: 0px solid #cacaca;
    margin: 0px;
    margin-bottom: 5px;
   
   
   
    
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*background-image: url(../images/design/down-dropdown.svg);*/
    background-size: 11px 8px;	
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat; }
    @media screen and (min-width: 0\0) {
      select {/*background-image: url(../images/design/down-dropdown.svg);*/} }
    select:disabled {
      background-color: #e6e6e6;
      cursor: default; }
    select::-ms-expand {
      display: none; }
    select[multiple] {
      height: auto; }        
         
         
          
          
  label{
  	font-family: "proxima-nova", "Proxima Nova Alt", sans-serif;/*"Proxima Nova Alt";*/
  	font-weight: 400 ;
  	font-size: 15px;
  	color: #fff;
  }
  
  input[type="text"],
  textarea   
  {
  		height: 50px;
  		color: #00B5E1;
  		border: 0px solid #fff;
  		box-shadow: none;
  		margin-bottom: 5px;
  		font-size: 15px;
  		font-weight: 400;
  		font-family: "proxima-nova", "Proxima Nova Alt";
  		line-height: 1.4;
  } 
input[type="text"]:focus,
textarea:focus   
{
		border: 0px solid #fff;}           
  textarea{
  	height: 100px;
  }
          
   .is-invalid{
   	border-bottom: 3px solid #00B5E1 !important;
   }       
          



.row.contentouter{
	/*background-color: #EF7B08;*/
	width: 100%;
	margin-bottom: 20px;
	/*border-bottom: 4px solid #fff;*/
}

@media screen and (min-width: 940px) {
	
	 .row.contentouter{
	 	
	 	/*width: 780px;
	 	border-left: 4px solid #fff;
	 	border-right: 4px solid #fff;
	 	border-bottom: 4px solid #fff;
	 	
	 	margin-bottom: 50px;*/
	 	
	 }
	 	
}

.row.contentouterwide .contentinner{
	margin-left: 0px;
	
	padding: 0px;
}
@media screen and (min-width: 1024px) {
	.row.contentouterwide .contentinner{
		margin-left: 215px;
		width: 790px;
		padding: 0px;
	}
}
@media screen and (min-width: 1050px) {
	.row.contentouterwide .contentinner{
		margin-left: 215px;
		width: 820px;
		padding: 0px;
	}
}
@media screen and (min-width: 1100px) {
	.row.contentouterwide .contentinner{
		margin-left: 215px;
		width: 863px;
		padding: 0px;
	}
}
@media screen and (min-width: 1600px) {
	.row.contentouterwide .contentinner{
		margin-left: 215px;
		width: 1200px;
		padding: 0px;
	}
}

.contentinner{

	

	padding-top: 43px;
	padding-left: 15px;
	padding-right: 15px;	
	padding-bottom: 30px;
	/*min-height: 1200px;*/
	
	position: relative;
		
}
@media screen and (min-width: 64em) {
	 .contentinner{
	 
	 	
	 
	 	padding-top: 50px;/*
	 	margin-left: 230px;*/
	 	padding-right: 0px;	
	 	padding-bottom: 30px;
	 	/*min-height: 1200px;*/
	 	
	 	position: relative;
	 		
	 }
}

.startseite-sponsoren p{
	font-weight: 400; 
	font-family: 'texgyreadventorregular', sans-serif;
	font-size: 22px;
}

.startseite-sponsoren img{
	display: inline-block;
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 20px;
}

.startseite-sponsoren p{
	display: none;
}

@media screen and (min-width: 64em) {
	.startseite-sponsoren{
		position: absolute;
		left: -205px;
		top: 91px;
		z-index: 1000;
	}
	.startseite-sponsoren img{
		
		display: block;
		margin-top: 27px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.startseite-sponsoren .logodivider{
		display: none;
	}
	.startseite-sponsoren p{
		display: block;
	}
}


/* Fonts etc */

p{
	font-family: 'texgyreadventorregular', sans-serif;
	font-family: 'texgyreadventorregular', sans-serif;
	font-weight: 400 ;
	font-size: 17px;
	margin-bottom: 15px;
	line-height: 1.35;
}
p.smaller{
	
	font-size: 14px;
}
h1,h2,h3
{
	font-family: 'texgyreadventorregular', sans-serif;
	line-height: 1.2;
	font-weight: 400;
	margin-top: 0px;
	
}
h1{
	font-size: 30px;	
	margin-bottom: 12px;
}
h2{
	font-size: 22px;	
	margin-bottom: 19px;
}
h2 a{
	color:white;
}
h2 a:hover{
	color:white;
	text-decoration: underline;
}
h3{
	font-size: 17px;
	margin-bottom: 19px;
}

hr{
	border-color: rgba(255,255,255,0.3);	
}

.contentinner li {
	margin-bottom: 8px;
}

.contentinner p a:not(.button), 
.contentinner p a:not(.button):link,
.contentinner p a:not(.button):visited,
.contentinner p a:not(.button):active,
.contentinner p a:not(.button):focus{

	color: #fef5a8;
	font-family: 'texgyreadventorregular', sans-serif;
	font-weight: 400 ;
	font-size: 17px;
	
	/*border-bottom: 1px dotted #fef5a8;*/
}
b,strong {font-weight:600; }
.contentinner p a:not(.button):hover{
	color: #fff;
	/*border-bottom: 1px dotted transparent;*/
}

.abstandvorakkordeon{
	height: 25px;	
}



    

.radiocontainer > .radioinput
{
	padding: 0;
	margin: 0;
	height: 20px;
	width: 16px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
.radiocontainer > .radiolabel 
{ 
	/*line-height: 16px; */
	padding-left: 30px;
	}

.radiocontainer{
	margin-left: -8px;
	margin-top: -10px;
}


.radiocontainer:not(#foo) > .radioinput + .radiolabel
{
	min-height: 40px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-size: 16px 16px;
}
.radiocontainer:not(#foo) > .radioinput + .radiolabel			
{ 
	background-image: url(../images/design/check_1.svg); 
}
.radiocontainer:not(#foo) > .radioinput:checked + .radiolabel 
{ 
	background-image: url(../images/design/check_2.svg); 
}







/* Print visibility */
@media print {

    .row.outer
    {
    	display: none;
    }
	.position-left{
		display: none;
	}
	.position-right{
		display: none;
	}
	.outerpcdiashowcontainer
	{
		display: none;
	}
}


    

/* medium */
@media screen and (min-width: 768px) { 

}
/* large */
@media screen and (min-width: 1025px) {
  
}

/* medium */
@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

/* large */
@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }