header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
/* EasyZoom core styles */
.easyzoom{position:relative;display:inline-block;*display:inline;*zoom:1}.easyzoom img{vertical-align:bottom;}.easyzoom.is-loading img{cursor:progress;}.easyzoom.is-ready img{cursor:crosshair;}.easyzoom.is-error img{cursor:not-allowed}.easyzoom-notice{position:absolute;top:50%;left:50%;z-index:150;width:10em;margin:-1em 0 0 -5em;line-height:2em;text-align:center;background:#fff;box-shadow:0 0 10px #888}.easyzoom-flyout{position:absolute;z-index:100;overflow:hidden;background:#fff}.easyzoom-flyout img{max-width:none !important}.easyzoom--overlay .easyzoom-flyout{top:0;left:0;width:100%;height:100%}.easyzoom--adjacent .easyzoom-flyout{top:0;left:100%;width:100%;height:100%;margin-left:20px}ul.easyzoomthumbnails{margin:0;padding:0;list-style:none}.easyzoom-item{margin:1px 1px 0 0;float:left}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* assistant-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 300;
  src: url('/webfonts/assistant-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* assistant-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('/webfonts/assistant-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* assistant-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 500;
  src: url('/webfonts/assistant-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* assistant-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('/webfonts/assistant-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* assistant-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('/webfonts/assistant-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* assistant-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 800;
  src: url('/webfonts/assistant-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
    --ka-bk-color:#FFF;

    --ka-font-color:#000;

    --ka-ls:0.025em;

    --ka-fonta-color:#000;
    --ka-fontgold: #D6B485;

    --ka-font-color2:#1e2423;
    --ka-font-color3:#4d4d4d;
    --ka-font-color4:#fff;

    --ka-font-color5:#959595;

    --ka-font-family-menu: Assistant, Arial;


    --ka-border:#eee;
    --ka-border-slider:#EEE;

    --ka-headerheigt: 60px;

    --ka-bk-btn:#000;
    --ka-bk-btngreyhover:#5e6b74;
    --ka-color-btn:#fff;
    --ka-radius-btn: 5px;

    --ka-fontbtn-size:10px;
    --ka-linebtn-height:12px;

    --ka-bk-grey:#808080;
    --ka-bk-lightgrey:#d4d4d4;
    --ka-bk-lightgrey2:#b3b3b3;
    --ka-bk-lightgrey3:#d9d9d9;
    --ka-bk-lightgrey4:#f3f3f3;
    --ka-bk-lightgrey5:#f9f9f9;
    --ka-bk-lightgrey6:#dfdfdf;
    --ka-bk-darkgrey:#1e2423;

    --ka-bk-lightblue:#0080c3;
    --ka-bk-darkblue:#005580;

    --ka-bk-orange:#ff801e;

    --ka-font-error:#f00;


    /*
    --ka-bk-grey:#f4f4f4;
    --ka-bk-lightgrey:#f4f4f4;
    --ka-bk-lightgrey2:#f7f7f7;
    --ka-bk-lightblue:#ebf2f4;
    --ka-bk-middleblue:#dae6eb;
    --ka-bk-lightgreen:#f1f9ef;
    --ka-bk-middlegreen:#e3f4df;
    --ka-bk-darkgreen:#caeac5;

    --ka-shadow-color:#9f9f9f;
    --ka-shadow-color2:#c9c9c9;
    --ka-shadow-time:300ms;
    --ka-shadow-radius:10px;

    --ka-bk-header:#ffffff;
    --ka-bk-kontakt:#999999;
    --ka-bk-notfall:#c1272d;
    --ka-bk-greenmenu:#3fa535;
    --ka-bk-greenmenu-hover:#307e29;

    --ka-bk-menu: #f9f9f9;
    --ka-menu-border:#eee;
    --ka-bk-menublue:#80a7b6;
    --ka-bk-menugreen:#81c380;

    --ka-bk-mobilemenu-lv2: #e9f1e7;
    --ka-bk-mobilemenu-lv3: #dbecd7;
    --ka-bk-mobilemenu-lv4: #c2e2bd;

    --ka-slider-arrow:#3fa535;

    --ka-bordergrey:#202620;
    --ka-border-green:#c2edbe;
    --ka-borderorange:#ff931e;

    --ka-nav-color:#202620;
    --ka-nav-color-active:#47a83d;


    --ka-navbk-color:#808080;
    --ka-navbk-color-active:#01263a;
    --ka-footer-fonth3:#fff;

    --ka-footer-color:#fff;
    --ka-footer-nav-color:#999999;

    --ka-footer-bk1:#dae6eb;
    --ka-footer-bk2:#4d4d4d;
    --ka-footer-bk3:#333333;
    --ka-footer-bk3-border:#3fa535;

    --ka-fltbtn-border:#4d4d4d;
    --ka-fltbtn-hover:#4d4d4d;
    --ka-fltbtn-active:#4d4d4d;

    --ka-desktopwidth:1400px;
    --ka-footerwidth:1400px;
    */

}



/* ****************************************************************************************************************** */
/* --- Basics ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

html {
  scroll-behavior: smooth;
}

body {
  text-decoration:none;
  /*font: 400 16px/19px "Assistant";*/
  font: 400 18px/22px "Assistant" !important;
  letter-spacing: var(--ka-ls);
  color: var(--ka-font-color);
}

#container {
    overflow:hidden;
    margin:0 auto;
}
#main {
  margin: 0;
}
#main .inside {
  margin: 0;
  padding: 0px  0 0px 0;
}
* {
    box-sizing: border-box;
}
a,
b,
body,
cite,
div,
em,
i,
label,
li,
ol,
p,
strong,
td,
th,
u,
ul,
fieldset,
form,
input,
optgroup,
select,
textarea {

}
strong,
.bold {
  font-weight:700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  text-decoration:none;
}
h1 {
  margin-bottom:20px;
  padding:0;
  font: 700 60px/68px Assistant;
  letter-spacing: 0;
  /*color:var(--ka-bk-lightblue);*/
}
h2 {
  margin-bottom:20px;
  font: 600 47px/53px Assistant;
  letter-spacing: 0;
}
h3 {
  margin-bottom:20px;
  font: 600 36px/40px Assistant;
  letter-spacing: 0;
}
h4 {
  margin-bottom:12px;
  font: 500 22px/24px Assistant;
  letter-spacing: 0;
  font-weight: 600;
}
h5 {
    margin-bottom:15px;

}
h6 {
    margin-bottom:15px;

}
.markertext {
  font-size: 20px;
  line-height: 26px;
}
.middletext {
  font-size: 22px;
  line-height: 26px;
}
.bigtext {
  font-size: 26px;
  line-height: 32px;
}
hr {
    width:100%;
    height:1px;
    margin-bottom:20px;
    background-color:#d9dadb;
    border:0;
}
figcaption.caption {
    line-height:1.2em;
}
a.cta {
    width:70px;
    height:70px;
    display:block;
    text-indent:-9999em;
}
a,
a:visited {
  color:black;
  text-decoration: none;
}
#main p a {
  /*color: var(--ka-bk-darkblue);*/
}

#main p {
  margin: 6px 0;
}

#main p.error {
  color: var(--ka-font-error);
}
a:hover,
#main p a:hover {
  color:var(--ka-bk-lightblue);
}
.invisible {
  width:0;
  height:0;
  display:block;
  visibility:hidden;
}
a img {
    border:0;
    outline:none;
}
a:focus {
    outline:none;
}
a.button,
#main .mod_newsreader p.back a {
  /*
  display:inline-block !important;
  margin-top:10px;
  padding:5px 10px;
  background-color:var(--ka-bk-lightblue);
  text-decoration:none;
  color:white;
  */

  display: inline-block;
  margin: 20px 20px 0 0px;
  padding: 8px 25px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}

a.button.grey {
  background-color: #5e6b74;
}

a.button-hover {
    background-color:#f0a20a;
    color:white;
}
#main .mod_newsreader p.back a:hover {
  background-color: var(--ka-bk-darkblue);
}

a.readmore {
    display:block;
    margin-top:15px;
    padding-left:15px;
    background-position:center left;
    background-repeat:no-repeat;
    color:var(--ka-bk-lightblue);
    background-image:url('../../files/intern/img/li_arrow_active.png');
}
.ce_headline {
    padding-left:0;
}

ul {

}
ul li {
  margin: 0 0 0 15px;
  list-style-type: disc;
}
nav ul li {
  list-style-type: none;
}

ul.arrow-links {
    list-style:none;
}
ul.arrow-links li a {
    padding-left:16px;
    background-position:left center;
    background-repeat:no-repeat;
    font-size:12px;
    color:#939494;
    background-image:url('../../files/intern/img/li_arrow.png');
    text-decoration: none;
}
ul.arrow-links li a:hover {
    color:var(--ka-bk-lightblue);
}
.ce_text p img {
    height:auto;
    max-width:100%;
}
#main .ce_text h4 {
  /*
  display: flex;
  justify-content: center;
  */
}
#main .ce_text h4 img {
  /*
  margin-right: 8px;
  object-fit: contain;
  */
}
.ce_gallery div.title {
    font-weight:600;
}
.ce_gallery li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main .ce_gallery ul li {
  margin: 0;
  padding: 0;
}



.pagelink {
    margin-top:20px;
    text-decoration:none;
}
.pagelink-image {
    width:285px;
    height:285;
    max-width:100%;
    max-height:100;
    margin-bottom:10px;
}
.pagelink-image-hover {
}
.pagelink-label {
    padding:3px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:white;
    font-weight:400;
}
.pagelink-label-hover {
    background-color:#f0a20a;
    color:white;
}
.gallery {
    width:630px;
    overflow:hidden;
    float:left;
    display:inline;
    margin:0 5px 20px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #d9dadb;
    border-bottom:1px solid #d9dadb;
}
.gallery-reel {
    width:630px;
    overflow:hidden;
}
.gallery-image {
    width:100px;
    height:100px;
    overflow:hidden;
    float:left;
    display:inline;
    margin:0 5px;
    border:1px solid white;
}
.gallery-image:hover {
    border-color:#d9dadb;
}
.gallery-left-link,
.gallery-right-link {
    width:80px;
    height:102px;
    margin-top:-102px;
}
.gallery-left-link {
    position:absolute;
    float:left;
    background-image:url('../../files/intern/img/inline_gallery/left.png');
    z-index:2;
}
.gallery-left-link:hover {
    background-image:url('../../files/intern/img/inline_gallery/left_hover.png');
}
.gallery-right-link {
    position:relative;
    float:right;
    background-image:url('../../files/intern/img/inline_gallery/right.png');
    z-index:2;
}
.gallery-right-link:hover {
    background-image:url('../../files/intern/img/inline_gallery/right_hover.png');
}
#main .ce_gallery > ul {
    margin:0;
    padding:0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#main .ce_gallery.flexstart > ul {
    justify-content: flex-start;
}
#main .ce_gallery.col5 > ul li {
    width:18.5%;
    margin:0 0 4%;
    padding:0;
}
#main .ce_gallery.flexstart.col5 > ul li {
    width:18.5%;
    margin:0 1.83% 4% 0;
    padding:0;
}
#main .ce_gallery.col6 > ul li {
    width:15.166%;
    margin:0 0 4%;
    padding:0;
}

#main .ce_gallery ul.cols_5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
#main .ce_gallery.col5 > ul.cols_5 li {
    width:100%;
    margin:0;
    padding:0;
}


span.mandatory {
    color:var(--ka-bk-lightblue);
}
iframe {
    position:relative;
    z-index:1;
}
.column {
    overflow:hidden;
    float:left;
    display:inline;
    margin:0;
}
.row {
    overflow:hidden;
}
.double-col {
    width:310px;
}
.tripple-col {
    width:470px;
}
.regular-col {
    width:150px;
}
.half-col {
    width:70px;
}
.flexcontainer {
  display: flex;
  justify-content: space-between;
}
.flexcontainer.space-between {
  justify-content: space-between;
}
.flexcontainer.column {
  flex-direction: column;
}
.flexcontainer.row {
  flex-direction: row;
}
.flexcontainer.center {
  justify-content: center;
}
.flexcontainer.vcenter {
  align-items: center;
}

.clear {
    height:1px;
    float:none;
    clear:both;
    display:block;
}
#clear {
    float:none;
    clear:both;
    margin-top:30px;
}
.col100 {
    width:100%;
    clear:both;
    margin-right:0;
    margin-left:0;
}
.col50 {
    float:left;
    margin-right:30px;
    width:calc(50% - 30px);
}
.flexcontainer .col50 {
    float:left;
    margin-right:0;
    width:calc(50% - 15px);
}
.col33 {
    float:left;
    margin-right:30px;
    width:calc(33% - 30px);
}
.flexcontainer .col33 {
    width:32%;
    float:left;
    margin-right:0;
}
.col30 {
    float:left;
    margin-right:30px;
    width:calc(30% - 30px);
}
.col25 {
    float:left;
    margin-right:30px;
    width:calc(25% - 30px);
}
.col10 {
    float:left;
    margin-right:0;
    width:calc(10% - 00px);
}
.col20 {
    float:left;
    margin-right:30px;
    width:calc(20% - 30px);
}
.flexcontainer .col25 {
    width:24%;
    float:left;
    margin-right:0;
}
.col25 h6 {
    width:90%;
    margin-bottom:0;
    padding-bottom:2px;
    border-bottom:1px solid #d1cfcf;
    font-size:1em;
    line-height:1.2em;
}
.width100 {
  width: 100%;
}

.lalinks {
    width:100%;
    float:none;
    clear:both;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    1word-wrap: normal;
    1white-space: pre-wrap;
}
#cboxLoadedContent {
    border:0px solid;
}
#cboxClose {
    background-image:url("/files/intern/common/faisst-koffer-close.svg");
}
#cboxCurrent {
    text-indent: -9999px;
}
#cboxTitle {
    text-indent: -9999px;
}
#cboxPrevious {
    width:35px;
    height:35px;
    margin-left:8px;
    background-image:url("/files/intern/common/faisst-koffer-left-grey.svg");
}
#cboxNext {
    width:35px;
    height:35px;
    margin-right:8px;
    background-image:url("/files/intern/common/faisst-koffer-right-grey.svg");
}
.pagelink-label {
    padding:3px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:#FFF;
}
.pagelink-label:hover {
    background-color:#f0a20a;
}
div.ce_toplink1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
div.ce_toplink a {
    width:110px;
    height:25px;
    margin:0;
    padding:0;
}
/*
.ce_youtube {
    position: relative;
     padding-bottom: 56.25%;
     width: 100%;
     height: auto;
}
.ce_youtube iframe {
    position: absolute;
     top: 0; left: 0; right: 0; bottom: 0;
     width: 100% !important;
     height: 100% !important;
}
/*
.dist100 {
    clear:both;
    display:block;
    margin-top:100px;
}
.dist50 {
    clear:both;
    display:block;
    margin-top:50px;
}
.dist30 {
    clear:both;
    display:block;
    margin-top:30px;
}
.dist25 {
    clear:both;
    display:block;
    margin-top:25px;
}
.dist20 {
    clear:both;
    display:block;
    margin-top:20px;
}


.flexcontainer {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;

}
.flexcontainer.spacebetween,
.flexcontainer.space-between {
    /*
    margin-top: 50px;
    margin-bottom: 50px;
    */
    justify-content: space-between;
}
.flexcontainer.space-between .ce_hyperlink {
    position: relative;
    align-items: center;
    margin-right:0px;
    margin-bottom:20px;
    width:calc(33% - 10px);
    overflow: hidden;
}
.flexcontainer.column {
    flex-direction: column;
}
.flexcontainer.center {
  align-items: center;
  justify-content: center;
}
.flexcontainer.column.flexstart {
  justify-content: flex-start;
}

.flexcontainer.space-between .ce_hyperlink * {
    overflow: hidden;
    line-height: 1px;
}

.flexcontainer.space-between .ce_hyperlink .linktitle {
    position: absolute;
    width: 100%;
    top: calc(50% - 15px);
    color: #ffffff;
    font-size: 30px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 0.0em;
    text-transform:uppercase;
    pointer-events: none;
    text-align: center;
}

.flexcontainer.space-between .ce_hyperlink .image_container img {
    transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transition: all .5s ease-in-out;
}

.flexcontainer.space-between .ce_hyperlink:hover .image_container img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.grid {
  display:grid;
}

.grid.frx {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.fr2 {
  grid-template-columns: 1fr 1fr;
}
.grid.fr3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.grid.fr4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.fr5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.grid.fr6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.grid.fr21 {
  grid-template-columns: 2fr 1fr;
}
.grid.fr12 {
  grid-template-columns: 1fr 2fr;
}

.grid.gap0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.grid.gap10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.grid.gap20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.grid.gap30 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.grid.gap40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.gap60 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}
.grid.gap80 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
}

section.ce_accordion {
    margin:5px 0;
    padding:15px 10px 10px 0;
    border-top:0px solid #bdbdbd;
    border-right:0px solid #bdbdbd;
    border-bottom:1px solid #bdbdbd;
    border-left:0px solid #bdbdbd;
}
section.ce_accordion *:focus {
    outline:0 !important;
}
section.ce_accordion div.toggler span {
    padding-left:0;
    vertical-align:middle;
}
section.ce_accordion div.ui-accordion-content {
    margin-top:5px;
    margin-top:0px;
    margin-left:0;
}
section.ce_accordion div.ui-accordion-content p img {
    top: 4px;
    position: relative;
}
div.toggler {
    width:100%;
    min-height:32px;
    background-image:url("/files/Faisst-Koffer/Layout/Common/akkordeon-open.png");
    background-position:right center;
    background-repeat:no-repeat;
    color:#000;
    font-weight: 600;
}
div.toggler.active {
    width:100%;
    background-image:url("/files/Faisst-Koffer/Layout/Common/akkordeon-close.png");
    background-position:right center;
    background-repeat:no-repeat;
}
div.circle p strong {
    width:24px;
    height:24px;
    border:1px solid #bfbfbf;
    border-radius:50%;
    text-align: center;
    vertical-align: middle;
    display: inline-table;
}


.clear,
#clear {
    float:none;
    clear:both;
    height:auto;
}
.center {
    width:100%;
    text-align:center;
}

.floatleft {
    float: left;
}

.col20 {
    width:20%;
}
.col25 {
    width:25%;
}
.col33 {
    width:33.3%;
}
.col50 {
    width:50%;
}
.col66 {
    width:66.6%;
}
.col66 {
    width:80;
}
.col33m {
    float:left;
    margin-left:25px;
    width:calc(33.3% - 25px);
}
.col33line {
    float:left;
    width:calc(33.3% - 30px);
}

.col50m {
    float:left;
    margin-right:20px;
    width:calc(50% - 20px);
}
.col50mr {
    float:left;
    margin-right:0;
    margin-left:20px;
    width:calc(50% - 20px);
}
.col50line {
    float:left;
    width:calc(50% - 31px);
}
.col66m {
    float:left;
    margin-right:25px;
    margin-left:0;
    width:calc(66.6% - 25px);
}
.col66line {
    float:left;
    width:calc(66.6% - 32px);
}
.colline {
    width:2px;
    float:left;
    display:inline-block;
    margin-right:29px;
    margin-left:29px;
    padding-right:0;
    padding-left:0;
    border-right:2px solid #b3b3b3;
}
.dist20 {
    height:20px;
    display:block;
}
.dist25 {
    height:25px;
    display:block;
}
.dist30 {
    height:30px;
    display:block;
}
.dist50 {
    height:50px;
    display:block;
}
.dist100 {
    height:100px;
    display:block;
}
.dist150 {
    height:150px;
    display:block;
}

.distleft0 {
    position: absolute;
    left: 0;
}
.distleft10 {
    position: absolute;
    left: 10%;
}
.distleft20 {
    position: absolute;
    left: 20%;
}
.distleft25 {
    position: absolute;
    left: 25%;
}
.distleft33 {
    position: absolute;
    left: 33.3%;
}
.distleft40 {
    position: absolute;
    left: 40%;
}
.distright0 {
    position: absolute;
    right: 0;
}
.distright10 {
    position: absolute;
    right: 10%;
}
.distright20 {
    position: absolute;
    right: 20%;
}
.distright25 {
    position: absolute;
    right: 25%;
}
.distright33 {
    position: absolute;
    right: 33.3%;
}
.distright40 {
    position: absolute;
    right: 40%;
}


.width100 {
  width: 100%;
}

.limit2000,
.limit2000int {
    max-width:2000px;
    margin-right:auto;
    margin-left:auto;
}
.limit1800,
.limit1800int {
    max-width:1800px;
    margin-right:auto;
    margin-left:auto;
}
.limit1600,
.limit1600int {
    max-width:1600px;
    margin-right:auto;
    margin-left:auto;
}
.limit1400,
.limit1400int {
  width: 100%;
    max-width:1400px;
    margin-right:auto;
    margin-left:auto;
}
.limit1200,
.limit1200int {
    max-width:1200px;
    margin-right:auto;
    margin-left:auto;
}
.limit1000,
.limit1000int {
    max-width:1000px;
    margin-right:auto;
    margin-left:auto;
}
.limit800 {
    max-width:800px;
    margin-right:auto;
    margin-left:auto;
}


.maxwidth1000 {
  max-width:1000px;
}
.maxwidth1200 {
  max-width:1200px;
}
.maxwidth1400 {
  max-width:1400px;
}


.boxblue {
  width:100%;
  padding-bottom:30px;
  background-color:var(--ka-bk-blue);
}

.verlaufblue {
  width:100%;
  padding-bottom:30px;
  background:linear-gradient(90deg,#000000,#1e3a58);
}

.boxgrey {
    width:100%;
    display:inline-block;
    padding-top:20px;
    padding-bottom:30px;
    background-color:#e5e5e5;
}
.boxgrey.center {
    display: flex;
    justify-content: center;
    flex-direction:row;
}
.boxgrey.column {
    flex-direction:column;
}

.boxwhite {
    width:100%;
    display:inline-block;
    padding-top:20px;
    padding-bottom:30px;
    background-color:#ffffff;
}

.boxwhite.center {
    display: flex;
    justify-content: center;
}

.boxwhite.column {
    flex-direction:column;
}


/* 7ec708 */
.boxgreen {
    width:100%;
    display:inline-block;
    padding-top:10px;
    padding-bottom:15px;
    background-color:#92ad9f;
}
.boxgreen h1,
body.home .boxgreen h1 {
    max-width:100%;
    margin-top:15px;
    padding-top:0;
    font-size:44px;
    color:#FFF;
}
.boxgreen h2,
body.home .boxgreen h2 {
    max-width:100%;
    margin-top:20px;
    padding-top:0;
    font-size:30px;
    color:#23a7c4;
}
.flexcontainer {
  display: flex;
}
.flexcontainer.space-between {
    margin-top: 50px;
    margin-bottom: 50px;
    justify-content: space-between;
}
.flexcontainer.space-between .ce_hyperlink {
    position: relative;
    align-items: center;
    margin-right:0px;
    margin-bottom:20px;
    width:calc(33% - 10px);
    overflow: hidden;
}
.flexcontainer.column {
    flex-direction: column;
}

.flexcontainer.space-between .ce_hyperlink * {
    overflow: hidden;
    line-height: 1px;
}

.flexcontainer.space-between .ce_hyperlink .linktitle {
    position: absolute;
    width: 100%;
    top: calc(50% - 15px);
    color: #ffffff;
    font-size: 30px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    pointer-events: none;
    text-align: center;
}

.flexcontainer.space-between .ce_hyperlink .image_container img {
    transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transition: all .5s ease-in-out;
}

.flexcontainer.space-between .ce_hyperlink:hover .image_container img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}




/* ****************************************************************************************************************** */
/* --- header ---------- -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#header {
  width:100%;
  height:var(--ka-headerheigt);
  left:0;
  top:0;
  position:fixed;
  overflow:visible;
  display:flex;
  margin:0;
  background-color:#fff;
  z-index:999;
  box-shadow:5px 5px 5px 1px rgba(0,0,0,.09);
}
#header .inside {
  position: relative;
  padding:0;
  width:100%;
  height: 100%;
  display:flex;
  align-items: center;
}
#header .faisstlogo {
  left:auto;
  right: 20px;
  top:5px;
  position:absolute;
  padding:0;
  z-index:951;
  width: 180px;
  height: auto;
  display: flex;
  background-color: #fff;
  padding: 15px 30px;
  transition: all 0.5s ease-in-out;
}
#header.small .faisstlogo,
#header.menuactive .faisstlogo {
  width: 100px;
  padding: 5px 10px;
}

#header .faisstlogo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1px;
  line-height: 1px;
}

#header .faisstlogo img {
  width: 100%;
  height: auto;
}

#header .blockmenu {
  position: absolute;
  left: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

#header .blockmenu .menu,
#header .blockmenu .menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#header .blockmenu .menu a img {
  width: 32px;
  height: 32px;
}

#header .blockmenu .menu {
  margin: 0 10px 0 0;
}

#header  .blockmenu #navmainid {
  display: none;
}
#header  .blockmenu #navmainid.visible {
  display: block;
}

#header .blockmenu .mod_customnav ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}

#header .blockmenu .mod_customnav ul li {
  margin: 0 10px;
}
#header .blockmenu .mod_customnav ul li a,
#header .blockmenu .mod_customnav ul li strong {
  text-decoration: none;
  font-weight: 600;
}
#header .blockmenu .mod_customnav ul li strong {
  color: var(--ka-bk-lightblue);
}

#header .blockmiddle {
  position: absolute;
  left: 60%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#header .blockmiddle a {
  margin: 0 10px;
}

#header .blockmiddle .searchbutton {
  margin: 0 0px 0 0;
}

#header .blockmiddle .searchbutton img {
  width: 32px;
  height: 32px;
}

/*
.menu,
.searchbutton,
#mmenu,
*/
#header #changelanguage {
  position: relative;
  /*overflow:hidden;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 20px;
  width:32px;
  height:37px;
  padding-bottom:0px;
}
#changelanguage img {
  cursor: pointer;
}

#header #changelanguage {
  /*
  position: absolute;
  left: auto;
  right: 220px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0;
  width:32px;
  height:37px;
  */

}
#changelanguage img {
  cursor: pointer;
}
div.langitms {
  left:00px;
  top:0px;
  position:absolute;
  display:none;
}
nav.mod_changelanguage,
nav.mod_changelanguage ul {
  padding:0;
  margin:0;
}
#changelanguage:hover .langitms {
  left:-5px;
  top:30px;
  position:absolute;
  display:block;
  margin-bottom:0;
  padding:25px 8px 0;
  background-color:#f7f7f7;
  z-index:952;
}
nav.mod_changelanguage ul li {
  margin:10px 0;
  padding:0;
  font-size:0;
  line-height:0;
  z-index:953;
  width:32px;
  height:18px;

}
#header #changelanguage a {
  width: 100%;
  height: 100%;
  margin:0;
  padding:0;
  font-size:0;
  line-height:0;
  text-indent:-999px;
  cursor: pointer;
}
#header #changelanguage a:hover {
  color: #fff;
}
#changelanguage a img {
  width: 100%;
  height: 100%;
  margin:0;
  padding:0;
}
.menu div.text,
#navmobil div.label {
    float:left;
    margin-top:0;
    margin-right:8px;
    padding-top:2px;
    font-size:18px;
    line-height:18px;
    color:var(--ka-bk-lightblue);
}
.menu div.image {
    float:left;
}

#nobanner {
  min-height:var(--ka-headerheigt);
}
#banner {
    width:100%;
    height:100%;
    min-height:0px;
    overflow:hidden;
    clear:both;
    margin-top:60px;
}
#bannersmall img {
    width:100%;
}

