@charset "utf-8";
/* Ferienwohnung Büsken
relative.css
Copyright Gamradt Webdesign 2018
******************************************** */
@media only screen and (max-width: 767px) {	
	
	.menu_100 {display:none;}
	
}

@media only screen and (max-width: 1279px) {
	
	#bildleiste_desktop {display:none;}    	
	#bildleiste_mobil {
    position: relative;
    width: 100%;
    height: 17rem;/*border-bottom:solid 4px #bbbdbe;*/
    background-image: url(../images/hd/bildleiste_mobil.jpg);/*später ändern in cover, jetzt nur zur Kontrolle */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	clear:both;
	}	
}

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

	h1, h2 {font-size:2.0rem;}		
    h1 span, h2 span {font-size:1.6rem;}
	h3 {font-size: 1.9rem;}		
	h4 {font-size: 1.7rem;}		
	h5 {font-size: 1.6rem;}	
	h6 {font-size: 1.6rem;}
	#kontakt_oben p a {font-size:2.0rem;}
}



@media only screen and (max-width: 480px) {
	
	#bildleiste_mobil {height:13rem;background-position: center right;}
	
}


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

	
	.spalten_1, .spalten_2, .spalten_3{width:32%;float:left;margin-bottom:0;}
	.spalten_1, .spalten_2 {margin-right:2%;}
	
	
	.gal_bild{width:48%;margin-right:4%;margin-bottom:2%;margin-top:2%;float:left;}
	article.inhalt .gal_bild:nth-of-type(2n) {margin-right:0;}
	
}


