@charset "utf-8";

/*
    font-family: 'Open Sans', 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; font-weight: normal; }


img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }


html, body { font-family: 'Open Sans', sans-serif; font-weight: 400; height: 100%; }
html{ overflow-y: scroll; }
body { counter-reset: my-sec-counter; }

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


textarea { -webkit-appearance: none; border-radius: 0; font-family: 'Open Sans', sans-serif; }
::-webkit-input-placeholder { color: #706f6f; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #706f6f; opacity: 1; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #706f6f; opacity: 1; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #706f6f; } .parsley-error:-ms-input-placeholder { color: red; }


hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #000000; }


a { color: inherit; text-decoration: none; font-weight: 300; }

p { font-weight: 300; }

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


/* buttons */
.button { display: inline-block; }
#content .button, #content .requestForm .field-submit input[type="submit"], .popup a.button { padding: 4px 15px; border: 1px solid #000; font-family: 'Open Sans', sans-serif; }
#banner a.button,
#content .slider a.button, .popup a.button{ border: 1px solid #FFF; padding: 4px 15px; }
.yellow #banner a.button, .yellow #content .slider a.button, #content .slider .ce-bodytext.yellow .bannerShow a.button { border: 1px solid #000; }
footer a.button { margin-bottom: 8px; padding: 0px 8px; border: 1px solid #000; }
.button:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

.ce-border img, .ce-border iframe{
	border:1px solid #706f6f;
}



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


/* limiters */
.inner, #naviMain > ul > li > ul > li, .news-single,
.inner-1140 { max-width: 1140px; margin: 0 auto; }
.inner-1920 { max-width: 1920px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
#footer:after, .powermail_field:after, #hTop:after, #hBottom:after, .tfContent:after, .machineClaim:after, .tabOut > .tabnavi:after, #naviMain > ul:after, #naviMain > ul > li > ul > li > ul:after, .calculator .field:after, .calculator .resultRow:after,
ul.newsCat:after, .moduleContent .field.number:after, .selectNaviOut:after, .news-container:after, .news-front-container:after, .moduleButtons:after, .machineHead:after, .news .date-cat:after, #locationsForm:after, #locationsOut:after, #locationsOut2:after, .location:after, .cat-date-wrap:after, #productDetail .property:after, .requestForm .field:after, .requestForm:after,
.row:after { clear: both; content: ''; display: table; }
#naviMain ul, #naviLanguage ul,
#content ul { list-style: none; }


/* effects */
.machine .requestForm, span.tfClose, span.tfClose:before, span.tfClose:after, .tx-powermail .powermail_fieldwrap.layout-popupOut .powermail_field, .calculator input[type="submit"], .infoBg, .tfCheckbox input[type="checkbox"] + label > span:before, .tfCheckbox input[type="checkbox"] + label > span:after,
a.button, .fWrap .filetitle, .more, .news .article .teaser-text, ul.newsCat li, #naviMain a, #search, #naviLanguage a, #naviLanguage ul, #naviMain > ul > li > ul, #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul, .swiper-pagination .swiper-pagination-bullet, .tabbutton, .tabbutton h2, #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub > a:after, #naviBreadcrumb a, #content a, .tx-powermail input[type="submit"], .tx-powermail button, #content .requestForm .field-submit input[type="submit"], .filter-bar .filter-button, .downloads-list .icon-bar [class^="icon-"]:before, [class*=" icon-"]:before, .shipping-label-generator button, #naviBookmarks a, .shipping-label-generator input[type="submit"], .shipping-label-generator .position .fullwidth, #social .grid_30_70 > .row > .col_70 > div.frame-type-image .ce-column:last-child,
.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-weights */
html, body, #content h4, #banner h4, #content .requestForm .field-submit input[type="submit"],
.font-weight-400 { font-weight: 400; }
#naviLanguage > ul > li a,
.font-weight-300 { font-weight: 300; }
b, strong, a b, a strong, #naviMain > ul > li > a, #naviMain > ul > li > ul > li > ul > li > ul > li > a, footer a.button, #content .button, ul.newsCat li a, .popup a.button,
.font-weight-700 { font-weight: 700; }

/* font-sizes */
.size-12, #naviLanguage a { font-size: 12px; }
.size-13, #naviLanguage a, footer a.button { font-size: 13px; }
.size-15, ul.newsCat li a, #naviBreadcrumb span, #naviBreadcrumb a, #content .tabbutton h2, #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li a, footer p { font-size: 15px; }
.size-16, html, body, #content h4, #banner h4, #content .tx-powermail .layout-popup h2, .calculator select, .calculator input, .filter-bar .filter-button, #content .productBox a, textarea, .shipping-label-generator button, #content .requestForm .field-submit input[type="submit"], .popup { font-size: 16px; }
.size-18, #naviBookmarks a, #naviMain a, #naviMain p, .news-single blockquote p { font-size: 18px; }
.size-20, #content h3, #banner h3{ font-size: 20px; }
.size-24, .machineClaim span, .news .news-banner-container h3, .powermail_fieldwrap_teilgroesse, .powermail_fieldwrap_marker, .powermail_fieldwrap_mass, .popup h2 { font-size: 24px; }
.size-30, #content h2, #naviMain h2 { font-size: 30px; }
.size-48, #content h1 { font-size: 48px; }


/* line-heights */
.line-height-18, textarea { line-height: 18px; }
.line-height-23, #content p, #content h4 { line-height: 23px; }
.line-height-28, #content h3, .news-single blockquote p { line-height: 28px; }
.line-height-32, #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li a { line-height: 32px; }
.line-height, #content h1{ line-height: 58px; }


/* colors */
#naviBookmarks a, .blue #bookmarkCount, #content .productBox .header h3, .blue #content .button:hover, .blue #content .button.active, .news .date-cat, .banner_text .content, #content .news .more:hover, #content ul.newsCat li a:hover, #content ul.newsCat li a.active, footer a.button:hover, #content .button:hover, #content .productsOverview.robotics .button:hover, #content #productDetail.robotics .button:hover, #content .button.active, #naviMain a, #naviLanguage a, #naviLanguage > ul > li > ul a:hover, #content .bannerShow h3, .bannerShow h3, #content .bannerShow h4, .bannerShow h4, #banner a.button, #content .slider a.button, #content .tabbutton.active h2, #content .tabbutton:hover h2, .blue #content .tabbutton.active h2, .blue #content .tabbutton:hover h2, .green #content .tabbutton.active h2, .green #content .tabbutton:hover h2, .blue #naviLanguage > ul > li > ul a:hover, .green #naviLanguage > ul > li > ul a:hover, .green footer a.button:hover, .green #content a.button:hover, .blue #content .requestForm .field-submit input[type="submit"]:hover, .shipping-label-generator input[type="submit"]:hover, .shipping-label-generator button:hover, .popup, .popup a.button,
.color.white { color: #FFF; }
#content .news .teaser-text, .yellow #bookmarkCount, .yellow #naviLanguage > ul > li.active:hover > a, .yellow #naviLanguage a:hover, .yellow #naviLanguage > ul > li > ul a, .yellow #content .bannerShow h4, #content .slider .ce-bodytext.yellow .bannerShow h4, #content .slider .ce-bodytext.yellow .bannerShow h3, .yellow #content h1, #content .news .more, #content ul.newsCat li a, #naviMain > ul > li > ul > li > ul > li > ul > li > a, footer a.button, #content .button, #content .productsOverview.robotics .button, #content #productDetail.robotics .button, #content .tabbutton h2, #content .requestForm .field-submit input[type="submit"], .shipping-label-generator input[type="submit"], .shipping-label-generator button, .yellow .popup,
.color.black, .yellow .bannerShow h3, .yellow .bannerShow h4 { color: #000; }
html, body, .blue #content .productBox a, #naviMain > ul > li > ul a, #content a:hover, .yellow #content .tabbutton.active h2, .yellow #content .tabbutton:hover h2, .yellow #naviLanguage > ul > li > ul a:hover,
.yellow #content .bannerShow h3, .yellow #content .requestForm .field-submit input[type="submit"]:hover, .yellow #banner a.button, .yellow #content .slider a.button, #content .slider .ce-bodytext.yellow .bannerShow a.button,.yellow #banner a.button:hover, .yellow #content .slider a.button:hover, .yellow #content .button:hover, .yellow #content .button.active, .yellow footer .col a:hover, .yellow #content .news .more:hover, .yellow #content ul.newsCat li a.active, .yellow #content ul.newsCat li a:hover, .yellow #naviMain > ul > li.active > a, .yellow #naviMain > ul > li:hover > a, .yellow #content a.button, #content #naviBreadcrumb a,
.color.grey { color: #3c3c3b; }
#content h3, .calculator .field .error, .yellow #naviBreadcrumb span.active, .yellow #naviBreadcrumb a:hover, .yellow #naviMain > ul > li > ul > li > ul > li > ul li.active > a, .yellow #naviMain > ul > li > ul > li > ul > li > ul li:hover > a,
.color.lightgrey { color: #706f6f; }
#content .slider a.button:hover, .yellow #content .machineRDesc a, .inchrot, .gadeactivate, #naviLanguage > ul > li > ul a, #content h1, #content #productDetail.robotics h1, #naviBreadcrumb span.active, #naviBreadcrumb a:hover, #naviMain > ul > li > ul > li > ul > li > ul li.active > a, #naviMain > ul > li > ul > li > ul > li > ul li:hover > a, #content a, #content .productsOverview.robotics a, #content #productDetail.robotics a,a.parsley-required, .popup a.button:hover, #content #naviBreadcrumb a:hover,
.color.red { color: #F20011; }
.blue .calculator .result, .blue #naviLanguage > ul > li > ul a, .blue #content h1, .blue #naviBreadcrumb span.active, .blue #naviBreadcrumb a:hover, .blue #content .tabbutton h2, .blue #naviMain > ul > li > ul > li > ul > li > ul li.active > a, .blue #naviMain > ul > li > ul > li > ul > li > ul li:hover > a, .blue #content a, .blue #content .button, #content .slider .ce-bodytext.blue a.button:hover, .blue #content .slider a.button:hover, .blue .popup a.button:hover,
.color.blue  { color: #F20011; }
.yellow .calculator .result, .yellow #content a,
.color.yellow { color: #fecc00; }
.green #naviLanguage > ul > li > ul a, .green #content h1, .green #naviBreadcrumb span.active, .green #naviBreadcrumb a:hover, .green #content .tabbutton h2, .green #naviMain > ul > li > ul > li > ul > li > ul li.active > a, .green #naviMain > ul > li > ul > li > ul > li > ul li:hover > a, .green #content a, .green #content .button, .green #content .slider .ce-bodytext a.button:hover,
.color.green { color: #1ba295; }


/* background-colors */
.moduleButtons a:hover, a.toolNotice:hover, a.toolNotice.checked, .calculator .field .infoBox, .news .article:hover .teaser-text, #content .slider a.button:hover, #header #search.active, #header #search:hover, #naviLanguage > ul > li > ul, .swiper-pagination .swiper-pagination-bullet, #searchbox, #naviMain > ul > li > ul, #header, #content .requestForm .field-submit input[type="submit"],
.background.white, .yellow #banner a.button:hover, .popup a.button:hover { background-color: #FFF; }
#hBottom,
.background.black { background-color: #000; }
#footer, .news .teaser-text, .calculator .resultBox, .productBox, #productDetail .contact,
.background.lightgrey { background-color: #ececec; }
#content hr,
.background.lightgrey-2 { background-color: #7f7e7e; }
.productBox .header, .frame-type-textmedia.layout-product .ce-bodytext, .productsOverview.robotics .productBox .header, .tx-powermail button:hover, .moduleButtons, .tfPImage .border, .tx-powermail input[type="submit"]:hover, .calculator input[type="submit"]:hover, .news-banner-container .more:hover, #content .news .more:hover, #content ul.newsCat li a.active, #content ul.newsCat li a:hover, footer a.button:hover, #content .button:hover, #content .button.active, #content .productsOverview.robotics .button:hover, #content .productsOverview.robotics .button.active, #content #productDetail.robotics .button:hover, #content #productDetail.robotics .button.active, #naviLanguage > ul > li.active:hover, #naviLanguage > ul > li > ul a:hover, .swiper-pagination .swiper-pagination-bullet-active, #naviMain > ul > li.active > a, #naviMain > ul > li:hover > a, .tabnavi > .tabbutton:hover, .tabnavi > .tabbutton.active, .filter-bar .filter-button:hover, .shipping-label-generator input[type="submit"]:hover, .shipping-label-generator button:hover, .popup,
.background.red { background-color: #f4272f; }
.blue .tx-powermail button:hover, .blue #bookmarkCount, .blue .tx-powermail input[type="submit"]:hover, .blue .calculator input[type="submit"]:hover, .blue #naviLanguage > ul > li.active:hover, .blue #naviLanguage > ul > li > ul a:hover, .blue .swiper-pagination .swiper-pagination-bullet-active, .blue #naviMain > ul > li.active > a, .blue #naviMain > ul > li:hover > a, .blue .tabnavi > .tabbutton:hover, .blue .tabnavi > .tabbutton.active,
.blue .moduleButtons, .blue .tfPImage .border, .blue .productBox .header, .blue .frame-type-textmedia.layout-product .ce-bodytext, .blue footer .col a.button:hover, .blue #content .news .more:hover, .blue #content .button:hover, .blue #content .button.active, .blue #content ul.newsCat li a.active, .blue #content ul.newsCat li a:hover, .blue #content .requestForm .field-submit input[type="submit"]:hover, .blue .popup,
.background.blue { background-color: #F20011; }
.yellow .productBox .header, .yellow .frame-type-textmedia.layout-product .ce-bodytext, .yellow #bookmarkCount, .yellow .tx-powermail button:hover, .yellow .tx-powermail input[type="submit"]:hover, .yellow .calculator input[type="submit"]:hover, .yellow #naviLanguage > ul > li.active:hover, .yellow #naviLanguage > ul > li > ul a:hover, .yellow .swiper-pagination .swiper-pagination-bullet-active, .yellow #naviMain > ul > li.active > a, .yellow #naviMain > ul > li:hover > a, .yellow .tabnavi > .tabbutton:hover, .yellow .tabnavi > .tabbutton.active,
.yellow #content .button:hover, .yellow .moduleButtons, .yellow #content .button.active, .yellow .tfPImage .border, .yellow footer .col a:hover, .yellow #content .news .more:hover, .yellow #content ul.newsCat li a.active, .yellow #content ul.newsCat li a:hover, .yellow #content .requestForm .field-submit input[type="submit"]:hover, .yellow .popup,
.background.yellow { background-color: #f4272f; }
.green .productBox .header, .green .frame-type-textmedia.layout-product .ce-bodytext, .green #naviLanguage > ul > li.active:hover, .green #naviLanguage > ul > li > ul a:hover, .green .swiper-pagination .swiper-pagination-bullet-active, .green #naviMain > ul > li.active > a, .green #naviMain > ul > li:hover > a, .green .tabnavi > .tabbutton:hover, .green .tabnavi > .tabbutton.active, .green footer a.button:hover, .green #content .button:hover, .green #content .button.active, .green #content ul.newsCat li a.active, .green #content ul.newsCat li a:hover, .green .tx-powermail button:hover,
.green .tx-powermail input[type="submit"]:hover, .green .moduleButtons, .green .tx-powermail button:hover, .green .calculator input[type="submit"]:hover, .green .tfPImage .border,
.background.green { background-color: #1ba295; }


/* margins */
.margin-23, .space-after-23, #content p, #content ul, #content ol, .popup p { margin-bottom: 23px; }
.margin-25, #content h1, .news-single .dateN, .news-single blockquote p, .popup h2{ margin-bottom: 25px; }
.margin-30, #content h3 { margin-bottom: 30px; }
.margin-40, #content h2{ margin-bottom: 40px; }
.margin-50, .space-after-50 { margin-bottom: 50px; }
.margin-60, .tabOut > .tabnavi { margin-bottom: 60px; }
.margin-70, .space-after-70, .tabOut{ margin-bottom: 70px; }
.margin-100, .space-after-100, .news-single  { margin-bottom: 100px; }


/* header */
#header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
#header #hTop { padding: 30px 0 20px 0; min-height: 95px; }
#header #logo { float: left; max-width: 170px; }
#header .logo_link { display: block; line-height: 0; font-size: 0; }
#header #logoRight { float: right; width: auto; padding-top: 7px; }
#header #logoRight img { width: auto; max-height: 28px; }

#header #hBottom { position: relative; }
#header #search { display: block; float: right; width: 26px; height: 22px; margin-top: 6px; border: 1px solid #FFF; background-image: url(../img/lupe.svg); background-size: 24px 20px; background-repeat: no-repeat; }
#header #search.open,
#header #search:hover { background-image: url(../img/lupe_pos.svg); }

#header #languagechoosericon { float: right; width: 26px; height: 22px; margin-top: 6px; border: 1px solid transparent; background-image: url(../img/laender_suher_abrasive.svg); background-size: 24px 20px; background-repeat: no-repeat; margin-right: 10px; }
/*#footer #langaugechooser {display: none!important;}*/
#naviLanguage { float: right; padding-top: 6px; margin-right: 10px; }
#naviLanguage > ul > li { display: none; }
#naviLanguage > ul > li.active { display: block; position: relative; }
#naviLanguage > ul > li a { display: block; width: 28px; height: 22px; border: 1px solid #FFF; line-height: 20px; text-align: center; }
#naviLanguage > ul > li > ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 50; opacity: 0; height: 0; overflow: hidden; visibility: hidden; }
#naviLanguage > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }

/* naviMain */
#naviMain { float: left; }
#naviMain h2 { margin-bottom: 10px; }
#naviMain > ul > li { float: left; }
#naviMain > ul > li > a { display: block; padding: 6px 14px; border-left: 1px solid transparent; border-right: 1px solid transparent; line-height:24px; }
#naviMain > ul > li.active > a,
#naviMain > ul > li:hover > a { border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
#naviMain > ul > li.border-left > a { border-left: 1px solid transparent; }
#naviMain > ul > li.border-right > a { border-right: 1px solid transparent; }

/* naviMain first level */
#naviMain > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 97; border-bottom: 1px solid #7b7b7a; }
#naviMain > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li { position: relative; padding-top: 50px; padding-bottom: 30px; }
#naviMain > ul > li > ul > li > a { white-space: nowrap; }

/* naviMain second level / background & inner */
#naviMain > ul > li > ul > li > ul > li { float: left; width: 22.8325%; margin-right: 2.89%; }
#naviMain > ul > li > ul > li > ul > li:nth-child(4), #naviMain > ul > li > ul > li > ul > li:nth-child(8){ margin-right: 0; }

/* naviMain third level */
#naviMain > ul > li > ul > li > ul > li > ul > li { margin-bottom: 20px; }
#naviMain > ul > li > ul > li > ul > li > ul > li > a { display: block; margin-bottom: 10px; }
#naviMain > ul > li > ul > li > ul > li > ul > li > a span.img { display: block; margin-top: 10px; }

/* naviMain fourth level */
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > a:before { content: ''; display: inline-block; width: 6px; height: 10px; margin-right: 8px; background-image: url(../img/Navi/pfeil_rechts_red.svg); background-size: 6px 10px; background-repeat: no-repeat; }
.green #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > a:before { background-image: url(../img/Navi/pfeil_rechts_green.svg); }
.blue #naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > a:before { background-image: url(../img/pfeil_rechts_blau.svg); }
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub.active > a:after,
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li.hasSub:hover > a:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li#nav_231,
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li#nav_242,
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li#nav_235 { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #7b7b7a; }

/* naviMain fifth level */
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; }
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li:hover > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li { padding-left: 15px; }
#naviMain > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child { margin-bottom: 10px; }

#searchbox { position: absolute; top: 100%; left: 0; width: 100%; z-index: 95; display: none; padding: 30px 0; border-bottom: 1px solid #7b7b7a; }
#searchbox .tx-indexedsearch-form { position: relative; max-width: 550px; margin: 0 auto; }
#searchbox .tx-indexedsearch-searchbox-sword { width: 100%; padding: 10px 15px; border: 1px solid #7b7b7a; font-size: 18px; }
#searchbox .tx-indexedsearch-searchbox-sbutton { position: absolute; top: 0; right: 0; width: 44px; height: 45px; font-size: 0; line-height: 0; background: none; cursor: pointer; background-image: url(../img/lupe_rot.svg); background-size: 23px; background-position: 10px 11px; background-repeat: no-repeat; border: none; }


/* banner & content slider */
#banner .swiper-wrapper, .swiper-slide { height: auto; }
#banner { padding-top: 131px; }
#banner .swiper-wrapper > .csc-default,
.slider .swiper-wrapper > .csc-default { width:100%;overflow:hidden; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0; }
#banner .ce-gallery img,
.slider .ce-gallery img { width: 100%; border: 0px solid transparent; }
#banner video{ display: block; }

.slider .swiper-wrapper > .csc-default.videocon .ce-gallery,
#banner .swiper-wrapper > .csc-default.videocon .ce-gallery,
.slider .swiper-wrapper > .csc-default.videocon .ce-textpic,
#banner .swiper-wrapper > .csc-default.videocon .ce-textpic,
#banner .swiper-wrapper > .csc-default.videocon .ce-gallery *,
.slider .swiper-wrapper > .csc-default.videocon .ce-gallery *{ float: none; width: 100%; height: 100%; display: block; position: static; }

/* typo3 banner/slider resets */
#banner .ce-gallery, #banner .ce-row, #banner .ce-column,
.slider .ce-gallery, .slider .ce-row, .slider .ce-column { margin: 0; float: none; }
#banner .ce-outer, #banner .ce-inner,
.slider .ce-outer, .slider .ce-inner { float: none; position: static; right: 0; }
#banner .ce-gallery figure,
.slider .ce-gallery figure ,
#banner .ce-gallery video,
.slider .ce-gallery video{ display: block; }
#banner .ce-textpic, #banner .ce-image,
.slider .ce-textpic, #banner .ce-image { overflow: visible; }
#content .slider .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery { margin-bottom: 0; margin-left: 0; margin-right: 0; }

/*#banner .ce-textpic .ce-bodytext,
.slider .ce-textpic .ce-bodytext { position: absolute; top: 0; left: 0; width: 100%;  display: none; }*/
#banner .ce-textpic .ce-bodytext,
.slider .ce-textpic .ce-bodytext { position: absolute; top: 0; left: calc((100% - 1140px)/2); width: 100%; max-width: 275px; height: 100%; display: none; }
#banner .ce-textpic .ce-bodytext > .inner,
.slider .ce-textpic .ce-bodytext > .inner { position: relative; height: 100%; }
#banner .ce-bodytext .bannerShow,
.slider .ce-bodytext .bannerShow { /*min-height: 800px; max-width: 275px;*/ padding: 75px 35px 25px 35px; background-color: rgba(244, 39, 47, 0.7); /*position: absolute; left: 0px; top: 0px;*/ height: 100%; }
.blue #banner .ce-bodytext .bannerShow,
.blue .slider .ce-bodytext .bannerShow,
.slider .ce-bodytext.blue .bannerShow{ background-color: rgba(244, 39, 47, 0.7); }
.yellow #banner .ce-bodytext .bannerShow,
.yellow .slider .ce-bodytext .bannerShow,
.slider .ce-bodytext.yellow .bannerShow { background-color: rgba(244, 39, 47, 0.7); }
.green #banner .ce-bodytext .bannerShow,
.green .slider .ce-bodytext .bannerShow,
.slider .ce-bodytext.green .bannerShow{ background-color: rgba(27, 162, 149, 0.75); }
.slider .ce-textpic .ce-bodytext.blue .bannerShow{ background-color: rgba(37, 97, 171, 0.8); }
.slider .ce-textpic .ce-bodytext.green .bannerShow{ background-color: rgba(27, 162, 149, 0.8); }
#banner .ce-bodytext .bannerShow h3,
#content .slider .ce-bodytext .bannerShow h3 { margin-bottom: 15px; }
#banner .ce-bodytext .bannerShow h4,
#content .slider .ce-bodytext .bannerShow h4 { margin-bottom: 45px; }
#banner .ce-right .ce-bodytext .bannerShow,
.slider .ce-right .ce-bodytext .bannerShow {  }
#banner .ce-left .ce-bodytext .bannerShow,
.slider .ce-left .ce-bodytext .bannerShow { left: auto; right: 0px; }
.swiper-pagination-out { position: absolute; bottom: 17px; left: 0; width: 100%; text-align: center; z-index: 50; line-height: 16px; }
.swiper-pagination-out .swiper-pagination { position: static; transform: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; }
.swiper-pagination .swiper-pagination-bullet { height: 16px; width: 16px; border: 1px solid #1d1d1b; margin: 0 4px; border-radius: 0; opacity: 1; }

.banner_text { position: relative; }
.banner_text > .image {}
.banner_text > .contentOut { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }
.banner_text .inner-1140 { height: 100%; }
.banner_text .content { position: relative; max-width: 275px; height: 100%; padding: 40px 20px 20px 20px; background-color: rgba(244, 39, 47, 0.8); }

/* breadcrumb */
.no-breadcrumb #naviBreadcrumb { display: none; }
#naviBreadcrumb { padding-top: 30px; padding-bottom: 35px; }
#naviBreadcrumb span.trenner { margin: 0 5px; }

.front #naviBreadcrumb { display: none; }
.front #banner { margin-bottom: 87px; }
.front.no-margin #banner { margin-bottom: 0px; }


/* content */
#content ul, #content ol { padding-left: 15px; }
#content ol{ padding-left: 20px; }
#content ul.newsCat, .news #content ol { padding-left: 0; }
#content hr { border: none; height: 1px; }

#content ul > li { position: relative; }
#content ul.newsCat > li { line-height: inherit; margin-bottom: 0px; position: static; }
#content ul.newsCat > li > ul{ display: none; }
#content ul > li{ position: relative; margin-bottom: 7px; font-weight: 300; }
#content ul > li:before { position: absolute; top: 6px; left: -15px; content: ''; display: inline-block; width: 6px; height: 10px;  background-image: url(../img/Navi/pfeil_rechts_red.svg); background-size: 6px 10px; background-repeat: no-repeat; }
.green #content ul > li:before { background-image: url(../img/Navi/pfeil_rechts_green.svg); }
.yellow #content ul > li:before { background-image: url(../img/pfeil_rechts_schwarz.svg); top: 7px; }
.blue #content ul > li:before { background-image: url(../img/pfeil_rechts_blau.svg); top: 8px; }

#content ul.newsCat > li:before { display: none; }

/*Werte Tabelle*/
#content .layout-werte { margin-bottom: 80px; }
#content .layout-werte p { margin-bottom: 0; }
#content .layout-werte p { margin-bottom: 5px; padding: 5px 16px 2px 16px; border-bottom: 1px solid #dadada; }
#content .layout-werte p:first-child { background-color: #e30613; color: #fff; border-bottom: 1px solid transparent; }
.green #content .layout-werte p:first-child { background-color: #1ba295; }
.yellow #content .layout-werte p:first-child { background-color: #f8ec53; }
.blue #content .layout-werte p:first-child { background-color: #F20011; }
#content .layout-werte p strong { color: #e30613; display: inline-block; font-weight: normal; }
.green #content .layout-werte p strong { color: #1ba295; }
.yellow #content .layout-werte p strong { color: #f8ec53; }
.blue #content .layout-werte p strong { color: #F20011; }
#content .layout-werte p:first-child strong { color: #fff; }

#content .layout-werte p .spalteOne,
#content .layout-werte p .spalteTwo,
#content .layout-werte p .spalteThree { width: 33.33%; display: inline-block; font-size: 12px; }

#content .layout-werte p.nonethree .spalteOne,
#content .layout-werte p.nonethree .spalteTwo{ width: 50%; }
#content .layout-werte p.nonethree .spalteThree{ display: none; }

/* news */
#content ul.newsCat { margin-bottom: 80px; }
ul.newsCat li { display: inline-block; }
ul.newsCat li a { display: block; margin-right: 15px; padding: 5px 8px; border: 1px solid #000; }
ul.newsCat li a.active,
ul.newsCat li a:hover { border: 1px solid #e30613; }
.green ul.newsCat li a.active,
.green ul.newsCat li a:hover { border: 1px solid #1ba295; }
.blue ul.newsCat li a.active,
.blue ul.newsCat li a:hover { border: 1px solid #F20011; }
.yellow ul.newsCat li a.active,
.yellow ul.newsCat li a:hover { border: 1px solid #000; }

.news-front-container, .news-container { margin-bottom: 35px; }
.news  { position: relative; }
.news .news-container { margin: 0 -15px; }
.news .article { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 35px; }
.news .img { position: relative; line-height: 0; }
.news .date-cat { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 25px; line-height: 1; background-color: rgba(244, 39, 47, 0.8); }
.news .date-cat.blue { background-color: rgba(37, 97, 171, 0.8); }
.news .date-cat.green { background-color: rgba(27, 162, 149, 0.8); }
.news .date-cat.yellow { background-color: rgba(245, 239, 94, 0.8); }
.news .date { float: left; display: block; font-weight: 400; }
.news .date time { font-weight: 400; }
.news .category { float: right; display: block; }
.news .category img { max-height: 18px; width: auto; }
.news .teaser-text { position: relative; min-height: 300px; padding: 35px 25px 25px 25px; border: 2px solid #ececec; border-top: none; }
#content .news .teaser-text p { font-weight: 400; margin-bottom: 0; }
#content .news .teaser-text h3 { margin-bottom: 20px; font-weight: 700; }
#content .news .more { position: absolute; bottom: 25px; left: 25px; padding: 5px 12px; border: 1px solid #868686; font-weight: 700; }
#content .news-container .downloadPdf { position: absolute; bottom: 25px; right: 25px; padding: 5px 12px; border: 1px solid #868686; font-weight: 700; }
.news #news-button { display: block; max-width: 150px; margin: 0 auto 50px auto; text-align:center; }

.news #countryWrap { position: absolute; top: -112px; right: 0; }

.news .news-banner-container .article { float: none; width: auto; margin-right: 0; margin-bottom: 0; }
.news .news-banner-container .date { float: none; margin-bottom: 35px; }
.news .news-banner-container .category { float: none; position: absolute; bottom: 20px; left: 20px; z-index: 51; }
.news .news-banner-container .category img { max-height: 16px; width: auto; }
.news .news-banner-container h3 { margin-bottom: 15px; }
.news .news-banner-container p { margin-bottom: 40px; }
.news-banner-container .more { padding: 5px 12px; border: 1px solid #868686; font-weight: 700; }

.news-single .article { float: none; width: auto; margin-right: 0; padding-left: 0px; padding-right: 0px; }
.news-single .news-img-wrap .outer{ display: none; }
.news-single .news-img-wrap .outer:first-child{ display: block; }
.news-single .news-img-wrap a { display: block; line-height: 0; }
.news-single .news-img-wrap { margin-bottom: 30px; }
.news-single .cat-date-wrap { margin-bottom: 20px; }
.news-single .cat-date-wrap .category { display: inline-block; float: none; margin-right: 40px; }
.news-single .cat-date-wrap .date { display: inline-block; float: none; }
.news-single .teaser p { font-weight: 700;  }
.news-single .news-related-files { padding-top: 10px; margin-bottom: 30px; }

.news-single .mediaelement-image a { position: relative; }
.news-single .mediaelement-image a:before { content:""; position: absolute; top: 50%; left: 50%; margin-top: -42px; margin-left: -42px; width: 95px; height: 95px; background-image: url(../img/bildgallery.svg); background-repeat: no-repeat; }
.news-single .mediaelement-image a.one-image:before { display: none; }

.news .news-slider-container .category { float: none; position: absolute; bottom: 25px; right: 35px; }

/* filter bar: selectize */
.downloadCenter .search-form { margin: 0 0 60px 0; }
.downloadCenter .search-form input[name="filters[search]"] { width: 300px; padding-right: 30px; padding-left: 15px; background-image: url(../img/lupe_rot.svg); background-size: 16px; background-position: right 10px top 8px; background-repeat: no-repeat; border: 1px solid #000; }
.downloadCenter .filter-bar { margin: 0 0 40px 0; }
.filter-bar .filter { display: block; float: left; margin: 0 20px 0 0; }
.filter-bar .filter-button { float: right; cursor:pointer; }
.filter-bar:after{ clear: both; content:''; display:table; }


.downloadCenter { margin: 0 0 75px 0; }
.downloads-list .grid { overflow: visible !important; }
.downloads-list h3, .downloads-list h3 a { font-size: 13px !important; line-height: 18px !important; }
.downloads-list h3 { margin: 0 0 10px 0 !important; word-break: break-all; }
.downloads-list p { margin: 0 0 10px 0 !important; }
.downloads-list label { font-weight: 300; }
.downloads-list .download p { font-size: 13px !important; line-height: 16px !important; }
.downloads-list .icon-bar { position: relative; padding: 10px 0 0 0; }
.downloads-list .icon-bar .description { display: none; position: absolute; right: -1px; top: 30px; width: 280px; padding: 8px 15px 8px 12px; box-sizing: border-box; background: rgba(0,0,0,.75); color: #fff; text-align: left; font-size: 12px; line-height: 15px; z-index: 40; }
.downloads-list .icon-bar .description .close { cursor: pointer; position: absolute; top: 3px; right: 5px; font-size: 14px; }
.downloads-list .icon-bar [class^="icon-"]:before, [class*=" icon-"]:before { vertical-align: middle; color: #000; }
.downloads-list .icon-bar [class^="icon-"]:hover:before, [class*=" icon-"]:hover:before { color: #F20011; }
.downloads-list .icon-bar .icon { display: inline-block; width: 23px; height: 23px; text-align: center; font-size: 14px; line-height: 1.8em; color: #000; }
.downloads-list .icon-bar a { border: 1px solid #000; padding: 1px 3px; color: #000; }
.downloads-list .icon-bar .description { position: absolute; top: 40px; left: 0; display: none; }
.downloads-list .icon-bar .description p { margin-bottom: 0 !important; }
.downloads-list .thumb { margin: 0 0 20px 0; }
.downloads-list .thumb img { display: block; margin-bottom: 0 !important; border: 1px solid #000;  -webkit-box-shadow: 2px 2px 3px #777; -moz-box-shadow: 2px 2px 3px #777; box-shadow: 2px 2px 3px #777;}
.downloads-list .col { margin: 0 0 75px 0; }
.downloads-list .col:nth-child(4n+5) { clear: left; }

.stellenDetail .img { margin-bottom: 40px; }
.stellenDetail .content { max-width: 75%; }
.news-single .stellenDetail .teaser { font-size: 20px; margin-bottom: 30px; }

/* Forms */
#formhandler .row { margin-bottom: 5px; }
.tx-powermail h3,
.tx-powermail legend,
.tx-powermail .btn-group,
.tx-powermail .powermail_tab_navigation{ display: none; }
.tx-powermail .powermail_create h3{ display: block; }
.tx-powermail label { margin-bottom: 5px; display: block; font-weight: 300; float: left; width: 30%; padding-right: 20px; }
.tx-powermail .powermail_field { float: left; width: 70% }
.tx-powermail .powermail_fieldwrap_type_text .powermail_field, .tx-powermail .powermail_fieldset_20 .powermail_fieldwrap_type_text.powermail_fieldwrap_marker .powermail_field{ width: 100%; font-weight: 300; font-size: 16px; margin-bottom: 15px;  }
.tx-powermail .powermail_fieldwrap_type_text.powermail_fieldwrap_mass .powermail_field, .tx-powermail .powermail_fieldwrap_type_text.powermail_fieldwrap_marker  .powermail_field, .tx-powermail .powermail_fieldwrap_type_text.powermail_fieldwrap_teilgroesse .powermail_field{ width: 100%; font-weight: 700; font-size: 18px; margin-bottom: 15px;  }
.tx-powermail .powermail_fieldset_20 .powermail_fieldwrap_type_text.powermail_fieldwrap_marker{ margin-bottom: 25px; }
.tx-powermail .powermail_fieldwrap { margin-bottom: 15px; }
.tx-powermail .powermail_fieldwrap:after { content: ''; display: table; clear: both; }
.tx-powermail textarea,
.tx-powermail select,
.tx-powermail input, .filter-bar input { width: 100%; border: 1px solid #000; margin-bottom: 10px; padding: 5px 10px; font-size: 16px; }
.tx-powermail .powermail_fieldwrap_datei_anhang input,
.tx-powermail .powermail_fieldwrap_anhang input { border: 1px solid transparent; padding-left: 0; }
.tx-powermail button,
.tx-powermail input[type="submit"], .calculator input[type="submit"], .filter-bar .filter-button { padding: 7px 15px; border: 1px solid #000; background-color: #FFF;  font-weight: 700;  color: #000; width: auto; }
.tx-powermail button:hover,
.tx-powermail input[type="submit"]:hover, .calculator input[type="submit"]:hover, .filter-bar .filter-button:hover { border: 1px solid #000; cursor: pointer; color: #FFF }
.tx-powermail input[type="checkbox"] { -webkit-appearance: checkbox; width: auto; margin-right: 5px;  }

.tx-powermail .powermail_fieldwrap_aussenformdesbauteils .radio label { float: left; width: 30%; }
.tx-powermail .radio input { display: inline-block; width: auto; }

.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelingegenrichtung,
.tx-powermail .powermail_fieldwrap_jahresbedarfstueck,
.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelindrehrichtung { width: 60%; float: left; height: 80px; }
.tx-powermail .powermail_fieldwrap_jahresbedarfstueck label,
.tx-powermail .powermail_fieldwrap_jahresbedarfstueck .powermail_field,
.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelingegenrichtung label,
.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelingegenrichtung .powermail_field,
.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelindrehrichtung label,
.tx-powermail .powermail_fieldwrap_zulaessigerverdrehwinkelindrehrichtung .powermail_field { width: 50%; }
.tx-powermail .powermail_fieldwrap_beinm_01,
.tx-powermail .powermail_fieldwrap_m,
.tx-powermail .powermail_fieldwrap_beinm  { width: 40%; padding-left: 20px; float: left; height: 80px;  }

.tx-powermail .powermail_fieldwrap_beinm_01 label,
.tx-powermail .powermail_fieldwrap_m label,
.tx-powermail .powermail_fieldwrap_beinm label { padding-right: 15px; text-align: right; }

.tx-powermail .powermail_fieldwrap_drehmomentingegenrichtungnm .powermail_field,
.tx-powermail .powermail_fieldwrap_drehzahlmin_1 .powermail_field,
.tx-powermail .powermail_fieldwrap_kleinsterbiegeradiusmm .powermail_field,
.tx-powermail .powermail_fieldwrap_temperaturbereichc .powermail_field,
.tx-powermail .powermail_fieldwrap_gesamtlaengederwellemm .powermail_field,
.tx-powermail .powermail_fieldwrap_gesamtlaengedesschutzschlauchesmm .powermail_field,
.tx-powermail .powermail_fieldwrap_drehmomentindrehrichtungnm .powermail_field { float: left; width: 30% }


.powermail_fieldwrap_teilgroesse, .powermail_fieldwrap_marker, .powermail_fieldwrap_mass  { border-bottom: solid 1px #7b7b7a; padding-bottom: 5px; margin-bottom: 20px; margin-top: 15px }
.tx-powermail .powermail_form_11 input {}
.tx-powermail .powermail_form_11 .powermail_fieldwrap_aussenformdesbauteils .radio input { width: auto; float: none; position: absolute; left: 0; top: 3px;  }
.tx-powermail .powermail_form_11 .powermail_fieldwrap_aussenformdesbauteils .radio label { position: relative; padding-left: 20px; }
.tx-powermail .powermail_form_11 label { width: 33%; margin-right: 2%; float: left; }
.tx-powermail .powermail_form_11 .powermail_field{ width: 64%; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap_marker_01 .powermail_field{ width: 100%; line-height: 23px; }
.tx-powermail .powermail_form_11 input[type="submit"] { float: right; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap_zuege { border-bottom: 1px solid #7b7b7a; margin-bottom: 20px; padding-bottom: 10px; }

.tx-powermail .powermail_field > .radio > label { float: left; margin-right: 20px; padding-right: 0; width: auto; }
.powermail_field_error_container_aussenformdesbauteils { margin-top: 40px; }

.tx-powermail .powermail_fieldwrap_datenschutz {  }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_label { display: none; }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_field { width: 100%; }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_field .checkbox label { width: 100%; float: none; position: relative; padding-left: 20px; padding-right: 0; }
.tx-powermail .powermail_fieldwrap_datenschutz .powermail_field .checkbox input[type="checkbox"] { position: absolute; top: 5px; left: 0; width: 13px; height: 13px; }

/* popup */
.tx-powermail .powermail_form_11 .powermail_fieldwrap  { float: left; width: 94%; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap.powermail_fieldwrap_einzelteil{ display: none; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap.powermail_fieldwrap_teilevolumen{ display: none; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap.powermail_fieldwrap_werkzeug{ display: none; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap.powermail_fieldwrap_einzelteilinklwerkzeugamortisation{ display: none; }
.tx-powermail .powermail_form_11 .powermail_fieldwrap.powermail_fieldwrap_gesamtprojekt{ display: none; }
.tx-powermail .powermail_fieldwrap.layout-popupOut { margin-bottom: 0; height: 30px; width: 30px; background-image:  url(../img/info.png); background-size: 20px; background-repeat: no-repeat; cursor: pointer; background-position: center; position: relative; top: -2px; }
.tx-powermail .powermail_fieldwrap_info_08.layout-popupOut { margin-top: 18px;}
#content .tx-powermail .layout-popup h2 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #7b7b7a; }


/* layout-popup */
.layout-popup { border: 1px solid #7b7b7a; background-color: #fff; width: 100%; max-width: 490px; padding: 40px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
.layout-popup:after { position: absolute; content: 'x'; display: block; top: 40px; right: 40px; cursor: pointer; font-weight: bold; }
.tx-powermail .powermail_fieldwrap.open  .powermail_field { display: block;  }

.tx-powermail .powermail_fieldwrap_info .powermail_field,
.tx-powermail .powermail_fieldwrap_info_01 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_02 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_03 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_04 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_05 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_06 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_07 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_08 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_09 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_10 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_11 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_12 .powermail_field,
.tx-powermail .powermail_fieldwrap_info_13 .powermail_field {  height: 100%; width: 100%; position: fixed; z-index: 999; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.25); display:none; }

.powermail_form_28 {  }
.powermail_form_28 legend { display: block; margin-bottom: 1em; }
.powermail_form_28 .powermail_fieldset_41 legend { display: none; }
.powermail_form_28 .powermail_fieldwrap_vorname { width: 65%; float: left; }
.powermail_form_28 .powermail_fieldwrap_vorname > label { width: 46.25%; }
.powermail_form_28 .powermail_fieldwrap_vorname > .powermail_field { width: calc(53.75% - 7px); margin-right: 7px; }
.powermail_form_28 .powermail_fieldwrap_nachname { width: 35%; float: left; }
.powermail_form_28 .powermail_fieldwrap_nachname > label { display: none; }
.powermail_form_28 .powermail_fieldwrap_nachname > .powermail_field { width: calc(100% - 7px); margin-left: 7px; }
.powermail_form_28 .powermail_fieldwrap_e_mail { clear: left; }
.powermail_create[data-powermail-form="28"] { margin-bottom: 30px; }

/* tabs */
.tabnavi > .tabbutton { float: left; margin-right: 15px; padding: 5px 8px; border: 1px solid #000; cursor: pointer; margin-bottom: 10px; }
.tabnavi > .tabbutton:hover,
.tabnavi > .tabbutton.active { border: 1px solid #e30613; }
.blue .tabnavi > .tabbutton:hover,
.blue .tabnavi > .tabbutton.active { border: 1px solid #F20011; }
.yellow .tabnavi > .tabbutton:hover,
.yellow .tabnavi > .tabbutton.active { border: 1px solid #000; }
.green .tabnavi > .tabbutton:hover,
.green .tabnavi > .tabbutton.active { border: 1px solid #1ba295; }
#content .tabOut > .tabnavi > .tabbutton h2 { margin-bottom: 0; }


/* search */
.frame-type-indexedsearch_pi2 fieldset{ text-align: center; position: relative; display: inline-block; margin-bottom: 30px; }
.frame-type-indexedsearch_pi2 legend { display: none; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-form { margin-bottom: 10px; display: inline-block; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-form label { padding-right: 10px;  }
.frame-type-indexedsearch_pi2 #tx-indexedsearch-searchbox-sword { padding: 10px 15px; border: 1px solid #7b7b7a; font-size: 18px; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-search-submit {  }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-search-submit input { position: absolute; top: 0; right: 0; width: 44px; height: 45px; font-size: 0; line-height: 0; background: none; cursor: pointer; background-image: url(../img/lupe_rot.svg); background-size: 23px; background-position: 10px 11px; background-repeat: no-repeat; border: none; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-search-submit input:hover { border: 1px solid #FFF; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-icon,.frame-type-indexedsearch_pi2 .tx-indexedsearch-percent, .frame-type-indexedsearch_pi2 .tx-indexedsearch-info{ display: none; }
.frame-type-indexedsearch_pi2 .tx-indexedsearch-res{ margin-bottom: 30px; }
#content .frame-type-indexedsearch_pi2 h3{ margin-bottom: 10px; }


/* grids */
.grid { overflow: hidden; }
.grid > .row { margin-left: -15px; margin-right: -15px; }
.grid > .row > .col { float: left; padding-left: 15px; padding-right: 15px;}
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_25_25_25_25 > .row > .col img { margin-bottom: 10px; }
.grid_20_20_20_20_20 > .row > .col { width: 20%; }
.grid_50_50 > .row > .col {  width: 50%; }
.grid_70_30 > .row > .col_70 { width: 70%; }
.grid_70_30 > .row > .col_30 { width: 30%; }
.grid_30_70 > .row > .col_30 { width: 30%; }
.grid_30_70 > .row > .col_70 { width: 70%; }

/* shipping-extension */
.shippingContent .customer, .shippingContent .errorDescription, .shippingContent .assignment { margin-bottom: 20px; }

/* footer */
footer { padding: 65px 0; }
footer .col_20_2,
footer .col_20_3,
footer .col_20_4,
footer .col_20_5 { padding-top: 34px; }
footer .col_25_2,
footer .col_25_3,
footer .col_25_4 { padding-top: 34px; }
footer .col > .csc-default:first-child img { margin-bottom: 25px; }
footer .col > .csc-default:nth-child(2) img { margin-bottom: 25px; }
footer .col p:first-child { min-height: 80px; margin-bottom: 40px; }
footer .grid_20_20_20_20_20 .row .col .ce-gallery, footer .grid_25_25_25_25 .row .col .ce-gallery { margin-bottom: 0; }
footer .grid_20_20_20_20_20 .row .col_20_1 .frame-type-image img, footer .grid_25_25_25_25 .row .col_20_1 .frame-type-image img{ width: 204px; height: 50px; }

#naviFooter { text-align: right; }
#naviFooter > ul { list-style: none; }
#naviFooter > ul > li { display: inline-block; margin-left: 15px; }
#naviFooter > ul > li > a { font-size: 15px; font-weight: 300; }


#banner > .inner-1920 { position: relative; }
#bannerLayer { position: absolute; top: 0; left: 0; width: 100%; z-index: 40; height: 100%; }
#bannerLayer > .inner-1140 { height: 100%; }
#bannerLeft { float: left; color: #FFF; background-color: rgba(244, 39, 47, 0.7); }
#bannerRight { float: right; color: #FFF; background-color: rgba(244, 39, 47, 0.7); }
.bannerContent { padding: 70px 30px 0 30px; height: 100%; max-width: 300px; font-size: 16px; }
.bannerContent h2 { margin-bottom: 10px; }
.bannerContent p { margin-bottom: 40px; font-weight: 400; }
.bannerContent a.button { font-weight: 400; }
#bannerLeft a.button { color: #FFF; border: 1px solid #FFF; }
#bannerLeft a.button:hover { color: #F20011; background-color: #FFF; }
#bannerRight a.button { border: 1px solid #FFF; color: #FFF; }
#bannerRight a.button:hover { color: #F20011; background-color: #FFF; }


/* suhner maps */
#locationsMap { margin-bottom: 60px; }
#locationsSearch { margin-bottom: 70px; }

#categoryWrap { float: left; }
#categoryWrap > label, #categoryWrap > a { display: block; float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
#categoryWrap > label > input { display: none; }
#categoryWrap > label > span, #categoryWrap > a > span  { font-weight: 700; }

#searchWrap { float: right; position: relative; }
#searchWrap > input[type="text"], .downloadCenter .search-form input { width: 100%; padding: 6px 15px 7px 45px; border: 1px solid #7b7b7a; font-size: 18px; }
#searchWrap > input[type="submit"] { position: absolute; top: 0; left: 0; width: 36px; height: 36px; font-size: 0; line-height: 0; background: none; cursor: pointer; background-image: url(../img/lupe_rot.svg); background-size: 23px; background-position: 7px 8px; background-repeat: no-repeat; border: none; }

#countryWrap, .filter-bar > .filter, .mFilterSelect, .selectNavi, .selectOut, .qf-filter-wrap { position: relative; background-color: #FFF; border: 1px solid #000; }
#countryWrap{ float: right; }
.qf-filter-wrap { display: inline-block; }
#countryWrap:after, .filter-bar > .filter:after, .mFilterSelect:after, .selectNavi:after, .selectOut:after, .qf-filter-wrap:after { content: ''; position: absolute; top: 50%; left: 20px; width: 19px; height: 10px; transform: translate(0, -50%); z-index: 1; background-image: url(../img/pfeil_schwarz.svg); background-size: 100%; background-repeat: no-repeat; }
#countryWrap select, .filter-bar > .filter select, .mFilterSelect select, .selectNavi select, .selectOut select, .qf-filter { position: relative; width: 100%; z-index: 2; padding: 6px 20px 6px 60px; border: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent;  font-family: 'Open Sans', sans-serif; font-size: 16px;  }

#loactionsOut { overflow: hidden; }
#locationsWrap { margin-left: -15px; margin-right: -15px; }
.location { float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 57px; }
.location img { margin-bottom: 10px; }


/* suhner app */
.calculator { margin-top: 60px; margin-bottom: 60px; }
.calculator form {}
.calculator .grid { margin-bottom: 70px; overflow: visible; }
#content .calculator h4 { font-weight: 700; margin-bottom: 20px; }

.calculator .selectBox { margin-bottom: 15px; position: relative; background-color: #FFF; border: 1px solid #000; }
.calculator .selectBox:after { content: ''; position: absolute; top: 50%; right: 15px; width: 18px; height: 12px; transform: translate(0, -50%); background-image: url(../img/pfeil_schwarz.svg); background-size: 100%; background-repeat: no-repeat; }
.blue .calculator .selectBox:after { background-image: url(../img/pfeil_unten_blau.svg); }
.yellow .calculator .selectBox:after { background-image: url(../img/pfeil_unten_gelb.svg); }
.calculator .selectBox.last { margin-bottom: 30px; }
.calculator .selectBox select { position: relative; z-index: 2; padding: 8px 20px; width: 100%; border: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent;  font-family: 'Open Sans', sans-serif; }
.calculator .field { position: relative; margin-bottom: 15px; }
.calculator .field label { float: left; width: 65%; line-height: 38px; }
.calculator .field input[type="number"],
.calculator .field input[type="text"] { float: left; padding: 8px 20px; width: 27%; border: 1px solid #000; }
.calculator .field .info { float: right; margin-top: 4px; height: 28px; width: 28px; background-size: 28px; background-image: url(../img/info.png); background-repeat: no-repeat; cursor: pointer; background-position: center; }
.calculator .field .infoBox { position: absolute; top: 100%; left: 0; width: 100%; z-index: 50; padding: 20px; border: 1px solid #000; display: none; }
.calculator .field .infoBox h4 { padding-bottom: 5px; border-bottom: 1px solid #000; }
#content .calculator .field .infoBox p { margin-bottom: 0; }
.calculator .field .infoClose { position: absolute; content: ''; display: block; top: 20px; right: 20px; cursor: pointer; font-size: 18px; font-weight: 700; }

.requestForm .field.error label { color: red; }
.requestForm .field.error input { border: 1px solid red; }
.requestForm div.error { margin-bottom: 20px; color: red; }


.calculator .calcButton { text-align: center; }

.infoBg { position: fixed; top: 0; left: 0; z-index: 45; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; overflow: hidden; }
.infoBg.show { opacity: 1; visibility: visible; overflow: visible; }

#deleteCalc {}
.calculator .resultOut { position: relative; margin-bottom: 20px; }

.calculator .resultBox { width: 100%; padding: 20px; }
.calculator .resultRow { margin-bottom: 20px; }
.calculator .label,
.calculator .result { float: left; width: 50%; }
.calculator .resultDebug span { display: inline-block; width: 250px; }

.productsOverview { overflow: hidden; margin-bottom: 30px; }
.productsOverview > .row { margin-left: -8px; margin-right: -8px; }
.productsOverview > .row > .productCol { float: left; width: 25%; padding-left: 8px; padding-right: 8px; }
#content .productsHeader h2 { margin-bottom: 10px; }
.productBox { margin-bottom: 30px; }
.productBox .image { line-height: 0; min-height: 192px; }
.productBox .header { padding: 5px 15px; }
#content .productBox .header h3 { margin-bottom: 0; }
.productBox .content { position: relative; padding: 15px; min-height: 257px; }
.productBox .value { font-size: 14px; line-height: 20px; margin-bottom: 10px; padding-left: 60px; background-repeat: no-repeat; background-position: left center; background-size: 45px auto; }
.productBox .value.max_bohrleistung { background-image: url(../img/spindles/max-bohrleistung.png); /* background-image: url(../img/spindles/max-bohrleistung.svg); */ }
.productBox .value.arbeitshub { background-image: url(../img/spindles/max-bohrtiefe-oder-arbeitshub-gesamthub.png); /* background-image: url(../img/spindles/max-bohrtiefe-oder-arbeitshub-gesamthub.svg); */ }
.productBox .value.drehzahlbereich { background-image: url(../img/spindles/drehzahlbereich.png); line-height: 30px; /* background-image: url(../img/spindles/drehzahlbereich.svg); */ background-size: auto 30px; }
.productBox .value.motorleistung { background-image: url(../img/spindles/leistung.svg); background-size: auto 20px; }
.productBox .value.werkzeugaufnahme { background-image: url(../img/spindles/spindelaufnahme.png); line-height: 30px; background-size: auto 30px; /* background-image: url(../img/spindles/spindelaufnahme.svg); */ }
.productBox .value.gewindeschneideleistung { background-image: url(../img/spindles/gewinden-max-m.png); line-height: 30px; background-size: auto 30px; /* background-image: url(../img/spindles/gewinden-max-m.svg); */ }
.productBox .value.vorschubkraft { background-image: url(../img/spindles/vorschubkraft-oder-rueckhubkraft.svg); background-size: auto 20px; }
.productBox .value.rueckhubkraft { background-image: url(../img/spindles/vorschubkraft-oder-rueckhubkraft.svg); background-size: auto 20px; }
.productBox .value.gewicht_farbe { background-image: url(../img/spindles/gewicht.png); background-size: auto 30px; line-height: 30px; /* background-image: url(../img/spindles/gewicht.svg); */ }
.productBox .value.drehmoment { background-image: url(../img/spindles/drehmoment.svg); }
.productBox .value.max_bohrtiefe { background-image: url(../img/spindles/max-bohrtiefe-oder-arbeitshub-gesamthub.png); /* background-image: url(../img/spindles/max-bohrtiefe-oder-arbeitshub-gesamthub.svg); */ }
.blue #content .productBox a { font-weight: 400; }
.productButtons { position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); z-index: 5; }
.productNotice { position: relative; display: inline-block; padding-right: 35px; margin-bottom: 15px; }
.productNotice:after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border: 1px solid #000; }
.productNotice.checked:after { background-image: url(../img/check.svg); background-size: 14px; background-position: center; background-repeat: no-repeat; }

#productDetail { margin-bottom: 100px; }
#content #productDetail h1 { margin-bottom: 50px; }
#productDetail .grid > .row { margin-left: -35px; margin-right: -35px; }
#productDetail .grid > .row > .col { padding-left: 35px; padding-right: 35px; margin-bottom: 50px; }
#productDetail .property { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #3c3c3b; }
#productDetail .property .label { float: left; width: 60%; }
#productDetail .property .value { float: left; width: 40%; text-align: right; }
#productDetail .ce-above .ce-gallery { margin-bottom: 0; }
#productDetail .image { margin-bottom: 20px; text-align: center; }
#productDetail .contact { padding: 20px 0; }
#content #productDetail .contact p { margin-bottom: 0; }
#productDetail .buttons a { margin-right: 10px; }
#productDetail .buttons a.tracebox{ margin-right: 0px; }
#productDetail .productNotice { margin-top: 30px; }


.selectMenu .selectNavi { float: right; margin: 0 20px; }
.selectNavi { max-width: 210px; background-color: #ececec; }
.selectMenu .tabButton { display: inline-block; padding: 10px; cursor: pointer; line-height: 0; }
.selectMenu .tabButton.active { background-color: #dddbdb; }
.selectMenu .selectContent { display: none; padding: 10px 20px 0 20px; }
.selectContent .contactBox { display: none; }
.selectContent .contactBox:first-child { display: block; }


#naviBookmarks { position: relative; float: right; margin-right: 10px; }
#bookmarkCount { position: absolute; bottom: -5px; left: -20px; width: 24px; height: 24px; display: block; border-radius: 50%; text-align: center; }
#naviBookmarks ul { list-style: none; }
#naviBookmarks a { display: block; width: 22px; height: 22px; margin-top: 6px; border: 1px solid #FFF; background-image: url(../img/toolfinder/icon_pin_white_bold.svg); background-size: 22px 22px; background-repeat: no-repeat; font-size: 0; }
#naviBookmarks a:hover { background-image: url(../img/toolfinder/icon_pin_red_bold.svg); }

.bookmarkTools { margin-bottom: 50px; }
.bookmarkTools a { margin-right: 10px; }
.bookmarks .productsOverview > .row > .productCol { padding: 0; }
.bookmarks .productBox { background-color: transparent; }
.bookmarks .productBox .image { background-color: #ececec; min-height: 192px; }
#content .bookmarks .productBox .category h3 { margin-bottom: 5px; }
.bookmarks .productBox .category,
.bookmarks .productBox .image,
.bookmarks .productBox .header { margin: 0 8px; }
.bookmarks .productBox .content { padding: 15px 0; }
.bookmarks .productLabels .productBox .content { padding-top: 278px; }
.bookmarks .productBox .property .label { text-align: right; font-size: 14px; padding-bottom: 6px; margin-bottom: 5px; height: 25px; }
.bookmarks .productBox .property .value { height: 25px; padding-left: 0; padding-bottom: 5px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #3c3c3b; }

#backCalc { margin-bottom: 30px; }

.showRequestForm.pdfs { margin-bottom: 73px; }
.requestForm.pdfs { display: none; margin-top: 50px; }
.requestForm.pdfs.open { display: block; }
.requestForm { max-width: 60%; }
.requestForm .field { margin-bottom: 15px; }
.requestForm .field label { float: left; width: 30%; line-height: 38px; }
.requestForm .field label:first-letter { text-transform: uppercase; }
.requestForm .field input,
.requestForm .field textarea { float: left; width: 70%; padding: 8px 20px; border: 1px solid #000; font-size: 16px; }
.requestForm .field input#firstname { width: 34%; margin-right: 2%; }
.requestForm .field input#lastname { width: 34%; }
.requestForm .field input#zip { width: 19%; margin-right: 2%; }
.requestForm .field input#city { width: 49%; }

.requestForm .field.checkbox { position: relative; margin-bottom: 25px; }
.requestForm .field.checkbox input[type="checkbox"] { position: absolute; top: 5px; left: 0; width: 13px; height: 13px; }
.requestForm .field.checkbox input[type="checkbox"] + label { padding-left: 30px; line-height: 20px; }

.requestForm .selectOut { float: left; width: 70%; }
.requestForm .selectOut select { padding: 6px 60px 6px 20px; }
.requestForm .selectOut:after { left: auto; right: 20px; }

.requestForm .field.checkbox input[type="checkbox"] {  }
.requestForm .field.checkbox input[type="checkbox"] + label { width: 100%; position: relative; display: inline-block; cursor: pointer; }
.requestForm .field.checkbox input[type="checkbox"] + label > span { display: inline-block; margin-left: 30px; width: 20px; height: 20px; vertical-align: middle; background-color: #FFF; cursor: pointer; border: 1px solid #000; }
.requestForm .field.checkbox input[type="checkbox"]:checked + label > span { background-image: url(../img/check.svg); background-size: 13px; background-position: center; background-repeat: no-repeat; }

.requestForm { margin-bottom: 50px; }
.requestForm .field-submit { width: calc(50% - 130px); margin-right: 130px; float: left; }
.requestForm .field-submit:last-child { width: 50%; margin-right: 0; }
.requestForm .field-submit label { display: block; margin-bottom: 8px; }
#content .requestForm .field-submit input[type="submit"] { display: block; cursor: pointer; font-weight: 700; }


/* suhner toolfinder*/
.tfFilterBox { margin-bottom: 30px; }
.tfFilterBox { margin-bottom: 30px; }
.tfHead { position: relative; margin-bottom: 30px; border-bottom: 1px solid #000; cursor: pointer; }
.tfHead.no-accordion { cursor: inherit; }
#content .tfHead h3 { margin-bottom: 10px; font-size: 25px; }
#content .tfHead span.tfClose { display: block; position: absolute; top: 6px; right: 0; width: 20px; height: 20px; cursor: pointer; transform: rotate(135deg); }
#content .open .tfHead span.tfClose { transform: rotate(0); }
#content .tfHead span.tfClose:before,
#content .tfHead span.tfClose:after { content: ''; position: absolute; top: -4px; left: 9px; height: 26px; width: 1px; background-color: #000; }
#content .tfHead span.tfClose:before { transform: rotate(45deg); }
#content .tfHead span.tfClose:after { transform: rotate(-45deg); }

.tfCheckbox { float: left; width: 16.66%; margin-bottom: 5px; }
.tfCheckbox.hidden { color: #7f7f7f; }
.tfCheckbox input[type="checkbox"] { display:none; }
.tfCheckbox input[type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; }
.tfCheckbox input[type="checkbox"] + label > span { position: absolute; top: 0; left: 0; width: 20px; height: 20px; vertical-align: middle; background-color: #FFF; border: 1px solid #4d4d4d; cursor:pointer; }
.tfCheckbox.hidden input[type="checkbox"] + label > span { border: 1px solid #7f7f7f; }
.tfCheckbox input[type="checkbox"] + label > span:before,
.tfCheckbox input[type="checkbox"] + label > span:after { content: ''; position: absolute; top: -4px; left: 9px; height: 26px; width: 1px; opacity: 0; background-color: #000; }
.tfCheckbox input[type="checkbox"] + label > span:before { transform: rotate(45deg); }
.tfCheckbox input[type="checkbox"] + label > span:after { transform: rotate(-45deg); }
.tfCheckbox input[type="checkbox"]:checked + label > span { border: 1px solid #000; }
.tfCheckbox input[type="checkbox"]:checked + label > span:before,
.tfCheckbox input[type="checkbox"]:checked + label > span:after { opacity: 1; }

.tfMTypes { float: left; width: 31.33%; margin-right: 3%; }
.tfMTypes:last-child { margin-right: 0; }
.tfMTypes .tfCheckbox { float: none; width: auto; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; }

.tfMShorts .tfCheckbox { float: left; width: 50%; margin-right: 0; padding-bottom: 0; margin-bottom: 5px; border-bottom: none; }

.tfShortsOut { display: none; }
.tfShortsOut.open { display: block; }

.tfContent { overflow: hidden; transition: max-height 1s ease-out; max-height: 0; }
.tfContent.no-accordion { max-height: none; transition: none; }
.open .tfContent { max-height: 500px; transition: max-height 1s ease-in; }
.tfProducts { margin-right: -15px; margin-left: -15px; }
.tfProduct { float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
.tfPImage { position: relative; line-height: 0; font-size: 0; text-align: center; min-height: 160px; max-height: 160px; }
.tfPImage .border { position: absolute; bottom: 0; left: 0; height: 30px; width: 100%; opacity: 0.7; }
.tfPContent { position: relative; padding: 10px 20px 20px 20px; background-color: #eeeeee; min-height: 160px; }
.tfPContent .button { position: absolute; bottom: 20px; left: 20px; }
#content .tfPContent h4 { font-size: 18px; line-height: 22px; }

.machineClaim img { float: left; padding-top: 5px; margin-right: 10px; }
.machineClaim span { float: left; display: inline-block; font-weight: 700; }
.machineHead h1 { float: left; }
.machineHead .button { float: right; }

.machineContentOut { overflow: hidden; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; }
.machineContent { display: flex; align-items: stretch; margin: 0 -15px; }
.machineLeft,
.machineRight { width: 50%; padding: 0 15px; }
.machineRight { position: relative; }
.machinePdfs { position: absolute; bottom: 0; left: 15px; z-index: 50; }

.machineFilter { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; margin-bottom: 40px; }
.mFilterRow { margin: 0 -15px; }
.mFilterBox { float: left; width: 33.33%; padding: 0 15px; margin-bottom: 30px; }
#content .mFilterBox h2 { margin-bottom: 10px; }
.mFilterSelect { max-width: 210px; }
.mFilterSelect select { padding: 6px 60px 6px 20px; }
.mFilterSelect:after { left: auto; right: 20px; }

.machineModules { overflow: hidden; }
.machineModulesRow { margin: 0 -15px; }
.moduleBox { float: left; width: 25%; padding: 0 15px; margin-bottom: 30px; }


.moduleImage { min-height: 143px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; text-align: center; }
.moduleImage img { height: 143px; object-fit: contain; }
.moduleButtons { height: 54px; padding: 9px 20px; }
.moduleButtons a { display: inline-block; width: 36px; height: 36px; margin-right: 5px; background-repeat: no-repeat; background-size: 36px; }
.button_3d { background-image: url(../img/toolfinder/icon_3d.svg); }
.button_3d:hover { background-image: url(../img/toolfinder/icon_3d_red.svg); }
.button_pdf { background-image: url(../img/toolfinder/icon_pdf.svg); }
.button_pdf:hover { background-image: url(../img/toolfinder/icon_pdf_red.svg); }
.button_stl { background-image: url(../img/toolfinder/icon_stl.svg); }
.button_stl:hover { background-image: url(../img/toolfinder/icon_stl_red.svg); }
.moduleButtons .bookmarkButton { float: right; }
a.toolNotice { margin-right: 0; background-image: url(../img/toolfinder/icon_pin.svg); }
a.toolNotice:hover { background-image: url(../img/toolfinder/icon_pin_red_bold.svg); }
.moduleContent { padding: 15px 20px; background-color: #eeeeee; min-height: 229px; }
#content .moduleContent h4 { margin-bottom: 15px; font-weight: 700; }
#content .moduleContent p { margin-bottom: 0; font-size: 15px; }
.moduleContent .field.number { margin-top: 10px; }
.moduleContent label { float: left; margin-right: 10px; line-height: 27px; font-weight: 300; }
.moduleContent input { float: left; width: 60px; padding: 4px 10px; }

.machine .requestForm { overflow: hidden; max-height: 0; transition: max-height 1s ease-out; padding-top: 30px; margin-bottom: 20px; }
.machine .requestForm.open { overflow: visible; max-height: 500px; transition: max-height 1s ease-in; }

.toolBookmarks .machineModules { margin-bottom: 30px; }

#quickFinder { display: flex; align-items: stretch; padding: 40px 0; }
#content .no-margin h2 { margin-bottom: 5px; }
#qfLeft,
#qfRight { width: 50%; }
#qfRight { position: relative; }
#qfRight a.button { position: absolute; bottom: 0; right: 0; z-index: 50; }
#quickFinder .form-group { display: flex; margin-bottom: 20px; }
#qfLeft .form-group:last-child { margin-bottom: 0; }
#quickFinder .form-group label { width: 35%; line-height: 34px; }
#quickFinder .form-group .qf-filter-wrap { width: 65%; }
#quickFinder .form-group .qf-filter-wrap:after { left: auto; right: 20px; }
#quickFinder .form-group .qf-filter-wrap select { padding: 6px 60px 6px 20px; }
#quickFinder .form-group.disabled { color: #3c3c3b; opacity: 0.8; }
#quickFinder .form-group.disabled > a.button { cursor: not-allowed; opacity: 0.8; color: #3c3c3b; }
#quickFinder .form-group.disabled > a.button:hover { background: inherit; color: inherit; opacity: 0.8; }

.grid_50_50 #quickFinder .form-group label { width: 45%; }
.grid_50_50 #quickFinder .form-group .qf-filter-wrap { width: 55%; }
.grid_50_50 #qfLeft { width: 70%; }
.grid_50_50 #qfRight { width: 30%; }

html[lang="fr"] .grid_50_50 #qfLeft { width: 75%; }
html[lang="fr"] .grid_50_50 #qfRight { width: 25%; }


strong.gadeactivate { cursor: pointer; font-weight: 400; }

#langaugechooser{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 200; display: none;  }
#langaugechooser > div{ position: absolute; padding-left: 60px; padding-top: 40px; padding-bottom: 40px; padding-right: 60px; left: 50%; top: 50%; max-width: 550px; background-color: #FFF; width:100%; transform: translate(-50%, -50%);   -webkit-column-count: 2; column-count: 2; }
#langaugechooser p{ margin-bottom: 18px; }
#langaugechooser p a{ display: block; font-size: 14px;}
#langaugechooser p a:hover { text-decoration: underline; }
#langaugechooser p a.active { font-weight: 700; text-decoration: underline; }
#langaugechooser p a img{ vertical-align: middle; width: 30px!important; height: auto!important;  margin-right: 8px; display: inline-block; }

.tx_suhnerext_Loader{ position: fixed; left: 50%; top: 50%; height: 40px; width: 40px; transform: translate(-50%, -50%); z-index: 200; background-image:url(/typo3conf/ext/suhner_ext/Resources/Public/Img/loader.gif); background-repeat: no-repeat; background-size: 100%; }

.shipping-label-generator {  }
#content .shipping-label-generator p { margin-bottom: 13px; }
.shippingContent fieldset:not(.formSubmit) { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(0,0,0,.25);}
#content .shipping-label-generator .shippingContent > p:first-child { margin-bottom: 30px; }
.shipping-label-generator .shippingContent hr { margin-bottom: 30px; }

.shipping-label-generator input, .shipping-label-generator textarea { width: 60%; border: 1px solid #000; margin-bottom: 10px; padding: 5px 10px; font-size: 16px; line-height: 1.8 }
.shipping-label-generator .selectWrapper { position: relative; width: 60%; border: 1px solid #000; margin-bottom: 10px; }
.shipping-label-generator .selectWrapper:before { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); left: 10px; width: 19px; height: 10px; background-image: url(../img/pfeil_schwarz.svg); background-size: 100%; background-repeat: no-repeat; pointer-events: none; }
.shipping-label-generator select { width: 100%; border: none; padding: 3px 10px 3px 39px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.8 }
.shipping-label-generator .field { display: flex; justify-content: space-between; align-items: center; }

.shipping-label-generator .receiver { margin-top: 3rem; }
.shipping-label-generator .receiver .field { display: block; }
.shipping-label-generator .receiver .field label { display: flex; justify-content: space-between; align-items: center; }
.shipping-label-generator .receiver .selectWrapper { width: calc(50% - 28px); margin-right: 28px; }
.shipping-label-generator .receiver .weight { width: 50%; display: flex; align-items: flex-end; }
.shipping-label-generator .receiver .weight span { margin-bottom: 10px; }
.shipping-label-generator .receiver .weight .selectWrapper { width: calc(100% - 28px); margin-right: 10px; float: left; }

.shipping-label-generator .customer label { max-width: 40%; }

.shipping-label-generator .errordescription { min-height: 105px; }
.shipping-label-generator .position { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(0,0,0,.1) }
.shipping-label-generator .position:first-of-type, .shipping-label-generator .position:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.shipping-label-generator .position > div { display: flex; }
.shipping-label-generator .position > div .field:first-child, .shipping-label-generator .position > div .field:last-child { flex-basis: 5%; }
.shipping-label-generator .position .field { padding-left: 8px; padding-right: 8px; flex-basis: 18%; line-height: 2rem; }
.shipping-label-generator .position .fullwidth .field:last-child { flex-basis: 72%; }

.shipping-label-generator .position label { display: none;  }
.shipping-label-generator .position:nth-child(2) label { display: block; }
.shipping-label-generator .position input, .shipping-label-generator .position .selectWrapper { width: 100%; }
.shipping-label-generator .addPos { margin-top: 3rem; margin-left: 5%; }
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .shipping-label-generator select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		height: 23px; }
}

.shipping-label-generator .position .fullwidth label { display: block; margin-bottom: 0; }
.shipping-label-generator .position .fullwidth textarea { flex-grow: 1; height: 30px; margin-bottom: 0; }
.shipping-label-generator button { width: auto; font-weight: 700; background-color: transparent; cursor: pointer; padding: 7px 15px; -webkit-appearance: none; appearance: none; border: 1px solid #000; }
.shipping-label-generator .position .field.actions .remove-pos { cursor: pointer; }
.shipping-label-generator .position:not(.position-headers) .inputHeader::before { counter-increment: my-sec-counter; content: counter(my-sec-counter) "."; }
.shipping-label-generator .position.begin .remove-pos { display: none; }
.shipping-label-generator .position.begin .field.actions { display: none; }

.shipping-label-generator .assignment { margin-bottom: 30px; }
.shipping-label-generator .assignment label { cursor: pointer; }
.shipping-label-generator .assignment .field { justify-content: flex-start; line-height: 2rem; }
.shipping-label-generator .assignment input[type="checkbox"], .shipping-label-generator .assignment input[type="radio"] { width: auto; margin-bottom: 0; margin-right: 10px; }
.shipping-label-generator .assignment textarea[name=diff_ba] { width: 100%; }
.shipping-label-generator .assignment .field.active textarea[name=diff_ba] { display: inline-block; }
.shipping-label-generator input.inlineInput { border-width: 0 0 1px 0; width: 70px; padding: 0 5px; margin-bottom: 0; }
.shipping-label-generator .formSubmit {  }
.shipping-label-generator .formSubmit:after { content: ''; display: table; clear: both; }
.shipping-label-generator .formSubmit  span { font-weight: 700; font-size: 1.5em; }
.shipping-label-generator input[type="submit"] { width: auto; float: right; font-weight: 700; background-color: transparent; cursor: pointer; padding: 7px 15px; }
.shipping-label-generator .error label { color: red; }
.shipping-label-generator .error input, .shipping-label-generator .error textarea, .shipping-label-generator .error .selectWrapper { border: 1px solid red; }

/** shipping label ie flex-basis fix */
/*_:-ms-fullscreen, :root .shipping-label-generator .position .field { flex-basis: calc(18% - 10px); }*/
/*_:-ms-fullscreen, :root .shipping-label-generator .position .field.fullwidth { flex-basis: 50%; }*/
/*_:-ms-fullscreen, :root .shipping-label-generator .position.begin .field:nth-child(6) { flex-basis: calc(18% - 10px); }*/
/*_:-ms-fullscreen, :root .shipping-label-generator .position .field.actions { flex-basis: 2%; }*/

/** alerts */
.alert-danger { color: #fff; background-color: #f4272f; border-color: #f5c6cb; }
.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; }

/** shipping label: fileupload */
.fWrap { padding: 0; line-height: 1.8rem; cursor: pointer; overflow: hidden; position: relative; display: inline-block; }
.fWrap input[type=file] { min-width: 100%; min-height: 100%; opacity: 0; cursor: pointer; position: absolute; display: block; left: 0; top:0;z-index: 10; }
.fWrap .filetitle { cursor: pointer; width: auto; font-weight: 700; background-color: transparent; cursor: pointer; padding: 7px 15px; -webkit-appearance: none; appearance: none; border: 1px solid #000; }
.fWrap:hover .filetitle { color: #fff; background-color: #f4272f; }
.fWrap .filelist { margin: 10px 0 0 0; background-color: hsl(0,0%,90%); }
.fWrap span { text-align: center; cursor: pointer; padding: .3rem 1rem; display: inline-block; }
.progress { width: 0; height: .3rem; bottom: 0; position: absolute; display: block; background-color: rgba(0, 83, 158,.5); }
.fWrap .errorsf { padding: .3rem 1rem;  font-size: .8rem; color: red; background-color: #fff;}
.uT { padding: .3rem 1rem;  font-size: .8rem; }
#content .uploads h3 { font-size: 1rem; flex: 70%; margin-bottom: 0; line-height: 1.4rem; font-weight: 600;}
#content .uploads h3.error { color: hsl(0,100%,60%); }
#content .uploads h3 span { font-size: .9rem; display: block; }
.uploads > article { border-bottom: 1px solid hsl(0,0%,80%); display: flex; padding: .7rem 0; align-items: center; }
.uploads .fwrap { flex: 30%; }
.filelist .x {position: relative; right: 0; z-index: 20; }


#social{ background-color: #5a5b5a; color: #FFF; padding-top: 20px; padding-bottom: 20px; }
#social .grid_30_70 > .row > .col_30{ width: 25%; }
#social .grid_30_70 > .row > .col_30 p{ margin-bottom: 0; min-height: 0px; font-size: 20px; padding-top: 3px; }
#social .grid_30_70 > .row > .col_70{ width: 75%; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image{ float: left; position: relative; margin-right: 10%; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image .ce-gallery{ margin-bottom: 0; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image .ce-column{ margin-right: 0px; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image .ce-column:last-child{ position: absolute; left: 0; top: 0; opacity: 0; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image .ce-column img{ margin-bottom: 0px; width: 35px; }
#social .grid_30_70 > .row > .col_70 > div.frame-type-image:hover .ce-column:last-child{ opacity: 1; }

.popup{ position: fixed; right: 0; top: 60%; padding: 20px; width: 600px; max-width: 100%; display: none; z-index:400; }
.popup .closing{ font-size: 0px; line-height: 0px; position: absolute; right: 20px; top: 20px; display: block; width: 20px; height: 20px; cursor: pointer; background-image: url(../img/icon_close_white.svg); background-size:100%; background-repeat: no-repeat; }
.yellow .popup .closing{ background-image: url(../img/icon_close_black.svg); }

#mc_embed_signup_scroll .clear:last-child { line-height: normal; font-size: 14px; height: 100%; text-indent: 0; }

.shipping-label-generator .receiver .flexfield { display: flex; }
.shipping-label-generator .receiver .flexfield img { margin-right: 20px; }

.iframevideo {
	position: relative;
}
.iframevideo:after {
	content: '';
	display: block;
	width: 100%;
	padding-top: 36.72%;
}
.slider .swiper-wrapper > .csc-default.videocon .ce-gallery .iframevideo iframe {
	position: absolute;
	top: 0;
	left: 0;
}
@media(max-width: 960px){
	.slider .swiper-wrapper > .csc-default.videocon .ce-gallery, #banner .swiper-wrapper > .csc-default.videocon .ce-gallery, .slider .swiper-wrapper > .csc-default.videocon .ce-textpic, #banner .swiper-wrapper > .csc-default.videocon .ce-textpic, #banner .swiper-wrapper > .csc-default.videocon .ce-gallery *, .slider .swiper-wrapper > .csc-default.videocon .ce-gallery * {
		height: auto;
	}
	.slider .swiper-wrapper > .csc-default.videocon .ce-gallery .iframevideo {
		position: relative;
	}
	.slider .swiper-wrapper > .csc-default.videocon .ce-gallery .iframevideo iframe {
		width: 100%;
		height: 100%;
	}
}

.frame-type-textmedia.layout-product {}
.frame-type-textmedia.layout-product .ce-gallery { margin-bottom: 0; }
.frame-type-textmedia.layout-product .ce-gallery a > img { transition: .3s; }
.frame-type-textmedia.layout-product .ce-gallery a:hover > img { transform: scale(1.05); }
.grid_25_25_25_25 > .row > .col .frame-type-textmedia.layout-product .ce-gallery img { margin-bottom: 0; }
.frame-type-textmedia.layout-product .ce-bodytext { padding: 5px 15px; }
#content .frame-type-textmedia.layout-product .ce-bodytext p { font-size: 20px; line-height: 28px; }
#content .frame-type-textmedia.layout-product .ce-bodytext > * { margin-bottom: 0; }
#content .frame-type-textmedia.layout-product .ce-bodytext > *, #content .frame-type-textmedia.layout-product .ce-bodytext > * a { color: #fff; }

.contenttable { width: 100%; border-collapse: collapse; }
.contenttable tbody {  }
.contenttable tbody tr { border-bottom: 1px solid currentColor; }
.contenttable tbody tr td { padding: 10px; vertical-align: top; }
.contenttable tbody tr td:first-child { padding-left: 0; }
.contenttable tbody tr td:last-child { padding-right: 0; }

.tx-powermail .table { width: 100%; border-collapse: collapse; }
.tx-powermail .table tbody tr td { padding: 5px 10px; }
.tx-powermail .table tbody tr td:first-child { padding-left: 0; }
.tx-powermail .table tbody tr td:last-child { padding-right: 0; }

.downloadpopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	box-shadow: 0 0 5px 3px rgba(0,0,0,.25);
	padding: 35px 25px 25px;
	z-index: 99;
	width: 100%;
	max-width: 600px;
}
.downloadpopup .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.downloadpopup .close:before,
.downloadpopup .close:after {
	content: '';
	display: block;
	width: 144%;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	top: 0;
}
.downloadpopup .close:before {
	left: 0;
	transform-origin: top left;
	transform: rotate(45deg);
}
.downloadpopup .close:after {
	right: 0;
	transform-origin: top right;
	transform: rotate(-45deg);
}
.downloadpopup .powermail_fieldwrap_marker { border: none; padding-bottom: 0; margin-bottom: 0; }
.downloadpopup.hidden { display: none; }

.tracepartsbox {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}


#content .accordionWrapper>.accordionIn>.csc-default {
	overflow: hidden;
	margin-bottom: 10px;
}
#content .accordionWrapper>.accordionIn>.csc-default:last-of-type {
	margin-bottom: 0;
}
#content .accordionWrapper>.accordionIn>.csc-default>*:not(:first-child) {
	margin: 0 20px;
	transition: all .3s linear;
}
#content .accordionWrapper>.accordionIn>.csc-default.active>*:not(:first-child) {
	margin: 30px 20px;
}
#content .accordionWrapper>.accordionIn>.csc-default>header {
	background-color: #ececec;
	color: #000;
	cursor: pointer;
	padding: 10px 20px;
	transition: all .3s ease-in-out;
	border: 1px solid #000;
}
#content .accordionWrapper>.accordionIn>.csc-default>header>* {
	margin: 0;
}
#content .accordionWrapper>.accordionIn>.csc-default>header:hover {
	background-color: #f4272f;
	color: #fff;
}


.sketchfab-embed-wrapper{
	position: relative;
}
.sketchfab-embed-wrapper iframe{
	width: 100%;
	height: 100vh;
}
.sketchfab-embed-wrapper .s3d-naviwrapper{
	position: absolute;
	top: 160px;
	right: 140px;
	background-color: #707070;
	padding: 40px;
	z-index: 1;
}

.sketchfab-embed-wrapper .s3d-naviwrapper a{
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	max-width: 240px;
	width: 240px;
	/*padding: 10px;*/
	/*color: white !important;*/
	/*background-color: #E30613;*/
	/*display: block;*/
}

/*.sketchfab-embed-wrapper .s3d-naviwrapper a:hover{*/
/*	background-color: #1D1D1B;*/
/*	cursor: pointer;*/
/*}*/

.sketchfab-embed-wrapper .s3d-naviwrapper .s3d-navi-item{
	margin-bottom: 30px;
}

.sketchfab-embed-wrapper .s3d-naviwrapper .s3d-navi-item:last-child{
	margin-bottom: 0;
}
.lightbox .sketchfab-embed-wrapper{
	margin-bottom: 30px;
}

.s3d-lightbox .sketchfab-embed-wrapper iframe{
	max-width: 1275px;
	width: 100%;
	height: 700px;
	margin: 0 auto;
	display: block;
}

.s3d-lightbox{
	width: 100%;
	height: 100vh;
	display: none;
	background-color: rgba(29, 29, 27, .9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	padding: 75px 0 105px;
	overflow: auto;
}

.s3d-lightbox::-webkit-scrollbar{
	display: none;
}

.s3d-lightbox-detail .sketchfab-embed-wrapper{
	margin-bottom: 30px;
}

.s3d-lightbox-detail-table{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	width: 100%;
}

.s3d-lightbox-detail-table > table{
	width: 100%;
	border-collapse: collapse;
}


 .s3d-lightbox-detail-table > table td{
	 border-bottom: 1px solid #1D1D1B;
	 padding-top: 16px;
 }

#content .s3d-lightbox-detail-table p{
	margin: 0;
}

.s3d-lightbox-detail-rows{
	display: flex;
	gap: 130px;
	margin-bottom: 30px;
}

.s3d-lightbox-detail-rows-inner{
	flex-basis: calc(50% - 65px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.s3d-lightbox-detail-upper{
	display: flex;
	gap: 75px;
}

.s3d-lightbox-inner{
	background-color: white;
	max-width: 1275px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 110px 90px;
}
.s3d-lightbox-outer{
	background-color: rgba(29, 29, 27, .9);
}
.s3d-lightbox-outer .sketchfab-embed-wrapper iframe{
	max-height: 500px;
}

.s3d-lightbox-close:after {
	content: '';
	position: fixed;
	right: 40px;
	top: 40px;
	background-image: url(../img/Schliessen.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	cursor: pointer;
}

.s3d-filterwrapper{
	color: white;
	background-color: #707070;
	padding: 30px 50px;
	margin-bottom: 50px;
}

#content .s3d-filterwrapper h3{
	color: white;
	margin: 0;
}

.s3d-filter-checkboxes{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

.s3d-lightbox-toolcontent.s3d-lightbox-toolmedia video{
	width: 100%;
}

.s3d-filter-checkbox {
	display: flex;
	/*gap: 20px;*/
	flex-basis: 50%;
	align-items: center;
}

.s3d-filter-options{
	display: flex;
	gap: 10px;
}

.s3d-filter-checkboxwrapper{
	flex-basis: calc(100% / 3);
}

.s3d-filter-checkboxwrapper > p{
	font-style: italic;
	font-size: 30px;
}

.s3d-filterheader{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}


.s3d-filter-heading{
	flex-basis: calc(100% / (2 / 3));
	display: flex;
	gap: 10px;
}

.s3d-filter-heading .resultcounter{
	font-size: 30px;
	font-weight: 700;
	padding-right: 20px;
}

.s3d-filter-heading h2{
	margin: 0 !important;
}

.s3d-filter-search{
	flex-basis: calc(100% / (1 / 3));
	display: flex;
	align-items: center;
	gap: 10px;
}

.s3d-filter-searchbar{
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid white;
	padding-left: 10px;
	padding-bottom: 5px;
	color: white;
}

.s3d-filter-search{
	font-size: 30px;
	font-weight: 700;
}

.s3d-filter-items{
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	padding-bottom: 110px;
}

.s3d-filter-item{
	flex-basis: calc(100% / 3 - (80px / 3));
	display: flex;
	flex-direction: column;
}

.s3d-filter-item:hover{
	cursor: pointer;
}

.s3d-filter-item-text{
	padding: 10px 90px;
	background-color: #1D1D1B;
	height: 100%;
	position: relative;
	min-height: 64px;
}
.s3d-filter-item-text::before{
	content: '';
	width: 38px;
	height: 38px;
	background-image: url("../img/icon info.svg");
	background-size: 100% 100%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	transition: all .3s ease-out;
}

.s3d-filter-item-text:hover::before{
	background-image: url("../img/icon info hover.svg");
}

#content .s3d-filter-item-text a{
	color: white;
	margin: 0;
}

.tx-suhner3d{
	background-color: #DCDCDC;
	min-height: 100vh;
}

.s3d-filter-outer{
	padding-top: 40px;
}



.s3d-lightbox-toolcontent-wrapper{
	display: flex;
	gap: 130px;
	margin-bottom: 30px;
}

.s3d-lightbox-toolcontent{
	flex-basis: 50%;
}

/*.s3d-filter-checkbox {*/
/*	display: inline-flex;*/
/*	cursor: pointer;*/
/*	position: relative;*/
/*}*/

.s3d-filter-checkbox:hover {
	cursor: pointer;
}

.s3d-filter-checkbox > label {
	font-size: 30px;
	padding-left: 20px;
	font-weight: 300;
}

.s3d-filter-checkbox > label:hover {
	cursor: pointer;
}

.s3d-filter-checkbox > input {
	height: 23px;
	width: 23px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid white;
	outline: none;
	transition-duration: 0.3s;
	background-color: white;
	cursor: pointer;
}

.s3d-filter-checkbox > input:checked {
	border: 1px solid white;
	background-color: #E30613;
}

.s3d-lightbox-tool{
	display: block;
}

.s3d-headerwrapper{
	max-width: 1320px;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
}

.s3d-headerwrapper-detail{
	position: static;
	transform: none;
	padding: 0;
	margin-bottom: 40px;
}

#content .s3d-back a{
	/*position: absolute;*/
	/*top: 40px;*/
	/*right: 160px;*/
	color: #fff;
	font-size: 20px;
	line-height: 23px;
	transition: all .3s ease-out !important;
}

#content .s3d-back a:hover{
	text-decoration: underline;
	cursor: pointer;
}

/*.s3d-logo{*/
/*	position: absolute;*/
/*	top: 36px;*/
/*	left: 160px;*/
/*}*/

.frame-type-suhner3d_productlist{
	max-width: none !important;
	margin: 0;
}

/*.s3d-filter-checkbox > input:checked + label::before {*/
/*	display: block;*/
/*	text-align: center;*/
/*	color: #41B883;*/
/*	position: absolute;*/
/*	left: 0.7rem;*/
/*	top: 0.2rem;*/
/*}*/

/*.s3d-filter-checkbox > input:active {*/
/*	border: 2px solid #34495E;*/
/*}*/

.lightboxoverlay_wrapper .sketchfab-embed-wrapper{
	margin-bottom: 30px;
}

.lightboxoverlay_wrapper { position: fixed; top: 0; width: 100vw; height: 100vh; background-color: rgba(29, 29, 27, .9); z-index: 1; overflow-y: scroll; padding: 75px 0 105px; }
.lightboxoverlay_wrapper .lightboxoverlay_close:after { content: ''; position: fixed; right: 40px; top: 40px; background-image: url("../img/Schliessen.svg"); background-size: 100% 100%; background-repeat: no-repeat; width: 34px; height: 34px; cursor: pointer; }
.lightboxoverlay_wrapper #content { max-width: 1275px; margin: 0 auto; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 { background-color: #fff; padding: 30px 110px 90px; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 h3 { margin-bottom: 45px; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1>.grid>.row>.col_50_1.col { padding-right: 40px }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1>.grid>.row>.col_50_2.col { padding-left: 40px }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-text p { font-weight: 300; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic>header>* , .lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-gridelements_pi1>header>* { font-size: 28px !important; line-height: 38px !important; margin-bottom: 25px !important; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic .ce-gallery { width: 45px; margin: 0 auto; }
.lightboxoverlay_wrapper #content>.frame-type-gridelements_pi1 .frame-type-textpic p { font-size: 9px; line-height: 14px; }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer { width: 100%; height: 100% }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer * { width: 100%; height: 100% }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-outer .video-embed-item { height: 715px; }
.lightboxoverlay_wrapper #content .frame-type-textmedia .ce-gallery { margin-bottom: 20px }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back { position: relative; display: inline-block; color: #fff; font-size: 20px; line-height: 23px; cursor: pointer; margin-bottom: 10px; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:first-letter { text-transform: uppercase; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:before { content: ""; position: absolute; display: block; width: 100%; height: 1px; bottom: 2px; left: 0; background-color: #fff; transform: scaleX(0); transform-origin: top right; transition: all .3s ease-out; }
.lightboxoverlay_wrapper #content>.lightboxoverlay_back:hover:before { transform: scaleX(1); }


a.red-btn { z-index: 1; font-size: 22px; font-weight: 700; color: #fff !important; padding: 10px; display: inline-block; position: relative; transition: all .3s ease-out !important; overflow-x: hidden; }
a.red-btn:hover{cursor: pointer}
a.red-btn:after { z-index: -1; content: ''; position: absolute; right: calc(-100% - 15px); top: 0; bottom: 0; width: calc(100% + 15px); height: 100%; background-color: #1D1D1B; transition: all .3s ease-out; clip-path: polygon(5% 0%, 100% 0, 100% 100%, 0% 100%); }
a.red-btn:before { z-index: -1; content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background-color: #E30613; transition: all .3s ease-out; transform: translate(-50%, -50%) }
a.red-btn:hover:after { right: 0; }

@media(max-width: 1320px){
	.sketchfab-embed-wrapper .s3d-naviwrapper{
		right: 20px;
	}
}

@media(max-width: 1000px){
	.s3d-filterheader{
		flex-direction: column;
		gap: 10px;
	}
	.s3d-filter-options{
		flex-direction: column;
		gap: 30px;
	}
	.s3d-lightbox-toolcontent-wrapper{
		flex-direction: column;
	}
}

@media(max-width: 960px){
	.sketchfab-embed-wrapper .s3d-naviwrapper{
		position: static;
	}
	.s3d-filter-items{
		flex-direction: column;
	}
}

@media(max-width: 769px){
	#content .s3d-filter-heading h2{
		font-size: 20px;
	}
	.s3d-filter-heading .resultcounter{
		font-size: 20px;
	}
	.s3d-filter-search{
		font-size: 20px;
	}
	.s3d-filter-checkboxwrapper > p{
		font-size: 20px;
	}
	.s3d-filter-checkbox > label{
		font-size: 20px;
	}
	.s3d-filter-checkboxes{
		gap: 10px;
	}
	.s3d-lightbox-toolcontent-wrapper{
		gap: 30px;
	}
	.s3d-lightbox-inner{
		padding: 30px 20px 90px;
	}
}

@media(max-width: 600px){
	.s3d-headerwrapper{
		flex-direction: column;
	}
	.sketchfab-embed-wrapper .s3d-naviwrapper a{
		max-width: none;
		width: 100%;
	}
}

.frame-type-suhner3d_productlist .sketchfab-embed-wrapper>iframe {
	height: 100%;
	aspect-ratio: 16 / 9;
	border-bottom: none;
}

/* Klaro */
.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .context-notice .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {background-color: #F20011 !important;}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {color: #F20011 !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 .context-notice p, .klaro .context-notice strong, .klaro .context-notice h1, .klaro .context-notice h2, .klaro .context-notice ul, .klaro .context-notice 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: #000 !important;}
.klaro .cookie-notice:not(.cookie-modal-notice) {
	background-color: #fff !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.6)!important;}
.klaro .cookie-modal .cm-modal.cm-klaro {
	background-color: #fff !important;
	color: #000 !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.6)!important;
}
.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {background-color: #000 !important;}
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider {background-color: #000 !important;}
.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {background-color: #F20011 !important;}
.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .klaro .context-notice .cm-list-input:checked+.cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {background-color: #F20011 !important;}

.swiper-pagination-out {
	bottom: 40px;
}
div[data-name] .context-notice p {
	width: auto !important;
	height: auto !important;
}
div[data-name] .cm-buttons {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
div[data-name] .cm-buttons .cm-btn-success {
	max-width: 35px;
	max-height: 30px;
}
div[data-name] .cm-buttons .cm-btn-success-var {
	max-width: 60px;
	max-height: 30px;
}
/*.swiper-pagination {*/
/*	left: 50%;*/
/*	transform: translate3d(0, 0, 0) translateX(-50%);*/
/*	bottom: 30px;*/
/*}*/

.yellow #naviMain > ul > li.active > a {
	color: #FFF;
}
.yellow #content .bannerShow h3 {
	color: #FFF;
}
.yellow #content .bannerShow h4 {
	color: #FFF;
}
.yellow #content .slider a.button {
	color: #FFF;
	border-color: #FFF;
}

.yellow #naviMain > ul > li:hover > a {
	color: #FFF;
}