*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	box-sizing:border-box;
	}
	
*, *:before, *:after{
  box-sizing: inherit;
	}


.header{
	position:fixed;}
	

.backdrop{
  min-width: 100%; /* 300px to em, 314px urspr.*/
  background:#d33b27;
}

.logo{
	width:15.97vw;
	height:5.42vw;
	background:#d33b27;
	margin: 1.344vw 1.9vw 0;/*1.250em 1.875em 0; /*37px urspr. margin-right*/
	}

.header h1{/*Unterzeile Logo*/
	font-family: 'Roboto', sans serif;
	font-size: 0.67vw;
	font-weight: 300;
	letter-spacing:0.05em;
	color:#e3d7bc;
	background:#d33b27;
	min-width:21%;
	padding: 0.45vw 2.68vw 1.39vw 2.08vw;
	margin-top:0;
	}		
	
	
/*___________________________________SIDEBAR___________________________________*/	
	
.sidebar {
	margin-top: 9.6vw; /*vorher 8.87em, 142px;*/
	padding: 0;
	width: 20.83%;
	background:#e3d7bc;
	position: fixed;
	height: 100%;
	overflow: auto;
	z-index: 280;
  }

.accordion-1 {
	font-family:'PT Serif',serif;
	font-size: 1.344vw;/*1.2em;*/
	font-weight:normal;
	letter-spacing:0.03em;
	background-color:#e3d7bc;
    color:#d33b27;
    padding:2.777vw 0 1.104vw 2.083vw;/*40px 0 16px 30px;*/
    width: 100%;
    border: none;
    text-align: left;
}

.accordion{
	font-family:'PT Serif',serif;
	font-size: 1.344vw;/*1.2em;*/
	font-weight:normal;
	letter-spacing:0.03em;
	background-color:#e3d7bc;
    color:#d33b27;
    padding:2.777vw 0 0.069vw 2.083vw;/*40px 0 1px 30px;*/
    width: 100%;
    border: none;
    text-align: left;
}
	

.active, .accordion:visited, .accordion:hover, .accordion:focus {
    color:#d33b27;
	outline:0;
	border:none;
}

.active, .accordion-1:visited, .accordion-1:hover, .accordion-1:focus {
    color:#d33b27;
	outline:0;
	border:none;
}

.panel {
	padding: 0 0 1.389vw 2.083vw;/*0 0 1.250em 1.875em;/*0 0 20px 30px;*/
    display: block;
    background-color:#e3d7bc;
    overflow: hidden;
} 
  	
.sidebar p{/*Terminanfragen ...*/
	font-family: 'Roboto', sans serif;
	font-size: 0.801vw;
	letter-spacing: 0.04em;
	color: #d33b27;
	width: 17.014vw;/*245px;*/
	line-height: 1.6em;/*1.192vw;*/
	margin-right: 2.083vw;/*1.875em;/*30px; 37px*/
	}

.sidebar .termin, a {/*Online-Terminservice*/
	font-family: 'Roboto', sans serif;
	font-size: 1.02em;
	text-decoration: underline;
	}
	
	
.sidebar h3{/*TELEFON etc*/
	font-family: 'Roboto', sans serif;
	font-size: 0.801vw;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color:#d33b27;
	padding: 1.389vw 0 0.417vw 0;/*1.250em 0 0.375em 0; vorher: padding-top:20px*/
	}
	
		
.sidebar .sidebar-inhalt, a{
	font-family:'PT Serif',serif;
	font-size:1.344vw;
	font-weight:normal;
	line-height: 1.2em;/*1.356vw;*/
	letter-spacing:0.03em;
	text-decoration:none;
	color:#d33b27;
	}		

.panel table{
	font-family:'PT Serif',serif;
	color:#d33b27;
	font-weight:normal;
	padding-top: 1.042vw;/*0.938em;/*15px;*/
}

.panel td{ 	
	font-size:1.344vw;
	letter-spacing: 0.04em;
	}

.panel .days{
	font-family: 'Roboto', sans serif;
	font-size: 0.801vw;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height:1.4em;/*1.568vw;*/
	padding: 0 1.389vw 0 0; /*0 1.75em 0 0;/*0 1.250em 0 0; entspricht nicht 20px*//*0 20px 0 0;*/
	}	
	
/*___________________________________CONTENT__________________________________*/	


main{
  	width:100%;
	padding-top:9.8vw;
	min-height:100%;
	padding-bottom:6.72vw;
	position:relative;
}

