@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');*/
@import url('../fonts/lato/lato.css');
/*
	font-family: 'Lato', sans-serif;
*/

*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }

img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }
/*.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery { transform: translateY(50%); }*/


html, body { font-family: 'Lato', sans-serif; font-weight: 300; height: 100%; }
html { overflow-y: scroll; }


:focus { outline: none; }
a[href^=tel] { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h6 { font-weight: 700; }
.banner h3 { font-weight: 400; }
fieldset { border: none; }
iframe { max-width: 100%; }


select { border-radius: 0; }
textarea,input[type="text"],input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
::-webkit-input-placeholder { color: #858585; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #858585; opacity: 1; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #858585; opacity: 1; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #858585; } .parsley-error:-ms-input-placeholder { color: red; }

.parsley-custom-error-message, .parsley-required { color: red; margin-top: 5px; }
.powermail_input.parsley-error, .powermail_textarea.parsley-error { border: 2px solid red; }
textarea { resize: none; }

b, strong, #naviFooter li, .layout-service figcaption { font-weight: 700; }


hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #4a4a4a; }
.background.grey hr, .background.darkgrey hr { border-color: #ffffff; }


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

.text-left, .ce-headline-left { text-align: left; }
.text-right, .ce-headline-right, .banner h3 { text-align: right; }
.text-center, .ce-headline-center { text-align: center; }
.text-justify { text-align: justify; }
.text-underline { text-decoration: underline; }
.text-italic, .banner h3 { font-style: italic; }

/* hook */
.text-center.hide_me {
	height: 0;
	overflow: hidden;
}

.banner .banner-text.topleft {
	top: 50px;
	bottom: initial;
}
.banner .banner-text.topright {
	bottom: initial;
	left: initial;
	width: initial;
	top: 50px;
	right: 50px;
}
.banner .banner-text.bottomright {
	left: initial;
	width: initial;
	right: 50px;
}

.banner .banner-text.centerbox {
	bottom: initial;
	width: initial;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* buttons */
.button, .button_grey, input[type="submit"] { font-weight: 700; padding: 13px 20px; display: inline-block; text-align: center; }
.button_grey { margin-left: 30px; }
.button:hover {  }
.button:after, .button_grey:after, input[type="submit"]:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */


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


/* limiters */
.inner-1000 > .inner-1000-in { max-width: 1000px; margin: 0 auto; }
.inner, .inner-1180 > .inner-1180-in, #naviBreadcrumb, #naviFooter, .news-inner { max-width: 1180px; margin: 0 auto; }
.inner-1080 > .inner-1080-in { max-width: 1080px; margin: 0 auto; }
.inner-1400 > .inner-1400-in { max-width: 1400px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
.header .inner:after,
.headerTop:after,
#naviSocial ul:after,
.naviSocial-mobile ul:after,
#footer:after,
#naviMain > ul:after,
#naviSub ul > ul:after,
.slider:after,
.background .csc-default:after,
.productoverview .product:nth-child(2n):after,
.productoverview .product > span:nth-child(2n):after,
.productoverview:after,
.productdetail:after,
.tx-dmprext .productdetail .powermail_fieldwrap_art .powermail_field:after,
ul.tx-indexedsearch-browsebox:after,
#topNavi:after,
#naviFooter ul:after,
.row:after { clear: both; content: ''; display: table; }

#naviMain ul, #naviSub ul,
.content ul { list-style: none; }


/* floatings */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }


/* effects */
#naviMain > ul > li > a,
#naviMain > ul > li > ul,
#naviSocial > ul > li > a img,
.productoverview .product .image img,
.button, .button_grey, #searchbox input[type="text"],
.variation-hoverzoom img,
.variation-brightness img,
.variation-hoverzoombrightness img,
.slider .slider-buttons .swiper-button-prev,
.slider .slider-buttons .swiper-button-next,
.mobicon span,
#naviSub > ul > li > a,
body,
.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 */
.size-14, #footer, .copyright, .layout-team, .tx-powermail { font-size: 14px; }
.size-15, .header .headerTop.small #naviMain { font-size: 15px; }
.size-16, .inner-1000 .productoverview .product .title { font-size: 16px; }
.size-17, .header .headerTop.small #naviSub { font-size: 17px; }
.size-18, html, body, .content .tx-indexedsearch-res h3, .content .tx-indexedsearch-res > p { font-size: 18px; }
.size-20, .banner p, #naviMain, .content h6 { font-size: 20px; }
.size-22, .content h5, #naviSub { font-size: 22px; }
.size-24, .content h4 { font-size: 24px; }
.size-26, .content h3 { font-size: 26px; }
.size-28 { font-size: 28px; }
.size-31, .content h2, .banner .sitetitle h2 { font-size: 31px; }
.size-36, .content h1, .content .bgImgText h2 { font-size: 36px; }
.size-40, .banner h4 { font-size: 40px; }
.size-50, .banner h3 { font-size: 50px; }
.size-70, .banner h2 { font-size: 70px; }
.larger { font-size: 1.3em; }
.smaller { font-size: 0.7em; }
sup { font-size: 0.625em; }


/* line-heights */
.line-height-34, #naviMain > ul > li > a { line-height: 34px; }
.line-height-42, #naviMain > ul > li > ul > li > a, #naviMain > ul > li > ul > li > ul > li  > a, #naviSub > ul > li > ul > li > a { line-height: 42px; }
.line-height-60, .banner h2 { line-height: 60px; }
.line-height-50, .banner h3 { line-height: 50px; }
.line-height-normal, .content p { line-height: 1.4; }
.line-height-footer, .footer p { line-height: 1.7; }
.line-height-footer-last-col, .footer .col_30_3 p { line-height: 1.4; }


/* colors */
.color.white, .layout-team p:last-child, #content .layout-team p:last-child a, #naviMain, #naviSub, .background.blue, .background.grey, .background.darkgrey, .button, .button_grey, input[type="submit"], .banner, .btransp, #content .btransp a, #content a.button, #content a.button_grey, #content .background.blue a, #content .background.darkgrey a, .copyright { color: #FFF; }
.color.red, .red, .productdetail .firstLetter:first-letter, .banner .sitetitle h2:first-letter, blockquote:before, blockquote:after, #content a, .productoverview .product .title:first-letter { color: #d72129; }
.color.lightgrey { color: #f5f5f5; }
.color.grey { color: #505050; }
.color.textgrey, html, body, .productoverview .product .title, .layout-nomargin .grid_25_25_25_25 h5, .banner h2, .banner p, .layout-service .ce-gallery a ~ figcaption.image-caption, #naviMain li a, #naviSub li a { color: #4a4a4a; }
.color.darkgrey { color: #414141; }
.color.black { color: #000; }

/* background-colors */
.background.white, .banner .bDeko:after, .background.blue .bDeko:after, .layout-service .ce-gallery a ~ figcaption.image-caption { background-color: #FFF; }
.background.red, .button, .bDeko:after, input[type="submit"], .banner .sitetitle h2:after, .ce-gallery a ~ figcaption.image-caption { background-color: #d72129; }
.background.darkred, .productoverview .product:hover .button, .button:hover, #content .news .article a.more:hover { background-color: #a70433; }
.background.lightgrey, .layout-team, footer, .layout-nomargin .grid_25_25_25_25 { background-color: #f5f5f5; }
.background.grey, .button_grey:hover { background-color: #818181; }
.background.textgrey { background-color: #4a4a4a; }
.background.darkgrey, .layout-team .btransp, .copyright, .button_grey, .layout-team p:last-child { background-color: #4b5056; }
.background.black { background-color: #000; }
.header { background-color: #f1f1f2; }
#naviMain > ul > li > ul, #naviSub > ul > li > ul { background-color: #dedfe0; }
#naviMain > ul > li > ul > li > ul, #naviSub > ul > li > ul > li > ul{ background-color: #dedfe0; }
body { margin-top: 139px; }
body.less-margin { margin-top: 98px; }

/* margins */
.space-after-small { margin-bottom: 20px; }
.background > .space-after-small { padding-bottom: 20px; margin-bottom: 0; }
.space-after-medium { margin-bottom: 40px; }
.background > .space-after-medium { padding-bottom: 40px; margin-bottom: 0; }
.space-after-large { margin-bottom: 60px; }
.background > .space-after-large { padding-bottom: 60px; margin-bottom: 0; }
.space-after-extra-large { margin-bottom: 80px; }
.background > .space-after-extra-large { padding-bottom: 80px; margin-bottom: 0;}

.space-before-small { margin-top: 20px; }
.background > .space-before-small { padding-top: 20px; margin-top: 0; }
.space-before-medium { margin-top: 40px; }
.background > .space-before-medium { padding-top: 40px; margin-top: 0; }
.space-before-large { margin-top: 60px; }
.background > .space-before-large { padding-top: 60px; margin-top: 0; }
.space-before-extra-large { margin-top: 80px; }
.background > .space-before-extra-large { padding-top: 80px; margin-top: 0; }

.margin-16 { margin-bottom: 16px; }
.margin-1em, .content p, .content ul, .content ol, .content hr, #footer p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin-bottom: 1em; }


/* header */
.header { border-bottom: 3px solid #d72129; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; }
.header .inner { width: 100%; max-width: 1630px; overflow: visible; padding: 20px 0 10px 0; position: relative; }
.less-margin .header .inner { padding: 10px 0; }
.header #logo { float: left; margin-right: 20px; }
.header #logo.big img { max-width: 260px; }
.header #logo.small { display: none; }
.header .logo_link { display: block; line-height: 0; font-size: 0; }

.header .headerTop.small #logo.big { display: none; }
.header .headerTop.small #logo.small { display: block; }
.header .headerTop.small #logo.small img { max-width: 220px; width: 100%; }

.naviOuter { float: right; margin-right: 250px; }

/* naviMain */
#naviMain { margin-bottom: 10px; }
#naviMain,
#naviSub { margin-right: 0; text-transform: uppercase; font-weight: 700; text-align: right; }
#naviMain > ul > li,
#naviSub > ul > li { display: inline-block; position: relative; }
#naviMain > ul > li:hover > a,
#naviMain > ul > li.active > a,
#naviSub > ul > li:hover > a,
#naviSub > ul > li.active > a { text-decoration: underline; }
#naviMain > ul > li > a,
#naviSub > ul > li > a { display: block; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
#naviMain > ul > li:first-child > a { padding-left: 0; }
#naviMain > ul > li:last-child > a { padding-right: 0; }
#naviSub > ul > li:first-child > a { padding-left: 0; }
#naviSub > ul > li:last-child > a { padding-right: 0; }

.header .headerTop.small #naviMain { margin-bottom: 0; }

/*#naviMain > ul > li.nav58,*/
/*#naviMain > ul > li.nav59 { display: none; }*/

/* naviMain first level */
#naviMain > ul > li > ul,
#naviSub > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 50; }
#naviMain > ul > li:last-child > ul,
#naviSub > ul > li:last-child > ul { left: auto; right: 0; }
#naviMain > ul > li:hover > ul,
#naviSub > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li,
#naviSub > ul > li > ul > li { position: relative; padding-left: 10px; padding-right: 10px; }
#naviMain > ul > li > ul > li > a,
#naviSub > ul > li > ul > li > a { white-space: nowrap; }
#naviMain > ul > li > ul > li:hover > a, #naviMain > ul > li > ul > li.active > a,
#naviSub > ul > li > ul > li:hover > a, #naviSub > ul > li > ul > li.active > a { text-decoration: underline; }

/* naviMain second level */
#naviMain > ul > li > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 50; padding: 0 10px; }
#naviMain > ul > li > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li > ul > li { position: relative; }
#naviMain > ul > li > ul > li > ul > li > a { white-space: nowrap; }
#naviMain > ul > li > ul > li > ul > li:hover > a, #naviMain > ul > li >  ul > li > ul > li.active > a { text-decoration: underline; }

/* block Search Social */
.blockSearchSocial { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

/* naviSocial */
#naviSocial { float: left; margin-right: 20px; padding-top: 0; }
#naviSocial > ul, .naviSocial-mobile > ul { list-style-type: none; }
#naviSocial > ul > li, .naviSocial-mobile > ul > li { display: block; float: left; margin-right: 15px; position: relative; }
#naviSocial > ul > li > a, .naviSocial-mobile > ul > li > a { display: block; height: 34px; position: relative; width: 34px; }
#naviSocial > ul > li > a img, .naviSocial-mobile > ul > li > a img { max-width: 34px; max-height: 34px; position: absolute; top: 0; left: 0; }
#naviSocial > ul > li > a img.first, .naviSocial-mobile > ul > li > a img.first { opacity: 1; }
#naviSocial > ul > li > a img.second, .naviSocial-mobile > ul > li > a img.second { opacity: 0; }
#naviSocial > ul > li > a:hover img.first, .naviSocial-mobile > ul > li > a:hover img.first { opacity: 0; }
#naviSocial > ul > li > a:hover img.second, .naviSocial-mobile > ul > li > a:hover img.second { opacity: 1; }
/*#naviSocial > ul > li > a img { vertical-align: middle; }*/
#naviSocial > ul > li:last-child { margin-right: 0; }

/* searchbox */
#searchbox { float: left; }
#searchbox #tx_indexedsearch_block { margin-top: -17px; }
#searchbox .tx-indexedsearch-form { position: relative; overflow: hidden; }
#searchbox .tx-indexedsearch-form.showSearch { position: relative; overflow: visible; }
#searchbox input[type="text"] { display: inline-block; position: absolute; top: 0; left: 0; width: 200px; z-index: -1; opacity: 0; }
#searchbox .tx-indexedsearch-form.showSearch input[type="text"] { left: -200px; z-index: 0; opacity: 1; }
#searchbox .searchButton { background-image: url(../img/Lupe.png); background-size: 26px 29px; background-repeat: no-repeat; background-position: center; font-size: 0; width: 26px; height: 29px; background-color: transparent; margin-left: 15px; display: inline-block; cursor: pointer; }
#searchbox input[type="submit"] { display: none; }

/* Breadcrumb */
#naviBreadcrumb { margin-top: 20px; margin-bottom: 20px; font-weight: 700; }
ol.breadcrumb { display: inline-block; }
ol.breadcrumb > li { display: inline-block; }
ol.breadcrumb > li > a:after { content: '>'; margin-left: .2em; margin-right: .2em; }

/* naviFooter */
#naviFooter { overflow: auto; }
#naviFooter ul { list-style-type: none; }
#naviFooter ul > li { float: left; }
#naviFooter ul > li > a { margin-right: 10px; }


/* banner */
.banner { position: relative; border-bottom: 3px solid #d72129; }
.banner .swiper-slide img { width: 100%; display: block; }

.banner .banner-text { position: absolute; left: 50px; bottom: 50px; width: 100%; }
.banner .banner-text .bannerShow { float: left; background-color: rgba(245, 245, 245, 0.7); display: inline-block; padding: 20px 50px; }
.banner .banner-text.orient-right .bannerShow { float: right; }
.banner .banner-text .bannerShow p:last-child { margin-bottom: 0; }
.banner .swiper-pagi-out { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
.banner .swiper-pagi { }
.banner .swiper-pagi .swiper-pagination-bullet { height: 16px; width: 16px; margin-left: 10px; margin-right: 10px; }

.banner h2 { margin-bottom: 10px; }
.banner h4 { margin-bottom: 20px; }
.banner p { line-height: 40px; font-weight: 400; letter-spacing: 8px; margin-bottom: 15px;  }
.banner p a.button { letter-spacing: 0;  }

/* content */
.content {  }
.content h1 {  }
.content h2 {  }
.content h3 {  }
.content h3 {  }
.content h5 { font-weight: 400; }
/* if header + subheader = hands */
.content .hands{ }
.content .hands h1{ margin-bottom: 0; }
.content p {  }
.content ul, .content ol { list-style-type: none; }
.content ul > li, .content ol > li { margin-left: 15px; padding-left: 15px; position: relative; }
.content ul > li:before, .content ol > li:before { content: '•'; position: absolute; left: 0; }

.content .ce-column { margin-right: 20px; }
.content .ce-column:last-child { margin-right: 0; }

blockquote { font-style: italic; padding: 0 80px; }
blockquote p:first-child { position: relative; margin-bottom: 70px; }
blockquote p:first-child:before, blockquote p:first-child:after { position: absolute; content: ''; display: block; background-repeat: no-repeat; background-size: 71px 52px; width: 71px; height: 52px; }
blockquote p:first-child:before { background-image: url(../img/uquotmark.png); top: -25px; left: 0; }
blockquote p:first-child:after { background-image: url(../img/lquotmark.png); bottom: -25px; right: 0; }
.slider blockquote { margin-top: 25px; margin-bottom: 25px; }
.bDeko { position: relative; padding-bottom: 0.6em; display: block; }
.bDeko:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; height: 0.16em; width: 60px; margin-left: -30px; }
.wDeko { position: relative; padding-bottom: 0.6em; display: block; }
.wDeko:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; height: 0.16em; width: 60px; margin-left: -30px; }

/* image with caption */
.ce-gallery figure { display: block; position: relative; }
.ce-gallery figcaption.image-caption { background-color: rgba(255, 255, 255, 0.5); padding: 13px 9px; position: absolute; bottom: 0; left: 0; right: 0; }
.ce-gallery  a ~ figcaption.image-caption { color: white; cursor: pointer; text-align: center; }
.variation-whitecaption .grid, .variation-whitecaption .ce-gallery, .variation-whitecaption .ce-row, .variation-whitecaption .ce-image { overflow: initial; }
.variation-whitecaption .ce-outer, .variation-whitecaption .ce-inner { right: initial; float: initial; }
.variation-whitecaption .ce-gallery a ~ figcaption.image-caption { background-color: #fafafa; color: #4a4a4a; font-weight: 700; margin-left: 8px; margin-right: 8px; padding-top: 20px; padding-bottom: 20px; transform: translateY(50%); -webkit-box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.75); box-shadow: 3px 3px 10px -3px rgba(0,0,0,0.75); }


/* Forms */
.tx-powermail h3, .tx-powermail legend, .tx-powermail label { display: none; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, input[type="file"] { font-family: 'Lato', sans-serif; width: 95%; -webkit-appearance: none; appearance: none; padding: 10px 14px; border: 2px solid #c6c6c6; border-radius: 4px; }
input[type="submit"] { -webkit-appearance: none; appearance: none; border: none; padding: 13px 35px; cursor: pointer; }
.tx-powermail td { padding-bottom: 10px; }
.powermail_fieldwrap {  margin-bottom: 1rem; }

.tx-powermail .powermail_fieldwrap_aufmasstermin .checkbox label, .tx-powermail .powermail_fieldwrap_prospekt .checkbox label, .tx-powermail .powermail_fieldwrap_datenschutz .checkbox label { position: relative; padding-left: 40px; margin-left: 0; margin-right: 0; padding-right: 0; width: 95%; }
.tx-powermail .powermail_fieldwrap_aufmasstermin .checkbox label input[type="checkbox"], .tx-powermail .powermail_fieldwrap_prospekt .checkbox label input[type="checkbox"], .tx-powermail .powermail_fieldwrap_datenschutz .checkbox label input[type="checkbox"], .tx-powermail .powermail_fieldwrap_aufmasstermin .checkbox label .checkmark, .tx-powermail .powermail_fieldwrap_prospekt .checkbox label .checkmark, .tx-powermail .powermail_fieldwrap_datenschutz .checkbox label .checkmark { left: 0; right: auto; }

/* Login form */
.frame-type-login form > fieldset > legend { display: none; }
.frame-type-login form > fieldset > .form-group label { display: inline-block; width: 150px; }
.frame-type-login form > fieldset > .form-group input { max-width: 320px; }
.frame-type-login form > fieldset > dl { margin-bottom: 10px; }

/* checkboxes/radios - customized style */
.checkbox label,
.radio label { display: inline-block; margin-bottom: 1rem; margin-left: 10px; margin-right: 60px; position: relative; padding-right: 40px; cursor: pointer; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; width: 30px; height: 30px; top: 0; right: 0; z-index: 10; }
.checkbox label .checkmark,
.radio label .checkmark { position: absolute; top: 0; right: 0; height: 30px; width: 30px; background-color: #FFF; border: 2px solid #c6c6c6; border-radius: 4px; }
.checkbox label:hover input[type="checkbox"] ~ .checkmark,
.radio label:hover input[type="radio"] ~ .checkmark { background-color: #c6c6c6; }
.checkbox label input[type="checkbox"]:checked ~ .checkmark,
.radio label input[type="radio"]:checked ~ .checkmark { background-color: #c6c6c6; border-color: #c6c6c6; }
.checkbox label .checkmark:after,
.radio label .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox label input[type="checkbox"]:checked ~ .checkmark:after,
.radio label input[type="radio"]:checked ~ .checkmark:after { display: block; }
.checkbox label .checkmark:after,
.radio label .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #FFF; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* Search */
.tx-indexedsearch-searchbox legend, .tx-indexedsearch-searchbox label { display: none; }
.tx-indexedsearch-searchbox input[type="text"] { width: 300px; display: inline-block; }
.tx-indexedsearch-form, .tx-indexedsearch-search-submit { display: inline-block; }

.tx-indexedsearch-browsebox { list-style: none; }
.tx-indexedsearch-browsebox > li { float: left; margin-right: 20px; padding: 0; text-indent: 0; }
.tx-indexedsearch-browsebox > li:before { content: ''; padding: 0; }

.tx-indexedsearch-icon, .tx-indexedsearch-percent, .tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-mtime, dt.tx-indexedsearch-text-item-path { display: none; }
#content .tx-indexedsearch-res h3 { background-color: transparent; padding: 0; margin-bottom: 10px; }
#content .tx-indexedsearch-res > p { margin-bottom: 0; }
.tx-indexedsearch-rules { display: none; }

/* layouts */
.layout-30seperator .col_30_1, .layout-30seperator .col_30_2 { border-right: 2px solid #4a4a4a; }
.background.darkgrey .layout-30seperator .col_30_1, .background.blue .layout-30seperator .col_30_1, .background.grey .layout-30seperator .col_30_1, .background.darkgrey .layout-30seperator .col_30_2, .background.blue .layout-30seperator .col_30_2, .background.grey .layout-30seperator .col_30_2 { border-right: 2px solid #FFF; }
.layout-gallery .grid > .row { margin-left: -12px; margin-right: -12px; }
.layout-gallery .grid > .row > .col { padding-left: 12px; padding-right: 12px; }
.layout-gallery .ce-gallery { margin-bottom: 24px; }
.layout-gallery .ce-outer, .layout-gallery .ce-inner, .layout-gallery .ce-column { position: static; float: none; right: auto; left: auto; }
.layout-gallery .ce-gallery figure { display: block; width: 100%; }
.layout-team { border: 13px solid #FFF; outline: 1px solid #cfcfcf; padding: 20px 0; width: calc(100% - 2px); position: relative; left: 1px; top: 1px; }
.layout-team .btransp { letter-spacing: normal; text-transform: none; padding: 7px 2em; }
.layout-team .ce-gallery { padding: 0 20px; margin-bottom: 20px; }
.layout-team h5 { margin-bottom: 10px; }
.layout-team h5,
.layout-team p { padding: 0 20px; }
.layout-team p:nth-child(2) { margin-bottom: 50px; }
.layout-team p:last-child { padding: 3px 0; }
.layout-team p:last-child { font-weight: 700; }

.layout-nomargin .grid_25_25_25_25.grid > .row { display: flex; margin-right: 0; margin-left: 0; }
.layout-nomargin .grid_25_25_25_25.grid > .row > .col { float: none; padding-right: 0; padding-left: 0; }
.layout-nomargin .grid_25_25_25_25 h5 { font-weight: 700; }
.layout-nomargin .grid_25_25_25_25 p { margin-bottom: 0; }
.layout-nomargin .grid_25_25_25_25 .ce-gallery { margin-bottom: 0; }
.layout-nomargin .grid_25_25_25_25 img { font-size: 0; line-height: 0; }
.layout-nomargin .grid_25_25_25_25 .col { position: relative; }
.layout-nomargin .grid_25_25_25_25 .col > .frame-type-text { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); }

.layout-kunden .slider .swiper-container.margin-buttons { margin-bottom: 0; }
.layout-kunden .slider-buttons { display: none; }

.layout-angebot .grid_25_25_25_25 > .row > .col_25_1 { width: 21%; }
.layout-angebot .grid_25_25_25_25 > .row > .col_25_2 { width: 25%; }
.layout-angebot .grid_25_25_25_25 > .row > .col_25_3 { width: 21%; }
.layout-angebot .grid_25_25_25_25 > .row > .col_25_4 { width: 33%; }
.layout-angebot input[type="email"],
.layout-angebot input[type="text"],
.layout-angebot input[type="tel"],
.layout-angebot textarea { width: 100%; margin-bottom: 10px; }
.layout-angebot input[type="submit"] { width: 100%; }

.layout-leftcoloob .grid { overflow: visible; position: relative; }
.layout-leftcoloob .col_25 { position: absolute; bottom: 0; z-index: 1; }
.layout-leftcoloob .col_25 img { max-height: 430px;}
.layout-leftcoloob .col_75 { margin-left: 25%; }

.layout-service {  }
.layout-service .grid > .row { margin-left: -35px; margin-right: -35px; }
.layout-service .grid > .row > .col { padding-left: 35px; padding-right: 35px; }
.layout-service .variation-hoverzoom figure a { display: block; overflow: hidden; }
.layout-service .ce-gallery figcaption.image-caption { width: calc(100% - 20px); margin-left: auto; margin-right: auto; transform: translateY(-50%); position: static; display: block; box-shadow: 1px 1px 5px 0px rgba(0,0,0,.5); }

/* variations */
.variation-brightness img { filter: brightness(.25); }
.variation-brightness:hover img { filter: brightness(1); }

.variation-hoverzoom img { transform: scale(1); }
.variation-hoverzoom:hover img { transform: scale(1.2); }

.variation-hoverzoombrightness img { filter: brightness(.25); transform: scale(1); }
.variation-hoverzoombrightness:hover img { filter: brightness(1); transform: scale(1.2); }

/* content slider */
.slider { position: relative; }
.slider .swiper-wrapper > .csc-default { width: 100%; height: 100%; position: relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.slider .swiper-container.margin-buttons { margin-bottom: 80px; }
.slider .slider-buttons .swiper-button-prev,
.slider .slider-buttons .swiper-button-next { background-image: url(../img/pfeil_standard_links.png); left: auto; right: 97px;  }
.slider .slider-buttons .swiper-button-next { right: 0; left: auto; transform: rotate(180deg); }
.slider .slider-buttons .swiper-button-next:after { display: block; content: ''; /*background-image: url(../img/pfeil_hover_rechts.png);*/ background-image: url(../img/pfeil_hover_rechts.jpg); position: absolute; overflow: hidden; visibility: hidden; height: 0; width: 0;}

.slider .slider-buttons .swiper-button-prev:hover,
.slider .slider-buttons .swiper-button-next:hover { /*background-image: url(../img/pfeil_hover_rechts.png);*/ background-image: url(../img/pfeil_hover_rechts.jpg); left: auto; right: 97px; transform: rotate(180deg); }
.slider .slider-buttons .swiper-button-next:hover { right: 0; left: auto; transform: rotate(0deg); }


.slider .slider-buttons .swiper-button-prev, .slider-buttons .swiper-button-next { width: 72px; height: 64px; top: auto; margin-top: 0; bottom: 0; background-size: 72px 64px; }
.slider .swiper-pagi-out { position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
.slider .swiper-pagi { display: none; }
.slider .swiper-pagi .swiper-pagination-bullet { height: 16px; width: 16px; margin-left: 10px; margin-right: 10px; }


/* accordion */
.accordionOut { margin-bottom: 10px; }
.accordionOut > header { border-bottom: 1px solid #d72129; padding-left: 25px; position: relative; cursor: pointer; }
.accordionOut > header h1, .accordionOut > header h2, .accordionOut > header h3, .accordionOut > header h4 { margin-bottom: 10px; }
.accordionOut > header:after { color: #d72129; content: '>'; display: block; font-weight: 700; height: 20px; width: 20px; position: absolute; top: 0; left: 0; margin-top: 3px; }
.accordionOut.accordionOpen > header:after { transform: rotate(90deg); top: 6px; }
.accordionOut > .accordion { padding-top: 15px; }
.accordionOut > .accordion:after { clear: both; content: ''; display: table; }


/* background image */
.bgImg { position: relative; background: no-repeat; background-size: cover; }
.bgImg > .bgImgSrc { width: 100%; opacity: 0; visibility: hidden; }
.bgImg > .bgImgSrc > img { display: block; width: 100%; }
.bgImg > .bgImgText { color: white; padding: 20px 20px 51px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: rgba(70, 70, 80, .7); }
.bgImg > .bgImgText > div { width: 100vw; }
#content .bgImg > .bgImgText a.button { margin-bottom: 0; position: absolute; left: 0; bottom: 0; width: 100%; }
#content .bgImg > .bgImgText a { color: #fff; }
.bgImg > .bgImgText p:last-child { margin-bottom: 0; }

/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px; min-height: 1px; }
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_16_16_16_16_16_16 > .row > .col { width: calc(100% / 6); }
.grid_50_50 > .row > .col {  width: 50%; }
.col_25 { width: 25%; }
.col_75 { width: 75%; }
.col_70 { width: 70%; }
.col_50 { width: 50%; }
.col_20 { width: 20%; }
.col_30 { width: 30%; }

/* grid with bigger gap */
.layout-gridgapxl > .grid > .row, .layout-gridgapxl > div[class*="inner-"] > .grid > .row { margin-left: -30px; margin-right: -30px; }
.layout-gridgapxl > .grid > .row > .col, .layout-gridgapxl > div[class*="inner-"] > .grid > .row > .col { padding-left: 30px; padding-right: 30px; }
.layout-gridgapxxl > .grid > .row, .layout-gridgapxxl > div[class*="inner-"] > .grid > .row { margin-left: -60px; margin-right: -60px; }
.layout-gridgapxxl > .grid > .row > .col, .layout-gridgapxxl > div[class*="inner-"] > .grid > .row > .col { padding-left: 60px; padding-right: 60px; }

/* product */
.product .ce-column a { display: block; width: 110px; height: 110px; }
.product .ce-column a img { width: 100%; height: 100%; object-fit: cover; }

/* News */
.news .article { margin-bottom: 80px; }

.news .header-news { color:  #d72129; }
.news .news-img { margin-bottom: 20px; }
.news .article .news-img-wrap { border: none; }
.news .article .news-img-wrap a { border: none; padding: 0; }

#content .news a.backlink {  }

#content .news .article a.more { color: #ffffff; background-color: #d72129; padding: 8px 20px; font-weight: 700; display: inline-block;  }

/* Google maps */
.google-map { display: block; width: 100%; height: 300px; }

/* footer */
footer { padding: 20px; }
.copyright { padding: 40px;  }

#cookie-bar { display: none; }

/* IE Fix */
@media all and (-ms-high-contrast:none)
{
    .variation-whitecaption .grid, .variation-whitecaption .ce-image, .variation-whitecaption .ce-gallery, .variation-whitecaption .ce-row { overflow: visible; }
}