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%}
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}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/*!
 * mega menu layout
 * optimiced for Contao Official Demo Theme
 */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block}
#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)}
.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}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('/webfonts/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/webfonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('/webfonts/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('/webfonts/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/source-sans-pro-v18-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/* lexend-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/intern/fonts/lexend-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-regular.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* lexend-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/intern/fonts/lexend-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-500.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* lexend-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/intern/fonts/lexend-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-600.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* lexend-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/intern/fonts/lexend-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-700.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* lexend-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/intern/fonts/lexend-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-800.svg#Lexend') format('svg'); /* Legacy iOS */
}
/* lexend-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 900;
  src: url('../../files/intern/fonts/lexend-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../../files/intern/fonts/lexend-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/intern/fonts/lexend-v18-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/intern/fonts/lexend-v18-latin-900.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../files/intern/fonts/lexend-v18-latin-900.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../files/intern/fonts/lexend-v18-latin-900.svg#Lexend') format('svg'); /* Legacy iOS */
}

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

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

    --ka-font-color:#4d4d4d;
    --ka-font-size:19px;
    --ka-line-height:25px;
    --ka-font-family: Source Sans Pro, sans-serif;


    --ka-font-size-h3:20px;

    --ka-bigfont-size:24px;
    --ka-bigline-height:36px;

    --ka-font-family-menu: Source Sans Pro, Arial;

    --ka-fonthx-color:#202620;
    --ka-fonth1-color:#202620;
    --ka-fonth2-color:#2fa535;
    --ka-fonth3-color:#202620;
    --ka-fonth4-color:#202620;
    --ka-fonth4-greencolor:#3fa535;

    --ka-fonth5-color:#202620;

    --ka-font-green:#47a83d;

    --ka-border:#aaa;
    --ka-border-green:#c2edbe;
    --ka-border-slider:#EEE;

    --ka-fonta-color:#01263a;

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

    --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-slider-rgb-arrow:rgba(63,165,53,0.2);

    --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;

}
*/

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

    --ka-font-color:#27595D;
    --ka-font-size:19px;
    --ka-line-height:25px;
    --ka-font-family: Lexend, sans-serif;


    --ka-font-size-h3:20px;

    --ka-bigfont-size:24px;
    --ka-bigline-height:36px;

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

    --ka-fonthx-color:#27595D;
    --ka-fonth1-color:#27595D;
    --ka-fonth2-color:#2CAC6E;
    --ka-fonth3-color:#27595D;
    --ka-fonth4-color:#27595D;
    --ka-fonth4-greencolor:#2CAC6E;

    --ka-fonth5-color:#27595D;

    --ka-font-green:#2CAC6E;

    --ka-border:#aaa;
    --ka-border-green:#c2edbe;
    --ka-border-slider:#EEE;

    --ka-fonta-color:#01263a;

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

    --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:#2CAC6E;
    --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:#2CAC6E;
    --ka-slider-rgb-arrow:rgba(63,165,53,0.2);

    --ka-bordergrey:#27595D;
    --ka-border-green:#c2edbe;
    --ka-borderorange:#ff931e;

    --ka-nav-color:#27595D;
    --ka-nav-color-active:#2CAC6E;


    --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:#27595D;
    --ka-footer-bk3:#27595D;
    --ka-footer-bk3-border:#2CAC6E;

    --ka-fltbtn-border:#27595D;
    --ka-fltbtn-hover:#27595D;
    --ka-fltbtn-active:#27595D;

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

}


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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 160px; /* height of sticky header */
}

body {
  background-color:var(--ka-bk-color);
  /*background-image: url('/files/intern/backgrounds/');*/
  background-repeat: repeat;
  margin: 0;
  padding: 0;
  font-family:var(--ka-font-family);
  font-size:var(--ka-font-size);
  line-height:var(--ka-line-height);
  font-weight: 400;
  letter-spacing:0.0em;
  color:var(--ka-font-color);
}

body #banner .bigtext p,
body .bigtext,
body #main .bigtext p,
body #main .bigtext li {
  font-size:var(--ka-bigfont-size);
  line-height:var(--ka-bigline-height);
  letter-spacing:0.0em;
  font-weight:400;
}

#wrapper {
  width:100%;
  min-height:200px;
  margin: 0;
  padding: 0;
}

#container {
  width:100%;
  margin: 0;
  padding: 0px 0 0 0;
}

#main {
  min-height: 400px;
  overflow:visible;
  padding: 0;
  margin: 0;
}

#main .inside/*,
#main .inside .mod_article*/ {
  overflow:visible;
  padding: 0;
  margin: 0;
}

#main {
    /*text-align: center;*/
}

ul,
ol {
    padding-top:4px;
    padding-left:17px;
}

ol {
    padding-left:21px;
}

li {
  margin:2px 0 2px 4px;
  padding-left:2px;
  font-size: 18px;
  line-height:22px;
  list-style-type:none;
}

li::marker {
  list-style-type:none;
  background-color:#000;
  width: 4px;
  height: 4px;
}

.mod_article li {
  list-style-type:disc;
}

/*
#main .mod_article li:marker {
    list-style-type:disc;
}

/*
#main .mod_article li::before {
    content: "•"; color: #b2c900;
    display: inline-block; width: 1em;
    margin-left: -1em;
}
*/

pre,
form {
    margin:0;
    padding:0;
}
p {
    margin-top:0px;
    margin-bottom:0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color:var(--ka-fonthx-color);
}
h1 {
    margin-top:10px;
    margin-bottom:15px;
    white-space: normal;
    font-size:55px;
    line-height:60px;
    font-weight:400;
    /*text-transform:uppercase;*/
}
h2 {
    margin-top:5px;
    margin-bottom:20px;
    font-size:36px;
    line-height:40px;
    font-weight:400;
    color:var(--ka-fonth2-color);
    /*text-transform:uppercase;*/
}

.notfall.underline h2 {
  border-bottom: 1px solid var(--ka-border-green);
  padding-bottom: 15px;
}

h3 {
    margin:15px 0 10px 0;
    font-size:26px;
    line-height:30px;
    font-weight:400;
    /*text-transform:uppercase;*/
    color:var(--ka-fonth3-color);
}
h4 {
    margin-top:5px;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--ka-fonth4-color);
}
h5 {
    margin-top:5px;
    font-size:14px;
    line-height:18px;
    font-weight:500;
    letter-spacing:0.0em;
    text-transform:uppercase;
    color:var(--ka-fonth5-color);
}
h6 {
    margin:15px 0 5px 0;
    font-size:28px;
    line-height:32px;
    font-weight:400;
    letter-spacing: 0.0em;
    text-transform:none;
}
optgroup {
    padding-top:3px;
    padding-bottom:3px;
}
a {
  text-decoration:none;
  color:var(--ka-font-color);
  padding-bottom: 2px;
  font-weight: 600;
  letter-spacing: 0.0em;
}
.mod_article .text a,
.mod_article .ktext a {
  /*text-transform:uppercase;*/
  padding:0;
  font-weight: 400;
  text-decoration:underline;
  transition: all 250ms linear;
  /*white-space: nowrap;*/
  color:var(--ka-font-green);


}
.mod_article a.noborder {
    /*border-bottom-style: none;*/
    /*border-bottom: 0px solid #000000;*/
}

a:hover {
  text-decoration:none;
}

table {
    margin-top:10px;
}
table thead {
    border-bottom:1px solid #9e9e9e;
}
td {
    padding:3px;
}

/*
.ce_image .image_container img {
    width:100%;
    height:100%;
    object-fit: cover;
}
*/

.ce_gallery > ul li.col_first {
    clear:none;
}
.ce_gallery .flex-images a {
    float:left;
    margin-right:0px;
    margin-bottom:20px;
    width:calc(33% - 10px);

}

.ce_gallery ul {
    list-style-type: none;
}

.ce_gallery ul li {
    padding: 0;
}

.ce_gallery ul li .image_container {
    overflow: hidden;
    line-height: 1px;
}
.ce_gallery ul li .image_container a {
    font-size: 1px !important;
    line-height: 1px !important;
    padding:0 !important;
    border-bottom:none !important;
}

.ce_gallery ul li .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 .75s ease-in-out;
}

.ce_gallery.cover ul li .image_container img {
    width:100%;
    height:100%;
    object-fit: cover;
    display: inline-block;
}

.ce_gallery ul li .image_container img:hover {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

.ce_gallery ul.cols_2 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(50% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_3 li {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    width: calc(33.3% - 20px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_4 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(25% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_5 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(20% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_6 li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    width: calc(16.6% - 14px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery ul.cols_7 li {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 14px;
    width: calc(14% - 50px);
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}


.ce_gallery.margin0 ul.cols_2 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 50%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_3 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 33.3%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_4 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 25%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_5 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 20%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_6 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 16.6%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}
.ce_gallery.margin0 ul.cols_7 li {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 0px;
    width: 14%;
    list-style-type: none;
    list-style-image: none;
    list-style: none;
}

.ce_gallery .flex-images {
    display: flex;
    justify-content: space-between;
}

.ce_gallery .flex-images .item img {
    align-self: center;
    height: auto;
}

figure.image_container.kimg.float_left {
    margin-right:20px;
    margin-bottom:20px;
}

.ce_gallery.masonry ul { /* Masonry container */
  column-count: 4;
  column-gap: 1em;
  column-fill: initial;
  /*overflow: visible;*/
}

.ce_gallery.masonry ul.cols_2 {
  column-count: 2;
}
.ce_gallery.masonry ul.cols_3 {
  column-count: 3;
}
.ce_gallery.masonry ul.cols_4 {
  column-count: 4;
}
.ce_gallery.masonry ul.cols_5 {
  column-count: 5;
}
.ce_gallery.masonry ul.cols_6 {
  column-count: 6;
}
.ce_gallery.masonry > ul li.col_first {
  clear: left;
}

.ce_gallery.masonry ul.cols_2 li,
.ce_gallery.masonry ul.cols_3 li,
.ce_gallery.masonry ul.cols_4 li,
.ce_gallery.masonry ul.cols_5 li,
.ce_gallery.masonry ul.cols_6 li,
.ce_gallery.masonry ul.cols_7 li,
.ce_gallery.masonry ul.cols_8 li {
  padding: 0;
  width:100%;
}
.ce_gallery.masonry li { /* Masonry bricks or child elements */

  background-color: #eee;
  display: inline-block;
  margin: 0 0 1em;
  padding: 0;
  width: 100%;
  vertical-align: top;
  float: none;
}

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

.floatleft {
    float: left;
}

.col10 {
    width:10%;
}
.col20 {
    width:20%;
}
.col25 {
    width:25%;
}
.col3,
.col30 {
    width:30%;
}
.col33 {
    width:33.3%;
}
.col40 {
    width:40%;
}
.col45 {
    width:45%;
}
.col50 {
    width:50%;
}
.col60 {
    width:60%;
}
.col66 {
    width:66.6%;
}
.col75 {
    width:75%;
}
.col80 {
    width:80%;
}
.col25m {
    float:left;
    /*margin-left:35px;*/
    width:calc(25% - 35px);
}
.col33m {
    float:left;
    margin-left:35px;
    width:calc(33.3% - 35px);
}
.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;
}

.col66 .image_container {
    width:100%;
    height:100%;
    font-size:1px;
    line-height:1px;
}
.col66 .image_container img {
    width:100%;
    height:100%;
    object-fit: cover;
}

.dist20 {
  position: relative;
  height:20px;
  display:block;
}
.dist25 {
  position: relative;
  height:25px;
  display:block;
}
.dist30 {
  position: relative;
  height:30px;
  display:block;
}
.dist50 {
  position: relative;
  height:50px;
  display:block;
}
.dist75 {
  position: relative;
  height:75px;
  display:block;
}
.dist100,
.dist100desk {
  position: relative;
  height:100px;
  display:block;
}
.distminus100 {
    margin-top:-100px;
    height:0px;
    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%;
}


.limit1800,
.limit1800int {
  width:100%;
  max-width:1800px;
  margin-right:auto;
  margin-left:auto;
}
.limit1600,
.limit1600int {
  width:100%;
  max-width:1600px;
  margin-right:auto;
  margin-left:auto;
}
.limit1400,
.limit1400int {
  width:100%;
  max-width:1400px;
  margin-right:auto;
  margin-left:auto;
}
.limit1200,
.limit1200int {
  width:100%;
  max-width:1200px;
  margin-right:auto;
  margin-left:auto;
}
.limit1000,
.limit1000int {
  width:100%;
  max-width:1000px;
  margin-right:auto;
  margin-left:auto;
}
.limit900,
.limit900int {
  width:100%;
  max-width:900px;
  margin-right:auto;
  margin-left:auto;
}
.limit800,
.limit800int {
  width:100%;
  max-width:800px;
  margin-right:auto;
  margin-left:auto;
}
.limit700,
.limit700int {
  width:100%;
  max-width:700px;
  margin-right:auto;
  margin-left:auto;
}

.w100 {
  width:100%;
  max-width:100%;
}

.boxw1200 {
  width:100%;
  max-width:1200px;
}
.boxw1000 {
  width:100%;
  max-width:1000px;
}
.boxw800 {
  width:100%;
  max-width:800px;
}
.boxw600 {
  width:100%;
  max-width:600px;
}

.boxgrey,
.boxlightgrey,
.boxlightgrey2,
.boxmiddlegrey,
.boxlightblue,
.boxmiddleblue,
.boxlightgreen,
.boxmiddlegreen,
.boxdarkgreen {
  position: relative;
  width:100%;
  display:block;
  padding-top:20px;
  padding-bottom:30px;

}

.boxgrey {
  background-color:var(--ka-bk-grey);
}
.boxlightgrey {
  background-color:var(--ka-bk-lightgrey);
}
.boxlightgrey2 {
  background-color:var(--ka-bk-lightgrey2);
}
.boxlightblue {
  background-color:var(--ka-bk-lightblue);
}
.boxmiddleblue {
  background-color:var(--ka-bk-middleblue);
}
.boxlightgreen {
  background-color:var(--ka-bk-lightgreen);
}
.boxmiddlegreen {
  background-color:var(--ka-bk-middlegreen);
}
.boxdarkgreen {
  background-color:var(--ka-bk-darkgreen);
}


.boxgrey.center {
    display: flex;
    justify-content: center;
    flex-direction:row;
}
.boxgrey.column {
    flex-direction:column;
}
.bkimg1 {
    background-image: url('/files/image/Hintergruende/the-dutchy-restaurant-background-repeat-1.jpg');
    background-repeat: repeat;
}

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

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

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


.lightgreen {
    background-color:#d8e1dd;
}

/* 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: -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.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-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid.fr2 {
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr3 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr21 {
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.fr12 {
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid.gap0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}
.grid.gap20 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.grid.gap40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
.grid.gap60 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.ce_dma,
.ce_ce_dma {
    width:100%;
}
.dlh_googlemap {
    margin-top:20px;
    width: 100% !important;
    height: 350px !important;
    padding-bottom: 0% !important;
}
.dlh_googlemap input {
    margin-right:5px;
    margin-left:0;
    padding-top:3px;
    padding-bottom:3px;
}
.dlh_googlemap .submit {
    width:40px;
    margin-right:0;
    margin-left:5px;
}

div.ce_toplink {
    text-align: center;
    bottom:20px;
    right:20px;
    position:fixed;
    z-index:991;
    width:25px;
}
div.ce_toplink a {
    margin:0;
    padding:0;
}

.content-downloads li {
  list-style-type: none;
}
.content-downloads .download-element {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0 10px 0;
}
.content-downloads .download-element figure {
  width: 75px;
  height: 75px;
  margin: 0 10px 0 0;
}
.ce_download figure,
.ce_download figure .image_container,
.ce_download figure .image_container img {
  width: 100% !important;
}
.ce_download figure:nth-child(n+3),
.content-downloads .download-element figure:nth-child(n+2) {
  display: none;
}
.ce_download a,
.content-downloads .download-element a {
  color: var(--ka-font-green);
}
.ce_download a:hover,
.content-downloads .download-element a:hover {
  text-decoration: underline;
}

.ce_download p.ext-pdf a {
  padding: 0 0 0 20px;
  background-image: url('/files/intern/common/dokumente.svg');
  background-position: left center;
  background-size: 16px;
  background-repeat: no-repeat;

  display: none;
}

.ce_download a span.size {
  display: none;
}

.ce_code {
    margin-top:10px;
    margin-bottom:10px;
    padding:5px 20px;
    background: linear-gradient(#ddd .0625em, #f6f7f7 .0625em) 0 -.0625em repeat;
    1background-size: 100% 1.5em;
    1overflow: auto;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    1white-space: pre;
    word-wrap: normal;
}
code {
    width:100%;
    display:inline-block;
}
body .msry_theme_standard .masonry_gallery {
    margin:10px;
    padding:0;
    width:calc(20% - 20px);
}
#main img {
    max-width:100%;
}

#main .ce_player .video_container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#main .ce_youtube,
#main .ce_vimeo {
    position: relative;
    /*padding-bottom: 56.25%;*/
    width: 100%;
    height: auto;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;

}
#main .ce_youtube.col50,
#main .ce_youtube.col50m {
    width: 50%;
}

#main .ce_youtube iframe,
#main .ce_vimeo iframe {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

#main div.maps iframe {
  width: 100% !important;
}

.shadow {
    margin:30px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}
.boxwhite.shadow {
    width:calc(100% - 60px);
}

#cboxOverlay {
    background: #ececec;
    opacity: .9;
}

#cboxContent {
    margin: 59px 30px 0 30px;
    background-color: rgba(0,0,0,0.0);
}
#cboxLoadedContent {
    border: 0;
    background-color: rgba(0,0,0,0.0);
    /*background-color:#ececec;*/
}

#cboxContent img {
    max-width: 1600px;
}

#cboxCurrent {
    display: none !important;
}
#cboxPrevious {
    left:-29px;
    width:50px;
    height:50px;
    top:calc(50% - 8px);
    background-image: url("/files/intern/common/pfeil-galerie-links.svg");
    /*background-size: 260px,16px;*/
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-position 0.5s ease-in-out;
    outline: none;
}
#cboxNext {
    right:-29px;
    width:50px;
    height:50px;
    top:calc(50% - 8px);
    background-image: url("/files/intern/common/pfeil-galerie-rechts.svg");
    /*background-size: 260px,16px;*/
    background-repeat: no-repeat;
    background-position: right center;
    transition: background-position 0.5s ease-in-out;
    outline: none;
}
#cboxPrevious:hover {
    background-position: left center;
}
#cboxNext:hover {
    background-position: right center;
}
#cboxClose {
    top: -44px;
    width: 32px;
    height: 32px;
    background-image: url("/files/intern/common/close-blue.svg");
}
#cboxClose:hover {

}
#cboxTitle {
    top:-25px;
    left:50%;
    text-align: center;
    transform: translate(-50%, 0);
    color: #000000;
}




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

#header {
  width:100%;
  height:100px;
  top:0;
  position:fixed;
  z-index:980;
  margin: 0;
  padding: 0;
  /*transition: all 1s ease-in-out;*/
  background-color:var(--ka-bk-header);
  background-repeat: no-repeat;
  background-size: cover;
  animation: showheader 1.5s ease;
  animation-iteration-count: 1;
  opacity: 1;
  transition: opacity 1s ease-in-out;
}
#header.small {
  /*height:70px;*/

}

#header.visible {
  opacity: 1;
}

/*
#header.small {
    top: -150px;
    position: fixed;
    animation: hideheader 1.5s ease;
    animation-iteration-count: 1;
}

@keyframes showheader
{
  from {
    top: -150px;
  }
  to {
    top: 0px;
  }
}

@keyframes hideheader
{
  from {
    top: 0px;
  }
  to {
    top: -150px;
  }
}
*/



#header .inside {
    position: relative;
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;
}

#header * {
    font-family: var(--ka-font-family-menu);
    font-size:16px;
    line-height: 17px;
    font-weight: 600;
    letter-spacing: 0.0em;
    transition: all 1s ease-in-out;
}
/*
#header.small *,
#header2:hover *  {
    color: var(--ka-font-color);
}
*/

#header #HeaderLogo {
  position: absolute;
  left:35px;
  top:20%;
  width:270px;
  /*transform: translate(-50%, 0);*/
  z-index:999;
}
#header #HeaderLogo a {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;

  cursor: pointer;
}
#header.small #HeaderLogo {
  width: 85px;
}
#header.small #HeaderLogo a {
  width: 100%;
  height: 100%;

}

#header #HeaderLogo * {
  border-bottom-style: none;
}

#header .buttons {
  position: absolute;
  top:12px;
  left: 250px;
}

#header .buttons {
  position:relative;
  display: flex;
  flex-direction: row;
}
#header .buttons > div {
  margin: 0 15px 0 0;
}

#header .buttons img {
  width: 15px;
  height:15px;
}

#header .socials {
  position: absolute;
  top: 40px;
  right: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;

}
#header.small .socials {
  position: absolute;
  top: 30px;
  right: 50px;
}
#header .socials * {
  font-size: 15px;
  font-weight:700;
  text-transform: uppercase;
}
#header .socials .text {
  margin-right: 30px;
}

#header .socials .links a {
  margin: 0 7px;
}

#header .socials img {
  width: 20px;
  height: 20px;
}

#header .socials img.yt {
  width: 28px;
  height: 20px;
}



/* ****************************************************************************************************************** */
/* --- banner ---------- -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#banner {
  position:relative;
  top:0px;

  display: block;
  margin:140px 0 0px 0;
  overflow:visible;
  /*z-index:0;*/
  z-index:950;
  min-height: 300px;
  /*background-color:var(--ka-footer-bk);*/

}

body.colright #banner {
  min-height: 100px;
}



#banner * {
    color: var(--ka-nav-color);
}

#banner > div,
#bannerimage {
  line-height: 1px;
  font-size: 1px;

}

#banner .bannerinside {
    min-height:0px;
    height: 100%;
    overflow:hidden;
    display: block;
}

#bannerimage {
    width:100%;
    height: 100%;
}
#bannerimage img {
    width: 100%;
}
/*
#bannerimage .verlauf {
    position:absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height: 200px;
    max-height: 100%;
    background: linear-gradient(0deg, rgba(1,38,58,0.5), rgba(1,38,58,0.001));
    z-index:951;
    pointer-events: none;
    line-height: 1px;
    font-size: 1px;
}
*/


/*
#bannerimage #bannersmall,
#bannerimage #bannersmall img.image {
    width:100%;
    font-size:2px;
    line-height:2px;
}
*/

#bannerimage .downbutton {
    width:100%;
    bottom:1px;
    position:absolute;
    overflow:hidden;
    display:block;
    text-align:center;
    font-size:2px;
    line-height:2px;
}

#bannerimage .downbutton a {
    overflow:hidden;
    display:block;
    font-size:17px;
    line-height:2px;
}
#bannerimage .image_container img,
#bannerimage .video_container video {
    width: 100%;
}
#bannerimage .startheader {
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height: 100%;
}

#banner .rsts-slide > div {
  position: relative;
}

#bannerimage .bannertext {
  position: absolute;
  left: 30%;
  top: auto;
  bottom: 10%;
  max-width: 40%;
  right: auto;
  width: auto;
  /*transform: translate(-50%, -50%);*/
  text-align: left;
}
#bannerimage .bannertext * {
  color:var(--ka-fonth1-color);
  margin: 0;
}
#bannerimage .bannertext .bintern {
  position: relative;
}
#bannerimage .headerbox,
#bannerimage .textbox {
  width: 100%;
  margin: 0 0 10px 0;
  padding:10px 20px;
}
#bannerimage .headerbox {
  background-color: #fff;

}
#bannerimage .textbox {
  background-color:var(--ka-bk-lightblue);
  font-size: 24px;
  line-height: 28px;
  padding:20px 20px;
  color:var(--ka-font-green);
}
#bannerimage .textbox * {
  color:var(--ka-font-green);
}
#bannerimage .buttons {
  display:inline-block;
  width: auto;
  margin: 0;
  padding:0;
}

#bannerimage .buttons a {
  width: auto;
  display:flex;
  align-items: center;
  padding:5px 10px 5px 10px;
  font-size: 16px;
  line-height: 20px;
  background-color:var(--ka-bk-greenmenu);
  color: #fff;
  /*background-image: url('/files/intern/common/pfeil.svg');*/
  background-position: calc(100% - 5px);
  background-repeat: no-repeat;
  background-size: 12px;
}

/*
:target {
  display: block;
  position: relative;
  top: -140px;
  visibility: hidden;
}
*/

/*
div#anker,
#behandlungen,
#kontakt,
#team,
#article-123 {
  scroll-margin-top: 350px !important;
}
*/


div#anker:before,
div#kontakt:before,
div#article-123:before {
  content: "";
  display: block;
  height: 280px;
  margin: -280px 0 0 0;
  visibility: hidden;
}


#bannertext .textinside {
    width:80%;
    max-width:1400px;
    margin-right:auto;
    margin-left:auto;
}
#bannertext h1 {
    font-size:80px;
    line-height:85px;
    font-weight:bold;
    color:#FFF;
    text-transform:none;
}
#bannertext p {
    font:36px/40px Caveat;
    color:#FFF;
}



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

#footer {
  width: 100%;
  /*height:50px;*/
  /*top:-250px;*/
  position:relative;
  clear:both;
  display:block;
  background-color:var(--ka-footer-bk);
  background-repeat: no-repeat;

  /*background-image: url('/files/image/backgrounds/selektion-deutscher-luxushotels-background-partnerschaft-charta.jpg');*/
  background-position: top center;
  background-size: cover;

  margin-top:0;
  margin-bottom:0;
  padding-top:0px;
}