main .content{
	display:table;
	min-width:58.27%;
	height:auto;
	margin-left:10.42vw;
	margin-right:31.32vw;
	padding-left:20.14vw;/*18.125em;/*290px;*/
  }

main h1{
	font-family:'PT Serif',serif;
	font-weight:normal;
	font-size:2.044vw; 
	letter-spacing:0.03em;
	color:#271e47;
	min-width:38.19%;
	height:auto;
	margin:1.12vw 0;
	}	
	
main p, .mobiledata{
	font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:1.0976vw;
	letter-spacing:0.02em; 
	line-height:1.792vw;
	margin:1.68vw 0 0;
	color:#271e47;
	}

.content .urlaub{
	color: #d33b27;
}

.imprint a, .imprint a:visited, .imprint a:hover, .imprint a:focus{
	font-family: 'Roboto', sans serif;
	font-weight:normal;
	font-size:1.0976vw;
	letter-spacing:0.02em;
	color:#271e47;
	text-decoration:none;
	}

.mobile-karte p{
	font-family: 'Roboto', sans serif;
	font-size: 0.851vw;/*0.76em;*/
	letter-spacing: 0.03em;
	width:17.014vw;/*245px;*/
	line-height:1.6em;
	}	

.mobile-karte p a{
	font-family: 'Roboto', sans serif;
	text-decoration:underline;
	letter-spacing: 0.045em;
	font-size: 0.851vw;/*0.76em; 1em;*/
	}

main p a:visited{	
	color:#271e47;
	}

.portrait-1 img{
	float:right;
	margin-top:-11.648vw;/*css vorher -9,8vw, -142px entspricht höhe von padding-top von main*/
	margin-left:auto;
	margin-right:0;
	min-width:21%;
	height:auto;
}	

.portrait-2 img{
	height:0px;
	width:0px;
	}
	
.portrait-3 img{
	height:0px;
	width:0px;
	}	

	
.map{
	width:69.31%;/*998px;*/
	height:auto;
	margin-top:1.875em;
	margin-left:30.6vw;
	float:none;
	}


.karte img{
	width:0;
	height:0;
	}


	
/*___________________________________FOOTER___________________________________*/

.footer{
	position:absolute;
	width:100%;
	height:3.26vw;/*47px;*/
	right: 0;
  	bottom: 0;
  	left: 0;
}

.footer ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
	
.footer li{
    float: right;
}

.footer li a{
    font-family: 'Roboto', sans serif ;
	font-size: 0.8vw;/*0.715em;*/
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color:#d33b27;
	display: block;
	padding:1.6em 1.875em 0;
}
	
.footer li a:hover{
	text-decoration:underline;
	}
	
	
