/*main styles */
* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;


}


html { background: url(Bilder/Hintergrund.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }

@font-face {        
    font-family: Underwood Champion; 
    src: url(Underwood_Champion.ttf); } 
/*header*/

header {width: 100%;
		position: fixed;
		z-index: 102;
		}

.Balken {width: 100%;
height: 9.5em;
background-color: black;}

.Balken h1 {font-size: 4em;
color: white;
font-family: Underwood Champion;
width: 100%;
text-align: center;
padding-top: 0.1em;
margin: auto;
display: block;}

.Balken a {text-decoration: none;}
.Balken h2 {font-size: 1.8em;
color: white;
font-family: Underwood Champion;
width: 100%;
text-align: center;
display: block;
}


header img {max-width: 100%;}

/*Navigation */

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {margin-top: -0.5em; 
	font-size:1em;
	display: inline-block;
	font-size: 1.25em;
	width: 100%;
	background-color: #ffffff;
	font-family: Times New Roman;
	font-weight: bold;
	letter-spacing: 2pt;
	
}

nav ul {
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	margin: 0 auto;
	
}
nav li {
	display: inline;
	padding-right: 1em;
	padding-left: 1em;



}
nav a {
	color: black;
	font-weight: normal;
	display: inline-block;
    border-radius: 2px;
	text-align: center;
	text-decoration: none;


	
}
nav li a {	

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav a:hover {
	
	 box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

nav ul li a.active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);

}




nav a#pull {
	display: none;
}
/*content*/
iframe {margin-top:2em; padding-bottom:2em; margin-bottom: 2em; width: 100%;}

.main {text-align: center;
		padding-top: 15.5em;
		width: 100%;

	
		}

.main {text-align: center;
		padding-top: 15.5em;
		width: 100%;

	
		}	
		
.main_index {text-align: center;
		padding-top: 11em;
		width: 100%;
		background-color: #dfd19a;

	
		}				

.beige { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;

		
		}

.beige_story { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-top: -4.5em;
		
		}

.beige_figuren { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-top: -4em;
		
		}

.beige_projekt { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-top: -4.5em;
		
		}
.beige_support { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-top: -4.5em;
		
		}

.beige_impressum { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: 2em;
		padding-bottom: 2em;
		
		}






.beige article {margin-top: 2em;
	padding-bottom: 2em;
width: 100%; }

.beige_story article {margin-top: 2em;
	padding-bottom: 4em;
width: 100%; }

.beige_figuren article {margin-top: 2em;
	padding-bottom: 2em;
width: 100%; }

.beige_projekt article {margin-top: 2em;
	padding-bottom: 0em;
width: 100%; }

.beige_support article {margin-top: 0.5em;
	padding-bottom: 2em;
width: 100%; }

.beige_impressum article {margin-top: 2em;
	padding-bottom: 2em;
width: 100%; }



.beige article p { width:80%;
				margin: auto;
				text-align: left;
				padding-top: 1em;
				padding-left: 2.5em;
				font-weight: normal; 
				letter-spacing: 2pt;}

.beige_story article p { width:60%;
				margin-left: 8em;
				text-align: left;
				padding-top: 1em;

				font-weight: normal; 
				letter-spacing: 2pt;}

.beige_figuren article p { width:60%;
				margin-left: 8em;
				text-align: left;
				padding-top: 1em;

				font-weight: normal; 
				letter-spacing: 2pt;}

.beige_projekt article p { width:60%;
				margin: auto;
				display: block;
				text-align: left;
				padding-top: 1em;
				font-family: Times New Roman;
				letter-spacing: 2pt;
				font-weight: normal; 
				}

.beige_support article p { width:60%;
				margin:auto;
				text-align: center;
				padding-top: 0em;

				font-weight: normal; 
				letter-spacing: 2pt;}	

		

.beige_impressum article p { width:60%;
				margin-left: 8em;
				text-align: left;
				padding-top: 1em;

				font-weight: normal; 
				letter-spacing: 2pt;}


.beige_Kontakt { position: relative;
		background: #dfd19a;
		width: 60%;
		margin: auto;
		padding-top: -2em;
		padding-bottom: 2em;
		margin-top: -4.5em;
		
		}

.beige_Kontakt article {margin-top: 2em;
	padding-bottom: 2em;
width: 100%; }

.beige_Kontakt article p { width:60%;
				margin-left: 8em;
				text-align: left;
				padding-top: 1em;

				font-weight: normal; 
				letter-spacing: 2pt;}

.beige_support h1 {margin-bottom: 1em;}


.Impressum {width: 100%;
		background: #FFF none repeat scroll 0% 0%;}


.Plakat img{margin: auto;
	width: 100%;
height:auto;
display: block;
margin-top: -2em;

}

footer {
	display: block;
	text-align: right;
	font-size: 1em;
margin-bottom: 0em;
background: white;

padding-top: 0.5em;
padding-bottom: 1em;
width: 100%;
}

footer ul li { text-align: right;
				padding-right: 3em;
				list-style-type: none;

				}
footer ul li a { color: black;
padding: 0.2em;
}

article.Projekt {
	margin:auto;
	margin-top: 1em;
	margin-bottom: 2em;
}

h1 { margin: auto;
	letter-spacing: 2pt;}
h2 { margin: auto;
	letter-spacing: 2pt;}

h3{letter-spacing: 2pt;
	padding-top: 3em;
	padding-bottom: 2em;
font-size: 1.5em;}

/*Slideshow*/

#container img {
	max-width: 100%;
	margin-top: 0em;
	border: none; 
	display: inline-block;
	text-align: left;
	margin-left: 0em;
	width: 200px;
	height: 120px;
}


#container {
        width: 70%;
        height: auto;
        position: relative;
        overflow: hidden;
        background: #4e3f3a;
        margin: auto; 
    }


    #slideshow {
        height: 100%;
        width: 100%;
    }
    #slideshow img {
        height: 100%;
        width: 100%;
    }
    #pager {
    	text-align: center;
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: 5%;
        background: rgba(0,0,0,.5);
        z-index: 1000;
        opacity: 0;
        transition: all 0.3s ease-in-out 0s;
    }

    #pager img { margin-left: 0.3em;
    	width: 20%;
    	height: 95%;}
    #pager:hover {
       opacity: 1;
    }  



    
    #prev {
        height: 1em;
        width: 1em;
        position: absolute;
        top: 8em;
        bottom: 0;
        left:-60px;
        margin: auto 10px;
        z-index: 101;
        opacity: 0.7;
    }
     #next {
        height: 0.5em;
        width: 0.5em;
        position: absolute;
        top: 8em;
        bottom: 0;
        right:-60px;
        margin: auto 10px;
        z-index: 101;
        opacity: 0.7;
    }


/*Team*/

.Teamfoto{width: 100%;
			margin-left: -1em;}

.Teamfoto img{display: inline-block;
				width: 80%;}
.Teamfoto figcaption{letter-spacing: 2pt;
margin-left: -0.7em;
font-size: 0.85em;
text-align: center;}

.Teamfoto figcaption a {text-decoration: underline;
color: black;}

