@charset "utf-8";
/* Ferienwohnung Büsken
layout.css
Copyright Gamradt Webdesign 2018
******************************************** */

/* cormorant-infant-regular - latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/cormorant-infant-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cormorant-infant-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cormorant-infant-italic - latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/cormorant-infant-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cormorant-infant-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cormorant-infant-600 - latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/cormorant-infant-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cormorant-infant-v17-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cormorant-infant-600italic - latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/cormorant-infant-v17-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/cormorant-infant-v17-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;font-size:100%;margin:0;padding:0;}
a {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}

fieldset, img {	border:0;}
del, ins {text-decoration:none;}
caption, th {text-align:left;}

q:before, q:after {	content:'';}
abbr, acronym {	border:0;font-variant:normal;}
sup, sub {vertical-align:baseline;}
legend {color: #4A4D4D;}
input, button, textarea, select, optgroup, option {
	font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input, button, textarea, select {font-size:100%;}

header, footer, nav, section, article, div, aside {display:block;}

html {overflow-y: scroll;}


/* ----------------------------------------------------------------*/
/*  -- Tag allgem.  */
/* ----------------------------------------------------------------*/

html, body{height:100%;margin:0; padding:0;}
body {width:100%;z-index:1000;-webkit-transition: all 3s ease;transition: all 3s ease;
	background-color: #ffffff;
    font-family: 'Cormorant Infant', serif;
	font-size: 62.5%;	
	line-height: 1.4;
	color:#33323a;
	-o-hyphens: auto;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto; 
	-ms-hyphenate-limit-chars: auto 5;hyphenate-limit-chars: auto 5;
	}