#footer * {
  color: var(--ka-footer-color);
  font-size: 18px;
  font-weight: 400;
  line-height:22px;
  letter-spacing: 0.0em;
}

#footer strong,
#footer div.strong {
  font-weight: 400;
}

#footer a:hover {
  border-bottom: 0;
  text-decoration:none;
}

#footer h3 {
  display: block;
  color: var(--ka-footer-fonth3);
  font-size: 18px;
  font-weight: 600;
  line-height:24px;
  margin: 15px 0 35px 0;
}
#footer h6 {
  color: var(--ka-footer-fonth3);
  font-size: 18px;
  font-weight: 500;
  line-height:18px;
  text-transform: uppercase;
  margin: 5px 0 15px 0;
}

#footer .line1,
#footer .line2,
#footer .line3 {
  display: flex;
  width: 100%;
  clear: both;
}
#footer .line1 {
  padding: 25px 0px 25px 0px;
  background-color: var(--ka-footer-bk1);
}
#footer .line2 {
  display: block;
  padding: 0px 0px 0px 0px;
  background-color: #b1d7be;
}
#footer .line3 {
  display:flex;
  padding: 60px 0 50px 0;
  background-color: var(--ka-footer-bk3);
  border-bottom: 12px solid var(--ka-footer-bk3-border);
}

#footer .line2,
#footer .line3 {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction:row;
  justify-content: space-between;
}

#footer .line1 .inside,
#footer .line2 .inside,
#footer .line3 .inside {
  height: 100%;
  display:flex;
  flex-direction:column;
  padding:0;
  width: 100%;
  max-width: var(--ka-footerwidth);
  margin-right:auto;
  margin-left:auto;
}
#footer .line1 .inside .weendervisite {
  width: 100%;
  display: flex;
  flex-direction:row;
  align-items: center;
}
#footer .line1 .inside .weendervisite * {
  color:var(--ka-font-color);
}
#footer .line1 .inside .weendervisite img {
  margin: 0 30px 0 30px;
  max-width: 15%;
}
#footer .line1 .inside .weendervisite .more {
  display: flex;
}

#footer .line3 .inside {
  width: 100%;
  flex-direction:row;
  justify-content: space-between;
}

#footer .line3 div#FooterLogo {
  position: absolute;
  left: 30px;
  display: flex;
  justify-content: center;
  height: 100%;
}
#footer .line3 div#FooterLogo > div.logo {
  display: flex;
  justify-content :center;
  text-align: center;
  align-items: center;
}
#footer .line3 div#FooterLogo img {
  width:120px;
  margin:0 0 40px 0;
}

#footer .line3 .termin .links {
  position: relative;
  display: flex;
  flex-direction: column;
}

#footer .line3 .termin {
  position: relative;
}
#footer .line3 .termin .links {
  position: relative;
  display: flex;
  flex-direction: column;
}

#footer .line1 .weendervisite .more a,
#footer .line3 .termin .links a.btngreen,
#footer .line3 .termin .links a.btnred {
  min-width: 160px;
  padding: 5px 15px;
  text-align: center;
  margin: 0 0 20px 0;
  color: #fff;
}
#footer .line1 .weendervisite .more a {
  margin: 0;
}
#footer .line1 .weendervisite .more a,
#footer .line3 .termin .links a.btngreen  {
  background-color: var(--ka-bk-greenmenu);
}
#footer .line3 .termin .links a.btnred {
  background-color: var(--ka-bk-notfall);
}

#footer .line3 .termin .links a.btngreen:hover  {
  background-color: var(--ka-bk-greenmenu-hover);
}
#footer .line3 .termin .links a.btnred:hover {
  background-color: #a72127;
}

#footer .line2 .mod_footer_navi a,
#footer .line2 .mod_footer_navi strong,
#footer .line2 .mod_footer_navi span {
  font-size:14px;
  line-height:28px;
  font-weight:500;
  text-transform:uppercase;
}
#footer .line2 .button a {
  display: inline-block;
  text-align: center;
  min-width:140px;
  margin-top: 20px;
  padding: 10px 20px 6px 20px;
  background-color: transparent;
  text-transform:uppercase;
  border: 1px solid var(--ka-footer-color);
  font-weight: 600;

  padding: 13px 33px 11px 33px;
  line-height: 1em;
  text-transform: uppercase;
  font-family: var(--ka-font-family-menu);
  font-size: 16px;
  font-weight: 400;
  transition: all 1s
}


#footer .line2 .kontakt img.marker {
  width: 32px;
}

#footer .line2 .socials {

}

#footer .line2 .socials .limit1400int {
  position: relative;
}
#footer .line2 .socials .images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

#footer .line2 .socials .images,
#footer .line2 .socials .images * {
  font-size: 0px;
  line-height: 0px;
}

#footer .line2 .socials .boxw {
  position: absolute;
  max-width: 80%;
  width: 600px;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  padding: 15px 15px;
  background-color: rgba(255,255,255,1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
#footer .line2 .socials .boxw * {
  color:var(--ka-font-color);
  font-size: 18px;
  line-height: 22px;
}

#footer .line2 .socials .boxw .textblock {
  width: calc(100% - 120px);
}
#footer .line2 .socials .boxw .links {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

#footer .line2 .socials .links img {
  width:32px;
  height: 32px;
}
#footer .line2 .socials .intern {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}

#footer .line2 .socials .text,
#footer .line2 .socials .links a {
  margin: 0 15px 0 0;
}


#footer .line3 *,
#footer .line3 .mod_footer_navi ul,
#footer .line3 .mod_footer_navi li {
  margin: 0;
  padding: 0;
}
#footer .line3 a {
    margin: 0;
    cursor:pointer;
}

#footer .line3 a img {
  width:120px;
}

#footer .line3 div.ce_toplink img {
  width:18px;
  height:35px;
}

#footer .line3 .mod_footer_navi li {
  float: left;
  margin-right: 30px;
}
#footer .line3 .mod_footer_navi ul {
  display:flex;
  flex-direction:column;
  margin: 20px 0 0 0;
}
#footer .line3 .mod_footer_navi li a,
#footer .line3 .mod_footer_navi li span,
#footer .line3 .mod_footer_navi li strong {
  color:var(--ka-footer-nav-color);
  text-transform:initial;
}

#footer .line3 .mod_footer_navi li span:hover {
  color: #fff;
}

/*

.mod_footer_navi {
    padding-top: 0px;
}

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

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



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


#footer .socials a {
    margin-right:  20px;
}

#footer a:hover,
#footer .mod_footer_navi a:hover,
#footer .mod_footer_navi a:hover span,
#footer .line2 .mod_footer_navi li a:hover,
#footer .line2 .mod_footer_navi li a:hover span,
#footer .line2 .mod_footer_navi li strong:hover,
#footer .line2 .kontakt a:hover,
#footer .line2 .kontakt .route a:hover {
    color:var(--ka-font-color-green);
}
*/


/* ****************************************************************************************************************** */
/* --- Header Menutop ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.mod_customnav.menutop {
  position: absolute;
  top: 0;
  right: 0;

}

.mod_customnav.menutop ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

.mod_customnav.menutop li {
  display: flex;
  align-items: center;
  justify-content:center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*
  border-right: 1px solid var(--ka-navbk-color);
  border-top: 1px solid var(--ka-navbk-color);
  border-bottom: 1px solid var(--ka-navbk-color);
  background-color: var(--ka-bk-lightgrey);
  */
  color:var(--ka-font-color);
  /*width:16.66%;*/
}
.mod_customnav.menutop li.last {
  border-right: 0px solid var(--ka-navbk-color);
}

#header .mod_customnav.menutop ul.level_1 li a,
#header .mod_customnav.menutop ul.level_1 li span,
#header .mod_customnav.menutop ul.level_1 li strong {
  font-size: var(--ka-font-size);
  line-height: var(--ka-font-size);
  font-size: 17px;
  line-height: 17px;
  font-weight: 400;
}

.mod_customnav.menutop ul.level_1 li.active:nth-last-child(1) strong,
.mod_customnav.menutop ul.level_1 li.active:nth-last-child(2) strong,
.mod_customnav.menutop ul.level_1 li:nth-last-child(1) a span,
.mod_customnav.menutop ul.level_1 li:nth-last-child(2) a span {
  color: #fff;
}


.mod_customnav.menutop li a,
.mod_customnav.menutop li.active strong {
  height: 100%;
  padding: 10px 10px 10px 10px;
  text-align: center;
  font-weight: 400;
  word-wrap: normal;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  color:var(--ka-nav-color);
}
/*.mod_customnav.menutop li a span,*/
/*.mod_customnav.menutop li.active span,*/
.mod_customnav.menutop li strong.active {
  color:var(--ka-nav-color-active);
}

.mod_customnav.menutop ul.level_1 li.active:nth-last-child(2) strong,
.mod_customnav.menutop ul.level_1 li:nth-last-child(2) a {
  background-color: var(--ka-bk-greenmenu);
  padding: 10px 20px 10px 20px;
}
.mod_customnav.menutop ul.level_1 li:nth-last-child(2) a:hover {
  background-color: var(--ka-bk-greenmenu-hover);
}

.mod_customnav.menutop ul.level_1 li.active:nth-last-child(1) strong,
.mod_customnav.menutop ul.level_1 li:nth-last-child(1) a {
  background-color: var(--ka-bk-notfall);
  padding: 10px 20px 10px 20px;
}

.mod_customnav.menutop ul.level_1 li:nth-last-child(1) a:hover {
  background-color: #a72127;
}


/* ****************************************************************************************************************** */
/* --- Breadcrump Menu ---------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.mod_breadcrumb {
  position:relative;
  max-width: 1600px;
  margin: 0 auto;
}

.mod_breadcrumb * {
  font-size:15px;
  line-height:15px;
  font-weight:400;
}

.mod_breadcrumb ul {
  display:flex;
  flex-direction:row;
  margin: 50px 0;
  padding:0;
}
.mod_breadcrumb ul li {
  display:flex;
  flex-direction:row;
  margin: 0px 10px 0 0;
  padding:0 20px 0 0;
  background-image: url('/files/intern/common/pfeil-pfad.svg');
  color:var(--ka-font-color);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 12px;
}

.mod_breadcrumb ul li.last {
  background-image:none;
}

.mod_breadcrumb ul li:hover,
.mod_breadcrumb ul li a:hover {
  color:#000;
}

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

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

  #mainnav {
    position:absolute;
    width: 100%;
    left:0;
    right:auto;
    top:50px;
    overflow:visible;
    display: flex;
    align-items: center;
    justify-content : flex-end;
    margin:0;
    padding: 0 0 0 0;
    transition:  top 250ms ease-in-out;
    z-index: 992;
  }

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

  #mainnav * {
    font-family: var(--ka-font-family-menu);
    font-size:var(--ka-font-size);
    line-height: var(--ka-font-size);
    border:none;
    font-weight:400;
    color:var(--ka-nav-color);
  }

  #mainnav.mod_navigation li.trail,
  #mainnav.mod_navigation li a.trail {
    color:var(--ka-nav-color-active);
  }

  #mainnav.mod_navigation li a,
  #mainnav.mod_navigation li.active span,
  #mainnav.mod_navigation li.active strong {
    margin:0;
    padding:0;
    padding-bottom: 5px;
    color:var(--ka-nav-color-active);
  }
  #header.small #mainnav.mod_navigation li a,
  #header.small #mainnav.mod_navigation li.active span,
  #header.small #mainnav.mod_navigation li.active strong {
    /*color:var(--ka-nav-color-active);*/
  }

  #mainnav.mod_navigation a:hover {
    text-decoration:none !important;
    border: none;
  }

  #mainnav.mod_navigation span.active,
  #mainnav.mod_navigation strong.active,
  #mainnav.mod_navigation li.sibling,
  #mainnav.mod_navigation li.trail {
  }

  #mainnav.mod_navigation ul.level_1,
  #mainnav.mod_navigation ul.level_2 {
    margin:0;
    list-style-type:none;
    padding:0;
    border:none;
    display: flex;
  }



  #mainnav.mod_navigation ul.level_1 span.active,
  #mainnav.mod_navigation ul.level_1 strong.active,
  #mainnav.mod_navigation ul.level_1 li.sibling,
  #mainnav.mod_navigation ul.level_1 li.trail {
  }

  #mainnav.mod_navigation ul.level_1 li {
    display: inline-block;
  }


  #mainnav.mod_navigation li {
    padding: 0;
    margin: 0;
    list-style-type:none;
    border:none;
  }

  #mainnav.mod_navigation li a,
  #mainnav.mod_navigation li.active span,
  #mainnav.mod_navigation li.forward span,
  #mainnav.mod_navigation li.active strong,
  #mainnav.mod_navigation li.forward strong,
  #mainnav.mod_navigation .mm_dropdown .grid .megamenulinks .link span,
  #mainnav.mod_navigation .mm_dropdown .grid .megamenulinks .link strong {
    position:relative;
    float:left;
    margin:0 0px;
    padding:0;
    font-family: var(--ka-font-family-menu);
    font-size:var(--ka-font-size);
    line-height: var(--ka-font-size);

    border:none;
    font-weight:400;
    color:var(--ka-nav-color);
  }
  #mainnav.mod_navigation li.active span,
  #mainnav.mod_navigation li.forward span,
  #mainnav.mod_navigation li.active strong,
  #mainnav.mod_navigation li.forward strong {
    color:var(--ka-nav-color-active);
  }

  #mainnav.mod_navigation ul.level_1 li {

  }

  #mainnav.mod_navigation ul.level_1 li a,
  #mainnav.mod_navigation ul.level_1 li.active span,
  #mainnav.mod_navigation ul.level_1 li.forward span,
  #mainnav.mod_navigation .mm_dropdown .grid .megamenulinks .link span,
  #mainnav.mod_navigation ul.level_1 li.active strong,
  #mainnav.mod_navigation ul.level_1 li.forward strong,
  #mainnav.mod_navigation .mm_dropdown .grid .megamenulinks .link strong {
    padding: 14px 15px 16px 15px;
    /*padding: 14px 15px 9px 15px;*/
  }

  #header.small #mainnav.mod_navigation ul.level_1 li a,
  #header.small #mainnav.mod_navigation ul.level_1 li.active span,
  #header.small #mainnav.mod_navigation ul.level_1 li.forward span,
  #header.small #mainnav.mod_navigation ul.level_1 li.active strong,
  #header.small #mainnav.mod_navigation ul.level_1 li.forward strong {
  }

  #header.small #mainnav.mod_navigation ul.level_1 li.active span,
  #header.small #mainnav.mod_navigation ul.level_1 li.forward span,
  #header.small #mainnav.mod_navigation ul.level_1 li.active strong,
  #header.small #mainnav.mod_navigation ul.level_1 li.forward strong {

  }

  #mainnav.mod_navigation li a span,
  #mainnav.mod_navigation li a strong {
    margin:0;
    padding:0;
  }
  #mainnav.mod_navigation ul.level_1 a:hover,
  #mainnav.mod_navigation li a:hover,
  #mainnav.mod_navigation li a.sfhover {
    transition: all 250ms ease-in-out;
    text-decoration: none;
    border: none;
    box-shadow: none;
    /*padding:0;*/
  }
  #mainnav.mod_navigation ul.level_1 a::after {
    /*display: none !important;*/
    background-color: var(--ka-bk-greenmenu);
  }

  #mainnav.mod_navigation .mm_dropdown {
    /*display: none;*/
    position: absolute;
    margin: 0px 0 0 0;
    left: 0;
    top: 50px;
    /*top: 80px;*/
    background-color: var(--ka-bk-menu);
    min-height: 600px;
    box-shadow: 0 8px var(--ka-shadow-radius) var(--ka-shadow-color2);
    z-index:999;
  }

  #mainnav.mod_navigation li.mm_container .mm_dropdown>.inner {
    padding: 30px 0 100px 0;
    max-width: 1400px;
    margin: 0 auto;
    background-color: var(--ka-bk-menu);
    border: 0 solid;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks .links,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks .links .link {
    width: 100%;

    /*
    display: flex;
    justify-content: center;
    align-items: center;*/
  }

  #mainnav.mod_navigation .mm_dropdown .grid span,
  #mainnav.mod_navigation .mm_dropdown .grid a {
    font-family: var(--ka-font-family);
    font-size: var(--ka-font-size);
    line-height: var(--ka-font-size);
    color: var(--ka-font-color);

    font-size:16px;
    line-height: 20px;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks .link a {
    display: flex;
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0px 0 20px 0;

    font-size: 26px;
    line-height: 26px;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.lightgrey a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgrey .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgrey .link a {
    background-color: var(--ka-bk-lightgrey);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.lightgrey2 a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgrey2 .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgrey2 .link a {
    background-color: var(--ka-bk-lightgrey2);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.lightblue a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightblue .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightblue .link a {
    background-color: var(--ka-bk-lightblue);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.middleblue a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.middleblue .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.middleblue .link a {
    background-color: var(--ka-bk-middleblue);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.lightgreen a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgreen .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.lightgreen .link a {
    background-color: var(--ka-bk-lightgreen);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.middlegreen a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.middlegreen .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.middlegreen .link a {
    background-color: var(--ka-bk-middlegreen);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.darkgreen a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.darkgreen .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.darkgreen .link a {
    background-color: var(--ka-bk-darkgreen);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.blue a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.blue .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.blue .link a {
    background-color: var(--ka-bk-menublue);
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .ce_hyperlink.green a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.green .link span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr2 .megamenulinks.green .link a {
    background-color: var(--ka-bk-menugreen);
  }


  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .gridcolumn,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .gridcolumn,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .ce_hyperlink {
    margin: 20px 0 0px 0;
    padding: 0 40px;
    border-right: 1px solid var(--ka-menu-border);
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .ce_hyperlink {
    margin: 0;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .gridcolumn:nth-last-child(1),
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks:nth-last-child(1),
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .gridcolumn:nth-last-child(1),
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks:nth-last-child(1) {
    border-right: 0px solid var(--ka-menu-border);
  }

  /*
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .flexcontainer,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .textblock,
  */
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .textblock a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .textblock h4 {
    /*
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    */
    padding:0;
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .textblock a {
    min-height: 60px;
  }


  #mainnav.mod_navigation .mm_dropdown .grid.fr3 h3,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks .headline,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 h4 a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 h4,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .headline,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 h4 a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 a h4{
    font-size: 26px;
    line-height: 26px;
    color: var(--ka-font-green);
    text-transform: inherit;
    margin: 0 0 20px 0;
    padding:0;
  }
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 a h3:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks a .headline:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 a h4:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks a .headline:hover {
    text-decoration: underline;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks .link.active span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks .link a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .ce_hyperlink a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .link.active span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .link a,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .ce_hyperlink a {
    padding: 7px 0 0 20px;
    background-image: url('/files/intern/common/pfeil.svg');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: left 12px;

    font-size:16px;
    line-height: 20px;
    color: var(--ka-nav-color);
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .ce_hyperlink .image_container a {
    background-image:clear;
    padding: 0;
  }

  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks .link.active span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .megamenulinks .link a:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr3 .ce_hyperlink a:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .link.active span,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .megamenulinks .link a:hover,
  #mainnav.mod_navigation .mm_dropdown .grid.fr4 .ce_hyperlink a:hover {
    color: var(--ka-font-green);
    background-image: url('/files/intern/common/pfeil-over.svg');
  }


  /*

  #mainnav.mod_navigation li ul,
  #mainnav.mod_navigation ul.level_2 {
    position: absolute;
    left:0;
    right:auto;
    bottom:auto;
    top:40px;
    display: block;
    width:100%;



    display:none;
    opacity: 0;


    padding-top:0px;
    transition: all 750ms ease-out;
    display: flex;
    flex-direction: column;
  }
  #mainnav.mod_navigation li ul li {
    display: flex;
    flex-direction: column;
    float: none;
    margin:0;
    padding:0;
    border-bottom:1px solid var(--ka-font-menu);
    border-radius:0;
  }
  #mainnav.mod_navigation ul.level_1 li ul.level_2 li a,
  #mainnav.mod_navigation ul.level_1 li ul.level_2 li a span,
  #mainnav.mod_navigation ul.level_1 li ul.level_2 li strong {
    display: inline-block;
    width:300px;
    margin:0;
    padding:3px 0 3px 5px;
    text-align:left;
    color:var(--ka-nav-color);
    background-color:rgba(255,255,255,1);
    background-image:none;
    transition: color 1s ease-out;
    word-wrap: normal;
  }
  #header.small #mainnav.mod_navigation ul.level_1 li ul.level_2 li a,
  #header.small #mainnav.mod_navigation ul.level_1 li ul.level_2 li a span,
  #header.small #mainnav.mod_navigation ul.level_1 li ul.level_2 li strong {
    color:var(--ka-font-color);
    background-color:rgba(255,255,255,1);
  }

  #mainnav.mod_navigation li ul li a:hover {

  }
  #mainnav.mod_navigation li ul li.active strong {
    font-weight: 600;
    background-image:none;
    color:var(--ka-nav-color-active);
  }
  #mainnav.mod_navigation ul.level_1 li ul.level_2 ul {
    left:300px;
    position:absolute;
    top:0;
    z-index: 999;
  }
  #mainnav.mod_navigation ul.level_1 > li:hover ul.level_2 {
    display:block;
    display: flex;
    opacity: 1;
  }
  /*
  #mainnav.mod_navigation ul li:hover ul ul {
    display:none;
  }
  #mainnav.mod_navigation ul ul li:hover ul {
    display:block;
  }
  */

}

.schrift.kleiner, .schrift.groesser{
	display:none;
}
@media (min-width:800px){
.body-img.col-lg-6 {
    max-width: 25% !important;
    padding-left: 25% !important;
}
}

.bodycompass-selector {
    background-color: #dae6eb00 !important;
}
@media (max-width:900px){
.boxcol33 {
    width: 100% !important;
    padding-bottom:10px !important;
    padding-top:10px !important;
}

.boxcol66 {
    width: 100% !important;
    padding-bottom:10px !important;
    padding-top:10px !important;
}
}
/* ****************************************************************************************************************** */
/* --- divers ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.textcenter {
  padding-bottom: 5px; /* wegen a:hover */
}

.headline.green {
  color:var(--ka-font-green);
}

/* ****************************************************************************************************************** */
/* --- slider ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

.swiper-button-prev,
section.kaslider1 .swiper-button-prev,
section.kaslider1.img1.part .swiper-button-prev,
#main .textimg .swiper-button-prev,
.swiper-button-next,
section.kaslider1 .swiper-button-next,
section.kaslider1.img1.part .swiper-button-next,
#main .textimg .swiper-button-next {
  position:absolute;
  width:35px;
  height:35px;
  padding:0;
  top:calc(50% - 17px);
  margin: 0;
  color:#fff;
  background-color:var(--ka-slider-rgb-arrow);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  /*transition: background-position 0.5s ease-in-out;*/
  cursor:pointer;
  z-index: +2;

}

.swiper-button-prev,
section.kaslider1 .swiper-button-prev,
section.kaslider1.img1.part .swiper-button-prev,
#main .textimg .swiper-button-prev {
  left:30px;
  background-image:url("/files/intern/icons/pfeil-galerie-links.svg");
}

.swiper-button-next,
section.kaslider1 .swiper-button-next,
section.kaslider1.img1.part .swiper-button-next,
#main .textimg .swiper-button-next {
  right:30px;
  background-image:url("/files/intern/icons/pfeil-galerie-rechts.svg");

}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: '';
  display: none;
}



/* ****************************************************************************************************************** */
/* --- slogan ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main section.slogan {
  padding: 100px 0;
  min-height: 350px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

#main section.slogan.backgroundright {
  background-position: center right;
}

section.slogan .slinside {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction:row;
}

section.slogan .slinside .left,
section.slogan .slinside .right {
  position: relative;
}

section.slogan .slinside .left .leftimage,
section.slogan .slinside .right .rightimage {
  max-width:50%;
}

section.slogan .slinside .left .leftinside,
section.slogan .slinside .right .rightinside {
  position: absolute;
  top:-150px;
  /*max-width: 80%;*/
  display: flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: flex-end;
}

section.slogan .headline2 {
  margin:0 0 20px 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing:0.1em;
  font-weight:500;
  text-transform: uppercase;
}

section.slogan h2.headline {
  color:var(--ka-nav-color-active);
  margin-bottom: 30px;
}

section.slogan .slinside .left .leftinside .text {
  padding: 0 0 0 30px;
}

section.slogan .slinside .right .rightinside .text {
  padding: 0 30px 0 0;
}

section.slogan .slinside .left .leftinside .text p,
section.slogan .slinside .left .leftinside .text h4,
section.slogan .slinside .right .rightinside .text p,
section.slogan .slinside .right .rightinside .text h4 {
  color:var(--ka-font-color);
  font-size:14px;
  line-height:20px;
  letter-spacing:0.1em;
  font-weight:500;
  text-transform: uppercase;
}

section.slogan .slinside .left .leftinside .text h4,
section.slogan .slinside .right .rightinside .text h4 {
  /*margin-top:0;*/
  color:var(--ka-fonth4-color);
  font-size:12px;
  letter-spacing:0.1em;
  font-weight:500;
  text-transform: uppercase;
}

#main section.slogan .textblock .boxheadline,
#main section.slogan .textblock .boxtext {
  padding: 10px 20px;
  margin: 0 0 10px 0;
  background-color: #fff;
}
#main section.slogan .textblock .boxtext {
  background-color: var(--ka-bk-lightgrey2);
}

#main section.slogan .textblock .buttons {
  margin: 20px 0 0 0;
}

#main section.slogan .textblock .buttons .button {
  margin: 0 0 10px 0;
}

/*#main .button.green a,*/
#main section.slogan .textblock .button.green a {
  background-color: var(--ka-bk-greenmenu);
  background-repeat: no-repeat;
  background-position: center right 10px;
  /*background-image: url('/files/intern/common/pfeil.svg');*/
  background-size: 14px;
  color:#fff;
  font-size: 19px;
  line-height: 19px;
  font-weight: 400;
  text-transform: none;
  padding: 10px 20px 8px 20px;
}