.Teamfoto figure {width: 25%;
	display: inline-block;
padding-left: 2em;
padding-bottom: 2em;}

.Teamfoto_gros {width: 100%;}

.Teamfoto_gros img {width: 50%;
margin-bottom: 2em;}

.beige_figuren table tr th {text-align: left;
padding-left: 2em;
padding-right: 2em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.beige_figuren table th {	 border-bottom: 1px dotted #999;
  }
.beige_figuren table th a {color: black;}
.beige_figuren table {margin:auto;
	margin-top: 3em;
margin-bottom: 3em;}
/*Unterstützer*/

.Crew h3 {width: 60%;
	font-size: 1.1em;
text-align: left;
margin:auto;
display: block;
padding-top: 0.5em;
padding-bottom: 1em;}

.Crew article p {padding-top: 0em;
text-align: left;
margin: auto;
display: block;}

.beige_projekt h2 {margin-bottom: 2em;}


.Teamnamen_links_U article {margin-top: -1em;font-size: 1.2em;}
.Teamnamen_rechts_U article {font-size: 1em;}
.Teamnamen_links_U  {display: inline-block;
width: 50%;
text-align: center;
margin-left: -0.5em;
font-size: 0.85em;
}
.Teamnamen_links_U h2 {padding-bottom: 2em;
padding-top: 2em;}
.Teamnamen_rechts_U  {display: inline-block;
width: 50%;
text-align: center;


}




figure.links {
padding-top: 1em;
padding-bottom: 1em;
}

figure.rechts {
	padding-top: 1em;
	padding-bottom: 1em;
			}

.links img {width:40%;
display: block;
margin:auto;
text-align: center;}

.rechts img {width:40%;
display: block;
margin:auto;
text-align: center;

}

.links figcaption  {display: block;
				font-size: 1em;
				letter-spacing: 2pt;
				width: 40%;
				margin: auto;
				padding-top: 1em;}

.links figcaption a {color: black;
letter-spacing: 2pt;}

.rechts figcaption a {color: black;
letter-spacing: 2pt;}

.rechts figcaption {display: block;
				font-size: 1em;
				letter-spacing: 2pt;
				width: 40%;
				margin: auto;
				padding-top: 1em;}


/*Bildertext*/

.Bildertext article p {width: 75%;
margin: auto;}
.Bildertext p img  {width: 60%;
	height: auto;

}

.Bildertext h2 {text-align: center;
	margin: auto;
	display: block;
	width: 100%;
margin-bottom: -1em;
margin-top: 1.5em;}

.left {float: left;
	padding-right: 1.5em;
}
.right {float: right;
padding-left: 1.5em;}

/* Künstlerbilder */

.Kuenstler_rechts {
	background-image: url(Bilder/Papierhintergrund.jpg);
z-index: auto;
width: 80%;
margin: auto;
margin-top: 2em;
}

.Kuenstler_rechts article {
	display: inline-block;width: 70%;
	text-align: left;
	margin-left: -21em;
	padding-left: 1em;

}

.Kuenstler_rechts img {display: inline-block;
	margin-left: -0.5em;
	width: 45%;
	padding-top: 0.5em;
}

.Kuenstler_rechts article p {width: 120%;}


.Kuenstler_links {
	background-image: url(Bilder/Papierhintergrund.jpg);
	
width: 80%;
margin: auto;
margin-top: 2em;
z-index: auto;}

.Kuenstler_links article {
	display: inline-block;
	width: 70%;
	margin-left: -19em;

}

.Kuenstler_links article p {width: 120%;}

.Kuenstler_links img {display: inline-block;
	padding-top: 0.5em;
margin-left: -0.5em;
width: 45%;}



.Kuenstlerteam figcaption{letter-spacing: 2pt;
margin-left: -0.7em;
font-size: 0.85em;
text-align: center;}

.Kuenstlerteam figure {width: 25%;
	display: inline-block;
padding-left: 2em;
padding-bottom: 2em;}

.Kuenstlerteam {width: 100%;
			margin-left: -1em;
			margin-top: 3em;
		}

.Kuenstlerteam img {width: 70%;}

.Kuenstler_rechts article a {
font-size: 1.1em;
letter-spacing: 2pt;
margin-left: 6.7em;
width: 110%;
}

.Kuenstler_links article a {
font-size: 1.1em;
letter-spacing: 2pt;
margin-left: 17em;
width: 110%;
}

.Komparsen h5 {font-size: 1em;}
.Komparsen article p {font-size: 0.8em;
width: 100%;
margin: auto;
padding: 2em;
padding-top: 1em;
text-align: center;}
.Komparsen article {width: 100%;
	margin: auto;}
.Komparsen {margin-top: 30px;}


#nachoben img{padding-top: 30px;}






/* Das Kontaktformular */
form {
	letter-spacing: 2pt;
  width: 370px; /* Breite des Formulars */
  padding: 20px;
  margin:auto;
  border-radius: 30px;
 background-color: #ccc08f;

 
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */

}
input,
textarea {
  width: 300px;
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
  font-family: Times;
  letter-spacing: 2pt;
  height: 25px;
}
textarea {
  font-size: 0.8em;
  height: 7em;
 
}
input:focus,
textarea:focus {
  background-color: #d9d9d9;
}

input#submit {letter-spacing: 2pt;
	font-family: Times;}

h4 {font-size: 1.5em;
	margin: auto;
	padding-top: 2em;
margin-bottom: 1em;
letter-spacing: 2pt;}

/*IMPRESSUM*/

.impressum p {width: 80%;
margin: auto;
text-align: left;
letter-spacing: 2pt;
font-family: Times New Roman;}

.impressum h1 {letter-spacing: 2pt;
text-decoration: underline;}


@charset "UTF-8";
.accordion-navigation > a:after {
  content: "↡";
  padding-left: 5px;
  float: right;
  font-size: 20px; }
.accordion-navigation.active > a:after {
  content: "↟"; }


 /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #cdbd80;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-family: Times New Roman;
    letter-spacing: 2pt;
    font-size: 0.9em;
    border-bottom:1px dotted black; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #c0af6b;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: #dfd19a;
    display: none;
   
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block !important;
}
div.panel.show p {letter-spacing: 2pt;
font-family: Times New Roman;
line-height: 2;}
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: black;
    letter-spacing: 2pt;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