p, a, li, th, td, tr, table, div, span{
	font-weight: normal;text-align: left;font-style: normal;
	font-variant: normal;text-transform: none;color:#33323a;}

p, li, th, td, address,figcaption { font-size:1.5rem; }

.spalte_rechts_66 h4:nth-of-type(1), .spalte_links_66 h4:nth-of-type(1){padding-top:0.4rem;}

p {margin:0;padding: 0 0 1.4rem 0;}

b {font-weight:600;}

a {color: #33323a;text-decoration: none;font-style: italic; }
	a:hover {color:#373685;}
	a img {border: 0 none;}

h1, h2, h3, h2, h3, h4, h5, h6 {margin: 0;padding: 0 0 0.7rem 0;font-weight: 400;font-style:italic;	
	-o-hyphens: none; -webkit-hyphens: none;-moz-hyphens: none;	-ms-hyphens: none;	hyphens: none; }
	h1, h2 {font-size:2.1rem;padding-bottom:1.3rem;}		
    h1 span, h2 span {display: block; line-height:1.2;font-size:1.8rem;font-style:italic;}
h1 span:nth-child(1), h1 span:nth-child(1){display: inline-block;}
	h2, h3 {padding-top:0.5rem;}	
	h3 {font-size: 2.0rem;padding-bottom:0.4rem;}		
	h4 {font-size: 1.9rem;}		
	h5 {font-size: 1.8rem;font-weight:400;padding-bottom:0.5rem;}	
	h6 {font-size: 1.6rem;font-weight:600;}

sup {font-size:80%;vertical-align:super;}
sub {font-size: 60%;vertical-align: baseline;}

img {margin:0;padding:0;border:none;height:auto;max-width:100%;	}

table {margin-top:0.8rem;margin-bottom:1.5rem;border:none;}	
	th, td{border: 1px solid #ccc;}	

 ul {padding-top:0;	margin-top:0;margin-left:2em;margin-bottom:1rem;}	
	li{padding: 0 0 0.3rem 0.5rem;list-style-image: none;list-style-position: outside;list-style-type: disc;}
	ul.liste_ohne {margin-left:0;}
		ul.liste_ohne li{list-style-type: none;list-style-position: inside;padding-left:0;}
	ul.margin_u_0 {margin-bottom:0;}

	ol {list-style-position: outside;padding: 0 0 0 3.2%;list-style-type:upper-latin;}
	
figcaption {padding:0 1% 0 1%;margin-top:0.5rem;text-align:center;}

iframe {width:100%;max-width:100%;}


/* Border Box-sizing
*********************************************/

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* Klassen
*********************************************/

.clear_links{clear:left;}	
.clear_rechts{clear:right;}	
.clear{clear:both;}	
.clear_1px{clear:both;line-height:0px;font-size:0px;padding:0px;margin:0px;height:0px;}	

.fett{font-weight:bolder;}
.farbig{color:#007EBE;}
.kleiner {font-size:0.8rem;}
.groesser {font-size:2.0rem;}

.abstand_o{padding-top:2%;}	
.abstand_u{padding-bottom:2%;}		

.bild_links {float: left;margin-right:1rem;margin-bottom:1rem;}
.bild_rechts{float: right;margin-left: 1rem;margin-right: 1rem; }

.zentriert {text-align: center;margin-left:auto;margin-right:auto;}

.float-left {float: left;}
.float-right {float: right;}

.ohne_rand {border:none !important;}
h1.ohne_hintergrund {padding-left:0 !important;background-image:none !important;}

.pfeil_r, .pfeil_o {border:none !important;width:1.1rem;margin-right:0.70rem;margin-top:1rem;}

.nowrap {white-space:nowrap;}
.hidden{display:none;}

.spalte {width:44%;float:left;margin-right:5%;}	
.letzte_rechts {margin-right:0 !important;}

.bg_farbe_0 {background-color:#fff;}
.bg_farbe_1 {
    background-color: rgba(125,159,159,1.00);
} /*Hintergrund Beitrag */
.bg_farbe_2 {background-color:#ffffff;} /* Linie */
.bg_farbe_3 {
    background-color: rgba(215,224,223,1.00);
} 
.bg_farbe_4 {background-color:#788387;} /* aus Logo Raesfeld */
.bg_farbe_5 {background-color:#4c5557;} /* aus Logo Büsken */

 .bg_farbe_1 p, .bg_farbe_1 a, .bg_farbe_1 h1, .bg_farbe_1 h2, .bg_farbe_1 h3, .bg_farbe_1 h4, .bg_farbe_1 h5, .bg_farbe_1 h6, .bg_farbe_1 li, .bg_farbe_1 span   {color:#ffffff;}

.bg_farbe_3 p, .bg_farbe_3 a, .bg_farbe_3 h1, .bg_farbe_3 h2, .bg_farbe_3 h3, .bg_farbe_3 h4, .bg_farbe_3 h5, .bg_farbe_3 h5, .bg_farbe_3 li, 
.bg_farbe_4 p, .bg_farbe_4 a, .bg_farbe_4 h1, .bg_farbe_4 h2, .bg_farbe_4 h3, .bg_farbe_4 h4, .bg_farbe_4 h5, .bg_farbe_4 h5, .bg_farbe_4 li, .bg_farbe_4 span
.bg_farbe_0 p, .bg_farbe_0 a, .bg_farbe_0 h1, .bg_farbe_0 h2, .bg_farbe_0 h3, .bg_farbe_0 h4, .bg_farbe_0 h5, .bg_farbe_0 h5, .bg_farbe_0 li,
.bg_farbe_2 p, .bg_farbe_2 a, .bg_farbe_2 h1, .bg_farbe_2 h2, .bg_farbe_2 h3, .bg_farbe_2 h4, .bg_farbe_2 h5, .bg_farbe_2 h5, .bg_farbe_2 li, .bg_farbe_2 span {color:#4c5557;}

/* Bereiche */

.outer-wrap{max-width:100%;margin:0 auto;overflow:hidden;}
.inner-wrap{padding:0 0 0 0;position:relative;width:100%;margin:0 auto}

.cc-message, .cc-message a, .cc-link{color:#ffffff !important;}
.cc-color-override--615553770 .cc-btn {
    background-color: #EAEAF4 !important;
    color: #9e9cdf !important;
}
/* Kopfbereiche */

#ausrichten_kopf1{position:relative;width:100%;height:auto;clear:both; z-index:20;}

#bereich_fix {width:100%;height:auto;text-align:center;z-index:2000;}
.toggle-mobile {z-index:2000}


#logo{
	position:relative; z-index:0;	 
	width:100%;height:auto;margin:0 auto 0 auto;
	text-align:center;
	padding-top:3.5rem;padding-bottom:0.8rem;}
 		#logo img{z-index:13;width:95%;max-width:95%;height:auto;padding:0; margin:0;}

section#kopf{
	z-index: 30;position:relative;
	background-color:#fff;
	clear:both;
	overflow: hidden;
	width: 100%;height:auto;
	margin:0 auto 0 auto;		
	}

#kontakt_oben p {padding:0.3rem 5%; font-size:1.8rem;}
#kontakt_oben p a {font-size:1.8rem;}

/*  Inhalt Bereich ******************************************** */

#inhaltsbereich{ z-index:40;width:100%;background-color:#fff;}

#content{width:100%;z-index:41;}

article.inhalt{	width:100%;	height:auto;padding:1rem 0 0 0;z-index:42;}

.bildbereich, .seitenbereiche {clear:both;display: flex;width:100%;height:auto;padding-bottom: 1rem;padding-left:5%;padding-right:5%;}

 header h1, header h2 {
    background-image: url(../images/icons/pfeil-r.png);
    background-repeat: no-repeat;
    background-position: left center;	
    background-size: 0.8rem 0.8rem;
    padding-left: 1.2rem;
	padding:0 0 0 1.5rem;
	margin-bottom:1.3rem;
	 }

#fussbereich header h1, #fussbereich header h2 {background-image: url(../images/icons/pfeil_w-r.png);}


.bildbereich img, .seitenbereiche img {
	border: 1px solid rgba(187,189,190,1.00);

	}

section#inh_bilder .bg_farbe_1 {padding-top:1rem;padding-bottom:1rem;}

/*??? nötig ?? aside.infos_logos, img.logo_desktop{display: none;}*/

.ausrichten_inhalt{padding-top:2%;padding-bottom:2%;z-index:43}  
	

iframe.karte{min-width:100%;width:100%;height:400px;margin:0 auto 0 auto;border:0;}


/* Inhalts Spaltenaufteilung ********************************* */

.zeile{clear:both; }

.spalte_links_66 {width:100%;}
.spalte_rechts_33 {width:100%;margin-top:1rem;}
.spalte_links_33 {width:100%;}
.spalte_rechts_66 {width:100%;margin-top:1rem;}



/* Fuss Bereich
*********************************************/

#fussbereich{ z-index:50;width:100%;}

footer#fuss{padding:5% 5% 0 5%;clear:both;}

	#fuss1{width:100%;padding-left:0;}
		
		address p{padding-bottom:0;}
	    /* address p, address p a, address span {color:#fff;font-style:normal;}
			.spalte_rechts_33 address p, .spalte_rechts_33 address p a, .spalte_rechts_33 address p span {color:#000;}*/
		address p.z_abstand, .z_abstand {padding-bottom:0;}
		address p.z3, address p.z4 {line-height:2rem;}
		span.trennpunkt,span.trennpunkt1 {display:none;}
		.trenner {height:1rem;}
		#fuss1 h5, #fuss1 h6 {padding-bottom:0;font-weight:400;}
		
    #fuss2{width: 100%;padding: 1rem 0 0 0;margin-top: 1rem;}	

	    #fuss2 p, #fuss2 p a, #fuss1 h4, #fuss2 h4 {color:#fff;font-style:normal;font-weight:600;}	

#fuss .mobil {line-height:2rem;}

	
	#fuss3{width:100%;padding-left:0; margin:0.3rem auto 0 auto;}
			
		ul.menu_fuss {width:100%;padding:1rem 0 0 0;margin:1rem 0 0 0;}
			ul.menu_fuss li{
				display:inline-block;
				list-style-type: none;
				text-align:left;padding:0 0 0 1rem;
				line-height:2rem;
				margin:0 0 0 0;
				color:#fff;
				width:49.5%; border-left:1px solid rgb(170,172,175);
			}
			#fuss2 ul.menu_fuss li {line-height: 2.8rem;}
			#fuss2 ul.menu_fuss li.zweizeilig {line-height: 1.3rem;}
				ul.menu_fuss li a{font-style:normal;}
					ul.menu_fuss li a:hover, ul.menu_fuss li a:active{color: #596163;}


#fuss_unten {clear:both;position: fixed;bottom:1.0rem;right:0.8rem;z-index:100;}
#fuss_unten, #fuss_unten p  {text-align: center;}
#fuss_unten img {width:2.0rem;}



			
aside#copyright{width:100%;	clear:both;padding-top:2rem;}
	aside#copyright p{text-align:left;}
	aside#copyright p a{
    color: rgba(255,255,255,0.4);
    font-size: 1.1rem;
}







/* dreispaltig */ 	
aside.spaltenaufteilung_3 {width:100%;height:auto;z-index:45;clear:both;padding:2%;}

	.spalten_1, .spalten_2, .spalten_3, .spalten_1-3{width: 100%;position: relative;}

		.spalten_1 img, .spalten_2 img, .spalten_3 img, .spalten_1-3 img{
			min-width: 100%;
			height: auto;
			border: 1px solid #AAACAF;
			border: 1px solid rgba(170,172,175,0.4);
		}

	aside.spaltenaufteilung_3 img {max-width:100%;height:auto;border:1px solid;margin-bottom:1rem;}


.bild .bild_zuschnitt {min-width:100%;max-width:100%;}
.bild figcaption {padding-top:0.5rem;padding-bottom:0.5rem;width:100%;height:auto;margin-top:0;margin-bottom:3px;background-color:#ffffff;font-size:1.5rem;-webkit-transition: all 3s ease;transition: all 3s ease;}
/*.spalte_links_33 .bild figcaption {background-color:rgba(225,225,226,1.00)}
.bild figcaption:hover {font-size:2.4rem;}*/

.spalte_links_33 img:nth-child(1){margin-top:1rem;}