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%}
#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)}
/* ****************************************************************************************************************** */
/* --- 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;
	}
}
/* ****************************************************************************************************************** */
/* --- Variablen ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

    --ka-font-color:#000000;
    --ka-font-size:16px;

    --ka-desktopwidth:1200px;
}


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

body.vcard #main,
body.vcard #main .inside,
body.vcard #wrapper,
body.vcard #container {
  margin: 0 auto;
}

body.vcard footer nav.bgnavi {
  display: none;
}

body.vcard .headimage {
  /*height: 120px;*/
  display: inline-block;
  /*width: 100%;*/
}
body.vcard .headimage img {
  width: 100%;
  height: 100%;
  /*
  object-fit: cover;
  */
}

body.vcard #nobanner {
  min-height: 0;
}

body.vcard .mainblock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: calc(100% - 0px);
}

body.vcard .image {
  position: relative;
  top: -30px;
  width: 180px;
  height: 180px;
  display: inline-block;
  z-index: +1;
}
body.vcard .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all 250ms ease-out;
}

body.vcard .mainblock .name {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 30px 0;
  color: #0076bd;
}

body.vcard .mainblock .button {
  display: inline-block;
}
body.vcard .mainblock .button a {
  display: inline-block;
  margin: 30px 0 30px 0;
  padding: 7px 60px 7px 60px;
  background-color: #0076bd;
  color: #fff;
  border-radius: 0px;
  background-image: url('/files/intern/vcard/add.png');
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 8px center;
  transition: all 250ms ease-out;
  min-width: 316px;
  text-align: center;
}

body.vcard .mainblock .socials {
  display: flex;
  flex-direction: row;
}

body.vcard .mainblock .socials img {
  width: 32px;
  height: 32px;
  margin: 0 5px;
  padding: 0;
}

body.vcard .mainblock .vcardblock {
  position: relative;
  display: flex;
  flex-direction: column;
}

body.vcard .mainblock .vcardblock > div {
  border: 1px solid  #0076bd;
  padding: 7px 10px 7px 40px;
  margin: 12px 0;
  border-radius: 0px;
  background-position: 8px center;
  background-size: 24px;
  background-repeat: no-repeat;
  transition: all 250ms ease-out;
  color: #0076bd;
  min-width: 310px;
}
body.vcard .mainblock .vcardblock > div a {
  color: #0076bd;
}

body.vcard .mainblock .socials img:hover,
body.vcard .mainblock .button a:hover,
body.vcard .mainblock .vcardblock > div:hover {
  transform: scale(1.1);
}

body.vcard .mainblock .vcardblock > div.nameintern {
  background-image:url('/files/intern/vcard/PROFILE.svg');
}
body.vcard .mainblock .vcardblock > div.org {
  background-image:url('/files/intern/vcard/OFFICEBUILDING.svg');
}
body.vcard .mainblock .vcardblock > div.title {
  background-image:url('/files/intern/vcard/HIERARCHY.svg');
}
body.vcard .mainblock .vcardblock > div.email {
  background-image:url('/files/intern/vcard/EMAIL.svg');
}
body.vcard .mainblock .vcardblock > div.url {
  background-image:url('/files/intern/vcard/INTERNET.svg');
}
body.vcard .mainblock .vcardblock > div.tel {
  background-image:url('/files/intern/vcard/PHONECALL.svg');
}
body.vcard .mainblock .vcardblock > div.tel.cell {
  background-image:url('/files/intern/vcard/MOBILE.svg');
}
body.vcard .mainblock .vcardblock > div.adr {
  background-image:url('/files/intern/vcard/LOCATION.svg');
}

body.vcard .mainblock .text {
  margin: 30px 0 20px 0;
}

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

#header,
#banner {
  display: none !important;
}

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

#footer {
    width: 100%;
    min-height:20px;
    top:0;
    position:relative;
    clear:both;
    display:block;
    background-color:#fff;
    margin-top:0;
    margin-bottom:0;
    padding-top:0px;
    background-color: #0076bd;
}

#footer * {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height:18px;
    letter-spacing: 0.05em;

}

#footer .inside {
    height: 100%;
    float:none;
    clear: both;
    display:block;
    max-width: var(--ka-desktopwidth);
    margin-right:auto;
    margin-left:auto;
    padding:0 0 0 0;
}

#footer .footer-cols {
  padding: 0;
}

#footer-band,
#footer-band-2 {
  display: none;

}

#footer nav {
  width: 100%;
}

#footer-columns {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.mod_footer_navi {
  margin:30px 0 20px 0;
  padding: 0;
}

.mod_footer_navi {
  padding-top: 0px;
}