#nav_header_1 ul {
    list-style:none;
}
.breakpoint-900 #nav_header_1 ul {
    padding-top:54px;
    padding-left:28px;
}
#nav_header_1 ul li {
    float:left;
    margin-right:4px;
    padding-right:4px;
    border-right:1px solid #939494;
    text-transform:lowercase;
}
#nav_header_1 ul li.last {
    margin-right:0;
    border-right:0;
}
#nav_header_1 ul li a {
    display:block;
    padding:1px 3px;
    text-decoration:none;
    color:#939494;
}
#nav_header_1 ul li a:hover,
nav.mod_changelanguage ul.level_1 li:hover {
    background-color:var(--ka-bk-lightblue);
    color:#fff;
}
#nav_header_1 ul li span {
    display:block;
    padding:1px 3px;
    background-color:var(--ka-bk-lightblue);
    color:white;
}
#nav_header_1 ul li.trail a {
    display:block;
    padding:1px 3px;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}

/* header .quote_box {display: none;} */
header .quote_box div {
    margin:0;
}

/* header .quote_box ul {height:20px;overflow:hidden} */
header .quote_box ul {
    width:640px;
    max-height:65px;
    /*min-height:63px;
    */ overflow:hidden;
}
header .quote_box ul li {
    font-size:1.18em;
    color:var(--ka-bk-lightblue);
    font-weight:400;
}
header .quote_box ul li:not(:first-child) {
    display: none !important;
}
.breakpoint-500 header .quote_box {
    display: none !important;
}
.breakpoint-300 header .quote_box {
    display: none !important;
}
@media all and (max-width: 500px) {
    header .quote_box {display: none !important;}
}
#madeInGermany {
    width:157px;
    height:40px;
    right:5px;
    position:absolute;
    text-indent:-999em;
    bottom: 10px;
    background: transparent url(../../files/intern/img/madeingermany.png) no-repeat 50% 50%;
}
#nav_header_2 {
    width:81px;
}
#nav_header_2 ul {
    padding-top:7px;
    list-style:none;
}
#nav_header_2 ul li {
    float:left;
    text-transform:lowercase;
}
#nav_header_2 ul li.first {
    padding-right:4px;
}
#nav_header_2 ul li a {
    display:block;
    padding:0;
    text-decoration:none;
    color:#939494;
}
#nav_header_2 ul li a:hover {
    color:var(--ka-bk-lightblue);
}
#nav_header_2 ul li span {
    display:block;
    padding:1px 3px;
    background-color:var(--ka-bk-lightblue);
    color:white;
}
#nav_header_2 ul li.trail a {
    display:block;
    padding:1px 3px;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}
input#search_query:focus,
input#search_query {
    width:138px;
    height:14px;
    display:block;
    margin-top:23px;
    padding:2px 5px;
    background-position:top right;
    border:0;
    outline:none;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    background:none;
    background-image:url('../../files/intern/img/search_input.jpg');
}

#header .shop {
  display: flex;
  flex-direction: row;
}

#header .shop img {
  width: 32px;
  height: 32px;
}

#header .shop a.cart {
  position: relative;
  display: flex;
}

#header .shop a.cart div.cart-quantity {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ****************************************************************************************************************** */
/* --- footer ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#footer {

  margin:0;
  padding:50px 0;
  background-color:#fff;
}

#footer .inside {
  display: flex;
  max-width:1400px;
  margin-right:auto;
  margin-left:auto;
}

#footer .inside .limit1400 {
  padding: 0;
  display: contents;
}

#footer .inside .limit1400 > .grid {
  width: 100%;
}

#footer .contact {

}


#footer .contact .arrowright a {
  padding: 0 30px 0 0;
  background-image: url('/files/intern/common/faisst-koffer-right-grey.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center right;
}

#footer .consult {
  display: flex;
  flex-direction: column;
}
#footer .consult .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 30px 0;
  color: var(--ka-font-color3);
}

#footer .consult .text a {
  display: inline-block;
  text-align: center;
  min-width:240px;
  margin:0px 0 0 0;
  padding:10px 15px;
  border: 2px solid #000;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
}
#footer .consult .text a:hover {

}
#footer .awards {
  display: flex;
  justify-content: flex-end;
}
#footer .awards img {
  width: 100px;
  margin: 0;
}


#footer-news {
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin:0;
  padding:50px 0 80px 0;

  background-color: #fff;
}
#footer-news h2 {
}
#footer-news div.text {
  margin:4px 0;
  padding:0;
  /*color:#FFF;*/
}
#footer-news div.button a {
  display: flex;
  min-width:300px;
  margin:20px 0 0 0;
  padding:10px 15px;
  text-align:center;
  align-items: center;
  justify-content: center;
  background-color:#000;

  display: inline-block;
  margin: 35px 10px 10px 10px;
  padding: 8px 20px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  transition: color 300ms ease-in-out;
}
#footer-news a {
  color:#FFF;
}
#footer-news div.button a:hover {
  background-color: var(--ka-bk-darkblue);
}
body.no-footer-news #footer-news {
  display: none !important;
}



#footer-menu {
  position: relative;
  display: flex;
  margin: 0;
  padding:50px 0 80px 0;
  background-color:#000;
  width: 100%;
}
#footer-menu * {
  color:#FFF;
}
#footer-menu h4,
#footer-menu h2.headline {
  display: flex;
  width: 100%;
  margin: 0 0 30px 0;
  text-transform: uppercase;
  font-size:24px;
  line-height:28px;
  text-align: center;
  justify-content: center;
}

#footer-menu nv,
#footer-menu .dmg_linkbox {
  display: flex;
  flex-direction: column;
  margin:0;
}
#footer h1,
#footer-menu h4,
#footer-menu .dmg_linkbox h2 {
  overflow:hidden;
  font-size:20px;
  line-height:24px;
  text-transform: uppercase;
  font-weight: 500;
  white-space: nowrap;
  display: flex;
  justify-content: flex-start;
}
#footer-menu nav p,
#footer-menu nav a,
#footer-menu .dmg_linkbox p,
#footer-menu .dmg_linkbox a {
  font-size:16px;
  line-height:20px;
  color:#fff;
  text-transform:none;
  font-weight:400;
}
#footer-menu nav a:hover,
#footer-menu .dmg_linkbox a:hover {
  color: var(--ka-bk-lightblue);
}
#footer-menu nav ul,
#footer-menu .dmg_linkbox ul {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}
#footer-menu nav ul li {
  margin: 0;
}
#footer-menu .dmg_linkbox .description {
    top:-25px;
    position:relative;
}
#footer-menu .dmg_linkbox .description,
#footer-menu .dmg_linkbox .description a {
    margin:0;
    padding:0;
    font-size:12px;
    line-height:1.1em;
    list-style-type:none;
}
#footer-menu .dmg_linkbox .description strong {
    overflow:visible;
    line-height:16px;
    white-space: nowrap;
}

#footer-menu .socials {
  position: absolute;
  left: auto;
  top: auto;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#footer-menu .socials .links {
  margin: 10px 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 40px;
}
#footer-menu .socials * {
  margin: 0;
  padding: 0;
}
#footer-menu .socials img {
  width: 40px;
  height: 40px;
  padding: 4px;
  transition: all .5s ease-in-out;
}
#footer-menu .socials img:hover {
  width: 40px;
  height: 40px;
  padding: 0px;

}
#footer-menu .socials .ce_hyperlink {
  display: flex;
  margin: 0;
}

.madeInGermany {
    left:0;
    top:215px;
    position:absolute;
    margin-top:8px;
}
#footer-band {
    height:100px;
    padding-top:0;
    padding-bottom:0;
    background-color:var(--ka-bk-lightblue);
}
#footer-band-2 {
    width:100%;
    height:100px;
    margin:0;
    padding:0;
    background-color:#fff;
}
footer nav {
    float:left;
    margin-right:20px;
    width:calc(20% - 20px);
}
footer nav ul {
    list-style:none;
}
footer nav ul li {
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    padding-top:0;
    padding-bottom:0;
    padding-left:0;
}
footer nav ul li a,
footer nav ul li a:visited {
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding:0;
    font-size:1em;
    line-height:1.3em;
    text-decoration:none;
    color:#3d3d3d;
}
footer nav ul li span {
    display:block;
    padding:1px 3px;
    background-color:var(--ka-bk-lightblue);
    color:white;
}
#footer h1 {
    font-size:18px;
}
#footer-band .inside {
    max-width:700px;
    margin-top:8;
    margin-right:auto;
    margin-left:auto;
}
#footer-band-2 .inside {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding-top:0;
    padding-bottom:0;
}
#socials {
    right:20px;
    top:40px;
    position:absolute;
}
#socials .ce_hyperlink {
    width:25px;
    height:25px;
    float:right;
    margin-left:5px;
}

.ce_hyperlink.button a:hover {
  background-color: var(--ka-bk-darkblue);
}


ul.arrow-links li,
ul.arrow-links li a {
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    line-height:1.1em;
    color:#000;
    list-style-type:none;
    font-weight:500;
}
ul.arrow-links li:hover,
ul.arrow-links li a:hover {
    list-style-type:none;
}
#footer-band-2 .shoplink {
    width:50%;
    margin:0 auto;
    padding:32px 15px 0;
    text-align:center;
}
#footer-band-2 .shoplink a {
    margin-top:0;
    padding-top:0;
    font-size:18px;
    line-height:18px;
    color:var(--ka-bk-lightblue);
    font-weight:600;
}
#footer-band-2 div.shoplink img {
    top:5px;
    position:relative;
    margin-top:0;
    margin-right:0;
    margin-left:10px;
    padding-top:0;
}
#footer-band-2 .copyright {
    max-width:30%;
    float:left;
    display:inline-block;
    margin-top:4px;
    margin-bottom:0;
    padding-top:38px;
    padding-bottom:0;
    font-size:14px;
    font-weight:500;
}


/* ****************************************************************************************************************** */
/* --- mainmenu ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media screen and (min-width: 1101px) {
  #navmobil {
    display:none;
  }
  nav#navmain,
  nav #navimg,
  nav #navclose {
    display:none;
  }

  nav#navmain.active {
    display:flex;
    position: fixed;
    left: 0;
    top: 60px;
    height: calc(100vh - 60px);
    /*min-height: 1100px;*/
    width: calc(100vw * 1);
    margin:0;
    padding: 0;
    background-color: rgba(255,255,255,0.999);
    z-index: 999;
  }

  nav#navmain a {
    margin:5px 0 0;
    padding:0;
    text-decoration:none;
    font-weight:500;
  }

  nav#navmain strong {
    font-weight:500;
  }


  nav#navmain ul,
  nav#navmain ul li {
    margin:0;
    padding: 0;
    display: inline-block;
    float: left;
    clear: both;
  }

  nav#navmain li a.active span,
  nav#navmain li.trail > a > span,
  nav#navmain li a:hover,
  nav#navmain ul.level_1 > li.hover > a span,
  nav#navmain ul.level_2 > li.hover > a span,
  nav#navmain ul.level_3 > li.hover > a span,
  nav#navmain li a.sfhover {
    text-decoration:none;
    color:var(--ka-bk-lightblue);
    transition: color 250ms ease-in-out;
  }

  nav#navmain li a.active span {
    /*color:#fff;*/
  }

  nav#navmain ul img.navimg {
    display:none;
  }

  /* level 1 */

  nav#navmain ul.level_1 {
    width: calc(50% - 0px);
    background-color: var(--ka-bk-lightgrey);
    background-color:#dee2e3;
    padding: 50px 50px 50px 100px;
    display: inline-block;
  }


  nav#navmain ul.level_1 li a {
    padding: 5px 0;
    display: flex;
    font-size: 24px;
  }

  nav#navmain ul.level_1 li span {
    display: block;
    /*width: 100%;*/
  }

  /* level 2 */

  nav#navmain ul.level_2 {
    display:block;
    display:none;
    position: absolute;
    top: 0;
    left: 16%;
    width: 16%;
    height: calc(100vh - 60px);
    background-color: #dfe3e4;
    border-left: 1px solid var(--ka-bk-lightgrey);
    padding: 50px 0 0 50px;
    margin: 0 0 50px 0px;
  }

  nav#navmain ul.level_1 li:hover ul.level_2,
  nav#navmain ul.level_1 li.hover ul.level_2 {
    display:block;
  }

  nav#navmain ul.level_2 li a {
    padding: 10px 0 3px 0;
    display: flex;
    font-size: 20px;
  }

  /* level 3 */
  nav#navmain ul.level_3 {
    padding: 2px 0 5px 0;
    /*padding: 0px 0 0px 0px;*/
  }

  nav#navmain ul.level_3 li a,
  body.konfigurator nav#navmain ul.level_3 li a {
    margin: 0;
    padding: 2px 0;
    display: flex;
    font-size: 16px;
    color: #4D585E;
  }
  nav#navmain ul.level_3 li a:hover,
  body.konfigurator nav#navmain ul.level_3 li a:hover {
    text-decoration:none;
    color:var(--ka-bk-lightblue);
    transition: color 300ms ease-in-out;
  }
  nav#navmain ul.level_3 li span {
    font-size: 16px;
    font-weight: 600 !important;

  }


  nav#navmain.active #navimg {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    width: 50%;
    /*height: calc(100vh - 60px);*/
    height:100%;
    display:flex;
    flex-direction: column;
    /*background-color: #f00;*/
  }

  nav #navimg .textblock {
    padding: 50px 50px;
    z-index: +2;
  }
  nav #navimg .textblock h2 {
    opacity: 1;
    transition: opacity 500ms ease;
  }
  nav #navimg .textblock.fadeout h2 {
    opacity: 0;
  }
  nav #navimg .textblock .buttons {
    position: relative;
    display: flex;
  }
  body nav #navimg .textblock.menudarkmode * {
    color: #fff;
  }
  nav #navimg .textblock .buttons a {
    display: inline-block;
    margin: 20px 20px 0 0px;
    padding: 10px 25px;
    border-radius: var(--ka-radius-btn);
    background-color: var(--ka-bk-btn);
    color: var(--ka-color-btn);
    cursor: pointer;
    transition: color 300ms ease-in-out;
  }
  nav #navimg .textblock .buttons a:hover {
    background-color: var(--ka-bk-darkblue);
  }
  nav #navimg .textblock .buttons a.btn3 {
    background-color: var(--ka-bk-btngreyhover);
  }

  nav #navimg img.case {
    position: absolute;
    left: 20%;
    right: 0;
    top: auto;
    bottom: 25%;
    width: 60%;
    height: auto;
    object-fit: cover;
    /*opacity: 1;*/
  }
  nav #navimg img.max {
    position: absolute;
    left: 0%;
    right: 0;
    top: auto;
    bottom: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  nav #navimg .maximage,
  nav #navimg .caseimage {
    transition: opacity 750ms ease-in-out;
  }

  nav #navimg .maximage {
    opacity: 0;
    background-color: #fff;
  }
  nav #navimg .caseimage {
    opacity: 1;
    background-color: #fff;
  }
  nav #navimg.maximg .maximage {
    opacity: 1;
  }
  nav #navimg.maximg .caseimage {
    opacity: 0;
  }

  nav #navimg img.front {
    z-index: +1;
    /*transition: opacity 1ms ease-in-out;*/
  }
  nav #navimg img.back {
    z-index: -1;
    /*transition: opacity 100ms ease-in-out;*/
  }

  nav #navimg .caseimage .shadow {
    position: absolute;
    top: auto;
    bottom: 280px;
    left: 25%;
    width: 50%;
    height: 80px;
    background-color: rgba(255,255,255,0.001);
    border-radius:50%;
    box-shadow: 0px 88px 20px 0px rgba(94,107,116, 0.3);
    z-index: -1;
  }

  nav #navimg .caseimage .bkimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: url('/files/intern/backgrounds/faisst-alu-koffer-bg-white.jpg');
    background-size: cover;
    background-position: top center;
    z-index: -2;
  }
  nav #navimg.maximg .caseimage .bkimg,
  nav #navimg.maximg .caseimage .shadow {
    display: none;
  }



  nav#navmain.active #navclose {
    position: absolute;
    left: auto;
    right: 35px;
    top: 25px;
    width: 44px;
    height: 44px;
    display:flex;
    z-index: +1;
    cursor: pointer;
  }
  nav #navclose img {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  nav#navmain .submenu3-preview {
    display: none;

  }

  nav #level1submenu {
    position: absolute;
    top: auto;
    bottom: 20px;
    left:  0px;
    display: flex;
  }
  #header nav #level1submenu ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #header nav #level1submenu ul a,
  #header nav #level1submenu ul span,
  #header nav #level1submenu ul strong {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    white-space: nowrap;
  }
  #header nav #level1submenu #navclose,
  #header nav #level1submenu #navimg {
    display: none;
  }

  #header #level1submenu ul li {
    margin: 0;
  }

  nav#navmain .socials {
    position: absolute;
    top: auto;
    left: 100px;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  nav#navmain .socials .links {
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 40px;
  }
  nav#navmain .socials h4 {
    display: none;
  }
  nav#navmain .socials * {
    margin: 0;
    padding: 0;
  }
  nav#navmain .socials img {
    width: 32px;
    height: 32px;
    padding: 4px;
    transition: all .5s ease-in-out;
  }
  nav#navmain .socials img:hover {
    width: 32px;
    height: 32px;
    padding: 0px;
  }
  nav#navmain .socials .ce_hyperlink {
    display: flex;
    margin: 0;
  }

  /*
  nav#navmain {
      right:180px;
      top:18px;
      position:absolute;
      overflow:visible;
      margin:0;
      z-index: 952;
  }
  nav#navmain {
      text-transform:lowercase;
  }
  nav#navmain span.active,
  nav#navmain li.sibling,
  nav#navmain li ul li.active {
      margin:0;
      padding:0;
  }

  nav#navmain a:hover {
      text-decoration:none;
  }
  nav#navmain ul {
      height:42px;
      left:0;
      position:relative;
      display:inline-block;
      padding-right:25px;
      padding-left:25px;
      background-color:#f7f7f7;
  }
  nav#navmain li {
      float:left;
      list-style-type:none;
  }
  nav#navmain li a {
      float:left;
      display:block;
      margin:0;
      padding:4px 10px 19px;
      text-align:center;
      background-color:#f7f7f7;
      line-height:1.2em;
      color:#555;
      text-transform:capitalize;
      list-style-type:none;
  }
  nav#navmain li a.trail {
      color:var(--ka-bk-lightblue);
  }
  nav#navmain li.active {
      display:block;
      margin:0;
      padding:4px 10px 19px;
      text-align:center;
      background-color:#f7f7f7;
      font-size:1em;
      line-height:1.2em;
      color:var(--ka-bk-lightblue);
      text-transform:capitalize;
      font-weight:500;
  }
  nav#navmain li a:hover,
  nav#navmain li a.sfhover {
      text-decoration:none;
      color:var(--ka-bk-lightblue);
      -webkit-transition: color 300ms ease-in-out;
      -moz-transition: color 300ms ease-in-out;
      -o-transition: color 300ms ease-in-out;
      transition: color 300ms ease-in-out;
  }

  nav#navmain ul {
      margin:0;
      padding:0;
      list-style-type:none;
  }
  nav#navmain li ul {
      width:950px;
      min-height:680px;
      left:-70px;
      top:24px;
      position:absolute;
      display:none;
      padding:45px 70px 80px;
      background-color:#fff;
      -webkit-box-shadow:5px 5px 5px 1px rgba(207,207,207,.5);
      box-shadow:5px 5px 5px 1px rgba(207,207,207,.5);
      border-top:18px solid #f7f7f7;
      border-right:0px solid #f7f7f7;
      border-bottom:0px solid #f7f7f7;
      border-left:0px solid #f7f7f7;
  }
  nav#navmain ul.level_2 span.active {
      color:var(--ka-bk-lightblue);
  }

  nav#navmain li ul li {
      float:none;
      clear:both;
      margin:0;
      padding:0;
  }
  nav#navmain li ul li a,
  nav#navmain li ul li.active {
      width:250px;
      min-height:32px;
      margin:0;
      padding:8px 0 8px 10px;
      text-align:left;
      background-color:#fff;
      color:#555;
      text-transform:none;
      -webkit-transition: color 300ms ease-out;
      -moz-transition: color 300ms ease-out;
      -o-transition: color 300ms ease-out;
      transition: color 300ms ease-out;
  }
  nav#navmain li ul li.active {
      text-align:left;
      color:#0e49a1;
      text-transform:none;
      font-weight: 500;
  }

  nav#navmain ul.level_1 li:nth-of-type(1) > ul.level_2,
  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2,
  nav#navmain ul.level_1 li:nth-of-type(4) > ul.level_2,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 {
      width:950px;
      min-height:370px;
      z-index:951;
  }

  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 {
      min-height:245px;
  }

  nav#navmain ul.level_1 li:nth-of-type(1) > ul.level_2 li,
  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2 li,
  nav#navmain ul.level_1 li:nth-of-type(4) > ul.level_2 li,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 li {
      float:left;
      clear:none;
      margin:0 0 2px;
      padding:0;
      z-index:951;
  }

  nav#navmain ul.level_1 li:nth-of-type(1) > ul.level_2 a,
  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2 a,
  nav#navmain ul.level_1 li:nth-of-type(4) > ul.level_2 a,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 a {
      width:170px;
      float:left;
      clear:none;
      margin:0 15px 15px 0;
      padding:0;
      z-index:951;
  }
  nav#navmain ul.level_1 li:nth-of-type(1) > ul.level_2 li.active,
  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2 li.active,
  nav#navmain ul.level_1 li:nth-of-type(4) > ul.level_2 li.active,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 li.active {
      width:170px;
      float:left;
      clear:none;
      margin:0 15px 15px 0;
      padding:0;
      background-color:#fff;
  }
  nav#navmain ul.level_1 li:nth-of-type(1) > ul.level_2 li:nth-of-type(4).active,
  nav#navmain ul.level_1 li:nth-of-type(3) > ul.level_2 li:nth-of-type(4).active,
  nav#navmain ul.level_1 li:nth-of-type(4) > ul.level_2 li:nth-of-type(4).active,
  nav#navmain ul.level_1 li:nth-of-type(7) > ul.level_2 li:nth-of-type(4).active {
      margin-bottom:18px;
  }
  nav#navmain ul.level_1 li:nth-of-type(1) > nav#navmain ul.level_2 a:hover,
  nav#navmain ul.level_1 li:nth-of-type(3) > nav#navmain ul.level_2 a:hover,
  nav#navmain ul.level_1 li:nth-of-type(4) > nav#navmain ul.level_2 a:hover,
  nav#navmain ul.level_1 li:nth-of-type(7) > nav#navmain ul.level_2 a:hover {
      background-color:#fff;
      color:var(--ka-bk-lightblue);
  }
  nav#navmain ul.level_2 img {
      float:none;
      clear:both;
      margin-right:0;
      margin-bottom:0;
      padding-right:0;
      padding-left:0;
  }

  nav#navmain ul.level_3 {
      width:630px;
      min-height:557px;
      left:320px;
      position:absolute;
      padding:20px 0 0 40px;
      background-color:#fff;
      border-top:0px #fff;
      top:25px;
      z-index: 999;
  }
  nav#navmain ul.level_3 li {
      width:180px;
      float:left;
      clear:none;
      margin-right:15px;
      margin-bottom:15px;
      padding:0;
  }

  nav#navmain ul.level_3 li a,
  nav#navmain ul.level_3 li.active {
      width:180px;
      float:left;
      padding:0;
      background-color:#fff;
      text-transform:lowercase;
  }

  nav#navmain ul.level_3 li.active {
      margin-right:15px;
      margin-bottom:15px;
      background-color:#fff;
      text-transform:lowercase;
  }
  nav#navmain li:hover ul {
      display:block;
  }
  nav#navmain ul li:hover ul ul {
      display:none;
  }
  nav#navmain ul ul li:hover ul {
      display:block;
  }
  nav#navmain ul.level_3 img {
      width:170px;
      float:none;
      clear:both;
      margin-right:0;
  }
  nav#navmain ul.level_1 li:nth-of-type(3) > nav#navmain ul.level_2 li ul li:nth-of-type(3).active {
      margin-bottom:40px;
  }
  nav#navmain ul.level_3 a:hover {
      background-color:#fff;
      color:var(--ka-bk-lightblue);
      -webkit-transition: color 300ms ease-in-out;
      -moz-transition: color 300ms ease-in-out;
      -o-transition: color 300ms ease-in-out;
      transition: color 300ms ease-in-out;
  }
  nav#navmain div.submenu3-preview {
      display:none;
  }
  nav#navmain ul.level_1 li:hover > div.submenu3-preview {
      width:600px;
      height:0px;
      right:-198px;
      top:85px;
      position:absolute;
      display:block;
      background-color:#fff;
      z-index:950;
      display:grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  nav#navmain ul.level_1 li:hover > div.submenu3-preview.lang-en {
      right:-281px;
      top:90px;
  }
  nav#navmain ul.level_1 li:hover > div.submenu3-preview.lang-fr {
      right:-220px;
      top:90px;
  }
  nav#navmain ul.level_1 li:hover > div.submenu3-preview.lang-nl {
      right:-220px;
      top:90px;
  }
  nav#navmain div.submenu3-preview a {
      padding:0;
      background-color:#fff;
  }
  nav#navmain div.submenu3-preview div.item {
      width:130px;
      float:left;
      margin:0 15px 15px 0;
      padding:0;
      text-align:left;
      background-color:#fff;
      font-size:.8em;
      text-transform:lowercase;
  }
  nav#navmain div.submenu3-preview div.item a {
      width:100%;
      text-align:left;
  }
  nav#navmain div.submenu3-preview img {
      float:left;
  }
  nav#navmain div.submenu3-preview span {
      width:100%;
      height:30px;
      text-transform:lowercase;
  }
  */


}

/* ****************************************************************************************************************** */
/* --- MT styles  --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
.MT-text {
	position: absolute;
    z-index: 1;
    top:2%;
    background-color: rgba(255,255,255,.8);
    padding: 10px 20px;
}
section.textimg .swiper-slide .MT-slide-text {
	opacity: 0.001;
    transition: opacity 0.3s ease;
}
section.textimg .swiper-slide-active .MT-slide-text {
	opacity:1;
}
.MT-text p {
	margin:0;
}

#banner2 .rsts-nav-bullets,
#banner2 .rsts-prev,
#banner2 .rsts-next {
	display:none;
}

/* --------- Gallery und Liste  --------------*/
.mt-gallery li {
	margin: 15px 0 0 15px;
	list-style: none;
}
.mt-list li {
	font-size: 20px;
    line-height: 24px;
    padding-bottom: 20px;
    margin-left: 20px;
}
.mt-liste-box.listimg .textblock .items .item {
	border-radius: 0;
	padding: 60px 20px;
}
section.xcolicons.ce_rsce_mt_gallery .image_container {
	max-width: 500px;
	position: relative;
}

section.xcolicons.ce_rsce_mt_gallery .textblock {
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    padding: 0 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}
section.xcolicons.ce_rsce_mt_gallery .textblock p {
	text-transform:uppercase;
}
section.xcolicons.ce_rsce_mt_gallery .textblock .hl {
	float:left;
}

.MT-HBild {
	background: lightblue url("https://faisst-koffer.de/files/image/unternehmen/BG/faisst-hg-schwarzwald-01.jpg") no-repeat fixed center;
	min-height:900px;
	overflow: hidden;
	position: relative;
    position: fixed;
    width: 100%;
    z-index: -100;
    background-size: cover;
    height:100%;
}