@media screen and (max-width: 1441px) {


.backdrop{
  width: 18.750em; /* 300px to em, 314px Entwurf urspr.*/
}

.logo{
	width:230px;
	height:78px;
	margin: 1.250em 1.875em 0; /*37px*/
}
	
.header h1{/*Unterzeile Logo*/
	font-family: 'Roboto', sans serif;
	font-size: 0.6em;
	font-weight: 300;
	letter-spacing:0.05em;
	width:300px; /*urspr. 260px*/
	padding: 5px 30px 20px; /*urspr. 37px*/
	margin-top:0;
	}		


/*___________________________________SIDEBAR___________________________________*/	
	
.sidebar {
  margin-top: 8.75em; /*142px;*/
  width:18.750em;
}


.accordion-1 {
	font-size:1.2em;
	letter-spacing:0.03em;
    padding:40px 0 16px 30px;/*2.5em 0 0.063em 1.875em*/
    width: 100%;
}
.accordion {
	font-size:1.2em;
	letter-spacing:0.03em;
    padding:40px 0 1px 30px;/*2.5em 0 0.063em 1.875em*/
    width: 100%;
}
	
	
.panel {
	padding: 0 0 1.250em 1.875em;/*0 0 20px 30px;*/
} 
  	
	
.sidebar p{/*Terminanfragen ...*/
	font-size: 0.715em;
	letter-spacing: 0.04em;
	width:245px;
	line-height:1.6em;
	margin-right: 1.875em;/*30px;*/
	}
  
  
.sidebar h3{/*TELEFON etc*/
	font-size: 0.715em;
	letter-spacing: 0.08em;
	padding: 20px 0 6px 0;
	}
	
		
.sidebar .sidebar-inhalt, a{
	font-size:1.2em;
	line-height: 1.2em;
	letter-spacing:0.03em;
	}		

.panel table{
	padding-top: 0.938em;/*15px;*/
}

.panel td{ 	
	font-size:1.2em;
	letter-spacing: 0.04em;
	}

.panel .days{
	font-size: 0.715em;
	letter-spacing: 0.08em;
	line-height:1.4em;
	padding: 0 1.75em 0 0;/*0 1.250em 0 0; entspricht nicht 20px*//*0 20px 0 0;*/
	}	
	
/*___________________________________CONTENT__________________________________*/	


main{
	padding-top:8.875em;
	padding-bottom:6em;
}

	
main .content{
	padding-left:18.125em;/*290px;*/
  }
		
	
main h1{
	font-size:1.825em; 
	letter-spacing:0.03em;
	width:548px;/*34.250em;*/
	margin:1em 0;
	}	

main p, .mobiledata{
	font-size:0.98em;
	letter-spacing:0.02em; 
	line-height:1.6em;
	margin:1.5em 0 0;
	width:34.250em;/*548px;*/
	}
	
	
.imprint a, .imprint a:visited, .imprint a:hover, .imprint a:focus{
	font-family: 'Roboto', sans serif;
	font-size:0.98em;
	letter-spacing:0.02em;
	color:#271e47;
	text-decoration:none;
	}
	
.content .urlaub a{
	font-family:'Roboto', sans-serif;
	font-weight:normal;
	font-size:0.98em;
	letter-spacing:0.02em; 
	color:#d33b27;
	}	
	
.mobile-karte p{
	font-size: 0.76em;
	letter-spacing: 0.03em;
	width:245px;
	line-height:1.6em;
	}	

.mobile-karte p a{
	letter-spacing: 0.045em;
	font-size: 1em;
	}
	

.portrait-1 img{
	float:right;
	margin-top:-10.4em;/*css vorher -8.875em, -142px entspricht höhe von padding-top von main*/
	margin-left:auto;
	margin-right:0;
}

.portrait-2 img{
	height:0px;
	width:0px;
	}
	
.portrait-3 img{
	height:0px;
	width:0px;
	}

.stop-map{
clear:both;
} 

/*___________________________________FOOTER___________________________________*/

.footer{
	position:absolute;
	width:100%;
	height:47px;
}

.footer ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
	
.footer li{
    float: right;
}

.footer li a{
    font-family: 'Roboto', sans serif ;
	font-size: 0.715em;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color:#d33b27;
	display: block;
	padding:20px 15px 0;		
}
	
.footer li a:hover{
	text-decoration:underline;
	}
	
.map{
	width:998px;
	height:auto;
	margin-top:1.875em;
	margin-left:30.69%;
	margin-right:0;
	float:right;
	}

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


main{
	padding-top:8.875em;
} 

	  
main .content{
	margin-left:272px;
	margin-right:auto;
	padding-left:9.525em;/*12.935em;/*neu 220px, war 9.525em;/*162px;*/
	padding-right:0;
	float:none;
}


main .content .imprint{
	margin-left:auto;
	margin-right:auto;
	padding-left:0;/*30px*/
	padding-right:0;/*30px*/
	float:none;
  }

	
main p{	
	margin-bottom:1.597em;
}
	

.stop{
	clear:both;
} 
  
  
.portrait-1 img{
	height:0px;
	width:0px;
	}
		
		
.portrait-2 img{
	margin-left:0;/*1.875em;30px*/
	margin-right:auto;	
	margin-top:20px;
	padding-right:6em;/*5.5em;neu 164px  88px 1.875em;30px*/
	padding-left:0;
	float:right;
	display:block;
	height:450px;
	width:auto;
}


.portrait-3 img{
	margin-left:425px;/*426px;/*1.875em;*/
	margin-right:0;	
	margin-top:20px;
	float:none;
	height:450px;
	width:auto;
	}


.map{
	width:0;
	height:0;
	}	

.karte{
	padding:0;
	margin-left:300px;
	width: 75%;
	height:auto;
	overflow: auto;
	display:block;
	}
  
.karte img{
	width:auto;
	height:589px;
	background:white; 
	margin-top:0;
	margin-left:0;
	margin-right:0;
	display:block;
	}
	

}

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


main .content{
	margin-left:auto;
	margin-right:83px;
	padding-left:1em;/*12.5em; war 9.525em;/*162px;*/
	padding-right:0;
	float:none;
}