@media only screen and (min-width: 480px) {
	
	
	#logo {padding-top:0;}
 	#logo img {width:65%;margin:0;float:right;margin-right:5%;}
	.spalten_1, .spalten_2, .spalten_3{width:48%;float:left;margin-bottom:0;}
	.spalten_1, .spalten_3 {margin-right:2%;}
	
	p.z1{display:inline}
	
	
}



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


	

}




 @media only screen and (min-width:640px){
	
	  
	#logo img {width:50%;margin:0 5% 3% 0;}



	
	 #bildleiste_mobil {  background-position: center center;}
	 

	 
	
	
	.spalten_1, .spalten_2, .spalten_3{	width:28%;float:left;}
	.spalten_1,.spalten_2 {margin-right:2%;}
	.spalten_3 {margin-right:0;}
	
	p.z2, p.z1, p.z3, p.z4 {display:inline;}
		p.z2 span.trennpunkt, p.z3 span.trennpunkt{display:inline;}
	 p.z1.mobil {display:block;}
	 p.z2.mobil {display: block;}
	   		
	ul.menu_fuss li{width:33%;}
	 
	 .bild_zuschnitt {width:100%;}
	 	
}


 @media only screen and (min-width:768px){
	
	.ausrichten_inhalt.ohne_rand{padding-top:0;padding-bottom:0;}
	.ausrichten_inhalt.erste {padding-top:0.5rem;}	 
	 
	 #logo {text-align: center;}
	 #logo img {margin: 1% auto 1% 0;float:none;}
	 
	.menu_100 {
    clear: both;
    background-color: rgba(134,147,151,0.10);
}
	nav#nav header {display:none;}
	 .ul_menu_ebene_1  {width:100%;padding:0;margin:0 0 0 3%;}
		.ul_menu_ebene_1 li { display: inline-block; width:auto;padding:0.5rem 0.5rem 0.6rem 0.3rem;border-right:1px solid #9e9cdf;border-color:rgba(134,147,151,0.41)}
	 		.ul_menu_ebene_1 li a {font-size:1.5rem;padding:0;}
	 .ul_menu_ebene_1 li:first-child {padding-left:0;}
	.ul_menu_ebene_1 li:last-child {padding-right:0;border-right:none;} 

	#bildleiste_mobil {height:25rem;clear:both;}	
	
	 #kontakt_oben p {text-align: right;}

	.spalte_links_66 {float:left;width:67%;padding-right:3%}
    .spalte_rechts_33 {float:right;height:auto;width:33%;}
	.spalte_links_33 {float:left;width:33%;}
    .spalte_rechts_66 {float:right;height:auto;width:67%;padding-left:3%}
	.spalte_rechts_33.form_anfrage{padding-top:0;}
	 
	#fuss1, #fuss2 {float:left;}
	#fuss1 {width:45%;padding-right:2rem;}
	 .spalte_rechts_33 #fuss1 {width:auto;}
	#fuss2 {width:55%;margin-top:0;padding-top:0;}
    #fuss3 {width:100%;padding-top:2rem;clear:left;}
	#fuss2 li {width:49%;} 
	#fuss3 li:last-child {border-right:1px solid rgb(170,172,175);}
	 
	.spalten_1, .spalten_2, .spalten_3 { width: 28%;}
	 
	p.z2 {display:inline;}
	p.z1, p.z3, p.z4 {display:block;}
	span.trennpunkt, p.z3 span.trennpunkt {display:none;}
	
	ul.menu_fuss li{width:auto;padding-left:1rem;padding-right:1rem;}
	 
	 
	img.zoom  {	-webkit-transition: all 1s ease;z-index:100;transition: all 1s ease;	}
img.zoom:hover {-webkit-transform:scale(2);	transform:scale(2);}
img.bild_zuschnitt.zoom:hover{-webkit-transform:scale(1.6);transform:scale(1.6);transform-origin:center left; transition-delay: 0.5s;} 
.gal_bild img.bild_zuschnitt.zoom:hover{ transition-delay: 1.0s; }	 
	 
		header h1, header h2 {margin-top:0.8rem;}	
	 header h1, header h1 { background-size: 1.1rem 1.1rem;}

	 
}


@media only screen and (min-width: 1024px) {
	
	.ausrichten_inhalt {width:1024px;}
	.ausrichten_inhalt.ohne_rand {width:100%}
	
	#logo {width:26%;float:right;margin:2% 3% 0.5% 0;}
	#logo img {width:100%;margin:0;}
	
.menu_100 {width:71%;margin:0;padding-left:2%;padding-top:2%;float:left;clear:none;background-color:transparent;}
			.ul_menu_ebene_1 li {width:auto;padding:0rem 0.5rem 0rem 0.5rem;}
	 		.ul_menu_ebene_1 li a {font-size:1.3rem;padding:0;}
	
	footer#fuss {padding: 3% 5% 0 5%;}
	#fuss2 {margin-right:5%;width:45%;}

	iframe.karte {border:1px solid rgba(127,126,207,0.5)}
	
	
}


 @media only screen and (min-width:1280px){
	
	 .ausrichten_inhalt {width:93%;margin-left:auto;margin-right:auto;}

	 #ausrichten_kopf1, #kontakt_oben.bg_farbe_2 {background-color: #8E8F90;}	
	 
	#bildleiste_mobil {display: none;}
	

	 
	 #bildleiste_desktop {
		z-index: 100;
		position: relative;
		width: 100%;
		height: 21rem;
		background-image: url(../images/hd/bildleiste_desktop.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top left;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 10px solid;border-bottom: 10px solid;
		border-color: #ffffff;
		background-color: #ffffff;
	 	}  
	 
	 #kontakt_oben {display:none;}
	 
	 #logo {width:28%;margin-right:2%;}
	 #logo img {width:100%;max-width:100;padding-right:0;}
	 .menu_100 {width:68%;}
	 
	 /*nav#nav {padding-left:3rem;}
	 nav#nav header {padding-top:2.5rem;}*/
	.ul_menu_ebene_1 li {padding: 0.4rem 1.0rem 1rem 1.0rem;border:none} 	 
		 /*.ul_menu_ebene_1 li a {font-weight: 600;}*/
	 
	 
	 	
	
	.gal_bild{width:23.5%;margin-bottom:2%;margin-top:2%;float:left;}
	.gal_bild, article.inhalt .gal_bild:nth-of-type(2n) {margin-right:2%;}
	article.inhalt .gal_bild:nth-of-type(4n) {margin-right:0;}	 
	 
	 
	 
	 .inline_clear {clear:both;}
	 
	 .spalte_rechts_66, .spalte_rechts_33 {padding-left:8%;}

	 #fuss1 {width:40%;}
	 #fuss2 {margin-right:0;float:right;width:60%;}


}


 @media only screen and (min-width:1366px){
	 
	
	
	 #bildleiste_desktop {height: 26rem;}
	 
	 #logo {width:30%;}
	 /*.menu_100 {width:66%;margin-top:2%;}*/
	 

}


 @media only screen and (min-width:1440px){
	 
	 .ausrichten_inhalt {width:80%;}
	 

	 /*nav#nav {padding-left:3%;}*/

	 #bildleiste_desktop {height: 25rem;}

	 .produktbereich header h1, .seitenbereiche header h1 {margin-bottom: 1.0rem;}
	 .seitenbereiche .erste header h1 {margin-top: 3.5rem;} 
	 
	 
	 	#fuss_unten {bottom:1.5rem;right:1.5rem;}
	#fuss_unten img {width:3.5rem;}
}



 @media only screen and (min-width:1920px){
	 
	 .ausrichten_inhalt {width:78%;}
	 
	 #fussbereich.ausrichten_inhalt { width: 90%;}
	 
	 
	 
	 #logo {width:29%;padding:0 3% 0.5% 0;margin-right:0;margin-top:1%;}
		/*#logo img {margin:2% 11% 5% 0;}*/
	 
	 .menu_100 {width:69%;}
	 .ul_menu_ebene_1 li a {font-size: 1.7rem;}
	 .ul_menu_ebene_1 li {padding: 0.6rem 1.8rem 1rem 1.8rem;}

	 #bildleiste_desktop {height: 37rem;}
	 
	 .ausrichten_inhalt.erste {padding-top: 2.5rem;}
	 article.inhalt {padding-top:0;}
	 

	 .bildbereich, .seitenbereiche {padding-left:0;padding-right:0;padding-bottom: 2rem;}
	 .bildbereich{padding-top:2rem;}
	 
	.spalte_links_66 {padding-right:6%}
    .spalte_rechts_66 {padding-left:6%;margin-top:0;}
	 
	.spalte_links_66, .spalte_rechts_66 {width:63%;}
    .spalte_rechts_33, .spalte_links_33 {width:37%;}

	
	 .bild_zuschnitt { width: 70%;}
	 .gal_bild .bild_zuschnitt {width:100%;}
	 
	 iframe.karte {height: 35rem;}

	 .pfeil_r, .pfeil_o {width: 1.5rem;margin-right: 1.3rem;}

 	header h1, header h2 {margin-top: 0;padding-left:2.5rem; background-size: 1.5rem 1.5rem;}
	 header h1 span, header h2 span {font-size:1.9rem;}
	 
	p, li, th, td, address,figcaption,h6 { font-size:1.7rem;line-height:1.45; }
	 p {padding-bottom:1.0rem;}
	h1, h2{font-size:3.0rem;font-weight:300;}
	h2{padding-top:0;}
	h3 {font-size:2.5rem;}
	h4 {font-size:1.9rem;}
	h5 {font-size:1.8rem;}
}

 @media only screen and (min-width:2560px){
	
	.ausrichten_inhalt {width:70%;}
	 
	#logo {width:24%;margin-top:1.8%;margin-bottom:1%;padding-right:5%;}


	  .menu_100 {width:71%;padding-left: 5%;}	 	
	 		nav#nav header {padding-top:2.5rem;}
	  		.ul_menu_ebene_1 li {padding: 1rem 2.2rem 1rem 2.2rem;} 
	 			 .ul_menu_ebene_1 li a {font-size:1.8rem;}
	 
	 #bildleiste_desktop {height: 40rem;}

	 
	 .spalte_links_66, .spalte_rechts_66 {width:72%;}
    .spalte_rechts_33, .spalte_links_33 {width:28%;}
	 
	 .bildbereich{padding-top:2rem; padding-bottom: 4rem;}
     .seitenbereiche {padding-bottom: 1rem;}
	
	 .bild_zuschnitt { width: 70%;}
	 
	 p, li, th, td, address,figcaption,h6 { font-size:1.9rem; }
	h1, h2{font-size:2.7rem;}
	h2{padding-top:0;}
	h3 {font-size:2.4rem;}
	h4 {font-size:2.1rem;}
 
	 
}