.MT-BGaniLayer {
	animation: LeftToRightUp 20s linear infinite;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	width:3000px;
	}

	@keyframes LeftToRightUp {
	0% {
		transform: translate(-800px,800px);
		opacity: 0;
	}
	25% {
		opacity: .6;
	}
	75% {
		opacity: .4;
	}
	100% {
		transform: translate(2000px,100px);
		opacity: 0;
	}
}

@media only screen and (max-width: 999px) {
	.ce_rsce_mt_gallery .grid {
		grid-template-columns: 1fr 1fr!important;
	}
	.ce_rsce_mt_gallery .image_container img {
		width:100%!important;
	}
}
@media only screen and (max-width: 520px) {
	.ce_rsce_mt_gallery .grid {
		grid-template-columns: 1fr 1fr!important;
	}
	section.xcolicons.ce_rsce_mt_gallery .textblock {
	    padding: 5px 5px 5px 10px;
	    width:100%;
	}
	section.xcolicons.ce_rsce_mt_gallery .textblock p {
		font-size:12px;
		margin-bottom:0;

	}
}

@media only screen and (max-width: 420px) {
	.ce_rsce_mt_gallery .grid {
		grid-template-columns: 1fr!important;
	}
}

/* ****************************************************************************************************************** */
/* --- swiperslider ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.swiper-container {
	position: relative;

	max-width: 100%;
	overflow: hidden; /* !!! */
}

.swiper-wrapper {
	max-width: 100%;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	 content: '' !important;
}

/*
.swiper-wrapper {
	width: 100%;
}
*/

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: calc(50% - 0px);
	left: auto;
	right: auto;
	width: 34px !important;
  height: 34px !important;
  background-repeat: no-repeat;
	/*background-color: rgba(0,0,0,0.7);*/
  background-color: var(--ka-bk-btn);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
  border-radius: var(--ka-radius-btn);
  /*border: 1px solid var(--ka-bk-btn);*/
	transition: background-position 0.5s ease-in-out;
	cursor:pointer;
	z-index: 999;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var(--ka-bk-darkblue);
}

.swiper-button-prev {
  left: 0px;
  background-image:url("/files/intern/common/faisst-koffer-left-white.svg");
}

.swiper-button-next {
  right: 0px;
  background-image:url("/files/intern/common/faisst-koffer-right-white.svg");
}


/* ****************************************************************************************************************** */
/* --- calltoaction ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#calltoaction,
body.cta-disable #calltoaction  {
	display: none !important;
}

#calltoaction {
    right:0;
    top:120px;
    position:fixed;
    z-index:997;
}
#calltoaction a img {
    background:-moz-linear-gradient(70deg,#3366cc,#6699cc);
    background:-webkit-linear-gradient(70deg,#3366cc,#6699cc);
    background:-o-linear-gradient(70deg,#3366cc,#6699cc);
    background:-ms-linear-gradient(70deg,#3366cc,#6699cc);
    background:linear-gradient(20deg,#3366cc,#6699cc);
    -pie-background:linear-gradient(70deg,#3366cc,#6699cc);
    z-index:998;
}
#calltoaction a img:hover {
    background:-moz-linear-gradient(70deg,#f0a20a,#f0a20a);
    background:-webkit-linear-gradient(70deg,#f0a20a,#f0a20a);
    background:-o-linear-gradient(70deg,#f0a20a,#f0a20a);
    background:-ms-linear-gradient(70deg,#f0a20a,#f0a20a);
    background:linear-gradient(20deg,#f0a20a,#f0a20a);
    -pie-background:linear-gradient(70deg,#f0a20a,#f0a20a);
}


/* ****************************************************************************************************************** */
/* --- actionbuttons ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

div.kaactionbuttons {
  position: fixed;
  top: 100px;

  left: 50px;

  display: flex;
  flex-direction: column;
  z-index: 951;
  /* transform: translateY(-50%); */
}

div.kaactionbuttons .actionbutton {
  position: relative;
  margin: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

div.kaactionbuttons .actionbutton img {
  width: 250px;
}


/* ****************************************************************************************************************** */
/* --- bannertext --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#banner,
#bannerimage,
#banner2,
#banner .rsts-skin-default.rsts-main,
#banner .rsts-view,
#banner section.bannertext,
#banner section.bannertext .image_container,
#banner section.bannertext .image_container .videocontainer,
#banner .rsts-view video,
#banner .videocontainer video {
  position: relative;
  /* max-height: calc(100vh - var(--ka-headerheigt)) !important; */
  max-height: 100vh !important;
}


section.bannertext {
	position: relative;
	display: block;
	width: 100%;
}

section.bannertext .textblock {
	position: absolute;
	top: auto;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	z-index: +3;
}
section.bannertext .textblock .textbox {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

section.bannertext .textblock * {
	color: #fff;
}
section.bannertext .textblock h1,
section.bannertext .textblock h2 {
	font-size: 72px;
	line-height: 82px;
}

section.bannertext .image_container {
  position: relative;
	max-height: 100%;
	z-index: +2;
}

section.bannertext .image_container img.bkimg {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	width: auto;
	max-height: 100%;
	z-index: 0;
}

section.bannertext .image_container img.image {
	position: relative;
	width: auto;
  width: 100%; /* BG030225 */
	max-height: 100%;
	z-index: +1;
}

section.bannertext .image_container img.award {
	position: absolute;
	left: 18%;
	transform: translate(-50%, 0);
	top: 15%;
	width: 100px;
	z-index: +2;
}

section.bannertext .image_container .videocontainer {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
}

section.bannertext .image_container .videocontainer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.bannertext .buttons {
	display: flex;
	margin: 10px 0 30px 0;
}

section.bannertext .buttons a {
  display: inline-block;
  margin: 20px 10px 0 10px;
  padding: 8px 25px;
  font-size: 16px;
  line-height: 19px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
section.bannertext .buttons a:hover {
  background-color: var(--ka-bk-darkblue);
}


/* ****************************************************************************************************************** */
/* --- bannerslider --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.bannerslider {
	position: relative;
	display: block;
	width: 100%;
}

section.bannerslider .slinside {
  position: relative;
  width: 100%;
  height: 100%;
}

section.bannerslider .textblock,
section.bannerslider .textblock.bottomcenter {
	position: absolute;
	top: auto;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	z-index: +3;
}
section.bannerslider .textblock.topleft {
  top: 50px;
  bottom: auto;
  left: 5%;
  right: auto;
  transform: translate(0, 0);
  max-width: 50%;
}
section.bannerslider .textblock.topcenter {
  top: 50px;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 50%;
}
section.bannerslider .textblock.topright {
  top: 50px;
  bottom: auto;
  left: auto;
  right: 5%;
  transform: translate(0, 0);
  max-width: 50%;
}
section.bannerslider .textblock.centerleft {
  top: 50%;
  bottom: auto;
  left: 5%;
  right: auto;
  transform: translate(0, -50%);
  max-width: 50%;
}
section.bannerslider .textblock.centercenter {
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
  max-width: 50%;
}
section.bannerslider .textblock.centerright {
  top: 50%;
  bottom: auto;
  left: auto;
  right: 5%;
  transform: translate(0, -50%);
  max-width: 50%;
}
section.bannerslider .textblock.bottomleft {
  top: auto;
  bottom: 50px;
  left: 5%;
  right: auto;
  transform: translate(0, 0);
  max-width: 50%;
}
section.bannerslider .textblock.bottomright {
  top: auto;
  bottom: 50px;
  left: auto;
  right: 5%;
  transform: translate(0, 0);
  max-width: 50%;
}

section.bannerslider .textblock .textbox {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

section.bannerslider .textblock * {
	color: #fff;
}
section.bannerslider .textblock h1,
section.bannerslider .textblock h2 {
	font-size: 72px;
	line-height: 82px;
}

section.bannerslider .swiper-slide {
  display: flex;
  height: auto;
}

section.bannerslider .image_container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
	max-height: 100%;
  height: 100%;
	z-index: +2;
}

section.bannerslider .image_container img.bkimg {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	width: auto;
	max-height: 100%;
	z-index: 0;
}

section.bannerslider .image_container img.image {
	position: relative;
	width: auto;
	max-height: 100%;
	z-index: +1;
}

section.bannerslider .image_container img.award {
	position: absolute;
	left: 18%;
	transform: translate(-50%, 0);
	top: 15%;
	width: 100px;
	z-index: +2;
}

section.bannerslider .image_container .videocontainer {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
}

section.bannerslider .image_container .videocontainer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.bannerslider .buttons {
	display: flex;
	margin: 10px 0 30px 0;
}

section.bannerslider .buttons a {
  display: inline-block;
  margin: 20px 10px 0 10px;
  padding: 8px 25px;
  font-size: 16px;
  line-height: 19px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
section.bannerslider .buttons a:hover {
  background-color: var(--ka-bk-darkblue);
}

section.bannerslider .swiper-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 0 10px 0;
  text-align: right;
}
section.bannerslider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
section.bannerslider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}


/* ****************************************************************************************************************** */
/* --- ka_slider1 --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.kaslider1 {
  position: relative;
  height: 100%;
  display: block;
  margin: 80px 0 80px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
}

section.kaslider1 .swiper-button-prev,
section.kaslider1 .swiper-button-next {
  /*
  position: absolute;
  top:calc(50% - 17px);
  width:34px;
  height:34px;
  padding:0;
  margin: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  */
}

section.kaslider1 .swiper-button-prev {
  /*
  left:30px;
  background-image:url("/files/Faisst-Koffer/Layout/Common/ref-lightbox-prev.png");
  */

}

section.kaslider1 .swiper-button-next {
  /*
  right:30px;
  background-image:url("/files/Faisst-Koffer/Layout/Common/ref-lightbox-next.png");
  */

}


section.kaslider1.img3.part {
}

section.kaslider1 .textblock {
  display: flex;
}

section.kaslider1 .textblock .headline {
}

section.kaslider1 .textblock .headline2 {
  text-transform: uppercase;
}

section.kaslider1.img3.part.center .textblock,
section.kaslider1.img3.part.center .textblock * {
  text-align: center;
  justify-content: center;
}


section.kaslider1 .textblock .text {
    /*
    margin: 0 0 15px 0;
    text-transform: none;
    font-size: 18px;
    line-height: 22px;
    color: #7c7c7c;
    letter-spacing: 0.025em;
    font-weight: 400;
    */
}
section.kaslider1 .textblock .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

section.kaslider1 .textblock span {
    /*border-bottom: 1px solid var(--ka-font-color);*/
}

section.kaslider1 .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;

    margin: 60px auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;

}

section.kaslider1 .swiper-wrapper {
		/*
    das verhindert das smooth bi autoheight !!!
    transition-property: transform;
    */
    /*align-items: flex-start;*/

    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;

}

/* all */

section.kaslider1 .swiper-button-prev {
    position:absolute;
    /*top:calc(50% - 70px);*/
    top:calc(50% - 00px);
    left:30px;
    z-index: +1;
}

section.kaslider1 .swiper-button-next {
    position:absolute;
    /*top:calc(50% - 70px);*/
    top:calc(50% - 00px);
    left:auto;
    right: 30px;
    z-index: +1;
}


/* img1 */

section.kaslider1.img1.single .swiper-container {
    max-width: 1400px;
    overflow: hidden;
}

section.kaslider1.img1 .swiper-slide {
  width: 100%;
  max-width: 1400px;
  height: 100%;
  position: relative;
  transition-property: transform;

  display: flex;
  justify-content: center;
  flex-direction:column;
  flex-shrink: 0;

  opacity: 0.01;
  opacity: 1;
  margin: 0;

  overflow: hidden;
  height: calc(100% - 0px);
  transition: all 0.5s ease-out;

  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;

  max-height: 1000px;
}

section.kaslider1.img1 .swiper-slide.swiper-slide-active,
section.kaslider1.img1 .swiper-slide.swiper-slide-duplicate-active {
    opacity: 1;
}



section.kaslider1.img1 .container_img1 h3,
section.kaslider1.img1 .container_img1 h4,
section.kaslider1.img1 .container_img1 .text,
section.kaslider1.img1 .container_img1 .button {
  margin: 30px 0 0 0;
  padding: 0 150px 0 100px;
}

section.kaslider1.img1 .container_img1 .text {

}

section.kaslider1.img1 .container_img1 h3 {
  text-transform: none;
}

section.kaslider1.img1 .container_img1 h4 {
  margin: 5px 0 0 0;
  font-weight:500;
  font-size:13px;
  letter-spacing: 0.1em;
}

section.kaslider1.img1 .swiper-slide img {
  display: inline-block;
  width: 100%;
  object-fit: contain;
  max-height: 1000px;
}


/* img3p */

section.kaslider1.img3.part,
section.kaslider1.img5.part {
    min-height:400px;
    margin:0 auto;
    padding: 00px 0 50px 0;
    background-size: cover;
}

.limit1200 section.kaslider1.img3.part,
.limit1200 section.kaslider1.img5.part {
    /*min-height:900px;*/
}

section.kaslider1.img3.part .swiper-slide,
section.kaslider1.img5.part .swiper-slide {
  max-width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;

  display: flex;
  flex-direction:column;
  flex-shrink: 0;
  transition-property: transform;

  opacity: 0.3;
  margin: 0;
  padding: 0px;
  border: 0px solid var(--ka-bordergrey);
  box-shadow: none;

  overflow: hidden;
  transition: opacity 500ms ease-in-out;

  position: relative;

}

section.kaslider1.img3.part .swiper-slide {
  /*width: 25%;*/
  max-height: 1250px;
}
section.kaslider1.img5.part .swiper-slide {
  /*width: 17%;*/
}

section.kaslider1.img3.part .swiper-slide.swiper-slide-prev,
section.kaslider1.img3.part .swiper-slide.swiper-slide-next {
  opacity: 0.3;
}

section.kaslider1.img5.part .swiper-slide.swiper-slide-prev,
section.kaslider1.img5.part .swiper-slide.swiper-slide-next {
  opacity: 1;
}

section.kaslider1.img3.part .swiper-slide.swiper-slide-active,
section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active,
section.kaslider1.img5.part .swiper-slide.swiper-slide-active,
section.kaslider1.img5.part .swiper-slide.swiper-slide-duplicate-active {
  opacity: 1;
}

section.kaslider1.img3.part .swiper-slide .row1,
section.kaslider1.img3.part .swiper-slide .row2,
section.kaslider1.img5.part .swiper-slide .row1,
section.kaslider1.img5.part .swiper-slide .row2 {
  width: 100%;
  height: 100%;
  position: relative;
}
section.kaslider1.img3.part .swiper-slide .row1 {
  justify-content: flex-start;
}
section.kaslider1.img3.part .swiper-slide .row2,
section.kaslider1.img5.part .swiper-slide .row2 {
  display: flex;
  flex-direction:row;
  justify-content: space-between;
}

section.kaslider1.img3.part .swiper-slide .imgcontainer_img3o {
  display: flex;
  justify-content: center;
  align-items: center;
}

section.kaslider1.img3.part .swiper-slide .imgcontainer_img3o img {
  /*
  width: 100%;
  height: 100%;
  object-fit: contain;
  */
}

section.kaslider1.img3.part .swiper-slide .row1 img,
section.kaslider1.img5.part .swiper-slide .row1 img {
  width: 100%;
  height: 100%;
}

section.kaslider1.img3.part .swiper-slide .textblock,
section.kaslider1.img5.part .swiper-slide .textblock {
  width: calc(100% - 40px);
  margin: 0px 0;
  padding: 20px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  opacity: 1;
  z-index: +1;
}
section.kaslider1.img3.part .swiper-slide .textblock h3,
section.kaslider1.img5.part .swiper-slide .textblock h3 {
  margin: 0px 0 20px 0;
  color:var(--ka-font-green);
  /*
  text-transform: none;
  color:var(--ka-nav-color-active);
  font-weight: 400;
  letter-spacing: 0.025em;

  */
}
section.kaslider1.img3.part .swiper-slide .textblock * {
  text-align: left;
}

section.kaslider1.img3.part .swiper-slide.swiper-slide-active .textblock .tbinside,
section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active .textblock .tbinside {
  margin-top:0px;
}

section.kaslider1.img3.part .swiper-slide.swiper-slide-active .textblock,
section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active .textblock {
  opacity: 1;
}

#main section.kaslider1.img3.part .swiper-slide .textblock .button a,
#main section.kaslider1.img5.part .swiper-slide .textblock .button a {
  border: none;
  color: var(--ka-font-green);
  padding: 8px 0 8px 25px;
  background-image: url('/files/intern/common/pfeil-over.svg');
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 5px;
  font-weight: 600;
  white-space: normal;
}



/* ****************************************************************************************************************** */
/* --- ka_slider2 --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	 content: '' !important;
}

section.kaslider2 {
	position: relative;
	height: auto;
	display: block;
	margin: 0;
	padding: 0 0 0px 0;
	transition: height 1.0s;
}

section.kaslider2.dm .textblock * {
	color: #fff;
}

section.kaslider2 .teaserlist {
	position: absolute;
	left: 50%;
	top: auto;
	bottom: 50px;
	max-width: 1400px;
	margin:0 auto 50px auto;
	display:grid;
	text-align: center;
	transform: translate(-50%, 0);
	z-index: +1;
}
section.kaslider2.cnt_2 .teaserlist {
	grid-template-columns: 1fr 1fr;
}
section.kaslider2.cnt_3 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr;
}
section.kaslider2.cnt_4 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
section.kaslider2.cnt_5 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
section.kaslider2.cnt_6 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.kaslider2.cnt_7 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.kaslider2.cnt_8 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.kaslider2 .teaserlist .teaser {
	width: auto;
	margin: 0 5px;
}

section.kaslider2 .teaserlist .teaser a {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 8px 15px;
	border: 1px solid #555;
	color: #555;
	border-radius: var(--ka-radius-btn);
	white-space: nowrap;
	background-color: inherit;
}

section.kaslider2.dm .teaserlist .teaser a {
	border: 1px solid #999;
	color: #999;
}

section.kaslider2 .teaserlist .teaser a:hover,
section.kaslider2 .teaserlist .teaser a.active {
	background-color:#000;
	color: #fff;
	border: 1px solid #000;
}

section.kaslider2 .teaserlist .teaser a span {
	margin: 0;
	padding: 0;
	/*
	width: 100%;
	height: 100%;
	*/
	pointer-events: none;
}

section.kaslider2 .swiperbox {
	position: relative;
	display: flex;
	display: block;
	width: 100%;
	height: 100%;
}

section.kaslider2 .swiper-container {
  position: relative;
  width: 100%;
	max-width: 100%;
  height: auto;
  margin: 0px auto 0 auto;
	padding: 0px 0 0 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
}

section.kaslider2 .swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
	z-index: 1;
  display: flex;
	/*
	das verhindert das smooth bi autoheight !!!
	transition-property: transform;
	*/
  box-sizing: content-box;
}

/*


section.kaslider2 .swiper-slide {
  width: 100%;
  max-width: 1400px;
  height: 100%;


  display: flex;
  justify-content: center;
  flex-direction:column;
  flex-shrink: 0;

  opacity: 1;
  margin: 0;
	padding: 0;

  overflow: hidden;
  height: calc(100% - 0px);
	height: auto;
  transition: all 0.5s ease-out;

  transition-property: transform;
}


section.kaslider2 .swiper-slide .textblock {
	background-color: var(--ka-bk-lightgrey);
	text-align: center;
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	width: calc(50% - 200px);
	padding: 20px 100px;
}

*/

section.kaslider2 .imgblock {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.kaslider2 .bkimgblock {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.kaslider2 .imgblock img,
section.kaslider2 .bkimgblock img {
	width: 90%;
	height: 90%;
	object-fit: contain;
}

section.kaslider2 .swiper-slide img {
  opacity: 0.001; /* Initial opacity */
  transition: opacity 0.3s ease; /* Smooth transition */
}
section.kaslider2 .swiper-slide-active img {
  opacity: 1; /* Active slide gets full opacity */
}


section.kaslider2 .textblock {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: +2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 800px;
	max-width: 90%;
}
section.kaslider2.textwidth1600 .textblock {
	width: 1600px;
}

section.kaslider2 .textblock .headline {
	margin: 20px 0 15px 0;
	text-align: center;
}

section.kaslider2 .textblock .text {
  margin: 0 0 15px 0;
  text-transform: none;
	text-align: center;
}

section.kaslider2 .textblock span {
    border-bottom: 1px solid var(--ka-font-color);
}

section.kaslider2 .swiper-button-prev,
section.kaslider2 .swiper-button-next {
	position:absolute;
	width:50px;
	height:70px;
	top:calc(50% - 35px);
	background-repeat: no-repeat;
	background-position: left center;
	transition: background-position 0.5s ease-in-out;
	cursor:pointer;
	z-index: 999;

	display: none !important;
}

/*
section.kaslider2 .swiper-button-prev {
  left:calc(50% - 770px);
  background-image:url("/files/intern/common/slider-prev.svg");
}

section.kaslider2 .swiper-button-next {
  left:calc(50% + 720px);
  background-image:url("/files/intern/common/slider-next.svg");
}

section.kaslider2.markergrey .swiper-button-prev {
    background-image:url("/files/intern/common/pfeil-slider-links-grey.svg");
}
section.kaslider2.markergrey .swiper-button-next {
    background-image:url("/files/intern/common/pfeil-slider-rechts-grey.svg");
}
*/


/*
section.kaslider2 .swiper-slide.swiper-slide-active,
section.kaslider2 .swiper-slide.swiper-slide-duplicate-active {
    opacity: 1;
}

section.kaslider2 .swiper-slide.swiper-slide-prev,
section.kaslider2 .swiper-slide.swiper-slide-next {
	opacity: 0.9;
}
*/

/* ****************************************************************************************************************** */
/* --- xcolicons ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.xcolicons {
  position: relative;
}

section.xcolicons .headline {
  padding: 50px 0 0 0;
}

section.xcolicons .xcolumn {
  display: flex;
  padding: 50px 0 50px 0;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

section.xcolicons .xcolumn h4 {
  /*color: var(--ka-fontgold);*/
  text-align: center;
}

section.xcolicons .xcolumn a {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;

}
section.xcolicons .xcolumn .text {
  text-align: center;

}

section.xcolicons .image_container {
  display: flex;
  height: auto;
  width: 100%;
  max-width: 90px;
  margin: 0 0 20px 0;
  padding: 10px;
  justify-content: center; /* BG121124 wegen ios */

  /*
  transition: padding 500ms ease-in-out;
  */
}
/*
section.xcolicons .xcolumn .image_container:hover {
  padding: 0;
}
*/


section.xcolicons .footerblock {
  padding: 0 0 50px 0;
}

/* ****************************************************************************************************************** */
/* --- Easyzoom ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

body.lpref #main {
  position: relative;
  float: none;

  margin: 30px auto;
  width: 100%;
  max-width: 1200px;
}

body.lpref .ce_headline,
body.lpref div.ce_text {
  position: relative;
  float: none;
  margin: 30px auto;
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
body.lpref div.ce_text p {
  /*
  display: flex;
  flex-direction: column;
  */
  text-align: center !important;
  align-items: center !important;
  margin: 10px 0;
}

body.lpref div.ce_text a.btn_angebot {
  display: inline-block;
  margin: 10px 0 0 0;
}

div.ce_easyzoom {
  position: relative;
  float: none;
  margin: 30px auto;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: center;
}
div.ce_easyzoom .easyzoom-out .easyzoomthumbnails li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* ****************************************************************************************************************** */
/* --- Produkt ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

#prodlink4,
#prodlink {
    float:left;
    margin-top:20px;
    margin-right:15px;
    margin-bottom:20px;
    padding-top:14px;
    padding-bottom:14px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    line-height:18px;
    color:#FFF;
    width:calc(20% - 15px);
}
#prodlink4 {
    width:calc(25% - 15px);
}
#prodlink.shop {
    float:left;
    margin-right:15px;
    padding:2px 0;
    background-color:#fff;
    border:3px solid #f0a20a;
    width:calc(20% - 19px);
}
.flexcontainer #prodlink4,
.flexcontainer #prodlink,
.flexcontainer #prodlink.shop {
    float:left;
    margin-right:0;
    margin-left:0;
    text-align:center;
    width:calc(20% - 15px);
}
.flexcontainer #prodlink.shop {
    padding-top:0;
}
#prodlink4:hover,
#prodlink:hover {
    background-color:#f0a20a;
}
#prodlink4 a,
#prodlink a {
    line-height:1.1em;
    color:#FFF;
}
#prodlink.shop a {
    padding:0;
    line-height:1.1em;
    color:#000;
}
.product-category-box-title {
    width:100%;
    height:0px;
    top:-160px;
    position:relative;
    text-align:center;
    font-size:1.2em;
    color:white;
}
html[lang="fr"] .product-category-box-title {
    font-size:1.1em;
}

div.easyzoom-out {
    position:relative;
    z-index:920;
}


div.animation360,
div.videopage {
    right:0;
    top:0;
    position:absolute;
    margin:0;
    padding:0;
    z-index:921
}
div.videopage {
    width:45px;
    height:45px;
    display:block;
}
div.animation360 a {
    width:70px;
    height:70px;
    padding:5px 10px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:#fff;
}
div.videopage a {
    width:45px;
    height:45px;
    right:0;
    top:0;
    position:relative;
    display:block;
    margin:0;
    padding:0;
    background:var(--ka-bk-lightblue) url("/files/Faisst-Koffer/Layout/Common/faisst-koffer-mediaplay.png") center center no-repeat;
    text-indent: -9999px;
}
div.animation360 a:hover,
div.videopage a:hover {
    background-color:#f0a20a;
    transition:500ms;
}
.productlink
/*,.column */
{
    margin-right:20px;
    margin-bottom:20px;
    width:calc(25% - 26px);
}
.product-overview-image {
    width:100%;
    margin-bottom:10px;
}
.productlink .pagelink-label {
    background-color:#d9dadb;
    text-transform:lowercase;
}
.productlink .pagelink-label {
    color:#939494;
}
.productlink .pagelink-label:hover,
.productlink .productlink-label-hover {
    background-color:var(--ka-bk-lightblue);
    color:white;
    transition:500ms;
}
.blueboximg {
    width:100%;
    position:relative;
}
.blueboximg .bluetext {
    width:285px;
    height:285px;
    left:0;
    top:0;
    position:absolute;
    padding-top:25px;
    padding-left:25px;
    text-align:left;
    background-color:var(--ka-bk-lightblue);
    1display: flex;
    1flex-direction: column;
    1justify-content:center;
}
.right .blueboximg .bluetext {
    left:auto;
    right:0;
}
.blueboximg .bluetext * {
    font:1.5em/1.2em Nauman-Regular;
    color:#FFF;
    font-weight:500;
}
.productdescription {
    width:100%;
}
.productdescription,
.description-bottom {
    display:none;
}
#product-category-selector {
    width:100%;
    height:28px;
    display:block;
    margin:0;
    padding:3px;
    background-image:none;
    border:0;
    border-radius:0;
    text-decoration:none;
    text-transform:none;
    word-spacing:0em;
    font:13px 'Nauman-Regular,Gudea',sans-serif;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    color:white;
    background:var(--ka-bk-lightblue);
    -webkit-appearance:menulist-button;
}
.breakpoint-300 #product-category-selector,
div.productselect-label #product-category-selector {
    display:block;
}
.breakpoint-300 .product-category-selection {
    display:none;
}
div.productselect-label {
    padding:0;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:white;
    font-weight:400;
    background:none;
    width:calc(25% - 26px);
}
.product-category-selection {
    position:absolute;
    display:block;
    background-color:var(--ka-bk-lightblue);
    width:calc(25% - 26px);
    z-index:10;
    list-style:none;
}
.product-category-selection li a {
    display:block;
    padding:3px 3px 4px;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}
