@charset "utf-8";
html {
    -webkit-text-size-adjust: 100%; /* Gleiche Schriftgröße Portrait und Landscape auf dem I-Phone */
}

body {
	background-color: #FFF;
	margin: 0px !important;
	font-family:Verdana, Geneva, sans-serif;
	color: #101010;
	font-size:0.95em;
	overflow-y: scroll;
}
#variabler_inhalt{
	padding:1%;
	}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1.1em;
}
#bildspalte{
	position:relative;
	z-index:0;
	float:left; 
	top:0;
	width:30% !important; 
	height:100%; 
	position:fixed;
	background-size: cover
	}

#top_foto{
	display:none;
	/*margin-top:10px;*/
	}
	.logotext{
		text-align:center !important;
		font-size:2vw; 
		font-weight:bold; 
		color: #818181;
		letter-spacing:0.2em; 
		display: block;
		padding:5px;
		/*margin-top:0px; 
		margin-bottom:0px;*/
		}
		@media screen and (max-width: 650px) {
      	 .logotext{
			font-size:3vw !important;
			}
}
#logo{
	max-width:550px; 
	height:auto; 
	padding-top:30px;
	margin-left:auto; 
	margin-right:auto;
	}
	@media screen and (max-width: 1100px) {
		/*#logo{ width:50%}
		.logotext{font-size:3vw;*/}
		}

img {
	max-width: 100%;
		}
		
/* responsive iframe------------------------------------------------*/
	iframe {
	max-width: 100%;
		}
		    .embed-container {
      position: relative; 
      padding-bottom: 56.25%; /* ratio 16x9 */
      height: 0; 
      overflow: hidden; 
      width: 100%;
      height: auto;
    }
    .embed-container iframe {
      position: absolute; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 100%; 
    }
    /* ratio 4x3 */
    .embed-container.ratio4x3 {
      padding-bottom: 75%;
    }
/* responsive iframe ENDE-------------------------------------------------*/


footer {
	margin-top: 40px;
	padding-top: 15px;
	margin-bottom:40px;
	line-height:40px;
}
.bildunterschrift {
	font-size: 12px;
	padding: 3px;
}
.foto_links {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	border:#D2D2D2 1px solid;
}
#variabler_inhalt img{
	padding:10px;
	border: #C0C0C0 1px dotted !important;
	}
.zitat {
	list-style-image: url(../images/global/zitat.jpg);
	list-style-type: none;
	list-style-position: outside;
	margin-left: -10px;
	margin-top: 40px;
}
.jahr {
	font-size: 28px;
	/*font-weight: bold;*/
	color: #C40000;
	text-align:right;
	border-top:#C40000 1px dotted;
	width:100%;
	padding-top:10px;
	padding-bottom:0px;
	clear:both;
}

.gerade {
	background-image:url(../images/global/rand.jpg);
	background-repeat:repeat-y;
	background-position:right;
	clear: both;
	padding-right: 5%;
	padding-bottom:15px;
}

.ungerade {
	background-image:url(../images/global/rand_alt.jpg);
	background-repeat:repeat-y;
	background-position:right;
	clear: both;
	padding-right: 5%;
	padding-bottom:15px;
}

#a0,#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,
#a19,#a20,#a21,#a22,#a23,#a24,#a25,#a26,#a27,#a28,#a29,#a30,#a31,#a32,#a33,#a34,#a35,#a36,#a37,#a38,#a39,#a40 {
	display:none !important;
}

#termine li{
	margin-bottom:30px;
	}
	
/*Links------------------------------------------------------------------------*/
a.link_bottom{
	text-decoration:none;
	font-family: Verdana;
	color:#818181;
	font-size:1.1em;
	}
a.link_bottom > span{
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:#F4F4F4 3px solid;
	}	
a.link_bottom:visited{
	text-decoration:none;
	color:#818181;
}
a.link_bottom:hover > span{
	color:red;
	border-bottom:#C40000 3px solid;
}

#home_link{
	padding-left:10px;
	padding-right: 10px;
	}
.home{
	float:left;
	/*text-align:center; 
	/*position:relative; 
	z-index:20;
	margin-top:-6%; */
	}
	.home a:link{
		display:block;
		text-decoration:none;
		color: #C04A05;
		font-size:1.9em;
		}
		.icon-home{
			 stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 2,2;
  stroke-linejoin: round;
			}
	.home a:visited{
		color: #C04A05;
		}
	 .home a:hover #home_link{
		padding-left:4px;
		padding-right:4px;
		color: #C40000 !important; 
		-webkit-transition: all 0.3s ease;
 		 -moz-transition: all 0.3s ease;
  		-o-transition: all 0.3s ease;
  		transition: all 0.3s ease;
		}	
