@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff2) format('woff2'),url(fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(fonts/Roboto-Italic.woff2) format('woff2'),url(fonts/Roboto-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-Medium.woff2) format('woff2'),url(fonts/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(fonts/Roboto-MediumItalic.woff2) format('woff2'),url(fonts/Roboto-MediumItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Habibi';
  font-style: normal;
  font-weight: 400;
  src: local('Habibi'), local('Habibi-Regular'), url(fonts/Habibi-Regular.woff2) format('woff2'),url(fonts/Habibi-Regular.ttf) format('truetype');
}

html,body{margin: 0px;padding: 0px;height:100%;}
body{position:relative;min-width:320px;padding:7em 0 3.1em 0;}
section,.sliderbox{min-height:100%;position:relative;}
div.ancor{position:absolute;bottom:7em;}

section{border-top:1px solid transparent;border-bottom:1px solid transparent;}
section.last_sec{padding-bottom:1.6em;margin-bottom:-1.6em;}
section.last_sec.after_slide{margin-top:-1.6em;margin-bottom:0;padding-bottom:0;}

*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border:0 solid transparent;}
.clearfix:after {content: ".";display: block; clear: both;visibility: hidden;line-height: 0; height: 0;}
img{display:block;width:auto;height:auto;max-width:100%;}

.body_header{width:100%;position:fixed;top:0;left:0;z-index:1000;border-bottom-width:.3em;min-height:7em;max-height:100%;overflow:auto;padding-top:6.5em;}

 
/* Navi */
.logo{width:auto;float:right;height:6em;position:absolute;right:1em;top:.5em;z-index:900;}
.logo img{height:100%;width:auto;}
#menu_button{display:block;position:fixed;top:0;left:0;padding:2em .5em 0 .5em;z-index:1000;text-decoration:none;line-height:2em;}
nav ul a{display:block;text-decoration:none;}
.main_menu_wrap{display:none;z-index:800;}
ul.main_menu,ul.kontakt_nav{margin:1em auto;width:100%;max-width:30em;padding:0 1em;}
nav ul{margin:0;padding:0;list-style-type:none;}
ul.main_menu li{position: relative;margin: 0;} 
ul.kontakt_nav a,ul.kontakt_nav span,ul.main_menu a{padding:0 ;text-align:left;max-width:100%;margin:auto; line-height:2.5em;}
ul.main_menu a{border-bottom-width:1px;}
ul.main_menu li:last-child a{border-bottom:none;} 
a.post,a.phone,span.phone{display:block;background:no-repeat left bottom;background-size:1.8em auto;line-height:2em;padding-left:2em !important;}
ul.kontakt_nav a,ul.kontakt_nav span{}
a.post{background-image:url(../grafics/icon_mail.svg);}
a.phone,span.phone{background-image:url(../grafics/icon_phone.svg);}

ul.subpages{padding-bottom:.5em;}
ul.subpages li{display:inline-block;font-size:.8em;padding:0;line-height:1.4;}
ul.subpages li::after{content:'\002022';display:inline-block;padding:0 .5em;}
ul.subpages li:last-child::after{content:none;}
ul.subpages a{display:inline;width:auto; border:none;}


aside{display:none;}
aside li a,.info_box li a,.info_box li div{line-height:1.5em;padding:.5em 0;display:block;border-bottom-width:1px;font-size:.8em;}
aside li:last-child a{border-bottom:none;}
aside h3{margin-top:0;}
.info_box ul{width:16em;max-width:100%;margin:1em 0 2em 0;}
.info_box h4{margin:2em 0 0 0;font-size:.8em;}
.info_box .post{font-size:.8em;}
.info_box img{width:22.2em;}
.info_box h1{text-align:left;line-height:1.2;}

article{height:100%;padding:2em 1em;width:60em;max-width:100%;margin:auto;}

.ancornav{text-align:center;padding:.7em 3em;display:block;position:relative;width:100%;border-top-width:.3em;line-height:1.4;text-transform:uppercase;text-decoration:none;letter-spacing:.2em;min-height:3.1em}
.ancornav::before,.ancornav::after{content:'\002228';position:absolute;top:.2em;font-size:1.4em;}
.ancornav::before{left:1em;}
.ancornav::after{right:1em;}

/*footer */
.body_footer{border-top-width:.3em;min-height:4.7em;text-align:center;line-height:1.5;position:relative;z-index:600;border-bottom-width:.2em;}
.body_footer .kontakt,.body_footer{font-size:1em;margin:.7em 1.2em;}
.impressum{font-size:.8em;margin:.7em 1.2em;}
.body_footer .tags{font-size:.8em;padding:0 1em;}
.body_footer .tags a{display:inline-block;text-decoration:none;}
.body_footer .tags a::before{content:' I ';display:inline-block;width:1.2em;padding-right:.2em;text-align:center;color:rgb(175,173,169);}
.body_footer .tags a:first-child::before{content:none;}
.body_footer .tags br{display:none;}
.body_footer noscript{margin:0;padding:0;}
.body_footer noscript nav{text-align:center;}
.body_footer noscript ul{text-align:left;}
.body_footer noscript nav > ul{display:inline-block;margin:0;padding:2em 1em;}
.body_footer noscript nav > ul > li > a{font-weight:500;}
.body_footer noscript nav ul ul{padding:0 0 .5em 1em;}

@media (min-width: 1000px) {
.body_footer .tags br + a::before{content:none;}
.body_footer .tags br{display:inherit;}
}

/* zentrierte boxen */
.centerColXSmall{width:25em;max-width:100%;margin:auto;}
.centerColSmall{width:60em;max-width:100%;margin:auto;}
.centerColBig{width:82em;max-width:100%;margin:auto;}


/* TYPO */
*{-moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;font-family:'Roboto', sans-serif;font-size:inherit;font-weight:inherit;}
body{font-size: 15px;font-weight:400;}
sup{font-size:.8em;line-height:.8em;}
h1{font-family: 'Habibi', serif;font-weight:400;font-size:1.8em;margin-top:0;text-align:center;line-height:1.4;padding:.1em 0;}
h2{margin:1em 0;font-size:.9em;font-weight:500;}
h1 + h2{margin-top:-1.5em;margin-bottom:1.5em;}
h4,strong{font-weight:500;}
/*h3,article h3{font-weight:400;text-transform:uppercase;letter-spacing:.2em;line-height:1.4; padding:0.1em 0;}*/
h3{font-weight:500;line-height:1.4;}
h3.upper{text-transform:uppercase;letter-spacing:.05em;}
strong{font-weight:500;}
article *{line-height:1.6;}
article h1{line-height:1.4;}


/* MArgins */
.mb0{margin-bottom:0;}
.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}
.mt0{margin-top:0}
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}