.product-category-selection li.divider {
    width:95%;
    height:1px;
    margin:2px 5px 1px;
    border-top:1px solid silver;
}
.product-category-selection li a:hover {
    background-color:#f0a20a;
}
.product-category-selection li {
    width:275px;
    max-width:100%;
    float:left;
    display:none;
}
.product-category-selection li.active {
    display:block;
}
.product-category-selection li.active a:hover {
    background-color:#f0a20a;
    cursor:default1;
}
.product-category-selection li.active a {
    background-position:right top;
    background-repeat:no-repeat;
    background-image:url('../../files/intern/img/arrow_select.png');
}
.images-notice {
    color:#939494;
}
.product-image {
    width:310px;
}
#product-image-display {
    width:260px;
    height:270px;
    display:block;
}
.product-image-thumb img {
    border:0;
}
.product-image-thumb {
    width:59px;
    height:59px;
    overflow:hidden;
    float:left;
    display:block;
    margin-right:5px;
    padding:0;
    text-align:center;
    border:1px solid #d9dadb;
    text-decoration:none;
}
.product-image-360 {
    width:61px;
    height:61px;
    overflow:hidden;
    float:left;
    display:block;
    margin-right:5px;
    padding:0;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}
.product-image-360:hover {
    background-color:#f0a20a;
}
.product-image-360 span {
    display:block;
    margin-top:15px;
    font-size:1.3em;
    font-weight:700;
    color:white;
}
.product-image-thumb:hover,
.product-image-thumb-selected {
    border:1px solid var(--ka-bk-lightblue);
}
.product-description {
    width:310px;
}
.product-image1 a img,
.ce_text a img {
    height:auto;
    max-width:100% !important;
}
.product-image1 p a img,
.ce_text p a img {
    height:auto;
    max-width:100% !important;
}
}
.product-images4 .column {
    margin-bottom:30px;
    min-height:190px !important;
}
.product-images4+.clear {
    height:1px !important;
}
.ce_youtube .video-wrapper iframe {
    max-width:100%;
}
.product-images5 .column {
    width:118px;
    min-height:158px;
    max-width:118px;
}
.product-images5+.clear {
    height:30px !important;
}
.production-info {
    width:310px;
    overflow:hidden;
    float:left;
    display:inline;
    margin:20px 5px 0;
}
.production-info-image {
    width:310px;
    height:150px;
    background-color:#939494;
}

/* ****************************************************************************************************************** */
/* --- Produktslider ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

.caroufredsel_navi {
    position:relative;
}
.caroufredsel_skin {
    position:relative;
    margin-top:25px;
    padding:15px 0;
    border-top:1px solid #bdbdbd;
    border-bottom:1px solid #bdbdbd;
    z-index:900;
}
.caroufredsel_controls {
    z-index:950;
}
.caroufredsel_wrapper {
    width:1200px;
    height:102px;
    max-width:100%;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    z-index:900;
    width: 100% !important;
}
.caroufredsel_prev,
.caroufredsel_next {
    width:35px;
    height:35px;
    margin:0;
    padding:0;
    z-index:901;
}
.caroufredsel_navi a.caroufredsel_prev span {
    width:35px;
    height:35px;
    left:15px;
    top:-90px;
    position:absolute;
    float:left;
    display:block;
    background-image:url("/files/Faisst-Koffer/Layout/Common/slider-left.jpg");
    background-position:left top;
    background-repeat:no-repeat;
    padding-right:25%;
    text-indent: -99999px;
    background-size: 35px 35px;
    z-index:950;
}
.caroufredsel_navi a.caroufredsel_next span {
    width:35px;
    height:35px;
    right:15px;
    top:-90px;
    position:absolute;
    float:right;
    display:block;
    background-image:url("/files/Faisst-Koffer/Layout/Common/slider-right.jpg");
    background-position:right top;
    background-repeat:no-repeat;
    padding-left:25%;
    text-indent: -99999px;
    background-size: 35px 35px;
    z-index:950;
}
.caroufredsel_skin .image_container img,
.caroufredsel_thumbnails_skin .image_container img,
.caroufredsel_thumbnails_skin figure.image_container {
    width:225px;
    height:auto;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
}
.singleimg .image_container img {
    width:1200px;
    height:auto;
    max-width:100%;
}
.caroufredsel_thumbnails_skin {
    position:relative;
}
.caroufredsel_thumbnails_skin,
.caroufredsel_thumbnails_controls {
    display:none;
}

/* ****************************************************************************************************************** */
/* --- Lupe --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#effekt {
    width:400px;
    height:267px;
    position:relative;
    margin:1em auto;
    border:5px solid #eee;
    -webkit-box-shadow:1px 1px 5px 2px #777;
    box-shadow:1px 1px 5px 2px #777;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    cursor:none;
}
#lupe {
    width:300px;
    height:250px;
    left:-6px;
    position:absolute;
    top:-5px;
}
#lupen {
    width:200px;
    height:200px;
    position:absolute;
    display:none;
    background-repeat:no-repeat;
    border-radius:50%;
    background-image:url("/files/test1.jpg");
    -webkit-box-shadow:3px 3px 5px 5px;
    box-shadow:3px 3px 5px #111;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}


/* ****************************************************************************************************************** */
/* --- Referenzen --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#referenzen .product-images4 {
}
.clearfixed:before,
.clearfixed:after {
    display:table;
    content: '';
}
.clearfixed:after {
    clear:both;
}
.clearfixed {
    *zoom: 1;
}
#referenzen .ref-entry {
    float:left;
    padding:5px;
}
#referenzen .ref-entry a {
    position:relative;
    display:block;
}
#referenzen .ref-entry img {
    display:block;
}
#referenzen .ref-entry img.hover {
    left:0;
    top:0;
    position:absolute;
    opacity: 0;
    z-index: 961;
}
#flexbox_close {
    width:21px;
    height:20px;
    right:50%;
    position:absolute;
    display:block;
    background-image:url("/files/Faisst-Koffer/Layout/Common/close_box.png");
    background-repeat:no-repeat;
    z-index:962;
    top:25px;
}
#flexbox_overlay {
    width:100%;
    height:1000%;
    left:0;
    top:0;
    position:fixed;
    display:none;
    background-color:#333;
    z-index:959;
}
#flexbox_img_titles {
    display:block;
}
#flexbox_img_title {
    width:45%;
    padding-right:15px;
    vertical-align:middle;
    text-align:right;
    font-size:30px;
    color:white;
    border-right:1px solid white;
}
.breakpoint-300 #flexbox_img_title {
    font-size:20px;
}
#flexbox_img_desc {
    width:45%;
    padding-top:5px;
    padding-bottom:2px;
    padding-left:15px;
    vertical-align:middle;
    text-align:left;
    font-size:15px;
    color:white;
}
td#flexbox_img_desc a:hover {
    color:var(--ka-bk-lightblue);
}
img.flexbox_img_desc_image {
    margin-top:0;
    margin-left:7px;
    padding-top:0;
    vertical-align:text-bottom;
}
.breakpoint-900 #flexbox_stage {
    width:870px;
    margin-left:-435px;
}
.breakpoint-500 #flexbox_stage {
    width:470px;
    margin-left:-235px;
}
.breakpoint-300 #flexbox_stage {
    width:310px;
    margin-left:-155px;
}
#flexbox_stage {
    top:40%;
    position:absolute;
    display:none;
    z-index:960;
    left:50%;
}
.search-result {
    overflow:hidden;
    float:left;
    display:inline;
    margin:0 5px 20px;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline:none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin:0;
    padding:0;
    list-style:none;
}
.flexslider {
    margin:0;
    padding:0;
}
.flexslider .slides > li {
    display:none;
    -webkit-backface-visibility:hidden;
}
.flexslider .slides img {
    max-width:100%;
    display:block;
    margin:0 auto;
}
.flex-pauseplay span {
    text-transform:capitalize;
}
.slides:after {
    height:0;
    clear:both;
    display:block;
    line-height:0;
    content:".";
    visibility:hidden;
}
html[xmlns] .slides {
    display:block;
}
* html .slides {
    height:1%;
}
.no-js .slides > li:first-child {
    display:block;
}
.flexslider {
    position:relative;
    margin:20px;
    border:0;
    background:none;
    zoom:1;
}
.flexslider .slides {
    zoom:1;
}
.flexslider .slides > li {
    position:relative;
}
.flex-container {
    position:relative;
    zoom:1;
}
.flex-caption {
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c0000 00,endColorstr=#4c0000 00);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c0000 00,endColorstr=#4c0000 00);
    zoom:1;
}
.flex-caption {
    width:96%;
    left:0;
    bottom:0;
    position:absolute;
    margin:0;
    padding:2%;
    font-size:14px;
    line-height:18px;
    color:#fff;
    background:rgba(0,0,0,0.3);
    text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}
.flex-direction-nav {
    height:0;
}
.flex-direction-nav li a {
    width:35px;
    height:35px;
    top:50%;
    position:absolute;
    display:block;
    margin:-13px 0 0;
    text-indent:-999em;
    cursor:pointer;
    z-index:961;
}
.flex-direction-nav li .flex-next {
    margin-right:47px;
    background:url('/files/Faisst-Koffer/Layout/Common/ref-lightbox-next.png') no-repeat;
}
.flex-direction-nav li .flex-prev {
    margin-left:47px;
    background:url('/files/Faisst-Koffer/Layout/Common/ref-lightbox-prev.png') no-repeat;
}
.flex-direction-nav li .disabled {
    opacity:.3;
    filter:1;
    cursor:default;
}
.flex-control-nav {
    width:100%;
    bottom:-30px;
    position:absolute;
    text-align:center;
}
.flex-control-nav li {
    display:inline-block;
    margin:0 0 0 5px;
    zoom:1;
    *display:inline;
}
.flex-control-nav li:first-child {
    margin:0;
}
.flex-control-nav li a {
    width:13px;
    height:13px;
    display:block;
    text-indent:-999em;
    background:url(../../files/intern/img/flexs/theme/bg_control_nav.png) no-repeat;
    cursor:pointer;
}
.flex-control-nav li a:hover {
    background-position:0 -13px;
}
.flex-control-nav li a.active {
    background-position:0 -26px;
    cursor:default;
}

/* ****************************************************************************************************************** */
/* --- textimg ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.textimg {
	position: relative;
	display: flex;
}
section.textimg.right .grid .textblock {
	order: 2;
}

section.textimg .textblock {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:  30px 80px;
	background-repeat: no-repeat;
	background-size: cover;
	/*min-height: 700px;*/
  min-height: 800px;
}
section.textimg.nolimit .textblock {
	padding:  30px 140px;
}

section.textimg.default .textblock {
  min-height: 1000px;
}
section.textimg.default.limit1400int .textblock {
  min-height: 700px;
}
section.textimg.default.limit1600int .textblock {
  min-height: 900px;
}

section.textimg.limit1200 .textblock,
section.textimg.limit1400 .textblock,
section.textimg.limit1600 .textblock {
  min-height: 700px;
}
section.textimg.slider.limit1200 .imgblock,
section.textimg.slider.limit1400 .imgblock,
section.textimg.slider.limit1600 .imgblock {
  min-height: 600px;
}

section.textimg.darkmode .textblock {
  position: relative;
}

section.textimg .textblock .keyword {
  position: absolute;
  top: 10px;
  z-index: +1;
  font-size: 65px;
  line-height: 65px;
  left: 20px;
  margin: 0;
  padding: 0;
  font-weight: 800;
}

section.textimg.right .textblock .keyword {
  left: auto;
  right: 20px;
}

section.textimg.darkmode .textblock * {
	color: #fff;
}
section.textimg .textblock .headline1  {

	/*
	color: #fff;
	text-transform: uppercase;
	*/
}
section.textimg .textblock .headline2  {
	margin: 0 0 50px 0;
}

section.textimg .textblock .buttons {
  position: relative;
  display: flex;
	margin: 15px 0px 0 0px;
}
section.textimg .textblock .buttons a {
  display: inline-block;
  margin: 20px 20px 0 0px;
  padding: 8px 25px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
section.textimg .textblock .buttons a:hover {
  background-color: var(--ka-bk-darkblue);
}
section.textimg .textblock .buttons a.shop {
  background-color: var(--ka-bk-btngreyhover);
}

section.textimg .imgblock {
	position: relative;
	display: flex;
}

section.textimg .grid.distbottom {
	margin-bottom: 10%;
}
section.textimg .grid.imgoverflow {
	margin-top: 10%;
	margin-bottom: 10%;
}


section.textimg.slider .imgblock {
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 900px;
}

section.textimg .imgblock .image_background {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 0;
}
section.textimg.right .imgblock .image_background {
  justify-content: flex-end;
}
section.textimg .imgblock .image_container {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0%;
	z-index: +1;
	overflow: hidden;
}
section.textimg .grid.default .imgblock .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.textimg .imgblock .image_background img {
  width: 100%;
	height: 100%;
  max-height: 1100px;
  object-fit: cover;
}

section.textimg .grid.imgbottomoverflow .imgblock .image_container {
	left: 0%;
	bottom: -15%;
  overflow: visible;
}
section.textimg .grid.imgleftoverflow .imgblock .image_container {
	left: -15%;
	bottom: -15%;
  overflow: visible;
}
section.textimg .grid.imgrightoverflow .imgblock .image_container  {
	left: auto;
	right: -15%;
	bottom: -15%;
  overflow: visible;
}
section.textimg .grid.overflow .imgblock .image_container  {
	width: 130%;
	height: 130%;
	top: -15%;
	left: -15%;
	right: -15%;
	bottom: -15%;
}

section.textimg .swiper-slide .slide_container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

section.textimg.left .swiper-slide .slide_container {
  justify-content: flex-start;
}
section.textimg.right .swiper-slide .slide_container {
  justify-content: flex-end;
}

section.textimg .swiper-slide img {
  /*width: 100%; beware wegen align left-right */
  height: 100%;
  max-width: 100%;
  /*width: 100%;*/
  opacity: 0.001;
	object-fit: contain;

  width: 100%;
  object-fit: cover;

  transition: opacity 0.3s ease; /* Smooth transition */
}
section.textimg .swiper-slide-active img {
  opacity: 1; /* Active slide gets full opacity */
}


section.textimg .swiper-button-next,
section.textimg .swiper-button-prev {
	top: calc(100% - 50px);
	right: 40px !important;
}
section.textimg .swiper-button-prev {
	left: auto !important;
	right: 80px !important;
}

section.textimg.darkmodeimg .swiper-scrollbar {
	background-color: #fff;
}

section.textimg .swiper-horizontal>.swiper-scrollbar,
section.textimg .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
  left: 5%;
  bottom: 20px;
  z-index: 50;
  height: 3px;
  width: 90%;
}

#main .textimg.video .image_background {
  display: none;
}

#main .textimg.video .videocontainer {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}
#main .textimg.video .videocontainer .prev-video-container,
#main .textimg.video .videocontainer .prev-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
}
#main .textimg.video .videocontainer .prev-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#main .textimg.video .videocontainer .prev-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main .textimg.video .videocontainer a.videobtn {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url('/files/intern/common/faisst-playbutton.svg');
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  transition: all 1s ease-in-out;
  z-index: +1;
  cursor: pointer;
}
#main .textimg.video .videocontainer .prev-image-container.disable,
#main .textimg.video .videocontainer .videobtn.disable {
    display: none;
}
#main .textimg.video .videocontainer .videobtn:hover {

}

@media only screen and (min-width: 1920px) {
	section.textimg.nolimit .textblock {
		padding:  30px 300px;
	}
}

@media only screen and (min-width: 3000px) {
	section.textimg.nolimit .textblock {
		padding:  30px 500px;
	}
}


/* ****************************************************************************************************************** */
/* --- text2cols ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.text2cols {
	position: relative;
	display: flex;
  flex-direction: column;
}

section.text2cols.right .grid .headblock {
	order: 2;
}

section.text2cols .headblock,
section.text2cols .textblock {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 30px 0px;
	background-repeat: no-repeat;
	background-size: cover;
}
section.text2cols .headblock {
  padding: 30px 0px 30px 80px;
}
section.text2cols .nolimit .headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  text-align: center;
}

section.text2cols .headblock .headline1  {
}

section.text2cols .headblock .headline2  {
  font-size: 50px;
  line-height: 58px;
  letter-spacing: -0.01em;
}

section.text2cols .headblock .buttons {
  position: relative;
  display: flex;
	margin: 15px 0px 0 0px;
}
section.text2cols .headblock .buttons a {
  display: inline-block;
  margin: 20px 20px 0 0px;
  padding: 8px 25px;
	font-size: 16px;
	line-height: 19px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}
section.text2cols .headblock .buttons a:hover,
section.text2cols .button a:hover {
  background-color: var(--ka-bk-darkblue);
}
section.text2cols .headblock .buttons a.shop {
  background-color: #5e6b74;
}

section.text2cols .nolimit .textblock {
  padding: 30px 20px;
}

section.text2cols .textblock .hl  {
  font-size: 28px;
  line-height: 32px;
}
section.text2cols .textblock .text {
	padding: 0 0 0 0px;
}


/* ****************************************************************************************************************** */
/* --- listimg ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.listimg {
	position: relative;
	display: flex;
	flex-direction: column;
	background-repeat: no-repeat;
	background-size: cover;
}
section.listimg.right .grid .textblock {
	order: 2;
	padding-top: 160px;
}

section.listimg .headblock {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: column;
	width: calc(100% - 60px);
	max-width: 1400px;
	margin: 80px auto 20px auto;
	align-items: center;
	z-index: +1;
}
section.listimg .headblock .text {
	text-align: center;
}

section.listimg .viewdesktop {
  display: flex;
}

section.listimg .viewmobile {
  display: none;
}

section.listimg .textblock {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:  60px 400px 30px 150px;
	min-height: 800px;

}
section.listimg.darkmode .textblock * {
	color: #fff;
}
section.listimg .textblock .headline  {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 3px;
}

section.listimg .textblock .items {
  position: relative;
  display: flex;
	flex-direction: column;
	margin: 50px 0;
}

section.listimg .textblock .items .item {
  position: relative;
  display: flex;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 6px 0;
	/*padding: 23px 40px;*/
  padding: 23px 40px 23px 40px;
	background-color: #cfcfcf;
	cursor: pointer;
	transition: all 500ms ease-in-out;
	/*box-shadow:1px 1px 5px 2px #cfcfcf;*/
}

section.listimg .textblock .items .item.selected,
section.listimg .textblock .items .item:hover {
  border: 1px solid #fff;
	box-shadow:1px 1px 12px 2px #cfcfcf;
}

section.listimg .textblock .items .item .icon {
  position: relative;
  display: flex;
	width: 50px;
	margin: 0 40px 0 0;
}

section.listimg .imgblock {
	position: relative;
	display: flex;
	overflow: visible;
}

section.listimg .imgblock .image_container {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0%;
	overflow: visible;
}

section.listimg .imgblock .image_container img {
	position: absolute;
	top:  0;
	left:0px;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-fit: cover;
	overflow: visible;
	opacity: 0;
	transition: opacity ease-in-out .8s;
}

section.listimg.left100 .imgblock .image_container img {
	position: absolute;
	top:  0;
	left:-100px;
}

@media only screen and (min-width: 1940px) {
	section.listimg .textblock {
    padding: 60px 150px 80px 150px;
	}

	section.listimg .imgblock {
		min-height: 1200px;

	}

	section.listimg .imgblock .image_container {
		justify-content: flex-start;
		align-items: flex-start;
		overflow: hidden;
    overflow: visible;
	  object-fit: cover;

		/*margin: 0px 200px 0px 0px;*/
	}

	section.listimg.left100 .imgblock .image_container img {
		object-fit: cover;
		left: -150px;
		overflow: visible;
		/*width: calc(100% - 200px);*/
		/*object-fit: contain;*/
	}

  body.firefox section.listimg .imgblock .image_container img {
		object-fit: contain;
    /*overflow: visible;*/
	}
}

@media only screen and (min-width: 3000px) {
	section.listimg .textblock {
    padding: 60px 400px 80px 150px;
	}

  section.listimg .imgblock .image_container img {
		overflow: hidden;
	}
}

section.listimg .imgblock .image_container img.selected {
	opacity: 1;
}

/* ****************************************************************************************************************** */
/* --- cols2textimg ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.cols2textimg {
	position: relative;
	display: flex;
}

section.cols2textimg .grid {
  width: 100%;
}

section.cols2textimg.bkimg {
	min-height: 600px;
  width: 100%;
  /*min-height: 900px;*/
}

section.cols2textimg.darkmode .leftblock *,
section.cols2textimg.darkmode .rightblock * {
	color: #fff;
}

section.cols2textimg .leftblock,
section.cols2textimg .rightblock {
	position: relative;
	margin: 0;
	padding: 80px 80px 110px 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

section.cols2textimg.bkimg .leftblockXX,
section.cols2textimg.bkimg .rightblock {
	background-repeat: no-repeat;
	background-size: cover;
  padding: 0;
}

section.cols2textimg.bkimg .leftblock {
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
}

section.cols2textimg .leftblock .headline,
section.cols2textimg .rightblock .headline {
	padding: 0 50px;
	text-align: center;
}

section.cols2textimg .leftblock .text,
section.cols2textimg .rightblock .text {
	padding: 0 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 0 0 50px 0;
}

section.cols2textimg .leftblock .buttons {
	position: absolute;
	top: auto;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	flex-direction: row;
	align-items: center;
}

section.cols2textimg.bkimg .leftblock .buttons {
  bottom: 150px;
}

section.cols2textimg .leftblock .buttons a.button {
	display: inline-block;
  margin: 40px 20px 0 0px;
  padding: 8px 25px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
}

section.cols2textimg .leftblock .buttons a.button:hover {
	background-color: var(--ka-bk-darkblue);
}

section.cols2textimg .leftblock .leftbox,
section.cols2textimg .rightblock .rightbox {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 30%;
	display: flex;
	padding: 20px 20px;
	background-color: #000;
	color: #fff;
}
section.cols2textimg .leftblock .leftbox .text,
section.cols2textimg .rightblock .rightbox .text {
	margin: 0;
	padding: 0;
}

section.cols2textimg .rightblock .image_container {
	position: relative;
	display: block;
}

section.cols2textimg .rightblock .image_container img {
	width: calc(33% - 1px);
}

section.cols2textimg .rightblock .image_container img:nth-child(1) {
	width: 100%;
}



/* ****************************************************************************************************************** */
/* --- 2Cols -------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
/*
section.text2cols {
  position: relative;
  display: flex;
  flex-direction: column;

  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0 0px 0;
}

section.text2cols .imgtop {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 800px;
  overflow: hidden;
}

section.text2cols .imgtop video,
section.text2cols .imgtop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

section.text2cols .limit1200int,
section.text2cols .limit1400int {
  position: relative;
  margin-top: -300px;
}

section.text2cols .box2col {
  column-count: 2;
  display: block;
  column-gap: 60px;
}

section.text2cols .box2col > .column {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 80px;
  break-inside: avoid;
}

section.text2cols .box2col > .column .colinside {
  grid-row: 1 / -1;
  grid-column: 1;
}

section.text2cols .column .textblock {
  margin: 50px 0 0 0;
  max-width: 550px;
}

section.text2cols .column.odd .textblock {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

section.text2cols .column .textblock h3 {
  margin: 15px 0 15px 0;
}

section.text2cols .column .textblock h4 {
  margin: 25px 0 12px 0;
  color: var(--ka-font-color-darkgreen);
}

section.text2cols .column.odd .colinside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

}

section.text2cols .column .button {
  margin: 30px 0 0 0;
}

section.text2cols .headline * {
  margin: 0 0 40px 0;
  color: #fff;
  font-size: 72px;
  line-height: 76px;
  text-align: center;
  text-transform: inherit;
  text-align: left;
}
*/


/* ****************************************************************************************************************** */
/* --- 3Cols -------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.text3cols {
  position: relative;
  display: flex;
  flex-direction: column;

  background-repeat: no-repeat;
  background-position: center;
  padding: 30px 0 30px 0;
}

section.text3cols .limit1400int {
  position: relative;
}

section.text3cols .box3col {
  /*position:relative;*/
  display: grid;
  column-count: 3;
  column-gap: 5px;
}

section.text3cols .box3col > .column {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 40px;
  break-inside: avoid;
}

section.text3cols .box3col > .column.col2 {
  grid-column: 1 / 3;
}

section.text3cols .box3col > .column .colinside {
  grid-row: 1 / -1;
  grid-column: 1;
}

section.text3cols .box3col > .column .image_container {
  width: 100%;
}

section.text3cols .box3col > .column .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

section.text3cols .column .textblock {
  margin: 0px 0 0 0;
  max-width: 600px;
}

section.text3cols .column.col1 .textblock {
  /*max-width: 350px;*/
	padding: 30px 30px 0 30px;
}

section.text3cols .column .textblock h3 {
  margin: 15px 0 15px 0;
}



section.text3cols .column .button {
  margin: 30px 0 0 0;
}

section.text3cols .headline * {
  margin: 0 0 40px 0;
  color: #000;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: inherit;
  text-align: left;
}

/* ****************************************************************************************************************** */
/* --- kasubmenu ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.kasubmenu {
   position: relative;
   top:0;
   left: 0;
   display: flex;
   flex-direction: column;
   width: 100%;
   z-index: +3;
   transition: top 00ms ease 0s;
   background-color: var(--ka-bk-btn);
}

.kasubmenu.fixed {
  position: fixed;
  top:60px;
  /*border-bottom: 1px solid var(--ka-border);*/
  /*
  left:50%;
  transform: translateX(-50%);
  */
}

.kasubmenu *,
.kasubmenu a {
  color: #fff;
}

.kasubmenu .items {
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px 0 15px 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.kasubmenu .items .item {
  display: flex;
  margin: 0 10px;
}

.kasubmenu .items .item.case {
  font-weight: 800;
  margin: 0 40px 0 0;
}

.kasubmenu .items .item.configurator {
  font-weight: 400;
  margin: 0 0 0 40px;
  padding: 0;
}
.kasubmenu .items .item.configurator a {
  color: var(--ka-bk-lightblue);
  padding: 0 0 0 30px;
  background-image: url('/files/intern/common/faisst-koffer-right-blue.svg');
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left;
}


/* ****************************************************************************************************************** */
/* --- Downloads ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.ce_downloads {
  position: relative;
}

.ce_downloads ul {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.ce_downloads ul li {
  list-style-type: none;
  margin: 0;
  padding: 20px;
  background-color: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ce_downloads ul li > a {
  margin: 20px 0 0 0;
  text-align: center;
  font-weight: 500;
}

.ce_downloads ul li > a span {
  display: block;
  clear: both;
  font-size: 12px;
  line-height: 14px;
}

.ce_downloads ul li::marker {
  display: none;
}

/* ****************************************************************************************************************** */
/* --- Unternehmen -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.produktion {
    min-height:670px;
    float:left;
    margin-right:30px;
    margin-bottom:30px;
    width:calc(33% - 30px);
}
.historie {
    margin-bottom:5px;
    padding:5px 3px 0;
    background-color:#e3e3e3;
}
.historie h1,
.historie h2,
.historie h3,
.historie h4,
.historie h5,
.historie h6,
.historie p,
.historie pre,
.historie blockquote,
.historie table,
.historie ol,
.historie ul,
.historie form {
    float:left;
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
}
.historie h4 {
    float:left;
    margin-top:5px;
    margin-right:15px;
    padding-left:5px;
    font-size:1em;
    color:var(--ka-bk-lightblue);
}
.historie h1,
.historie h2,
.historie h3,
.historie h4,
.historie h5,
.historie h6 {
}
.historie p,
.historie pre,
.historie blockquote,
.historie table,
.historie ol,
.historie ul,
.historie form {
    width:90%;
    margin-left:5px;
}
#ansprechpartner div.col33,
#contact-persons div.col33,
#interlocuteur div.col33,
#contactpersoon-333 div.col33 {
    min-height:670px;
}
.dlh_googlemap form input {
    width:150px;
    float:left;
    margin-top:0;
    margin-right:10px;
    margin-bottom:0;
}
.dlh_googlemap form input[type="submit"] {
    margin-top:0;
    margin-left:0;
}


/* ****************************************************************************************************************** */
/* --- timelineslider ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.timelineslider {
    position: relative;
		max-width:100%;
    margin: 0 auto;
    padding: 0;
}

section.timelineslider .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

section.timelineslider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    /*
    transition-property: transform;
    box-sizing: content-box;
    align-items: flex-start;
    */
}

