@charset "utf-8";
@import url('../fonts/CrimsonText/crimsontext.css');
@import url('../fonts/Roboto/roboto.css');

@font-face {
  font-family: 'MinionPro-Regular';
  src: url('../fonts/MinionPro-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
iframe{ max-width: 100%; }
picture img{ width: 100%!important; }
img{ border:none; }
img{ max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }
.ce-gallery a{ display:block; }

html, body { font-family: aktiv-grotesk, sans-serif; font-weight: 300; color: #FFF; height: 100%;
	text-rendering: optimizeLegibility;
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html{ overflow-y: scroll; }
ul { margin: 0px; }
a:focus { outline: none; }
h1, h2, h3, h4, h5 { line-height: 1; font-weight: 700; }
fieldset { border: none; }
:focus {outline:none;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"]{
	-webkit-appearance: none;
	border-radius: 0;
	font-family: aktiv-grotesk, sans-serif;
}
::-webkit-input-placeholder { color: #23415a; } .parsley-error::-webkit-input-placeholder { color: #dc003e; }
:-moz-placeholder { color: #23415a; opacity: 1; } .parsley-error:-moz-placeholder { color: #dc003e; opacity: 1; }
::-moz-placeholder { color: #23415a; opacity: 1; } .parsley-error::-moz-placeholder { color: #dc003e; opacity: 1; }
:-ms-input-placeholder { color: #23415a; } .parsley-error:-ms-input-placeholder { color: #dc003e; }

@-moz-document url-prefix() {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display: inline-block;  width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display: inline-block;  width: 100%; text-align: center; }
	div.csc-textpic .csc-textpic-imagewrap figure img, div.csc-textpic figure.csc-textpic-imagewrap img { margin: 0 auto; width: 100%; }
	img[src$=".svg"]{ width: 100%;  }
}

b,strong, a b, a strong, b a { font-weight: 700; }

.button{ display: inline-block; }
.button:after{ content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

a{ color: inherit; text-decoration: none; }

.align-left, .left{ text-align: left; }
.align-right, .right{ text-align: right; }
.align-center, .center{ text-align: center; }
.align-justify{ text-align: justify; }

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

/* limiters */
.inner { max-width: 880px; margin: 0 auto; }
.inner-big { max-width: 1800px; margin: 0 auto; }

/* clearer */
.clear{ line-height: 0px; font-size: 0px; height: 0px; text-indent: -999px; clear: both; }
header:after, footer:after, #naviSitemap > ul:after, .swiper-buttons:after,
.row:after, .accordion > .content:after, .accordion > .teaser:after { clear: both; content:''; display:table; }
#naviMain ul, footer ul, #naviTop ul { list-style: none; }

/* effect */
#naviMain a, #naviMain > ul > li > ul, .layout-1 .ce-bodytext, .accordionButton:before,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

/* font-sizes */
.size10, #toTop { font-size: 10px; line-height: 14px; }
.size12, .swiper-pagination-bullet { font-size: 12px; line-height: 14px; }
.size14, #naviMain a, #naviSitemap a, #fContent { font-size: 14px; line-height: 17px; }
.size16 { font-size: 16px; line-height: 22px; }
.size20, html, body, #content h5 { font-size: 20px; line-height: 24px; }
.size28, #content h2, footer h2 { font-size: 28px; line-height: 32px; }
.size60, #content h1 { font-size: 60px; line-height: 70px; }
.size80, #content .parallax h1, #content blockquote h2 { font-size: 80px; line-height: 88px; }

/* header */
#outer-video { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; }
#gradient {	width: 100%; position: fixed; top: 40px; left: 0; z-index: 2; min-height: 560px; background: -webkit-gradient(linear, center top, center bottom, from(#54656D),color-stop(100%, rgba(84,101,109,0))); background: -webkit-linear-gradient(top,#54656D ,rgba(84,101,109,0) 100%); background: linear-gradient(to bottom,#54656D ,rgba(84,101,109,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF54656D, endColorstr=#0054656D, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF54656D', endColorstr='#0054656D', GradientType=0)"; }
#wrapper { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; }
#wrapper > header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 40px; background-color: #e8b031; }
#wrapper > header > .inner { position: relative; }
#logo { position: absolute; top: 0; right: 52px; z-index: 100; padding: 20px; background-color: #302a16; }
#logo:after { content: ""; position: absolute; top: 100%; left: 0; z-index: 3; width: 0; height: 0; border-left: 140px solid #302a16; border-right: 140px solid #302a16; border-bottom: 17px solid transparent; }
#logo img { width: 240px; }
#logo .logo_link { display: block; line-height: 0px; font-size: 0px; }
#logo-shadow { display: none; position: absolute; top: 0; right: 52px; z-index: 1; width: 280px; height: 120px; background-color: transparent; box-shadow: 0px 2px 8px rgba(0,0,0,0.2); }
#logo-shadow:after { content: ""; display: none; position: absolute; top: 0; left: 100%; width: 20px; height: 120px; background-image: url(../img/logo_shadow.png); background-repeat: no-repeat; }


#naviMain { position: absolute; top: 0; left: 0px; z-index: 99; width: 100%; padding-left: 40px; }
#naviMain > ul { background-color: #e8b031; }
#naviMain > ul > li { position: relative; display: inline-block; }
#naviMain > ul > li > a { display: block; padding: 12px 12px 11px 12px; color: #000; text-transform: uppercase; }
#naviMain > ul > li:hover > a { background-color: #302a16; color: #fff; }
#naviMain > ul > li.active > a { color: #fff; }
#naviMain > ul > li.active { background-color: #302a16; }
#naviMain > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; }
#naviMain > ul > li.active:hover > a { color: #fff; }
#naviMain > ul > li > ul { position: absolute; top: 100%; left: 0; z-index: 99; opacity: 0; height: 0; overflow: hidden; background-color: #e8b031; }
#naviMain > ul > li > ul > li > a { display: block; padding: 5px 12px; color: #333; border-top: 1px solid #E5E5E5; white-space: nowrap; }
#naviMain > ul > li > ul > li.active > a,
#naviMain > ul > li > ul > li:hover > a { background-color: #302a16; color: #fff; }
#naviMain > ul > li > ul > li:first-child > a {border-top: 0;}

/* content */
#content { padding-top: 40px; }
#content .csc-default > header { margin-bottom: 45px; }
#content .grey .csc-default > header { margin-bottom: 20px; }
#content h1 { margin-bottom: 25px; color: #FFF; text-transform: uppercase; }
#content .parallax h1 { margin-bottom: 0px; }
#content h2 { margin-bottom: 10px; color: #FFF; text-transform: uppercase; }
#content header h2 { margin-bottom: 5px; }
#content blockquote h2 { font-size: 72px; color: #e8b031; font-family: 'MinionPro-Regular'; text-transform: none; font-weight: 400; }
#content h2 a { font-weight: 700; }
#content .grey h2 { color: #302b16; }
#content h3 { margin-bottom: 15px; color: #e8b132; text-transform: uppercase; font-size: 19px; line-height: 23px; }
#content h4 { margin-bottom: 30px; color: #e8b132; text-transform: uppercase; }
#content h5 { margin-bottom: 30px; text-transform: uppercase; }
#content p { margin-bottom: 40px; line-height: 22px; }
#content .news .teaser p.line{ margin-bottom: 20px; }
#content ol { padding-left: 22px; }
#content ul { list-style: none; }
#content ul li { position: relative; padding-left: 40px; margin-bottom: 10px; }
#content ul li:before { content: ""; display: block; position: absolute; top: -1px; left: 0; width: 30px; height: 30px; background-image: url(../img/arrow26.png); background-size: 30px; background-repeat: no-repeat; }
#content hr { background: none; border: none; border-bottom: 5px solid #e8b132; }
#content a.button { position: relative; color: #e8b132; font-weight: 700; text-transform: uppercase; padding-left: 75px; line-height: 65px; }
#content a.button:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 65px; height: 65px; background-image: url(../img/arrow26.png); background-size: 65px; background-repeat: no-repeat; }

#content .slider .ce-gallery { margin-left: 0; }

.home-quote {
	max-width: 780px;
	margin: 0 auto;
	margin-top: 1em;
}
.home-quote p {
	font-size: 20px;
	font-weight: 300;
	margin-top: 1em;
}
ul.home-quotes {
	padding: 0;
	margin: 0;
}
#content .home-quote h2 {
	font-size: 3em;
	line-height: 1.1em;
}
#content #c2 .inner { margin: 0 auto; padding-left: 20px; padding-right: 20px; }


.news .news-container .article{ padding-bottom: 0px; margin-bottom: 50px; }
.news .news-container .article .accordion{ margin-bottom: 0px; }

#content a.internal-link { position: relative; color: #e8b132; font-weight: 400; text-transform: uppercase; padding-left: 35px; line-height: 1.4; }
#content a.internal-link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-image: url(../img/arrow26.png); background-size: 25px; background-repeat: no-repeat; }

#content .phone { width: 297px; height: 565px; padding: 40px 15px 0 25px; background-image: url(../img/phone.png); background-size: 100%; background-repeat: no-repeat;}
.layout-3 h2 {
	color: #e8b132 !important;
	font-size: 2.8em !important;
	text-transform: lowercase !important;
	margin: 30px 0 1em 0 !important;
	font-family: 'Crimson Text', sans-serif;
	letter-spacing: 0.04em;
	font-weight: 400 !important;
}
.layout-4 {border-top: 8px solid #e8b031;}
.layout-4 .layout-1 {border-top: 4px solid #e8b031;}
.layout-4 .layout-1 h4 {color: #e8b031 !important;}
.phone-teaser p {
    font-weight: 400 !important;
}
.layout-8 .col_70_1 {
    padding-left: 35px !important;
}
.layout-8 .phone-teaser p {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
    margin-bottom: 30px !important;
    font-size: 0.9em;
}
.layout-8 #c1713 {
    padding: 0 0 0 30px;
    margin: 10px 0 0 0;
}

.row_50_50 > .col .layout-1 .ce-gallery { margin: 0; }
.layout-1 { position: relative; border-top: 5px solid #e8b132; margin-bottom: 25px; }
.layout-2 { position: relative; }
.layout-1 .ce-bodytext { opacity: 0; height: 100%; width: 100%; visibility: hidden; position: absolute; top: 0; left: 0; padding: 20px; background-color: rgba(0, 0, 0, 0.75); }
.layout-1 .ce-bodytext h4 {margin: 0 0 0.75em 0 !important;}
.layout-1 .ce-bodytext p { font-size: 0.85em !important; font-weight: 400 !important; }
.layout-1:hover .ce-bodytext { opacity: 1; visibility: visible; color: #FFF; }
.layout-1 .ce-gallery,
.layout-2 .ce-gallery,
.layout-1 .ce-row,
.layout-2 .ce-row { overflow: visible; }
.layout-1 .ce-gallery:after,
.layout-2 .ce-gallery:after { content:""; position: absolute; top: 0; left: 100%; width: 20px; height: 100%; display: block; background-image: url(../img/image_shadow.png); background-size: 20px 100%; background-repeat: no-repeat; }
.layout-1 .ce-outer,.layout-1 .ce-inner,.layout-1 .ce-column,.layout-1 .ce-media,.layout-1 .ce-gallery {
	width: 100%;
}
.layout-1 .ce-column {
	float: none;
}
.layout-1 .ce-textpic {
	overflow: hidden !important;
}
#c1720 h2 a {
	margin: 1em 0 0 0;
}
/* headlines */
.layout-5 h2 {
	text-align: center;
	font-size: 3em !important;
	font-weight: 400;
	font-family: 'Crimson Text',sans-serif;
	padding: 1em 0 0 0;
	margin: 0 0 1em 0 !important;
	text-transform: none !important;

}

/* backgrounds */
.background.transparent { padding-top: 50px; }
.background.grey { padding: 40px 0; color: #54656D; background-color: #ECECEC; }
.background.grey.politikbrief { padding: 40px 0; color: #54656D; background-color: #ECECEC; }
.background.darkyellow{
	background: rgba(232, 177, 50, 0.15)
}
.background.yellow{
	background: rgba(232, 177, 50, 0.5)
}
.background.yellow.quote {
	border-top: 4px solid #e8b132;
	margin: 0 0 5em 0;
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -4px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.75);

}
.background.darkgrey { padding: 40px 0; color: #FFF; background-color: #54656D; }
.background.parallax { min-height: 600px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
.background.parallax > .content { padding-top: 360px; }


/* borders */
.frame-32 {
	border-top: 8px solid #e8b031;
}

/* Quotes */
.swiper-slide .author,
.layout-7 .author {
	margin-bottom: 1.5em;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
}
.layout-7 .author p {
	font-weight: 300 !important;
}
.layout-7 .col,
.layout-7 .ce-gallery {
	margin-bottom: 0 !important;
}
.quote {
	margin-bottom: 0 !important;
}
.quote .ce-gallery {
	margin-bottom: 0 !important;
}
.quote blockquote {
	margin: 1em 0 1em 0 !important;
}
.quote p:last-child {
	margin-bottom: 0 !important;
}
.quote{font-family: 'Roboto', sans-serif;font-weight:300;}
.quote blockquote {margin-bottom: 1em;}
.quote blockquote p {
	margin: 1.4em 0 2em 0;
	font-family: 'Crimson Text', serif;
	font-size: 1.4em;
	line-height: 1.2em !important;
}
.quote a.button {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300 !important;
	line-height: 24px !important;
	padding-left: 37px !important;
	color: #fff !important;
	text-transform: lowercase !important;
	font-size: 1em;
}
.quote a.button:before {
	background-image: url(../img/arrow26.png) !important;
	width: 26px !important;
	height: 26px !important;
	background-size: 26px !important;

}
/* accordion */
.accordion { margin-bottom: 50px; }
.accordion .accordion{ margin-bottom: 0px; }
a.accordionButton { position: absolute; top: 40px; right: 0; color: #302b16; font-weight: 700; text-transform: uppercase; padding-left: 40px; line-height: 30px; }
a.accordionButton:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-image: url(../img/arrow.svg); background-size: 30px; background-repeat: no-repeat; }
a.accordionButton {color:#302b16;}
.open > .teaser > .inner > a.accordionButton:before {  background-image: url(../img/close.svg); }
.background .inner .accordion  a.accordionButton{ top: 0; }
.accordion > .teaser > .inner { position: relative; }
.accordion > .teaser p { color: #777; }
.accordion > .teaser .grey { padding-bottom: 0; }
.accordion > .content .accordion{ padding-top: 50px; }

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 40px; }

/* slider */
.slider { position: relative; margin-bottom: 50px; }
.slider .col {
	margin-bottom: 0 !important;
}
.darkgrey .slider { margin-bottom: 0px; }
.swiper-buttons { margin: 1em auto;display: inline-block;}
.swiper-button-prev,
.swiper-button-next { float: left; position: relative; display: block; width: 30px; height: 30px; margin-top: 0; top: auto; background-size: 30px; }
.swiper-button-prev { margin-right: 5px; left: auto; background-image: url(../img/arrow_white.svg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.swiper-button-next { margin-left: 5px; right: auto; background-image: url(../img/arrow_white.svg); }
.swiper-pagination { float: left; position: relative; display: none; text-align: left; bottom: auto; }
.swiper-container-horizontal>.swiper-pagination { bottom: auto; }
.swiper-pagination-bullet { width: 30px; height: 30px; opacity: 1; text-align: center; color: #fff; line-height: 30px; border: 1px solid #fff; background-color: transparent; margin: 0 5px !important; }
.swiper-pagination-bullet:hover { border: 1px solid #FFF; }
.swiper-pagination-bullet-active { opacity: 0.5; }

/* grids */
.row { margin: 0 -10px; }
.row > .col { float: left; padding: 0 10px; }
.row_30_30_30 > .col { width: 33.33%; }
.row_50_50 > .col { width: 50%; }
.row_70_30 > .col_30_1,
.row_30_70 > .col_30_1 { width: 30%; }
.row_70_30 > .col_70_1,
.row_30_70 > .col_70_1 { width: 70%; }
.layout-8 .row_30_70 > .col_30_1 { width: 34%; min-width: 297px; }
.layout-8 .row_30_70 > .col_70_1 { width: 66%; min-height: 590px; }

.row_50_50 > .col { margin-bottom: 40px; }
.row_50_50 > .col .ce-gallery { position: relative; overflow: visible; margin-bottom: 20px; }
.row_50_50 > .col .ce-textpic,
.row_50_50 > .col .ce-row { overflow: visible; }
.row_50_50 > .col .ce-gallery:after { content:""; position: absolute; top: 0; left: 100%; width: 20px; height: 100%; display: block; background-image: url(../img/image_shadow.png); background-size: 20px 100%; background-repeat: no-repeat; }

.row_30_30_30 > .col { margin-bottom: 50px; }
.row_30_30_30 > .col .ce-gallery { margin: 0; }
.row_30_30_30 > .col h2 a, .row_50_50 > .col h2 a { position: relative; padding-left: 40px; line-height: 30px }
.row_30_30_30 > .col h2 a:before, .row_50_50 > .col h2 a:before { content: ""; display: block; position: absolute; top: 2px; left: 0; width: 30px; height: 30px; background-image: url(../img/arrow26.png); background-size: 30px; background-repeat: no-repeat; }

footer { margin-top: 100px; padding-top: 40px; color: #443f2d; background-color: #e8b132; padding-bottom: 70px; }
footer h2 { margin-bottom: 30px; text-transform: uppercase; font-weight: 700; }
footer #naviFooter ul { line-height: 17px;height:17px;overflow:hidden;font-size: 14px; }
#naviSitemap { margin-bottom: 70px; }
#naviSitemap > ul > li#nav_2 { display: none; }
#naviSitemap > ul > li { float: left; margin-right: 30px; }
#naviSitemap > ul > li > a { display: block; margin-bottom: 25px; color: #302a16; text-transform: uppercase; font-weight: 700; }
#fContent { float: left; }
#naviFooter { float: right;overflow: hidden; }
#naviFooter > ul > li { display: inline;line-height: 17px;height:17px;margin: 0 0 0 1em;}
#naviFooter > ul > li > a { font-size: 14px; line-height: 17px; color: #443f2d; font-weight: 500; text-transform: uppercase; }
#naviFooter > ul > li span.trenner { padding: 0 6px; color: #e8b132; font-weight: 700; }
.fBottom { position: fixed; bottom: 0; left: 0; z-index: 99; width: 100%; background-color: #FFF; }
#naviSocial > ul { text-align: center; line-height: 0; }
#naviSocial > ul > li { display: inline-block; padding: 9px 15px 8px 15px; line-height: 0; }
#naviSocial > ul > li > a { font-size: 0; }
#naviSocial > ul > li > a img { width: 23px; height: 23px; }

#toTop { position: absolute; top: 7px; right: 40px; line-height: 24px; padding-right: 35px; color: #000; }
#toTop:after { content: ""; position: absolute; top: 0; right: 0; width: 24px; height: 24px; background-image: url(../img/arrow.svg); background-size: 24px; background-repeat: no-repeat; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

/* teaser boxes */
.layout-6 {
	border-top: 8px solid #e8b031;
}
.layout-6 img {
	width: 100% !important;
    max-width: 100% !important;
	height: auto;
}
.layout-6 h2 a {
	display: inline-block;
	font-weight: 300 !important;
	font-size: 0.8em;
	line-height: 36px !important;
}
.layout-6 .layout-1 {
	border-top: 5px solid #e8b031;
}
.layout-6 h4 {
	color: #e8b031 !important;
}
.ce-textpic {height: 100%;}

/* mobicon */
.mobicon{ display: none; position: absolute; top: -2px; left: 20px; height: 32px; width: 50px; }
.mobicon span{ position: absolute; width: 30px; height: 4px; background-color: #54656D; left: 0px; }
.mobicon span.first{ top: 10px; }
.mobicon span.sec{ top: 20px; }
.mobicon span.third{ top: 30px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first{-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }


.accordion .teaser .background.grey div.csc-textpic,
.accordion .teaser .background.grey div.csc-textpic-center .csc-textpic-imagewrap { overflow: visible; }
.accordion .teaser .background.grey div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; margin-top: -40px;}
#content .accordion .teaser .background.grey p{ margin-bottom: 40px; }
.accordion .content .background.grey{ padding-top: 20px; }

.accordion .teaser .background.grey.politikbrief div.csc-textpic,
.accordion .teaser .background.grey.politikbrief div.csc-textpic-center .csc-textpic-imagewrap { overflow: visible; }
.accordion .teaser .background.grey div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; margin-top: -40px;}
#content .accordion .teaser .background.grey.politikbrief p { margin-bottom: 40px; }
.accordion .content .background.grey.politikbrief { padding-top: 20px; }

/* cookieconsenttool */
.klaro .cookie-notice:not(.cookie-modal-notice), .klaro .cookie-modal .cm-modal.cm-klaro { background-color: #302a16!important; }
.klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal ul, .klaro .cookie-modal li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice ul, .klaro .cookie-notice li { color: #FFF!important; }
.klaro .cookie-modal a, .klaro .cookie-notice a { color: #e8b031!important; }
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success { background: #e8b031!important; }
.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn { border-radius: 16px!important; padding: 6px 10px 8px 10px!important; transition: .3s; }
.klaro .cookie-modal .cm-btn:hover, .klaro .cookie-notice .cm-btn:hover { background: #7F7F7F!important; }
.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn { background: #565656!important; }
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider { background-color: #e8b031!important; }
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by { display: none!important; }
.klaro .slider { margin-bottom: 0!important; }

/*
grün: #6FB01E
textgrau: #565656
hellgrau: #ECECEC
hovergrau-buttons: #7F7F7F
*/

@media ( max-width: 1300px ) {
	#wrapper > header { position: relative; }
}

@media ( max-width: 1170px ) {

	.inner { margin: 0 20px; }
	.inner .inner{ margin: 0; }
	
	#naviMain { padding-left: 8px; }
	
	#logo-shadow, #logo { right: 20px; }
	
}

@media ( max-width: 1050px ) {

	.fBottom{ position: relative; overflow: hidden; }
	#naviFooter{ margin-bottom: 20px; }
	footer{ padding-bottom: 0px; }
}

@media ( max-width: 940px ) {
		
	#content h1 { font-size: 45px; }
	
	#content .parallax h1 { font-size: 65px; }
	
	#content .background.transparent h2, #content .background.grey h2 { font-size: 20px; }
	#content .background.transparent .home-quote h2 { font-size: 3em; }
	
	#content .background.grey h3 { font-size: 16px; }
	
	.background.grey .row_30_30_30 > .col { width: 50%; }
	
	footer{ margin-top: 40px; }
	.accordion { margin-bottom: 40px; }
}

@media ( max-width: 895px ) {
	.layout-8 .row_30_70 > .col_70_1 { max-width: 400px; }
}

@media ( min-width: 891px ) {
	#naviMain { display: block!important; }
}

@media ( max-width: 890px ) {
	.mobicon{ display: block; position: absolute; }
	/*#gradient{ top: 0px; }*/
	#logo { padding: 15px; }
	#logo:after { border-left: 85px solid #302a16; border-right: 85px solid #302a16; border-bottom: 11px solid transparent; }
	#logo img { width: 140px; }

	#naviMain { display: none; position: absolute; top: 100%; left:0; background-color: #fff; width: 100%; padding-left: 0px; }

	#naviMain > ul > li { display: block; }
	#naviMain > ul > li > a { padding: 12px 12px 11px 22px; }
	#naviMain > ul > li > ul { position: relative; top: auto; transform: none; display: none; height: auto; overflow: visible; opacity: 1; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border: none; }
	#naviMain > ul > li > ul > li > a { padding: 5px 22px; }

	#logo-shadow, #logo { z-index: 1000; }


	.row_30_30_30 > .col {  width: 50%; }
}

@media ( max-width: 735px ) {

	#content .background.transparent .home-quote h2 { font-size: 45px; }

	#naviSitemap { margin-bottom: 0px; }
	
	#naviSitemap > ul > li { float: none; margin-right: 0; }
	
	#naviSitemap > ul > li > a { margin-bottom: 10px; }
	#naviSitemap > ul > li > ul, footer h2, #fContent { margin-bottom: 20px; }
	#naviFooter > ul > li#nav_46 { margin-left: 0; }
	#naviFooter > ul > li > a { font-size: 14px; line-height: 17px;}

	.footerIN { padding-right: 50px; }
	
	#naviFooter { float: none; }
	#fContent{ float: none; }

	footer #fContent .ce-bodytext { margin-top: 20px; }

	#content .layout-6 h2 { font-size: 20px; }
}

@media ( max-width: 717px ) {
	.layout-8 .row_30_70 > .col_30_1 { width: 100%; float: none; }
	.layout-8 .row_30_70 > .col_70_1 { width: 100%; float: none; }
}

@media ( max-width: 660px ) {

	#content { padding-top: 20px; }
	
	#content h1 { font-size: 35px; line-height: 55px; margin-bottom: 0; }
	
	.csc-space-before-80, .csc-space-before-200 { margin-top: 40px !important; }
	
	.csc-space-after-50,
	.csc-space-after-80,
	.csc-space-after-100 { margin-bottom: 0px !important; }
	
	.csc-space-after-200 { margin-bottom: 20px !important; }
	
	#content .parallax h1 { font-size: 45px; line-height: 58px; }
	
	#content .background.transparent h2 { font-size: 16px; }
	
	.background.grey h2 { font-size: 14px; }
	
	.background.grey .row_30_30_30 > .col { width: 100%; }
	
	#content .background.grey h2 { font-size: 17px; }
	
	.row_50_50 > .col {  }
	
	.col_70_1 { font-size: 14px; }
	
	.background.parallax { min-height: 0; }
	
	.background.parallax > .content { padding-top: 40px; }
	
	.background.transparent { padding-top: 20px; }
	
	.accordion { margin-bottom: 0; }
	
	.accordion .ce-gallery{ float: none; margin-right: 0px; }
	
	.ce-bodytext { margin-top: 40px; }
	footer #fContent .ce-bodytext { margin-top: 20px; }

	#naviSocial > ul > li{ }
	
	#toTop{ display: none; }
	#naviSocial > ul > li{ padding-left: 5px; padding-right: 5px; }
}

	
@media ( max-width: 540px ) {

	#gradient{ top: 0px; }
	#content .background.transparent h2, #content .background.grey h2 { font-size: 20px; }
	
	#content h1 { font-size: 25px; line-height: 38px; }
	
	#content h3 { font-size: 16px; line-height: 20px; }
	
	.row_50_50 > .col { width: 100%; }
	.row_30_30_30 > .col { width: 100%; margin-bottom: 10px; }
	.row_70_30 > .col_70_1, .row_30_70 > .col_70_1{ float: none; width: 100% }
	.row_70_30 > .col_30_1, .row_30_70 > .col_30_1{ float: none; width: 100%; }
	.accordion .row_70_30 > .col_70_1 { float: left; width: 70% }
	.accordion .row_70_30 > .col_30_1 { float: left; width: 30% }
}

@media ( max-width: 450px ) {
	#content .background.transparent .home-quote h2 { font-size: 35px; }
	#content #c2 .background.transparent .ce-bodytext { margin-top: 0; }
	.background.grey.politikbrief a.accordionButton  { top: 32px; }
	/*a.accordionButton { top: 80px; }*/
	.background .inner .accordion  a.accordionButton{ top: 40px; }
	.background.transparent .ce-bodytext { margin-top: 90px; }
	.layout-5 h2 { font-size: 2em !important; margin-bottom: 0.5em !important; }
}

@media ( max-width: 420px ) {
	#logo img{ width: 100px; }
	#logo:after { border-left: 65px solid #302a16; border-right: 65px solid #302a16; border-bottom: 8px solid transparent; }
	.layout-1 .ce-bodytext{ display: none; }
	.quote blockquote p { font-size: 25px; }
	a.accordionButton { line-height: 0; font-size: 0; }
}