.portrait-3 img{
	margin-left:300px;
	float:right;
	width:32.5%;
	height:auto;
}

.portrait-2 img{
	padding-right:0;
	float:right;
	width:32.5%;
	height:auto;
	}
	
		
.karte{
	width: 73%;
}
}
	
@media screen and (max-width: 1112px) {
.karte{
	width: 71%;
}
}

@media screen and (max-width: 1033px) {
.karte{
	width: 69%;
}
}



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


.header{
	position:relative;
	}
	
.header h1{
	width: auto;
	position:relative;
  }
  	

.backdrop{
	width: 100%;
    position: relative;
	}

.logo{
	margin: 0 auto;
	padding-top: 0.5em; /*8px*/
	padding-bottom: 0.375em; /*6px;*/
	display:block;
	}

	
	.header h1{/*Unterzeile Logo*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
/*___________________________________SIDEBAR______________________________________________*/	
  
  
.sidebar {
    margin-top: -0.4em;/*css vorher 0em*/
	width: 100%;
    height: auto;
    position: relative;
	text-align: center;
    float: none;
  }

.accordion-1{  
	text-align: center;
	float: none;
	padding:18px 30px 33px;/*padding-bottom 18px+15px*/
	color:#271e47;
  }
	
.accordion{  
	text-align: center;
	float: none;
	padding:18px 30px 18px;
	color:#271e47;
  }
    
.sidebar p{
	  text-align:center;
	  margin-left:auto;
	  margin-right:auto;
	  }
  


.panel{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:none;/*30px;*/
	padding:0 0 1.25em 0;/*0 0 20px 0px;*/
	display: none;
	}
	
.active, .accordion:visited, .accordion:hover, .accordion:focus {
    color:#d33b27;
	outline:0;
	border:none;
	}
		
.panel table{
	color: #d33b27;
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
	
.panel .days{
	margin-left:auto;
	padding-right:auto;
	padding-left:auto;
	text-align:left;}

.sidebar p.sidebar h3, a{
	color:#d33b27;
	}
	
	
/*___________________________________CONTENT______________________________________________*/	


main{
	padding-top:1.575em;/*css vorher 3.125em;*/
	}
	 
main .content{
	margin-left:auto;
	margin-right:auto;
	padding-left:0;/*30px*/
	padding-right:0;/*30px*/
	float:none;
	}


main .content .imprint{
	margin-left:auto;
	margin-right:auto;
	padding-left:0;/*30px*/
	padding-right:0;/*30px*/
	float:none;
  }
	
main p, .mobiledata{	
	margin-bottom:1.597em;
}
	
	
.stop{
clear:both;
} 



main h1{
	text-align:center;
	}
	
	
.portrait-2 img{
	margin-left:0;
	margin-right:0;	
	margin-top:20px;
	padding-right:0;
	float:right;
	display:block;
	height:auto;
	width:50%;
}

.portrait-3 img{
	margin-left:0;
	margin-right:0;	
	padding-left:0;
	margin-top:20px;
	float:right;
	height:auto;
	width:50%;
	display:block;
	}
	
.map{
	width:0;
	height:0;
	}	

.karte{
	padding: 0;
	margin-left:0;
	width: 100%;
	height:auto;
	overflow: auto;
	display:block;
	}
  
.karte img{
	width:auto;
	height:589px;
	background:white; 
	margin-top:0;
	margin-left:0;
	margin-right:0;
	display:block;
	}
}

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


/*___________________________________CONTENT___________@media 597px___________________________________*/	

main{
	padding-top:0;
	 }

main .content{
	margin-left:auto;
	margin-right:auto;
	padding-left:1.875em;/*30px*/
	padding-right:1.875em;/*30px*/
	}

.imprint p{
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	padding-right:0;
	width:100%;
	}

.imprint .mobiledata{
	margin-left:auto;
	margin-right:auto;
	padding-left:0;
	padding-right:0;
	width:100%;
	}	
	
.mobiledata{
	font-size: 0.715em;
	letter-spacing: 0.04em;
	line-height:1.6em;	
	}
		
main h1{
	width:100%;
	text-align:left;
	}
	
main p{
	width:100%;
	}
	
.portrait-2 img, .portrait-3 img{
	margin-left:0;
	margin-right:0;	
	margin-top:20px;
	width:100%;
	height:auto;
	display:block;
	padding-right:0;
}

.portrait-3 img{
	margin-top:52px;}

	
.karte{
	width: 100%;
	height:447px;
	background:#e3d7bc;
	}

}