section.timelineslider .swiper-slide.event {
  width: 25%;
	height: 100%;
  position: relative;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	flex-direction:column;
	min-height:250px;
	opacity: 0.2;
	transition: opacity 0.25s ease-in-out;
}

section.timelineslider .swiper-slide.event.swiper-slide-prev,
section.timelineslider .swiper-slide.event.swiper-slide-next {
	opacity: 1;
}

section.timelineslider .swiper-slide.event.swiper-slide-active {
	opacity: 1;
}

section.timelineslider .event .imgblock {
	position: relative;
	/*min-height: 360px;*/
	margin:0 0 30px 0;
	max-width: calc(100% - 60px);
}

section.timelineslider .event .textblock {
	margin: 0 0 20px 0;
	max-width: calc(100% - 60px);

}

section.timelineslider .event h3.date {
	margin-top: 0px;
	text-align: left;
	color:var(--ka-font-color-h3);
	/*
	position: absolute;
	left: 20px;
	top: 40px;
	*/
	font-size:24px;
}
section.timelineslider .event h3 {
	color: #000b1f;
	/*
	margin-top: 8px;
	font-size:18px;
	line-height: 26px;
	font-weight:600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	*/

}

section.timelineslider .lines {
	position: relative;
  display: block;
  width: 100%;
  height:20px;
}

section.timelineslider .lines .line {
    position: absolute;
    top: 10px;
    left: -1px;
    display: block;
    width: 100%;
    height:3px;
    background-color: var(--ka-font-color-h3);
}

section.timelineslider .lines .bubble {
    position: absolute;
    top: 1px;
    left: 15px;
    display: block;
    width: 20px;
    height:20px;
    border-radius:10px;
    background-color: var(--ka-font-color-h3);
}


section.timelineslider .eventblock .event .text {
    margin: 10px 0 20px 0;
}

section.timelineslider .eventblock .event .image {
    /*margin: 0px 0 20px 0;*/
    padding: 0px 0 20px 0;
}

/*
section.timelineslider .swiper-button-prev {
    position:absolute;
    width:55px;
    height:55px;
    top:calc(50% - 28px);
    left:30px;
    background-image:url("/files/intern/common/faisst-koffer-left-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-position 0.5s ease-in-out;
    cursor:pointer;
    z-index: +2;
}
section.timelineslider .swiper-button-next {
    position:absolute;
    width:55px;
    height:55px;
    top:calc(50% - 28px);
    right:30px;
    background-image:url("/files/intern/common/faisst-koffer-right-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: background-position 0.5s ease-in-out;
    cursor:pointer;
    z-index: +2;
}
*/


/* ****************************************************************************************************************** */
/* --- News --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.mod_newslist {
  position: relative;
  display: flex;
  flex-direction: column;
}


.news-entry {
  position: relative;
  display: block;
  margin:0px 0;
  padding:30px 0 40px 0;
  background-image:url("/files/Faisst-Koffer/Layout/Common/divider_wide.jpg");
  background-position:left bottom;
  background-repeat:no-repeat;
}
.news-entry .news-image img {
  width:150px;
  max-width:25%;
  float:left;
  display:inline;
  margin-top:5px;
  margin-right:5px;
}
.news-entry .news-text {
    float:left;
    display:inline;
    margin:0 0 0 40px;
    padding-top:0;
    padding-bottom:0;
    width:calc(100% - 220px);
}
.news-entry .news-text h1,
.news-entry .news-text h2,
.news-entry .news-text h3,
.news-entry .news-text h4,
.news-entry .news-text h5,
.news-entry .news-text h6,
.news-entry .news-text p {
    margin:0;
    padding-top:0;
    padding-bottom:0;
}
.news-entry .news-text span.location {
  display: flex;
  margin: 0 0 0 15px;
}

.news-entry .colorized {
  display: flex;
  margin:0 0 8px 0;
  padding:0;
  color:var(--ka-bk-lightblue);
}
.news-entry p.more a {
    text-decoration:underline;
    color:var(--ka-bk-lightblue);
    font-weight: 600;
}

.layout_latest.fair {
  position: relative;
  margin: 10px 0;
}

.layout_full.fair {
  position: relative;
}

.layout_full.fair .ce_image.limit1400 {
  position: relative;
  margin: 0 0 30px 0;
}

.layout_full.fair .limit1000 {
  position: relative;
  margin-bottom: 30px;
}

.mod_newsreader .layout_full.fair .ce_image figure.image_container img  {
  width: 100%;
  object-fit: cover;
}

.mod_newsreader span.location {
  margin: 0 0 0 10px;
}

/* ****************************************************************************************************************** */
/* ---NewsReader -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main .mod_newsreader p.back {
  max-width: 1000px;
  margin: 20px auto 0 auto;
}

/* ****************************************************************************************************************** */
/* ---mod_breadcrumb ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

nav.mod_breadcrumb {
  position: relative;
  display: none;
}

body.shopdetail nav.mod_breadcrumb {
  position: absolute;
  top: 80px;
  left: 130px;
  display: flex;
  z-index: +3;

  display: none; /* BG110924 mit PH zusammen entfernt damit man die Unterseite nicht erreichen kann */
}
body.shopdetail nav.mod_breadcrumb ul {
  display: flex;
  flex-direction: row;
}
body.shopdetail nav.mod_breadcrumb ul li {
  /*text-transform: uppercase;*/
  padding: 0;
  margin: 0;
}

body.shopdetail nav.mod_breadcrumb ul li:after {
  content: "/";
  margin: 0 4px;
}
body.shopdetail nav.mod_breadcrumb ul li:first-child {
  display: none;
}
body.shopdetail nav.mod_breadcrumb ul li:nth-last-child(1):after {
  content: "/";
  margin: 0 4px;
  display: none;
}



/* ****************************************************************************************************************** */
/* ---MT Text mit Bild --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
.mt-text-mit-bild-fix .imgblock {
	margin-top:-1px;
}

/* ****************************************************************************************************************** */
/* ---MT Slider mit Effekten --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
section.mtslider {
	position:relative;
}

section.mtslider.mt-slide .swiper-container,
section.mtslider.mt-fade .swiper-container {
    max-width: 1400px;
    overflow: hidden;
}

section.mtslider .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;

    margin: 60px auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;

}

section.mtslider .mt-text-block {
	position: absolute;
    background-color: rgb(255 255 255 / 80%);
    z-index: 2;
    max-width: 500px;
    padding: 30px;
    bottom: 80px;
}

section.mtslider .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
		/*
    das verhindert das smooth bi autoheight !!!
    transition-property: transform;
    */
    box-sizing: content-box;
    /*align-items: flex-start;*/

    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

section.mtslider.mt-slide .swiper-slide {
  width: 100%;
  max-width: 1400px;
  height: 100%;
  position: relative;
  transition-property: transform;

  display: flex;
  justify-content: center;
  flex-direction:column;
  flex-shrink: 0;

  opacity: 0.01;
  opacity: 1;
  margin: 0;

  overflow: hidden;
  height: calc(100% - 0px);
  transition: all 0.5s ease-out;

  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;

  max-height: 1000px;
}
section.mtslider.mt-slide .swiper-slide img,
section.mtslider.mt-fade .swiper-slide img {
  display: inline-block;
  width: 100%;
  object-fit: contain;
  max-height: 1000px;
}

.mt-cube .swiper-cube .swiper-slide {
	text-align:center;
}
.mt-cube .swiper-cube .swiper-cube-shadow{
    height: 50%!important;
    width: 50%;
    bottom: 520px;
    left:30%;
}
.mt-cube .swiper-cube .swiper-cube-shadow:before {
	filter: blur(150px);
}
.mt-cube .swiper-slide-shadow-cube {
	display:none;
}
.mt-cube .swiper-slide img {
	margin-bottom: 300px;
}
@media only screen and (max-width: 602px) {
	section.mtslider .mt-text-block {
		padding: 20px 40px;
		left: 0;
		bottom:0;
	}
	.mt-fade .swiper-slide img {
		min-height: 400px;
		object-fit: cover!important;
	}
}

/* ****************************************************************************************************************** */
/* ---MT Einlagen --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.mt-einlagen-slider {
	position: relative;
	height: auto;
	display: block;
	margin: 0;
	padding: 0 0 0px 0;
	transition: height 1.0s;
    background-repeat: no-repeat;
    background-size: cover;
}

section.mt-einlagen-slider .teaserlist {
	position: absolute;
	left: 10%;
	bottom: 0;
	max-width: 1400px;
	text-align: center;
	z-index: +1;
	display:none;
}
section.mt-einlagen-slider.cnt_2 .teaserlist {
	grid-template-columns: 1fr 1fr;
}
section.mt-einlagen-slider.cnt_3 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr;
}
section.mt-einlagen-slider.cnt_4 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
section.mt-einlagen-slider.cnt_5 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
section.mt-einlagen-slider.cnt_6 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.mt-einlagen-slider.cnt_7 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.mt-einlagen-slider.cnt_8 .teaserlist {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
section.mt-einlagen-slider .teaserlist .teaser {
	width: auto;
	margin: 0 5px;
}

section.mt-einlagen-slider .teaserlist .teaser a {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 8px 15px;
	border: 1px solid #555;
	color: #555;
	border-radius: var(--ka-radius-btn);
	white-space: nowrap;
	background-color: inherit;
}

section.mt-einlagen-slider.dm .teaserlist .teaser a {
	border: 1px solid #999;
	color: #999;
}

section.mt-einlagen-slider .teaserlist .teaser a:hover,
section.mt-einlagen-slider .teaserlist .teaser a.active {
	background-color:#000;
	color: #fff;
	border: 1px solid #000;
}

section.mt-einlagen-slider .teaserlist .teaser a span {
	margin: 0;
	padding: 0;
	/*
	width: 100%;
	height: 100%;
	*/
	pointer-events: none;
}

section.mt-einlagen-slider .swiperbox {
	position: relative;
	display: flex;
	display: block;
	width: 100%;
	height: 100%;
	/*max-width: 1600px;*/
    margin: 0 auto;
}

section.mt-einlagen-slider .swiper-container {
  /*height:788px;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  width: 100%;
/*	max-width: 1400px; */
  margin: 0 auto;
	padding: 0px 0 0 0;
  position: relative;
  overflow: hidden;
  list-style: none;
  font-size: 36px;
}

section.mt-einlagen-slider .swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
	z-index: 1;
  display: flex;
	/*
	das verhindert das smooth bi autoheight !!!
	transition-property: transform;
	*/
  box-sizing: content-box;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

/*
section.mt-einlagen-slider .bkimgblock {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
}
*/
section.mt-einlagen-slider .imgblock {
	max-width: 1400px;
    margin: 0 auto;
}

section.mt-einlagen-slider .swiper-slide img {
  opacity: 0.001; /* Initial opacity */
  transition: opacity 0.3s ease; /* Smooth transition */
}
section.mt-einlagen-slider .swiper-slide-active img {
  opacity: 1; /* Active slide gets full opacity */
}

section.mt-einlagen-slider .textblock {
	width: 100%;
	max-width: 1200px;
	position: absolute;
	left: 11%;
    color: #fff;
    padding: 5px 20px 50px;
    font: 600 36px / 40px Assistant;
}
section.mt-einlagen-slider .mt-headText {
	z-index: 2;
	top: 75px;
}
section.mt-einlagen-slider .mt-headText h2 {
	font: 500 64px / 16px Assistant;
}
section.mt-einlagen-slider .mt-headText h4 {
	font: 500 64px / 64px Assistant;
}
section.mt-einlagen-slider .mt-brancheName {
	top:250px;
	z-index: 3;
}

section.mt-einlagen-slider .swiper-wrapper .swiper-slide-visible .textblock {
	display: block;
}
section.mt-einlagen-slider .branche {
	float: left;
	margin: 0 5px 0px 0;
    color: #fff;
    font-weight: 700;
    font-size:100px;
}

section.mt-einlagen-slider .swiper-wrapper .textblock {
	display: none;
}

section.mt-einlagen-slider.textwidth1600 .textblock {
	width: 1600px;
}

section.mt-einlagen-slider .textblock .headline {
	margin: 20px 0 15px 0;
}

section.mt-einlagen-slider .textblock .text {
  margin: -6px 0 0 0;
}

section.mt-einlagen-slider .textblock span {
    border-bottom: 1px solid var(--ka-font-color);
}

@media screen and (max-width: 1100px) {
	section.mt-einlagen-slider .textblock {
	left: 5%;
	}
	section.mt-einlagen-slider .mt-headText h2 {
	font: 500 34px / 16px Assistant;
	}
	section.mt-einlagen-slider .mt-headText h4 {
	font: 500 34px / 34px Assistant;
	}
	section.mt-einlagen-slider .mt-brancheName {
	top:200px;
	}
	section.mt-einlagen-slider .branche {
		font-size: 50px;
	}
}
@media only screen and (max-width: 600px) {
	section.mt-einlagen-slider .mt-headText h2 {
	font: 500 24px / 0px Assistant;
	}
	section.mt-einlagen-slider .mt-headText h4 {
	font: 500 24px / 24px Assistant;
	}
	section.mt-einlagen-slider .mt-headText {
	top:25px;
	}
	section.mt-einlagen-slider .mt-brancheName {
	top:100px;
	}
	section.mt-einlagen-slider .branche {
	font-size: 25px;
	}
}
.ce_form .formbody {
  margin-top: 30px;
}

input,
textarea {
    margin:0;
    border:0;
    border-radius:0;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
button {
  font-size: 1em !important;
}
form .row {
    margin-bottom:10px;
}
.breakpoint-300 form .row {
    width:320px;
}
.breakpoint-300 form .column {
    width:310px;
}

.widget {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
/* BG251124 Ansicht verbessert */
.widget.error {
  flex-direction: column;
}

.widget.widget-upload {

}

form .label-col label {
    width:150px;
}
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select {
  max-width:420px;
  margin-top:4px;
  margin-bottom:4px;
  padding:6px 6px;
  background-color:#fff;
  border: 1px solid var(--ka-border);
  width:calc(100% - 220px);
}
input[type="search"],
input[type="file"] {
    width:250px;
    max-width:70%;
    float:left;
    margin-right:10px;
}

input[type="file"] {
  font-size: 14px;
  margin-top:8px;
  margin-bottom:8px;
  padding:6px 6px 6px 0;
  border: 1px solid var(--ka-border);
}

input.button {
    display: block;
    margin-bottom: 3px;
    padding: 4px 15px;
    text-align: center;
    background-color: #bababa;
    font: 400 16px/19px "Assistant";
    color: #FFF;
    cursor: pointer;
    font-weight: 500;
}
textarea {
    max-width:420px;
    margin-top:5px;
    background-color:#fff;
    width:calc(100% - 220px);
}

.widget-submit {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

input[type="submit"],
button.submit {
  /*
  display: inline-block;
  margin: 35px 0px 10px 0px;
  cursor:pointer;


  padding: 8px 25px;
  font-size: 16px;
  line-height: 19px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
  */
  display: inline-block;
  margin: 20px 20px 0 0px;
  padding: 8px 25px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;

}
input[type="submit"].submit-hover,
button.submit:hover,
.mod_iso_productreader .submit:hover {
  background-color: var(--ka-bk-darkblue);
}
textarea:focus,
input[type="text"]:focus {
    outline:none;
}
label {
  min-width:200px;
  /*float:left;*/
  font-weight:600;
}
/*
label.actionLabel {
    margin-top:10px;
    margin-right:0;
    margin-bottom:10px;
    padding:0 0 0 25px;
    background-image:url("/files/Faisst-Koffer/Layout/Common/checkbox.png");
    background-position:left bottom;
    background-repeat:no-repeat;
    line-height:1em;
    width:calc(100% - 8px);
    font-weight:400;
}
label.actionLabelSelected {
    background-image:url("/files/Faisst-Koffer/Layout/Common/checkbox_checked.png");
    background-repeat:no-repeat;
}
*/
.explanation {
  margin: 20px 0 0 0;
}
.explanation.smalltext p {
  margin: 20px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.form-row {
    margin-bottom:8px;
}
select {
    width:153px;
    background-color:#fff;
    background-repeat:no-repeat;
}
select:focus {
    outline:none;
}
select option {
  display: block;
  padding:12px 6px;
}

/*
div.mod_search input {
    margin:0 10px 40px 0;
    padding-right:2px;
    padding-left:10px;
}

div.mod_search input.submit {
    height:36px;
    margin-right:50px;
    padding:3px 25px 5px;
}
div.mod_search div.first {
    float:none;
    clear:both;
    margin-top:25px;
}
*/
div.mod_search {
  position: relative;
}

div.mod_search form {
  position: relative;
  margin: 0 0 50px 0;
}

div.mod_search > div {
  padding: 20px 0;
}

div.mod_search > div h3 {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}

.explanation {
  margin:0px 0 0 0;
}

.explanation h3 {
  font-size: 30px;
  /*text-transform: uppercase;*/
}

input[type="checkbox"] {
    display:block;
    margin-top:0px;
    padding-top:0;
}
.widget-checkbox {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0;
}
.widget-checkbox fieldset.checkbox_container {
  display: flex;
  flex-direction: column;
  margin-left:00px;
}

.widget-checkbox fieldset.checkbox_container span {
  display: flex;
  flex-direction: row;
  margin-left:00px;
}

.widget-checkbox fieldset.checkbox_container span input {
  margin-right: 10px;
}

.widget-checkbox fieldset.produktfield.checkbox_container,
.widget-checkbox fieldset#ctrl_759.checkbox_container {
    margin-left:0;
}
.widget-checkbox fieldset.produktfield.checkbox_container span {
  display:flex;
  margin:5px 0;
}
.widget-checkbox fieldset.produktfield.checkbox_container span.mandatory {
    float:right;
    display:inline-block;
    margin-left:5px;
}
.widget-checkbox fieldset.produktfield.checkbox_container legend {
    float:left;
}
.widget-checkbox legend {
    font-weight: 700;
}
.widget-checkbox fieldset#ctrl_759.checkbox_container span {
  /*
    display:block;
    margin-top:-32px;
    margin-left:200px;
  */
}
.widget-checkbox fieldset#ctrl_759.checkbox_container span.mandatory {
    display:inline-block;
    margin-left:0;
}

.radio_container {
  position: relative;
}

.radio_container .options {
  position: relative;
}

.radio_container .options > span {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 15px 0 15px 0;
}


.radio_container .options > span input {
  margin-right: 10px;
}


.mod_login {
  margin: 50px 0 20px 0;
}

form input:user-invalid,
form input:focus:user-invalid,
form input.checkbox:user-invalid,
form input.checkbox:focus:user-invalid,
form select:user-invalid,
form select:focus:user-invalid {
	background-color: rgba(255,0,0,0.3);
  color: #fff;
  box-shadow: none;
  outline: none;
}
form input.checkbox:user-invalid,
form input.checkbox:focus:user-invalid {
	outline: 3px solid #f00;
  margin: 2px 5px;
}

/* ****************************************************************************************************************** */
/* --- NoStart ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

.ce_easyzoom {
    float:left;
    margin-right:30px;
    width:calc(50% - 30px);
}
div.easyzoom-out {
    max-width:500px;
    margin-bottom:5px;
}
.easyzoom.is-ready img {
    cursor: zoom-in;
}
.ie11  div.easyzoom-wrap img {
    width:100%;
}
.easyzoomthumbnails {
    max-width:500px;
}
div.animation {
    width:1200px;
    max-width:100%;
    position:relative;
}
div.animation .back-button {
    left:0;
    top:10px;
    position:relative;
}
div.animation .back-button a,
div.backbtn a {
    padding:5px 10px;
    background-color:#0076bd;
    color:#fff;
}
div.backbtn {
    display:block;
    margin-bottom:20px;
}
div.animation .back-button a:hover,
div.backbtn a:hover {
    background-color:#f0a20a;
    transition:500ms;
}
.animation-column {
    width:60px;
    float:left;
    margin-bottom:40px;
}
.animation-set-selector {
    width:50px;
    height:54px;
}
#product-animation {
    width:700px;
    min-height:730px;
    max-width:100%;
    margin-right:auto;
    margin-left:auto;
}
.product-animation-link {
    width:148px;
    height:148px;
    display:block;
    margin-top:20px;
    border:1px solid #939494;
}
.animation-set-selector {
    display:block;
    padding:10px;
    border:1px solid white;
}
.animation-set-selector-active {
    border:1px solid #0076bd;
}
.animation-play-button {
    width:52px;
    height:55px;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-999em;
    border:1px solid white;
    background-color:silver;
    background-image:url('../../files/intern/img/play.png');
}
.animation-play-button-pause {
    background-image:url('../../files/intern/img/pause.png');
}
.animation-play-button:hover {
    border:1px solid #0076bd;
}
#product-animation-flip {
    width:730px;
    height:700px;
    max-width:100%;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
}
#product-animation-flop {
    width:730px;
    height:700px;
    max-width:100%;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
}
ul.easyzoomthumbnails {
    margin:5px 0 0;
    padding:0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.easyzoomthumbnails li {
    float:left;
    margin-right:5px;
    width:calc(25% - 5px);
}
ul.easyzoomthumbnails li {
    float:left;
    margin-right:0;
    margin-left:0;
    width:calc(25% - 5px);
}
.btn_angebot {
    min-width:125px;
    padding:8px 20px 10px;
    background-color:#0076bd;
    color:#FFF;
}
a.btn_angebot,
a:visited.btn_angebot {
    color:#FFF;
}
.btn_angebot:hover {
    background-color:#f0a20a;
    filter: saturate(400%);
    transition:500ms;
}
.lalinks a {
    padding:2px 5px;
}
.lalinks a:hover {
    background-color:#f0a20a;
    color:#FFF;
}
.history {
    display:block;
    margin-top:20px;
}
.history-image {
    overflow:hidden;
    float:left;
    display:inline;
    margin:0 5px;
}
.histry-entries {
    overflow:hidden;
    float:left;
    display:inline;
    margin:0 5px;
}
.history-entry {
    margin-bottom:3px;
    padding:4px;
    background-color:#d9dadb;
}
.history-year {
    width:60px;
    float:left;
    color:#0076bd;
    font-weight:700;
}
.history-summary {
    width:400px;
    float:left;
}
.company-entry {
    width:610px;
    margin-bottom:3px;
    padding:6px 0 6px 20px;
    background-color:#d9dadb;
}
.company-name {
    width:180px;
    float:left;
    font-weight:700;
}
.company-description {
    width:250px;
    float:left;
}
.company-link {
    width:150px;
    float:left;
}
.company-link a {
    font-weight:700;
}
.company-logo {
    width:150px;
    height:50px;
    display:block;
    margin-top:20px;
    background-position:center center;
    background-repeat:no-repeat;
}
.company-logo-hover {
    width:150px;
    height:50px;
    display:none;
    background-position:center center;
    text-indent:-9999em;
}
.contactperson-photo {
    width:115px;
    float:left;
}
.contactperson {
    height:240px;
}
.contactperson-info {
    width:195px;
    float:right;
}
.contactperson-info a {
    color:#0076bd;
}
#map_canvas {
    width:400px;
    height:290px;
    display:block;
}
.mod_newsreader .image_container {
    margin-right:20px;
    margin-bottom:20px;
}


html body.shop {
  scroll-behavior: auto;
}

html .mod_iso_productreader  {
}

.checkout {
    left:0;
    top:0;
    position:relative;
}
input[type="submit1"],
.button a,
a.kassebutton,
a.gastbestellung {
  /*
  margin-top:0;
  margin-left:0;
  padding:6px 20px;
  text-align:center;
  background-color:var(--ka-bk-lightblue);
  border:0px;
  border-radius:0;
  color:#FFF;
  */
  display: inline-block;
  margin: 20px 20px 0 0px;
  padding: 8px 25px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  cursor: pointer;
  transition: color 300ms ease-in-out;
  color:#FFF;
}
a.kassebutton {
    float:right;
    display:block;
    margin-top:10px;
    margin-right:0;
}
input[name="add_to_cart"] {
  margin:10px 0 20px 0;
  max-width: 350px;

}
input[name="button_update"] {
    left:0;
    margin-left:0;
}
input[name="button_checkout"] {
    left:0;
    float:right;
    margin-right:0;
}
input[type="submit"]:hover,
a.gastbestellung:hover,
a.kassebutton:hover {

}
div#login > input.submit,
div#login > div.submit_container a.kassebutton,
div#login-105 > input.submit,
div#login-105 > div.submit_container a.kassebutton {
    width:138px;
    float:left;
}
div#login-105 > input.submit,
div#login-105 > div.submit_container a.kassebutton {
    width:220px;
}
input[value="Abmelden"],
input[value="Logout"] {
    margin-left:0;
}


.mod_iso_productreader {
    margin:0px;
    padding-top:0px;
    padding-bottom:50px;
    border-top:0px solid #bababa;
    border-bottom:0px solid #bababa;
}
.mod_iso_productreader div.faisstblock {
  /*grid-template-columns: 1fr 30%;*/
  position: relative;
  display: flex;
  align-items: flex-start;
  max-width: 100vw;
  overflow: visible;
  flex-direction: row;
}
.mod_iso_productreader div.faisstleft,
.mod_iso_productreader div.faisstright {
  position: relative;
  display:flex;
  margin:0;
  padding:0 0px 0 0;
  width:100%;
}
.mod_iso_productreader div.faisstleft {
  min-height: 100vh;
  width: 100%;
  /*flex: 2;*/
}
.mod_iso_productreader div.faisstleft .faisstimages .image_container:first-child {
  width: 100%;
}
.mod_iso_productreader div.faisstleft .faisstimages .image_container:first-child img {
  width: 100%;
}
.mod_iso_productreader div.faisstright {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  position: relative;
  /*flex: 0 0 490px;*/
  flex: 0 0 580px;
  top: 0;
  padding: 0;
}
.mod_iso_productreader div.faisstright .sidebarmargin {
  display: inline-block;
  height: 0;
  box-sizing: border-box;
}
.mod_iso_productreader div.faisstright .sidebar {
  display:flex;
  flex-direction: column;
  position: sticky;
  padding:40px 50px;
  bottom: auto;
}

.mod_iso_productreader p.back {
  position: fixed;
  top: 78px;
  left: 20px;
  z-index: +3;
}
.mod_iso_productreader p.back a {
  display: inline-block;
  width:200px;
  height:40px;
  margin-top: -3px;
  margin-left:2px;
  padding-top:0;
  padding-left:28px;
  vertical-align:middle;
  background-image:url("/files/Layout/Common/faisst-shop-back.png");
  background-position:left center;
  background-repeat:no-repeat;
  color:var(--ka-bk-lightblue);
  font-weight:600;
}
#main .mod_iso_productreader p.back a:hover {
  color: #000;
}