section.slogan .slinside .right {
  display: flex;
  padding: 0 0 0 100px;
  width: calc(50% - 100px);
  /*
  align-items: center;
  justify-content: center;
  */
}

section.slogan .slinside .right .textblock {
  /*max-width: 450px;*/
}

section.slogan .slinside .right .textblock h2 {
  margin-bottom:60px;
}

section.slogan .slinside .buttons {
  margin: 40px 0 20px 0;
}


section.slogan .slinside .textrightoverlay {

}



/* ****************************************************************************************************************** */
/* --- Chefarzt ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


section.chefarzt {
  position: relative;
  display: block;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--ka-bk-lightgrey);
  padding:80px 0;
  background-image: url('/files/intern/common/Bildmarke.svg');
  background-repeat: no-repeat;
  background-position: left center;
  /*background-size: 100%;*/
}

section.chefarzt .textblock .buttons {
  margin: 40px 0 10px 0;
  display: flex;
  flex-direction: row;
}

section.chefarzt .textblock .buttons .button {
  margin: 0px 20px 10px 0;
  display: flex;

}

#main section.chefarzt .textblock,
#main section.chefarzt .arztblock {
  width: 100%;
}

#main section.chefarzt .textblock .buttons .button a {
  width: auto;
  display:flex;
  align-items: left;
  text-align: left;
  padding:10px 20px 8px 20px;
  font-size: 16px;
  line-height: 20px;
  background-color:var(--ka-bk-greenmenu);
  /*background-image: url('/files/intern/common/pfeil.svg');*/
  background-position: calc(100% - 5px);
  background-repeat: no-repeat;
  background-size: 12px;
}

#main section.chefarzt .textblock .buttons .button.url a {
  background-color:var(--ka-bk-greenmenu);
  color: #fff;
}
#main section.team .textblock .buttons .button.url a:hover,
#main section.chefarzt .textblock .buttons .button.url a:hover {
  background-color:var(--ka-bk-greenmenu-hover);
}
#main section.chefarzt .textblock .buttons .button.download a {
  background-color:var(--ka-bk-lightgrey);
  color: var(--ka-font-color);
  padding:10px 30px 8px 20px;
  background-image: url('/files/intern/common/download.svg');
  border: 1px solid var(--ka-border);
}
#main section.team .textblock .buttons .button.download a:hover,
#main section.chefarzt .textblock .buttons .button.download a:hover {
  background-color:#fff;
}

#main section.chefarzt .arztblock .image_container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

#main section.chefarzt .arztblock .text {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 20px 20px 20px;
}
#main section.chefarzt .arztblock .text .name {
  font-weight: 600;
  margin: 5px 0 5px 0;
}

#main section.chefarzt .arztblock .text .links {
  margin: 20px 0 0 0;
}

#main section.chefarzt .arztblock .text .links .link a {
  /*padding: 8px 0 8px 25px;*/
}

#main section.chefarzt .siegellist {
  margin: 50px 0 0 40px;
}

#main section.chefarzt .siegellist.grid.fr4 {
  grid-template-columns: 1fr 1fr;
}

#main section.chefarzt .siegellist .siegel {
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}




/* ****************************************************************************************************************** */
/* --- team ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


section.team {
  position: relative;
  display: block;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--ka-bk-lightgrey);
  padding:80px 0;
  background-image: url('/files/intern/common/Bildmarke.svg');
  background-repeat: no-repeat;
  background-position: left center;
  /*background-size: 100%;*/
}

section.team.ansprechpartner {
  padding:40px 0;
}

section.team .textblock .buttons {
  margin: 40px 0 10px 0;
  display: flex;
  flex-direction: row;
}

section.team .textblock .buttons .button {
  margin: 0px 20px 10px 0;
  display: flex;

}

#main section.team .textblock,
#main section.team .arztblock {
  width: 100%;
}

#main section.team.ansprechpartner .textblock {
  padding: 0 0 0 50px;
  width: calc(100% - 50px);
}

#main section.team .textblock .buttons .button a {
  width: auto;
  display:flex;
  align-items: left;
  text-align: left;
  padding:10px 20px 8px 20px;
  font-size: 16px;
  line-height: 20px;
  background-color:var(--ka-bk-greenmenu);
  /*background-image: url('/files/intern/common/pfeil.svg');*/
  background-position: calc(100% - 5px);
  background-repeat: no-repeat;
  background-size: 12px;
}

#main section.team .textblock .buttons .button.url a {
  background-color:var(--ka-bk-greenmenu);
  color: #fff;
  /*background-image: url('/files/intern/common/pfeil.svg');*/

}
#main section.team .textblock .buttons .button.download a {
  background-color:var(--ka-bk-lightgrey);
  color: var(--ka-font-color);
  padding:10px 30px 8px 20px;
  background-image: url('/files/intern/common/download.svg');
  border: 1px solid var(--ka-border);
}

#main section.team .teamblock .image_container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

#main section.team .teamblock .text {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding: 0 20px 20px 20px;
}



/* ****************************************************************************************************************** */
/* --- ka-link ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

#main .link.imagegrow,
#main .link.flat,
#main .link.textbox {
    position: relative;
    width:calc(33.3% - 10px);
}
#main .link.imagegrow .imgblock,
#main .link.flat .imgblock {
    position: relative;
    overflow: hidden;
}
#main .link.imagegrow .imgblock *,
#main .link.flat .imgblock * {
    line-height: 1px;
}
#main .link.imagegrow .image_container,
#main .link.flat .image_container {
    overflow: hidden;
    line-height: 1px;
}
#main .link.imagegrow .image_container img,
#main .link.flat .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 .75s ease-in-out;
}
#main .link.imagegrow:hover .image_container img,
#main .link.flat:hover .image_container img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}
#main .link.imagegrow .button a {
    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;
}
#main .link.imagegrow .text {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}


#main .link.flat {
    position: relative;
    width:calc(33.3% - 10px);
}
#main .link.flat .text {
    width: 80%;
}

#main .link.hover {
    position: relative;
    display: inline-block;
    float: left;
    width: calc(33.3% - 10px);
    padding: 0;
    margin: 0px 0 18px 0px;
    overflow: hidden;
}
#main .link.hover .imgblock {
    line-height: 1px;
    /*
    position: absolute;
    top: 0;
    left: 0;
    */
}
#main .link.hover .headline {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}
#main .link.hover .imgblock * {
    line-height: 1px;
    position: relative;
}
#main .link.hover .imgblock img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#main .link.hover .imgblock:hover a {

}
#main .link.hover .imgblock .headline {
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
    transition: .5s;
}
#main .link.hover:hover .imgblock .headline {
    opacity: 0;
}

#main .link.hover .textblock {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction:column;
    text-align: center;
    justify-content :center;
    width: calc(100% - 0px);
    height: 100%;
    transition: 1.0s;
    line-height: 1px;
    pointer-events: none;
}
#main .link.hover .textblock .h4 {
    margin-top: 5px;
    color:#ffffff;
    font-size: 16px;
    line-height:18px;
    font-weight: 600;

}
#main .link.hover .textblock .headlinecolor {
    margin-top: 1px;
    color:#ffffff;
    font-size: 36px;
    line-height:40px;
    font-weight: 400;
}
#main .link.hover .textblock:hover {
    cursor:pointer;
}
#main .link.hover .hoverblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #88A89F;
    display: flex;
    flex-direction:column;
    text-align: center;
    justify-content :center;
    opacity: 0;
    transition: 1.0s;
    pointer-events: none;
    line-height: 1px;
    overflow: hidden;
}

#main .link.hover:hover .hoverblock {
    opacity: 0.8;


}
#main .link.hover .button a {
    font-size: 34px;
}
#main .link.hover .hoverblock .text {
    margin-top: 20px;
    margin-bottom: 20px;
}
#main .link.hover .button a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
}
#main .link.hover .textblock .text p {
    color: #999999;
}

#main .link.textbox {
    position: relative;
    width:32%;
}
#main .link.textbox .text {
    position: absolute;
    width: 80%;
    bottom: 30px;

}

#main .link.textpad {
    position: relative;
    /*width:32%;*/
}
#main .link.textpad.col50 {
    width: calc(50% - 10px);
}
#main .link.textpad.col33 {
    width: calc(33.3% - 10px);
}
#main .link.textpad.col25 {
    width: calc(25% - 10px);
}
#main .link.textpad .image_container a   {
    border-bottom: none;
}
#main .link.textpad .textblock {
    /*position: absolute;
    bottom: 30px;
    */
    margin: 20px 0;
    padding: 0 100px;

}
#main .link.textpad .headline {
    margin: 0 0 15px 0;
    font-family: var(--ka-font-family-menu);
    font-size:20px;
    line-height:24px;
    font-weight:500;
    letter-spacing:0.1em;
    text-transform: uppercase;
}
#main .link.textpad .button {
    margin: 15px 0 0 0;
}
#main .link.textpad .button a {

}

#main .link.hoverimg {
    position: relative;
    /*width:32%;*/
}
#main .link.hoverimg.col50 {
    width: calc(50% - 10px);
}
#main .link.hoverimg.col33 {
    width: calc(33.3% - 10px);
}
#main .link.hoverimg.col25 {
    width: calc(25% - 10px);
}
#main .link.hoverimg .imgblock {
    position: relative;
    font-size: 1px;
    line-height: 1px;
}

#main .link.hoverimg .image_container a   {
    border-bottom: none;
}
#main .link.hoverimg .textblock {
    /*position: absolute;
    bottom: 30px;
    */
    margin: 0px 0;
    padding: 0 0;

}
#main .link.hoverimg .headline {
    margin: 0 0 15px 0;
    font-size:20px;
    line-height:24px;
    font-weight:400;
    text-transform: uppercase;
}

#main .link.hoverimg .hoverblock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #88A89F;
    display: flex;
    flex-direction:column;
    text-align: center;
    justify-content :center;
    opacity: 0;
    transition: 1.0s;
    pointer-events: none;
    line-height: 1px;
    overflow: hidden;
    font-size:20px;
    line-height:24px;
    font-weight:400;
    text-transform: uppercase;
}

#main .link.hoverimg:hover .hoverblock {
    opacity: 0.8;


}

#main .link.hoverimg .button {
    margin: 15px 0 0 0;
}
#main .link.hoverimg .button a {
    color:#fff;
    border-bottom: none;
}

/* ****************************************************************************************************************** */
/* --- ka-textxcol -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.textxcols,
#main section.textxcols {
    position: relative;
    /*background-color: var(--ka-bk-boxlightgrey);*/
    padding: 0px 0 0px 0;
    margin-bottom: 0;
}

section.textxcols .headline {
    margin: 10px 0 70px 0;
}

section.textxcols .box2col {
    width: 100%;
}

section.textxcols .box2col .cols {
    width: 100%;
}

section.textxcols .box2col .cols.cnt_2 .column {
    width: calc(50% - 15px);
}
section.textxcols .box2col .cols.cnt_3 .column {
    width: calc(33.3% - 30px);
}
section.textxcols .box2col .cols.cnt_4 .column {
    width: calc(25% - 30px);
}

section.textxcols .box2col .cols.cnt_3 .column .colinside {
    width: calc(100% - 0px);
}

section.textxcols .box2col .cols .column .hl {
    padding: 0 0 5px 0;
    margin: 0 0 30px 100px;
}

#main section.textxcols .box2col .column .textblock {
  flex-direction:row;
  padding: 40px 0 30px 0;
}
#main section.textxcols .box2col .column .textblock .text,
#main section.textxcols .box2col .column .textblock .buttons {
  width: calc(66.6% - 160px);
  padding: 0 60px 0 100px;
}
#main section.textxcols .box2col .column .textblock .buttons {
  display: flex;
  justify-content: flex-end;
  width: calc(33.3% - 100px);
  padding: 0 100px 0 0;
}

section.textxcols .footer .line1,
section.textxcols .footer .line2 {
    display: flex;
    flex-direction:column;
    justify-content :center;
    flex-direction:row;
    margin: 10px 0 0 0;
}

section.textxcols .footer .line1 {
    margin: 70px 0 0 0;
}

section.textxcols .footer .line1 .text {
    font-size: 20px;
    text-transform: uppercase;
    font-weight:500;
}

section.textxcols .footer .line2 img {
    width: 15px;
    margin: 0 10px 0 0;
}

section.textxcols .footer .line2 .text {
    font-size: 30px;
}


/* ****************************************************************************************************************** */
/* --- ka-textimg --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */
#banner .textimg,
#main .textimg {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    /*
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    */
}

#main .textimg .imgblock * {
    /*line-height: 1px;*/
}

#main .textimg .swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  align-items: center;
}

#main .textimg .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;
}

#main .textimg .swiper-slide {
    background-position: center;
    background-size: cover;
    /* width: calc(350px - 30px); */
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
    flex-direction: column;
    /*background-color: var(--ka-bk-lightgrey);*/
    padding: 0;
    margin: 0px 0px;
    /* margin: var(--ka-shadow-radius); */
    transition: box-shadow var(--ka-shadow-time) ease-in-out;
    /*opacity: 0.5;*/
}

#banner .textimg p,
#main .textimg p {
  font-size: var(--ka-font-size);
  line-height: var(--ka-line-height);
}

#main .textimg .mobileblock {
    display: none;
}
#main .textimg.scalimg .imgblock .image_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height:250px;
}
#main .textimg.scalimg img {
    position: absolute;
    width: 100%;
    height: 100%;
    left:0%;
    object-fit: cover;
    display: inline-block;
}
#main .textimg.scalimg .bottomblock .right {
    text-align: right;
}
#main .textimg.scalimg .bottomblock {
    margin: 30px 0 0 0;
}
#main .textimg.scalimg .bottomblock h6 {
    transform: rotate(-5deg);
}

#banner .textimg .textblock,
#main .textimg .textblock {
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  flex-direction:column;
  justify-content :center;
}

#banner .textimg.textmr .textblock,
#main .textimg.textmr .textblock {
  padding-right: 100px;
  width: calc(50% - 100px);
}

#banner .textimg .quote,
#main .textimg .quote {
    margin: 20px 0 0 0;
    font-size: 36px;
}

#banner .textimg h4 {
  color: var(--ka-fonth4-color);
  margin: 0 0 30px 0;
}

#main .textimg .left .headline,
#main .textimg .left .text,
#main .textimg .right .headline,
#main .textimg .right .text,
#main .textimg .left .button,
#main .textimg .right .button,
#main .textimg .left .ce_accordion,
#main .textimg .right .ce_accordion {
    padding: 0px;
}

#main .textimg .left .headline,
#main .textimg .left .text,
#main .textimg .left .button,
#main .textimg .left .ce_accordion,
#main .textimg .quote {
    padding-right: 150px;
}

#main .textimg .right .headline,
#main .textimg .right .text,
#main .textimg .right .button,
#main .textimg .right .ce_accordion,
#main .textimg .quote {
    padding-left: 150px;
}

#main .textimg .headline {
    margin-top: 0;
}

#main .textimg .left .text,
#main .textimg .right .text {
    margin: 30px 0 10px 0;
    /*
    padding-right: 150px;
    padding-left: 150px;
    */
}

#main .textimg .left .button,
#main .textimg .right .button {
    margin-top: 20px;
}

/*master*/
#main .button a {
  position: relative;
  /*text-transform:uppercase;*/
  display: inline-block;
  padding:10px 20px 8px 20px;
  /*
  font-weight: 400;
  font-size: 16px;
  line-height:18px;
  */
  text-decoration:none;
  transition: all 250ms linear;
  white-space: nowrap;
  /*color:var(--ka-fonta-color);*/
}
#main .button a:hover {
  /*
    text-decoration:none;
    color:#fff;
    background-color:var(--ka-font-color);
  */
  /*border: 1px solid var(--ka-font-color);*/
  /*background-color: rgba(255,255,255,0.8);*/
}

#main .ce_hyperlink.button a,
#main .textimg .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;
}
#main .ce_hyperlink.button a:hover,
#main .textimg .button a:hover {
  color: var(--ka-bk-greenmenu-hover);
}

/* Default */
#main .textimg.default {
}

#main .textimg.default h2 {


}

/* Overlay */

#main .textimg.overlay {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;

}
#main .textimg.overlay .imgblock {
    position: relative;
}
#main .textimg.overlay .imgblock .image_container {
    top: 30%;
    width: 70%;
    height: 70%;
    z-index: -1;
}

#main .textimg.overlay .imgblock div.hl2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    font-size:var(--ka-statement-font-size);
    line-height: var(--ka-statement-line-height);
    letter-spacing: var(--ka-statement-letter-spacing);
    text-transform: uppercase;
    z-index: +1;
}

/* Boxed  mit Slider */

#main .textimg.boxed {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: visible;
}

#main .textimg.boxed .textxcol.txtleft {
    width:100%;
    display: flex;
    justify-content: flex-end;
}
#main .textimg.boxed .left,
#main .textimg.boxed .right {
    /*width: calc(50% + 800px);*/
    width: calc(50% + 940px);
    max-width:100%;
}

#main .textimg.boxed .textblock {
    padding: 20px 0 20px 0;
}

#main .textimg.boxed.gray  {
  transition: all 0.5s ease-in-out;
  margin: 40px 0 0 0;
  opacity: 0.5;
}
#main .textimg.boxed.gray.scrollthirdin {
  margin: 0px 0 0 0;
  opacity: 1;
}

#main .textimg.boxed.gray .textblock {
  /*background-color: rgba(205,205,205,0.25);*/
  background-color: rgba(237,237,237,0.98);
  margin: 70px 0;
  z-index:+1;
  display:flex;
  align-items: center;
  justify-content: center;
  min-width:600px;
  min-height:520px;
}
#main .textimg.boxed.gray .left .textblock {
  transform: translate(+140px, 0);
}
#main .textimg.boxed.gray .right .textblock {
  transform: translate(-140px, 0);
  position: relative;
}
#main .textimg.boxed.gray .textblock * {
  text-align: center;
}
#main .textimg.boxed.gray .textblock h2 {
  text-transform: none;
  font-size: 30px;
  line-height:36px;
  letter-spacing: 0.025em;
  font-weight: 200;
  color:var(--ka-fonthx-color);
  /*
  opacity: 0.9;
  transition: all 1.2s ease-in-out;
  margin-bottom:-20px;
  padding:20px 0 0 0;
  transform: rotateX(90deg) scale(0.7);
  */
}

/*
#main .textimg.boxed.gray.scrollin .textblock h2 {
  opacity: 1;
  padding:0 0 20px 0;
  transform: rotate(0deg) scale(1) translateY(10px);
}
*/

#main .textimg .textblock .buttons .button {
  margin-right: 20px;
}



#main .textimg.boxed.gray .textblock .logo {
  display:flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0 50px 0;
}
#main .textimg.boxed.gray .textblock .logo img {
  width:220px;
  /*max-width:50%;*/
}
#main .textimg.boxed .textblock .buttons {
  padding: 20px 0 10px 0;
}

#main .textimg .textblock .buttons {
  padding: 20px 0 10px 0;
  display: flex;
  align-items:flex-start;
}

#main .textimg.boxed.gray .button {
  margin-right: 0px;
}

#main .textimg.boxed.gray .button a {
  color:var(--ka-bk-boxgrey);
}

#main .textimg.boxed.gray .button a:hover {
  background-color:var(--ka-bk-boxgrey);
  border-color:var(--ka-bk-boxgrey);
  color: #fff;
}

#main .textimg.boxed .headline,
#main .textimg.boxed .text,
#main .textimg.boxed .button,
#main .textimg.boxed .ce_accordion {
  /*
  padding-left: 95px;
  padding-right: 95px;
  */
}


#main .textimg .boxw {
    /*min-height:700px;*/
}
#main .textimg .imgblock {
  position: relative;
  padding:0px 0 0 0;
}


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

#main .textimg .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;
    /*
    box-sizing: content-box;
    align-items: flex-start;
    */
}

#main .textimg .swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;

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

    min-height:250px;
    /*
    max-width: 1400px;

    transition-property: transform;



    display: flex;
    justify-content: center;

    padding: 0;
    margin: 0;
    overflow: hidden;
    */
}

/*
#main .textimg .swiper-container {
    position: relative;
		 width: 100%;
		 padding-top: 50px;
		 padding-bottom: 180px;
     z-index: 998;
}

#main .textimg .swiper-wrapper {
		position: relative;
    z-index: 999;
}


#main .textimg .swiper-slide {
		background-position: center;
	 	background-size: cover;
	 	width: 450px;
	 	height: 800px;
	  -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, transparent, transparent, #0006);
}
*/


#main .textimg .noswiper.cnt_1 .swiper-button-prev,
#main .textimg .noswiper.cnt_1 .swiper-button-next {
    display: none;
}

#main .textimg.boxed .left .img2block,
#main .textimg.boxed .right .img2block {
    position: absolute;
    /*top: -150px;*/
    top: 0px;
    /*width:1041px; ???*/
    max-width:50%;
    height:100%;
    display: inline-block;
    z-index: -1;
}

#main .textimg.boxed .left .img2block {
    left: 0px;
}
#main .textimg.boxed .right .img2block {
    right: 0px;
}
#main .textimg.boxed .left .img2block img,
#main .textimg.boxed .right .img2block img {
    object-fit: cover !important;
}

#main .textimg.boxed .img2block .image_container {
    width: 100%;
    height: 100%;
}
#main .textimg.boxed .img2block .image_container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#main .textimg.scalimg .swiper-container.cnt_1 img {
    transform: scale(1.0, 1.0);
    -ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transition: all .75s ease-in-out;
}

#main .textimg.scalimg .swiper-container.cnt_1 img:hover {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
}

#main .textimg.boxed .right .imgtext {
    position: absolute;
    right: 20px;
    bottom: 0px;
    z-index: +1;
}

#main .textimg.boxed .left .imgtext {
    position: absolute;
    left: 20px;
    bottom: 0px;
    z-index: +1;
}

#main .textimg.boxed .imgtext * {
    color: #fff;

}


#main .textimg.gallery {
    margin: 0px auto;
    padding: 150px 0 150px 0;
}

#main .textimg.boxed.gallery .textxcol.txtleft {
  background-color: rgba(240, 233, 225, 0.5);
}

#main .textimg.boxed.gallery .textxcol h3 {
  margin: 25px 0 5px 0;
}

#main .textimg.boxed.gallery .left,
#main .textimg.boxed.gallery .right {

}

#main .textimg.boxed.gallery .left .img2block img,
#main .textimg.boxed.gallery .right .img2block img {

}

/* box gray 2 */
#main .textimg.boxed.gray.textcol2 .boxw.flexcontainer {
  justify-content: center;
  align-items: center;
}
#main .textimg.boxed.gray.textcol2 .imgblock {
  z-index: +1;
}

#main .textimg.boxed.gray.textcol2 .textblock {
  margin: 20px 0 0 0;
  display: block;
  column-count: 2;
  column-gap: 40px;
  padding: 70px 40px 70px 250px;
  width:calc(66.6% - 310px);
  z-index: -1;
}
#main .textimg.boxed.gray.textcol2 .textblock * {
  text-align: left;
  padding: 0;
}


#main .textimg.gallery .swiper-wrapper.cnt_2 .swiper-slide {
    width: 50%;
}
#main .textimg.gallery .swiper-wrapper.cnt_2 .swiper-slide:nth-child(1) {
    margin-right: 10px;
}
#main .textimg.gallery .swiper-wrapper.cnt_2 .swiper-slide:nth-child(2) {
    margin-left: 10px;
}
#main .textimg.gallery .swiper-wrapper.cnt_2 .swiper-slide img {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  padding: 15% 0; /* = width for a 1:1 aspect ratio */
}
/*
#main .textimg.gallery .swiper-wrapper.cnt_2 .swiper-slide:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
*/
#main .textimg.gallery .swiper-wrapper.cnt_3 .swiper-slide {
  width: 33.3%;
}

#main .textimg.boxed.gallery .img2block .image_container img {
  object-fit: contain !important;
}

#main .textimg.bigtext {
  position: relative;
  margin: 0;
  padding: 0;
}

#main .textimg.bigtext .textblock {
  padding: 0 0;
}

#main .textimg.bigtext .left .headline,
#main .textimg.bigtext .left .text,
#main .textimg.bigtext .left .button,
#main .textimg.bigtext .left .ce_accordion,
#main .textimg.bigtext .quote {
    padding-right: 0px;
}

#main .textimg.bigtext .flexcontainer {
  display: flex;
  justify-content: center;
  align-items: center;

}

#main .textimg.bigtext .flexcontainer .imgblock {
  display: flex;
  justify-content: center;
  align-items: center;
}

#main .textimg.bigtext .flexcontainer .image_container {
  max-width: 450px;
}


#main .textimg.bigtext .imgblock img.logo {
  max-width: 100%;
  max-height: 100px;
  margin: 20px 0 0 0;
}