div.panel {
    padding: 0 18px;
    background-color: #dfd19a;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
     padding-top: 20px;
    padding-bottom: 20px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

div.panel a {color: black; 
text-decoration: underline; 
letter-spacing: 2pt;}



@charset "UTF-8";
.accordion_none-navigation > a:after {
  content: "↡";
  padding-left: 5px;
  float: right;
  font-size: 20px; }
.accordion-navigation.active > a:after {
  content: "↟"; }


 /* Style the buttons that are used to open and close the accordion panel */
button.accordion_none {
    background-color: #cdbd80;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-family: Times New Roman;
    letter-spacing: 2pt;
    font-size: 0.9em;
    border-bottom:1px dotted black; 
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion_none.active, button.accordion_none:hover {
    background-color: #c0af6b;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: #dfd19a;
    display: none;
   
}

/* The "show" class is added to the accordion panel when the user clicks on one of the buttons. This will show the panel content */
div.panel.show {
    display: block !important;
    max-width: 100%;
}
div.panel.show p {letter-spacing: 2pt;
font-family: Times New Roman;
line-height: 2;
max-width: 100%}
button.accordion_none:after {
    content: none; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: black;
    letter-spacing: 2pt;
    float: right;
    margin-left: 5px;
}

button.accordion_none.active:after {
    content: none; /* Unicode character for "minus" sign (-) */
}

div.panel {
    padding: 0 18px;
    background-color: #dfd19a;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
     padding-top: 20px;
    padding-bottom: 20px;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
    max-width: 100%; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

div.panel a {color: black; 
text-decoration: underline; 
letter-spacing: 2pt;
max-width: 100%;
}
div.panel.show p a {max-width: 100%;
width: 80% !important;
 }




.fb_button {
	text-align: left;
	padding: 0;
	position: absolute;
	margin-top: -20px;
	margin-left: 30px;
	
}

.fb_button img {height: 30px;
padding: 0;}


/*Mobile Ansicht */

@media only screen and (min-width : 1750px) {
	.beige_Kontakt{padding-bottom:40em;}
}

@media only screen and (max-width : 1350px) {
	.beige {margin-top: -1em;}
	.beige_story{margin-top: -5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4em;}
	.beige_Kontakt {margin-top: -4em;}
	.beige_support {margin-top: -5em;}


#container {width:60%;}
#container #prev {height: 100px;
width: 180px;
margin-top: -1.25em;}
#container #next {height: 100px;
width: 180px;
margin-top: -1.25em;
right:-70px;} 


#toggle2 {margin-top: -29.3em;
margin-left: 4.7em;}

.Balken {
}

#toggle2 {margin-top: -29em;}

}



@media only screen and (max-width : 1300px) {
	.beige {margin-top: -1em;}

#container #prev {margin-top: -1.5em;}
#container #next {margin-top: -1.5em;}
.Balken {
}








}

@media only screen and (max-width : 1250px) {
	.beige {margin-top: -1.5em;	}
	.beige_story{margin-top: -5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4em;}
	.beige_Kontakt {margin-top: -4em;}
	.beige_support {margin-top: -5em;}

#container #prev {margin-top: -2em;}
#container #next {margin-top: -2em;}




.beige_projekt .Teamfoto  {width: 120%;
margin-left: -5em;}
.Teamfoto_gros img  {width: 65%;}

#toggle2 {margin-top: -29.3em;
margin-left: 4.4em;}
#toggle2 img { margin-top: -3em;}
}


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


	.beige { margin-top: -2em;}
	.beige_story{margin-top: -5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4em;}
	.beige_Kontakt {margin-top: -4em;}
	.beige_support {margin-top: -5em;}

	.Kuenstler_rechts img {
		position: absolute;
		margin-left: 16em;
		width: 30%;
		margin-top: -11em;}
	.Kuenstler_links img {
		display: block;}

	.Kuenstler_rechts article {padding-top: 2em;}
	.Kuenstler_rechts article p {display: block;
		width:90%;}
	.Kuenstler_links article p {
		width: 70%;
		display: block;}






}

@media only screen and (max-width : 1150px) {
	
	.beige {margin-top: -3em;
	width: 70%;}
	.beige_story {margin-top: -5em;
		width: 70%;}
	.beige_figuren {margin-top: -4.5em;
		width: 70%;}
	.beige_projekt {margin-top: -4em;
		width: 70%;}
	.beige_Kontakt {width: 70%;
		margin-top: -4em;}
	.beige_support {width: 70%;
		margin-top: -4em;}
.Kuenstler_rechts img {
		margin-left: 20em;
		width: 25%;
		}


#container #prev {margin-top: -1.5em;}
#container #next {margin-top: -1.5em;}
.Bildertext h2 {
	
font-size: 1.4em;}


.Balken {
}

.Balken h1 {}
.Balken h2 {}
}



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

nav ul li a.active { box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.5);

}

.main_index {
		padding-top: 14em;
		}			

.Balken {
}


	nav { font-size: 1.1em;
		
		}
	

	.beige {margin-top: -4em;}
	.beige_story{margin-top: -5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4.5em;}
	.beige_Kontakt {margin-top: -4.5em;}
	.beige_support {margin-top: -4.5em;}
	.beige_Kontakt h4 {font-size: 1.3em;}
	

#container #prev {margin-top: -2em;}
#container #next {margin-top: -2em;}
	

	.Kuenstler_rechts img {width: 25%;}
	.Kuenstler_links img {width: 25%;}
	

.beige_support .sponsor .rechts img {width: 25%;
}
.beige_support  .links img {width: 25%;
}


	.Kuenstler_rechts article p {font-size: 0.85em;
		width: 80%;}
	.Kuenstler_links article p {font-size: 0.85em;
		width: 80%;
		padding-left: 2em;}
#toggle2 {padding-top: 1em;
margin-top: -26em;}
	


.impressum h1 {font-size: 1.1em;}
.impressum p {font-size: 0.85em;}

	}

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

html { background: url(Bilder/Hintergrund_1000.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }

	.beige {margin-top: -4.5em;}
	.beige_story {margin-top: -4.5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4.5em;}
	.beige_support {margin-top: -4.5em;}


#container #prev {margin-top: -4em;}
#container #next {margin-top: -4em;}
.Balken {
}




.beige_support .sponsor .rechts img {display: block; margin: auto;
width: 30%;}
.beige_support  .links img {display: block;
margin: auto;
width: 30%;}

.beige_support .links {margin-left: 0.3em;}


.beige_support figure figcaption {display: block;
margin: auto;
padding-top:  0.5em;
width: 80%;
}

.Kuenstler_rechts img {width: 30%;
margin-left: 19.3em;}

}


@media only screen and (max-width : 950px) {
	.beige {margin-top: -5.5em;}
.beige_story{margin-top: -5em;}
	.beige_figuren {margin-top: -4.5em;}
	.beige_projekt {margin-top: -4.5em;}
	.beige_Kontakt {margin-top: -4.5em;}
	.beige_support {margin-top: -4.5em;}

	.Teamnamen_links_U {font-size: 0.85em;}
	.Teamnamen_rechts_U {font-size: 0.85em;}

.beige_support #container  {width: 80%;}

.beige_support #container #prev {width: 80px;}
.beige_support #container #next {width: 80px;}


.beige iframe {width: 80%;
height: 350px;}

.beige_projekt .Teamfoto {
    width: 130%;
    margin-left: -6.5em;
}

.beige article p {
	width:80%;
	margin: auto;
}
.Bildertext h2 {

font-size: 1.3em;}



.Balken {
}


.Balken h1 {
}

.Balken h2 {
}
.Kuenstler_rechts img {
margin-left: 17.3em;}

#toggle2 {margin-top: -29em;
margin-left: 3.5em;}
#toggle2 article a {margin-bottom: 4.5em;}

	

}



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


	html { background: url(Bilder/Hintergrund_850.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }

.main_index {
		padding-top: 14em;
		}			

 .Balken {
 	}


	.beige {margin-top: -6em;}
	

.beige_projekt h1{ font-size: 1.1em;}
.beige_projekt h2 {font-size: 1.1em;}
.beige_projekt  article p {width: 80%;

font-size: 0.8em;}

.beige_projekt h3 {margin: auto;}
.Teamfoto {display: block;}
.Teamfoto figure {display: block;
margin: auto;
width: 100%;
margin-left: 1em;}
.Teamfoto figure img {width: 20%;
margin: auto;}
.Teamfoto figcaption {display: block; margin: auto;width: 100%;}
.Crew h3 {margin-left: 3em;}

#container #prev {height: 80px;
	margin-top: -3.5em;
}
#container #next {height: 80px;
width: 180px;
margin-top: -3.5em;
}	



		
#toggle2 article a {margin-bottom: 3.5em;}