.mod_iso_productreader div.staffelpreis {
  max-width:500px;
  float:none;
  clear:both;
  margin:30px 0 30px 0;
  padding:10px 20px;
  background-color:#f1f1f1;
}
.mod_iso_productreader div.staffelpreis div.header span {
    color:var(--ka-bk-lightblue);
}
.mod_iso_productreader div.staffelpreis span.col_1 {
    width:150px;
    max-width:30%;
    float:left;
    display:block;
}
.mod_iso_productreader div.staffelpreis div.header,
.mod_iso_productreader div.staffelpreis div.item {
    padding-bottom:2px;
    border-bottom:1px solid #cfcfcf;
}
.mod_iso_productreader div.staffelpreis div.item:last-child {
    border-bottom:0px;
}

.mod_iso_productreader div.faisstright .description3 {
  position: relative;
}
.mod_iso_productreader div.faisstright .description3 table td {
   padding:2px 2px 0 2px;
   vertical-align:center;
}

div.faisstbottom {
    float:none;
    clear:both;
    display:block;
    margin-top:30px;
    margin-bottom:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:2px solid #d1d1d1;
}
div.faisstbottom .keywords {
  position: relative;
  max-width: 1600px;
  margin-right:auto;
  margin-left:auto;
}
div.faisstbottom div.desctop,
div.faisstbottom div.images,
div.faisstbottom div.descbottom {
    width:100%;
    clear:both;
}
div.faisstbottom div.images {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
div.faisstbottom div.images::after {
    content: "";
    width: calc(25% - 15px);
    /*flex: 0 0 48%;*/
}


div.faisstbottom div.images span.linkblock {
    float:left;
    clear:none;
    display:block;
    margin-right:0px;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    width:calc(25% - 30px);
}
div.faisstbottom div.images span.linkblock span.text {
    width:100%;
    display:block;
    padding:0;
    text-align:center;
}
div.faisstbottom div.images span.linkblock a span.text {
    width:100%;
    margin-top:4px;
    padding-top:3px;
    padding-bottom:6px;
    background-color:var(--ka-bk-lightblue);
    color:#fff;
}
div.faisstbottom div.images span.linkblock a span.text:hover {

}
div.faisstbottom div.images {
    margin-top:15px;
    margin-bottom:15px;
}
.isotope .grid div.product {
    width:145px;
    float:left;
    display:block;
    margin-right:10px;
    margin-bottom:10px;
    padding:10px;
}
.isotope .grid h3 {
    margin-top:0;
    margin-bottom:5px;
    padding-top:0;
    padding-bottom:0;
}
.isotope .grid h3 a {
    display:block;
    text-align:center;
    font-size:.95em;
    line-height:1.25em;
    text-decoration:none;
    color:#222426;
}
.isotope .grid h3 a:hover {
    background-color:#e6e6e6;
}
.isotope .grid .product .image_container {
    height:100px;
    display:block;
    text-align:center;
}
.isotope .grid div.sku,
.isotope .grid div.teaser {
    display:none;
}
.iso_attribute images medium {
    width:200px;
    float:left;
}
.mod_iso_productreader .images {
    width:246px;
    float:left;
    margin-right:15px;
    padding:2px;
}
.mod_iso_productreader div.thumbs {
    max-width:500px;
    margin-top:15px;
}
.mod_iso_productreader div.thumbs .image_container {
    float:left;
    margin:0 5px 0 0;
    padding:0;
    width:calc(20% - 5px);
}
.mod_iso_productreader div.thumbs a {
    margin:0;
    padding:0;
}
.mod_iso_productreader div.faisstimages {
  width:100%;
  display:flex;
  margin:0 0 65px 0;
}
.mod_iso_productreader div.faisstimages a {
  font-size: 0px;
  line-height: 0px;
}

.mod_iso_productreader div.faisstimages .viewdesktop {
  width:100%;
  display: flex;
}

.mod_iso_productreader div.faisstimages .viewmobile {
  display: none;
}


.mod_iso_productreader div.faisstimages .image_container {
  /*width:100%;*/
  width:50%;
  width:100%;
  display:inline-block;
  margin:0;
}
.mod_iso_productreader div.faisstimages .image_container img {
  width:100%;
  height: 100%;
  object-fit: cover;

}
.mod_iso_productreader div.faisstimages .viewdesktop > .imagebox {
  /*
  display: flex !important;
  flex-direction: column !important;
  */
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  width: 100%;
}


.mod_iso_productreader h2 {
    margin-top:0;
    margin-bottom:6px;
    padding-top:0;
    /*color:var(--ka-bk-lightblue);    */
}
div.faisstbottom h2 {
  /*
  margin-top:0;
  font-size:1.5em;
  line-height:1em;
  */
}
.mod_iso_productreader #content {
    margin-left:0;
}
div.mod_iso_productreader div.singleprice div.text {
    float:left;
    margin-top:20px;
    margin-right:20px;
}
.mod_iso_productreader .einzelpreis,
.mod_iso_productreader #ajax_price {
    margin:10px 0;
    font-size:1.5em;
    color:var(--ka-bk-lightblue);
    font-weight:600;
}
div.pricetext {
    margin-top:0;
    margin-bottom:20px;
    padding-top:0;
}
.mod_iso_productreader .oldprice {
    float:left;
    margin-top:15px;
    margin-right:10px;
    font-size:1.2em;
    text-decoration:line-through;
    color:#f00;
}
.mod_iso_productreader .ce_hyperlink {
    padding-top:10px;
    padding-bottom:10px;
    font-weight:normal;
}
.mod_iso_productreader .sku {
    font-size:1.5em;
    line-height:1.5em;
    font-weight:bold;
    word-spacing:0;
    font-weight: 600;
}
.mod_iso_productreader p.sku {
    display:none;
}
.mod_iso_productreader .description {
    position:relative;
    float:none;
    display:inline-block;
    margin-top:10px;
    margin-right:30px;
    margin-bottom:30px;
    padding:0 0 20px;

}
.mod_iso_productreader .description table {
    background-color:#f1f1f;
    border-spacing1: 20px;
}
.mod_iso_productreader .description table td {
    margin-top:0;
    margin-bottom:0;
    padding:3px 15px;
    background-color:#f1f1f1;
    border-bottom:1px solid #cfcfcf;
    border-spacing1: 20px;
}
.mod_iso_productreader tr:last-child td {
    border-bottom:0px #f1f1f1;
}
.mod_iso_productreader .options,
.mod_iso_productreader .variants {
  margin-bottom:10px;
  padding:3px 10px 3px 0;
  /*color:#fff;*/
}
.mod_iso_productreader .options .conftext {
  font-weight: 600;
  margin: 0 0 5px 0;
}
.mod_iso_productreader .options .widget {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0px 0;

}
.mod_iso_productreader .submit_container {
  width:100%;
  position:relative;
  display:flex;
  flex-direction: column;
}
.mod_iso_productreader .submit {
  margin:10px 0;
  padding:10px 0;
}
.mod_iso_productreader .submit value {
  left:-2000px;
  position:relative;
}
.mod_iso_productreader .submit.update {
  left:-2000px;
  position:relative;
  display: none;
}
.mod_iso_productreader .quantity_container {
  position: relative;
  margin:0;
  display: flex;
  flex-direction: column;

}
.mod_iso_productreader .quantity_container input {
  width:40px;
  margin-top:0;
  margin-bottom:8px;
  padding:4px 4px 4px 8px;
  background-color: inherit;
  border: 1px solid var(--ka-border);
  text-align: center;
}
.mod_iso_productreader .options br,
.mod_iso_productreader .variants br {
    display:none;
}
.mod_iso_productreader .options label,
.mod_iso_productreader .quantity_container label {
  display:block;
  margin:8px 0 0px 8px;
  font-weight:500;

}
.mod_iso_productreader .options label {
  font-size: 14px;
}
div.mod_iso_productreader div.select select {
  min-width:200px;
  max-width: 350px;
  width:auto;
  padding: 8px 6px 8px 6px;
  margin-top: 1px;
  background-color: #fff;
  border: 1px solid var(--ka-border);
  border-radius: 5px;
}
option {
    font-size:1em;
    font-weight:400;
}
.pagination {
    clear:both;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
}
.mod_iso_checkout .noMethods {
    padding-top:100px;
    padding-bottom:100px;
    text-align:center;
    font-size:1.5em;
    font-style:italic;
}
.list td {
    padding-top:10px;
    padding-right:5px;
    padding-bottom:10px;
    vertical-align:top;
    border-bottom:1px solid #808080;
}
.list .image_container {
    width:65px;
    padding-right:5px;
}
.list .title {
    width:auto;
    padding-right:20px;
}
.list .title p.sku {
    display:none;
}
.list .title p.teaser {
    margin-top:5px;
    margin-bottom:0;
}
.list .title h3 {
    margin-top:0;
    margin-bottom:5px;
    padding-top:0;
    padding-bottom:0;
}
.list td.price,
.list td.details {
    width:80px;
}
.cart_mini {
    width:200px;
    right:20px;
    top:5px;
    position:absolute;
    margin:0;
    padding:0;
    background-color:rgba(186,186,186,.25);
    z-index:999;
}
.cart_mini h2 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    padding-left:5px;
    background-color:transparent;
}
.cart_mini h2 a {
    display:block;
    padding-bottom:2px;
    border-bottom:1px solid #4f2424;
    font-size:.8em;
    line-height:.8em;
    text-decoration:none;
    color:#000;
}
.cart_mini .subtotal {
    float:right;
    margin:3px 0 0 5px;
    padding:0;
    text-align:right;
}
.cart_mini .button,
.button1 {
    float:right;
    margin:0;
    padding:4px 12px;
    background-color:#777;
    font-size:14px;
    text-decoration:none;
    color:#FFF;
}
.button:hover {
    background-position:0 0px !important;
}
.mini_basket {
    right:5px;
    position:absolute;
    margin:0;
    padding:5px;
    top:10px;
    background-color:rgba(255,255,255,0.65);
}
.mod_iso_cart .empty {
    margin:0;
    padding:0 5px;
}
.mod_iso_cart,
.mod_iso_cart .block1 {
    margin:0;
    padding:5px 0;
    /*width:calc(100% - 15px);*/
}
.mod_iso_cart .basket {
    font-size:12px;
    font-weight:bold;
    color:#bababa;
}
.mod_iso_cart .image_container {
    width:100px;
    margin:0 10px 0 0;
    padding:0;
}
.mod_iso_cart .remove {
    width:180px;
    text-align:right;
}
.mod_iso_cart .remove a {
    font-size:10px;
}
.mod_iso_cart .name {
    width:180px;
}

.mod_iso_cart .name .namesku {
  display: flex;
  flex-direction: row;
}
.mod_iso_cart .name .namesku .sku {
  margin-left: 20px;
}

.mod_iso_cart .price {
    width:200px;
}
.mini_basket .price {
    width:180px;
    font-size:11px;
    border-bottom:1px solid rgba(204,102,51,.5);
}
.mod_iso_cart .quantity .text {
    width:60px;
    margin:0 10px 0 0;
    padding:0 4px;
}
.mod_iso_cart td.actions {
    width:30px;
    width:30px !important;
}
.mod_iso_cart td.actions a.edit {
    width:20px;
    height:20px;
    overflow:hidden;
    display:inline-block;
    background-image:url("/files/intern/common/button_ok.gif");
    background-position:left top;
    background-repeat:no-repeat;
    color: rgba(0, 0, 0, 0);
    width:20px !important;
    display: none !important;
}
.mod_iso_cart td.actions a.remove {
    width:20px;
    height:20px;
    overflow:hidden;
    display:inline-block;
    margin:2px 10px 0 0;
    padding:0;
    background-image:url("/files/intern/common/button_delete.gif");
    background-position:left top;
    background-repeat:no-repeat;
    color: rgba(0, 0, 0, 0);
}
.mod_iso_cart .price,
.mod_iso_cart .total,
.mod_iso_cart .tax,
.mod_iso_cart remove. {
    margin:0 10px 0 0;
    padding:0 5px;
}
.mod_iso_checkout .leftBox {
    width:40%;
    height:200px;
    float:left;
    display:block;
    margin-right:15px;
    padding:10px 20px 20px;
    border:1px solid #6e6e6e;
}
.mod_iso_checkout .rightBox {
    width:40%;
    height:200px;
    float:left;
    display:block;
    padding:10px 20px 20px;
    border:1px solid #6e6e6e;
}
.mod_iso_checkout .shipping_address .shipping_address_new {
    padding-top:25px;
    padding-bottom:25px;
}
.mod_iso_checkout .billing_address h3,
.mod_iso_checkout .shipping_method h3,
.mod_iso_checkout .payment_method h3 {
    margin-top:5px;
    margin-bottom:5px;
    padding-top:0;
    padding-bottom:0;
    font-size:18px;
    font-weight:bold;
}
input.button {
    display:block;
    margin-bottom:3px;
    padding:4px 15px;
    text-align:center;
    background-color:#bababa;
    color:#FFF;
    cursor:pointer;
    font-weight: 400;
}
button {
    padding:4px 15px;
    text-align:center;
    background-color:#4f4f4f;
    border:1px solid #fff;
    font-size:1.1em;
    color:#fff;
    cursor:pointer;
}
.removeButton {
    width:16px;
    height:16px;
    float:right;
    margin:0;
    padding:0;
    text-align:center;
    border:0px;
    font-size:1.1em;
    color:#fff;
    cursor:pointer;
}
input.dark,
a.dark {
    background-color:#bababa;
    font-weight:bold;
    text-decoration:none;
    color:#FFF;
}
.mod_iso_checkout input.text {
    color:#303030;
}
.mod_iso_checkout .chzn-single {
    width:222px;
    background-color:#FFE4AD;
    font-weight:bold;
    color:#303030;
}
.mod_iso_checkout p.error {
    display:block;
    margin-top:0;
    margin-bottom:0;
    padding:1px 5px;
    background-color:#ffe0e0;
    font-weight:bold;
    color:#c40000;
}
.mod_iso_checkout input.error {
    background-color:#f2cece;
    border:1px solid #850303;
}

.mod_iso_checkout .steps.block {
  position: relative;
  display: flex;
  margin:10px 0 20px;
  width: 100%;
}

.mod_iso_checkout .steps ol,
.mod_iso_checkout .steps ul {
  position: relative;
  display: block;
  padding:0;
  margin: 0;
  width: 100%;
}

.mod_iso_checkout .steps3 ul,
.mod_iso_checkout .steps4 ul {
  position: relative;
  margin:0;
  padding:0;
  background-color:#f1f1f1;
}
.mod_iso_checkout .block {
  margin: 0 0 50px 0;
}
.mod_iso_checkout .steps4 li,
.mod_iso_checkout .steps3 li {
  width:20%;
  float:left;
  display:block;
  margin:0;
  padding-top:6px;
  padding-bottom:6px;
  text-align:center;
  background-color:#EDEDEd;
  border-right:1px solid #fff;
  color:#666;
  list-style-type:none;
  width:calc(25% - 0px);
}
.mod_iso_checkout .steps3 li {
  width:calc(33.3% - 0px);
}
.mod_iso_checkout .steps5 li {
    width:19%;
    float:left;
    display:block;
    margin:0;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background-color:#000;
    border-right:1px solid #fff;
    color:#fff;
    list-style-type:none;
}
.mod_iso_checkout .steps li.active {
    float:left;
    padding-top:6px;
    padding-bottom:6px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:#FFF;
    width:calc(25% - 0px);
}
.mod_iso_checkout .steps li.last {
    border-right:0px;
}
.mod_iso_checkout .steps li.passed {
    float:left;
    margin-right:0;
    margin-left:0;
    padding-top:6px;
    padding-bottom:6px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
}
.mod_iso_checkout .steps li.passed a {
    text-decoration:none;
    color:#fff;
}

.mod_iso_checkout .shippingaddress {
  margin: 50px 0 0 0;
}

.mod_iso_checkout fieldset {
  position: relative;
  display: flex;
  flex-direction: column;
    margin-top:0;
    margin-bottom:10px;
    margin-left:0;
    /*
    padding:5px 15px 5px 10px;
    background-color:#f1f1f1;
    */
    padding: 0;
    border:none;
}
.mod_iso_checkout .radio_container > span {
    width:100%;
    float:none;
    clear:both;
    display:inline-block;
}
.mod_iso_checkout .orderconditionsafterproducts .col_first {
    display:none;
}
.mod_iso_checkout .productTable {
    width:90%;
    margin-top:10px;
    margin-bottom:20px;
}
.mod_iso_checkout .productImg {
    width:75px;
}
.mod_iso_checkout .productInfo {
    width:auto;
}
.mod_iso_checkout .productQty {
    width:75px;
    text-align:right;
}
.mod_iso_checkout .qtyModifier {
    width:30px;
}
.mod_iso_checkout .productTotals {
    width:100px;
    text-align:left;
    font-weight:bold;
}
.mod_iso_checkout .finalPrices {
    margin-bottom:15px;
    padding-right:50px;
    text-align:right;
}
.mod_iso_checkout .finalPrices .label {
    width:150px;
    float:left;
    display:block;
    padding-left:325px;
    text-align:right;
}
.mod_iso_checkout .finalPrices .grandTotal {
    font-size:1.3em;
    line-height:1.4em;
    font-weight:bold;
}
.mod_iso_checkout .billingaddress .col_0,
.mod_iso_checkout .shippingaddress .col_0 {
    width:170px;
}
.mod_iso_checkout .payment_form {
    clear:both;
    margin-top:25px;
    margin-bottom:15px;
}
.mod_iso_checkout .paymentLogos {
    float:right;
}
.mod_iso_checkout .paymentmethod .radio_container .options > span {
  display: block;
  flex-direction: row;
  align-items: center;
  /*color: #f00;*/
}

.orderproducts {
    margin-bottom:15px;
    padding:10px;
    border:1px solid #bababa;
    width:calc(100% - 0px);
}
.orderproducts th:nth-last-child(1),
.orderproducts th:nth-last-child(2) {
  text-align: right;
}
.orderproducts th:nth-last-child(3) {

}
.mod_iso_checkout .price {
    text-align:right;
}
.mod_iso_checkout table {
    width:90%;
}
.mod_iso_checkout table .col {
    width:115px;
}
.mod_iso_checkout table img {
    width:115px;
}
.mod_iso_checkout table td {
    padding-top:2px;
    padding-right:0;
    padding-bottom:2px;
    vertical-align:top;
}
.mod_iso_checkout table td ul {
    margin:0;
    padding:0;
    vertical-align:top;
}
.mod_iso_checkout table td li {
    margin:0;
    padding:0;
    vertical-align:top;
    list-style-type:none;
}
.mod_iso_checkout .productTable td {
    padding-top:10px;
    padding-right:5px;
    padding-bottom:15px;
    vertical-align:top;
    border-bottom:1px solid #919191;
}
.mod_iso_checkout .productInfo h3 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}
.mod_iso_checkout .recoverPassword,
.mod_iso_checkout .register {
    margin-top:5px;
    padding:5px 10px;
}
.mod_iso_checkout .mod_login {
    padding-bottom:10px;
}
.mod_iso_checkout .submit_container {
    width:100%;
    clear:both;
    margin-right:0;
    margin-left:0;
    text-align:right;
}
.mod_iso_checkout .submit_container input.button.previous {
    float:left;
}
.mod_iso_checkout .submit_container input.button,
.mod_iso_checkout .submit_container input.button.next {
  /*
  min-width:200px;
  max-width:85%;
  right:0;
  position:relative;
  float:right;
  margin-right:0;
  margin-bottom:10px;
  margin-left:0;
  padding:6px 15px;
  background-color:var(--ka-bk-lightblue);
  text-decoration:none;
  */
  display: inline-block;
  margin: 5px 5px 5px 5px;
  padding: 8px 20px;
  border-radius: var(--ka-radius-btn);
  background-color: var(--ka-bk-btn);
  color: var(--ka-color-btn);
  transition: color 300ms ease-in-out;
  border: 1px solid var(--ka-bk-btn);
  white-space: nowrap;
}
.mod_iso_checkout .submit_container input.button:hover,
.mod_iso_checkout .submit_container input.button.next:hover {
  background-color: var(--ka-bk-darkblue);
  border: 1px solid var(--ka-bk-darkblue);
  color: #fff;
}
.mod_iso_checkout .order_review,
.mod_iso_orderdetails {
  margin-top:10px;
  margin-bottom:10px;
  padding: 0;
}
.mod_iso_checkout .order_review ul,
.mod_iso_orderdetails ul {
    margin-left:0;
    padding-left:0;
}
.mod_iso_checkout .order_review li,
.mod_iso_orderdetails li {
    margin-left:0;
    padding-left:0;
    list-style-type:none;
}
.mod_iso_checkout .order_review a.edit {
    font-weight:bold;
    color:#a31515;
}
.mod_iso_checkout .order_review h3,
.mod_iso_orderdetails h3 {
    margin-top:5px;
    margin-bottom:5px;
    padding:0;
}
.mod_iso_checkout.order_review .info_container,
.mod_iso_orderdetails .info_container,
.info_container {
    float:left;
    margin-right:15px;
    margin-bottom:15px;
    padding:10px 10px 12px;
    border:1px solid #bababa;
    width:calc(50% - 15px);
}
.mod_iso_orderdetails .product img {
  max-width: 200px;
}
div.shipping_method,
div.payment_method {
    width:50%;
    min-height:117px;
    margin-right:0;
    padding-bottom:5px;
}
div .info_container a,
div.shipping_method a,
div.payment_method a {
  text-decoration: underline;
}
div .info_container a:hover,
div.shipping_method a:hover,
div.payment_method a:hover {
  color: var(--ka-bk-darkblue);
  text-decoration: none;
}
.mod_iso_checkout table,
.mod_iso_orderdetails table {
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
    border-spacing:0;
}
.mod_iso_checkout .order_review table td,
.mod_iso_orderdetails table td {
    margin:0;
    padding:3px 5px;
    vertical-align:top;
    border-top:1px solid #a1a1a1;
    border-bottom:1px solid #a1a1a1;
}
.mod_iso_orderdetails table ul {
    margin:0;
}
.col_0 col_first sku {
    vertical-align:top;
    background-color:#c41616;
    font-size:18px;
}
.mod_iso_checkout .order_review table .quantity,
.mod_isoCheckout .order_review table .price,
.mod_isoCheckout .order_review table .tax,
.mod_isoOrderDetails table .quantity,
.mod_isoOrderDetails table .price,
.mod_isoOrderDetails table .tax {
    text-align:right;
}
.mod_isoCheckout .order_review table tfoot,
.mod_iso_orderdetails table tfoot {
    text-align:right;
    font-weight:bold;
}
.mod_iso_checkout .order_review table .grandtotal td,
.mod_iso_orderdetails table .grandtotal td {
    padding-top:10px;
    font-size:1.6em;
    line-height:1.6em;
}
.mod_iso_checkout .order_review .billingaddress,
.mod_iso_checkout .order_review .shippingaddress,
.mod_iso_orderdetails .billingaddress,
.mod_iso_orderdetails .shippingaddress {
    float:left;
}
.note {
    width:100%;
    display:block;
    margin:5px 0 5px 20px;
    padding:2px 10px;
    border:1px solid #bababa;
}
.note div {
    font-size:12px;
    line-height:16px;
}
div.paymentmethod div.options {
    margin-left:0;
    width:calc(100% - 30px);
}
div.paymentmethod div.options .note p {
  font-weight: 400;
}


.mod_iso_checkout .order_review .shipping_method,
.mod_iso_orderdetails .shipping_method {
    float:left;
    clear:left;
}
.mod_iso_checkout .order_review .payment_method,
.mod_iso_orderdetails .payment_method {
}
.mod_iso_checkout .order_review .payment_form {
    padding:20px;
    background-color:#FFF;
    border:1px solid #BAA643;
}
.mod_iso_checkout .order_conditions_container .ce_text {
    height:100px;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background-color:#f2f1eb;
    border:1px solid #544625;
    color:#5c3d3d;
    font:.9em Helvetica,Arial,sans-serif;
    overflow-y:scroll;
}
.mod_iso_checkout .payment_method ul {
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
    background-color:#faf7e8;
    border:1px solid #000;
}
.mod_iso_checkout .payment_method li {
    margin:0 0 15px;
    padding:0;
    font-size:1.4em;
    font-weight:bold;
    list-style-type:none;
}
.mod_iso_checkout .payment_data input.text {
    width:175px;
    left:150px;
    position:absolute;
}
.mod_iso_checkout .payment_method .payment_data {
    margin-top:10px;
    font-size:.7em;
    font-weight:normal;
}
.mod_iso_cart table {
    width:100%;
    border-spacing:0;
}
.iso_registry_manage .noItems {
    display:block;
    margin-bottom:20px;
    padding:5px 15px;
    background-color:#ffc;
    border:1px solid #f96;
    font-size:14px;
    line-height:16px;
    font-style:italic;
    color:#f33;
}
.registryLink a {
    clear:left;
    display:block;
    text-decoration:underline;
    color:#06f;
}
.iso_registry_search label {
    width:125px;
    float:left;
    display:block;
}
.iso_registry_search .submit_container a {
    width:200px;
    display:block;
    margin-top:15px;
    padding:5px;
    text-align:center;
    background-color:#9cf;
    border:1px solid #06c;
    font-weight:bold;
    color:#003;
}
.cart_mini .product {
    margin-top:1px;
    margin-bottom:1px;
    padding:1px 5px;
    color:#3d3d3d;
}
.linkRepeater {
    clear:both;
}
.linkRepeater .linkBox {
    width:130px;
    float:left;
    margin-right:10px;
    margin-bottom:5px;
}
.linkRepeater .linkBox a:hover {
    text-decoration:none;
    color:#036;
}
.linkRepeater .linkBox a {
    height:25px;
    display:block;
    padding:3px 10px;
    text-align:center;
    font-size:12px;
    line-height:13px;
    font-weight:normal;
    color:#fff;
    background:#5c8ebc url("../../tl_files/tme/images/globalLayout/linkRepeaterBg.jpg") left top repeat-x;
}

.mod_iso_productlist {

}


.mod_iso_productlist .product_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
}

.bx-wrapper .product_list {
    display: block;
}


/* Topproduktliste */
div#listtop.mod_iso_productlist {
  position: relative;
  display: block;
  width: 100%;
}

.mod_iso_productlist .product {
  position:relative;
  display: flex;
  flex-direction: column;
  margin:0;
  padding:0;
  width:100%;
  /*width: 240px;*/
}

.mod_iso_productlist .textblock {

}

.mod_iso_productlist h4 {
  margin: 0px 0 5px 0px;
  font-size: 16px;
}
.mod_iso_productlist h3 {
  font-size: 32px;
  line-height: 36px;
  /*text-transform: capitalize;*/
}

.mod_iso_productlist div.sku {
  margin: 0px 0 5px 0px;
  font-size: 16px;
  line-height: 18px;
}

.mod_iso_productlist .image_container {
  position:relative;
  display: block;
  margin:0;
  padding:0;
  width:100%;
  height: 100%;
  z-index: 0;
  background-color: #f4f4f4;
}
.mod_iso_productlist img {
  width: 100%;
  display: flex;
  width:100%;
  height: 100%;
  justify-content: center;

}

.mod_iso_productlist .product a {
  position:relative;
  display: block;
  margin:0;
  padding:0;
  width:100%;
  height: 100%;
  overflow: hidden;
}