.mod_footer_navi ul {
  list-style-type:none;
  display:flex;
  justify-content: center;
  margin-left: 0;
  padding-left: 0;
}

.mod_footer_navi li {
  display: block;
  padding: 0 10px;
  margin: 0;
}

.mod_footer_navi li strong,
.mod_footer_navi a {
  padding-right:0;
  padding-left:0px;
  color: #fff;
}


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

@media screen and (min-width: 851px) {
    #navmobil {
        display:none;
    }

    #mainnav {
        height:30px;
        right:185px;
        top:30px;
        position:absolute;
        overflow:visible;
        margin:0;
        -moz-transition: top 1s ease-in-out;
        -webkit-transition:  top 1s ease-in-out;
        -o-transition:  top 1s ease-in-out;
        transition:  top 1s ease-in-out;HeaderS
        z-index: 999;
    }

    #header.small #mainnav {
        /*top:14px;*/
    }

    .mod_navigation a,
     .mod_navigation li.active strong {
        margin:0;
        padding:0;
        font:15px/15px Open Sans;
        font-family:Open Sans,Arial;
        font-weight:600;
        color:#ffffff;
        text-transform:uppercase;HeaderS
        letter-spacing:.1em;
    }

    .mod_navigation a:hover {
        text-decoration:none;
    }

    .mod_navigation span.active,
    .mod_navigation li.sibling,
    .mod_navigation li.trail {
        margin:0;
        padding:0;
    }

    .mod_navigation ul.level_1 span.active,
    .mod_navigation ul.level_1 li.sibling,
    .mod_navigation ul.level_1 li.trail {
        padding-bottom: 0px;
    }

    .mod_navigation li {
        position:relative;
        padding: 0;
        float:left;
        list-style-type:none;
    }
    .mod_navigation li a,
    .mod_navigation li.active strong {
        position:relative;
        float:left;
        margin:0;
        padding:2px 15px 11px 5px;
        font-weight:600;
        text-align:center;
        text-transform:uppercase;
        letter-spacing:.1em;
        list-style-type:none;
    }
    .mod_navigation li.active strong {
        color:#caefff;
    }
    .mod_navigation li a span {
        margin:0;
        padding:0;
    }
    .mod_navigation li a:hover,
    .mod_navigation li a.sfhover {
        color:#caefff;   /* Farbton für den Hovereffekt */
        -webkit-transition: color 500ms ease-in-out; /* WebKit   */
        -moz-transition: color 500ms ease-in-out;    /* Firefox  */
        -o-transition: color 500ms ease-in-out;      /* Opera    */
        transition: color 500ms ease-in-out;         /* Standard */
    }
    .mod_navigation ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    .mod_navigation li ul {
        width:280px;
        bottom:0;
        left:0;
        right:0;
        top:27px;
        position:absolute;
        display:none;
        padding-top:1px;
        background-color:#777777;
    }
    .mod_navigation li ul li {
        display: inline-block;
        margin:0;
        padding:0;
        border-bottom:1px solid #777777;
        border-radius:0;
    }
    .mod_navigation li ul li a,
    .mod_navigation li ul li.active strong {
        width:274px;
        margin:0;
        padding:11px 0 11px 5px;
        text-align:left;
        background-color:rgba(17,17,17,.4);
        background-image:none;
        color:#b3b3b3;   /* Farbton für den Link im Normalzustand */
        -webkit-transition: color 1s ease-out; /* WebKit   */
        -moz-transition: color 1s ease-out;    /* Firefox  */
        -o-transition: color 1s ease-out;      /* Opera    */
        transition: color 1s ease-out;         /* Standard */
    }
    .mod_navigation li ul li a:hover {
        color:#ffffff;   /* Farbton für den Hovereffekt */
        -webkit-transition: color 500ms ease-in-out; /* WebKit   */
        -moz-transition: color 500ms ease-in-out;    /* Firefox  */
        -o-transition: color 500ms ease-in-out;      /* Opera    */
        transition: color 500ms ease-in-out;         /* Standard */
    }
    .mod_navigation li ul li.active strong {
        /*
        background-color:rgba(245,245,245,.85);
        */
        font-weight: 400;
        background-image:none;
        color:#caefff;
    }
    .mod_navigation li ul ul {
        left:200px;
        position:absolute;
        top:0;
        z-index: 999;
    }
    .mod_navigation li:hover ul {
        display:block;
    }
    .mod_navigation ul li:hover ul ul {
        display:none;
    }
    .mod_navigation ul ul li:hover ul {
        display:block;
    }
}

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

@media only screen and (max-width: 600px) {
  .mod_footer_navi ul {
    flex-direction: column;
  }
}