.Kuenstler_rechts img {margin-left: 16.5em;}
	}



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

	html { background: url(Bilder/Hintergrund_800.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }
.Balken {height: 7.5em;
}

.Balken h1 {font-size: 2.5em;
	padding-top: 0.3em;
}

.Balken h2 {font-size:1.2em; }
	nav {font-size: 1em;
		}
	.beige_projekt h3 {font-size: 1.3em;}
	.Crew h3 {font-size: 1em;}
	
.beige {margin-top: -6.5em;}
.beige_story {margin-top: -6.5em;}
.beige_figuren {margin-top: -6.5em;}
.beige_projekt {margin-top: -6.5em;}
.beige_Kontakt {margin-top: -6.5em;
padding-bottom: 4em;}
.beige_support {margin-top: -6.5em;}

#container #prev {margin-top: -4em;}
#container #next {margin-top: -4em;}

.impressum {font-size: 0.8em;}


.Kuenstler_rechts img {margin-left: 13.5em;
width: 35%;
}


.Seitenanfang p img  {width: 15%;}


	}


@media only screen and (max-width : 750px) {
.Balken {height: 7em;
}
.Balken h1 {}
	
	.beige {margin-top: -7em;}
	.beige_story {margin-top: -7em;}
	.beige_figuren {margin-top: -7em;}
	.beige_projekt {margin-top: -7em;}
	.beige_Kontakt {margin-top: -7em;
		}
	.beige_support {margin-top: -7em;}

	

	.beige iframe {width: 80%;
height: 300px;}
#toggle2 {margin-left:3em;}
.Kuenstler_rechts img {display: block;
	margin-left: 6em;
	width: 35%;
	margin-top: -19em;
}
.Kuenstler_rechts article {padding-top: 10em;
width: 100%;
margin: auto;
display: block;
text-align: center;}

.Kuenstler_rechts article p {width: 100%; display: block; margin: auto;
text-align: center;}

.Kuenstler_rechts article a {width: 100%; display: block;
margin: auto; text-align: center; }



.beige article p {font-size: 0.85em;}


	

.Teamnamen_rechts_U {font-size: 0.8em;
}
.Teamnamen_rechts_U article p {margin-right: 5.5em;}
	
.Teamnamen_links_U {font-size: 0.6em;}

#toggle2 article img {position: absolute;
margin-top: -6.5em;
margin-left: 1.5em;}
#toggle2 article {display: block;
	width: 100%;
margin: auto;
text-align: center;}
#toggle2 article p {display: block; margin: auto; text-align: center;
width: 100%;}
#toggle2 article a  {display: block; margin: auto; text-align: center; width: 100%;}
}


@media only screen and (max-width : 700px) {
.Balken {height: 6.5em;
}


	.beige {margin-top: -7.5em;}
	.beige_story {margin-top: -7.5em;}
	.beige_figuren {margin-top: -7.5em;}
	.beige_projekt {margin-top: -7.5em;}
	.beige_Kontakt {margin-top: -7.5em;
		padding-bottom: 5em;}
	.beige_support {margin-top: -7.5em;}

	nav ul li {padding-left: 0.5em;
		padding-right: 0.5em;
		height: 25px;}


#container #prev {margin-top: -5em;}
#container #next {margin-top: -5em;}




}


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

	html { background: url(Bilder/Hintergrund_650.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }

	.beige {margin-top: -8em;}
	.beige_story{margin-top: -9em;}
	.beige_figuren {margin-top: -8.5em;}
	.beige_projekt {margin-top: -8.5em;}
	.beige_support {margin-top: -8.5em;}
	.beige_Kontakt {margin-top: -10.5em;
		padding-bottom: 6em;}
	

 h3 {font-size: 1.1em;}

.Balken {height: 6em;
}

.Balken h1 {font-size: 2em;
padding-top: 0.5em;}
.Balken h2 {font-size: 1em;}
#container #prev {height: 60px;
	margin-top: -4.5em;
	left: -70px;

}
.Teamnamen_rechts_U {margin: auto; font-size: 0.9em;
}
.Teamnamen_rechts_U article p {margin: auto;
width: 90%;
padding-top: 2em;}
.Teamnamen_links_U article p {margin: auto;
width: 90%;
padding-top: 2em;}
.Teamnamen_links_U h2 {font-size: 1.2em;}
.Teamnamen_links_U {margin: auto;
font-size: 0.75em;}

#container #next {height: 60px;
width: 180px;
margin-top: -4.5em;
right:-80px;
}	




	.beige iframe {width: 80%;
height: 250px;}



.Kuenstler_rechts article a {font-size: 0.8em;
margin-left: -2em;
}
.Kuenstler_rechts article p {font-size: 0.8em;
width: 90%; }

.Kuenstler_rechts img {display: block;
	margin-left: 4em;
	width: 40%;
	margin-top: -19em;
	margin-bottom: 1.5em;

	
}
.beige_Kontakt h4{margin-top: 2em;}

}



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

	.beige_story {font-size: 0.8em;}
	.beige_story {margin-top: -10em;}
	.beige_Kontakt {padding-bottom: 6.5em;}
	.beige_projekt figure {margin-left: 1.5em;
		font-size: 0.9em;}

	.Crew h3 {margin-left: 2.5em;}
	nav {font-size: 0.8em;}

	

	header {margin-bottom: -2em;}

	#container #prev {margin-top: -4em;}
#container #next {margin-top: -4em;}
.beige_Kontakt h4 {font-size: 1.1em;}

	
.Balken {height: 6em;
}



}
		


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

html { background: url(Bilder/Hintergrund_590.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width: 100%;
        }

nav ul li a.active { box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);

}

.Balken {height: 5.3em;
}

#container #prev {margin-top: -4.5em;}
#container #next {margin-top: -4.5em;}

.beige {margin-top: -8.5em;}
	.beige_story{margin-top: -11.5em;}
	.beige_figuren {margin-top: -9em;}
	.beige_projekt {margin-top: -9.5em;}
	.beige_support {margin-top: -9em;}
	.beige_Kontakt {margin-top: -11.5em;
		padding-bottom: 8em;}