.mod_iso_productlist .product a img {
  transform: scale(1);
  overflow: hidden;
  transition: transform 0.5s ease-in-out;
}

.mod_iso_productlist .product a:hover img {
  transform: scale(1.1);
}

div#listtop.mod_iso_productlist .swiper-container {
  width: 100%;
}

/* Das einzelne Produkt in der Top-Liste über den Details */
div#listtop div.product {
  margin:0 2px;
  width:fit-content;
  /*
    position:relative;

    display: flex;
    padding:0;
  */
    /*
    width:calc(10% - 4px);
    width:300px;
    */
}

.mod_iso_productlist {
  display: block;
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0 0 40px 0;
}

.mod_iso_productlist .bkimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  background-image: url('/files/intern/backgrounds/faisst-alu-koffer-bg-white.jpg');
  background-size: cover;
  background-position: top center;
  z-index: -1;
  pointer-events: none;
}

.mod_iso_productlist .submit {
    width:160px;
    margin-top:10px;
    padding-top:3px;
    padding-bottom:2px;
    font-size:14px;
}
.mod_iso_productlist .product form {
  position: relative;
}
.mod_iso_productlist .product form,
.mod_iso_productlist .product .formbody {
  position: relative;
  margin: 0;
  padding:0;
  width:100%;
  height: 100%;
}

.mod_iso_productlist > a {
  position: relative;
  display: flex;
}

.mod_iso_productlist .textblock {

  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;

  margin: 0;
  padding:10px 20px;
  pointer-events: none;
  background-color: #f4f4f4;
}

.mod_iso_productlist .textblock h3 {
  font-size: 28px;
  line-height: 32px;
  /*
  position: relative;
  width:100%;
  margin:5px 0 0;
  padding:3px 0;
  */
}

.mod_iso_productlist .textblock a {
  position: relative;
  display: flex;
  flex-direction: column;

  margin:0;
  padding:0 0 0 20px;
  text-align:left;
  color: var(--ka-font-color);
}
.mod_iso_productlist .textblock a:hover,
.mod_iso_productlist .textblock .textblock:hover,
.mod_iso_productlist .textblock .textblock *:hover {
  color: var(--ka-font-color);
}

div#listtop .textblock {
  margin:0;
  padding: 0;
  font-size:16px;
  line-height:18px;
  display:flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
}
div.formbody:hover > .textblock,
.mod_iso_productlist .textblock:hover {
}

div#listtop .textblock a {
  display:block;
  margin-top:auto;
  margin-bottom:auto;
  padding:4px 0 4px 0;
  vertical-align:middle;
  text-align:center;
  line-height:1.1em;
  color: var(--ka-font-color);
}
.mod_iso_productlist div.preisab {
  display: flex;
  position:relative;
  pointer-events: none;
  margin:10px 0 10px 0;
}
.mod_iso_productlist div.preisab div.text,
.mod_iso_productlist div.preisab div.price {
  float:left;
  margin-top:0;
  margin-right:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}
.mod_iso_productlist div.preisab div.text {
  margin:2px 0 4px 0;
  margin-right:8px;
}
.mod_iso_productlist .price {
  font-size:1.2em;
  font-weight:bold;
  color:var(--ka-bk-lightblue);
}
.mod_iso_productlist  .price .iso_attribute {
    float:right;
    clear:both;
    margin:1px 0 0;
    padding:0;
    vertical-align:bottom;
    text-align:right;
    font-size:11px;
}
.mod_iso_productlist  .quantity_container {
    float:left;
    margin-top:10px;
    margin-right:10px;
}
.isotope .grid div.price {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    font-size:1.2em;
    line-height:1.2em;
    color:#666;
}
.isotope .grid div.price .price_override {
    font-weight:bold;
    color:#900;
}
.isotope .grid div.details a {
    display:block;
    padding:2px;
    text-align:center;
    background-color:#d1d1d1;
    font-size:9em;
    text-decoration:none;
    color:#525252;
}
.isotope .grid div.details a:hover {
  background-color:#a6a6a6;
}
.pagination p {
    float:left;
    margin:0;
    padding:0 15px 0 0;
}
.pagination ul {
    float:left;
    margin:0;
    padding:0;
}
.pagination li {
    float:left;
    margin:0;
    padding-left:0;
    background-image:none;
    list-style-type:none;
}
.pagination span.current {
    padding-right:5px;
    padding-left:5px;
    background-color:#1F358E;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #1F358E;
}
.pagination a,
.pagination_current {
    padding-right:5px;
    padding-left:5px;
    border-right:1px solid #1F358E;
    text-decoration:none;
    color:#1F358E;
}
.pagination a:hover,
.pagination .active {
  background-color:#1F358E;
  color:#FFF;
}
.pagination a.next,
.pagination a.previous {
    border:none;
}
.pagination a.last {
    margin-left:15px;
}
.paginationr a.first {
    margin-right:15px;
}
.mod_iso_productfilter {
    overflow:visible;
    clear:both;
    display:block;
    padding:3px 10px;
    border-bottom:5px ridge #2e2e2e;
    font-size:.9em;
    line-height:1em;
}
.mod_iso_productfilter .filter_order_by,
.mod_iso_productfilter .filter_search,
.mod_iso_productfilter .filter_per_page {
    float:left;
    margin-right:5px;
}
.mod_iso_productfilter .clear_filters {
    float:right;
}
.mod_iso_productfilter .filter_search input.text {
    width:100px;
}
.mod_iso_productfilter .filter_search .formbody {
    float:left;
    margin-right:5px;
}
.mod_iso_productfilter .submit_container {
    float:left;
}
#ajaxOverlay {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:fixed;
    display:block;
    background-color:#000;
    -moz-opacity:.6;
    opacity:.6;
    z-index:99;
}
#ajaxLoader {
    width:20%;
    left:40%;
    position:fixed;
    display:block;
    padding:24px;
    border:1px solid #000;
    top:40%;
    background:#ffffff url("../../system/themes/default/images/loading.gif") right center no-repeat;
    z-index:100;
}
.cart_mini .noItems {
    font-size:1em;
    font-style:italic;
}
.cart_mini .removeButton a {
    width:0px;
    height:16px;
    overflow:hidden;
    float:right;
    display:block;
    margin:0 0 5px 5px;
    padding-left:16px;
    text-align:center;
    background:url("../../system/modules/isotope/html/delete.png") left top no-repeat;
}
.cart_mini .info {
    padding-top:3px;
    border-top:1px solid #757575;
    font-size:10px;
    line-height:11px;
    color:#969696;
}
.cart_mini .subtotal {
    clear:both;
    margin-top:10px;
    text-align:right;
}
.cart_mini .checkout {
    display:block;
    margin-top:5px;
}
.mod_iso_cart td {
    padding-top:8px;
    padding-right:16px;
    padding-bottom:8px;
    border-bottom:1px solid #ccc;
}
.mod_iso_cart .noItems {
    display:block;
    margin-top:50px;
    margin-bottom:50px;
    padding:20px;
    background-color:#f2f2f2;
    border:1px solid #d6d5d4;
    font-size:2em;
    font-weight:bold;
    color:#6e0a0a;
}
.mod_iso_cart .col_0 {
    width:60px;
    text-align:right;
}
.mod_iso_cart .col_1 {
    width:auto;
}
.mod_iso_cart .col_1 ul {
    margin-left:0;
    padding-left:0;
}
.mod_iso_cart .col_1 li {
    margin-left:0;
    padding-left:0;
    text-align:left;
    list-style-type:none;
}
.mod_iso_cart .col_2 {
    width:45px;
    text-align:right;
}
.mod_iso_cart .col_2 input {
    width:30px;
}
.mod_iso_cart .col_3,
.mod_iso_cart .col_4 {
    width:55px;
    text-align:right;
}
.mod_iso_cart .subtotal {
    margin-bottom:5px;
}
.mod_iso_cart .submit_container {
    width:100%;
    display:inline-block;
    margin-top:15px;
    padding-top:0;
    padding-bottom:0;
}
.mod_iso_cart button.update {
    float:left;
}
.mod_iso_cart a.checkout {
    width:200px;
    float:right;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color:#000;
    border:1px solid #fff;
    font-size:1.5em;
    color:#fff;
    cursor:pointer;
}
.mod_iso_cart table thead {
    margin-bottom:8px;
    border-bottom:1px solid #ccc;
}
.mod_iso_cart table tfoot .price {
    width:65px;
    text-align:right;
}
.mod_iso_cart table .tax {
    display:none;
}
.orderconditionsafterproducts {
    padding:0 0 0 5px;
    width:calc(100% - 0px);
}
.orderconditionsafterproducts .explanation,
.orderconditionsafterproducts .widget-checkbox {
    margin-left:0;
}
#iso_ajaxBox {
    width:330px;
    max-width:80%;
}
.cboxPhoto {
}

div.iso_sepa h3,
#sepa_checkout_form {
    margin-top:0;
    margin-bottom:0;
    padding:0 10px;
}
div.iso_sepa input {
    margin-right:0;
    margin-left:0;
}
div.mod_iso_orderhistory {
    padding:5px 20px 0;
    background-color:#f1f1f1;
}
div.mod_iso_orderhistory thead th {
    padding-right:10px;
    padding-left:0;
    border-bottom:1 solid var(--ka-bk-lightblue);
    color:var(--ka-bk-lightblue);
}
div.mod_iso_orderhistory tr {
    border-bottom:1px solid #cfcfcf;
    color:var(--ka-bk-lightblue);
}
div.mod_iso_orderhistory tbody tr:last-child {
    border-bottom:0px solid;
}
div.mod_iso_orderhistory td {
    padding-right:10px;
}
div.payment-text {
    margin-bottom:10px;
}
div.coupon input[type="submit"] {
    margin-left:0;
}

/* ****************************************************************************************************************** */
/* --- product ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

#prodlink4,
#prodlink {
    float:left;
    margin-top:20px;
    margin-right:15px;
    margin-bottom:20px;
    padding-top:14px;
    padding-bottom:14px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    line-height:18px;
    color:#FFF;
    width:calc(20% - 15px);
}
#prodlink4 {
    width:calc(25% - 15px);
}
#prodlink.shop {
    float:left;
    margin-right:15px;
    padding:2px 0;
    background-color:#fff;
    width:calc(20% - 19px);
}
#prodlink4:hover,
#prodlink:hover {

}
#prodlink4 a,
#prodlink a {
    line-height:1.1em;
    color:#FFF;
}
#prodlink.shop a {
    padding:0;
    line-height:1.1em;
    color:#000;
}
.product-category-box-title {
    width:100%;
    height:0px;
    top:-160px;
    position:relative;
    text-align:center;
    font-size:1.2em;
    color:white;
}
div.easyzoom-out {
    position:relative;
    z-index:920;
}
div.animation360 {
    right:0;
    top:0;
    position:absolute;
    z-index:921;
}
div.animation360 a {
    width:70px;
    height:70px;
    padding:5px 10px;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:#fff;
}
div.animation360 a:hover {
    width:70px;
    height:70px;
    transition:500ms;
}
.productlink {
    margin-right:20px;
    margin-bottom:20px;
    width:calc(25% - 26px);
}
.product-overview-image {
    width:100%;
    margin-bottom:10px;
}
.productlink .pagelink-label {
    background-color:#d9dadb;
    text-transform:lowercase;
}
.productlink .pagelink-label {
    color:#939494;
}
.productlink .pagelink-label:hover,
.productlink .productlink-label-hover {
    background-color:var(--ka-bk-lightblue);
    color:white;
    transition:500ms;
}
.productdescription {
    width:100%;
}
.productdescription,
.description-bottom {
    display:none;
}
#product-category-selector {
    width:100%;
    height:28px;
    display:block;
    margin:0;
    padding:3px;
    background-image:none;
    border:0;
    border-radius:0;
    text-decoration:none;
    text-transform:none;
    word-spacing:0em;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    font:13px 'Nauman-Regular,Gudea',sans-serif;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    color:white;
    background:var(--ka-bk-lightblue);
    -webkit-appearance:menulist-button;
}
.breakpoint-300 #product-category-selector,
div.productselect-label #product-category-selector {
    display:block;
}
.breakpoint-300 .product-category-selection {
    display:none;
}
div.productselect-label {
    padding:0;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    color:white;
    font-weight:400;
    background:none;
    width:calc(25% - 26px);
}
.product-category-selection {
    position:absolute;
    display:block;
    background-color:var(--ka-bk-lightblue);
    width:calc(25% - 26px);
    z-index:10;
    list-style:none;
}
.product-category-selection li a {
    display:block;
    padding:3px 3px 4px;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}
.product-category-selection li.divider {
    width:95%;
    height:1px;
    margin:2px 5px 1px;
    border-top:1px solid silver;
}
.product-category-selection li a:hover {

}
.product-category-selection li {
    width:275px;
    max-width:100%;
    float:left;
    display:none;
}
.product-category-selection li.active {
    display:block;
}
.product-category-selection li.active a:hover {


}
.product-category-selection li.active a {
    background-position:right top;
    background-repeat:no-repeat;
    background-image:url('../../files/intern/img/arrow_select.png');
}
.images-notice {
    color:#939494;
}
.product-image {
    width:310px;
}
#product-image-display {
    width:260px;
    height:270px;
    display:block;
}
.product-image-thumb img {
    border:0;
}
.product-image-thumb {
    width:59px;
    height:59px;
    overflow:hidden;
    float:left;
    display:block;
    margin-right:5px;
    padding:0;
    text-align:center;
    border:1px solid #d9dadb;
    text-decoration:none;
}
.product-image-360 {
    width:61px;
    height:61px;
    overflow:hidden;
    float:left;
    display:block;
    margin-right:5px;
    padding:0;
    text-align:center;
    background-color:var(--ka-bk-lightblue);
    text-decoration:none;
    color:white;
}
.product-image-360:hover {

}
.product-image-360 span {
    display:block;
    margin-top:15px;
    font-size:1.3em;
    font-weight:700;
    color:white;
}
.product-image-thumb:hover,
.product-image-thumb-selected {
    border:1px solid var(--ka-bk-lightblue);
}
.product-description {
    width:310px;
}
.product-image1 a img,
.ce_text a img {
    height:auto;
    max-width:100% !important;
}
.product-image1 p a img,
.ce_text p a img {
    height:auto;
    max-width:100% !important;
}
}
.product-images4 .column {
    margin-bottom:30px;
    min-height:190px !important;
}
.product-images4+.clear {
    height:1px !important;
}
.product-images5 .column {
    width:118px;
    min-height:158px;
    max-width:118px;
}
.product-images5+.clear {
    height:30px !important;
}
.production-info {
    width:310px;
    overflow:hidden;
    float:left;
    display:inline;
    margin:20px 5px 0;
}
.production-info-image {
    width:310px;
    height:150px;
    background-color:#939494;
}

div.ustprivat {
  margin:0 0 20px 0;
}

div.address.shippingaddress div.ustprivat {
  display: none;
}

/* ****************************************************************************************************************** */
/* --- max-width: 1920px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1920px) {
  .mod_iso_productreader div.faisstright {
    flex: 0 0 490px;
  }
}


/* ****************************************************************************************************************** */
/* --- max-width: 850px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 850px) {

  .mod_iso_productlist .product_list {
    grid-template-columns: 1fr 1fr;
  }
  .mod_iso_productreader div.faisstright {
    flex: 0 0 390px;
  }
  .mod_iso_productreader div.faisstright .sidebar {
    padding: 20px 20px;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 600px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 600px) {

  .mod_iso_productlist .product_list {
    grid-template-columns: 1fr;
  }

  body.shopdetail nav.mod_breadcrumb {
    display: none;
  }
  .mod_iso_productreader p.back {
    top: 58px;
    left: 10px;

  }
  .mod_iso_productreader p.back a {
    padding-left: 0;
  }

  .mod_iso_productreader div.faisstimages .viewdesktop {
    display: none;
  }

  .mod_iso_productreader div.faisstimages .viewmobile {
    width:100%;
    display: flex;

  }

  .mod_iso_productreader div.faisstblock {
    flex-direction: column;
  }
  .mod_iso_productreader div.faisstleft {
    min-height: 300px;
  }
  .mod_iso_productreader div.faisstimages {
    margin: 0 0 20px 0;
  }
  .mod_iso_productreader div.faisstimages > .image_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 gleich breite Spalten */
    grid-auto-rows: calc(25vw - 8px); /* Höhe für die allgemeinen Bilder */
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}

.mod_iso_productreader div.faisstimages > .image_container > figure {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.mod_iso_productreader .description {
  margin-right: 0;
}
/*
.mod_iso_productreader div.faisstimages > .image_container > figure:nth-child(1),
.mod_iso_productreader div.faisstimages > .image_container > figure:nth-child(2) {
    grid-column: span 2;
    grid-row: span 2;
    height: calc(50vw - 8px);
}
*/

.mod_iso_productreader div.faisstimages > .image_container > figure:nth-child(1) {
    grid-column: span 4; /* Erste zwei Bilder spannen über zwei Spalten */
    grid-row: span 4; /* Erste zwei Bilder spannen über zwei Reihen */
    height: calc(100vw - 8px); /* Höhe basierend auf doppelter Spaltenbreite */
}

.mod_iso_productreader div.faisstimages > .image_container > figure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Bild skaliert und zuschneidet, um den Container zu füllen */
}

.mod_iso_cart .col_1,
.mod_iso_cart .col_3,
.mod_iso_cart .col_4,
.mod_iso_cart td * {
  font-size: 14px;
  line-height: 17px;
}
.mod_iso_cart .col_3,
.mod_iso_cart .col_4 {
  width: 45px;
}

.mod_iso_cart td {
  position: relative;
  padding-right: 8px;
}
.mod_iso_cart .image_container {
  width: 60px;
  margin: 0 0px 0 0;
}
.mod_iso_cart .col_2 input {
  position: relative;
  top: -3px;
}
.mod_iso_cart .quantity .text {
  width: 32px;
  margin: 0 0px 0 0;
  padding: 0 2px;
}

input[type="submit"],
button.submit {
  display: inline-block;
  margin: 20px 5px 0 0px;
  padding: 8px 15px;
}



.mod_iso_checkout .steps li,
.mod_iso_checkout .steps li.active {
  font-size: 12px;
  line-height: 14px;
}
.mod_iso_checkout .steps4 li,
.mod_iso_checkout .steps4 li.active {
  width: calc(50% - 0px);
}

.mod_iso_checkout .steps3 li,
.mod_iso_checkout .steps3 li.active {
  width: calc(33.3% - 0px);
}

.mod_iso_checkout.order_review .info_container,
.mod_iso_orderdetails .info_container,
div.shipping_method,
div.payment_method,
.info_container {
  float: none;
  margin: 0 0 10px 0;
  width: 100%;
  min-height: 1px;
}

.mod_iso_checkout.order_review .info_container,
.mod_iso_orderdetails .info_container,
div.shipping_method,
div.payment_method,
.info_container,
.mod_iso_checkout .billing_address h3,
.mod_iso_checkout .shipping_method h3,
.mod_iso_checkout .payment_method h3,
.mod_iso_checkout table td {
  font-size: 14px;
  line-height: 16px;
}


}

/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

:root {
  --ka-mobile-border:50px;

  --ka-mobile-font-size:18px;
  --ka-mobile-line-height:22px;

}

/* ****************************************************************************************************************** */
/* --- max-width: 2200px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 2200px) {
  section.textimg.nolimit .textblock {
    padding: 30px 150px;
  }
}

/* ****************************************************************************************************************** */
/* --- max-width: 1960px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1960px) {
  nav#navmain ul.level_1 {
    width: calc(50% - 0px);


  }
  nav#navmain.active #navimg {
    width: 50%;
  }
  nav#navmain ul.level_2 {
    left: 25%;
    width: calc(25% - 50px);
  }

  section.kaslider1.img3.part .swiper-slide {
    width: 25%;
    max-height: 1000px;
  }

  section.kaslider2 {
  	padding: 0 0 80px 0;
  }

  section.kaslider2 .swiper-container {
    padding: 120px 0 0 0;
  }

  section.kaslider2 .imgblock img,
  section.kaslider2 .bkimgblock img {
  	width: 100%;
  	height: 100%;
  	object-fit: contain;
    max-height: 700px;
  }

  section.kaslider2 .teaserlist {
    margin: 0 auto 0px auto;
  }

  section.textimg .imgblock .image_background img {
    max-height: 900px;
  }
  section.textimg .textblock {
  	min-height: 700px;
  }

  section.textimg.default .textblock,
  section.textimg.default.limit1600int .textblock,
  section.textimg.slider .imgblock {
    min-height: 800px;
  }
  section.textimg.default.limit1400int .textblock {
    min-height: 600px;
  }

  section.textimg .swiper-slide img {
    width: 100%;
    object-fit: cover;
  }

  section.listimg .textblock {
    padding:  0px 60px 0px 60px;
  }

  section.listimg .textblock .items .item {
    padding: 23px 40px 18px 40px;
  }
}


/* ****************************************************************************************************************** */
/* --- max-width: 1800px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1820px) {
  .limit1800 {
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  section.textimg.nolimit .textblock {
    padding: 30px 80px;
  }




}

/* ****************************************************************************************************************** */
/* --- 1700 --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1702px) {
  #startbanner {
      display:none;
  }
}

/* ****************************************************************************************************************** */
/* --- max-width: 1680px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1680px) {
  body {
    font-size: 16px;
    line-height: 22px;
  }
  h1 {
    font-size: 48px;
    line-height: 53px;
  }
  h2 {
    font-size: 40px;
    line-height: 45px;
  }
  h3 {
    font-size: 30px;
    line-height: 34px;
  }
  h4 {
    font-size: 22px;
    line-height: 24px;
  }
  .bigtext,
  .bigtext p * {
    font-size: 23px;
    line-height: 30px;
  }

  section.bannertext .textblock h1,
  section.bannertext .textblock h2 {
    font-size: 60px;
    line-height: 68px;
  }

  .limit1600 {
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  section.listimg .textblock {
    padding:  0px 20px 0px 20px;
  }

  section.listimg .textblock {
    padding: 160px 40px 40px 20px;
  }
}

/* ****************************************************************************************************************** */
/* --- max-width: 1400px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1400px) {



  #footer .inside,
  #footer-menu > .limit1400int,
  /*#main .inside,*/
  /*
  #header .inside,


  */
  .limit1400 {
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  #main section.bannertext {
    min-height: 400px;
    display: flex;
    align-items: stretch;
  }
  section.bannertext .image_container img.award {
    left: var(--ka-mobile-border);
    top: var(--ka-mobile-border);
    transform: translate(0, 0);
    width: 80px;
  }
  section.bannertext .image_container img.image {
    top: 0;
    object-fit: cover;
  }

  section.bannertext .textblock {
    bottom: 15px;
    width: 90%;
  }
  section.bannertext .textblock h1,
  section.bannertext .textblock h2 {
    font-size: 40px;
    line-height: 48px;
    margin: 0;
  }
  section.bannertext .textblock h4 {
    font-size: 28px;
    line-height: 32px;
    margin: 0;
  }

  section.textimg .textblock .buttons {
    display: flex;
    flex-direction: column;
  }
  section.textimg .textblock .buttons a {
    display: inline-block;
    text-align: left;
    margin: 10px 0;
    align-self: flex-start; /* das verringert die Breite */
  }

  section.text2cols .headblock,
  section.text2cols .textblock {
    padding: 30px 40px;
  }


  section.text2cols .grid {
    grid-template-columns: 1fr 1fr;
  }


}


/* ****************************************************************************************************************** */
/* --- 1200 --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1206px) {
  .limit1200 {
    margin-left: var(--ka-mobile-border);
    padding-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  #banner {
      height:100%;
  }
  #startbox {
      margin-right:8px;
      margin-left:8px;
  }
  #footer-band-2 .copyright {
      margin-left:20px;
  }
}


/* ****************************************************************************************************************** */
/* --- 1100 --------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


@media only screen and (max-width: 1102px) {
  nav#navmain,
  nav#navtop,
  nav #navimg,
  nav #navclose,
  #header .blockmenu,
  .mod_iso_cart .empty {
    display:none;
  }

  .menu,
  #navmainid,
  .madeInGermany2 {
    display:none;
  }

  .searchbutton {
    /* display:none; BG11124 */
  }

  #navmobil {
    display:block;
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 15px;
  }
  #navmobil img {
    width: 32px;
    height: 32px;
  }

  #calltoaction {
      display:none;
  }
  #ansprechpartner div.col33,
  #contact-persons div.col33,
  #interlocuteur div.col33,
  #contactpersoon-333 div.col33 {
      min-height:720px;
  }
  .product-category-box-title {
      top:-100px;
      font-size:1.1em;
      line-height:1.2em;
  }
  #referenzen .ref-entry {
      width: calc(16.66% - 0px);
  }
  #footer {
      height:100%;
  }
  #footer-columns {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .madeInGermany {
      left:auto;
      top:60px;
      position:absolute;
      left:75%
  }
  .dmg_linkbox, {
      margin-right:0;
      margin-bottom:20px;
      margin-left:0;
  }

  section.text3cols h3 {
    hyphens: auto;
  }
}