/* Farben */
body{color:rgb(62,61,64);background-color: #fff;}
*{color:inherit;}
#menu_button{background-color:rgb(122,36,64);color:#fff;}
ul.main_menu a,ul.kontakt_nav li:first-child,aside li a,.info_box li a,.info_box li div{border-color:rgb(175,173,169);}

/*h3{color: rgb(122,36,64);}*/
h1,.weinrot,a:hover{color: rgb(122,36,64);}
.body_header,.body_footer,ul.main_menu{color:rgb(103,106,101);}
.body_footer{color:#fff;}
.body_header,.body_footer,.ancornav{border-color:rgb(122,36,64);}
.body_footer{border-bottom-color:rgb(103,106,101);}
.body_header,ul.main_menu{background-color:rgb(255,255,255);}
.body_footer,.ancornav{background-color:rgb(139,144,146);}
.ancornav{color:rgb(255,255,255);}
.body_footer .tags,.current_page > a,.current_parent > a{color:rgb(175,173,169);}
aside,.bg_white{background:#fff;background:rgba(255,255,255,.9);}

/* Hintergründe */
*{background-repeat:no-repeat;background-position:center center;background-size:cover;}
body{background-image:url(../grafics/fassade.svg);background-attachment:fixed;background-position:right top;}


/* Listen im Article */
.mb0 + ul.list{margin-top:0;}
article ul.list{padding:0;list-style-type:none;}
article ul.list li{padding:0 0 0 1em;margin:0;position:relative; }
article ul.list li::before{content:'\002022';height:1.6em;width:.6em;position:absolute;left:0;top:0;}

article ul.mt0{margin-top:0;}
article p + ul.mt0{margin-top:-1em;}


/*

/* diverses */
hr{border-top:1px solid rgb(130,131,133);height:1px;margin-top:1em;margin-bottom:1em;}
hr.centerColSmall{margin-top:1em;margin-bottom:1em;}

@media (min-width: 500px) {
	body{padding-top:8.5em;}
	div.ancor{bottom:8.5em;}
	.body_header{min-height:8.5em;padding-top:8em;}
	.logo{height:7em;right:1em;top:.5em;}
	article{padding:2em;}
}


/* ab hier wird das Menu komplett angezeigt */
@media (min-width: 850px) {

	body{padding-top:12em;}
	div.ancor{bottom:10em;}
	.body_header{height:12em;overflow:visible;padding-top:7em;}
	.logo
	{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.logo img
	{
		height:10.5em;
		margin: -60px auto 0 auto;
	}

	#menu_button{display:none;}
	.main_menu_wrap{display:inline-block;margin-left:-1px;width:99%;vertical-align:bottom;padding:0 0 1em 0;}
	.body_header nav{height:100%;width:100%;}
	.body_header nav::before{height:100%;content:' ';display:inline-block;vertical-align:bottom;width:1px;}
	ul.main_menu,ul.kontakt_nav{margin:0;}
	ul.main_menu{position:static;border-bottom:none;background-color:transparent;padding-bottom:0;max-width:100%;min-width:970px;}
	ul.main_menu li{display:inline-block;position:relative;}
	ul.main_menu li:hover{z-index:2000;}
	ul.main_menu li a{line-height:1.5;}
	
	ul.kontakt_nav{position:absolute;top:0;left:-.5em;width:auto;max-width:none;}
	ul.kontakt_nav li{display:inline-block;padding:1em 1em 0 1em;}
	ul.kontakt_nav li:first-child{border-right-width:1px;}
	ul.kontakt_nav a,ul.kontakt_nav span{width:auto;line-height:2.1;font-size:1em;}
	ul.subpages{display:none;position:absolute;top:100%;left:-1em;background:#fff;background:rgba(255,255,255,.9);padding:2em 1.5em 1em 1.5em;}
	ul.main_menu a{width:auto;padding:0 .5em;border:none;}
	.nojquery ul.main_menu li:hover ul.subpages{display:block;}
	ul.subpages li{display:block;}
	ul.subpages.splitList{-moz-column-count:2;-webkit-column-count: 2;column-count:2; -moz-column-gap:2em;-webkit-column-gap:1em;column-gap:1em; }
	ul.subpages li::after{content:none;}
	ul.subpages li a{display:block;line-height:1.6em;border-bottom:1px solid rgb(175,173,169);padding:.4em 1em .4em 0;text-align:left; white-space:nowrap;}
	ul.main_menu li li:last-child a{border-bottom:1px solid rgb(175,173,169);}
	/*ul.subpages.splitList li a{white-space:normal;}*/
	
	
	footer.body_footer noscript nav{display:none;}

.main_menu_wrap{text-align:center;}
}

@media (min-width: 950px) {
	ul.kontakt_nav{left:0;}
	ul.main_menu a{padding:0 1em;}
	ul.subpages{left:-.5em;}
}

/* Navigation zentriert */
@media (min-width: 1200px) {
	ul.kontakt_nav{left:1em;}
	.main_menu_wrap{text-align:center}
}

/* Hier wirds zweispaltig */
.row p:first-child{margin-top:2em;}
@media (min-width: 700px) {
	.flLeft{width:49.9%;float:left;padding-right:1em;}
	.flRight{width:49.9%;float:right;padding-left:1em;}
	.mehrspaltig {-moz-column-count:2;-webkit-column-count: 2;column-count:2; -moz-column-gap:2em;-webkit-column-gap:2em;column-gap:2em; }
	 
}

/* Hier wirds dreispaltig */
@media (min-width: 1200px) {
	section,.contentbox{padding-left:6em;}
	article{margin:0 auto;width:60em;}
	aside{position:absolute;left:0;top:12em;width:13em;display:block;padding:1em;z-index:100;}
	.jquery aside{position:fixed;}

}
@media (min-height: 600px) {
	.nojquery aside{position:fixed;z-index:500;}

}
@media (max-height:700px){
	.nojquery aside.rechtsgebiete{position:absolute;}
}
@media (min-width: 1300px) {
	section,.contentbox{padding-right:16em;padding-left:16em;}
	aside{width:15em;}
}


/* Slider und Hintergrund oben */
.sliderbox{height:50%;position:relative;min-height:17em;}
.slider{}
.slider,.slide{height:100%;width:100%;position:relative;}
.slide,section{background:no-repeat center center;background-size:cover;}
.slide{position:absolute;top:0;left:0;display:none;}

section.after_slide{padding-left:0;padding-right:0;border-top-width:1px;padding-top:0;}

section.after_slide article{padding-top:1em;padding-bottom:1em;}
section.after_slide{min-height:50%;}

section.after_slide h1{margin-top:1em;}
@media(min-width:400px){
	.sliderbox{min-height:18em;}
}
@media(min-width:600px){
	.sliderbox{min-height:22em;}
}
@media(min-width:800px){
	.sliderbox{min-height:28em;}
}

@media(min-width:1000px) AND (orientation:landscape){
	section.after_slide{min-height:0;}
	.sliderbox{height:100%;min-height: 37em;}
	.sliderbox.before_last_sec{padding-bottom:1.6em;}
	/*.contentbox{background-color:#fff;background-color:rgba(255,255,255,.95);position:relative;padding-bottom:0;margin-top:-16em;min-height:16em;}*/
	.contentbox{background-color:#fff;background-color:rgba(255,255,255,1);position:relative;padding-bottom:0;margin-top:-16em;min-height:16em;}
	.contentbox.home { background-color:rgba(255,255,255,0.95)}
	.last_sec .contentbox{padding-bottom:0em;}	
	.slider::after{content: ' ';width:100%;height:2em;position:absolute;left:0;bottom:0;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
}

@media(min-height:1000px) AND (orientation:landscape){
	.sliderbox {min-height: 40em;}
	.contentbox{margin-top:-20em;min-height:20em;padding-bottom:0;}
}

@media(min-height:1200px) AND (orientation:landscape){
	.sliderbox {min-height: 42em;}
	.contentbox{margin-top:-25em;min-height:25em;}
}

@media (min-width: 1800px) AND (max-width:1899px)  {body{font-size:16px;}}
@media (min-width: 1900px) AND (max-width:1999px)  {body{font-size:17px;}}
@media (min-width: 2000px) {body{font-size:18px;}}