.beige_support figure figcaption {font-size: 0.8em;
width:60%;}
.beige_support .sponsor .rechts img {width: 45%;}
.beige_support .links img {width: 45%;}



.beige_Kontakt form {width: 270px;}

.beige_Kontakt form input {width: 200px;}

.beige_Kontakt form textarea {width: 200px;}

.beige_projekt figure {margin-left: 2.3em;
		font-size: 0.9em;}

	.Crew h3 {margin-left: 2em;}
	


}

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


html { background-color: black;
        
        max-width: 100%;
        }	
.beige_story {width: 100%;}
.beige_projekt {width: 100%;}
.beige_Kontakt {width: 100%;}
.beige_support {width: 100%;}
.beige_impressum {width: 100%;}
.beige_figuren {width: 100%;}
.beige {width: 100%;}
	.beige_story{margin-top: -11.5em;}
	.beige_figuren {margin-top: -9.5em;}
	.beige_projekt {margin-top: -9.5em;}
	.beige_support {margin-top: -9.5em;}
	.beige_Kontakt {margin-top: -11.5em;
		padding-bottom: 8em;}
.main {background-color: black;}

.beige {margin-top: -9em;}

.Balken h1 {padding-top: 0.1em;}
.Balken {height: 4.8em;
}



.beige iframe {width: 80%;
height: 200px;
padding-top:1em;}
#container #prev {margin-top: -5em;
left: -75px;}
#container #next {margin-top: -5em;right: -85px;}


	
}


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

	html { background-color:black;
        max-width: 100%;
        }
	nav {
		border-bottom: 0;
		margin: 0em;

	}
	nav ul {
		display: none;
		height: auto;
	}
.Balken {height: 4.3em;
}

	nav li {
		display: block;
		float: none;
		width: 100%;
		padding-left: 3%;
	}
	nav a#pull {
		display: block;
		background-color:white;
		width: 100%;
		position: relative;
		height: 30px;
		padding-top: 0.5em;


	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.beige_projekt h3 {font-size: 1em;}



#container #prev {margin-top: -6em;
left: -70px;}
#container #next {margin-top: -6em;right: -80px;}

header img {margin-bottom: -0.5em;}

.beige {margin-top: -8.5em;
width: 80%;}
.beige_story {margin-top: -12.5em;
width: 80%;
font-size: 0.9em;}
.beige_projekt {margin-top: -10em;}
.beige_Kontakt {margin-top: -13em;
padding-bottom: 10em;}
.beige_support {margin-top: -10em;}
.beige_figuren {margin-top: -10em;}

.beige article p {font-size: 0.7em;}
.beige_story article p {font-size: 0.7em;}

.Impressum footer ul li a {font-size: 0.7em;}
.Bildertext h2 {

font-size: 1.1em}

	

.beige_Kontakt form {width: 200px;}

.beige_Kontakt form input {width: 130px;}

.beige_Kontakt form textarea {width: 130px;}
.beige_Kontakt h4{margin-top: 3em;}
.impressum h1 {margin-top: 3em;}

.beige_story {width: 100%;}
.beige_projekt {width: 100%;}
.beige_Kontakt {width: 100%;}
.beige_support {width: 100%;}
.beige_impressum {width: 100%;}
.beige_figuren {width: 100%;}
.beige {width: 100%;}



}

@media only screen and (max-width: 450px) {
	
	html { background-color:black;
        max-width: 100%;
        }
.Teamfoto figure {margin-left: 3.5em;}
     .Teamnamen_rechts_U article p {

margin-left: -2em;}

.Balken {height: 4em;
}

.Teamnamen_links_U article p {margin-left: -2em;}
}

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

	.main_index {
		padding-top: 12em;
		}		
	
	html { background-color:black;
        max-width: 100%;
        }
.Teamnamen_rechts_U article p {
font-size: 0.8em;
margin-left: -4em;}
.Teamnamen_links_U article p {margin-left: -4em;
font-size: 0.8em;}
.Crew article p {margin-left: 2.5em;}
.Balken {height: 3.5em;
}

.beige_figuren {margin-top: -10.5em;}
.beige_projekt {margin-top: -10.5em;}
.beige_support {margin-top: -10.5em;}
.beige_Kontakt {margin-top: -13.5em;}

.Balken h1 {font-size: 1.5em;
}
.Balken h2 {font-size: 0.9em;}

}


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

html { background-color:black;
        max-width: 100%;
        }


.beige_Kontakt {
padding-bottom: 12em;}
.beige_Kontakt h4 {font-size: 1em;}


.beige iframe {width: 80%;
height: 150px;}

#container #prev {margin-top: -6em;
left: -60px;
height: 40px;}
#container #next {margin-top: -6em;right: -70px;
height: 40px;}

.right{
	margin-left: -1em;}


.Teamnamen_rechts_U article  {

width: 80%;}
.Teamnamen_links_U article  {width: 80%;}

.beige_support .Teamnamen_links_U figure figcaption a {margin-left: -4em;
width: 50%;}


	

.beige_projekt  article p {width: 70%;


font-size: 0.8em;
}

.Crew h3 {margin-left: 0.5em;
font-size: 0.9em;}

.beige_story {width: 100%;}
.beige_projekt {width: 100%;}
.beige_Kontakt {width: 100%;}
.beige_support {width: 100%;}
.beige_impressum {width: 100%;}
.beige_figuren {width: 100%;}
.beige {width: 100%;}

div.panel.show p a { font-size:0.75em;}

}

















/* -------------------------------- 

Slider 1

-------------------------------- */
.cd-slider-wrapper {
  position: relative;
  height:90vh;
  width: 100%;
  padding: 10px;

}

div.cd-half-block image {padding: 30px;}
div.cd-half-block a {text-decoration: underline; color: black;
letter-spacing: 2pt;}
div.cd-half-block p {letter-spacing: 2pt;
width:100%;}

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

div.cd-half-block p {
width:100%;}

  .cd-slider-wrapper {
    padding: 30px;
    height:70vh;
    width: 100%;
  }
}

.cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider li:first-of-type .image {
  background-image: url(Bilder/Vincent_Spaets.jpg);
}

.cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/Robin_Czerny.jpg);
}

.cd-slider .image {
  background-size: cover;

}
.cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;

}


.cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom: 1em;
  width: 100%;
  padding-top: 1em;
}
.cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 80%;
}






@media only screen and (min-width: 900px) {
  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
  .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
  .cd-slider li.is-visible .cd-half-block.content,
  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
  .cd-slider p {
    font-size: 0.9rem;
  }
  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }
  
}
@media only screen and (min-width: 1170px) {
  
  .cd-slider h2 {
    font-weight: 300;
  }
}


@media only screen and (max-width : 1350px) {.cd-slider-wrapper {

  height: 80vh;}
 

}

@media only screen and (max-width : 950px) {.cd-slider-wrapper {

  height: 85vh;}
 

}

@media only screen and (max-width : 900px) {.cd-slider-wrapper {

  height: 105vh;}
 

}