#main .textimg.bigtext .imgblock .imgtext,
#main .textimg.bigtext .imgblock .imgtext p {
  font-size:15px;
  line-height:20px;
  font-weight: 400;
}

/* ****************************************************************************************************************** */
/* --- ka-chartatext ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.chartatext {
  position: relative;
  margin: 0;
  padding: 150px 0;
  background-color:var(--ka-bk-boxgrey);
}

section.chartatext .verlauf {
  position:absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height: 200px;
  max-height: 100%;
  background: linear-gradient(0deg, rgba(1,38,58,0.5), rgba(1,38,58,0.001));
  z-index:952;
  pointer-events: none;
  line-height: 1px;
  font-size: 1px;
}

section.chartatext * {
  color:#fff;
}

section.chartatext .left {
  width: calc(50% - 120px);
  margin: 0 120px 0 0;
}

section.chartatext .left .flexcontainer {
  display: flex;
  justify-content: space-between;
}

section.chartatext .text {
  margin: 30px 0 70px 0;
}

section.chartatext .grid.image_container {
  position: relative;
  margin: 50px 50px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

#main section.chartatext .grid.image_container .box {
  display: flex;
  align-items: center;
  justify-content: center;
}

#main section.chartatext .grid.image_container .box img {
  /*max-width: 70px;*/
}
#main section.chartatext .rightblock h4 {
  color:var(--ka-border-partner);
  margin: 0 0 30px 0;
}
#main section.chartatext .rightblock h4.headline2 {
  margin-bottom: 50px;
}
#main section.chartatext .slogans.columns {
  margin: 20px 0 0 0;
  column-count: 2;
  column-gap: 40px;
}

#main section.chartatext .slogans.columns div.text {
  margin: 0 0 30px 0;
  padding: 4px 0 0 32px;
  background-image: url('/files/intern/common/selektion-deutscher-luxushotels-stern.svg');
  background-repeat: no-repeat;
  background-position:left top;
  background-size:21px;
}

/* ****************************************************************************************************************** */
/* --- ka-img2text -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.img2text {
  position: relative;
  margin:50px 0 50px 0;
}
section.img2text .boxw {
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

}

section.img2text .boxw .imgblock {
  position: relative;
  display: flex;
  height: calc(100% - 80px);
  width: calc(100% - 0px);
  padding: 40px 0;
}
section.img2text .boxw .imgblock .boxgrey {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 25%;
  z-index: -1;
  background-color: var(--ka-bk-boxlightgrey);
}

section.img2text .right .boxw .imgblock .boxgrey {
  right: 0;
  left: auto;
}

section.img2text .boxw .textblock.col33 {
  height: calc(100% - 80px);
  width: calc(100% - 120px);
  padding: 40px 80px;
  background-color: var(--ka-bk-boxlightgrey);
  display: flex;
  flex-direction:column;
  /*align-items: center;*/
  /*justify-content: center;*/
  justify-content: flex-start;
}

section.img2text .right .boxw .textblock.middle {
  padding: 40px 20px 40px 100px;
}
section.img2text .right .boxw .textblock.right {
  padding: 40px 100px 40px 20px;
}

section.img2text .left .boxw .textblock.left {
  padding: 40px 20px 40px 100px;
}
section.img2text .left .boxw .textblock.middle {
  padding: 40px 100px 40px 20px;
}

/* ****************************************************************************************************************** */
/* --- ka-textimgbk ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main .textimg.textimgbk {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
}

#main .textimg.textimgbk .box {
    position: relative;
    width: 85%;
    margin: 400px 0 0 0;
    padding: 100px 0 0 0;
    background-color:var(--ka-bk-color);
    min-height: 800px;
}

#main .textimg.textimgbk .box .textblock {

}


#main .textimg.textimgbk .right .headline,
#main .textimg.textimgbk .right .text,
#main .textimg.textimgbk .right .buttons {
    padding: 10px 70px 00px 70px;
}

#main .textimg.textimgbk .left .headline,
#main .textimg.textimgbk .left .text,
#main .textimg.textimgbk .left .buttons {
    padding: 10px 70px 0px 70px;
}

#main .textimg.textimgbk .left .button,
#main .textimg.textimgbk .right .button {
    padding: 0px 0px 0px 0px;
}

#main .textimg.textimgbk .imgblock {
    position: relative;
    padding:0px 0 0 0;
}

#main .textimg.textimgbk .imgblock .image_container  {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: +1;
}

#main .textimg.textimgbk .imgblock .img2block {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 300px;
    height:100px;
}


#main .textimg.textimgbk div.statement {
    width: 100%;
    height: 27%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

#main .textimg.textimgbk div.statement .hl2 {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    text-align: left;
    font-size:var(--ka-statement-font-size);
    line-height: var(--ka-statement-line-height);
    letter-spacing: var(--ka-statement-letter-spacing);
    text-transform: uppercase;
}



/* ****************************************************************************************************************** */
/* --- kaimgs ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.kaimgs {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 80px;
    margin-bottom: 80px;
    background-repeat: no-repeat;
    background-position:right center;
    background-size: contain;
}

section.kaimgs .images {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    justify-content: space-between;
}

section.kaimgs .images.cnt_2 .image {
    width: calc(50% - 10px);
}
section.kaimgs .images.cnt_3 .image {
    width: calc(33.3% - 10px);
}
section.kaimgs .images.cnt_4 .image {
    width: calc(25% - 10px);
}
section.kaimgs .images.cnt_5 .image {
    width: calc(20% - 10px);
}
section.kaimgs .images.cnt_6 .image {
    width: calc(16.6% - 10px);
}
section.kaimgs .images.cnt_7 .image {
    width: calc(14.2% - 10px);
}
section.kaimgs .images.cnt_8 .image {
    width: calc(15.5% - 10px);
}
section.kaimgs .images.cnt_9 .image {
    width: calc(11.1% - 10px);
}
section.kaimgs .images.cnt_10 .image {
    width: calc(10% - 10px);
}

/* default */

section.kaimgs.default .images .box {
    position: relative;
    line-height: 1px;
}

section.kaimgs.default .images .box img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
section.kaimgs.default .images .box .textbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(84,119,133,0.01);
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.0em;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  opacity: 0.01;
  transition: all 750ms ease-in-out;
  /*pointer-events: none;*/
}
section.kaimgs.default .images .box .textbox * {
  color: #fff !important;
}
section.kaimgs.default .images .box .textbox a {
  border: 1px solid #fff !important;
}

section.kaimgs.default .images .box:hover div.textbox h3 {
  margin: 0;
}

section.kaimgs.default .images .box .textbox .text {
  line-height: 28px;
  width: 80%;
}
section.kaimgs.default .images .box .textbox .text2 {
  font-size: 21px;
  line-height: 24px;
  text-transform: none;
  width: 80%;
}

section.kaimgs.default .images .box:hover div.textbox {
    opacity: 1;
    background-color: rgba(50,50,50,0.5);
}

section.kaimgs.default .textblock {
    width: calc(50% - 20px);
    margin: 10px 20px 5px 0;
}

section.kaimgs.default .textblock .text {
    margin: 20px 0 35px 0;
}

section.kaimgs.default .textblock .button a {
    font-size: 14px;
    /*border-bottom: 1px solid var(--ka-font-color);*/
}

section.kaimgs.default .images .box .textbox div.text2 a {
  display: inline-block;
  margin: 20px 0 0 0 !important;
}

/* gallery3 */

section.kaimgs.gallery3 {
  position: relative;
  width: 100%;
  margin: 0 0 100px 0;
  padding: 150px 0;
}
section.kaimgs.gallery3 .textxcol {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0px auto 0 auto;
  padding: 0;
}
section.kaimgs.gallery3 .images.cnt_3 {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  justify-content: space-between;
}

section.kaimgs.gallery3 .images.cnt_3 section.image,
section.kaimgs.gallery3 .images.cnt_3 section.noimage {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
section.kaimgs.gallery3 .images.cnt_3 section.noimage {
  background-color:rgba(202,202,202,0.5);
}

section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(1),
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(4) {
  width: 100%;
  margin: 0 0 20px 0;
}

section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(2),
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(3),
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(2),
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(3) {
  width: calc(50% - 10px);
  height:450px;
  padding:0;
}
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(2),
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(2) {
  margin: 0 10px 20px 0;
}
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(3),
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(3) {
  margin: 0 0 20px 10px;
}

section.kaimgs.gallery3 .images .box .textbox {
  position: absolute;
  bottom: 15%;
  right: 100px;
  width: calc(33% - 100px);
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
  color: #fff;
  /*pointer-events: none;*/
}


section.kaimgs.gallery3 .images .box .textbox div.text {
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
section.kaimgs.gallery3 .images .box .textbox div.text2 a {
  display: inline-block;
  margin: 20px 0 0 0 !important;
}

section.kaimgs.gallery3 .images .box .textbox * {
  color: #fff;
  border-color: #fff !important;
}

section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(2) *,
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(3) *,
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(2) *,
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(3) * {
  color: #000;
  border-color: #000 !important;
}

section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(2) .textbox,
section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(3) .textbox,
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(2) .textbox,
section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(3) .textbox {
  position: absolute;
  top: 50px;
  left: 50px;
  right: auto;
  bottom: auto;
  width: calc(66% - 50px);
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;

  /*pointer-events: none;*/
}

/* ****************************************************************************************************************** */
/* --- stepinside ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.stepinside {
  position: relative;
  display: block;
  height: 100%;
  /*
  padding-top: 120px;
  padding-bottom: 120px;
  */
  padding: 0;

  background-position: center;
  background-size: cover;
  line-height: 1px;
}

section.stepinside .bkimage {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}

section.stepinside .bkimage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.stepinside.white * {
  color:#fff;
}

section.stepinside.white .text {
  line-height: var(--ka-line-height);
}

section.stepinside .textblock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index:+1;
}
section.stepinside.maxheight .textblock {
  align-items: center;
  justify-content: center;
}

section.stepinside .textblock .text {
  max-width: 800px;
  margin: 0 auto 40px auto;
}

section.stepinside p {
  margin-bottom: 0px;
  line-height: var(--ka-line-height);
}
section.stepinside div.headline {
  font-size:30px;
  line-height:34px;
  font-weight: 300;
  letter-spacing: 0.05em;
  margin-bottom: 30px;

}
section.stepinside div.headline {

}
#main section.stepinside.white .button a {
  /*
  margin: 20px 0 0 0;
  color:#000;
  */
  border-color: #fff;
}


section.stepinside a:hover {
  /*background-color: rgba(35, 191, 228, 0.8);*/
}


section.stepinside.textleft {
  padding-top: 0px;
  padding-bottom: 0px;
}

section.stepinside.textleft .textblock2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index:+1;
}

section.stepinside.textleft .textblock2 .limit1400.flexcontainer {
  height:calc(100% - 100px);
  justify-content: flex-end;
  padding-bottom: 100px;
}


section.stepinside.textleft .textblock2 .left,
section.stepinside.textleft .textblock2 .right {
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

}
section.stepinside.textleft .textblock2 .left {
  width: calc(50% - 200px);
  padding-right: 200px;
}
section.stepinside.textleft .textblock2 .right {
  justify-content: flex-end;
  width: calc(50% - 100px);
  padding-left: 100px;
}

section.stepinside.textleft .textblock2 .headline {

}

section.stepinside.textleft .textblock2 .buttons {
  display: flex;
  flex-direction: row;
  margin: 40px 0 0 0;
}

section.stepinside.textleft .textblock2 .buttons .button {
  display: flex;
  flex-direction: row;
  margin: 0 20px 0 0;
}

section.stepinside.textleft .textblock2 .right .text2,
section.stepinside.textleft .textblock2 .right .text2 * {
  font-size: 30px;
  line-height:36px;
}


/* ****************************************************************************************************************** */
/* --- kabtns ------------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.kaxbtns {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 10px 0 20px 0;
}

section.kaxbtns .btnblock {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}

section.kaxbtns .btnblock .btn {
    margin: 0 10px;
}



/* ****************************************************************************************************************** */
/* --- previewvideo ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.textbk {
    margin: 0;
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: center;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.textbk.white *,
#main section.textbk.white .statement {
    color: white;
}

#main section.textbk.white .button a,
#main section.textbk.white .textimg .button a {
    border-bottom: 1px solid white;
}

section.textbk div.left,
section.textbk div.right {
    width: 50%;
}

section.textbk div.left {
    width: calc(50% - 200px);
    margin: 0 100px 0 100px;
    flex-direction: column;
}

section.textbk.white div.left {
    width: calc(50% - 0px);
    margin: 0 0px 0px;

}

section.textbk.white div.left div.leftin {
    width: calc(100% - 100px);
    margin: 50px 0 0 100px;
    display: flex;
    flex-direction: column;
}


section.textbk div.right {
    width: calc(50% - 100px);
    margin: 0 0 0 100px;
    flex-direction: column;
}


section.textbk div.left .textkursiv {
    margin: 0 0 0px 0;
}

section.textbk div.left .text {
    margin: 0 0 20px 0;
    /*
    font-size: 30px;
    line-height:36px;
    text-transform: uppercase;
    */
}

section.textbk div.left .button {
    clear: both;
    float: none;
}

section.textbk div.left .text2 {
    margin: 60px 0 0 0;
    text-transform: uppercase;
}

section.textbk div.right {
    justify-content: center;
    align-items: center;
}
section.textbk div.right * {

}

section.textbk div.headline {
    color:var(--ka-font-color);
    font-size: var(--ka-statement-font-size);
    line-height: var(--ka-statement-line-height);
    letter-spacing: var(--ka-statement-letter-spacing);
    text-transform: uppercase;
}

section.textbk.col2 div.col2.flexcontainer {
    width:100%;
    margin: 0;
    padding: 0;
    flex-direction: row;
    /*justify-content: center;*/
    align-items: flex-start;

}

section.textbk.col2 div.left,
section.textbk.col2 div.right {
    /*width: calc(50% - 80px);*/
    width:auto;
    padding: 0;
}

section.textbk.col2 div.left {
    margin: 0 40px 0 0;
    flex-direction: column;
    align-items: flex-end;
}

section.textbk.col2 div.left .headline {
    width:100%;
    text-align: left;
}

section.textbk.col2 div.right {
    margin: 0 0 0 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

section.textbk.col2 div.li

section.textbk.col2 .text,
section.textbk.col2 .text * {
    font-size: 24px;
    line-height: 38px;
    white-space: nowrap;
}

section.textbk .col2 {

}

/* ****************************************************************************************************************** */
/* --- banner slider ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

#banner .rsts-slide {
  /*position: relative; beware: das gibt ein flackern + weisse Zwischenbilder! */
}

/*
#banner .rsts-slide,
#banner .rsts-slide > div  {
  position: relative;
  display: block;
}

*/
#banner .rsts-caption {
  display: none !important;
}

#banner .rsts-slides,
#banner .rsts-slide > div .ce_image,
#banner .rsts-slide > div .image_container {
  width:100%;
  height:100%;
}

#banner .rsts-slide > div .ce_image {
  z-index: 952;
}

#banner .rsts-slide > div .image_container img {
  width:100%;
  height:100%;
  object-fit: cover;
}

#banner .rsts-slide > div .textblock {
  position: absolute;
  bottom: 45px;
  right: 56px;
  z-index: 953;
  width: 240px;
}
#banner .rsts-slide > div .textblock * {
  color: #fff;
}

#banner .rsts-slide > div .textblock h3,
#banner .rsts-slide > div .textblock h4 {
  color: #fff;
  font-size:15px;
  line-height: 18px;
  letter-spacing: 0.025em;
  font-weight: 500;
  text-transform: none;
  /*z-index:953;*/
}

#banner .verlauf {
  position:absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height: 200px;
  max-height: 100%;
  background: linear-gradient(0deg, rgba(1,38,58,0.5), rgba(1,38,58,0.001));
  z-index:952;
  pointer-events: none;
  line-height: 1px;
  font-size: 1px;
}

#banner .verlauf.slider {
  z-index:951;
}


/* ****************************************************************************************************************** */
/* --- ka_bannertext ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.bannertext {
    position:absolute;
    bottom: 30px;
    left: 50%;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    transform: translate(-50%, 0);
    /*pointer-events: none;*/
    z-index:953;
}

section.bannertext.slogan * {
    color: #fff;
}

section.bannertext.slogan .limit1400int,
section.bannertext.slogan .limit1600int {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    text-align: center;
}

section.bannertext.slogan h1 {
    text-transform: none;
    color: #fff;
    font-size: 48px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-transform: uppercase;
}

section.bannertext.slogan h3 {
    margin: 20px 0 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.1em;
}

/* ****************************************************************************************************************** */
/* --- 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.img3.part {
}

section.kaslider1 .textblock {
  display: flex;
}

section.kaslider1 .textblock .headline {
}

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


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 {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    /*align-items: flex-start;*/

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

/* all */

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

section.kaslider1 .swiper-button-next {
    position:absolute;
    top:calc(50% - 70px);
    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;
}

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;
}


/* 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 {
  width: 520px;
  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 0 20px 0;
  padding: 0px;
  border: 0px solid var(--ka-bordergrey);
  box-shadow: none;

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

  position: relative;
  background-color: var(--ka-bk-lightgrey);

}

section.kaslider1.img3.part .swiper-slide {
  width: 25%;
}
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 .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;
}



/* ****************************************************************************************************************** */
/* --- mod_newscategories ------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

div#newscat {
    position: relative;
    width: 100%;
    margin: 20px 0 20px 0;
    display: block;
    scroll-margin-top: 250px;
}
div#catanker,
div#newscat::before {
    position: absolute;
    top:-170px;
    /*
    content: '';
    display: block;
    height:      125px;
    margin-top: -125px;
    visibility: hidden;
    */
}


/*
.mod_newscategories {
    width: 100%;
    margin: 80px 0 40px 0;
    display: flex;
}
*/

.mod_newscategories ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
}

.mod_newscategories ul li {
    list-style-type: none;
    margin: 0 5px;
    padding:0;
}

.mod_newscategories ul li strong,
.mod_newscategories ul li a {
    display: inline-block;
    min-width: 40px;
    border: 1px solid var(--ka-font-color);
    text-align: center;
    padding: 10px 15px;
    color: var(--ka-font-color);
    font-family: var(--ka-font-family-menu);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.mod_newscategories ul li strong {
    background-color: var(--ka-font-color);
    color: #fff;
    border: 1px solid var(--ka-font-color);
}



/* ****************************************************************************************************************** */
/* --- news_list ---------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#banner .mod_article,
#banner .mod_newslist {
    width: 100%;
    height: 100%;
    display: grid;
}

#banner .mod_newslist .news-aktuelles.col4 {
    width: 100%;
    position: relative;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellesinside {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}
#banner .mod_newslist .news-aktuelles.col4 .subHeadline1,
#banner .mod_newslist .news-aktuelles.col4 .teaser1 {
    display: none;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellesimage {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellesimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner .mod_newslist .news-aktuelles.col4 .aktuellestext {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    padding: 75px 0;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;

}
#banner .mod_newslist .news-aktuelles.col4 .aktuellestext * {
    color: #fff;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellestext h4 {
    margin-top: 10px;
    margin-bottom: 30px;
    white-space: normal;
    font-size: 60px;
    line-height: 66px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0em;
    text-transform:none;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellestext .teaser {
    width: 80%;
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#banner .mod_newslist .news-aktuelles.col4 .aktuellestext a {
    text-transform:uppercase;
}

#main .mod_newslist,
#nocolumns .mod_newslist {
    max-width:1400px;
    margin:80px auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}


#main .mod_newslist::after {
    content: "";
    width:calc(25% - 10px);
}
/*
#main .mod_newslist::before {
    content: "";
    width:calc(25% - 10px);
}
*/

#main .mod_newslist .aktuellesimage,
#nocolumns .mod_newslist .aktuellesimage,
#main .mod_newslist .aktuellesimage *,
#nocolumns .mod_newslist .aktuellesimage * {
  line-height: 1px;
  font-size: 1px;
}

#nocolumns .mod_newslist .aktuellesimage,
#nocolumns .mod_newslist .aktuellesimage a,
#nocolumns .mod_newslist .aktuellesimage a img {
  width: 100%;
}

#main .mod_newslist h3,
#nocolumns .mod_newslist h3 {
  color:var(--ka-font-green);
}


#main .mod_newslist .news-aktuelles.col4 {
    display: flex;
    align-items: flex-start;
    position: relative;
    float:left;
    margin:0 0 20px 0;
    padding: 0;
    width:calc(25% - 30px);
    /*background-color: #fff;*/
}

#main .mod_newslist.forcecol3 .news-aktuelles.col4 {
    width:calc(33.3% - 30px) !important;
}

#main .mod_newslist .news-aktuelles.col4 .news-block {
    position: relative;
    display: flex;
    flex-direction:column;
    width: 100%;
}

#main .mod_newslist .news-aktuelles .news-block .news-image {
  position: relative;
  line-height: 1px;
  font-size: 1px;
  display: flex;
  width: 100%;
  height: 100%;
  height: calc(100% - 2px);
  min-height: 320px;
  overflow:hidden;
}

#main .mod_newslist.forcecol3 .news-aktuelles .news-block .news-image {
    min-height: 433px;
}

#main .mod_newslist .news-aktuelles .news-block .news-image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1px;
  font-size: 1px;
  text-decoration:none;
  border-bottom: 0px solid #ffffff;
}

#main .mod_newslist .news-aktuelles .news-block .news-image a img {
  width: 100%;
  object-fit: cover;
}

#main .mod_newslist .news-aktuelles .news-block .news-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: +1;

  transition: all 750ms ease-in-out;
  background-color: rgba(84,119,133,0.01);
  cursor: pointer;

}

#main .mod_newslist .news-aktuelles .news-block .news-image:hover .news-hover {
    /*display: block;*/
    /*background-color: rgba(84,119,133,0.5);*/
    background-color: rgba(50,50,50,0.5);
}

#main .mod_newslist .news-aktuelles .news-block .news-text {
    position: relative;
    width: 100%;
}

#main .mod_newslist .news-aktuelles .news-block .news-text {
    position: relative;
    width: calc(100% - 15px);
}

#main .mod_newslist .news-aktuelles .news-block .news-hover div {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.05em;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 750ms ease-in-out;
    /*pointer-events: none;*/

}

#main .mod_newslist .news-aktuelles .news-block:hover .news-hover div {
  opacity: 1;
}



#main .mod_newslist.kaflt .news-aktuelles.kaflt_disable {
  display: none;
}

/*

.mod_newslist .news-aktuelles.aktuellestext {
    padding: 12%;
}

.mod_newslist .news-aktuelles .aktuellestext .headline,
.blogdetails .katdatetime .headline {
    margin-right: 10px;
}
.mod_newslist .news-aktuelles .aktuellestext .headline::after,
.blogdetails .katdatetime .headline::after {
    margin-left: 10px;
    content: "|";
}
.mod_newslist .news-aktuelles .aktuellestext .datetime {

}
.mod_newslist .news-aktuelles .aktuellestext h4 {
    margin: 20px 0 30px 0;
    text-transform:none;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0em;
    font-weight: 700;
}
.mod_newslist .news-aktuelles .aktuellestext .more {
    margin: 30px 0 0 0;
}
*/

/* ****************************************************************************************************************** */
/* --- news_latest_blog --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.news-aktuelles {
  /*
  width: calc(100% - 0px);
  position: relative;
  */
  margin: 20px 0px 30px 0;
}

.news-aktuelles {
  /*
  width: calc(33% - 17px);
  width: 100%;
  */
  position: relative;

  /*margin: 20px 0 30px 0;*/
  margin: var(--ka-shadow-radius);
  transition: box-shadow var(--ka-shadow-time) ease-in-out;
  background-color:var(--ka-bk-lightgrey);
}

.news-aktuelles:hover {
  box-shadow: 0 0 var(--ka-shadow-radius) var(--ka-shadow-color);
}

.news-aktuelles.empty {
  background-color:inherit;
}

.news-aktuelles.empty:hover {
  box-shadow: 0 0 0 0;
}

.news-aktuelles .aktuellesinside {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

#main .news-aktuelles .aktuellesimage {
  width: 100%;
}

#main .news-aktuelles .aktuellesimage * {
  font-size: 1px;
  line-height: 1px;
  border: 0px;
  padding: 0;
}

#main .news-aktuelles .aktuellesimage img {
  width: 100%;
  height: 275px;
  object-fit: cover;
}

.news-aktuelles .aktuellestext {
  margin:0;
  padding: 20px 40px 20px 40px;
  width: calc(100% - 80px);
  text-align: left;
  background-color:var(--ka-bk-lightgrey);
  min-height: 310px;
}

.news-aktuelles .aktuellestext .headlineblock {
  margin: 0 0 10px 0;
}

.news-aktuelles .aktuellestext .headlineblock .headline {
  text-transform: none;
  margin: 0 0 0 0;
}

.news-aktuelles .aktuellestext p.more {
  margin-top: 15px;
}

.news-aktuelles .aktuellestext p.more a {
  position: relative;
  display: inline-block;
  padding: 10px 20px 8px 20px;
  text-decoration: none;
  transition: all 250ms linear;
  white-space: nowrap;
  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;
}

.news-aktuelles .aktuellestext .buttons {
  text-align: right;

}

.news-aktuelles .hidden {
    display: none;
}