/* ****************************************************************************************************************** */
/* --- max-width: 1000px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1000px) {
  .limit1000,
  #main .mod_newsreader p.back {
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  nav#navmain ul.level_1 {
    padding: 50px 50px 50px 50px;

  }

}

/* ****************************************************************************************************************** */
/* --- 850 ---------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


@media screen and (max-width: 851px) {

  #header .faisstlogo {
    right: 0px;
    width: 140px;
    padding: 12px 20px;
  }

  #header .blockmiddle {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
  }

  section.bannerslider .textblock h1,
  section.bannerslider .textblock h2 {
    font-size: 50px;
    line-height: 56px;
  }

  h1,
  section.text2cols .headblock .headline2,
  section.bannertext .textblock h1,
  section.bannertext .textblock h2 {
    font-size: 34px;
    line-height: 40px;
  }
  h2,
  section.textimg .textblock .headline2 {
    font-size: 28px;
    line-height: 34px;
  }
  h3,
  section.text2cols .textblock .hl {
    font-size: 24px;
    line-height: 28px;
  }
  h4,
  section.bannertext .textblock h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .bigtext,
  .bigtext p * {
    font-size: 20px;
    line-height: 24px;
  }

  .col50m.ce_youtube {
      width:100%;
      height:100%;
      min-height:100%;
      max-height:100%;
      float:none;
      clear:both;
      margin-left: 0;
      margin-right: 0;
  }
  .col50m.ce_youtube .video_container {
    width:100%;
    min-width:100%;
  }

  .col50m.ce_youtube .video_container iframe {
    width: 100%;
    max-width: 100%;
  }

  .limit2000,
  .limit1800,
  .limit1600,
  .limit1400,
  .limit1200,
  .limit1000,
  .limit800 {
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  #main .ce_gallery ul.cols_4,
  #main .ce_gallery ul.cols_5,
  #main .ce_gallery ul.cols_6 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .dist20 {
    height:10px;
  }
  .dist25 {
    height:12px;
  }
  .dist30 {
    height:15px;
  }
  .dist50 {
    height:25px;
  }
  .dist100 {
    height:50px;
  }
  .dist150 {
    height:75px;
  }

  .ce_downloads ul {
    grid-template-columns: 1fr 1fr 1fr;
  }


  section.textimg .grid.fr2,
  section.text2cols .grid.fr2,
  section.cols2textimg .grid.fr2 {
    grid-template-columns: 1fr;
  }
  section.text2cols .headblock,
  section.text2cols .textblock {
    padding: 20px 0px;
  }

  section.textimg .imgblock,
  section.textimg .imgblock .image_container {
    /*position: relative;*/
    min-height: 300px;
  }




  section.textimg.default .textblock,
  section.textimg.default.limit1600int .textblock,
  section.textimg.slider .imgblock,
  section.textimg.nolimit .textblock,
  section.textimg.right .grid .textblock {
    min-height: 400px;
  }

  section.textimg .imgblock {
    order: 1;
  }
  section.textimg .textblock {
    order: 2;
  }

  section.textimg .grid.distbottom {
    margin-bottom: 5%; /* BG121124 von 0 auf 5 */
  }

  section.textimg .textblock {
    padding: 30px var(--ka-mobile-border);
  }
  section.textimg.nolimit .textblock {
    padding: 30px 40px;
  }
  section.text2cols .textblock .text {
    padding: 0;
  }

  section.textimg.nolimit .textblock,
  section.textimg.right .grid .textblock {
    padding: 80px var(--ka-mobile-border) 30px var(--ka-mobile-border);
  }

  section.textimg.right .grid .textblock {
    padding: 160px var(--ka-mobile-border) 30px var(--ka-mobile-border);
  }

  section.cols2textimg.bkimg .leftblock,
  section.cols2textimg.bkimg .rightblock {
    margin: 0;
    padding: 80px 40px 150px 40px;
    min-height: 800px;
  }



  section.textimg .textblock {
    min-height: 500px;
  }

  #main .ce_text.center h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; /* BG160924 */

  }
  #main .ce_text.center h4 img {
    margin-right: 8px;
  }


  section.listimg .headblock {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin: 30px auto 80px auto;
    transform: translate(0, 0);
  }
  section.listimg .headblock h3 {
    text-align: center;
  }
  section.listimg.right .grid.fr2 {
    grid-template-columns: 1fr;
  }
  section.listimg .imgblock {
    order: 1;
    min-height: 500px;
  }
  section.listimg.right .grid .textblock {
    padding: 10px 30px 10px 30px;
  }
  section.listimg .textblock .items {
    margin: 20px 0;
  }
  section.listimg .textblock .items .item {
    margin: 5px 0;
    padding: 13px 10px;
  }
  section.listimg .textblock .items .item .icon {
    width: 40px;
    margin: 0 20px 0 0;
  }

  section.kaslider1.img3.part .ce_headline,
  section.kaslider1.img5.part .ce_headline {
    max-width: 90%;
  }


  section.kaslider2 .textblock {
    top: 10px;
    width: 90%;
  }
  section.kaslider2 .teaserlist {
    bottom: 20px;
    grid-row-gap: 10px;
    margin: 0;
  }
  section.kaslider2.cnt_5 .teaserlist,
  section.kaslider2.cnt_6 .teaserlist,
  section.kaslider2.cnt_7 .teaserlist,
  section.kaslider2.cnt_8 .teaserlist {
    grid-template-columns: 1fr 1fr 1fr;

  }

  section.xcolicons .xcolumn {
    padding: 25px 0 25px 0;
  }

  section.xcolicons .grid.fr4,
  section.xcolicons .grid.fr5 {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 0;
  }

  section.xcolicons .image_container {
    padding: 0;
  }

  section.xcolicons .image_container img {
    width: 90px;
  }

  .kasubmenu .items .item {
    margin: 0 4px;
  }
  .kasubmenu *,
  .kasubmenu a {
    font-size: 12px;
    line-height: 14px;
  }

  #footer h1,
  #footer-menu h4,
  #footer-menu .mod_customnav *,
  #footer-menu .dmg_linkbox h2 {
    font-size: 16px;
    line-height: 20px;
  }

  #footer .grid.gap60 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  #footer .consult .text {
    align-items: flex-start;
  }

  #footer .consult .text a {
    min-width: 180px;
    padding: 10px 10px;
  }

  #footer-menu nav.mod_customnav ul li {
    margin: 0;
  }

  #footer-menu .mod_customnav li a,
  #footer-menu .mod_customnav li p,
  #footer-menu .mod_customnav li strong,
  #footer-menu .dmg_linkbox p,
  #footer-menu .dmg_linkbox a {
    font-size: 12px;
    line-height: 14px;
  }

  #footer-menu .grid.gap60 {
    grid-column-gap: 20px;
  }
  .mt-cube .swiper-cube-shadow,
  .mt-cube .swiper-cube .swiper-cube-shadow:before {
 	display: none;
 }
}

/* ****************************************************************************************************************** */
/* --- 700 ---------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 702px) {
  h1 {
    margin-bottom:10px;
    padding-left:0;
    font-size:2em;
    line-height:1.25em;
  }
  h2 {
    margin-bottom:10px;
    font-size:1.5em;
    word-spacing:0;
  }
  h3 {
    font-size:24px;
    line-height: 28px;
  }
  h4 {
    margin-bottom:5px;
    font-size:1.2em;
  }
  h5 {
    margin-bottom:15px;
    font-size:1em;
    line-height:1.75em;
    font-weight:600;
  }
  h6 {
      margin-bottom:5px;
      font-size:.75em;
  }
  #startbox {
      float:left;
      margin-right:9px;
      margin-left:8px;
      width:calc(33.33% - 18px);
  }
  .col33,
  .col25,
  .col20 {
      float:left;
      clear:none;
      margin-right:20px;
      margin-left:0;
      padding:0;
      width:calc(50% - 20px);
  }
  .flexcontainer .col50,
  .flexcontainer .col33,
  .flexcontainer .col25,
  .flexcontainer .col20 {
      width:100%;
      margin-right:0;
      margin-bottom:4%;
      margin-left:0;
  }
  .col25 p {
      margin-bottom:0;
      padding-bottom:0;
  }
  #main .ce_gallery.col5 > ul li,
  #main .ce_gallery.col6 > ul li {
      width:30%;
  }
  #main .ce_gallery.flexstart.col5 > ul li {
      width:30%;
      margin-right:5%;
  }
  .flexcontainer #prodlink4,
  .flexcontainer #prodlink,
  .flexcontainer #prodlink.shop {
      margin:20px 0 5px;
      text-align:center;
      width:calc(50% - 15px);
  }
  .productlink,
  ul.product-category-selection {
      margin-right:6px;
      margin-bottom:12px;
      margin-left:0;
      width: calc(50% - 6px);
  }
  .productlink:nth-child(2n),
  ul.product-category-selection:nth-child(2n) {
      margin-right:0;
      margin-bottom:12px;
      margin-left:6px;
      width: calc(50% - 6px);
  }
  .product-overview-image {
      margin-bottom:0;
  }
  .pagelink-label {
      padding-top:0;
      padding-bottom:0;
  }
  div.productselect-label {
      width:100%;
  }
  .product-category-box-title {
      top:-100px;
      font-size:1.0em;
      line-height:1.1em;
  }
  .product-category-selection {
      display:none;
  }
  .dmg_linkbox .description {
      top:-10px;
  }
  #product-animation-flip,
  #product-animation-flop {
      width:400px;
      height:400px;
      max-width:100%;
  }
  .beratermap {
      display:none;
  }
  .madeInGermany {
      left:50%
  }
  .dmg_linkbox:nth-child(3),
  .dmg_linkbox:nth-child(4),
  .dmg_linkbox:nth-child(5),
  .dmg_linkbox:nth-child(6) {
      width:50%;
      margin-right:0;
      margin-bottom:20px;
      margin-left:0;
  }
  #footer-news {
      width:100%;
      margin-right:0;
      margin-left:0;
      padding-top:10px;
      padding-right:0;
      padding-left:0;
      text-align:center;
  }
  #footer-news div.button,
  #footer-news div.ce_text,
  #footer-news p {
      width:100%;
      margin-right:auto;
      margin-left:auto;
      padding-right:0;
      padding-left:0;
      text-align:center;
      font-size:14px;
  }
  #footer-news div.button {
      width:95%;
      float:none;
      margin-right:auto;
      margin-left:auto;
  }
}


/* ****************************************************************************************************************** */
/* --- 600 ---------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 602px) {

  :root {
    --ka-mobile-border:20px;
    --ka-mobile-font-size:16px;
    --ka-mobile-line-height:20px;
    --ka-headerheigt: 54px;
  }

  #header {

    /*height: 54px;*/
  }

  #header .inside {
    margin: 0;
    padding: 0;
  }
  #header .blockmiddle {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #navmobil {
    left: 15px;
    top: 11px;
  }
  #header #changelanguage,
  #header .blockmiddle a {
    margin: 0 5px;
  }

  #banner,
  #bannerimage,
  #banner2,
  #banner .rsts-skin-default.rsts-main,
  #banner .rsts-view,
  #banner section.bannertext,
  #banner section.bannertext .image_container,
  #banner section.bannertext .image_container .videocontainer,
  #banner .rsts-view video,
  #banner .videocontainer video {
    position: relative;
    min-height: calc(70vh - 0px) !important;
    max-height: calc(70vh - 0px) !important;
  }

  #banner .rsts-view img,
  #banner .rsts-view video {
    display: flex;
    height: 100%;
    object-fit: cover;
  }

  #banner {
    margin-top: var(--ka-headerheigt);
  }

  section.bannerslider .textblock,
  section.bannerslider .textblock.bottomcenter {
    width: 90%;
  }

  section.bannerslider .buttons {
    margin: 10px 0 10px 0;
  }
  section.bannerslider .buttons a {
    margin: 10px 0 0 0;
  }

  section.bannerslider .textblock h1,
  section.bannerslider .textblock h2 {
    font-size: 36px;
    line-height: 42px;
  }
  section.bannerslider .textblock h4 {
    font-size: 1.0em;
  }


  div.kaactionbuttons {
    position: fixed;
    top: 65px;
    left: auto;
    right: 20px;
  }
  div.kaactionbuttons .actionbutton img {
    width: 170px;
  }



  /*#main .inside,*/
  #footer .inside,
  #footer-menu > .limit1400int,
  .limit2000,
  .limit1800,
  .limit1600,
  .limit1400,
  .limit1200,
  .limit1000,
  .limit800 {
    margin-left: 0;
    margin-right: 0;
    margin-left: var(--ka-mobile-border);
    margin-right: var(--ka-mobile-border);
    width:calc(100% - 2 * var(--ka-mobile-border));
  }

  #header .faisstlogo,
  #header.small .faisstlogo {
    right: 0;
    top: 0;
    width: 100px;
    padding: 7px 10px;
  }


  #calltoaction {
      width:15%;
      z-index:999;
  }
  .col50,
  .col50m,
  .col33,
  .col25,
  .col20,
  .produktion,
  #ansprechpartner div.col33,
  #contact-persons div.col33,
  #interlocuteur div.col33,
  #contactpersoon-333 div.col33 {
      width:100%;
      height:100%;
      min-height:100%;
      max-height:100%;
      float:none;
      clear:both;
      margin-left: 0;
      margin-right: 0;

  }

  #main .grid.fr2,
  #main .grid.fr12,
  #main .grid.fr21 {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0px;
  }

  #main .ce_gallery ul.cols_4,
  #main .ce_gallery ul.cols_5,
  #main .ce_gallery ul.cols_6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .mod_newsreader .image_container {
    margin: 0;
  }

  .ce_downloads ul {
    grid-template-columns: 1fr 1fr;
  }

  .news-entry {
    display: flex;
    flex-direction: row;
  }
  .news-entry .news-image {
    display: flex;
    flex-direction: column;
    max-width: 20%;
  }
  .news-entry .news-image img {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 10px 0 0;
  }
  .news-entry .news-text {
    float: none;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .middletext {
    font-size: 18px;
    line-height: 22px;
  }

  section.text2cols .headblock .headline2 {
    font-size: 30px;
    line-height: 36px;
  }

  section.kaslider1 .swiper-button-prev,
  section.kaslider1 .swiper-button-next {
    top: calc(50% - 00px);
  }

  section.kaslider1 .swiper-button-prev {
    left: 10px;
  }
  section.kaslider1 .swiper-button-next {
    right: 10px;
  }

  section.kaslider1.img3.part,
  section.kaslider1.img5.part {
    min-height: 200px;
    padding: 00px 0 00px 0;
  }

  section.kaslider2 {
    min-height: 660px;
    padding: 0 0 160px 0;
  }
  section.kaslider2 .swiper-container {
    padding: 270px 0 0 0;
  }

  section.kaslider2 .swiperbox {

  }

  section.kaslider2 .imgblock img,
  section.kaslider2 .bkimgblock img {
    max-width: 150% !important;
    width: 150%;
    height: 150%;
  }

  section.textimg .grid.imgleftoverflow .imgblock .image_container {
    left: 0%;
  }

  section.listimg .headblock {
    margin: 30px auto 0px auto;
    padding: 0 var(--ka-mobile-border);
  }

  section.listimg.left100 .imgblock .image_container img {
    left: 0;
  }

  .ce_easyzoom {
      width:100%;
      float:none;
      clear:both;
  }
  #prodlink4,
  #prodlink,
  #prodlink.shop {
      margin-top:15px;
      margin-bottom:0;
      width: calc(50% - 15px);
  }
  .product-category-box-title {
      top:-100px;
  }
  .ce_gallery > ul li {

  }
  .caroufredsel_skin {
  }
  .dmg_linkbox {
      width: calc(50% - 20px);
  }
  #referenzen .ref-entry {
      width:calc(33% - 0px);
  }
  .news-text {
      width:100%;
      margin-left:0;
      padding-left:0;
  }

  .kasubmenu.fixed {
    top:var(--ka-headerheigt);
  }
  .kasubmenu .items {
    padding: 10px 0 8px 0;
  }
  .kasubmenu .items .item {
    margin: 0 4px;
  }
  .kasubmenu *,
  .kasubmenu a {
    font-size: 10px;
    line-height: 12px;
  }
  .kasubmenu .items .item.case,
  .kasubmenu .items .item.configurator {
    display: none;
  }

  section.kaslider2.cnt_5 .teaserlist,
  section.kaslider2.cnt_6 .teaserlist,
  section.kaslider2.cnt_7 .teaserlist,
  section.kaslider2.cnt_8 .teaserlist {
    grid-template-columns: 1fr 1fr;

  }

  section.text2cols .grid,
  section.xcolicons .grid.fr4,
  section.xcolicons .grid.fr5,
  .layout_latest.fair .grid.fr2,
  .fairform .grid.fr2 {
    grid-template-columns: 1fr;
  }

  section.cols2textimg .leftblock,
  section.cols2textimg .rightblock {
    padding: 80px var(--ka-mobile-border) 110px var(--ka-mobile-border);
  }
  section.cols2textimg .leftblock .headline,
  section.cols2textimg .rightblock .headline,
  section.cols2textimg .leftblock .text,
  section.cols2textimg .rightblock .text {
    padding: 0 0px;
  }
  section.cols2textimg .leftblock .leftbox,
  section.cols2textimg .rightblock .rightbox {
    padding: 10px 10px;
    left: 0;
    top: 50%;
    font-size: 12px;
    line-height: 14px;
    /*width: 80%;*/
  }
  section.cols2textimg .leftblock .buttons {

  }
  section.cols2textimg .leftblock .buttons a.button {
    margin: 40px 10px 0 10px;
  }

  #footer {
      margin-right:0;
      margin-bottom:0;
      margin-left:0;
      padding-right:0;
      padding-left:0;
  }
  #footer-band-2 {
      height:100%;
      margin-bottom:20px;
      padding-bottom:10px;
  }
  #socials,
  #footer-band-2 .copyright,
  #footer-band-2 .shoplink {
      width:95%;
      max-width:100%;
      left:0;
      right:0;
      top:0;
      position:relative;
      float:none;
      clear:both;
      margin:0 auto 5px 5px;
      padding:0;
      text-align:left;
  }
  #footer-band-2 .shoplink {
      padding-top:0;
  }
  #footer-band-2 .mod_customnav li {
      padding-right:0;
      padding-left:0;
  }
  #socials .ce_hyperlink {
      float:left;
      margin-right:5px;
      margin-left:0;
  }

  .widget {
    flex-direction: column;
  }
  .widget-submit {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .ce_form label {
    width:100%;
    float:none;
    clear:both;
  }
  label {
    min-width: 120px;
  }
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="search"],
  textarea {
    width:100%;
    max-width:100%;
    float:none;
    clear:both;
    margin-top:0;
    margin-bottom:4px;
    padding:4px;
    /*background-color:#d9dadb;*/
    width: calc(100% - 0px);
  }
  button.submit,
  input[type="submit"],
  .explanation,
  .widget-checkbox {
      margin-left:0;
  }
  select {
      width:100%;
      float:none;
      clear:both;
      margin-top:0;
  }
  .widget-checkbox fieldset.checkbox_container {
      margin-left:0;
  }
  .widget-checkbox fieldset.productfield.checkbox_container
  .widget-checkbox fieldset#ctrl_759.checkbox_container {
      margin-left:0;
  }
  .widget-checkbox fieldset.produktfield.checkbox_container span,
  .widget-checkbox fieldset#ctrl_759.checkbox_container span {
      display:block;
      margin-top:0;
      margin-left:0;
  }
  .widget-checkbox fieldset.produktfield.checkbox_container legend {
      float:none;
      clear:both;
  }

  section.text3cols .box3col {
    display: grid;
    grid-template-columns: 1fr;
    column-count: 1;
    column-gap: 0px;
  }

  section.textimg .textblock .buttons,
  section.text2cols .headblock .buttons {
    display: flex;
    flex-direction: column;
    justify-content:center;

  }

  section.textimg .textblock .buttons {
    /*display: inline-block;*/

  }

  a.button,
  #main .mod_newsreader p.back a,
  section.textimg .textblock .buttons a {
    /*padding: 8px 10px;*/
  }

  section.textimg .textblock .buttons a,
  section.text2cols .headblock .buttons a {
    display: inline-block;
    text-align: left;    
    margin: 5px 0;
    align-self: flex-start; /* das verringert die Breite */
    min-width: 150px;
  }

  #main section.bannertext {
    min-height: 400px;

  }

  #main section.bannertext .textblock {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5%;
    right: 5%;

    transform: translate(0, 0);
    height: 100%;
  }



  section.bannertext .image_container,
  section.bannertext .image_container .videocontainer {
    display: flex;
    height: auto;
    flex-grow: 1;
  }

  section.bannertext .buttons {
    flex-direction: column;
  }


  section.listimg .viewdesktop {
    display: none;
  }

  section.listimg .viewmobile {
    display: flex;
  }

  section.listimg .viewmobile .swiper-slide {
    display: flex;
    flex-direction: column;
  }

  section.listimg .viewmobile .imgblock {
    min-height: 20px;
  }

  section.listimg .viewmobile .textblock {
    min-height: 20px;
    padding: 20px var(--ka-mobile-border);
  }

  section.listimg .viewmobile .textblock .symbol {
    width: 70px;
    margin: 0 15px 0 0;
  }

  #footer-menu .grid {
    grid-template-columns: 1fr 1fr;
  }
  #footer .grid {
    grid-template-columns: 1fr;
  }
  #footer .consult .text {
    align-items: center;
  }

  #footer .contact,
  #footer .awards {
    text-align: center;
    justify-content: center;
  }
}


/* ****************************************************************************************************************** */
/* --- 350 ---------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 352px) {
  #footer {
      height:100%;
      padding-bottom:15px;
  }
  .dmg_linkbox {
      width:100%;
      float:none;
      clear:both;
      margin-right:0;
  }
}

/* ****************************************************************************************************************** */
/* --- Mobile-Navigation -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
@media screen and (max-width: 1100px) {

  .mobile_menu_overlay {
      z-index: 990;
  }
  .mobile_menu {
      /*max-width:260px;*/
      z-index: 999;
      1height: auto !important;
      1height: 99vh !important;
  }
  .mobile_menu .inner {
      background-color:var(--ka-font-color);
      color:#f1f1f1;
      font:14px Assistant, Arial;
      z-index: 999;
      width: 100%;
  }
  .mobile_menu .inner .ce_text1,
  .mobile_menu .inner .ce_text h1,
  .mobile_menu .inner .ce_text p,
  .mobile_menu .inner .ce_text a1 {
      margin-top:0;
      margin-bottom:0;
      padding:4px 0 4px 15px;
      font-size:15px;
      color:#FFF;
  }
  .mobile_menu .mod_navigation,
  .mobile_menu .mod_customnav {
      clear:both;
      margin:0 0 20px;
  }
  .mobile_menu .mod_navigation .submenu3-preview,
  .mobile_menu .mod_customnav .submenu3-preview {
      display:none;
  }
  .mobile_menu .mod_navigation ul.level_1,
  .mobile_menu .mod_customnav ul.level_1 {
      margin:0;
      padding:50px 0 0 50px;
  }
  .mobile_menu li.active.submenu_show > ul {
      padding-top:8px;
  }
  .mobile_menu .mod_navigation ul li,
  .mobile_menu .mod_customnav ul li {
      float:none;
      margin:0;
      padding:0;
      list-style-type:none;
  }
  .mobile_menu .mod_navigation ul li img,
  .mobile_menu .mod_customnav ul li img {
      display:none;
  }
  .mobile_menu .mod_navigation li span,
  .mobile_menu .mod_customnav li span {
      width:100%;
      position:relative;
      display:block;
      font-size:15px;
      letter-spacing:.02em;
  }
  .mobile_menu .mod_navigation a,
  .mobile_menu .mod_navigation strong,
  .mobile_menu .mod_customnav a,
  .mobile_menu .mod_customnav strong {
      display:block;
      padding:6px 0;
      border-bottom:1px solid #4d4d4d;
      font-size:15px;
      text-decoration:none;
      color:#f1f1f1;
      letter-spacing:.02em;
      color: white;
  }
  .mobile_menu .mod_navigation li span.active,
  .mobile_menu .mod_customnav li span.active {
      display:block;
      padding-top:4px;
      padding-bottom:4px;
      border-bottom:1px solid #4d4d4d;
      font-size:15px;
      color:var(--ka-bk-lightblue);
      letter-spacing:.02em;
  }
  .mobile_menu .mod_navigation a:focus,
  .mobile_menu .mod_navigation a:hover,
  .mobile_menu .mod_customnav a:focus,
  .mobile_menu .mod_customnav a:hover {
      color:#c2c2c2;
  }
  .mobile_menu .mod_navigation a.trail:focus,
  .mobile_menu .mod_navigation a.trail:hover,
  .mobile_menu .mod_customnav a.trail:focus,
  .mobile_menu .mod_customnav a.trail:hover {
      color:#fff;
  }
  .mobile_menu .submenu > a1::after,
  .mobile_menu .submenu > span::after {
      width:20px;
      height:20px;
      right:5px;
      position:absolute;
      display:inline-block;
      text-align:center;
      font-size:15px;
      line-height:18px;
      top:0;
      content: '›';
  }
  .mobile_menu .submenu_show > a::after,
  .mobile_menu .submenu_show > span::after {
      text-indent:4px;
      transform: rotate(90deg);
  }
  .mobile_menu .mod_navigation li.active.submenu_show,
  .mobile_menu .mod_customnav li.active.submenu_show {
      padding-bottom:0;
      border:0px solid #666;
  }
  .mobile_menu .mod_navigation ul.level_2,
  .mobile_menu .mod_customnav ul.level_2 {
      margin-bottom:0;
      padding-bottom:0;
  }
  .mobile_menu .mod_navigation .level_2 a,
  .mobile_menu .mod_navigation .level_2 strong,
  .mobile_menu .mod_customnav .level_2 a,
  .mobile_menu .mod_customnav .level_2 strong {
      padding-left:20px;
      background-color:#383838;
  }
  .mobile_menu .mod_navigation .level_2 a.first,
  .mobile_menu .mod_navigation .level_2 strong.first,
  .mobile_menu .mod_customnav .level_2 a.first,
  .mobile_menu .mod_customnav .level_2 strong.first {
      border-top:0;
  }
  .mobile_menu .mod_navigation .level_2 a.trail:focus,
  .mobile_menu .mod_navigation .level_2 a.trail:hover,
  .mobile_menu .mod_customnav .level_2 a.trail:focus,
  .mobile_menu .mod_customnav .level_2 a.trail:hover {
      color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_2 li.active {
      padding-top:0;
      padding-bottom:0;
  }
  .mobile_menu .mod_navigation .level_2 li.active > span {
      padding-top:8px;
      padding-bottom:8px;
      padding-left:20px;
      background-color:#383838;
  }
  .mobile_menu ul.level_2 li.active.submenu_show > ul {
      padding-top:0;
  }
  .mobile_menu ul.level_2 li.active.submenu_show > ul span {
      padding-top:0;
      padding-bottom:0;
      background-color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 {
      margin-bottom:0;
      margin-left:0;
      padding:0;
  }
  .mobile_menu .mod_navigation .level_3 a,
  .mobile_menu .mod_navigation .level_3 strong {
      padding-left:40px;
      background-color:#fff;
      color:#333;
  }
  .mobile_menu .mod_navigation .level_3 a.first,
  .mobile_menu .mod_navigation .level_3 strong.first {
      border-top:0;
  }
  .mobile_menu .mod_navigation .level_3 a:focus,
  .mobile_menu .mod_navigation .level_3 a:hover {
      color:#8c6e4a;
  }
  .mobile_menu .mod_navigation ul.level_3 a.trail:focus,
  .mobile_menu .mod_navigation ul.level_3 a.trail:hover {
      color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 li.active {
      background-color:#fff;
      color:#8c6e4a;
  }
  .mobile_menu .mod_navigation .level_3 li.active > span {
      padding-left:40px;
      background-color:#fff;
  }
  .mobile_menu .mod_navigation ul.level_3 span {
      padding-top:0;
      padding-bottom:0;
      padding-left:0;
      background-color:#fff;
  }
  .mobile_menu .cta,
  .mobile_menu .socials {
      min-height:32px;
      display:block;
      margin-top:10px;
      margin-left:15px;
      padding-bottom:0;
      padding-left:0;
  }
  .mobile_menu .cta {
      margin-top:40px;
  }
  .mobile_menu .cta img {
      width:44px;
      float:left;
  }
  .mobile_menu .cta .text {
      margin-top:0;
      margin-bottom:0;
      padding-top:0;
      padding-bottom:0;
      color:#FFF;
  }
  .mobile_menu .logo {
      width:100%;
      max-width: 120px;
      margin-top:15px;
      margin-bottom:20px;
      padding-left:0;

      display: none !important;
  }
  .mobile_menu .logo img {
      margin-left:10px;
      padding:0;
  }
  .mobile_menu .cta h3,
  .mobile_menu .socials h3,
  .mobile_menu .socials .hyperlink {
      float:left;
      display:block;
      margin-top:0;
      margin-right:15px;
      margin-bottom:0;
      padding-top:0;
      padding-bottom:0;
  }
  .mobile_menu .cta h3,
  .mobile_menu .socials h3 {
      margin-top:0;
      margin-bottom:0;
      margin-left:18px;
      color:#ac936e;
  }
  .mobile_menu .socials .hyperlink {
      width:20px;
      height:20px;
  }

  #navclose {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    cursor: pointer;

  }

  #navclose img {
    width: 32px;
  }


  .mobile_menu ::-webkit-scrollbar {
      display:none;
  }
  .mobile_menu {
      display:none;
      -ms-overflow-style: none;
      // IE 10+
                  overflow: -moz-scrollbars-none;
      // Firefox
                  overflow-y: -moz-hidden-unscrollable;
      -moz-scrollbars-vertical:hidden;
  }
  .navi_title {
      text-align:center;
      color: white;
  }
  .navi_footer {
      text-align:center;
      color: white;
  }

}