@media only screen and (max-width : 850px) {.cd-slider-wrapper {

  height: 110vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper {

  height: 120vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper {

  height: 130vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper {

  height: 125vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper {

  height: 120vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper {

  height: 125vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper {

  height: 135vh;}
 

}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
  height: 50px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  @media only screen and (min-width: 900px) {
  
 .cd-slider-navigation li.selected a {
    background-color: #222;
    color: #f3b96c;
  }

.cd-slider-navigation a {
  display: block;
  height:40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius:0;
  background:none;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
  position:relative;
}
.cd-slider-navigation li:nth-child(1) a:before {
 content:"<";
 position:absolute;
 left:0;
 right:0;
 font-weight:bold;
 font-size:4rem;
 text-indent: 0%;
}
.cd-slider-navigation li:nth-child(2) a:before {
 content:">";
 position:absolute;
 left:0;
 right:0;
 font-weight:bold;
 font-size:4rem;
 text-indent: 0%;
}
}
}
















/* -------------------------------- 

Slider 2

-------------------------------- */

.cd-slider-wrapper2 {
  position: relative;
  height: 100vh;
  width: 100%;
  padding: 10px;

}

.cd-slider-wrapper2 .cd-slider p {width: 100%;}

div.cd-half-block image {padding: 30px;}

a.cd-half-block .content .light-bg  {text-decoration: none;}

@media only screen and (min-width: 900px) {
  .cd-slider-wrapper2 {
    padding: 30px;
    height:85vh;
    width: 100%;
  }

  .cd-slider-wrapper2 .cd-slider p {width: 100%;}
}

.cd-slider-wrapper2 .cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider-wrapper2 .cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider-wrapper2 .cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider-wrapper2 .cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider-wrapper2 .cd-slider li:first-of-type .image {
  background-image: url(Bilder/Lottie_Schwartz.jpg);
}

.cd-slider-wrapper2 .cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/Ronja_Peters.jpg);
}

.cd-slider-wrapper2 .cd-slider .image {
  background-size: cover;

}
.cd-slider-wrapper2 .cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;

}

.cd-slider-wrapper2 .cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider-wrapper2 .cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom:1em;
  width: 100%;
    padding-top: 1em;
}
.cd-slider-wrapper2 .cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 80%;
}






@media only screen and (min-width: 900px) {
.cd-slider-wrapper2  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
.cd-slider-wrapper2  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
.cd-slider-wrapper2  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
.cd-slider-wrapper2  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
.cd-slider-wrapper2  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper2  .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
.cd-slider-wrapper2  .cd-slider li.is-visible .cd-half-block.content,
.cd-slider-wrapper2  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
.cd-slider-wrapper2  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper2  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
.cd-slider-wrapper2  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
.cd-slider-wrapper2  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
.cd-slider-wrapper2  .cd-slider p {
    font-size: 0.9rem;
    width: 100%;
  }
.cd-slider-wrapper2  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }

}

@media only screen and (max-width : 1350px) {.cd-slider-wrapper2 {

  height:85vh;}
 

}

@media only screen and (max-width : 1000px) {.cd-slider-wrapper2 {

  height: 95vh;}
 

}

@media only screen and (max-width : 950px) {.cd-slider-wrapper2 {

  height: 110vh;}
 

}



@media only screen and (max-width : 850px) {.cd-slider-wrapper2 {

  height: 130vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper2 {

  height: 140vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper2 {

  height: 140vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper2 {

  height: 130vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper2 {

  height: 140vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper2 {

  height: 150vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper2 {

  height: 165vh;}
 

}

@media only screen and (min-width: 1170px) {
  
.cd-slider-wrapper2  .cd-slider h2 {
    font-weight: 300;
  }
}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  .cd-slider-navigation {
    padding: 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.8);
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateZ(2px) translateX(-50%);
    -moz-transform: translateZ(2px) translateX(-50%);
    -ms-transform: translateZ(2px) translateX(-50%);
    -o-transform: translateZ(2px) translateX(-50%);
    transform: translateZ(2px) translateX(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-slider-navigation.slider-animating {
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .cd-slider-navigation a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    /* reset style */
    text-indent: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-slider-navigation li.selected a {
    background-color: transparent;
    color: #f3b96c;
  }
}

















/* -------------------------------- 

Slider 3

-------------------------------- */
.cd-slider-wrapper3 {
  position: relative;
  height: 100vh;
  width: 100%;
  padding: 10px;

}

.cd-slider-wrapper3 .cd-slider p {width: 100%;}

div.cd-half-block image {padding: 30px;}

a.cd-half-block .content .light-bg  {text-decoration: none;}

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


.cd-slider-wrapper3 .cd-slider p {width: 100%;}
  .cd-slider-wrapper3 {
    padding: 30px;
    height:85vh;
    width: 100%;
  }
}

.cd-slider-wrapper3 .cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider-wrapper3 .cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider-wrapper3 .cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider-wrapper3 .cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider-wrapper3 .cd-slider li:first-of-type .image {
  background-image: url(Bilder/Pax_Pavcovic.jpg);
}

.cd-slider-wrapper3 .cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/Olaf_Kraetke.jpg);
}

.cd-slider-wrapper3 .cd-slider .image {
  background-size: cover;

}
.cd-slider-wrapper3 .cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;

}


.cd-slider-wrapper3 .cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider-wrapper3 .cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom: 1em;
  width: 100%;
    padding-top: 1em;
}
.cd-slider-wrapper3 .cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 80%;
}






@media only screen and (min-width: 900px) {
.cd-slider-wrapper3  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
.cd-slider-wrapper3  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
.cd-slider-wrapper3  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
.cd-slider-wrapper3  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
.cd-slider-wrapper3  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper3  .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
.cd-slider-wrapper3  .cd-slider li.is-visible .cd-half-block.content,
.cd-slider-wrapper3  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
.cd-slider-wrapper3  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper3  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
.cd-slider-wrapper3  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
.cd-slider-wrapper3  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
.cd-slider-wrapper3  .cd-slider p {
    font-size: 0.9rem;
    width: 100%;
  }
.cd-slider-wrapper3  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }

}


@media only screen and (max-width : 1350px) {.cd-slider-wrapper3 {

  height: 75vh;}
 

}

@media only screen and (max-width : 1050px) {.cd-slider-wrapper3 {

  height: 80vh;}
 

}



@media only screen and (max-width : 900px) {.cd-slider-wrapper3 {

  height: 100vh;}
 

}