/* ****************************************************************************************************************** */
/* --- blogdetails -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.blogdetails {
    position: relative;
    /*
    max-width: 1200px;
    margin: 30px auto;
    background-color: #fff;
    padding: 30px 3%;
    */
}
.blogdetails .blogimage {
    /*
    position: relative;
    width: 100%;
    max-height: 66vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    */
    font-size: 1px;
    line-height: 1px;
}
.blogdetails .blogimage img {
    width: 100%;
    object-fit: cover;
}
.blogdetails .blogimage .imgheadline {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    transform: translate(0, -50%);
    pointer-events: none;
    z-index: 952;
}
.blogdetails .blogimage .imgheadline > div {
    text-align: left;
}
.blogdetails .blogimage .imgheadline h1 {
    color: #fff;
}

.blogdetails .aktuellestext {
    margin: 30px 0;
    background-color: #fff;
    padding: 30px 0;
}



.blogdetails.back {
    margin: 40px 0 80px 0;
    min-height: 30px;
    padding: 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    /*justify-content: center;*/
}

#bannerimage .blogdetails.back {
    display: none;
}

.blogdetails .katdatetime {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogdetails h1.headline {

    text-align: left;
    /*
    width: 100%;
    margin: 30px 0;
    */
}


/* ****************************************************************************************************************** */
/* --- sharebuttons ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.sharebuttons {
    margin: 20px 0;
    padding: 0;
    display: flex;
}

.sharebuttons .headline {
    margin: 0 0 15px 0;
}

.sharebuttons * {
    border-style: none !important;
    list-style-type: none !important;
}

.sharebuttons ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
}

.sharebuttons ul li {
  margin: 0 10px 0 0;
}

.sharebuttons ul li a {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.sharebuttons ul li a.facebook {
  background-image: url('/files/intern/socials/facebook.svg');
}
.sharebuttons ul li a.facebook:hover {
  background-image: url('/files/intern/socials/facebook-over.svg');
}
.sharebuttons ul li a.instagram {
  background-image: url('/files/intern/socials/instagram.svg');
}
.sharebuttons ul li a.instagram:hover {
  background-image: url('/files/intern/socials/instagram-over.svg');
}
.sharebuttons ul li a.linkedin {
  background-image: url('/files/intern/socials/linkedin.svg');
}
.sharebuttons ul li a.linkedin:hover {
  background-image: url('/files/intern/socials/linkedin-over.svg');
}
.sharebuttons ul li a.twitter {
  background-image: url('/files/intern/socials/twitter.svg');
}
.sharebuttons ul li a.twitter:hover {
  background-image: url('/files/intern/socials/twitter-over.svg');
}
.sharebuttons ul li a.xing {
  background-image: url('/files/intern/socials/xing.svg');
}
.sharebuttons ul li a.xing:hover {
  background-image: url('/files/intern/socials/xing-over.svg');
}



/* ****************************************************************************************************************** */
/* --- kafilter ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.kafilter {
    position: relative;
    width: 100%;
    margin: 20px 0 20px 0;
    display: block;
}
section.kafilter .headline {
  margin: 0 0 20px 0;
}
section.kafilter .finside {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
}
section.kafilter .filterlist {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.kafilter .filterlist .filter {
    margin: 0 10px;
    display: inline-block;
}
section.kafilter .filterlist .filter a {
  display: inline-block;
    text-align: center;
    padding: 10px 15px 8px 15px;
    color: var(--ka-font-color);
    background-color: var(--ka-bk-boxlightgrey);
    font-family: var(--ka-font-family-menu);
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    /*border: 1px solid var(--ka-font-color);*/
    cursor: pointer;
    /*
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-image: url('/files/intern/common/plus.svg');
    */
}

#main section.kafilter .filterlist .filter a {
  border: 1px solid var(--ka-fltbtn-border);

}

#main section.kafilter .filterlist .filter a:hover {
  /*border: 1px solid var(--ka-font-color);*/
  background-color: var(--ka-fltbtn-hover);
  color: #fff;
}

section.kafilter .filterlist .filter a.enable {
    /*background-image: url('/files/intern/common/minus.svg');*/
    cursor: default;
    background-color: var(--ka-fltbtn-active);
    color: #fff;
    border: 1px solid var(--ka-fltbtn-border);
}

section.kafilter .filterlist .filter a.disable {
    display: none;
}

div.mod_article.kaflt_disable {
    display: none;
}


/* ****************************************************************************************************************** */
/* --- Accordions global -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.ce_accordion {
    position: relative;
    display: flex;
    flex-direction:column;
    margin-top: 10px;
    margin-bottom:10px;
}

/*
.ce_accordion .toggler {
    display: block;
    background-image: url('/files/intern/common/plus.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 15px;
    cursor: pointer;
    margin: 15px 0 0px 0;
    padding: 15px 0 0 0;
    border-top: 1px solid var(--ka-font-color);
}

.ce_accordion .accordion {
    margin: 15px 0 10px 0;
}
*/

.ce_accordion .toggler,
section.quicklinks .ce_accordion .toggler,
section.quicklinks .ce_accordion .link a,
section.quicklinks .ce_accordion .accordion .text *,
section.quicklinks .ce_accordion .accordion .more a,
section.kontakt .ce_accordion .accordion .btn a,
#main section.chefarzt .arztblock .text .links .link a {
  font-size:var(--ka-font-size);
  line-height: var(--ka-line-height);
  font-weight:400;
  text-transform: none;
  color:var(--ka-fonth5-color);
  text-decoration: none;
}

section.quicklinks .ce_accordion .accordion .text strong {
  font-weight: 600;
}

.ce_accordion .toggler,
section.quicklinks .ce_accordion .toggler {
  font-weight:600;
}

.ce_accordion .toggler,
section.quicklinks .ce_accordion .toggler,
section.quicklinks .ce_accordion .link a,
section.quicklinks .ce_accordion .accordion .more a,
section.kontakt .ce_accordion .accordion .btn a,
#main section.chefarzt .arztblock .text .links .link a {
  display: flex;
  border-top: 0px solid var(--ka-font-color);
  padding: 8px 0 6px 25px;
  background-image: url('/files/intern/common/pfeil.svg');
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 5px;
  /*animation: animatePD 0.5s linear infinite;*/
  transition: padding 0.75s;
  transition: background-position 0.75s;
}

#main .quicklinks .ce_accordion .nolink {
  display: flex;
  border-bottom: 1px solid var(--ka-border-green);
  margin: 0px 0 0px 0;
  padding: 8px 0 6px 0px;
}

/*
@keyframes animatePD {
  from {
    padding: 8px 0 8px 25px;
  }
  to {
    padding: 8px 0 8px 40px;
  }
}
*/

/*.ce_accordion .toggler:hover,*/
/*section.quicklinks .ce_accordion .toggler:hover,*/
section.quicklinks .ce_accordion .link a:hover,
section.quicklinks .ce_accordion .accordion .more a:hover,
section.kontakt .ce_accordion .accordion .btn a:hover,
#main section.chefarzt .arztblock .text .links .link a:hover,
section.imagelinks .images div.link a:hover {
  color:var(--ka-font-green);
  /*background-image: url('/files/intern/common/pfeil-over.svg');*/
  /*background-image: url('/files/intern/common/pfeil-over.svg'), url('/files/intern/common/pfeil-over.svg');*/
  /*background-position: 5px, 22px;*/
  /*padding: 8px 0 8px 40px;*/
}

section.quicklinks .ce_accordion .toggler:hover {
  color:var(--ka-font-green);
  background-image: url('/files/intern/common/pfeil-down-over.svg');
}

.ce_accordion .toggler,
section.quicklinks .ce_accordion .toggler,
section.quicklinks .ce_accordion .link a {
  border-bottom: 1px solid var(--ka-border-green);
  margin:0px 0 0px 0;
}

section.quicklinks .ce_accordion .accordion .more a {
  color:var(--ka-font-green);
  background-image: url('/files/intern/common/pfeil-over.svg');
}

section.quicklinks .ce_accordion .toggler {
  background-image: url('/files/intern/common/pfeil-down.svg');
}

.ce_accordion .toggler.active,
section.quicklinks .ce_accordion .toggler.active {
  border-bottom: 1px solid var(--ka-border-green);
  background-image: url('/files/intern/common/pfeil-up-over.svg');
  color:var(--ka-font-green);
}
section.quicklinks .ce_accordion .toggler.active:hover {
  padding: 8px 0 8px 25px;
}

.ce_accordion .accordion,
section.quicklinks .ce_accordion .accordion {
  margin:0px 0 10px 0;
  padding: 12px 25px 8px 25px;
  /*border-bottom: 1px solid var(--ka-border-green);*/
  background-color: var(--ka-bk-lightgrey);
}

.ce_accordion .accordion {
  padding: 25px 50px 35px 50px;
}

#main .ce_accordion p a,
#main .ce_accordion li a {
  color: var(--ka-font-green);
  text-decoration: underline;
}

.ce_accordion.green p 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;
}

/* ****************************************************************************************************************** */
/* --- Quicklinks --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.quicklinks {
  position: relative;
  display: flex;
  width: 100%;
  margin: 50px 0;
}

section.quicklinks.boxorange {
  margin: 60px 0 60px 0;
  padding: 0;
}

section.quicklinks .boxw {
  width: 100%;
  align-items: flex-start;
}

section.quicklinks.boxorange > .boxw {
  border: 3px solid var(--ka-borderorange);
  padding: 40px 10px;
  max-width: 1600px !important;
}

section.quicklinks.boxorange .ce_accordion .toggler,
section.quicklinks.boxorange .ce_accordion .link a {
  /*
  color:var(--ka-borderorange) !important;
  border-bottom: 1px solid var(--ka-borderorange);
  */
}

section.quicklinks.col100 {
  width: 100%;
}
section.quicklinks .col66 {
  width: calc(66.5% - 20px);
}
section.quicklinks .col50 {
  width: calc(50% - 20px);
}
section.quicklinks .col33 {
  width: calc(33.3% - 20px);
}
section.quicklinks .col20 {
  width: calc(20% - 20px);
}

section.quicklinks .col30 {
  width: 30%;
}
section.quicklinks.col33 {
  width: calc(33.3% - 20px);
}
section.quicklinks.col20 {
  width: calc(20% - 20px);
}
section.quicklinks.col50 {
  width: calc(50% - 20px);
}

section.quicklinks.w100 .boxw.flexcontainer {
  align-items: flex-start;
}

section.quicklinks.w100 .linksblock {
  width: 100%;
}

section.quicklinks .ce_accordion .accordion {
  display: flex;
  flex-direction: column;
}
section.quicklinks .ce_accordion .accordion .image_container {
  max-width: calc(25% - 20px);
  margin-left: 20px;
}

section.quicklinks.boxorange .imgblock {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.quicklinks.boxorange .imgblock img {
  width: 80px;
}
section.quicklinks.boxorange .headline {
  color:var(--ka-borderorange);
}
section.quicklinks.boxorange .col30 {
  width: calc(30% - 100px);
}
section.quicklinks.boxorange .col60 {
  width: calc(60% - 100px);
  padding-right: 100px;
}

section.quicklinks.col33 .linksblock {
  width: 100%;
}

section.quicklinks .linksblock.col33 {
  width: calc(33.3% - 100px);
}

section.quicklinks.texttop .textblock {
  padding: 15px 0 0 0;
  justify-content: flex-start;
}

body.zentren section.quicklinks {
  margin: 30px 0;
}

body.zentren section.quicklinks.texttop .textblock {
  min-height: 85px;
  width: 100%;
}

section.quicklinks.boxed.col20 {
  width: calc(20% - 62px);
}
section.quicklinks.boxed.col33 {
  width: calc(33.3% - 62px);
}
section.quicklinks.boxed.col50 {
  width: calc(50% - 62px);
}

section.quicklinks.boxed {
  padding: 20px;
  margin: 12px 10px;
  border: 1px solid var(--ka-bk-grey);
  box-shadow: 0 8px var(--ka-shadow-radius) var(--ka-shadow-color2);
}

#main section.quicklinks.boxed .imgblock img {
  max-width: 100%;
}
section.quicklinks.boxed .textblock h2 {
  color: var(--ka-font-color);
  font-size: 24px;
  line-height: 28px;
  margin-top: 15px;
}
section.quicklinks.boxed .linksblock h3,
section.quicklinks.boxed .textblock h3 {
  color: var(--ka-font-color);
  font-size: 20px;
  line-height: 24px;
}

section.quicklinks.boxed .ce_accordion .toggler,
section.quicklinks.boxed .ce_accordion .link a {
  color: var(--ka-font-green);
  background-image: url('/files/intern/common/pfeil-over.svg');
  border-bottom: none;
}


/* ****************************************************************************************************************** */
/* --- Counterlinks ------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.counterlinks {
  position: relative;
  display: flex;
  margin: 15px auto;
}

section.counterlinks .boxblock {

}

section.counterlinks .boxblock .box {
  width: calc(33.3% - 70px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: var(--ka-bk-lightgrey);
  padding: 30px 40px 30px 20px;
}
section.counterlinks .boxblock .box.boxcol66 {
  width: calc(66.6% - 65px);
}

section.counterlinks .boxblock .box.Hellgrau {
  background-color: var(--ka-bk-lightgrey);
}
section.counterlinks .boxblock .box.Hellblau {
  background-color: var(--ka-bk-lightblue);
}
section.counterlinks .boxblock .box.Blau {
  background-color: var(--ka-bk-middleblue);
}
section.counterlinks .boxblock .box.Hellgruen {
  background-color: var(--ka-bk-lightgreen);
}
section.counterlinks .boxblock .box.Gruen {
  background-color: var(--ka-bk-middlegreen);
}
section.counterlinks .boxblock .box.Dunkelgruen {
  background-color: var(--ka-bk-darkgreen);
}
section.counterlinks .boxblock .single_image {
  width: calc(33.3% - 10px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
}
section.counterlinks .boxblock .single_image.boxcol66 {
  width: calc(66.6% - 5px);
}
section.counterlinks .boxblock .single_image img {
  width: 100%;
  height:100%;
  object-fit: cover;
}

section.counterlinks .boxblock .box .image_block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 20px 0 0;
  flex-direction: column;
  /*
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-radius: 60px;
  */
}
section.counterlinks .boxblock .box .image_container {
  margin: 15px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 40px;
}
section.counterlinks .boxblock .box .image_container img {
  width: 56px;

}
section.counterlinks .boxblock .box .textblock {
  /*width: 33%;*/
  width: calc(100% - 70px);
  display: flex;
  flex-direction: column;
}
section.counterlinks .boxblock .box .textblock h2 {
  color: var(--ka-fonthx-color);
}
section.counterlinks .boxblock .box .textblock .headline,
section.counterlinks .boxblock .box .textblock .text {
  margin: 10px 0 0 0;
}
section.counterlinks .boxblock .box .textblock .button {
  margin: 20px 0 0 0;
}
#main section.counterlinks .boxblock .box .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;
}
#main section.counterlinks .boxblock .box .textblock .button a:hover {
  color:var(--ka-bk-greenmenu-hover);
}

/* ****************************************************************************************************************** */
/* --- imagelinks --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.imagelinks {
  position: relative;
  display: flex;
  width: 100%;
  margin: 15px auto;
  align-items: center;
  justify-content: center;
}

section.imagelinks .boxw {
  width: 100%;
}

section.imagelinks .boxw .textblock {

}

section.imagelinks .images {

}

section.imagelinks .images div.link {
  position: relative;
  display: flex;
  transition: box-shadow var(--ka-shadow-time) ease-in-out;
}
section.imagelinks .images div.link:hover {
  box-shadow: 0 0 var(--ka-shadow-radius) var(--ka-shadow-color);
}
section.imagelinks .images div.link.kaflt_disable {
  display: none;
}

section.imagelinks .images div.link a {
  font-weight: 600;

  width: 100%;
  /*
  font-size: 1px;
  line-height: 1px;
  */
}
section.imagelinks .images div.link a img {
  width: 100%;
  height: calc(100% + 2px);
  object-fit: cover;
}

section.imagelinks .images div.link .textbox {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 90px);
  padding: 15px 10px 15px 40px;
  background-color: #fff;

  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 15px center;
  display: flex;
  /*pointer-events: none;*/
}
section.imagelinks .images div.link .textbox.img {
  background-image: url('/files/intern/common/pfeil.svg');
}

section.imagelinks .images div.link a:hover .textbox.img,
section.imagelinks .images div.link .textbox.img:hover {
  background-image: url('/files/intern/common/pfeil-over.svg');
}

section.imagelinks.lines .images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow: hidden;
}

section.imagelinks.lines.fr5 .images {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow: hidden;
}
section.imagelinks.lines.fr6 .images {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow: hidden;
}

section.imagelinks.fr12 .images {
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  overflow: hidden;
}
section.imagelinks.fr21 .images {
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  overflow: hidden;
}

section.imagelinks.fr12 .images .link,
section.imagelinks.fr21 .images .link {
  max-height: 250px;
}

section.imagelinks .images .link.span24 img,
section.imagelinks.fr12 .images .link img,
section.imagelinks.fr21 .images .link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.imagelinks.lines .images div.link {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--ka-border);
  border-bottom: 1px solid var(--ka-border);
  margin-bottom: -1px;
  margin-right: -1px;
}

section.imagelinks .images .link.span24 {
  grid-column-start: 2;
  grid-column-end: 4;
  max-height: 335px;
}

section.imagelinks.lines .images div.link:nth-child(4n) {
  /*border-right: 0px solid var(--ka-border);*/
}

section.imagelinks.textonly .images {
  width: 100%;
  height: 100%;
  margin: 10px 0 0 0;
}

section.imagelinks.textonly .images div.link {
  position: relative;
  padding: 15px 20px 10px 20px;
  background-color: var(--ka-bk-lightgrey);
  display: flex;
  justify-content: center;
}

section.imagelinks.textonly .images div.link .textbox {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  padding: 0;
  background-color: var(--ka-bk-lightgrey);
}


/* ****************************************************************************************************************** */
/* --- kontakt ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.kontakt {
  position: relative;
  display: flex;
  width: 100%;
  margin: 50px 0 0 0;
  padding: 80px 0;
  background-color: var(--ka-bk-lightgrey);
}

section.kontakt .lage {
  margin: 20px 0;
  font-weight: 600;
  font-size: 20px;
}

section.kontakt .anfahrt {
  margin: 0 0 20px 0;
}

section.kontakt .anfahrt a  {
  margin: 10px 0;
  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;

}

section.kontakt .ce_accordion,
section.kontakt .ce_accordion .accordion {
  width: 100%;
}
section.kontakt .ce_accordion .accordion {
  padding: 20px 0;
  background-color:#fff;
  border-bottom: 0;
}

section.kontakt .ce_accordion .accordion .w100 {
  width: 100%;
  flex-wrap: nowrap;
}

section.kontakt .ce_accordion .accordion .textblock,
section.kontakt .ce_accordion .accordion .kontaktblock,
section.kontakt .ce_accordion .accordion .szblock,
section.kontakt .ce_accordion .accordion .btnblock {
  padding: 10px 20px;
}

section.kontakt .ce_accordion .accordion .kontaktblock .link {
  display: flex;
  align-items: center;
}

section.kontakt .ce_accordion .accordion .kontaktblock .link img {
  width: 16px;
  margin: 0 5px 0 0;
}

section.kontakt .ce_accordion .accordion .btnblock .btn a {
  /*padding: 8px 15px;*/
  background-image: none;
  background-color: var(--ka-bk-greenmenu);
  min-width: 140px;
  /*background-image: none;*/
  color: #fff;
  margin: 0 30px 5px 0;
  padding: 8px 20px 8px 20px;
}

section.kontakt .ce_accordion .accordion .imgblock {
  display: grid;
  margin: 0 0 0 30px;
  max-width: 150px;

}
section.kontakt .ce_accordion .accordion .imgblock img {
  width: 100%;
  /*
  height: 100%;
  object-fit: cover;
  */
}

section.kontakt .ce_accordion .accordion .btnblock .btn.termin a {
  background-color: var(--ka-bk-greenmenu);
  border: 1px solid var(--ka-bk-greenmenu)
}
section.kontakt .ce_accordion .accordion .btnblock .btn.kontakt a {
  background-color: var(--ka-bk-kontakt);
  border: 1px solid var(--ka-bk-kontakt)
}
section.kontakt .ce_accordion .accordion .btnblock .btn.op a {
  background-color: var(--ka-bk-darkgreen);
  border: 1px solid var(--ka-bk-darkgreen)
}


/* ****************************************************************************************************************** */
/* --- Rocksolid Slider --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.rsts-skin-default .rsts-nav-bullets a {
  box-shadow: 0 0 0 #777;
  border: 0;
  width: 12px;
  height:12px;
  box-shadow: none;
}
.rsts-skin-default .rsts-nav-bullets a.active,
.rsts-skin-default .rsts-nav-bullets a:hover {
  background-color: var(--ka-bk-greenmenu);
  border: 0;
  box-shadow: none;
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-video-play,
.rsts-skin-default .rsts-video-stop,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: inherit;
  opacity: 1;
  transition: clear;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  color: #fff;
  /*background-color: var(--ka-slider-arrow);*/
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  bottom: auto;
}

.rsts-skin-default .rsts-prev {
  position: absolute;
  left: 30px;
  right: auto;
  background-image: url('/files/intern/icons/pfeil-galerie-links.svg');
}
.rsts-skin-default .rsts-next {
  position: absolute;
  left: auto;
  right: 30px;
  background-image: url('/files/intern/icons/pfeil-galerie-rechts.svg');
}



/* ****************************************************************************************************************** */
/* --- Accordionslider ---------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.accordionslider1 {
  margin: 30px auto;
  position: relative;
  display: flex;
  -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

section.accordionslider1 .grid {
  position: relative;
  width: 100%;
  grid-template-columns: 250px 1fr;
}

section.accordionslider1 .headline {
  width: 100%;
}

section.accordionslider1 > .flexcontainer {
  width: 100%;
}

section.accordionslider1 .leftblock {
  position: relative;
  display: block;
  width: calc(25% - 30px);
  padding-right: 30px;

}
section.accordionslider1 .rightblock {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

section.accordionslider1 .teaserlist a {
  font-size: var(--ka-font-size);
  line-height: var(--ka-font-size);
  font-weight: 600;
  text-transform: none;
  color: var(--ka-fonth5-color);
  display: flex;
  border-top: 0px solid var(--ka-font-color);
  border-bottom: 1px solid var(--ka-border-green);
  margin: 15px 0 0px 0;
  padding: 8px 0 8px 25px;
  background-image: url(/files/intern/common/pfeil.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 5px;
  /* animation: animatePD 0.5s linear infinite; */
  transition: padding 0.75s;
  transition: background-position 0.75s;
}

section.accordionslider1 .teaserlist .teaser.selected a {
  color: var(--ka-font-green);
  background-image: url(/files/intern/common/pfeil-over.svg);
}

section.accordionslider1 .swiper-container {
  width: calc(100% - 0px);
	/*
  height: 100%;
  */
  overflow: hidden;
}

section.accordionslider1 .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;
}

section.accordionslider1 .swiper-slide {
	background-position: center;
 	background-size: cover;

	width: calc(100% - 20px);
  /*
	height: 100%;
  */

	position: relative;

	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	flex-direction:column;

	/*background-color:var(--ka-bk-lightgrey);*/

	padding: 0;
	margin: 0;

}


section.accordionslider1 .swiper-slide > div,
section.accordionslider1 .swiper-slide ol {
	width: 100%;
}

section.accordionslider1 .swiper-slide ol li {
	width: calc(100% - 30px);
	list-style-type: decimal;
}

section.accordionslider1 .swiper-slide ul li {
	margin-bottom: 5px;
}

section.accordionslider1 .swiper-slide > .flexcontainer {
	/*
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-shrink: 0;
	flex-direction:column;
	padding: 10px 10px;
	margin: 0 0;
	*/
}

section.accordionslider1 .swiper-button-next,
section.accordionslider1 .swiper-button-prev {
  display: none;
}

