@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Regular.woff2') format('woff2'),
        url('../fonts/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Medium.woff2') format('woff2'),
        url('../fonts/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/FiraSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

body{background-color:rgb(177,17,22);padding-top:75px;font-family: 'Fira Sans', sans-serif;font-weight:400; font-size:16px;line-height: 1.6}

h1, h2, h3, h4, h5, h6{font-weight:500;font-style: italic;color:rgb(177,17,22)}
h3{font-style: normal;}
b, strong{font-weight:500}
p b, li b{color:rgb(177,17,22)}


.darkred{color:rgb(107,16,17);font-weight:500;line-height:1.6;
background-image:url(../basic/aehre_bg.png); background-repeat: no-repeat;padding-left:12px;}

.darkred.logo img{height:36px}

p.font-size-large{font-size:20px;line-height:2}
p.font-size-large b{color:#000}
p.font-size-large b span{color:rgb(177,17,22)}


p a, p a:hover, p a:focus{color:inherit;text-decoration: underline}
ul.normaltext a, ul.normaltext a:hover, ul.normaltext a:focus{color:inherit;text-decoration: underline}


.container{position:relative}
.anchor{position:absolute;top:-80px}

.container.margintop{margin-top:15px}

.container.marginbottom{margin-bottom:15px}


.part{background-color:rgb(255,212,0);
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top:8px;
	padding-bottom:5px;
	font-size:26px;
}


.container.margintop .part{margin-top:0px}

img.marginless{max-width: calc(100% + 30px);margin-left:-15px;}




.navbar.navbar-default.navbar-fixed-top{background:none;border:none;border-bottom:solid 5px rgb(177,17,22);background-color:rgb(177,17,22)}

.container-fluid.nav-wrap{background-color:rgb(255,212,0)}


body > .container, body > .pagecontent > .container{background-color:rgb(255,249,216)}


.container.head{background-color:rgb(255,249,216)}

.header-claim{display:none}
.header-claim2{display:none}

button.navbar-toggle{margin-top:12px}
button.navbar-toggle .icon-bar{height:3px;width:30px}

.navbar-brand{height:60px;overflow:hidden;padding-top:0px}
.navbar-brand img{width:140px;}





.pagecontent {-webkit-box-shadow: 0px 0px 44px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 44px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 44px -10px rgba(0,0,0,0.75),inset 0px 0px 44px -10px rgba(0,0,0,0.75);}


.panel-default > .panel-heading{background-color:rgb(76,118,32);color:#fff}

.panel-default > .panel-heading a{text-decoration: none}

a[aria-expanded="true"] .glyphicon-triangle-right {display:none}
a[aria-expanded="true"] .glyphicon-triangle-bottom{display:inline}
a[aria-expanded="false"] .glyphicon-triangle-right {display:inline}
a[aria-expanded="false"] .glyphicon-triangle-bottom{display:none}

#accordion{display:none}

ul.normaltext{padding-left:16px;}
ul.normaltext li{line-height:1.6;margin-bottom:10px}

ul li.nobullet{ list-style-type: none;}


footer > .container{margin-top:15px;background-color:rgb(255,249,216);padding-top:10px;padding-bottom:10px}

footer .btn-primary, footer .btn-primary:hover, footer .btn-primary:focus{background-color:rgb(76,118,32);border-color:rgb(76,118,32)}
footer p{font-size:14px}

footer p:first-child{margin-top:20px}

@media (max-width: 575px) {  /*xs*/
	footer .btn-primary {margin-bottom:5px;width:100%}
}

#datenschutz li{font-size:14px}

@media (max-width: 767px) {  /*xs*/
    
	.container.head{height:60px}
	
	.claim-intro{max-width:200px}
	
	#accordionxs > .panel{background: none;border:none;box-shadow:none}
	.panel .panel-heading-city{background: none;border:none;color:rgb(177,17,22)}
	.panel:not(.panel-kunden) h3{}
	
	
	#datenschutz h2{font-size:20px}
	#datenschutz h3{font-size:18px}
	
}




@media (min-width: 768px) {  /*xs*/
	
	#accordionxs{display:none}
	#accordion{display:block}
		
	.pagecontent {width:750px;margin:auto}
	
	.anchor{top:-200px}
	
	body{padding-top:209px;font-size:18px;line-height: 1.7}
	
	body{background-image: url(../basic/aehre.png);background-repeat: no-repeat;background-attachment: fixed;background-position: left bottom;background-size:30%}
	
	.navbar.navbar-default.navbar-fixed-top{border:none;}
		
	.container.head{margin-bottom:15px}
    .header-claim{font-size:16px;padding:6px 16px;display:block;position: absolute;right:0px;top:16px;background-color:rgb(76,118,32);color:#fff}
    .header-claim2{font-size:12px;padding:6px 0px;display:block;position: absolute;right:0px;top:90px;color:rgb(177,17,22)}
	.header-claim2 span{;padding-left:3px;border-right:30px solid rgb(255,212,0);padding-right:5px}
	
	.navbar-brand{height:auto;padding-top:15px}
	.navbar-brand img{width:250px}
	
	
	
	.container-fluid.nav-wrap > .container{padding-left:0px;padding-right:0px}
	
	.navbar-default .navbar-nav{width:100%}
	
	.navbar-default .navbar-nav > li{margin-left:7%}
	.navbar-default .navbar-nav > li:first-child{margin-left:0px}
	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color:rgb(177,17,22);font-size:18px;font-weight:500}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
		background-color:rgb(177,17,22);color:#fff
	}
	
	
	.pagecontent .container + .container{padding-top:50px}
	.pagecontent .container.marginbottom + .container,
	.pagecontent .container.margintop{padding-top:0px}
	.row + .row{margin-top:20px}
	
	.container.bg{background-image:url(../basic/holz.jpg)}

	.col-carousel {padding-left:0px;padding-right:0px;margin-top:20px}
	
	
	.panel{width:calc(33.3% - 30px);display:inline-block;vertical-align: top;margin-top:5px;margin-left:15px;margin-right:15px}
	.panel:not(.panel-kunden){width:calc(100% - 30px);background: none;border:none;box-shadow:none}
	
	.panel:not(.panel-kunden) .panel-heading{background: none;border:none;color:#000}
	.panel:not(.panel-kunden) h3{margin-left:-15px}
	
	
	.darkred.logo img{height: 30px;margin-left: 15px;}
	
	.claim-intro{max-width:250px}
	
	
}

@media (min-width: 992px) {  /*xs*/
	
	
	
	body{padding-top:247px}
	
	.row{margin-left:0px;margin-right:0px}
	
	.pagecontent {width:970px}
	
	.anchor{top:-220px}
	
	.navbar-default .navbar-nav > li{margin-left:11%}
	
	.navbar-brand img{width:350px}
	
	.header-claim{font-size:21px;padding:7px 20px;top:25px;}
	
	.header-claim2{font-size:13px;padding:6px 0px;top:125px;}
	.header-claim2 span{;padding-left:5px;border-right:40px solid rgb(255,212,0);padding-right:7px}
	
	
	.part{background-color:rgb(255,212,0);
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-right: 30px;}
	
	
    .container.container-carousel {padding-right:0px;}
    .col-carousel {padding-left:15px;padding-right:0px;margin-top:0px}
	
	.darkred.logo img{height: 26px;margin-left: 10px;}
	
	.claim-intro{max-width:100%}
	
}

@media (min-width: 1200px) {  /*xs*/
	
	.header-claim2{font-size:14px;padding:6px 0px;top:160px;}
	.header-claim2 span{;padding-left:5px;border-right:40px solid rgb(255,212,0);padding-right:7px}
	
	.navbar-brand img{width:450px}
	body{padding-top:288px}
	.pagecontent {width:1170px}
	.anchor{top:-280px}
	.header-claim{font-size:21px;padding:8px 20px;}
	
	.darkred.logo img{height: 36px;margin-left: 10px;}
}


.container.no-padding-left-right{padding:0 !important}

@media (min-width: 992px) { 
	.container.no-padding-left-right > div > div{padding:0}
}