@media only screen and (max-width : 850px) {.cd-slider-wrapper3 {

  height: 110vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper3 {

  height: 120vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper3 {

  height: 125vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper3 {

  height: 115vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper3 {

  height: 120vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper3 {

  height: 130vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper3 {

  height: 135vh;}
 

}


@media only screen and (min-width: 1170px) {
  
.cd-slider-wrapper3  .cd-slider h2 {
    font-weight: 300;
  }
}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  .cd-slider-navigation {
    padding: 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.8);
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateZ(2px) translateX(-50%);
    -moz-transform: translateZ(2px) translateX(-50%);
    -ms-transform: translateZ(2px) translateX(-50%);
    -o-transform: translateZ(2px) translateX(-50%);
    transform: translateZ(2px) translateX(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-slider-navigation.slider-animating {
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .cd-slider-navigation a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    /* reset style */
    text-indent: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-slider-navigation li.selected a {
    background-color: transparent;
    color: #f3b96c;
  }
}


/*-------------SLIDER 4----------*/



.cd-slider-wrapper4 {
  position: relative;
  height: 85vh;
  width: 100%;
  padding: 10px;

}

.cd-slider-wrapper4 .cd-slider p {width: 100%;}

div.cd-half-block image {padding: 30px;}

a.cd-half-block .content .light-bg  {text-decoration: none;}

@media only screen and (min-width: 900px) {
  .cd-slider-wrapper4 {
    padding: 30px;
    height:100vh;
    width: 100%;
  }
}

.cd-slider-wrapper4 .cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider-wrapper4 .cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider-wrapper4 .cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider-wrapper4 .cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider-wrapper4 .cd-slider li:first-of-type .image {
  background-image: url(Bilder/Emma_Cooper.jpg);
}

.cd-slider-wrapper4 .cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/Hannah_Valentin.jpg);
}

.cd-slider-wrapper4 .cd-slider .image {
  background-size: cover;

}
.cd-slider-wrapper4 .cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;


}


.cd-slider-wrapper4 .cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider-wrapper4 .cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom: 1em;
  width: 100%;
    padding-top: 1em;
}
.cd-slider-wrapper4 .cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 100%;
}

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

  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: -2em;}
 

}


@media only screen and (max-width : 1350px) {.cd-slider-wrapper4 {

  height: 105vh;}
 

}

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

  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: -1em;}
 

}

@media only screen and (max-width : 1000px) {.cd-slider-wrapper4 {

  height: 115vh;}
  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: -1em;}
 

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

  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: -2em;}
 

}

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

  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: -2em;}
 

}

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

  .cd-slider-wrapper4 .cd-slider .cd-half-block {margin-left: 0em;}
 

}


@media only screen and (max-width : 850px) {.cd-slider-wrapper4 {

  height: 130vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper4 {

  height: 140vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper4 {

  height: 145vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper4 {

  height: 135vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper4 {

  height: 145vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper4 {

  height: 145vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper4 {

  height: 170vh;}
 

}




@media only screen and (min-width: 900px) {
.cd-slider-wrapper4  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
.cd-slider-wrapper4  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
.cd-slider-wrapper4  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
.cd-slider-wrapper4  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
.cd-slider-wrapper4  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper4 .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
.cd-slider-wrapper4  .cd-slider li.is-visible .cd-half-block.content,
.cd-slider-wrapper4  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
.cd-slider-wrapper4  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper4  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
.cd-slider-wrapper4  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
.cd-slider-wrapper4  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
.cd-slider-wrapper4  .cd-slider p {
    font-size: 0.9rem;
    width: 100%;
  }
.cd-slider-wrapper4  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }

}

@media only screen and (min-width: 1170px) {
  
.cd-slider-wrapper4  .cd-slider h2 {
    font-weight: 300;
  }
}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  .cd-slider-navigation {
    padding: 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.8);
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateZ(2px) translateX(-50%);
    -moz-transform: translateZ(2px) translateX(-50%);
    -ms-transform: translateZ(2px) translateX(-50%);
    -o-transform: translateZ(2px) translateX(-50%);
    transform: translateZ(2px) translateX(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-slider-navigation.slider-animating {
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .cd-slider-navigation a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    /* reset style */
    text-indent: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-slider-navigation li.selected a {
    background-color: transparent;
    color: #f3b96c;
  }
}



/* -------------------------------- 

Slider 5

-------------------------------- */
.cd-slider-wrapper5 {
  position: relative;
  height: 100vh;
  width: 100%;
  padding: 10px;

}

.cd-slider-wrapper5 .cd-slider p {width: 100%;}

div.cd-half-block image {padding: 30px;}

a.cd-half-block .content .light-bg  {text-decoration: none;}

@media only screen and (min-width: 900px) {
  .cd-slider-wrapper5 {
    padding: 30px;
    height:70vh;
    width: 100%;
  }
}

.cd-slider-wrapper5 .cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider-wrapper5 .cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider-wrapper5 .cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider-wrapper5 .cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider-wrapper5 .cd-slider li:first-of-type .image {
  background-image: url(Bilder/Le_Coquin.jpg);
}

.cd-slider-wrapper5 .cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/Mika_Metz.jpg);
}

.cd-slider-wrapper5 .cd-slider .image {
  background-size: cover;

}
.cd-slider-wrapper5 .cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;

}


.cd-slider-wrapper5 .cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider-wrapper5 .cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom: 1em;
  width: 100%;
    padding-top: 1em;
}
.cd-slider-wrapper5 .cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 100%;
}






@media only screen and (min-width: 900px) {
.cd-slider-wrapper5  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
.cd-slider-wrapper5  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
.cd-slider-wrapper5  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
.cd-slider-wrapper5  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
.cd-slider-wrapper5  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper5  .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
.cd-slider-wrapper5  .cd-slider li.is-visible .cd-half-block.content,
.cd-slider-wrapper5  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
.cd-slider-wrapper5  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper5  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
.cd-slider-wrapper5  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
.cd-slider-wrapper5  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
.cd-slider-wrapper5  .cd-slider p {
    font-size: 0.9rem;
    width: 100%;
  }
.cd-slider-wrapper5  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }

}


@media only screen and (max-width : 1350px) {.cd-slider-wrapper5 {

  height: 95vh;}
 

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

  .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -0.5em;}
 

}


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

  .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -0.5em;}
 

}

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

  .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -1em;}
 

}



@media only screen and (max-width : 1100px) {.cd-slider-wrapper5 {

  height: 110vh;}
 .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -1em;}

}



@media only screen and (max-width : 1000px) {.cd-slider-wrapper5 {

  height: 115vh;}
  .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -1.5em;}
 

}


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

  .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: -2em;}
 

}

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

 
 

}
@media only screen and (max-width : 900px) {.cd-slider-wrapper5 {

  height: 115vh;
  
  }
 .cd-slider-wrapper5 .cd-slider .cd-half-block {margin-left: 0em;} 

}