/* ****************************************************************************************************************** */
/* --- changelanguage ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#changelanguage,
#changelanguage * {
    margin: 0;
    padding: 0;
    border-bottom: none;
    color:#ffffff;

    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .25em;
    cursor: pointer;
}
#changelanguage {
    position: relative;
    margin-left: 20px;
    height: 32px;
    overflow: visible;
}

#changelanguage .langitms {
    position: absolute;
    top:24px;
    left: 0;
    display: none;
    padding-top: 8px;
}
#changelanguage:hover .langitms {
    display: block;
}
#changelanguage .mod_changelanguage li {
    float: none;
    margin: 0;
    padding: 3px 0px 3px 0px;
    font-size: 15px;
    line-height: 15px;
}
#changelanguage .mod_changelanguage ul li.active  {
    display: none;
}

.submit {
  max-width:100%;


  padding: 8px 20px 8px 20px;
  letter-spacing: 0.1em;
  border: 1px solid var(--ka-font-color);
  background-color: #fff;
  transition: all 250ms linear;
  cursor: pointer;
  color: #fff;
  background-color: var(--ka-bk-greenmenu);
  margin: 20px 0 0 220px;
  padding: 10px 20px 10px 20px;
  border: 0;
  font-size: 17px;
  line-height: 17px;
  font-weight: 400;
}
fieldset {
    width:100%;
    display:block;
    margin:12px 0 12px 0;
    padding:0px 0 0px 0;
}

.widget {
  padding: 0 0 20px 0;
  display: flex;
}
.widget-textarea {
    padding: 25px 0 15px 0;
}
.widget-explanation {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 10px 0 20px 0;
}
.widget-explanation h2 {
  margin-bottom: 10px;
}

.widget-textarea label,
.widget-captcha label,
.widget-text label,
.widget-password label,
.widget-upload label,
.widget-radio legend,
.widget-checkbox legend,
.select label {
    width:220px;
    float:left;
    display:block;
    color:var(--ka-font-color);
}
span.mandatory {
    padding-left: 5px;
}

textarea:focus,
input:focus{
    outline: none;
}
input.text,
input.password,
input.captcha,
textarea {
    font-weight: 400;
    color:#000000;
}

input.text,
input.password,
input.captcha {
  /*
    width:calc(100% - 360px);

  */
  width:calc(100% - 360px);
  max-width:90%;
  margin:0 0 0 0;
  padding:0 20px 0 20px;
  border:medium none;
  border-bottom: 1px solid var(--ka-font-color);
}
input.captcha {
    width:75px;
    margin-right:5px;
}
textarea {
    width:1020px;
    height:200px;
    padding:10px 20px 10px 20px;
    border: 1px solid var(--ka-font-color);
    width:calc(100% - 360px);
}
select {
    width:204px;
    margin:1px 0;
}
div.radio_container {
    margin:5px 0 1px;
}
div.radio_container span {
    display:block;
    padding-right:6px;
}
input.radio {
    top:2px;
    position:relative;
    margin:1px 2px 0 1px;text-w
    padding:0;
}
fieldset.checkbox_container {
    width:calc(100% - 0px);
    margin:10px 0 10px 0px;
    padding-top:0;
    padding-bottom:0;
}
fieldset.checkbox_container label {
    display:block;
    max-width:calc(100% - 100px);
    line-height:20px;
}
#main fieldset.checkbox_container label a {
  border: 0px;
  padding: 0;
  text-decoration: underline;
}
#main fieldset.checkbox_container span {
  display:block;
  padding-right:6px;
  margin: 0 0 0 220px;
}
input.checkbox {
    float:left;
    margin:3px 7px 0 1px;
    padding:0;
}
fieldset span {
    display: table-row-group;
}
fieldset legend span {
    display: inline;
}
fieldset span label {
  float: none;
  margin: 0 0 0 5px;
}

fieldset table td:first-child {
    margin:1px 0;
}
#col_0 {
    width:150px;
    margin-left:0;
}

.mod_unsubscribe .widget {
    text-align: center;
    align-items: center;
}

.mod_unsubscribe input.text {
    width:100%;
    max-width:400px;
    margin:0 0 0 0;
    padding:0 20px 0 20px;
    border:medium none;
    border-bottom: 1px solid var(--ka-font-color);
}

.mod_unsubscribe .submit {
    margin:20px 0;
}

.mod_search .formbody {
  display: flex;
  flex-direction: row;
  margin: 0 0 50px 0;
}

.mod_search input.text {
  width: 250px;
  max-width: 100%;
}

.mod_search .submit {
  color: #fff;
  background-color: var(--ka-bk-greenmenu);
  margin: 0 0 0 20px;
  padding: 10px 20px 10px 20px;
  border: 0;
  font-size: 17px;
  line-height: 17px;
  font-weight: 400;

}



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

:root {
  --ka-tablet-border:50px;
  --ka-tablet-border2:60px;
  --ka-tablet-border3:40px;

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

  --ka-tablet-statement-font-size2: 60px;
  --ka-tablet-statement-line-height2: 68px;

  --ka-tablet-statement-font-size: 55px;
  --ka-tablet-statement-line-height: 60px;

  --ka-mobile-border:20px;
  --ka-mobile-border3:20px;

  --ka-mobile-font-size:16px;
  --ka-mobile-line-height:20px;

  --ka-mobile-statement-font-size: 32px;
  --ka-mobile-statement-line-height: 36px;

}

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

@media only screen and (max-width: 1920px) {
  #header {
    /*background-image:url('/files/intern/header/');*/
  }

  #main .textimg.textimgbk .box {
      min-height: 700px;
  }

}

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

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

  #main .textimg.boxed.gray .textblock {
    min-width:300px;
  }

  #footer .line3 div#FooterLogo {
    position: relative;
    left: 20px;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1550px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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


  #mainnav,
  #header .kontakt,
  #header .buttons,
  #header .menutop li {
    display:none;
  }

  #header .menutop li:nth-last-child(1),
  #header .menutop li:nth-last-child(2) {
    display:flex;
  }

  #header {
    height: 50px;
  }
  #header #HeaderLogo {
    top:6px;
    left: 10px;
    width: 140px;
  }
  #header.small #HeaderLogo {
    width: 45px;
  }

  #banner {
    margin: 37px 0 0px 0;
  }

  #navmobil {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position:absolute;

    top:3px;
    left:50%;
    transform: translateX(-50%);
    right:auto;

    width:75px;
    height:32px;

    background-image: url('/files/intern/common/menu-green.svg');
    background-repeat: no-repeat;
    background-position:left center;
    background-size: 32px;

    padding: 0;
    z-index: 991;
    cursor: pointer;
    -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;
  }
  /*
  #header.small #navmobil {
    top: 15px;
    background-image: url('/files/intern/common/menu-grey.svg');
  }
  */

  .center,
  .boxdarkblue.center,
  .boxmiddleblue.center,
  .boxwhite.center,
  .boxgrey.center,
  .mod_breadcrumb,
  .limit1600,
  /*.textimg.boxed,*/
  #main section.textbk .limit1600int,
  #main section.quicklinks,
  #main section.chefarzt .inside,
  #main section.team .inside,
  #main section.imagelinks,
  #footer .line1 .inside,
  #footer .line2 .inside,
  #footer .line3 .inside {
    padding-left: var(--ka-tablet-border);
    padding-right: var(--ka-tablet-border);
    width:calc(100% - 2 * var(--ka-tablet-border));
  }
  #main .textimg.boxed.gray .left .textblock {
    transform: translate(+70px, 0);
  }
  #main .textimg.boxed.gray .right .textblock {
    transform: translate(-70px, 0);
  }

  section.quicklinks .boxw.flexcontainer {
    flex-direction: column;
  }
  section.quicklinks.boxorange > .boxw {
    flex-direction: row;
  }
  section.quicklinks.boxorange .col10 {
    width: calc(10% - 10px);
    padding: 0 10px 0 0;
  }

  section.quicklinks .col66,
  section.quicklinks .col50,
  section.quicklinks .col33,
  section.quicklinks .linksblock.col33 {
    padding: 0;
    /*width: calc(100% - 2 * var(--ka-mobile-border));*/
    width: 100%;
    /*max-width: 50%;*/
  }


  #footer .line2 #FooterLogo {
    margin-right: 20px;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1440px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

  :root {
    --ka-bigfont-size:20px;
    --ka-bigline-height: 26px;
  }

  .boxgrey {
      padding-right:10px;
      padding-left:10px;
      width:calc(100% - 20px);
  }

  body,
  section.kamitglieder .textbox .textint {
    font-size: var(--ka-tablet-font-size);
    line-height: var(--ka-tablet-line-height);
  }

  #main .statement {
    font-size: var(--ka-tablet-statement-font-size2);
    line-height: var(--ka-tablet-statement-line-height2);
  }

  #main .textimg .quote {
    font-size:30px;
    line-height:32px;
  }

  .limit1400,
  /*#main .mod_newslist,*/
  #main section.textimg.bigtext,
  section.kaimgs,
  section.textbk .limit1400int,
  section.textxcols .limit1400int,
  #main section.textxcols .limit1400int,
  body.colright #container {
      padding-left: var(--ka-tablet-border);
      padding-right: var(--ka-tablet-border);
      width:calc(100% - 2 * var(--ka-tablet-border));
  }

  #main .textimg.textimgbk div.statement {
      left: var(--ka-tablet-border);
  }

  section.kaslider1.img3.part .swiper-slide {
    max-width:600px;
  }

  section.kaslider1.img3.part .textblock > .col50 {
    width: 100%;
  }

  section.stepinside,
  section.stepinside.textleft {
    padding-top: 0px;
    padding-bottom: 0px;
    min-height:400px;
  }

  section.stepinside .bkimage,
  section.stepinside .bkimage img {
    min-height:400px;
  }

  section.stepinside.textleft .textblock2 .left {
    width: calc(50% - 100px);
    padding-right: 100px;
    min-height:400px;
  }
  section.stepinside.textleft .textblock2 .right {
    justify-content: flex-end;
    width: calc(50% - 50px);
    padding-left: 50px;
    min-height:380px;
  }

  section.stepinside.textleft .textblock2 .right .text2,
  section.stepinside.textleft .textblock2 .right .text2 * {
    font-size: 22px;
    line-height: 26px;
  }

  section.kaimgs.default .images .box .textbox .text2 {
    font-size: 18px;
    line-height: 21px;
  }

  section.slogan > div {
    padding: 20px;
  }


  #footer .line1,
  #footer .line2,
  #footer .line3 {
    width: calc(100% - 100px);
    padding: 40px 50px 40px 50px;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1280px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1280px) {
  #header {
    /*background-image:url('/files/intern/header/');*/
  }

  .col66 {
    width: 65.0%;
  }

  body #banner .bigtext p,
  body .bigtext,
  body #main .bigtext p,
  body #main .bigtext li {
    font-size: 18px;
    line-height: 22px;
  }

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

  #main section.textxcols .box2col .column .textblock .text,
  #main section.textxcols .box2col .column .textblock .buttons,
  section.textxcols .box2col .cols .column .hl {
    margin: 0 0 20px 30px;
  }
  #main section.textxcols .box2col .column .textblock {
    flex-direction:column;
  }

  #main section.textxcols .box2col .column .textblock .col66,
  #main section.textxcols .box2col .column .textblock .col33 {
    width: calc(100% - 50px);
    margin: 0;
    padding: 0 20px 10px 30px;
    justify-content:flex-start;
  }

  section.chartatext .left {
    width: calc(50% - 60px);
    margin: 0 60px 0 0;
  }
  #main section.chartatext .slogans.columns {
    column-gap: 20px;
  }
  section.img2text .right .boxw .textblock.right {
    padding: 40px 40px 40px 20px;
    width: calc(100% - 60px);
  }
  section.img2text .left .boxw .textblock.left {
    padding: 40px 20px 40px 40px;
    width: calc(100% - 60px);
  }
  section.slogan .slinside .right {
    display: flex;
    padding: 0 0 0 40px;
    width: calc(50% - 40px);
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1210px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1210px) {
    .home #bannerimage,
    .home #banner #bannerimage .rsts-slide > div,
    .home #banner #bannerimage .rsts-main {
        min-height: calc(40vh - 0px) !important;
        max-height: calc(40vh - 0px) !important;
    }

    body.colright #bannerimage {
      height: 0px;
      min-height: 0px !important;
      max-height: 0px !important;
    }

    #bannertext {
        top:55%;
        position:absolute;
    }
    #bannertext h1 {
        font-size:60px;
        line-height:64px;
        text-transform:none;
    }
    #bannertext p {
        font:30px/36px Caveat;
    }

    #banner .textimg.textmr .textblock,
    #main .textimg.textmr .textblock {
      padding-right: 50px;
      width: calc(50% - 50px);
    }

    .limit1200,
    section.timeline {
        padding-left: var(--ka-tablet-border);
        padding-right: var(--ka-tablet-border);
        width:calc(100% -#header .kontakt div#changelanguage, #header .kontakt div.location, #header .kontakt div.tel 2 * var(--ka-tablet-border));
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        white-space: normal;
    }
    h3 {
      letter-spacing: 0.0em;
    }

    .dist100 {
        height: 50px;
    }
    .dist50 {
        height: 35px;
    }

    .bildlink .image {
        width: calc(25% - 12px);
    }
    .bildlink .image.nr9,
    .bildlink .image.nr10 {
        display:none;
    }

    #main .limit1200 {
        /*
        margin-right:10px;
        margin-left:10px;
        */
    }

    #main .mod_article .ce_text .ktext,
    #main .mod_article h1,
    #main .mod_article h2,
    #main .mod_article h3,
    #main .ce_form {
      /*
      padding-right:5px;
      padding-left:5px;
      */
    }

    #main .mod_article h2 {
      margin-top: 15px;
      margin-bottom: 10px;
    }

    #main .textimg.boxed .headline,
    #main .textimg.boxed .text,
    #main .textimg.boxed .button,
    #main .textimg.boxed .ce_accordion,
    #main .textimg .quote {
      padding-left: 30px;
      padding-right: 30px;
    }

    #main .textimg.lightgreen .left .headline,
    #main .textimg.lightgreen .left .text,
    #main .textimg.lightgreen .right .headline,
    #main .textimg.lightgreen .right .text,
    #main .textimg.lightgreen .left .button,
    #main .textimg.lightgreen .right .button {
        padding-left: 80px;
        padding-right: 80px;
    }
    #main .textimg.scalimg img {
        position: relative;
    }

    #main .textimg.boxed.gray .left .textblock {
      transform: translate(+40px, 0);
    }
    #main .textimg.boxed.gray .right .textblock {
      transform: translate(-40px, 0);
    }


    .col33m {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
    }

    .prodlink {
        margin-right:15px;
        margin-left:15px;
    }

    .news-blog.col2 .blogtext {
      margin: 20px 30px 0 30px;
      width: calc(100% - 60px);
      flex-direction: column;
    }

    .news-blog.col2 .blogtext .col50 {
      width: 100%;
    }
    .news-blog.col2 .blogtext .buttons {
      text-align: left;
    }

    section.counterlinks .boxblock .box .image_container {
      padding: 5px;
      width: 50px;
      height: 50px;
    }
    section.counterlinks .boxblock .box .textblock {
      width: calc(100% - 60px);
    }

    #main .mod_newslist,
    section.kafilter .filterlist .filters {
        margin: 20px 0;
    }

    section.kafilter .filterlist .filter {
        margin: 5px;
    }

    section.kafilter .filterlist .filter a {
      padding: 10px 5px 8px 5px;
    }

    #main .mod_newslist.forcecol3 .news-entry .news-block .news-image {
      min-height:300px;
    }

    #main .textimg.boxed,
    section.kaimgs.gallery3 {
      padding: 75px 0 0 0;
    }

    section.kaslider1.img1.part .right {
      min-height:500px;
    }

    section.kaslider1.img1 .container_img1 h3,
    section.kaslider1.img1 .container_img1 .text,
    section.kaslider1.img1 .container_img1 .button {
      margin: 30px 0 0 0;
      padding: 0 50px 0 40px;
    }

    section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(1) img,
    section.kaimgs.gallery3 .images.cnt_3 section.image:nth-child(2) img,
    section.kaimgs.gallery3 .images.cnt_3 section.noimage:nth-child(2) img {
      object-fit:cover;
    }

    section.kaslider1.img3.part .swiper-slide .row2 {
      flex-direction:column;
      justify-content: flex-start;
    }

    section.kaslider1.img3.part .swiper-slide .textblock {
      width: calc(100% - 100px);
      margin: 0px 0;
      padding: 40px 50px 0px 50px;
    }

    section.kaslider1.img3.part .swiper-slide .imgblock {
      margin: 0px 0;
      padding: 40px 50px 0px 50px;
    }

    section.kaslider1.img4.part .swiper-slide {
      max-width: 31%;
    }

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


    /* Villas */

    section.kamitglieder {
      padding-bottom: 120px;
    }

    section.kamitglieder .slidervillas {
      position: relative;
      top: 120px;
      left: 0;
      right: auto;
      width: 100%;
      max-width: 100%;
    }

    section.kamitglieder .swiper-slide.villa {
      /*position: relative;*/
      flex-direction: row;

      /*
      display: grid;
      grid-template-columns: 2fr 1fr ;
      */
    }

    section.kamitglieder .swiper-slide .swiper-container-villa {
      width: 66.6%;
      max-width: 100%;
      height: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    section.kamitglieder .swiper-slide .textblock {
      width: 33.3%;

      height: calc(100% - 40px);
      justify-content:center;

    }

    section.kamitglieder .swiper-container-villa .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    section.kamitglieder .limit1400 .textbox {
      width: 66%;
      max-width: 66%;
    }

    section.kamitglieder .textblock {
      padding: 20px 40px;
      width: calc(100% - 80px);
    }

    section.kamitglieder .textblock .buttons {
      flex-direction: row;
    }

    section.kamitglieder .bkimage {
      top: 120px;
    }

    section.kamitglieder .bkimage .marker {
      max-width:80px;
    }

    /* Ende Villas */

    section.stepinside {
      padding-top: 50px;
      padding-bottom: 50px;
      min-height:700px;
      line-height: 1px;
    }

    section.stepinside .bkimage, section.stepinside .bkimage img {
      height: 100%;
      min-height:700px;
    }

    section.kamitglieder .map {
      width: 600px;
    }


    #footer .line1,
    #footer .line2,
    #footer .line3 {
      width: calc(100% - 0px);
      padding: 40px 0px 40px 0px;
    }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1100px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

  #main .mod_newslist,
  #nocolumns .mod_newslist {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  section.counterlinks .boxblock .box {
    width: calc(50% - 70px);
    margin: 0 0 20px 0;
  }
  section.counterlinks .boxblock .box:nth-last-child(1) {
    width: calc(100% - 0px);
  }
  section.counterlinks.col12 .boxblock .single_image,
  section.counterlinks.col12 .boxblock .box,
  section.counterlinks.col21 .boxblock .box {
    width: calc(100% - 0px);
    margin: 0 0 20px 0;
  }

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

  #footer .line1,
  #footer .line2,
  #footer .line3 {
    width: calc(100% - 0px);
    padding: 40px 0px 40px 0px;
    flex-wrap: wrap;
  }

  #footer .line2 div#FooterLogo {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin:20px 0 60px 0;
  }
  #footer .line2 div#FooterLogo .text {
    padding: 0;
    text-align: center;
  }

  #footer .line2 .socials {
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
  }
  #footer .line2 .socials .intern {
    flex-direction: column;
  }
  #footer .line2 .socials .links {
    margin: 0 0 20px 0;
  }

  #footer .line2 .mod_footer_navi,
  #footer .line2 .kontakt,
  #footer .line2 .kontakt1 {
    width: 33.3%;
    max-width: 33.3%;
    padding: 0;
    margin:0;
  }

  #footer .line2 .socials h3 {
    margin: 0 0 20px 0;
  }

  #footer .line2 div#FooterLogo .text {
    padding-right: 30px;
  }

  #footer .line3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      flex-direction: column;
  }

  #footer .line3 .links {
      position: relative;
      left: auto;
      right: auto;
      top: auto;
      margin: 30px 0 0 0;
      transform: translate(0%, 0%);
  }



  #footer .line3 .mod_changelanguage {
      position: relative;
      left:0;
      right: auto;
      float: left;
      transform: translate(0, 0);
  }

  #footer .line3 .copyright,
  #footer .line3 .mod_footer_navi li {
      margin-right:15px;
  }

  .mod_footer_navi {
      margin-right:10px;
  }
}

/* ****************************************************************************************************************** */
/* --- max-width: 1020px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 1020px) {
  .limit1000 {
    padding-left: var(--ka-tablet-border2);
    padding-right: var(--ka-tablet-border2);
    width:calc(100% - 2 * var(--ka-tablet-border2));
  }

  .news-aktuelles.col3 {
    width: calc(50% - 17px);
  }

  #main section.chefarzt .boxw.grid.fr2,
  #main section.team .boxw.grid.fr21 {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 40px;
  }
  #main section.chefarzt .arztblock .image_container {
    justify-content: flex-start;
  }

  #main section.team.ansprechpartner .textblock {
    padding: 0 0 0 0px;
    width: calc(100% - 0px);
  }

  section.quicklinks.smallimg .imgblock {
    margin-top: 20px;
    max-width: 50%;
  }
}

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

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

    body {
      font-size:var(--ka-tablet-font-size);
      line-height:var(--ka-tablet-line-height);
    }
    /*
    #header {
        height: 100px;
    }
    */
    #header.small {
      /*height: auto;*/
    }

    #header .inside {

    }
    .home #bannerimage,
    .home #banner #bannerimage .rsts-slide > div,
    .home #banner #bannerimage .rsts-main,
    #bannerimage,
    #bannerimage .prev-video-container,
    #bannerimage .prev-video-container video,
    #banner #bannerimage .rsts-slide > div,
    #banner #bannerimage .rsts-main,
    #bannerimage img {
      min-height: calc(35vh - 0px) !important;
      max-height: calc(35vh - 0px) !important;
    }

    .home #bannerimage,
    .home #banner #bannerimage .rsts-slide > div,
    .home #banner #bannerimage .rsts-main,
    .home #banner #bannerimage .rsts-slide > div,
    .home #banner #bannerimage .rsts-main,
    .home #bannerimage img {
      min-height: calc(66vh - 0px) !important;
      max-height: calc(66vh - 0px) !important;
    }


    #header .kontakt {
      display: none;
    }
    #navmobil {
      top: 5px;
    }

    #header.small .socials,
    #header .socials {
      right: 10px;
      top: 15px;
    }
    #header .socials .text {
      display: none;
    }

    #banner h1.headline {
      font-size:66px;
      line-height:72px;
    }

    #banner h3.headline2 {
      font-size:16px;
      line-height: 20px;
    }

    /*
    #header .kontakt div#changelanguage,
    #header .kontakt div.location,
    #header .kontakt div.tel {
        font-size:8px;
    }
    */

    .rsts-skin-default .rsts-nav {
        display:none;
    }
    h1,
    body.home h1,
    .boxgreen h1,
    body.home .boxgreen h1 {
      font-size:34px;
      line-height:38px;

    }
    h2,
    section.textxcols .footer .line2 .text {
      font-size:26px;
      line-height:30px;

    }
    h3,
    section.kaslider1 .textblock h3.headline {
      font-size:24px;
      line-height:28px;

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

    }
    h5 {
      /*
      margin-top: 20px;
      */
    }

    .rsts-skin-default .rsts-nav {
      bottom:0;
      right:5px;
      position:absolute;
    }
    #bannertext {
      top:120px;
      position:absolute;
    }
    #bannerimage .bannertext {
      position: absolute;
      left: 10%;
      top: auto;
      bottom: 10%;
      width: 80%;
      max-width: 80%;
      right: auto;
      /*transform: translate(-50%, -50%);*/
      text-align: left;
      transform: translate(0, 0);
    }

    #bannertext h1 {
        font-size:40px;
        line-height:44px;
        text-transform:none;
    }
    #bannerimage .downbutton img {
        height:40px;
    }

    .dist100desk {
      display: none;
    }


    #cboxTitle,
    #cboxCurrent {
        font-size:14px;
    }
    #cboxPrevious {
        left:-29px;
        width:40px;
        height:60px;
        top:calc(50% - 30px);
        margin:0;
        background-image: url("/files/intern/common/Pfeil-Galerie-pfeil-links.svg");
        background-size: 40px,60px;
        background-repeat: no-repeat;
        background-position: left center;
        transition: background-position 0.5s ease-in-out;
        outline: none;
    }
    #cboxNext {
        right:-45px;
        width:40px;
        height:60px;
        top:calc(50% - 30px);
        margin:0;
        background-image: url("/files/intern/common/Pfeil-Galerie-pfeil-rechts.svg");
        background-size: 40px,60px;
        background-repeat: no-repeat;
        background-position: right center;
        transition: background-position 0.5s ease-in-out;
        outline: none;
    }
    #cboxPrevious:hover {
        background-position: left center;
    }
    #cboxNext:hover {
        background-position: right center;
    }

    .rsts-skin-default .rsts-prev {
      /*
        position:absolute;
        width:40px;
        height:60px;
        top:calc(50% - 30px);
        left:-20px;
        background-image:url("/files/intern/common/Pfeil-Galerie-pfeil-links.svg");
        background-size: 40px,60px;
        background-repeat: no-repeat;
        background-position: left center;
        transition: background-position 0.5s ease-in-out;
      */
    }
