/* Extra Light - 200 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-ExtraLight.eot'); src: url('../fonts/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-ExtraLight.woff2') format('woff2'), url('../fonts/TitilliumWeb-ExtraLight.woff') format('woff'), url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'), url('../fonts/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight') format('svg'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-ExtraLightItalic.eot'); src: url('../fonts/TitilliumWeb-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TitilliumWeb-ExtraLightItalic.woff') format('woff'), url('../fonts/TitilliumWeb-ExtraLightItalic.ttf') format('truetype'), url('../fonts/TitilliumWeb-ExtraLightItalic.svg#TitilliumWeb-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; }

/* Light - 300 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Light.eot'); src: url('../fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Light.woff2') format('woff2'), url('../fonts/TitilliumWeb-Light.woff') format('woff'), url('../fonts/TitilliumWeb-Light.ttf') format('truetype'), url('../fonts/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-LightItalic.eot'); src: url('../fonts/TitilliumWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-LightItalic.woff2') format('woff2'), url('../fonts/TitilliumWeb-LightItalic.woff') format('woff'), url('../fonts/TitilliumWeb-LightItalic.ttf') format('truetype'), url('../fonts/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic') format('svg'); font-weight: 300; font-style: italic; }

/* Regular - 400 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Regular.eot'); src: url('../fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Regular.woff2') format('woff2'), url('../fonts/TitilliumWeb-Regular.woff') format('woff'), url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'), url('../fonts/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Italic.eot'); src: url('../fonts/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Italic.woff2') format('woff2'), url('../fonts/TitilliumWeb-Italic.woff') format('woff'), url('../fonts/TitilliumWeb-Italic.ttf') format('truetype'), url('../fonts/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg'); font-weight: 400; font-style: italic; }

/* Semibold - 600 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-SemiBold.eot'); src: url('../fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'), url('../fonts/TitilliumWeb-SemiBold.woff') format('woff'), url('../fonts/TitilliumWeb-SemiBold.ttf') format('truetype'), url('../fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot'); src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff'), url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'), url('../fonts/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; }

/* Bold - 700 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Bold.eot'); src: url('../fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Bold.woff2') format('woff2'), url('../fonts/TitilliumWeb-Bold.woff') format('woff'), url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'), url('../fonts/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-BoldItalic.eot'); src: url('../fonts/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'), url('../fonts/TitilliumWeb-BoldItalic.woff') format('woff'), url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype'), url('../fonts/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg'); font-weight: 700; font-style: italic; }

/* Black - 900 */
@font-face { font-family: 'Titillium Web'; src: url('../fonts/TitilliumWeb-Black.eot'); src: url('../fonts/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/TitilliumWeb-Black.woff2') format('woff2'), url('../fonts/TitilliumWeb-Black.woff') format('woff'), url('../fonts/TitilliumWeb-Black.ttf') format('truetype'), url('../fonts/TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg'); font-weight: 900; font-style: normal; }


body { margin: 0; padding: 0; font: 400 24px/1.5em 'Titillium Web', Arial, sans-serif;}