@media only screen and (max-width : 850px) {.cd-slider-wrapper5 {

  height: 115vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper5 {

  height: 120vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper5 {

  height: 130vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper5 {

  height: 115vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper5 {

  height: 125vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper5 {

  height: 125vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper5 {

  height: 140vh;}
 

}

@media only screen and (min-width: 1170px) {
  
.cd-slider-wrapper5  .cd-slider h2 {
    font-weight: 300;
  }
}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  .cd-slider-navigation {
    padding: 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.8);
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateZ(2px) translateX(-50%);
    -moz-transform: translateZ(2px) translateX(-50%);
    -ms-transform: translateZ(2px) translateX(-50%);
    -o-transform: translateZ(2px) translateX(-50%);
    transform: translateZ(2px) translateX(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-slider-navigation.slider-animating {
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .cd-slider-navigation a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    /* reset style */
    text-indent: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-slider-navigation li.selected a {
    background-color: transparent;
    color: #f3b96c;
  }
}













/* -------------------------------- 

Slider 6

-------------------------------- */
.cd-slider-wrapper6 {
  position: relative;
  height: 85vh;
  width: 100%;
  padding: 10px;

}

.cd-slider-wrapper6 .cd-slider p {width: 100%;}

div.cd-half-block image {padding: 30px;}

a.cd-half-block .content .light-bg  {text-decoration: none;}

@media only screen and (min-width: 900px) {
  .cd-slider-wrapper6 {
    padding: 30px;
    height:80vh;
    width: 100%;
  }
}

.cd-slider-wrapper6 .cd-slider {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.cd-slider-wrapper6 .cd-slider li {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  transition: transform 0.6s;
}
.cd-slider-wrapper6 .cd-slider li.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-slider-wrapper6 .cd-slider .cd-half-block {
  height: 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.cd-slider-wrapper6 .cd-slider li:first-of-type .image {
  background-image: url(Bilder/Carl.jpg);
}

.cd-slider-wrapper6 .cd-slider li:nth-of-type(2) .image {
  background-image: url(Bilder/NikolaiWill.jpg);
}

.cd-slider-wrapper6 .cd-slider .image {
  background-size: cover;

}
.cd-slider-wrapper6 .cd-slider .content {
 
  color: black;
  background-image: url(Bilder/Papierhintergrund.jpg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-size: cover;

}


.cd-slider-wrapper6 .cd-slider .btn {
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  padding: 1em 1.6em;
  margin-top: 1em;
  font-size: 1.3rem;
  color: #ffffff;
  border-radius: 50em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.no-touch .cd-slider .btn:hover {
  background: rgba(0, 0, 0, 0.6);
}

.cd-slider-wrapper6 .cd-slider h2 {
  font-size: 1.3rem;
  margin-bottom: 1em;
  width: 100%;
    padding-top: 1em;
}
.cd-slider-wrapper6 .cd-slider p {
  font-size: 0.8rem;
  margin: auto;
  width: 100%;
}






@media only screen and (min-width: 900px) {
.cd-slider-wrapper6  .cd-slider li {
    pointer-events: none;
    z-index: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: z-index 0s 0.6s;
    -moz-transition: z-index 0s 0.6s;
    transition: z-index 0s 0.6s;
  }
.cd-slider-wrapper6  .cd-slider li.is-visible {
    pointer-events: auto;
    z-index: 3;
    -webkit-transition: z-index 0s 0s;
    -moz-transition: z-index 0s 0s;
    transition: z-index 0s 0s;
  }
.cd-slider-wrapper6  .cd-slider li.is-visible.covered {
    /* list item still there, but covered by the list item entering the viewport (.is-visible) */
    z-index: 2;
  }
.cd-slider-wrapper6  .cd-slider .cd-half-block {
    height: 100%;
    width: 50%;
    float: right;
  }
.cd-slider-wrapper6  .cd-slider .cd-half-block.content {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper6  .cd-slider .cd-half-block.image {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0s 0.3s;
    -moz-transition: -moz-transform 0s 0.3s;
    transition: transform 0s 0.3s;
  }
.cd-slider-wrapper6  .cd-slider li.is-visible .cd-half-block.content,
.cd-slider-wrapper6  .cd-slider li.is-visible .cd-half-block.image {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
.cd-slider-wrapper6  .cd-slider li.is-visible .cd-half-block.content {
    -webkit-transition: -webkit-transform 0.6s 0s ease-in-out;
    -moz-transition: -moz-transform 0.6s 0s ease-in-out;
    transition: transform 0.6s 0s ease-in-out;
  }
.cd-slider-wrapper6  .cd-slider .content {
    /* vertically align its content */
    display: table;
    padding: 0 40px;
  }
.cd-slider-wrapper6  .cd-slider .content > div {
    /* vertically align <div> inside div.content */
    display: table-cell;
    vertical-align: middle;
  }
.cd-slider-wrapper6  .cd-slider .btn {
    padding: 1.4em 2em;
    font-size: 1.4rem;
  }
.cd-slider-wrapper6  .cd-slider p {
    font-size: 0.9rem;
    width: 100%;
  }
.cd-slider-wrapper6  .cd-slider h2 {
    font-size: 1.3rem;
    margin-bottom: 0;
    
  }

}


@media only screen and (max-width : 1350px) {.cd-slider-wrapper6 {

  height: 100vh;}
 

}


@media only screen and (max-width : 1100px) {.cd-slider-wrapper6 {

  height: 100vh;}
 

}


@media only screen and (max-width : 950px) {.cd-slider-wrapper6 {

  height: 115vh;}
 

}

@media only screen and (max-width : 850px) {.cd-slider-wrapper6 {

  height: 115vh;}
 

}



@media only screen and (max-width : 650px) {.cd-slider-wrapper6 {

  height: 115vh;}
 

}


@media only screen and (max-width : 590px) {.cd-slider-wrapper6 {

  height: 120vh;}
 

}

@media only screen and (max-width : 530px) {.cd-slider-wrapper6 {

  height: 115vh;}
 

}

@media only screen and (max-width : 450px) {.cd-slider-wrapper6 {

  height: 120vh;}
 

}
@media only screen and (max-width : 400px) {.cd-slider-wrapper6 {

  height: 135vh;}
 

}

@media only screen and (max-width : 360px) {.cd-slider-wrapper6 {

  height: 155vh;}
 

}

@media only screen and (min-width: 1170px) {
  
.cd-slider-wrapper6  .cd-slider h2 {
    font-weight: 300;
  }
}

/* -------------------------------- 

Slider Navigation

-------------------------------- */
.cd-slider-navigation {
  /* you won't see this element in the html but it will be created using jQuery */
  position: absolute;
  z-index: 3;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 30px;
}
.cd-slider-navigation li {
  display: inline-block;
  margin: 0 .25em;
}
.cd-slider-navigation li.selected a {
  background-color: #ffffff;
}
.cd-slider-navigation a {
  display: block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  color: transparent;
  /* image replacement */
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  border: 1px solid #ffffff;
}
@media only screen and (min-width: 900px) {
  .cd-slider-navigation {
    padding: 0.5em 1em;
    background-color: rgba(0, 0, 0, 0.8);
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateZ(2px) translateX(-50%);
    -moz-transform: translateZ(2px) translateX(-50%);
    -ms-transform: translateZ(2px) translateX(-50%);
    -o-transform: translateZ(2px) translateX(-50%);
    transform: translateZ(2px) translateX(-50%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-slider-navigation.slider-animating {
    /* fixes a bug on Firefox with ul.cd-slider-navigation z-index */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
  .cd-slider-navigation a {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    /* reset style */
    text-indent: 0;
    border: none;
    border-radius: 0;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-slider-navigation li.selected a {
    background-color: transparent;
    color: #f3b96c;
  }
}