.swiper-slide .textbox {
    min-height: 160px;
}

    .rsts-skin-default .rsts-next {
      /*
        position:absolute;
        width:40px;
        height:60px;
        top:calc(50% - 30px);
        right:30px;
        background-image:url("/files/intern/common/Pfeil-Galerie-pfeil-rechts.svg");
        background-size: 40px,60px;
        background-repeat: no-repeat;
        background-position: center;
        background-position: right center;
        transition: background-position 0.5s ease-in-out;
      */
    }

    #banner .rsts-slide > div .right .image_container img {
      object-position: 100% center;
    }

    #banner .rsts-slide > div .left0 .image_container img {
      object-position: 0% center;
    }
    #banner .rsts-slide > div .left20 .image_container img {
      object-position: 20% center;
    }
    #banner .rsts-slide > div .left40 .image_container img {
      object-position: 40% center;
    }
    #banner .rsts-slide > div .left60 .image_container img {
      object-position: 60% center;
    }
    #banner .rsts-slide > div .left80 .image_container img {
      object-position: 80% center;
    }
    #banner .rsts-slide > div .left100 .image_container img {
      object-position: 100% center;
    }

    #main section.slogan {
      width: 100%;
      padding: 150px 0 0 0;
      min-height: 350px;
      align-items: flex-end;
      /*background-position: center right;*/
    }
    #main section.slogan h2.headline {
      font-size: 19px;
      line-height: 22px;
      margin-bottom: 0;
    }

    #main section.slogan.left0 {
      background-position: 0% center;
    }
    #main section.slogan.left20 {
      background-position: 20% center;
    }
    #main section.slogan.left40 {
      background-position: 40% center;
    }
    #main section.slogan.left60 {
      background-position: 60% center;
    }
    #main section.slogan.left80 {
      background-position: 80% center;
    }
    #main section.slogan.left100 {
      background-position: 100% center;
    }

    #main section.slogan .textblock .boxheadline,
    #main section.slogan .textblock .boxtext {
      background-color: rgba(255,255,255,0.8);
    }

    .limit800 {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    .grid.fr3.gap20,
    .grid.fr3.gap40,
    .grid.fr3.gap60 {
      grid-template-columns: 1fr;
      grid-column-gap: 0px;
      grid-row-gap: 40px;
    }

    .grid.fr4.gap1,
    .grid.fr4.gap20 {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }

    .ce_gallery ul.cols_3 li,
    .ce_gallery ul.cols_4 li,
    .ce_gallery ul.cols_5 li {
        width: calc(50% - 20px);
        margin-bottom: 10px;
        padding: 0 5px;
    }


    body.home #main .textimg.bigtext .flexcontainer {
      align-items: flex-start;
      justify-content: flex-start;
    }
    body.home #main .textimg.bigtext .flexcontainer .imgblock {
      align-items: flex-start;
      margin: 10px 0 0 0;
      order:2;
    }

    body.home .limit1400int > .col33 {
      width: 66%;
    }

    #main .projectlink.imagegrow,
    #main .projectlink.flat {
        width: 100%
    }

    div h2.ce_headline.statement.limit1600,
    div.limit1600 h2.ce_headline.statement {
        padding-left:40px;
    }
    div.limit1600 h2.ce_headline.limit1400 {
        padding-left:80px;
    }

    .ce_text.limit1400 figure.image_container.kimg.float_left {
        max-width: 50%;
    }

    .ce_text.limit1400 .ktext {
        margin-bottom:40px;
        /*
        padding-left:40px;
        padding-right:40px;
        */
    }

    td {
      padding: 1px;
    }

    #main .textimg.boxed.gray .textblock {
      margin: 0;
    }

    #main .textimg.boxed.gray .left .textblock {
      transform: translate(0px, 0);
    }
    #main .textimg.boxed.gray .right .textblock {
      transform: translate(0px, 0);
    }

    #main .textimg.boxed .left,
    #main .textimg.boxed .right {
      width: calc(100% + 0px);
      max-width: 100%;
    }

    #main .textimg.boxed .left .img2block,
    #main .textimg.boxed .right .img2block {
      max-width: 100%;
    }


    #main .textimg.boxed.gray .textblock {
      padding: 80px 0 80px 0;
    }


    #main .textimg .textblock {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    #main .textimg.lightgreen .textblock {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #main .textimg.lightgreen .left .headline,
    #main .textimg.lightgreen .left .text,
    #main .textimg.lightgreen .right .headline,
    #main .textimg.lightgreen .right .text,
    #main .textimg.lightgreen .left .button,
    #main .textimg.lightgreen .right .button {
        padding-left: 40px;
        padding-right: 40px;
    }


    section.img2text .boxw {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      display: grid;
      grid-template-columns: 1fr;
    }
    section.img2text .boxw .imgblock {
      position: relative;
      display: flex;
      height: calc(100% - 0px);
      width: calc(100% - 0px);
      padding: 0px 0;
      max-height: 250px;
    }
    section.img2text .boxw .imgblock .swiper-wrapper,
    section.img2text .boxw .imgblock .swiper-wrapper .swiper-slide,
    section.img2text .boxw .imgblock .image_container,
    section.img2text .boxw .imgblock .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: 100%;
      max-height: 100%;
    }
    section.img2text .boxw .imgblock .swiper-wrapper .swiper-slide img {
      object-fit: cover;
    }
    section.img2text .boxw .textblock.col33,
    section.img2text .left .boxw .textblock.left,
    section.img2text .left .boxw .textblock.middle,
    section.img2text .right .boxw .textblock.middle,
    section.img2text .right .boxw .textblock.right {
      height: 100%;
      width: calc(100% - 40px);
      margin: 0;
      padding: 20px 20px 40px 20px;
    }

    section.kaslider1.imglogo .swiper-slide .row1 {
      flex-direction:column;
    }
    section.kaslider1.imglogo .swiper-slide .row1 .col50m,
    section.kaslider1.imglogo .swiper-slide .row1 .col50mr {
      width: calc(100% - 20px);
      margin: 0 20px 0 0;
      height: auto;
    }
    #main section.kaslider1.imglogo .swiper-slide .row1 .col50m img {
      max-width: 66%;
    }
    section.kaslider1.imglogo .swiper-slide .row2 {
      width: calc(100% - 40px);
      padding: 0 0 0 40px;
    }

    .news-entry.col3 {
        flex-direction: column;
    }
    .news-entry.col3 .news-date {
        /*float: left;*/
        justify-content: left;
        padding-left: 20px;
        width: 100%;
    }
    .news-entry.col3 .news-date span {
        position: relative;
        top: 0;
        left: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        transform: translate(0, 0);
    }
    .news-entry.col3 .rightblock {
        width: 100%;
    }
    .news-entry.col3 .news-image {
        width: 30%;
        height: auto;
    }
    .news-entry.col3 .news-text {
        width: calc(70% - 00px);
    }

    #main .mod_newslist.forcecol3 .news-entry .news-block .news-image {
      min-height:220px;
    }

    .mod_newslist {
        /*
        -moz-column-count: 2;
      	-moz-column-gap: 20px;
      	-webkit-column-count: 2;
      	-webkit-column-gap: 20px;
      	column-count: 2;
      	column-gap: 20px;
        */
    }

    section.textxcols .box2col .cols.cnt_4 .column {
        width: calc(50% - 30px);
    }

    #main .mod_newslist .news-blog.col3 {
        width:calc(50% - 10px);
    }

    #banner .mod_newslist .news-blog.col3 .blogtext h4 {
        text-align: center;
    }

    section.imagelinks .images {
      grid-template-columns: 1fr 1fr;
    }
    section.imagelinks.lines.fr5 .images {
      grid-template-columns: 1fr 1fr;
    }

    section.imagelinks.lines .images div.link {
      padding: 20px;
    }

    .rsts-skin-default.rsshadow .rsts-view {
        /*width:calc(100% - 30px);*/
    }
    .rsts-skin-default.rsshadow img {
        margin: 30px;
        width: calc(100% - 60px);
    }


    #main .statement,
    #main .textimg.textimgbk div.statement .hl2 {
      font-size: var(--ka-tablet-statement-font-size);
      line-height: var(--ka-tablet-statement-line-height);
    }
    #main .textimg.textimgbk.kids .box {
      background: rgba(255,255,255,0.8);
    }

    #main .textimg.textimgbk.kids .box .headline,
    #main .textimg.textimgbk.kids .box .text,
    #main .textimg.textimgbk.kids .box .buttons {
      padding: 0px 50px 30px 50px;
    }

    #main .mod_newslist .news-entry.col4 {
      width: calc(50% - 15px);
      margin: 0 0 40px 0;
    }

    #main .textimg.boxed {
      margin: 0px 0;
      padding: 0px 0 0 0;
    }

    #main .textimg .imgblock,
    #main .textimg .textblock {
      width:100%;
      padding: 0px 0 0 0; /*BG010521 40px --> 0*/
    }

    #main .textimg .textblock {
      padding: 40px 0 20px 0;
    }

    #main .textimg.boxed .headline,
    #main .textimg.boxed .text,
    #main .textimg.boxed .button,
    #main .textimg.boxed .ce_accordion,
    #main .textimg .headline,
    #main .textimg .text,
    #main .textimg .button,
    #main .textimg .ce_accordion .ce_accordion {
      /*
      padding-left: 80px;
      padding-right: 80px;
      */
    }

    #main .textimg .left .headline,
    #main .textimg .left .text,
    #main .textimg.bigtext .left .text,
    #main .textimg .left .button,
    #main .textimg .left .ce_accordion,
    #main .textimg .quote {
      /*
      padding-right: 80px;
      padding-left: 80px;
      */
    }
    #main .textimg .right .headline,
    #main .textimg .right .text,
    #main .textimg .right .button,
    #main .textimg .right .ce_accordion,
    #main .textimg .quote {
      /*
      padding-left: 80px;
      padding-right: 80px;
      */
    }

    #main .textimg.textxcols .headline,
    #main .textimg.textxcols .text,
    #main .textimg.textxcols .button,
    #main .textimg.textxcols .ce_accordion {
      padding-left: 0px;
      padding-right: 0px;
    }

    section.kaimgs .images.cnt_3 .image {
      width: calc(33.3% - 12px);
    }

    section.textbk div.left {
      justify-content: flex-start;
      width: calc(50% - 40px);
      margin: 0 20px 0 20px;
    }

    section.textbk div.right {
      justify-content: flex-start;
      width: calc(50% - 20px);
      margin: 0 0 0 20px;
    }

    section.textbk .text h3 {
      font-size: 16px;
      line-height: 20px;
    }

    #main .textimg .swiper-slide {
      min-height:150px;
    }

    #main .textimg .textblock,
    #main .textimg.scalimg .left .flexcontainer .textblock {
        /* Elemenete vertauschen */
      order: 2;
    }
    #main .textimg .imgblock,
    #main .textimg.scalimg .left .flexcontainer .imgblock {
        /* Elemenete vertauschen */
      order: 1;
      margin-bottom: 0px;
    }
    #main .textimg.boxed.gray .textblock {
      min-height:100px;
    }

    section.kafilter {
      width: calc(100% - 40px);
      margin: 20px auto;
    }

    section.kaslider1 {
      margin: 20px 0 0 0;
    }

    section.kaslider1.img1.part .swiper-slide {
        max-width: 100%;
    }

    section.kaslider1.img3.part {
      min-height: 580px;
    }

    section.kaslider1.img3.part .swiper-slide {
      max-width: 600px;
    }

    section.kaslider1.img3.part .swiper-slide .textblock {
      padding: 50px 50px 20px 50px;
    }

    section.kaslider1 .textblock .text {
      font-size:var(--ka-tablet-font-size);
      line-height:var(--ka-tablet-line-height);
    }

    .limit1200 section.kaslider1 .swiper-button-prev {
        left: 30px;
    }
    .limit1200 section.kaslider1 .swiper-button-next {
        left: calc(100vw - 50px);
    }

    section.kaslider1.img1.part .swiper-button-next {
      left: calc(100% - 80px);
    }

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

    section.kaimgs .images.cnt_4 .image {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    section.kontakt .ce_accordion .accordion .w100 {
      flex-direction: column;
    }

    #footer .line2,
    #footer .line3 {
      width: calc(100% - 0px);
      padding: 40px 0px 40px 0px;
    }

    #footer .line2 .inside {
      padding: 0;
      width: 100%;
    }

    #footer .line2 .socials .boxw {
      position: relative;
      transform: translate(-50%, 0%);
    }

    #footer .line3 .inside {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 40px;
      grid-row-gap: 40px;
    }
    #footer .line3 .mod_footer_navi ul {
      flex-wrap: wrap;
    }
    #footer .line3 .inside nav {
      height: 100%;
    }
}


/* ****************************************************************************************************************** */
/* --- max-width: 800px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 800px) {
    #header {
      /*background-image:url('/files/intern/header/');*/
    }
}


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