h1, h2 { font-size: 54px; line-height: 81px; margin: 30px 0 60px 0; font-weight: 400; color: #2964AF;}
h3 { font-size: 33.6px; line-height: 45.8px; margin: 30px 0 40px 0; font-weight: 400; color: #2964AF;}

header { padding-top: 60px; }
header h1 { font-weight: 700; margin: 60px 0 40px}
header h2 { font-weight: 700; margin: 60px 0 40px}

.ce-headline-center { text-align: center; }

strong { font-weight: 700; }
.text-center { text-align: center; }

a > img { padding: 0; margin: 0; outline: none;}

/* - - - - - - - - - -*/
/* - - - Header - - - */
/* - - - - - - - - - -*/
.header-wrap .inner { max-width: 1610px; width: calc(100% - 120px); margin: 0 auto; position: relative;}

/* Logo */
.logo { position: absolute; left: 0; top: 0; z-index: 10; }
.logo img { width: 235px; height: auto; }

/* - - - Menü - - - */
.nav-wrap { float: right; margin-top: 33px;}
.nav-wrap ul { padding: 0; margin: 0; overflow:hidden; }
.nav-wrap ul li { list-style: none; float: left; }
.nav-wrap ul li a { color: #5C503F; text-decoration: none; padding: 0 12px 42px; font-size: 21.6px; line-height: 1em; display: inline-block;}
.nav-wrap ul li:hover a,
.nav-wrap ul li.active a { color: #2964AF;}


/* Level 2 */
.nav-wrap ul ul.level2 { box-shadow: 0px 2px 7px -6px #000000, 5px 5px 3px 5px rgba(0, 0, 0, 0); display: none; position: absolute; top: 105px; background: #FFFFFF; z-index: 9; list-style-type: none; margin: 0; padding: 0; width: 320px;}
.nav-wrap ul ul.level2 li { float: none; }
.nav-wrap ul ul.level2 li a { padding: 12px 15px; display: block;}
.nav-wrap ul li:hover .level2 { display:block; }
.nav-wrap ul li:hover .level2 a { color: #5C503F; line-height: 1.3em}
.nav-wrap ul li:hover .level2 a:hover {  color: #2964AF}



/* - - - - - - - - - - - - -*/
/* - - - Main Content - - - */
/* - - - - - - - - - - - - -*/
.main-wrap { clear: both; }

.main-wrap .inner { max-width: 1520px; margin: 0 auto; }

.main-wrap p { margin: 0 0 10px 0; }
.main-wrap a { color: #2964AF; text-decoration: none;}
.main-wrap a:hover { color: #4A93CF }

.main-wrap .font-m { font-size: 31.2px; line-height: 47.2px; margin: 0 0 15px 0; }
.main-wrap .font-m strong { color: #2964AF }
.main-wrap .font-l { font-size: 33.6px; line-height: 45.8px; margin: 30px 0 40px 0}
.main-wrap .font-xxs { font-size: 18.6px; line-height: 23.4px; margin: 0 0 5px 0; }

.main-wrap .ce-image img { max-width: 100%; height: auto;}

figure { border: none; broder-radius: 0; background: transparent; padding: 0 }

/* - - - Slider - - - */
.flexslider { max-width: 1670px; margin: 0 auto 90px; border: none;}
.flexslider .ce-gallery { width: calc(100% / 2); float: left; margin-bottom: 0; height: 720px; display: flex; justify-content: center;}
.flexslider .ce-gallery img { height: 100%; width: auto;}
.flexslider .ce-bodytext { width: calc(100% / 2); float: left; clear: none; background: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%); color: #fff; display: table; height: 720px;}
.flexslider .ce-bodytext .text-inner { padding: 0 110px; display: table-cell; vertical-align: middle;}
.flexslider .ce-bodytext h2,
.flexslider .ce-bodytext h3 { color: #fff; }
.flexslider .ce-bodytext a { color: #fff; text-decoration: none; }
.flexslider .ce-bodytext .font-l { margin: 20px 0 }

/* Arrow Nav */
.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; left: 30px; font-size: 1px; color: transparent; width: 30px; height: 45px;}

.flex-direction-nav a:before { content: ' ' !important; display: block; background: #FFFFFF; width: 30px; height: 3px; transform: rotate(-45deg); margin-top: 11px;}
.flex-direction-nav a:after { content: ' ' !important; display: block; background: #FFFFFF; width: 30px; height: 3px; transform: rotate(45deg); margin-top: -19px;}

.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next { right: 30px; left: auto; }

.flex-direction-nav .flex-next:before { transform: rotate(45deg); margin-top: 11px;}
.flex-direction-nav .flex-next:after { transform: rotate(-45deg); margin-top: -19px;}

/* Dot Nav */
.flex-control-nav { bottom: -60px; }
.flex-control-paging li a { background: #CFD1D0; box-shadow: none; }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover { background: #2964AF; }

/* - - - Icon Grid - - - */
.icon-grid-wrap { display: inline-grid; grid-gap: 0; grid-template-columns: repeat(4, minmax(0, 380px)); padding: 60px 0 10px 0}

/* Icon Grid Element */
.icon-grid-obj { border-left: 1px solid #2964AF; border-right: 1px solid #2964AF; margin: 45px -1px 45px 0; position: relative; height: 295px; padding: 0 35px; cursor:pointer ;}
.icon-grid-obj:hover img,
.icon-grid-obj:hover .text { transition: scale 0.5s; transform: scale(1.0599);}
.icon-grid-obj .obj-dummy { margin-top: 100%; }
.icon-grid-obj .inner-wrap { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }

.icon-grid-obj img { width:50%; height: auto; margin: 25px auto; display: block; }
.icon-grid-obj .text { font-weight: 600; color: #2964af; text-align: center; word-break: break-word;}
.icon-grid-obj.orange .text { color: #F99D24 }

.icon-grid-obj a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* - - - Doppel Slider - - - */
.doubleslider-wrapper { display: flex; margin: 120px auto 210px; max-width: 1520px; }
.doubleslider-wrapper .col { width: 33.33333%; position: relative;}
.doubleslider-wrapper .frame { height: 420px; display: flex; justify-content: center;}
.doubleslider-wrapper .frame img { height: 100%; width: auto; }

.doubleslider-wrapper li.flex-active-slide { position: relative; z-index: 100 }

/* Arrow Nav */
.doubleslider-wrapper .flex-direction-nav .flex-prev,
.doubleslider-wrapper:hover .flex-direction-nav .flex-prev,
.doubleslider-wrapper .flex-direction-nav .flex-next,
.doubleslider-wrapper:hover .flex-direction-nav .flex-next { opacity: 1; left: 30px; font-size: 1px; color: transparent; width: 30px; height: 45px;}

.flex-direction-nav a:before { content: ' ' !important; display: block; background: #FFFFFF; width: 30px; height: 3px; transform: rotate(-45deg); margin-top: 11px;}
.flex-direction-nav a:after { content: ' ' !important; display: block; background: #FFFFFF; width: 30px; height: 3px; transform: rotate(45deg); margin-top: -19px;}

.doubleslider-wrapper .flex-direction-nav .flex-next,
.doubleslider-wrapper:hover .flex-direction-nav .flex-next { right: 30px; left: auto; }

.flex-direction-nav .flex-next:before { transform: rotate(45deg); margin-top: 11px;}
.flex-direction-nav .flex-next:after { transform: rotate(-45deg); margin-top: -19px;}

.doubleslider-wrapper .doubleflex-l .flex-nav-prev,
.doubleslider-wrapper .doubleflex-r .flex-next { display: none; }

/* Content Spalte */
.doubleslider-wrapper .content .frame { display: grid; }
.doubleslider-wrapper .content p a { position: relative; color: #2964AF; position: relative; padding-left: 60px; text-decoration: none;}
.doubleslider-wrapper .content p a:before { display: block; content: url('../img/arrow_right.png'); position: absolute; left: 0; margin: 5px 0; top: 0; }

/* - - - Referenz Grid - - - */
.referenz-grid-wrap { padding: 30px 0 70px 0; display: flex; justify-content: center; }
.referenz-grid-wrap .referenz-inner { display: inline-grid; grid-gap: 0; grid-template-columns: repeat(3, minmax(0, 380px)); }
.referenz-grid-wrap .referenz-grid-obj { position: relative; padding: 0 35px; height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid #2964AF; border-right: 1px solid #2964AF; margin: 45px -1px 45px 0; text-align: center;}
.referenz-grid-wrap .referenz-grid-obj span { display: block; content: url('../img/arrow_right.png'); margin: 5px auto; transition: all 0.5s ease-in-out;}
.referenz-grid-wrap .referenz-grid-obj:hover span { transform: translateX(10%); transition: all 0.5s ease-in-out;}
.referenz-grid-wrap .referenz-grid-obj a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/* - - - Product Grid - - - */
.product-grid-wrap { display: inline-grid; grid-gap: 6px; grid-template-columns: repeat(4, minmax(0, 380px)); padding: 30px 0 60px 0}

/* Product Grid Element */
.product-grid-obj { margin: 0; position: relative; cursor:pointer; background: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%);}
.product-grid-obj:hover { background: linear-gradient(to bottom, #A3D2EB 0%, #5094D0 100%)}

.product-grid-obj img { width:100%; height: auto; display: block; }
.product-grid-obj .text { font-weight: 600; color: #fff; text-align: center; word-break: break-word; position: absolute; top: 65%; width: 100%;}
.product-grid-obj .text p { font-weight: 400; }
.product-grid-obj .text .font-m { font-weight: 600 }
.product-grid-obj:nth-child(11) .text,
.product-grid-obj:nth-child(12) .text { top: unset; bottom: 10%; }

.product-grid-obj.orange { background: linear-gradient(to bottom, #FEC34D 0%, #F79448 100%)}
.product-grid-obj.orange:hover { background: #FEC34D}

.product-grid-obj a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* - - - Info Banner - - - */
.info-banner-wrap { max-width: 1520px; margin: 0 auto; padding: 60px 0 60px 0}
.info-banner-wrap .inner-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; min-height: 660px; }
.info-banner-wrap .ce-gallery { width: 50%; justify-content: center; display: flex;}
.info-banner-wrap .ce-gallery img { height: 100%; width: auto; }
.info-banner-wrap .ce-bodytext { width: 50%; background: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%); }
.info-banner-wrap .ce-bodytext .text-inner { padding: 60px; color: #FFFFFF; }
.info-banner-wrap .ce-bodytext h2,
.info-banner-wrap .ce-bodytext h3 { color: #fff; }
.info-banner-wrap .ce-bodytext a { color: #fff; text-decoration: none; }
.info-banner-wrap .ce-bodytext ul li { font-size: 16px; line-height: 1.15em }


/* - - - Zertifikate Grid - - - */
.certificate-grid-wrap { display: flex; justify-content: center; padding: 10px 0 60px 0}
.certificate-grid-wrap .inner-wrap { display: inline-grid; grid-gap: 25px; grid-template-columns: repeat(4, minmax(0, 280px));}

/* Zertifikate Grid Element */
.certificate-grid-obj { background: linear-gradient(0deg, #2964af 0%, #2964af 20%, #4a93cf 100%); max-width: 280px; display: flex; justify-content: center; align-items: center; padding: 20px; position: relative; cursor: pointer;}
.certificate-grid-obj .ogj-dummy { margin-top: 100%; }
.certificate-grid-obj .text { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; font-weight: 600; color: #fff;}
.certificate-grid-obj:hover { background: #4A93CF}
.certificate-grid-obj a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* - - - CTA Box - - - */
.cta-box { padding: 90px 0 60px 0; color: #fff;  }
.cta-box .inner-wrap { padding: 100px; background: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%);}
.cta-box h2,
.cta-box h3,
.cta-box a { color: #fff; text-decoration: none; }
.cta-box a:hover { color: #fff }

/* - - - Titelbild Banner - - - */
.title-banner-wrap { max-width: 1520px; margin: 0 auto; padding: 215px 0 60px 0;}
.title-banner-wrap .inner-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center;}

.title-banner-wrap .ce-bodytext { width: 100%; background: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%); max-width: 512px; height: 512px;}
.title-banner-wrap .ce-bodytext .text-inner { padding: 70px 50px; color: #FFFFFF; text-align: left;}
.title-banner-wrap .ce-bodytext h1 { color: #fff; font-size: 31.2px; line-height: 47.2px; font-weight: 600; margin: 0;}

.title-banner-wrap .ce-gallery { width: 100%; justify-content: center; display: flex; max-width: 1025px; height: 512px; align-items: center;}
.title-banner-wrap .ce-gallery img { width: 105%; height: auto; object-fit: cover; }

.title-banner-wrap.icon .ce-bodytext { position: relative; }
.title-banner-wrap.icon .ce-bodytext img { max-width: 507px; width: 100%; height: 507px; }
.title-banner-wrap.icon .ce-bodytext .text-inner { position: absolute; top: 65%; left: 0; right: 0; word-break: break-all; text-align: center; padding: 0;}

#c329 .ce-gallery img,
#c321 .ce-gallery img,
#c327 .ce-gallery img,
#c315 .ce-gallery img { height: 100%; width: auto; }

/* - - - Referenz Slider - - - */
.referenzslider-wrapper { padding: 0 0 90px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; min-height: 720px; height: 100%; }
.referenzslider-wrapper:last-child { padding-bottom: 180px; }
.referenzslider-wrapper .text-wrap { width: 50%; background-image: linear-gradient(to bottom, #4A93CF 0%, #2964AF 100%); color: #fff;}
.referenzslider-wrapper .text-wrap .inner-wrap { padding: 35px 110px; color: #FFFFFF; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.referenzslider-wrapper .flexslider { width: 50%; margin-bottom: 0;}
.referenzslider-wrapper .flexslider .ce-image { height: 100%; }
.referenzslider-wrapper .flexslider .ce-gallery { width: auto; float: none; height: 100%; }
.referenzslider-wrapper .flexslider .ce-gallery img { max-width: none; }
.referenzslider-wrapper .font-m strong { color: #fff; }
.referenzslider-wrapper.reverse .flex-control-nav { left: -100%; }
.referenzslider-wrapper .flex-control-nav { width: 200%; }

.referenzslider-wrapper h1,
.referenzslider-wrapper a { color: #fff; }
.referenzslider-wrapper a:hover { color: #fff }

/* - - - Produkt Teaser Grid */
.product-teaser-grid-wrap { text-align: center; padding-bottom: 100px; }

.product-teaser-grid-obj { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 1420px; text-align: center; position: relative;}
.product-teaser-grid-obj .ogj-dummy { border-top: 1px solid #2964AF; padding-bottom: 40px; max-width: 378px; margin: 8px; }
.product-teaser-grid-obj h3 { margin: 25px auto; text-align: center; font-weight: 700;}
.product-teaser-grid-obj img { transition: scale 0.5s; width: 378px; height: 378px; }
.product-teaser-grid-obj .text { margin: 25px 0; text-align: left; }
.product-teaser-grid-obj .text p { margin: 0 0 10px 0; font-size: 21.6px; line-height: 32.4px; color: #2964AF; }
.product-teaser-grid-obj a { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.product-teaser-grid-obj:hover .ogj-dummy { border-color: #4A93CF }
.product-teaser-grid-obj:hover img { transition: scale 0.5s; transform: scale(1.01); }
.product-teaser-grid-obj:hover .text p { color: #4A93CF}


.p9 .product-grid-outer-wrap { display:flex; justify-content: center; margin-bottom: 60px;}
.p9 .product-grid-wrap { grid-template-columns: repeat(3, minmax(0, 380px)); }
.p9 .product-grid-wrap .ogj-dummy { background: url("../img/gebraucht.png") no-repeat center center; background-size: contain; }

/* - - - Produkt Details - - - */
.product-detail { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding-top: 90px;}
.product-detail .product-gallery { width: 100%; padding: 45px; max-width: 486px;}
.product-detail .product-gallery .flexslider { margin-bottom: 12px }
.product-detail .product-data { width: 100%; padding: 45px; max-width: 400px; }
.product-detail .product-data .product-title h1 { font-size: 31.2px; line-height: 47.2px; margin: 0 0 50px; }

.table-wrapper { display: none; }
.product-detail .product-data .product-details .table-wrapper { display: block; }
.product-detail .product-data .product-details tr { border-bottom: 1px solid #cccccc; }
.product-detail .product-data .product-details td { padding: 6px 0; border-top: none; }

.product-detail .product-data .product-price {margin: 60px 0 30px;}

.product-detail .product-data .product-price p { font-size: 19.2px; line-height: 24.4px; margin: 20px 0 0 0; }
.product-detail .product-data .product-price p .product-price-tag {font-size: 52px; line-height: 24.4px; color: #2964AF; margin-right: 5px;}

.product-detail .product-data .product-file { border-top: 1px solid #cccccc; margin: 0;}
.product-detail .product-data .product-file a:before { content: ' '; display: inline-block; width: 16px; height: 16px; background: url("../img/arrow_down_to_line.jpg") no-repeat center center; margin-right: 15px; }
.product-detail .product-data .product-file a:after { content:"Datenblatt"; display: inline-block; font-size: 19.2px; line-height: 24.4px; color: #000}

.product-detail .product-data .product-button { margin: 45px 0 185px; }
.product-detail .product-data .product-button a { font-family: 'Titillium Web', Arial, sans-serif; display: block; width: 100%; box-sizing: border-box; padding: 15px 30px; text-align: center; background-image: linear-gradient(to bottom, #FEC34D 0%, #F79448 100%); color: #FFFFFF; font-size: 31.2px; line-height: 24.4px; font-weight: 600;}

.product-detail-outer .product-overview { width: 100%; margin-bottom: 130px }
.product-detail-outer .product-overview a { display: inline-block; padding: 20px 40px; border: 1px solid #2964AF; text-decoration: none; color: #2964AF; }
.product-detail-outer .product-overview a:after { content: "Zurück zur Übersicht"; display:inline-block; }

.product-detail #carousel .flex-direction-nav { display:none; }

/* - - - Suchergebnisse - - - */

.frame-type-list { margin-bottom: 130px; }

.main-wrap .tx-indexedsearch-searchbox fieldset { border: none; padding: 0; width: calc(((100% - 220px) / 12) * 8 + (7 * 20px)); margin: 50px auto 100px; position: relative;}
.main-wrap .tx-indexedsearch-searchbox fieldset legend { display: none; }
.main-wrap .tx-indexedsearch-searchbox label { display: none; }
.main-wrap .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword { border: solid 3px #2964AF; font: 400 24px/1.5em 'Titillium Web', Arial, sans-serif; padding: 20px; background: transparent;  display: block; width: calc(100% - 50px); text-align: center;}
.main-wrap .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-sword:focus { outline: none; border-color: #000;}
.main-wrap .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button { background: url('../img/search.png') no-repeat 0 0; background-size: 80px; border: none; font-size: 1px; color: transparent; width: 40px; height: 40px; padding: 0; position: absolute; right: 25px; top: 18px;}
.main-wrap .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:hover { background-position: -42px 0; }
.main-wrap .tx-indexedsearch-searchbox .tx-indexedsearch-searchbox-button:focus { outline: none; }
.main-wrap .tx-indexedsearch-searchbox p,
.main-wrap .tx-indexedsearch-rules,
.main-wrap .tx-indexedsearch-info-sword { display: none;}
.main-wrap .tx-indexedsearch-browsebox { overflow: hidden; margin-bottom: 0;}
.main-wrap .tx-indexedsearch-browsebox p { margin-bottom: 40px; }
.main-wrap .tx-indexedsearch-browsebox li { float: left; margin-right: 37px;}
.main-wrap .tx-indexedsearch-browsebox li:before { display: none; }
.main-wrap .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a { color: #000; }
.main-wrap .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a:hover { cursor: default; text-decoration: none; }

.main-wrap .tx-indexedsearch-res { border-bottom: solid 2px #2964AF; margin-bottom: 45px; padding-bottom: 25px;}
.main-wrap .tx-indexedsearch-res .tx-indexedsearch-icon,
.main-wrap .tx-indexedsearch-res .tx-indexedsearch-percent,
.main-wrap .tx-indexedsearch-res .tx-indexedsearch-info { display: none; }

.nav-inner #tx-indexedsearch input { display: none; }
.nav-inner #tx-indexedsearch input.tx-indexedsearch-searchbox-sword,
.nav-inner #tx-indexedsearch input.tx-indexedsearch-searchbox-button { display: block; }
.nav-wrap .tx-indexedsearch-res { display: none; }

.tx-indexedsearch-info-sword + .tx-indexedsearch-browsebox .tx-indexedsearch-browsebox { display: none; }
.tx-indexedsearch-browsebox { padding: 0; }
.tx-indexedsearch-browsebox li:first-child { list-style: none; padding-left: 0; }

.sidebar-menu li.search-cta { overflow: hidden; margin-right: -197px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.search-cta .icon { background: #2964AF url('../img/search-slide.png') no-repeat 8px center; background-size: 45px; border: none; font-size: 1px; color: transparent; width: 60px; height: 60px; padding: 0; transition: padding-right 0.3s; cursor: pointer; float: left;}
.search-cta .icon:hover { padding-right: 15px; }
.search-form { float: left; }
.search-form .tx-indexedsearch-rules,
.search-form .tx-indexedsearch-info-sword,
.search-form .tx-indexedsearch-browsebox,
.search-form .tx-indexedsearch-res { display: none; }
.search-form p { display: none }
.search-form fieldset { border: none; margin: 0; padding: 0; position: relative;}
.search-form fieldset legend { display: none;}
.search-form label { display: none; }
.search-form .tx-indexedsearch-searchbox-sword { border: solid 3px #2964AF; font: 400 16px/22px 'Open Sans', sans-serif; color: #223d73; padding: 16px 90px 16px 7px; background: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.search-form .tx-indexedsearch-searchbox-sword:focus { outline: none;}
.search-form .tx-indexedsearch-searchbox-button { background: none; border: none; padding: 22px 0 18px; position: absolute; right: 10px; top: 0; color: #2964AF; font-size: 16px; font-weight: 700; cursor: pointer;}


/* - - - Breadcrumb - - - */
.breadcrumb { display: none; }

/* - - - - - - - - - - - - */
/* - - - Footer Wrap - - - */
/* - - - - - - - - - - - - */
.footer-wrap { background: #E4E4E4; padding: 45px 0 85px; flex: 0 1 auto; margin-top: -60px;}

.footer-menu { display: flex; list-style-type: none; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.footer-menu a { font-size: 14.4px; line-height: 19.2px; padding: 12px; color: #000000; display: block; text-decoration: none; }
.footer-menu a:hover { color: #2964AF }



/* - - - - - - - - - - */
/* - - - Sidebar - - - */
/* - - - - - - - - - - */
.sidebar-buttons { position: fixed; top: 140px; right: 0; z-index: 50;}
.sidebar-menu { display: flex; list-style-type: none; flex-direction: column; align-items: flex-end; margin: 0; padding: 0; }
.sidebar-menu li { margin: 7px 0; }
.sidebar-menu li a { box-sizing: content-box; transition: padding-right 0.3s; display: block; background: #2964AF; width: 60px; height: 60px; }
.sidebar-menu li.orange a { background: #F99D24; }
.sidebar-menu li:hover a { transition: padding-right 0.3s; padding-right: 15px; }


/* - - - - - - - - - - -*/
/* - - - Abstände - - - */
/* - - - - - - - - - - -*/
.p9 .frame-type-text,
.p86 .frame-type-text,
.p87 .frame-type-text,
.p88 .frame-type-text,
.p14 .frame-type-text { margin: 30px 0 60px 0; padding-top: 95px; }
.p14 .referenzslider-wrapper .frame-type-text { padding-top: 0; }

.p86 .frame-type-text,
.p88 .frame-type-text,
.p87 .frame-type-text { max-width: 780px; width: 100%; margin-left: auto; margin-right: auto; }