@media screen and (max-width: 950px) {
.home a:link{
		font-size:1.5em;
		}
}
@media screen and (max-width: 450px) {
	#links_footer{
		width:100% !important;
		float:none !important,
		}
}
/*Anfang Homebutton--------------------------------------------*/
#homebutton{
	 margin-left:-25px;
	 margin-top:-10px;
	 position:fixed; 
	 z-index:10;
	 height:20px; 
	 display:table-cell;
	 vertical-align:top
}
#homebutton a > p{
	 margin-top:5px; 
	 background-color: #C40000; 
	 border-radius:0.9em; 
	 padding:0.4em;
	 display:block;
	 float:left;
	 color:#F4F4F4; 
	 font-size:1.8em;
	}
	#homebutton a:hover > p{
		color:#FAD07A;
		}
    #homebutton a:visited > p{
		color:#fff;
		}

/*Ende Homebutton----------------------------------------------*/

/* ANFANG Button --------------------------------------------- */
a:link.button::before {
	font-family:icomoon;
	content:'\eadf';
	color:#C40000;
	font-size:20px;
}
a:link.button {
	text-decoration: none;
	color:	#101010;
	font-weight:normal;
	transition:ease-in 0.2s;
}
a:visited.button {
	text-decoration: none;
	color:#101010;
}
a:visited.button::before {
	content:'\eadf';
	color:#C40000;
}

a:hover.button {
	text-decoration: none;
	word-spacing:0.2em;
	transition:ease-out 0.2s;
}
a:active.button {
	text-decoration: none;
	color:#C40000;
	display: block;
	/*background-color: #800000;*/
}
/* ENDE Button----------------------------------------------------------*/

/* ANFANG Button_link---------------------------------------------------*/
a:link.button_link::before {
	font-family:icomoon;
	content:'\ea7e';
	color:#C40000;
	font-size:20px;
}
a:link.button_link {
	text-decoration: none;
	color:	#101010;
	font-weight:normal;
	transition:ease-in 0.2s;
}
a:visited.button_link {
	text-decoration: none;
	color:#101010;
}
a:visited.button_link::before {
	content:'\ea7e';
	color:#C40000;
}
a:hover.button_link {
	text-decoration: none;
	word-spacing:0.2em;
	transition:ease-out 0.2s;
}
a:active.button_link {
	text-decoration: none;
	color:#C40000;
	display: block;
}
/* ENDE Button_link-----------------------------------------------------*/

/*Anfang button_back----------------------------------------------------*/

a:link.button_back::before {
	font-family:icomoon;
	content:'\e967';
	color:#101010;
	font-size:28px;
}
a:link.button_back {
	text-decoration: none;
	color:	#101010;
	font-weight:normal;
	display:block;
	transition:ease-in 0.2s;
}
a:visited.button_back {
	text-decoration: none;
	color:#101010;
}
a:visited.button_back::before {
	content:'\eadf';
	color:#101010;
}
a:hover.button_back {
	text-decoration: none;
	word-spacing:0.2em;
	transition:ease-out 0.2s;
}
a:hover.button_back::before {
	color:#C40000;
	transition:ease-out 0.2s;
}

a:active.button_back {
	text-decoration: none;
	color:#C40000;
	display: block;
}
/*ENDE button_back----------------------------------------------------*/

/* START: scroll icon ------------------------------------------------- */
    .scrollicon{
        text-align: center;
        text-decoration:none;
        width: 50px;
        height:40px;
        border-radius: 10% 10% 10% 10% ;
        background:#ccc;
        opacity:0.7;
        position:fixed;
        bottom:10px;
        right:10px;
        display:none;
        border:1px solid #333;
    }
    .scrollicon div{
        font-weight:bold;
        font-size:28px;
        color:#333;
        /*padding-top:12px;*/
    }
 /* END scroll icon ----------------------------------------------------*/
 
/* Anpassungen Bildschirmbreite-----------------------------------------*/
/*@media screen and (max-width: 768px) {
	#partner{
		float: none !important;/*
		line-height: 40px;*/	
		/*text-align: center !important;
		}
		#link_legal{
			float: none !important;
			text-align:center !important;
			}
			#newline{
				display:block;
				}
}*/
@media screen and (max-width: 800px) {/*950*/
h1 {
	font-size: 1.1em;
}
h2 {
	font-size: 1.0em;
}
.foto_links{
	max-width:none !important;
	margin:0px;
	padding:0px;
	width:100% !important;
	}
figure img{
	max-width:none;
	width:100%;
	}
.trigger{
	font-size:1em !important;
	}
	
/*Änderung Bildschirmaufteilung-------------------------------------*/
#bildspalte{
	display:none !important;
	}
	#inhalt{
		width:auto !important;
		float:none;
		}
		#top_foto{
	    display:block;
	}
	#topleiste{
		display:none;
		}
		#logo{
			margin-top:-15px;
			}
		#homebutton{
			margin-left:10px !important;
			margin-top:-10px !important;
			position: absolute !important;
			}
/*-----------------------------------------------------------------*/

}