@media only screen and (max-width: 600px) {
  :root {
    --ka-font-size:16px;
    --ka-line-height:20px;
  }

  body,
  li {
    font-size: var(--ka-mobile-font-size);
    line-height: var(--ka-mobile-line-height);
  }

  .mod_breadcrumb,
  #header .socials .text {
    display: none;
  }


  #header  {
    height:37px;
  }

  #header #HeaderLogo,
  #header #HeaderLogo2 {
    position: relative;
    top:6px;
    left: 6px;
    width: 80px;
  }
  #header.small #HeaderLogo,
  #header.small #HeaderLogo2 {
    top:0px;
    left: 0px;
    width: 37px;
    height:37px;
  }
  #header.small #HeaderLogo a,
  #header.small #HeaderLogo img {
    position: relative;
    width: 37px;
    height:37px;
  }

  #header #HeaderLogo a,
  #header #HeaderLogo2 a {
    width: 100%;
    height: 100%;
  }
  #header.small #HeaderLogo img {
    content: url('/files/intern/header/ekweende-logo-bildmarke.svg');
  }
  #navmobil {
    top:5px;
    left: 50%;
    transform: translateX(-50%);
  }

  #header .menutop li:nth-last-child(1) strong,
  #header .menutop li:nth-last-child(1) a,
  #header .menutop li:nth-last-child(2) strong,
  #header .menutop li:nth-last-child(2) a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    width: 37px;
    height: 37px;
    content: "";
    text-indent: -9999px;
    padding: 0;
  }
  #header .menutop li:nth-last-child(1) strong,
  #header .menutop li:nth-last-child(1) a {
    background-image: url('/files/intern/header/notfall-mobile.svg');
    /*display:none;*/
  }
  #header .menutop li:nth-last-child(2) strong,
  #header .menutop li:nth-last-child(2) a {
    background-image: url('/files/intern/header/kontakt-mobile.svg');
    /*display:none;*/
  }

  #header .socials {
    top: 10px;
    right: 10px;
  }
  #header .socials .links a {
    margin: 0 4px;
  }

  #banner .rsts-slide > div .textblock {
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
    text-align: center;
    z-index: 953;
    width: 240px;
  }
  section.bannertext {
    bottom: 25%;
    left: 50%;
  }
  #banner h1.headline {
      font-size:26px;
      line-height: 30px;
  }
  #banner h3.headline2 {
      font-size:14px;
      line-height: 18px;
  }

  #banner .textimg.textmr .textblock,
  #main .textimg.textmr .textblock {
    padding: 0;
    width: 100%;
  }

  section.quicklinks .col66,
  section.quicklinks .col50,
  section.quicklinks .col33,
  section.quicklinks .col20,
  section.quicklinks .linksblock.col33 {
    padding-top: 10px;
  }


  #banner .rsts-slide > div .right .image_container img {
    object-position: 100% center;
  }

  #banner .rsts-slide > div .left0 .image_container img {
    object-position: 0% center;
  }
  #banner .rsts-slide > div .left20 .image_container img {
    object-position: 20% center;
  }
  #banner .rsts-slide > div .left40 .image_container img {
    object-position: 40% center;
  }
  #banner .rsts-slide > div .left60 .image_container img {
    object-position: 60% center;
  }
  #banner .rsts-slide > div .left80 .image_container img {
    object-position: 80% center;
  }
  #banner .rsts-slide > div .left100 .image_container img {
    object-position: 100% center;
  }

  .rsts-skin-default .rsts-prev,
  .swiper-button-prev,
  section.kaslider1 .swiper-button-prev,
  section.kaslider1.img1.part .swiper-button-prev,
  #main .textimg .swiper-button-prev,
  section.ekwarztlist .swiper-button-prev {
    left: 0;
  }

  .rsts-skin-default .rsts-next,
  .swiper-button-next,
  section.kaslider1 .swiper-button-next,
  section.kaslider1.img1.part .swiper-button-next,
  #main .textimg .swiper-button-next,
  section.ekwarztlist .swiper-button-next {
    right: 0;
  }

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

  #banner {
    min-height: 200px;
  }


  .home #bannerimage,
  .home #banner #bannerimage .rsts-slide > div,
  .home #banner #bannerimage .rsts-main,
  #bannerimage,
  #bannerimage .prev-video-container,
  #bannerimage .prev-video-container video,
  #banner #bannerimage .rsts-slide > div,
  #banner #bannerimage .rsts-main,
  #bannerimage img {
    min-height: calc(25vh - 0px) !important;
    max-height: calc(25vh - 0px) !important;
  }

  .home #bannerimage,
  .home #banner #bannerimage .rsts-slide > div,
  .home #banner #bannerimage .rsts-main,
  .home #banner #bannerimage .rsts-slide > div,
  .home #banner #bannerimage .rsts-main,
  .home #bannerimage img {
    min-height: calc(66vh - 0px) !important;
    max-height: calc(66vh - 0px) !important;
  }

  #bannerimage .headerbox,
  #bannerimage .headerbox h2,
  #bannerimage .textbox {
    font-size: 18px;
    line-height: 22px;
  }

  #header .kontakt {
      display: none;
  }


  .mobile_menu .mod_navigation a,
  .mobile_menu .mod_navigation li span,
  .mobile_menu .mod_navigation li.active strong,
  .mobile_menu .mod_customnav a,
  .mobile_menu .mod_customnav li span,
  .mobile_menu .mod_customnav li.active strong {
    font-size:18px;
    line-height: 24px;
  }

  .coloredslogan {
      top:0;
  }

  .coloredslogan h2,
  #footer .mod_footer_colortext {
      font-size: 20px;
      line-height: 23px;
  }
  .coloredslogan.distleft40,
  .coloredslogan.distright10.col33 {
    left:25%;
    width:75%;
  }

  #container {
    /*padding-top: 0;*/
    padding-top: 0;
    /*transition: margin-top 250ms linear;*/
  }

  td * {
    font-size: 10px;
  }

  #main .inside {
    width:100%;
    margin-right:0;
    margin-left:0;
    padding-right:0;
    padding-left:0;
    width:calc(100% - 0px);
  }

  .limit1600,
  .limit1400, #main section.textimg.bigtext,
  section.textbk .limit1400int,
  section.textxcols .limit1400int,
  #main section.textxcols .limit1400int,
  body.colright #container,
  #main section.slogan,
  .center, .boxdarkblue.center,
  .boxmiddleblue.center,
  .boxwhite.center,
  .boxgrey.center,
  /*.mod_breadcrumb,*/
  #main section.textbk,
  #main section.quicklinks,
  #main section.chefarzt .inside,
  #main section.team .inside,
  #main section.imagelinks,
  #footer .line1 .inside,
  #footer .line2 .inside,
  #footer .line3 .inside {
    padding-left: var(--ka-mobile-border);
    padding-right: var(--ka-mobile-border);
    width: calc(100% - 2 * var(--ka-mobile-border));
  }

  #main .statement, #main .textimg.textimgbk div.statement .hl2 {
    font-size: var(--ka-mobile-statement-font-size);
    line-height: var(--ka-mobile-statement-line-height);
    max-width: 85%;
  }

  #main .limit1600 .ce_headline.statement {
    padding-left:20px;
  }

  body.colright #main {
    position: relative;
    margin: 0;
    box-shadow: 0 0 0 var(--ka-shadow-color);
  }

  body.colright #main .inside {
    margin: 20px 0px 40px 0px;
    width: calc(100% - 0px);
  }

  div.limit1600 h2.ce_headline.limit1400 {
    padding-left:40px;
  }

  h1,
  body.home h1,
  body.home .boxgreen h1 {
    font-size:30px;
    line-height: 36px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  h1.long,
  body.home h1.long,
  body.home .boxgreen h1.long {
    font-size: 24px;
    line-height: 28px;
  }

  h2,
  body.home  h2 {
    font-size:26px;
    line-height:30px;
  }
  body.home .mod_newslist h1 {
    font-size:18px;
    line-height:20px;
  }
  h3 {
    font-size:22px;
    line-height:26px;
  }
  h4,
  #main .textimg h4 {
    font-size:17px;
    line-height:21px;
  }
  #banner .mod_newslist .news-blog.col3 .blogtext h4 {
    font-size:36px;
    line-height:40px;
  }
  h6 {
    font-size:24px;
    line-height:28px;
  }

  body #banner .bigtext p, body .bigtext, body #main .bigtext p {
    font-size: var(--ka-mobile-font-size);
    line-height: var(--ka-mobile-line-height);

  }

  .limit1000 {
    padding-left: var(--ka-mobile-border3);
    padding-right: var(--ka-mobile-border3);
    width: calc(100% - 2 * var(--ka-mobile-border3));
  }

  fieldset.checkbox_container,
  fieldset.checkbox_container label {
      width:100%;
      max-width:100%;
      margin-right:0;
      margin-left:0;
  }

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

  .col25,
  .col25m,
  .col33,
  .col33m,
  .col45,
  .col45m,
  .col45mr,
  .col50,
  .col50m,
  .col50mr,
  .col66,
  .startbox,
  .startbox50,
  .prodlink,
  .col33line,
  .col50line,
  .col66line,
  .flink div.linkimg,
  #main .ce_youtube.col50,
  #main .ce_youtube.col50m {
      margin-right:0;
      margin-left:0;
      padding-right:5px;
      padding-left:5px;
      width: calc(100% - 10px);
      /*height:100% !important;*/
  }

  .left,
  .right,
  #main .textimg.boxed .left,
  #main .textimg.boxed .right,
  #main .textimg .imgblock,
  #main .textimg.boxed,
  #main .textimg.boxed .textblock,
  section.kaimgs .textblock,
  section.slogan .slinside .left,
  section.slogan .slinside .right,
  section.kaslider1.img1.grey .left.col33,
  section.textxcols .box2col .cols.cnt_2 .column {
      margin-right:0;
      margin-left:0;
      padding-right:0px;
      padding-left:0px;
      width: 100%;
      height:100% !important;
  }

  #main .textimg.boxed .textblock {
      /*padding-top: 0;*/
  }


  .dist100 {
      height: 40px;
  }
  .dist50 {
      height: 25px;
  }
  .dist25,
  .dist30 {
      height: 20px;
  }

  body.home #main .textimg.bigtext .left .headline,
  body.home #main .textimg.bigtext .left .text,
  body.home #main .textimg.bigtext .left .button,
  body.home #main .textimg.bigtext .left .ce_accordion,
  body.home #main .textimg.bigtext .quote {
    padding: 0;
  }

  body.home #main .textimg.bigtext .flexcontainer {
    align-items: flex-start;
    justify-content: flex-start;
  }
  body.home #main .textimg.bigtext .flexcontainer .imgblock {
    align-items: flex-start;
    margin: 10px 0 0 0;
    order:2;
  }
  body.home #main .textimg.bigtext .flexcontainer .imgblock img.image {
    max-width: 200px;
  }
  body.home #main .textimg.bigtext .imgblock img.logo {
    max-height:50px;
  }

  .ce_gallery ul.cols_3 li,
  .ce_gallery ul.cols_4 li,
  .ce_gallery ul.cols_5 li,
  section.kaimgs .images.cnt_4 .image {
      width: calc(50% - 10px);
      margin-bottom: 10px;
      padding: 0 5px;
  }


  .ce_gallery ul.cols_4 li,
  .ce_gallery ul.cols_5 li,
  .ce_gallery ul.cols_6 li {
      padding-left: 2px;
      padding-right: 2px;
      margin-bottom: 4px;
      width: calc(25% - 4px);
  }
  .ce_gallery ul.cols_6 li {
      width: calc(33.3% - 4px);
  }
  .ce_gallery ul.cols_7 li {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px;
      width: calc(25% - 10px);
  }

  .ce_gallery.masonry ul,
  .ce_gallery.masonry ul.cols_2,
  .ce_gallery.masonry ul.cols_3,
  .ce_gallery.masonry ul.cols_4,
  .ce_gallery.masonry ul.cols_5,
  .ce_gallery.masonry ul.cols_6 {
          column-count: 2;
  }

  .rsts-skin-default.rsshadow.limit900 {
    width: calc(100% - 0px);
  }
  .rsts-skin-default.rsshadow h3 {
    margin-top: 0;
  }


  .news-blog.col2 {
    width: calc(100% - 0px);
  }
  .news-blog.col2 .blogtext {
    width: calc(100% - 0px);
    margin: 5px 0 0 0;
  }

  .news-entry.col3 .news-text {
      /*padding: 30px 30px 30px 30px;*/
      padding: 20px 20px 20px 20px;
  }
  .news-entry.col3 .rightblock .sameline1 p.more,
  .news-entry.col3 .rightblock .sameline1 ul.enclosure {
      margin: 10px 30px 0 0;
  }
  .news-entry.col3 .news-text p,
  .news-entry.col3 .news-text p a,
  .news-entry.col3 .news-text ul.enclosure a {
      font-size: 14px;
      line-height: 20px;
  }

  .mod_newslist {
      /*
      -moz-column-count: 1;
    	-moz-column-gap: 20px;
    	-webkit-column-count: 1;
    	-webkit-column-gap: 20px;
    	column-count: 1;
    	column-gap: 20px;
      */
  }
  #main .mod_newslist,
  #nocolumns .mod_newslist {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }

  .ce_text.limit1400 figure.image_container.kimg.float_left {
      width: 100%;
      max-width: 100%;
  }

  .blogdetails .blogimage {
      min-height: 300px;
  }

  #main .mod_newslist .news-blog.col3,
  #main .mod_newslist.forcecol3 .news-entry.col4 {
      width:100% !important;
  }

  #main .textimg .right > .flexcontainer .textblock {
      /*order: 1;*/
  }
  #main .textimg .right > .flexcontainer .imgblock {
      /*order: 2;*/
  }

  #main .textimg.scalimg .left .flexcontainer .textblock {
      /* Elemenete vertauschen */
      order: 2;
  }
  #main .textimg.scalimg .left .flexcontainer .imgblock {
      /* Elemenete vertauschen */
      order: 1;
  }

  #main .textimg .left .headline,
  #main .textimg .left .text,
  #main .textimg .right .headline,
  #main .textimg .right .text,
  #main .textimg .left .button,
  #main .textimg .right .button,
  #main .textimg .left .ce_accordion,
  #main .textimg .right .ce_accordion,
  #main .textimg .quote,
  #main .textimg .left .headline,
  #main .textimg .left .text,
  #main .textimg.bigtext .left .text,
  #main .textimg .left .button,
  #main .textimg .left .ce_accordion,
  #main .textimg .quote,
  section.kamitglieder {
      padding-left: 20px;
      padding-right: 20px;
  }
  #main .textimg .textblock {
      /*margin-top: 15px;*/
  }
  #main .textimg.scalimg .bottomblock {
      display: none;
  }

  .news-entry.col3 .news-image {
      /*display: none;*/
  }
  .news-entry.col3 .news-text {
      /*width: 100%;*/
  }

  .text2col .textblock.right {
      text-align:left;
  }
  .bildlink .image {
      width: calc(50% - 12px);
  }
  #cboxCurrent {
    bottom:5px !important;
    top: auto;
    right:10px;
  }

  .flexcontainer.space-between {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #main a, #main .button a,
  #main .textimg .button a {
    float: none;
    clear: both;
  }

  #main .textimg .boxw {
    min-height:100%;
  }

  #main .textimg.boxed,
  #main .mod_newslist {
    margin: 20px 0;
  }


  section.textbk.col2 div.li section.textbk.col2 .text,
  section.textbk.col2 .text * {
    font-size: 18px;
    line-height: 24px;
  }

  section.textbk div.left {
    width: calc(100% - 0px);
    margin: 0 0px 20px 0px;
    order:2;
  }

  section.textbk div.right {
    width: calc(100% - 0px);
    margin: 0 0px 0px 0px;
    order:1;
  }

  section.textbk.noorder div.left {
    order:1;
  }

  section.textbk .text h3 {
    font-size: 16px;
    line-height: 20px;
  }

  section.textbk.col2 div.left,
  section.textbk.col2 div.right {
    margin:0 0 20px 20px;
  }

  section.kaimgs .images .box .textbox {
    font-size: 8px;
    line-height: 10px;
  }

  #main .textimg.textimgbk.kids div.statement {
    top: 0px;
  }

  section.textbk.white div.left {
    width: calc(100% - 0px);
  }

  #main .textimg.textimgbk.kids .box {
    width: calc(100% - 40px);
    margin: 140px 20px 0 20px;
    padding: 20px 0 20px 0;
    background: rgba(255,255,255,0.8);
  }

  #main .textimg.textimgbk.kids .box .headline,
  #main .textimg.textimgbk.kids .box .text,
  #main .textimg.textimgbk.kids .box .buttons {
    padding: 0px 20px 30px 20px;
  }

  section.textxcols .box2col .cols.cnt_3 .column,
  section.textxcols .box2col .cols.cnt_4 .column,
  #main .mod_newslist .news-entry.col4 {
    width: 100%;
    margin-bottom: 30px;
  }

  section.textbk .limit1600.flexcontainer {
    /*flex-direction: column-reverse;*/
  }

  section.kaimgs {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  section.textbk div.right {
    width: 100%;
    margin: 0 0 20px 0px;
    justify-content: left;
    align-items: flex-start;
  }

  section.textxcols .box2col .cols {
    flex-direction:column;
    flex-wrap: nowrap;
  }

  section.kaslider1 .swiper-container {
    margin: 20px 0;
  }

  section.kaslider1.img1.grey .swiper-slide {
    max-width: 100%;
  }

  section.kaslider1.img1.grey .swiper-slide > .flexcontainer {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  section.kaslider1.img1.grey .left.col33 {
    border-right: 0px;
    border-bottom: 3px solid var(--ka-border-partner);
  }
  section.kaslider1.img1.grey .swiper-button-prev {
    left:calc(100% - 70px);
  }
  section.kaslider1.img1.grey .swiper-button-next {
    left:calc(100% - 40px);
  }

  section.kaslider1.img3.part {
    min-height: 510px;
  }

  section.kaslider1.img3.part .swiper-slide .textblock {
    padding: 20px 40px 40px 40px;
  }

  section.kaslider1.imglogo .swiper-slide .row1 {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  #main .textimg .swiper-button-prev,
  #main .textimg .swiper-button-next,
  section.kaslider1 .swiper-button-prev,
  section.kaslider1 .swiper-button-next,
  .swiper-button-prev,
  section.kamitglieder .swiper-button-prev,
  section.kaslider1 .swiper-button-prev,
  section.kaslider1.img1.part .swiper-button-prev,
  #main .textimg .swiper-button-prev,
  .swiper-button-next,
  section.kamitglieder .swiper-button-next,
  section.kaslider1 .swiper-button-next,
  section.kaslider1.img1.part .swiper-button-next,
  #main .textimg .swiper-button-next,
  section.accordionslider1 .swiper-button-prev,
  section.accordionslider1 .swiper-button-next {
    width: 32px;
    height: 32px;
  }

  section.kaslider1,
  section.kaslider1.img4.part {
    margin-bottom: 0px;
    padding-bottom: 0;
  }

  section.kaslider1.img1.part .swiper-button-prev {
    top: calc(33.3% + 20px);
    /*left:5px;*/
  }
  section.kaslider1.img1.part .swiper-button-next {
    top: calc(33.3% + 20px);
    /*left: calc(100% - 37px);*/
  }

  #main .textimg .swiper-slide {
    /*min-height: 250px;  */
  }

  section.slogan .slinside {
    flex-direction: column;
  }
  /*
  .limit1200 section.kaslider1 img {
      min-height:200px;
      object-fit: cover;
  }
  */

  section.quicklinks {
    margin: 20px 0;
  }
  section.chefarzt,
  section.team {
    padding: 20px 0;
  }

  #main section.chefarzt .grid.fr2.gap0 {
    grid-row-gap: 0;
  }

  #main section.chefarzt .arztblock img {
    width: 100%;
    object-fit: cover;
  }

  #main section.chefarzt .arztblock img {
    width: 100%;
    object-fit: cover;
  }

  #main section.chefarzt .siegellist img {
    max-width: 200px;
  }

  #main section.chefarzt .arztblock .text {
    padding: 20px 20px 20px 20px;
  }

  section.quicklinks.boxorange > .boxw {
    flex-direction: row;
  }
  section.quicklinks.boxorange .col60 {
    width: 90%;
    padding: 0;
  }
  section.quicklinks.boxorange .col30 {
    width: 100%;
    padding: 0;
  }

  /*
  section.counterlinks .boxblock .box {
    flex-direction: column;
  }
  section.counterlinks .boxblock .box .textblock {
    width: calc(100% - 0px);
  }
  */
  section.counterlinks {
    margin: 0 auto;
  }
  section.counterlinks .boxblock .box {
    margin: 0;
  }
  section.counterlinks .boxblock .box .image_container img {
    width: 32px;
  }

  section.counterlinks .boxblock .box .textblock h2.zahl {
    font-size: 24px;
    line-height: 26px;
  }

  section.counterlinks .boxblock .box .textblock h3.headline {
    font-size: 19px;
    line-height: 22px;
  }
  section.counterlinks .boxblock .box {
    padding: 20px 15px 30px 20px;
  }

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

  section.counterlinks .boxblock .box {
    width: calc(100% - 0px);
    margin: 0 0 20px 0;
  }
  section.counterlinks .boxblock .box .image_container {
    padding: 5px;
    width: 40px;
    height: 40px;
  }

  section.accordionslider1 .teaserlist {
    display: flex;
  }

  section.accordionslider1 .teaserlist .teaser {
    border: 1px solid var(--ka-border);
    width: 20%;
    overflow: hidden;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    background: linear-gradient(90deg, #fff, #f6f7f7);

  }
  section.accordionslider1 .teaserlist .teaser.selected {
    border: 2px solid var(--ka-border-green);
    border-bottom: none;
    background: #fff;
    width: 60%;

  }

  section.accordionslider1 .teaserlist .teaser a {
    border: 0px solid var(--ka-border);
    margin: 0;
    padding: 8px 0 8px 8px;
    white-space: nowrap;
    background-image: none !important;
  }

  section.accordionslider1 .leftblock,
  section.accordionslider1 .rightblock {
    width: 100%;
  }

  section.accordionslider1 .rightblock {
    margin: 20px 0 0 0;
  }

  section.accordionslider1 .swiper-button-next,
  section.accordionslider1 .swiper-button-prev {
    display: block;
    display: none;
  }

  section.accordionslider1 .swiper-button-next {
    right: 0;
  }
  section.accordionslider1 .swiper-button-prev {
    left: 0;
  }

  section.accordionslider1.limit1400 .swiper-button-next {
    right:calc(-1 * var(--ka-mobile-border));
  }
  section.accordionslider1.limit1400 .swiper-button-prev {
    left: calc(-1 * var(--ka-mobile-border));
  }

  #main section.slogan {
    width: 100%;
    padding: 150px 0 0 0;
    min-height: 350px;
    align-items: flex-end;
    /*background-position: center right;*/
  }
  #main section.slogan h2.headline {
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 0;
  }

  #main section.slogan.left0 {
    background-position: 0% center;
  }
  #main section.slogan.left20 {
    background-position: 20% center;
  }
  #main section.slogan.left40 {
    background-position: 40% center;
  }
  #main section.slogan.left60 {
    background-position: 60% center;
  }
  #main section.slogan.left80 {
    background-position: 80% center;
  }
  #main section.slogan.left100 {
    background-position: 100% center;
  }

  #main section.slogan .textblock .boxheadline,
  #main section.slogan .textblock .boxtext {
    background-color: rgba(255,255,255,0.8);
  }

  section.chefarzt .textblock .buttons,
  section.team .textblock .buttons {
    flex-direction: column;
  }
  #main section.chefarzt .siegellist {
    margin: 50px 0 0 0;
  }
  #main section.chefarzt .siegellist .siegel {
    padding: 10px;
  }

  section.quicklinks .boxw.flexcontainer {
    flex-direction: row;
  }

  section.kaslider1.img3.part .swiper-slide,
  section.kaslider1.img3.part .swiper-slide.swiper-slide-active,
  section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active,
  section.kaslider1.img3.part .swiper-slide.swiper-slide-prev,
  section.kaslider1.img3.part .swiper-slide.swiper-slide-next {
    border: 0px solid var(--ka-border-slider);
    box-shadow: 0 0px 0px 0 rgb(0 0 0 / 5%);
    opacity: 1;
    max-width:100%;
    padding: 0;
    margin: 0;
  }
  section.kaslider1.img3.part .swiper-slide .textblock {
    padding: 20px 20px 20px 20px;
    width: calc(100% - 40px);
  }
  section.kaslider1.img3.part .swiper-slide .imgblock {
    padding: 0 20px;
    width: 50%;
  }

  section.kaslider1.img4.part .swiper-slide {
    max-width:100%;
  }

  section.stepinside, section.stepinside.textleft,
  section.stepinside .bkimage, section.stepinside .bkimage img {
    min-height: 500px;
  }

  .limit1200 section.kaslider1.img3.part .swiper-button-prev,
  .limit1200 section.kaslider1.img3.part .swiper-button-next {
    top:60px;
  }
  .limit1200 section.kaslider1 .swiper-button-prev {
    left:10px;
  }
  .limit1200 section.kaslider1 .swiper-button-next {
    left: calc(100vw - 60px);
  }

  section.img2text.imgfittop .boxw .imgblock .swiper-wrapper .swiper-slide img {
    object-position: center top;
  }

  section.stepinside.textleft .textblock2 .limit1400.flexcontainer {
    height: auto;
    justify-content: flex-start;
    padding-bottom: 0px;
  }

  section.stepinside.textleft .textblock2 .left,
  section.stepinside.textleft .textblock2 .right {
    justify-content:flex-start;
    width: calc(100% - 0px);
    height: auto !important;
    padding: 20px 0;
    min-height: 100px;
  }

  #main .textimg.scalimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ce_accordion .accordion {
    padding: 15px 20px 25px 20px;
  }

  section.kontakt .ce_accordion .accordion .w100 {
    flex-direction: column;
  }
  section.kontakt .ce_accordion .accordion .imgblock {
    display: grid;
    margin: 0 0 0 20px;
    max-width: calc(100% - 40px);
}

  .widget {
      padding: 0 5px 0 5px;
  }
  .widget-text {
      display: flex;
      flex-wrap: wrap;
  }
  .widget-text label {
      /* Elemenete vertauschen */
      order: 2;
  }
  .widget-text input {
      /* Elemenete vertauschen */
      order: 1;
  }

  .widget-textarea {
      margin-top: 15px;
  }

  .widget-radio legend {
      max-width: 33%;
  }

  .widget-textarea label,
  .widget-captcha label,
  .widget-text label,
  .widget-password label,
  .widget-radio legend,
  .select label {
      float:none;
      font-size: 14px;
  }

  input.text,
  input.password,
  input.captcha,
  textarea,
  .submit,
  fieldset.checkbox_container {
      margin-right:0;
      margin-left:0;
      padding:0 5px 0 5px;
      width:calc(100% - 10px);
      max-width:calc(100% - 10px);
  }
  fieldset.checkbox_container {
      margin-right:0;
      margin-left:0;
      padding-right:0;
      padding-left:0;
      width:calc(100% - 0px);
      max-width:calc(100% - 0px);
  }
  fieldset.checkbox_container, fieldset.checkbox_container label,
  fieldset.checkbox_container, fieldset.checkbox_container label a {
      font-size: 14px;
      line-height: 18px;
  }
  .submit {
      margin:15px 0 0 0;
      padding:10px 0 10px 0;
      width:calc(100% - 0px);
      max-width:calc(100% - 0px);
  }
  .bildlink .image.nr5,
  .bildlink .image.nr6,
  .bildlink .image.nr7,
  .bildlink .image.nr8,
  .bildlink .image.nr9,
  .bildlink .image.nr10 {
      display:none;
  }
  .bildlink .linkbox a {
      padding:12px 30px;
      font-size:20px;
  }
  .ce_video iframe {
      max-width: calc(100% - 4px);
  }

  .boxwhite.shadow {
      width: calc(100% - 0px);
      margin: 0;
  }

  .ce_form.limit1000 {
      padding: 0;
      width: calc(100% - 20px);
  }

  #main fieldset.checkbox_container label a {
      font-family: var(--ka-font-family);
      font-weight: 400;
      letter-spacing: 0.025em;
      font-size: 13px;
      text-transform: none;
  }
  .widget {
    flex-direction: column;
  }
  .widget-textarea label,
  .widget-captcha label,
  .widget-text label,
  .widget-password label,
  .widget-radio legend,
  .widget-checkbox legend,
  .select label {
    float:none;
    width: 100%;
  }

  section.ekwarzt .swiper-slide.lebenslauf .station .grid {
    grid-template-columns: auto;
    grid-column-gap: 5px;
    grid-row-gap: 0px;
    margin: 0 0 5px 0;
  }

  body.colright #container #columns {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 40px;
  }

  #main fieldset.checkbox_container span {
      display: block;
      padding-right: 6px;
      margin: 0 0 0 0px;
  }

  .mod_search .formbody,
  .mod_search .widget {
    flex-direction: column;
    /*align-items: flex-start;*/
    justify-content: flex-start;
    padding: 0;
  }

  .mod_search input.text {
    width: 100%;
    max-width: 100%;
  }

  .mod_search .widget-submit {
    margin: 20px 0 5px 0;
  }
  .mod_search .submit {
    margin: 0;
  }

  .grid.fr2,
  .grid.fr3,
  .grid.fr4,
  .grid.fr5,
  .grid.fr2.gap0,
  .grid.fr3.gap0,
  .grid.fr4.gap0,
  .grid.fr2.gap1,
  .grid.fr3.gap1,
  .grid.fr4.gap1,
  .grid.fr2.gap20,
  .grid.fr3.gap20,
  .grid.fr4.gap20,
  .grid.fr2.gap40,
  .grid.fr3.gap40,
  .grid.fr4.gap40,
  .grid.fr2.gap60,
  .grid.fr3.gap60,
  .grid.fr4.gap60,
  .grid.fr12.gap20,
  .grid.fr12.gap40,
  .grid.fr12.gap60,
  .grid.fr21.gap20,
  .grid.fr21.gap40,
  .grid.fr21.gap60 {
    /*
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    */
    display: flex;
    flex-direction: column;
  }

  section.imagelinks .images div.link {

  }

  .news-aktuelles .aktuellestext {
    padding: 20px 10px 20px 10px;
    width: calc(100% - 20px);
  }

  #footer {
      /*height:80px;*/
      display: inline-block;
  }
  #footer .inside {
      padding-right:0px;
      padding-left:0px;
      padding-bottom: 20px;
      width:calc(100% - 0px);
  }

  #footer .line2 div#FooterLogo,
  #footer .line2 .awardssocials {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 0 0 0;
  }
  #footer .line2 div#FooterLogo,
  #footer .line2 div#FooterLogo .text {
    align-items: center;
    padding: 0;
  }

  #footer .line2 .socials .boxw {
    flex-direction: column;
    max-width: 100%;
    background-color: #b1d7be;
  }
  #footer .line2 .socials .boxw .textblock {
    width: 100%;
    text-align: center;
  }
  #footer .line2 .socials .boxw .links {
    margin: 10px 0 5px 0;
  }

  #footer .line1 .inside .weendervisite {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 40px;
  }
  #footer .line1 .inside .weendervisite img {
    margin: 0 10px 0 10px;
    max-width: 75%;
  }

  #footer .line3 {
    position: relative;
  }

  #footer .line3 div#FooterLogo {
    left: 0;
    /*transform: translate(-50%, 0%);*/
  }

  #footer .line3 .inside {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    text-align: center;
  }

  .safari #footer .line3 .inside {
    display: block;
  }

  #footer .line3 .termin .links,
  #footer .line3 .termin .links * {
    text-align: center;
    justify-content: center;
  }

  #footer .line2 .kontakt,
  #footer .line2 .mod_footer_navi,
  #footer .line2 .awardssocials {
    width: calc(50% - 20px);
    max-width: 50%;
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 20px 0 0;
  }

  #footer .line2 li {
    text-align: left;
  }

  #footer .line3 .links {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
  }

  #footer .line3 .links a {
    display: flex;
    width: calc(100% - 2 * var(--ka-mobile-border));
    text-align: left;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 359px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 360px) {
    #header .bookatable a {
        font-size: 12px;
    }
}

/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */

/* ****************************************************************************************************************** */
/* --- menu-mobile -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

@media only screen and (max-width: 5000px) {
    /*
    #header {
        height: 110px;
    }
    */

    #navmobil img {
      width: 32px;
      height: 32px;
    }
    .fa-navicon:before,
    .fa-reorder:before,
    .fa-bars:before {
      content: '' !important;
    }

    .mobile_menu_overlay {
      z-index: 992;
    }
    .mobile_menu {
      /*position: relative;*/
      width:100%;
      z-index: 993;
    }

    .mobile_menu a:hover {
      padding-bottom: 0px;
      border-bottom: 0;
      line-height: 0;
    }


    .mobile_menu #HeaderLogo2 {
      position: absolute;
      top:15px;
      left:50%;
      transform: translate(-50%, 0%);
      width: 80px;
      max-width: 20%;

      display: none;
    }

    .mobile_menu .kontakt {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      /*
      position: absolute;
      left:0;
      bottom: 30px;

      */
      width:100%;
      text-align: center;
      margin: 20px 0 10px 0;
    }

    .mobile_menu .mobileclose {
      position: absolute;
      top:20px;
      right: 20px;
      display: block;
      width: 20px;
      height: 20px;
    }

    .mobile_menu .inner {
      position: relative;
      height: 100%;
      background-color:#fff;
      color:var(--ka-font-color);
      font-family: var(--ka-font-family-bg);
      font-size:14px;
      /*text-transform:uppercase;*/
      z-index: 994;
      display:block;

      /*font-weight: 600;*/
      /*align-items: center;*/
      /*justify-content: center;*/
    }

    .mobile_menu .mod_navigation,
    .mobile_menu .mod_customnav {
      position: relative;
      display: block;
      margin:0;
      padding: 0;
    }
    .mobile_menu .mod_navigation ul.level_1,
    .mobile_menu .mod_customnav ul.level_1 {
      min-width: 360px;
      margin:0;
      padding:0px 0 0 0;
    }
    .mobile_menu .mod_navigation ul.level_1 {
      padding:50px 0 0 0;
    }
    .mobile_menu li.active.submenu_show > ul {
      padding-top:0px;
    }
    .mobile_menu .mod_navigation ul li,
    .mobile_menu .mod_customnav ul li {
      float:none;
      clear:both;
      margin:0;
      padding:0;
      list-style-type:none;
      width:calc(100% - 0px);
    }

    .mobile_menu .mod_navigation li span,
    .mobile_menu .mod_customnav li span {
      /*das Pfeilchen*/
      width:calc(100% - 20px);
      position:relative;
      display:block;
      font-size:18px;
      line-height: 20px;
    }

    .mobile_menu .mod_navigation a,
    .mobile_menu .mod_navigation li span,
    .mobile_menu .mod_navigation li.active strong,
    .mobile_menu .mod_navigation li.forward strong,
    .mobile_menu .mod_customnav a,
    .mobile_menu .mod_customnav li span,
    .mobile_menu .mod_customnav li.active strong,
    .mobile_menu .mod_customnav li.forward strong {
      width:100%;
      display:block;
      margin:0;
      padding:0;
      font-size:18px;
      line-height: 20px;
      text-decoration:none;
      color:#000000;
      height:auto;
      font-weight:400;
      color:var(--ka-fonthx-color);

    }
    .mobile_menu .mod_navigation li span,
    .mobile_menu .mod_navigation li.active strong,
    .mobile_menu .mod_navigation li.forward strong,
    .mobile_menu .mod_customnav li span,
    .mobile_menu .mod_customnav li.active strong,
    .mobile_menu .mod_customnav li.forward strong {
      padding:10px 20px 8px 20px;
      width:calc(100% - 40px);
      border-bottom: 1px solid var(--ka-border);
    }
    .mobile_menu .mod_navigation li.active strong,
    .mobile_menu .mod_navigation li.forward strong,
    .mobile_menu .mod_customnav li.active strong {
      color:var(--ka-bk-greenmenu);
    }
    .mobile_menu .mod_navigation a:focus,
    .mobile_menu .mod_navigation a:hover {
      /*color:#c2c2c2;*/
    }
    .mobile_menu .mod_navigation a.trail:focus,
    .mobile_menu .mod_navigation a.trail:hover,
    .mobile_menu .mod_customnav a.trail:focus,
    .mobile_menu .mod_customnav a.trail:hover {
      color:#fff;
    }
    .mobile_menu .submenu > a1::after,
    .mobile_menu .submenu > span::after {
      width:20px;
      height:20px;
      right:5px;
      position:absolute;
      display:inline-block;
      /*text-align:center;*/
      font-size:30px;
      line-height:30px;
      top:2px;
      content: '›';
    }
    .mobile_menu .submenu_show > a::after,
    .mobile_menu .submenu_show > span::after {
      text-indent:4px;
      transform: rotate(90deg);
    }
    .mobile_menu .mod_navigation li.active.submenu_show {
      padding-top: 0px;
      padding-bottom:0;
      /*border:0px solid #666;*/
    }
    .mobile_menu ul.level_2,
    .mobile_menu ul.level_3,
    .mobile_menu ul.level_4 {
      padding: 0;
      margin: 0;
    }
    .mobile_menu ul.level_2 a,
    .mobile_menu ul.level_2 span,
    .mobile_menu ul.level_2 li.forward strong,
    .mobile_menu ul.level_2 li.active strong {
      font-size:18px;
      line-height: 20px;
      background-color: var(--ka-bk-mobilemenu-lv2);
    }

    .mobile_menu ul.level_3 a,
    .mobile_menu ul.level_3 span,
    .mobile_menu ul.level_3 li.forward strong,
    .mobile_menu ul.level_3 li.active strong {
      /*
      font-size:11px;
      line-height: 12px;

      */
      background-color: var(--ka-bk-mobilemenu-lv3);
    }

    .mobile_menu ul.level_4 a,
    .mobile_menu ul.level_4 span,
    .mobile_menu ul.level_4 li.forward strong,
    .mobile_menu ul.level_4 li.active strong {
      /*
      font-size:11px;
      line-height: 12px;
      */
      background-color: var(--ka-bk-mobilemenu-lv4);
    }

    .mobile_menu .socials .hyperlink {
      width:20px;
      height:20px;
    }
    .mobile_menu ::-webkit-scrollbar {
      display:none;
    }

    .mobile_menu .mod_navigation ul.level_1 li:nth-child(1):before,
    .mobile_menu .mod_navigation ul.level_1 li:nth-child(7):after {
      background-image: none;
    }

    .mobile_menu .socials {
      position: absolute;
      bottom: 30px;
      width: 100%;
      text-align: center;
    }

    .mobile_menu .socials img {
      width: 24px;
    }


    .mobile_menu {
        display:none;
        -ms-overflow-style: none;
    // IE 10+
    overflow: -moz-scrollbars-none;
    // Firefox
    overflow-y: -moz-hidden-unscrollable;
        -moz-scrollbars-vertical:hidden;
    }


}

/* ****************************************************************************************************************** */
/* --- menu-mobile 600px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

  .mobile_menu .inner .menuleft {
    width:100%;
  }
  .mobile_menu .inner .menuright {
    display:none;
  }
  .mobile_menu ul.level_2 a,
  .mobile_menu ul.level_2 span,
  .mobile_menu ul.level_2 li.active strong {
    font-size: 18px;
    line-height: 20px;
  }
}

.youtube-krankenhaus, .content-youtube{
	position: relative;
    width: 100%;
    height: auto;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.Kontaktpersonen-text{
    overflow: hidden;
}
#article-298 a, #article-648 a{
    padding: 0;
    font-weight: 400;
    text-decoration: underline;
    transition: all 250ms linear;
    color: var(--ka-font-green);
}