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}
#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-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{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}
.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}
/* overpass-100 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100;
  src: url('/webfonts/overpass-v5-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/overpass-v5-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/overpass-v5-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/overpass-v5-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/overpass-v5-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/overpass-v5-latin-100.svg#Overpass') format('svg'); /* Legacy iOS */
}

/* overpass-200 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: url('/webfonts/overpass-v5-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/overpass-v5-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/overpass-v5-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/overpass-v5-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/overpass-v5-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/overpass-v5-latin-200.svg#Overpass') format('svg'); /* Legacy iOS */
}

/* overpass-300 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 300;
  src: url('/webfonts/overpass-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/overpass-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/overpass-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/overpass-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/overpass-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/overpass-v5-latin-300.svg#Overpass') format('svg'); /* Legacy iOS */
}

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

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

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

/* overpass-800 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 800;
  src: url('/webfonts/overpass-v5-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/overpass-v5-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/overpass-v5-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/overpass-v5-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/overpass-v5-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/overpass-v5-latin-800.svg#Overpass') format('svg'); /* Legacy iOS */
}

/* overpass-900 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 900;
  src: url('/webfonts/overpass-v5-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/webfonts/overpass-v5-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/webfonts/overpass-v5-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/webfonts/overpass-v5-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/webfonts/overpass-v5-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/webfonts/overpass-v5-latin-900.svg#Overpass') format('svg'); /* Legacy iOS */
}

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

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

    --ka-font-color:#01263a;
    --ka-font-size:15px;
    --ka-line-height:22px;
    --ka-font-family: Overpass, sans-serif;

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

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

    --ka-fonthx-color:#01263a;
    --ka-fonth2-color:#51656f;
    --ka-fonth3-color:#51656f;
    --ka-fonth4-color:#80b4c3;
    --ka-fonth5-color:#01263a;

    --ka-border-slider:#EEE;
    --ka-border-partner:#80b4c3;

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

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

    --ka-bk-boxgrey:#51656f;
    --ka-bk-boxlightgrey:#F1F1F1;
    --ka-bk-boxmiddlegrey:#D6D1CA;

    --ka-bordergrey:#D6D1CA;

    --ka-nav-color:#fff;
    --ka-nav-color-active:#01263a;

    --ka-footer-color:#fff;
    --ka-footer-bk:#51656f;
    --ka-footer-fonth3:#80b4c3;

    --ka-statement-font-size:72px;
    --ka-statement-line-height:80px;
    --ka-statement-letter-spacing:0.0em;

    --ka-desktopwidth:1600px;
    --ka-footerwidth:1600px;

}


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

html {
    scroll-behavior: smooth;
}

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 {
  font-size:var(--ka-bigfont-size);
  line-height:var(--ka-bigline-height);
  letter-spacing:0.025em;
  font-weight:200;
  hyphens: auto;
}

#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 {
    padding-top:4px;
    padding-left:17px;
}

li {
    margin:2px 0;
    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:45px;
    line-height:52px;
    font-weight:200;
    letter-spacing: 0.05em;
    text-transform:uppercase;
}
h2 {
    margin-top:5px;
    font-size:36px;
    line-height:40px;
    font-weight:200;
    letter-spacing: 0.025em;
    color:var(--ka-fonth2-color);
    text-transform:uppercase;
}
h3 {
    margin:15px 0 5px 0;
    font-size:24px;
    line-height:28px;
    font-weight:200;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    color:var(--ka-fonth3-color);
}
h4 {
    margin-top:5px;
    font-size:18px;
    line-height:24px;
    font-weight:700;
    letter-spacing: 0.1em;
    text-transform:uppercase;
    color:var(--ka-fonth4-color);
}
h5 {
    margin-top:5px;
    font-size:14px;
    line-height:18px;
    font-weight:500;
    letter-spacing:0.1em;
    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.02em;
    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.1em;
}
#main a {
  /*text-transform:uppercase;*/
  padding:0;
  font-weight: 600;
  /*letter-spacing: 0.2em;*/
  text-decoration:none;
  transition: all 250ms linear;
  white-space: nowrap;
  color:var(--ka-fonta-color);

  display: flex;
  align-items: center;

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

a:hover {
    /*
    text-decoration:none;
    border-bottom: 1px solid var(--ka-font-color);
    */
}

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: 5px;
    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: 5px;
  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 5px 0;
  padding: 0;
  width: 100%;
  vertical-align: top;
  float: none;
}

.ce_accordion {
    position: relative;
    display: flex;
    flex-direction:column;
    margin: 20px 0;
}

.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 .toggler.active {
    background-image: url('/files/intern/common/minus.svg');
}

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

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

.floatleft {
    float: left;
}

.col20 {
    width:20%;
}
.col25 {
    width:25%;
}
.col3 {
    width:30%;
}
.col33 {
    width:33.3%;
}
.col40 {
    width:40%;
}
.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;
}


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

.mw600 {
  max-width:600px;
}
.mw700 {
    max-width:700px;
}

.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 {
    height:20px;
    display:block;
}
.dist25 {
    height:25px;
    display:block;
}
.dist30 {
    height:30px;
    display:block;
}
.dist50 {
    height:50px;
    display:block;
}
.dist75 {
    height:75px;
    display:block;
}
.dist100,
.dist100desk {
    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;
}



.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,
.boxmiddlegrey {
    width:100%;
    display:block;
    padding-top:20px;
    padding-bottom:30px;

}

.boxgrey {
    background-color:var(--ka-bk-boxgrey);
}
.boxlightgrey {
    background-color:var(--ka-bk-boxlightgrey);
}
.boxmiddlegrey {
    background-color:var(--ka-bk-boxmiddlegrey);
}


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

.boxdarkblue {
    width:100%;
    display: flex;
    padding-top:20px;
    padding-bottom:100px;
    background-color:#131820;
    flex-direction:column;
    justify-content: center;
}

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

.boxdarkblue .projects {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    text-align: left;
    color: #ffffff;
}

.boxdarkblue .projects .projectlink,
.boxdarkblue .projects .ce_text {
    width: calc(50% - 10px);
}

.boxdarkblue .projects .projectlink .text,
.boxdarkblue .projects .ce_text .ktext {
    width: 66%;
}

.boxdarkblue .projects h2,
.boxdarkblue .projects div,
.boxdarkblue .projects .button a,
.boxdarkblue .ktext h2,
.boxdarkblue .ktext p {
    color: #ffffff;
    text-transform:normal;

}

.boxdarkblue .projects div.headline {
    font-size: 36px;
    line-height: 40px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-left: 0px;
}

.boxdarkblue .projects p {
    color: #999999;
}

.boxdarkblue .projects .button a {
    display: block;
    font-weight: 500;
    margin-top: 20px;
}

.boxdarkblue .headlinecolor {
    text-transform:uppercase;
    width: auto;
    min-width: 0;
    display:table;
    padding: 0;
    margin-top: 30px;
    margin-left: 0px;
    font-size: 16px;
    line-height:18px;
    font-weight: 600;
    background-image:linear-gradient(90deg,#b91509,#20549d,#23bfe4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.boxmiddleblue.center {
    display: flex;
    flex-direction:column;
    justify-content: center;
}

.boxmiddleblue.center h2,
.boxmiddleblue.center div {
    color:#ffffff;
}


.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;
    flex-direction: column;
    flex-direction: row;
    /*
    flex-wrap: wrap;

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

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

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

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

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

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.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;
}

.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: 1600px;
    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;
}

.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/slider-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/slider-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;
}

#main .mod_article .ce_text.button .ktext a {
  margin: 0 5px 10px 5px;
  min-width: 180px;
}


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

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

#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 * {
    color: var(--ka-nav-color);
    font-family: var(--ka-font-family-menu);
    font-size:14px;
    line-height: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    transition: all 1s ease-in-out;
}
/*
#header.small *,
#header2:hover *  {
    color: var(--ka-font-color);
}
*/

#header #HeaderLogo {
    position: absolute;
    left:50%;
    top:18px;
    width:190px;
    transform: translate(-50%, 0);
    z-index:+3;
}
#header #HeaderLogo a {
    position: absolute;
    top:0;
    left:0;
    width:190px;
    height: 100%;

    cursor: pointer;
}
#header.small #HeaderLogo {
    top:10px;
    width: 100px;
    height: 40px;
}
#header.small #HeaderLogo a {
    top:0px;
    width: 100px;
    height: 50px;

}

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

#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;
  letter-spacing: 0.1em;
  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 {
    top:0;
    position:relative;
    display: block;
    margin:0px 0 0px 0;
    overflow:visible;
    /*z-index:0;*/
    z-index:950;
    /*background-color:var(--ka-footer-bk);*/

}

#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%;
}
#bannerimage .startheader .rsts-crop {
    /*width:100%;*/
}

#bannerimage .textbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#bannerimage .textbox * {
    color: #ffffff;
}
#bannerimage .textbox .ce_text * {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
    text-shadow: 0px 0px 15px rgba(0,0,0,.9);
    /*
    text-shadow:
     0 1px 0 hsl(0,100%,100%),
     0 1px 0 hsl(0,100%,100%),
     0 3px 0 hsl(0,100%,100%),
     0 4px 0 hsl(0,100%,100%),
     0 5px 0 hsl(0,100%,100%),
     0 6px 1px hsl(0,100%,100%),
     0 0 5px hsl(0,0%,100%),
     0 1px 3px hsl(0,0%,100%),
     0 3px 5px hsl(0,0%,100%),
     0 5px 10px hsl(0,0%,100%),
     0 10px 10px hsl(0,0%,100%),
     0 15px 15px hsl(0,0%,100%)
     */
}

/*
div#anker::before {
    content: '';
    display: block;
    height:      50px;
    margin-top: -50px;
    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;
}

#banner .textimg .left .imgblock .box {
  padding: 30px 0 0 0;
}

#header .mod_changelanguage {
  position: absolute;
  left: auto;
  right: 330px;
  top: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0;
  transition:  top 1s ease-in-out;
}

#header.small .mod_changelanguage {
  top: 31px;
}

#header .mod_changelanguage ul {
  display: flex;
}

#header .mod_changelanguage ul li {
  margin: 0 5px;
  padding: 0 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  line-height: 15px;
}
#header .mod_changelanguage ul li * {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0;
}

#header .mod_changelanguage ul li:nth-child(1) {
  border-right: 1px solid #fff;
  padding-right: 9px;
}


/* ****************************************************************************************************************** */
/* --- 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 .verlauf {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:200px;
  /*background-image: url('/files/intern/footer/selektion-deutscher-luxushotels-schraffur-footer.svg');*/
  background: linear-gradient(0deg, rgba(1,38,58,0.5), rgba(1,38,58,0.001));
  background-position: bottom center;
  background-repeat: no-repeat;
}

#footer * {
    color: var(--ka-footer-color);
    font-size: 15px;
    font-weight: 400;
    line-height:21px;
    letter-spacing: 0.01em;

}

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

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

#footer h3 {
    color: #d4eef5;
    font-size: 14px;
    font-weight: 600;
    line-height:24px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 15px 0 15px 0;
}
#footer h6 {
    color: #d4eef5;
    font-size: 12px;
    font-weight: 500;
    line-height:18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 5px 0 15px 0;
}

#footer .line1,
#footer .line2,
#footer .line3 {
    /*width: calc(100% - 80px);*/
    width: calc(100% - 00px);
    /*max-width: calc(1400px - 80px);*/
    padding: 80px 0px 40px 0px;
    clear: both;
}
#footer .line1 {
    padding: 70px 0px 0px 0px;
}
#footer .line2 {
  padding: 120px 0px 40px 0px;
  /*border-bottom: 1px solid var(--ka-footer-color);*/
  z-index: +1;
}
#footer .line3 {
    padding-bottom: 100px;
}
#footer .line1 {
    position: relative;
    display:inline-block;
}

/*
#footer .line1 div#FooterLogo {
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    margin:50px 0;
    display:block;
}
#footer .line1 div#FooterLogo img {
    width:200px;
}
*/

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

#footer .line2 div#FooterLogo {

}
#footer .line2 div#FooterLogo > div.logo {
  display: flex;
  justify-content :center;
}
#footer .line2 div#FooterLogo img {
    width:200px;
    margin:0 0 40px 0;
}
#footer .line2 div#FooterLogo .text {
  font-size:15px;
  line-height:24px;
}

#footer .line2 #FooterLogo {
  width: 25%;
  margin-right: 120px;
}

#footer .line2 .kontakt,
#footer .line2 .mod_footer_navi,
#footer .line2 .socials2 {
  /*width: 17%;*/
}

#footer .line2 .kontakt * {

}

#footer .line2 .mod_footer_navi a,
#footer .line2 .mod_footer_navi strong,
#footer .line2 .mod_footer_navi span {
  font-size:14px;
  line-height:28px;
  letter-spacing:0.1em;
  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);
  /*
  background-color: #fff;
  color: var(--ka-fonthx-color);
  */
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15em;
  transition: all 1s
}


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

#footer .line2 .socials a img {
    width:24px;
    height: 24px;
}
#footer .line2 .socials .text,
#footer .line2 .socials .links {
    margin: 0 15px 0 0;
    float: left;
}
#footer .line2 .socials .links {
  margin-top: 50px;
  /*

  margin-left: 20px;
  */
}




#footer .line3 .links {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 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 ul {
  padding: 0;
  margin: 0;
}
#footer .line3 .mod_footer_navi li {
    float: left;
    margin-right: 30px;
}
#footer .line2 .mod_changelanguage {
  position: absolute;
  left: auto;
  right: 40px;
  top: auto;
  bottom: 40px;
}
#footer .line2 .mod_footer_navi li a,
#footer .line2 .mod_footer_navi li span {
  text-transform:initial;
}
#footer .line2 .mod_changelanguage ul {
  padding: 0;
  margin: 0;
}
#footer .line2 .mod_changelanguage li {
  float: left;
  padding: 0 5px 0 5px;
}
#footer .line2 .mod_changelanguage li:nth-child(1) {
  border-right: 1px solid #fff;
}
#footer .line2 .mod_changelanguage li a {
  padding: 0;
  margin: 0;
}
#footer .line2 .mod_changelanguage li a:hover,
#footer .line2 .mod_changelanguage li a span:hover {
  color: #ffffff;
}


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

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

}


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

/*
#footer .socials {
    position:relative;
}

#footer .socials img {
    width: 26px;
    height: 26px;
}
*/

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

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


.mod_footer_copyright {

}


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

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

    #mainnav {
        position:absolute;
        /*width: 100%;*/
        left:35px;
        top:40px;
        overflow:visible;
        display: flex;
        align-items: center;
        justify-content : flex-start;
        margin:0;
        transition:  top 1s ease-in-out;
        z-index: 992;
    }

    #header.small #mainnav {
      top: 30px;
    }

    #mainnav * {
        font-family: var(--ka-font-family-menu);
        font-size:15px;
        line-height: 15px;
        letter-spacing:0.1em;
        border-bottom:none;
        font-weight:700;
        color:var(--ka-nav-color);
        text-transform:uppercase;
    }

    #mainnav.mod_navigation li a,
    #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 strong {
        color:var(--ka-nav-color-active);
    }

    #mainnav.mod_navigation a:hover {
      text-decoration:none;
      color:var(--ka-nav-color-active);
    }

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

    #mainnav.mod_navigation ul.level_1 span.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 {
        position:relative;
        padding: 0;
        float:left;
        list-style-type:none;
    }
    #mainnav.mod_navigation li a,
    #mainnav.mod_navigation li.active strong {
        position:relative;
        float:left;
        margin:0 10px;
        padding:0;
        font-family: var(--ka-font-family-menu);
        font-size:15px;
        line-height: 15px;
        letter-spacing:0.1em;
        border-bottom:none;
        font-weight:700;
        color:var(--ka-nav-color);
        text-transform:uppercase;
        /*border-bottom:0px solid var(--ka-nav-color);*/
    }
    #mainnav.mod_navigation li.active strong,
    #mainnav.mod_navigation ul.level_1 li a:hover span {
        color:var(--ka-nav-color-active);
    }


    #mainnav.mod_navigation ul.level_1 li a,
    #mainnav.mod_navigation ul.level_1 li.active strong {
        padding-bottom: 4px;
    }

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

    #mainnav.mod_navigation ul.level_1 li.active strong,
    #mainnav.mod_navigation ul.level_1 li a:hover {
        padding-bottom: 4px;
        color:var(--ka-nav-color-active);
        /*border-bottom:1px solid var(--ka-nav-color);*/
    }

    #header.small #mainnav.mod_navigation ul.level_1 li.active strong {
        /*border-bottom:1px solid var(--ka-font-color);*/
    }

    #mainnav.mod_navigation li a span {
        margin:0;
        padding:0;
    }
    #mainnav.mod_navigation li a:hover,
    #mainnav.mod_navigation li a.sfhover {
      transition: all 500ms ease-in-out;
      color:var(--ka-nav-color-active);
    }
    #mainnav.mod_navigation ul {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    #mainnav.mod_navigation li ul {
        display: block;
        width:210px;
        bottom:0;
        left:0;
        right:0;
        top:18px;
        position:absolute;
        display:none;
        opacity: 0;
        padding-top:14px;
        transition: all 750ms ease-out;
    }
    #mainnav.mod_navigation li ul li {
        display: block;
        margin:0;
        padding:0;
        border-bottom:1px solid var(--ka-font-menu);
        border-radius:0;
    }
    #mainnav.mod_navigation li ul li a,
    #mainnav.mod_navigation li ul li.active strong {
        width:200px;
        margin:0;
        padding:11px 0 11px 5px;
        text-align:left;
        background-color:rgba(255,255,255,.001);
        background-image:none;
        transition: color 1s ease-out;
    }
    #header.small #mainnav.mod_navigation li ul li a,
    #header.small #mainnav.mod_navigation li ul li.active strong {
        color:var(--ka-font-color);
        background-color:rgba(255,255,255,1);
    }

    #mainnav.mod_navigation li ul li a:hover {
        color:#ffffff;
        transition: color 500ms ease-in-out;
    }
    #mainnav.mod_navigation li ul li.active strong {
        font-weight: 600;
        background-image:none;
        color:var(--ka-nav-color-active);
    }
    #mainnav.mod_navigation li ul ul {
        left:200px;
        position:absolute;
        top:0;
        z-index: 999;
    }
    #mainnav.mod_navigation li:hover ul {
        display:block;
        opacity: 1;
    }
    #mainnav.mod_navigation ul li:hover ul ul {
        display:none;
    }
    #mainnav.mod_navigation ul ul li:hover ul {
        display:block;
    }


}

.submit {
  max-width:100%;
  margin-top:20px;
  margin-left:220px;

  padding: 8px 20px 8px 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 13px;
  line-height: 15px;
  border: 1px solid var(--ka-font-color);
  border-radius: 0px;
  background-color: #fff;
  text-transform: uppercase;
  transition: all 250ms linear;
  cursor: pointer;
}
fieldset {
    width:100%;
    display:block;
    margin:12px 0 12px 0;
    padding:0px 0 0px 0;
}

.widget {
    padding: 0 0 20px 0;
}
.widget-textarea {
    padding: 25px 0 15px 0;
}

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

textarea:focus,
input:focus{
    outline: none;
}
input.text,
input.password,
input.captcha,
textarea {
    font-size: 16px;
    letter-spacing: .025em;
    font-weight: 400;
    color:#000000;
}

input.text,
input.password,
input.captcha {
    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% - 220px);
    margin:10px 0 10px 220px;
    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;
}
div.checkbox_container span {
    display:block;
    padding-right:6px;
}
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;
}

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



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

.swiper-container {
	max-width: 100%;
	overflow: hidden; /* !!! */
	position: relative;
}

.swiper-wrapper {
	max-width: 100%;
  transition: height 1s ease-in-out;
}

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

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

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: calc(50% - 0px);
	left: auto;
	right: auto;
	width: 50px;
  height: 50px;
  background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.0);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: all 0.5s ease-in-out;
	cursor:pointer;
	z-index: 931;
}

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

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

.swiper-button-prev:hover {
  background-image:url("/files/intern/common/links-over.svg");
}

.swiper-button-next:hover {
  background-image:url("/files/intern/common/rechts-over.svg");
}

/* ****************************************************************************************************************** */
/* --- textcenter ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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

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

.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 {
    position:absolute;
    width:35px;
    height:35px;
    top:calc(50% - 17px);
    left:30px;
    background-image:url("/files/intern/common/slider-links.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;;
    transition: background-position 0.5s ease-in-out;
    cursor:pointer;
    z-index: +2;
}

.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 {
    position:absolute;
    width:35px;
    height:35px;
    top:calc(50% - 17px);
    right:30px;
    background-image:url("/files/intern/common/slider-rechts.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;;
    transition: background-position 0.5s ease-in-out;
    cursor:pointer;
    z-index: +2;
}

.swiper-button-prev.swiper-button-disabled,
section.kamitglieder .swiper-button-prev.swiper-button-disabled,
section.kaslider1 .swiper-button-prev.swiper-button-disabled,
section.kaslider1.img1.part .swiper-button-prev.swiper-button-disabled,
#main .textimg .swiper-button-prev.swiper-button-disabled {
  background-image:url("/files/intern/common/slider-links-grau.svg");
}

.swiper-button-next.swiper-button-disabled,
section.kamitglieder .swiper-button-next.swiper-button-disabled,
section.kaslider1 .swiper-button-next.swiper-button-disabled,
section.kaslider1.img1.part .swiper-button-next.swiper-button-disabled,
#main .textimg .swiper-button-next.swiper-button-disabled {
  background-image:url("/files/intern/common/slider-rechts-grau.svg");
}


/*
.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 {
    margin: 0;
    padding: 0;
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:0px !important;
    border-radius:0;
    background-clip: initial;
    background-color:transparent;
}

.rsts-skin-default .rsts-view {
    position: relative;
}

.rsts-skin-default .rsts-prev {
    position:absolute;
    width:34px;
    height:16px;
    top:calc(50% - 8px);
    left:230px;
    background-image:url("/files/intern/common/pfeil-links-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    transition: background-position 0.5s ease-in-out;
}
.rsts-skin-default .rsts-prev:hover {
    background-position: right center;
}

.rsts-skin-default .rsts-next {
    position:absolute;
    width:34px;
    height:16px;
    top:calc(50% - 8px);
    right:230px;
    background-image:url("/files/intern/common/pfeil-rechts-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-position: right center;
    transition: background-position 0.5s ease-in-out;
}
.rsts-skin-default .rsts-next:hover {
    background-position: left center;
}

.rsts-skin-default .rsts-prev:hover,
.rsts-skin-default .rsts-next:hover,
.rsts-skin-default .rsts-video-play:hover,
.rsts-skin-default .rsts-video-stop:hover,
.rsts-skin-default .rsts-thumbs-prev:hover,
.rsts-skin-default .rsts-thumbs-next:hover {
    background-color: transparent;
}

.rsts-skin-default .rsts-nav {
    position: absolute;
    bottom: -15px;
    left:0;
    width: 100%;
    text-align: center;

}

.rsts-skin-default .rsts-nav-bullets li {
    margin: 0 5px 0 5px;
    padding: 0;
    border-bottom-style: none;
}
#main .rsts-skin-default .rsts-nav-bullets a {
    width:50px;
    height: 2px;
    background-color: #000000;
    border-bottom-style: none;
    border-radius: 0;
    box-shadow: 0 0;
}
#main .rsts-skin-default .rsts-nav-bullets a:hover,
#main .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #88A89F;
    border-bottom-style: none;
    border-radius: 0;
    box-shadow: 0 0;
}

.rsts-slide {

}

.s3part {
    display: block;
    margin: 100px 0 100px 0;
}

.s3part .rsts-slides {
    position: relative;
    height: 100%;
}

.s3part .rsts-slide {
    transition:opacity 500ms ease-out;
}

.s3part .rsts-slide.rsts-inactive {
    margin: 50px 0;
    opacity: 0.3;
    margin-top:50px;
    overflow: hidden;
    height:calc(100% - 250px);
}

.s3part .rsts-slide.rsts-inactive .link .textblock {
    display: none;
}

.s3part .rsts-slide.rsts-inactive > div {
    overflow: hidden;
}

.s3part .rsts-slide.rsts-active {
    padding: 0px 0px;
    opacity: 1;

}

.s3part .rsts-slide a {
    border-bottom: none !important;
}

.s3part .rsts-slide .link .textblock .text {
    text-transform: none;
    font-size: 18px;
    line-height:22px;
    color: #7c7c7c;
    letter-spacing: 0.025em;
    font-weight: 400;
}

.s3part .rsts-slide .link .textblock span {
    border-bottom: 1px solid var(--ka-font-color);
}


.rsts-skin-default .rsts-caption {
    display: none;
}

.rsts-slide .slogan,
.rsts-slide .textbox {
    width: 50%;
}
.rsts-slide .textbox {
    position: relative;
    right: 5%;
    bottom: 100px;

    padding: 20px 50px 20px 50px;
    background-color: #ffffff;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
}
*/


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

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

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

section.slogan .slinside .left {
  position: relative;
  width: calc(50% - 100px);
}

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

section.slogan .slinside .left .leftinside {
  position: absolute;
  top:-180px;
  /*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 .leftimage {

}

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

section.slogan .slinside .left .leftinside .text p,
section.slogan .slinside .left .leftinside .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 {
  /*margin-top:0;*/
  color:var(--ka-fonth4-color);
  font-size:12px;
  letter-spacing:0.1em;
  font-weight:500;
  text-transform: uppercase;
}

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 {
  display: flex;
  gap: 1rem;
  margin: 40px 0 20px 0;
}


/* ****************************************************************************************************************** */
/* --- Mitglieder --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */


section.kamitglieder {
  position: relative;
  display: block;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--ka-bk-boxlightgrey);
  padding:50px 0;
}

section.kamitglieder > .headline {
  margin: 0 0 35px 0;
  /*
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  */
}

section.kamitglieder > .limit1400int,
section.kamitglieder > .limit1600int {
  position: relative;
}

section.kamitglieder .map {
  position: relative;
  margin: 0 0 0 0;
  width: 1000px;
}

section.kamitglieder .slidermitglieder {
  position: absolute;
  left: auto;
  right: 0;
  top:5%;
  margin: 0;
  width: 45%;
}

section.kamitglieder .map .image_container {
  position: relative;
  height: 100%;
}

section.kamitglieder .map img.map {
  /*
  position: absolute;
  top: -10px;
  right: 0;
  bottom: 0;
  left: 0;
  */
  width: calc(100%);
  max-width: 1000px;
}
#main section.kamitglieder .map img.text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  /*transform: translate(-50%, -50%);*/
}

section.kamitglieder .map .markers {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: +1;
}

section.kamitglieder .map .marker {
  position:absolute;
  top: 0;
  left: 0;
  display: inline-block;

  /*
  width:240px;
  height:240px;
  width:auto;
  height: auto;
  width:24px;
  height:24px;
  background-color:#f00;
  */
  cursor:pointer;
  overflow: visible;
}
section.kamitglieder .map .marker .circle {
  position:absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color:var(--ka-bk-boxgrey);
  border-radius:6px;
}
section.kamitglieder .map .marker img.logo {
  position:absolute;
  left:20px;
  top:20px;
  width:50px !important;
  height:50px !important;
}
section.kamitglieder .map .marker .pulsar {
  display: none;
}
section.kamitglieder .map .marker.active .pulsar {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 48px;
  height: 48px;
  background-image: none;
  background-repeat: no-repeat;
  background-color: var(--ka-bk-boxgrey) !important;
  background-image: radial-gradient(var(--ka-bk-boxgrey), var(--ka-border-partner));

  position: absolute;
  pointer-events: none;

  opacity: 0;
  margin: -24px 0 0 -24px;
  border-radius: 24px;
  -webkit-animation: ripple 1.8s infinite;
  animation: ripple 1.8s infinite;
      animation-delay: 0s;
}
@keyframes ripple{
  0%{
      opacity:1;
      -webkit-transform:scale(0.3);
      transform:scale(0.3)
  }
  100%{
      opacity:0;
      -webkit-transform:scale(1);
      transform:scale(1)
  }
}

section.kamitglieder .map .marker span {
  position:absolute;
  width: 100%;
  text-align: center;
  top: -2px;
  left: 24px;
  color: var(--ka-font-color);
  font-size:14px;
  text-transform: uppercase;
  white-space: nowrap;
}

section.kamitglieder .map .marker.active span {
  /*color: #000;*/
}

section.kamitglieder .limit1400 .textbox {
  /*position: absolute;*/
  top: 0;
  left: 0;
  max-width: 50%;
  width:500px;
}

section.kamitglieder .swiper-slide.mitglied {
    width: 100%;
    height: 100%;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    flex-shrink: 0;
    flex-direction:column;

    min-height:250px;

}

section.kamitglieder .swiper-slide.mitglied .row1 {
  flex-direction:row;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 5px solid var(--ka-border-partner);
}
section.kamitglieder .mitglied .imgblock {
  width: 60%;
  height: 100%;
}
section.kamitglieder .mitglied .imgblock img {
  object-fit: cover;
}
section.kamitglieder .mitglied .row1 .textblock {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0px 0px 50px;
  width: calc(40% - 50px);
}

section.kamitglieder .mitglied .row1 .name {
  text-transform: none;
  margin: 0px 0 0px 0;
  font-size:var(--ka-bigfont-size);
  line-height:var(--ka-bigline-height);
  font-weight: 400;
  letter-spacing:0.025em;
  color:var(--ka-fonthx-color);
}
section.kamitglieder .mitglied .row1 .position {
  text-transform: uppercase;
  margin: 15px 0 0px 0;
  font-size: 12px;
  line-height: 24px;
  font-weight:500;
  letter-spacing:0.1em;
}

section.kamitglieder .mitglied .row2 {
  position: relative;
}
section.kamitglieder .mitglied .row2 .big {
  position: absolute;
  left: 120px;
  top:20px;
}
section.kamitglieder .mitglied .row2 .text {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size:var(--ka-bigfont-size);
  line-height:var(--ka-bigline-height);
  font-weight: 400;
  padding: 20px 0px 0px 150px;
  width: calc(100% - 150px);
}
section.kamitglieder .mitglied .row2 .text * {
  font-size: var(--ka-bigfont-size);
  line-height:var(--ka-bigline-height);
  letter-spacing:0.025em;
  font-weight: 200;
}



section.kamitglieder .swiper-container-mitglieder {
  position: relative;
  width: calc(100% - 100px);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

section.kamitglieder .swiper-slide.images {
    width: 100%;
    height: 100%;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    flex-shrink: 0;
    flex-direction:column;

    min-height:250px;

}

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

section.kamitglieder .swiper-wrapper {
		position: relative;
    z-index: 999;
}


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

section.kamitglieder .swiper-button-prev {
    position:absolute;
    top:calc(100% + 25px);
    left: auto;
    right:70px;
    z-index: +2;
}

section.kamitglieder .swiper-button-next {
    position:absolute;
    top:calc(100% + 25px);
    right:30px;
    z-index: +2;
}



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

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

section.kamitglieder .swiper-container-villa .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;
}



/* ****************************************************************************************************************** */
/* --- statement ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#main .statement {
    font-size:var(--ka-statement-font-size);
    line-height: var(--ka-statement-line-height);
    letter-spacing: var(--ka-statement-letter-spacing);

}

/* ****************************************************************************************************************** */
/* --- 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%;
  flex-direction: row;
}

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

#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,
#main .button2 a,
#main .textimg .button a,
section.stepinside .textblock a,
.previewvideo .videobtn a {
    position: relative;
    text-transform:uppercase;
    display: inline-block;
    padding:10px 20px 8px 20px;
    font-weight: 600;
    letter-spacing: 0.2em;
    font-size: 11px;
    line-height:13px;
    border: 1px solid var(--ka-font-color);
    text-decoration:none;
    transition: all 250ms linear;
    white-space: nowrap;
    color:var(--ka-fonta-color);
}
#main .button a:hover,
#main .button2 a:hover,
#main .textimg .button a:hover,
section.stepinside .textblock a:hover,
.previewvideo .videobtn 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);*/
}



/* 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: 120px 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: 40px 0 40px 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: 0.99; /*1 geht bei boxlightgray schief */
}

#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,
#main .textimg .quote {
    padding-left: 95px;
    padding-right: 95px;
}

#main .textimg .quote {
    padding-left: 150px;
    padding-right: 150px;
}

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


#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;
    transition-property: transform;
    box-sizing: content-box;
    /*
    transition-property: transform;
    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;
  flex-direction: row;
  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 h1 {
  font-size: 60px;
  line-height: 66px;
}

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: 50px 0 100px 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;*/
}

section.chartatext .flexcontainer.image_container {
  position: relative;
  margin: 30px 50px 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#main section.chartatext .flexcontainer.image_container .box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(25% - 40px);
  margin: 20px 20px;
}
#main section.chartatext .flexcontainer.image_container .box:nth-child(5),
#main section.chartatext .flexcontainer.image_container .box:nth-child(6),
#main section.chartatext .flexcontainer.image_container .box:nth-child(7) {
  width: calc(33.3% - 40px);
}
#main section.chartatext .flexcontainer.image_container .box:nth-child(8),
#main section.chartatext .flexcontainer.image_container .box:nth-child(9) {
  width: calc(33.3% - 40px);
}

#main section.chartatext .flexcontainer.image_container .box img {
  width: 90%;
  height: 90%;
  max-width: 120px;
  object-fit: contain;
}



#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 {
  width: 100%;
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  overflow:hidden;
}

section.img2text .left .boxw {
  grid-template-columns: 2fr 1fr;
}
section.img2text .right .boxw {
  grid-template-columns: 1fr 2fr;
}
section.img2text .tablet .boxw,
section.img2text .mobile .boxw {
  grid-template-columns: 1fr;
}

section.img2text .boxw .imgblock {
  position: relative;
  display: flex;
  height: calc(100% - 80px);
  width: calc(100% - 0px);
  max-width: 100%;
  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 .leftbox {
  display: flex;
  flex-direction:row;
  width: 100%;
}

section.img2text .tablet,
section.img2text .mobile {
  display: none;
}

section.img2text .boxw .boxgrey2 {
  background-color: var(--ka-bk-boxlightgrey);
  display: flex;
  flex-direction:column;
  justify-content: center;
}

section.img2text .boxw .boxgrey2 .headlinebox,
section.img2text .boxw .boxgrey2 .textbox {
  display: flex;
  flex-direction:row;
  justify-content: center;
}

section.img2text .boxw .boxgrey2 .headlinebox .left,
section.img2text .boxw .boxgrey2 .textbox .left {
  padding: 20px 20px 20px 100px;
  width: calc(50% - 120px);
}
section.img2text .boxw .boxgrey2 .headlinebox .right,
section.img2text .boxw .boxgrey2 .textbox .right {
  padding: 20px 100px 20px 20px;
  width: calc(50% - 120px);
}

section.img2text .boxw .textblock.col33,
section.img2text .boxw .textblock.col50 {
  height: calc(100% - 80px);
  width: calc(100% - 160px);
  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;
}

section.img2text .right .boxw .textblock h4 {
  margin: 5px 0 50px 0;
}

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

/* ****************************************************************************************************************** */
/* --- 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-family: Baskervville,Arial;*/
    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;
}


/* ****************************************************************************************************************** */
/* --- stayconnected ------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.stayconnected {
    position: relative;
    width: 100%;
    height: 100%;
    /*margin: 80px 0 0 0;*/
    margin: 0 0 0 0;
    padding: 80px 0 30px 0;
    /*background-color:var(--ka-bk-boxlightgrey);*/
    /*background-image: url('/files/intern/backgrounds/');*/
    background-repeat: no-repeat;
    background-size: cover;
    overflow: visible;
    z-index: +1;
}

section.stayconnected .textxcol > .flexcontainer {
  flex-direction: row;
}

#main section.stayconnected .left .textblock {
  margin:0 100px 0 0;
  width: calc(100% - 100px);
}

#main section.stayconnected h2.headline {
  margin-bottom: 30px;
}

section.stayconnected .headline {
    margin-left: 0px;
}

section.stayconnected .hl2 {

    margin: 0 0 10px 0;
}

section.stayconnected .right {
  justify-content: flex-start;
  align-items: center;
  margin-left: 100px;
  width: calc(50% - 100px);
}

section.stayconnected .socials {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 40px 0 0 0;
}

section.stayconnected .socials a {
  margin: 0 0 10px 0;
  text-decoration: none;
  border: none !important;
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}

section.stayconnected .socials a:hover {
  background-color: transparent !important;

}

section.stayconnected .socials a img {
  width:24px;
  margin: 0 20px 0 0;
}
section.stayconnected .socials a span {
    padding-top: 4px;
    text-transform: none;
    margin: 0 0 0 0;
    font-size: var(--ka-bigfont-size);
    line-height: var(--ka-bigline-height);
    letter-spacing: 0.025em;
    font-weight: 500;
}


section.stayconnected .images {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 40px 0 0 0;
    padding: 0;
}

#main section.stayconnected .images .image a {
  width: 100%;
  height: 100%;
  line-height: 1px;
  font-size: 1px;
  display: inline;
}
section.stayconnected .images.cnt_3 .image {
    width: calc(33.3% - 10px);
    padding: 0;
}
section.stayconnected .images.cnt_4 .image {
    width: calc(25% - 10px);
    padding: 0;
}
section.stayconnected .images.cnt_5 .image {
    width: calc(20% - 10px);
    padding: 0;
}
section.stayconnected .images.cnt_6 .image {
    width: calc(16.66% - 10px);
    padding: 0;
}
section.stayconnected .images .image img {
    width:100%;
    object-fit: cover;
}

section.stayconnected .after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background-color: var(--ka-footer-bk);
  z-index: -1;
}

/* ****************************************************************************************************************** */
/* --- 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 {

}


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

.previewvideo {
    max-height: 100vh;
    width: 100%;
    z-index: 950;
}

.previewvideo,
.previewvideo .prev-video-container {
    position: relative;
    line-height:1px;
}
.previewvideo div {
    width: 100%;
}
.previewvideo .prev-video-container {
    z-index: 951;
    width: 100%;
}
.previewvideo video,
.previewvideo .prev-video-container img {
    width: 100%;
    object-fit:cover;
}


.previewvideo .textblock {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%);
    display: flex;
    flex-direction:column;
    justify-content :center;
    align-items: center;
    text-align: center;
    z-index: 953;
}

.previewvideo .textblock * {
    color: #fff;
}

.previewvideo .textblock .headline {
    margin: 0 0 30px 0;
    font-size: 50px;
    font-weight:400;
}

.previewvideo .textblock .text {
    text-transform: uppercase;

}

.previewvideo .videobtn {
    margin: 30px 0 0 0;
    z-index:954;
}

.previewvideo .videobtn a {
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    border: 0px solid;
    transition: all 500ms ease-in-out;
}

.previewvideo .videobtn a:hover {
    /*background-color: rgba(35, 191, 228, 0.8);*/
    /*color: #95ebff;*/
    background-color: rgba(255, 255, 255, 1);

}

.previewvideo .videobtn.disable,
.previewvideo .videobtn a.disable {
    display: none;
}

/* ****************************************************************************************************************** */
/* --- 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 .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;
    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;
    transition-property: transform;
    box-sizing: content-box;
    /*align-items: flex-start;*/

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

/* all */

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

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

}


/*
section.kaslider1.img1 .container_img3p {
    display: none;
}

section.kaslider1.img1 .swiper-button-prev {
    left:calc(50% - 465px);
}
*/

/* img1 part */

section.kaslider1.img1.part {
    padding: 50px 0 130px 0;
    margin:0 auto;
    overflow:visible;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

section.kaslider1.img1.part .swiper-slide {
    max-width: 95%;
}

section.kaslider1.img1.part .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.kaslider1.img1.part .right {
    background-color:rgba(72,132,117,0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

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

section.kaslider1.img1.part .swiper-button-next {
    position:absolute;
    top:calc(50% - 30px);
    left:calc(95% - 80px);
    z-index: +1;
}


/* img1 grey */

section.kaslider1.img1.grey {
  padding: 50px 0 50px 0;
  margin:0 auto;
  overflow:visible;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color:var(--ka-bk-boxlightgrey);
}

section.kaslider1.img1.grey .swiper-slide {
  /*max-width: 85%;*/
  max-width: 1400px;
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

section.kaslider1.img1.grey .swiper-slide.swiper-slide-prev,
section.kaslider1.img1.grey .swiper-slide.swiper-slide-next {
  opacity: 0.3;
}

section.kaslider1.img1.grey .left.col33 {
  width: calc(33.3% - 103px);
  padding: 0px 100px 0px 0;
  margin:0 auto;
  border-right: 3px solid var(--ka-border-partner);
}

section.kaslider1.img1.grey .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.kaslider1.img1.grey .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

section.kaslider1.img1.grey .swiper-button-prev {
    position:absolute;
    top:calc(100% - 45px);
    left:calc(85% - 160px);
    background-image: url('/files/intern/common/slider-links.svg');
    z-index: +1;
}

section.kaslider1.img1.grey .swiper-button-next {
    position:absolute;
    top:calc(100% - 45px);
    left:calc(85% - 120px);
    background-image: url('/files/intern/common/slider-rechts.svg');
    z-index: +1;
}

section.kaslider1.img1.grey .swiper-button-prev[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-links-grau.svg");
}
section.kaslider1.img1.grey .swiper-button-next[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-rechts-grau.svg");
}


/* img3p */

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

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

section.kaslider1.img3.part .swiper-slide {
  /*
  width: 1320px;
  */
  max-width: 100%;
  height: 100%;
  height: auto;
  position: relative;
  transition-property: transform;

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

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

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

  position: relative;

}

section.kaslider1.img3.part .imgcontainer_img3o {
  margin: 30px;
}

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

  /*margin-top: 80px;*/
  /*transition: margin-top 500ms ease-in-out;*/
}

section.kaslider1.img3.part .swiper-slide.swiper-slide-active,
section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active {
  border: 1px solid var(--ka-border-slider);
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.05);

  opacity: 1;

  /*
  margin-top: 0px;
  -webkit-transition: margin-top 500ms ease-in-out;
  -moz-transition: margin-top 500ms ease-in-out;
  -o-transition: margin-top 500ms ease-in-out;
  transition: margin-top 500ms ease-in-out;
  */

}

section.kaslider1.img3.part .swiper-slide.swiper-slide-active.animated,
section.kaslider1.img3.part .swiper-slide.swiper-slide-duplicate-active.animated,
section.kaslider1.img3.part .swiper-slide.animated {
  /*
  -webkit-transition: margin-top 1000ms ease-in-out;
  -moz-transition: margin-top 1000ms ease-in-out;
  -o-transition: margin-top 1000ms ease-in-out;
  transition: margin-top 1000ms ease-in-out;
  margin-top: 0px;
  */
}

section.kaslider1.img3.part .swiper-slide .row1,
section.kaslider1.img3.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 {
  display: flex;
  flex-direction:row;
  justify-content: space-between;
}

section.kaslider1.img3.part .swiper-slide .row1 img {
  width: 100%;
  height: 100%;
}
section.kaslider1.img3.part .swiper-slide .row1 .button {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-start;
}
#main section.kaslider1.img3.part .swiper-slide .row1 .button a {
  border: 0;
  background-color: rgba(81,101,111,1);
  border-radius: 0px;
  color: white;
  padding: 12px 20px 8px 20px;
}

#main section.kaslider1.img3.part .swiper-slide .row1 .button a:hover {
  text-decoration:none;
  color:#fff;
  background-color:var(--ka-fonth4-color);
}

section.kaslider1.img3.part .swiper-slide .textblock {
  width: calc(66% - 200px);
  margin: 0px 0;
  padding: 40px 100px 0px 100px;
  display: inline-block;
  opacity: 1;
  z-index: +1;
}
section.kaslider1.img3.part .swiper-slide .textblock h3 {
  text-transform: none;
  color:var(--ka-nav-color-active);
  font-weight: 400;
  letter-spacing: 0.025em;
  margin: 0px 0 20px 0;
}
section.kaslider1.img3.part .swiper-slide .imgblock {
  width: calc(33% - 160px);
  margin: 0px 0;
  padding: 20px 120px 0px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main section.kaslider1.img3.part .swiper-slide .row2 img {
  max-width: 250px;
  max-height:120px;
}

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

section.kaslider1.img3.part .container_img1 {
  display: none;
}


section.kaslider1.img3.part .swiper-button-prev {

}
section.kaslider1.img3.part .swiper-button-next {

}


section.kaslider1.img3.part .swiper-button-prev,
section.kaslider1.img3.part .swiper-button-next {
  top:830px;
  top: auto;
  bottom: 50px;
  opacity: 1;
  transition: opacity 100ms ease-in-out;
}
section.kaslider1.img3.part .swiper-button-prev.onslide,
section.kaslider1.img3.part .swiper-button-next.onslide {
  opacity: 0.01;
}

section.kaslider1.img3.part .swiper-button-prev {
  background-image:url("/files/intern/common/slider-links.svg");
  left:auto;
  width:18px;
  height:36px;
  background-size: contain;
  left: calc(80% - 60px);
  right: auto;
}
section.kaslider1.img3.part .swiper-button-next {
  background-image:url("/files/intern/common/slider-rechts.svg");
  left: calc(80% - 20px);
  width:18px;
  height:36px;
  background-size: contain;
  right: auto;
}

section.kaslider1.img3.part .swiper-slide .flexcontainer {
  flex-direction: column;
}

section.kaslider1.img3.part .swiper-button-prev[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-links-grau.svg");
}
section.kaslider1.img3.part .swiper-button-next[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-rechts-grau.svg");
}

/*
.limit1200 section.kaslider1.img3.part .swiper-button-prev,
.limit1200 section.kaslider1.img3.part .swiper-button-next {
    top:220px;
}
*/

/*
.limit800 section.kaslider1.img1 .swiper-slide {
    max-width: 800px;
}
.limit1000 section.kaslider1.img1 .swiper-slide {
    max-width: 1000px;
}
.limit1200 section.kaslider1.img1 .swiper-slide {
    max-width: 1200px;
}
*/
/*
.limit800 section.kaslider1 .swiper-button-prev {
    left: calc(50% - 365px);
}
.limit800 section.kaslider1 .swiper-button-next {
    left: calc(50% + 330px);
}
.limit1000 section.kaslider1 .swiper-button-prev {
    left: calc(50% - 465px);
}
.limit1000 section.kaslider1 .swiper-button-next {
    left: calc(50% + 430px);
}
.limit1200 section.kaslider1 .swiper-button-prev {
    left: calc(50% - 565px);
}
.limit1200 section.kaslider1 .swiper-button-next {
    left: calc(50% + 530px);
}
*/


/* img4p */

section.kaslider1.img4.part .swiper-container {
  overflow: visible;
}

section.kaslider1.img4.part {
  min-height:400px;
  margin:0 auto;
  padding: 50px 0 50px 0;
  background-size: cover;
  max-width: 100%;
}

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


section.kaslider1.img4.part .swiper-container {
  margin-top: 30px;
}

section.kaslider1.img4.part .swiper-slide {
  width: 250px;
  max-width: 18%;
  height: 100%;
  position: relative;
  transition-property: transform;

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

  opacity: 1;
  margin: 0 5px 15px 5px;

  overflow: hidden;
  height: calc(100% - 0px);
  /*transition: margin-top 1000ms ease-in-out;*/
  transition: opacity 3000ms ease-in-out;

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

section.kaslider1.img4.part .swiper-slide .flexcontainer {
  flex-direction: column;
}

section.kaslider1.img4.part .swiper-slide.swiper-slide-prev,
section.kaslider1.img4.part .swiper-slide.swiper-slide-next {
  transition: margin-top 500ms ease-in-out;
}

section.kaslider1.img4.part .swiper-slide.swiper-slide-active,
section.kaslider1.img4.part .swiper-slide.swiper-slide-duplicate-active {

  /*
  margin-top: 0px;
  -webkit-transition: margin-top 500ms ease-in-out;
  -moz-transition: margin-top 500ms ease-in-out;
  -o-transition: margin-top 500ms ease-in-out;
  transition: margin-top 500ms ease-in-out;
  */
}

section.kaslider1.img4.part .swiper-slide.swiper-slide-active.animated,
section.kaslider1.img4.part .swiper-slide.swiper-slide-duplicate-active.animated,
section.kaslider1.img4.part .swiper-slide.animated {
  /*background-color:#f00;*/
  /*
  -webkit-transition: margin-top 1000ms ease-in-out;
  -moz-transition: margin-top 1000ms ease-in-out;
  -o-transition: margin-top 1000ms ease-in-out;
  transition: margin-top 1000ms ease-in-out;
  margin-top: 0px;
  */
}
section.kaslider1.img4.part .swiper-slide .row1,
section.kaslider1.img4.part .swiper-slide .row2 {
  width: 100%;
  height: 100%;
  position: relative;
}
section.kaslider1.img4.part .swiper-slide .row1 {
  justify-content: flex-start;
  /*background-color: #f00;*/
}
section.kaslider1.img4.part .swiper-slide .row2 {
  display: flex;
  flex-direction:row;
  justify-content: space-between;

}

section.kaslider1.img4.part .swiper-slide .row1 img {
  width: 100%;
  height: 100%;
}
section.kaslider1.img4.part .swiper-slide .row1 .button {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: flex-start;
}
#main section.kaslider1.img4.part .swiper-slide .row1 .button a {
  border: 0;
  background-color: rgba(0,0,0,0.5);
  border-radius: 0px;
  color: white;
  padding: 12px 20px 8px 20px;
}

section.kaslider1.img4.part .swiper-slide .textblock {
  width: calc(100% - 40px);
  margin: 0px 0;
  padding: 20px 40px 40px 0px;
  display: inline-block;
  opacity: 1;
  z-index: +1;
}
section.kaslider1.img4.part .swiper-slide .textblock h4 {
  text-transform: uppercase;
  margin: 20px 0 30px 0;
}
section.kaslider1.img4.part .swiper-slide .textblock h4.headline {
  font-size:55px;
  font-weight:300;
  color: var(--ka-fonth4-color);
  margin: 30px 0 30px 0;
}
section.kaslider1.img4.part .swiper-slide .imgblock {
  width: calc(50% - 160px);
  margin: 0px 0;
  padding: 20px 120px 40px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main section.kaslider1.img4.part .swiper-slide .row2 img {
  max-width: 250px;

}

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


section.kaslider1.img4.part .swiper-button-prev {

}
section.kaslider1.img4.part .swiper-button-next {

}


section.kaslider1.img4.part .swiper-button-prev,
section.kaslider1.img4.part .swiper-button-next {
  top:auto;
  bottom: 110px;

  top:-70px;
  bottom: auto;
}

section.kaslider1.img4.part .swiper-button-prev {
  background-image:url("/files/intern/common/slider-links.svg");
  left:auto;
  right: calc(10% + 30px);
}
section.kaslider1.img4.part .swiper-button-next {
  background-image:url("/files/intern/common/slider-rechts.svg");
  right:calc(10% - 40px);
  left: auto;
}

section.kaslider1.img4.part .swiper-button-prev[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-links-grau.svg");
}
section.kaslider1.img4.part .swiper-button-next[aria-disabled='true'] {
  background-image:url("/files/intern/common/slider-rechts-grau.svg");
}

/* img1l1 */

section.kaslider1.imglogo {
  background-color: var(--ka-bk-boxlightgrey);
  padding: 50px 0;
}

section.kaslider1.imglogo .swiper-container {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

section.kaslider1.imglogo .swiper-slide,
section.kaslider1.imglogo .swiper-slide .imgcontainer_img1l1 {
  max-width: 100%;
  width: 1400px;
}

section.kaslider1.imglogo .swiper-slide .row1 {
  padding: 0 0 40px 0;
  margin: 0 0 50px 0;
  border-bottom: 3px solid var(--ka-border-partner);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

section.kaslider1.imglogo .swiper-slide .row1 h2 {
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
section.kaslider1.imglogo .swiper-slide .row1 h3 {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color:var(--ka-fonth4-color);
}

section.kaslider1.imglogo .swiper-slide .row2 {
  padding: 0 0 0 80px;
  width: calc(100% - 80px);
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: right;
  text-align: left;
  flex-direction:column;
}

section.kaslider1.imglogo .swiper-slide .row2.textblock .text * {
  font-size: 16px;
  line-height: 22px;
}

section.kaslider1.imglogo .swiper-slide .row2.textblock .big {
  font-size: 72px;
  line-height: 34px;
  /*float: left;*/
  margin: 0 0 15px 0;
}

section.kaslider1.imglogo .swiper-button-next,
section.kaslider1.imglogo .swiper-button-prev {
  top: auto;
  bottom: 20px;
  left: auto;
  z-index: 999;
}

section.kaslider1.imglogo .swiper-button-next {
  right: 60px;
}

section.kaslider1.imglogo .swiper-button-prev {
  right: 120px;
}

/* ****************************************************************************************************************** */
/* --- kapartner ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */

section.kapartner {
  position: relative;
}

section.kapartner .partners {
  padding: 0px;
  margin: 0px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  overflow: visible;
}

section.kapartner .partners .partner {
  padding: 20px 20px;
  position:relative;
  /*border: 1px solid #0f0;*/
  overflow: visible;
}

section.kapartner .partners .partner .tbinside {
  padding: 50px 40px;
  overflow: visible;
  position:relative;
  /*border: 1px solid #00f;*/
}

section.kapartner .partners .partner .tbinside * {
  text-align: center;
}

/*

section.kapartner .partners .partner:before,
section.kapartner .partners .partner:after,
section.kapartner .partners .partner>:first-child:before,
section.kapartner .partners .partner>:first-child:after {
    position:absolute;
    width:60px; height: 60px;
    border: 2px dashed var(--ka-border-partner);
    content: ' ';
}
section.kapartner .partners .partner:before {top:0;left:0;border-width: 1px 0 0 1px}
section.kapartner .partners .partner:after {top:0;right:0;border-width: 1px 1px 0 0}
section.kapartner .partners .partner>:first-child:before {bottom:0;right:0;border-width: 0 1px 1px 0}
section.kapartner .partners .partner>:first-child:after {bottom:0;left:0;border-width: 0 0 1px 1px}

section.kapartner .partners .partner .edge {
  padding: 30px;

}
*/

section.kapartner .partners .partner .topleft,
section.kapartner .partners .partner .topright,
section.kapartner .partners .partner .bottomleft,
section.kapartner .partners .partner .bottomright {
  position: absolute;
  background-repeat: no-repeat;
  /*background-color: rgba(255,0,0,0.7);*/
  background-size: contain;
  width:110px;
  height:110px;
  overflow: visible;
}

section.kapartner .partners .partner .topleft {
  top: -20px;
  left: -20px;
  right: auto;
  bottom: auto;
  background-image: url('/files/intern/rahmen/rahmen-oben-links.svg');
  background-position: 0px 0px;
}
section.kapartner .partners .partner .topright {
  top: -20px;
  right: -20px;
  left: auto;
  bottom: auto;
  background-image: url('/files/intern/rahmen/rahmen-oben-rechts.svg');
  background-position: 0px 0px;
}
section.kapartner .partners .partner .bottomleft {
  top: auto;
  right: auto;
  bottom: -20px;
  left: -20px;
  background-image: url('/files/intern/rahmen/rahmen-unten-links.svg');
  background-position: 0px 0px;
}
section.kapartner .partners .partner .bottomright {
  top: auto;
  left: auto;
  bottom: -20px;
  right: -20px;
  background-image: url('/files/intern/rahmen/rahmen-unten-rechts.svg');
  background-position: 0px 0px;
}




section.kapartner .partners .partner .break {
  position:relative;
  top:-1px;
  left:-1px;
  height:100%;
  width:100%;
  background-color:white;
  border-radius: 15px;
}

section.kapartner .partners .partner .tbinside {
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
}

#main section.kapartner .partners .partner .tbinside img.marker {
  max-width:20%;
  margin: 0 0 20px 0;
}

/* ****************************************************************************************************************** */
/* --- xxx ------------------------------------------------------------------------------------------------------ */
/* ****************************************************************************************************************** */


#main .bepartofit {
    display: block;
    padding-top: 120px;
    padding-bottom: 90px;
    background-position: center;
}


#main .bepartofit h2 {
    color:#ffffff;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
}
#main .bepartofit .right h2 {
    color:#22c0e6;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#main .bepartofit a {
    display: inline-block;
    color:#22c0e6;
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 20px;
    padding: 5px 10px 5px 10px;
}
#main .bepartofit div,
#main .bepartofit div p {
    font-size: 18px;
    line-height: 22px;
    color:#ffffff;
}

#main .experts {
    display: flex;
    flex-wrap: wrap;


    /*
    flex-direction:row;
    justify-content: space-between;

    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    */
    text-align: left;
}

#main .experts > *,
#main .expert {
    /*
    float:left;
    width: calc(33% - 5px);
    margin-bottom: 20px;
    flex: 1 1 calc(33% - 5px);
    */
    padding: 10px;
    flex: 1 0 calc(33% - 10px);
    box-sizing: border-box;
    margin-bottom: 30px;

}
#main .expert div,
#main .expert p {

}
#main .expert div.name {
    margin-top: 30px;
    font-weight: 600;
}
#main .experts video {
    width: 100%;
}
#main .experts .socials {
    margin-top: 8px;
}

.controlBar {
    display: none;
}

#main .blueboxes {
    position: relative;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    text-align: left;
    padding: 0 10px 0 10px;
    z-index: 1;
}


#main .bluebox {
    position: relative;
    width: calc(33% - 15px);
    background-color: #000000;
    min-height: 550px;
    text-align: center;
    margin: 0;
    border: 0;
    /*border: 1px solid #ffffff;*/
    overflow: hidden;
}

#main .bluebox div,
#main .bluebox p {
    color:#ffffff;
    font-size: 15px;
    line-height: 19px;
}

#main .bluebox.weiss {
    background-color: #bcbcbc;
}
#main .bluebox.grau1 {
    background-color: #34404e;
}
#main .bluebox.grau2 {
    background-color: #262e3c;
}
#main .bluebox.hellblau {
    background-color: #125169;
}
#main .bluebox.blau {
    background-color: #1c293b;
}
#main .bluebox.dunkelblau {
    background-color: #0f141d;
}
#main .bluebox.lila {
    background-color: #23bfe4;
}
#main .bluebox.rot {
    background-color: #a4472c;
}

#main .bluebox.lila h5 {
    color: #ffffff;
}

#main .bluebox .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content :center;
    flex-direction:column;
}

#main .bluebox .textbox p {
    line-height: 25px;
}

#main .bluebox.oben .image_container {
    position: absolute;
    top: 0;
    /*z-index: -1;*/
}

#main .bluebox.unten .image_container {
    position: absolute;
    bottom: -5px;
    /*z-index: -1;*/
}


#main .bluebox .headlinecolor {
    opacity: 0;
    position: absolute;
    top: -20px;
    left:20px;
    z-index: 905;
    font-size: 60px;
    transition: 0.5s;
}

#main .bluebox a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 915;
    font-size: 24px;
    transition: 0.5s;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    padding: 8px 15px 8px 15px;
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
}


#main .imgmain {
    background-color: #f6f2ec;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    display: block;
}

#main .moving {
    font-size: 24px;
    font-family: Open Sans, Arial;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.07em;
    margin-bottom: 40px;
}

.left1200 #main .inside {
    text-align: left;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* ****************************************************************************************************************** */
/* --- ansprechpartner ---------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.ansprechpartner {
  position: relative;
  margin: 20px 0 20px 0;
  padding: 20px 0 50px 0;
  background-color: var(--ka-bk-boxlightgrey);
}

section.ansprechpartner .left {
  width: calc(33.3% - 123px);
  position: relative;
  display: flex;
  padding: 60px 60px 60px 60px;
  border-right: 3px solid var(--ka-border-partner);
}

section.ansprechpartner .right {
  width: calc(66.6% - 123px);
  position: relative;
  display: flex;
  padding: 60px 60px 60px 60px;
}

section.ansprechpartner .right .name {
  margin: 20px 0 20px 0;
  font-size: 18px;
}

section.ansprechpartner .right .text {
  margin: 0 0 30px 0;
  color: var(--ka-fonth4-color);
  text-transform: uppercase;
}

section.ansprechpartner .right .anschrift {
  margin: 0 0 30px 0;
}

#main section.ansprechpartner .right .tel,
#main section.ansprechpartner .right .fax,
#main section.ansprechpartner .right .mail a {
  margin: 5px 0;
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}

#main section.ansprechpartner .right .tel span,
#main section.ansprechpartner .right .fax span,
#main section.ansprechpartner .right .mail a span {
  padding: 0 0 0 10px;
}

#main section.ansprechpartner .right .mail a {
  margin: 0 0 30px 0;
  padding: 0;
  border: 0px;
}


/* ****************************************************************************************************************** */
/* --- 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-entry --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.news-entry.col3 {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%;
}
.news-entry.col3 .news-date {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 15%;
    justify-content: center;
    align-items: center;
    background-color: #88A89F;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
}
.news-entry.col3 .rightblock {
    width: 85%;
    display: flex;
    flex-direction:row;
    justify-content: center;
    /*justify-content: space-between;*/
}

.news-entry.col3 .news-date span {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.news-entry.col3 .news-image {
    width: 30%;
    height: 100%;
    overflow: hidden;
}
.news-entry.col3 .news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-entry.col3 .news-text {
    flex-direction:column;
    text-align: left;
    padding: 50px 50px 50px 50px;
    width: calc(70% - 100px);
    background-color: #ffffff;
}

.news-entry.col3 .news-text span.datetime {
    margin: 0px 0 16px 0;
    font-size: 16px;
    font-weight: 900;
    color: #88A89F;
}
.news-entry.col3.nodate .news-text span.datetime {
    display: none;
}
.news-entry.col3 .subHeadline {
    margin: 0px 0 16px 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: .1em;
    text-transform:uppercase;
}
.news-entry.col3 .news-text h4 {
    margin: 0 0 16px 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing:.1em;
}
.news-entry.col3 .rightblock .sameline1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
.news-entry.col3 .news-text  p.more {
    margin-top: 5px;
}
.news-entry.col3 ul.enclosure {
    margin:20px 0 0 0;
    padding: 0;
}
#main .news-entry.col3 .enclosure li {
    list-style-type: none;
}
.news-entry.col3 .rightblock .sameline1 p.more,
.news-entry.col3 .rightblock .sameline1 ul.enclosure {
    margin:20px 30px 0 0;
}



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

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


#banner .mod_newslist .news-entry.col4 {
    width: 100%;
    position: relative;
}
#banner .mod_newslist .news-entry.col4 .newsbloginside {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}
#banner .mod_newslist .news-entry.col4 .subHeadline1,
#banner .mod_newslist .news-entry.col4 .teaser1 {
    display: none;
}
#banner .mod_newslist .news-entry.col4 .blogimage {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;

}
#banner .mod_newslist .news-entry.col4 .blogimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner .mod_newslist .news-entry.col4 .blogtext {
    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-entry.col4 .blogtext * {
    color: #fff;
}
#banner .mod_newslist .news-entry.col4 .blogtext 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;
    font-family: Playfair Display,Arial;
}
#banner .mod_newslist .news-entry.col4 .blogtext .teaser {
    width: 80%;
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#banner .mod_newslist .news-entry.col4 .blogtext a {
    text-transform:uppercase;
}

#main .mod_newslist {
  width: 100%;
  max-width:1400px;
  margin:80px auto;
  display: flex;
  flex-direction:row;
  flex-flow: row wrap;
  justify-content: space-between;
}

#main .mod_newslist.presse {
    justify-content: flex-start;
}


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

#main .mod_newslist .news-entry.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-entry.col4 {
    width:calc(33.3% - 30px) !important;
}

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

#main .mod_newslist .news-entry .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-entry .news-block .news-image {
    min-height: 433px;
}

#main .mod_newslist .news-entry .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-entry .news-block .news-image a img {
    width: 100%;
    object-fit: cover;
}

#main .mod_newslist .news-entry .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-entry .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-entry .news-block .news-text {
    position: relative;
    width: 100%;
}

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

#main .mod_newslist .news-entry .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-entry .news-block:hover .news-hover div {
    opacity: 1;
}


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


.mod_newslist .news-entry.blogtext {
    padding: 12%;
}

.mod_newslist .news-entry .blogtext .headline,
.blogdetails .katdatetime .headline {
    margin-right: 10px;
}
.mod_newslist .news-entry .blogtext .headline::after,
.blogdetails .katdatetime .headline::after {
    margin-left: 10px;
    content: "|";
    /*background-color: red;*/
}
.mod_newslist .news-entry .blogtext .datetime {

}
.mod_newslist .news-entry .blogtext h4 {
    margin: 20px 0 30px 0;
    font-family: Playfair Display,Arial;
    text-transform:none;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0em;
    font-weight: 700;
}
.mod_newslist .news-entry .blogtext .more {
    margin: 30px 0 0 0;
}

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

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

.mod_newslist.presse .news-blog {
  margin: 0;
  padding: 30px 30px;
}

.mod_newslist.presse .news-blog:nth-child(2n+1) {
  background-color: var(--ka-bk-boxlightgrey);
}

.mod_newslist.presse .news-blog.empty {
  background-color: #fff;
}


.news-blog.col2 {
    width: calc(50% - 50px);
    position: relative;
    margin: 20px 0px 30px 0;
}
.news-blog .newsbloginside {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.mod_newslist.presse .newsbloginside {
  display: flex;
  flex-direction: row;
}

#main .news-blog.col2 .blogimage * {
  font-size: 1px;
  line-height: 1px;
  border: 0px;
  padding: 0;
}

.news-blog.col2 .blogtext {
  margin: 20px 100px 0 100px;
  width: calc(100% - 200px);
}

.mod_newslist.presse .news-blog .blogtext {
  width: 100%;
  display: grid;
  grid-template-columns: 180px auto 50% 50px;
  grid-auto-rows: 1fr;
  grid-column-gap: 30px;
  /*grid-row-gap: 5px;*/
}

.news-blog.col2 .blogtext .headlineblock {
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

.news-blog.col2 .blogtext .headlineblock .headline {
  text-transform: none;
  margin: 0 0 0 0;
}

.news-blog.col2 .blogtext p.more {
    margin-top: 15px;
}

#main .mod_newslist.presse p.more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.news-blog.col2 .blogtext .buttons {
  text-align: right;

}

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

#main .mod_newslist.presse h4 {
  display: block;
  text-transform: none;
  color: var(--ka-font-color);
  margin: 0 0 20px 0;
}
#main .mod_newslist.presse h4.dateyear {
  color:var(--ka-fonth4-color);
}
#main .mod_newslist.presse h4.datetime {
  color:var(--ka-fonth4-color);
}

#main .mod_newslist.presse p.more a {
  display: inline-block;
  margin: 0 0 20px 0;
  border: 0px solid var(--ka-font-color);

}

/* ****************************************************************************************************************** */
/* --- 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 .blogtext {
    margin: 30px 0;
    background-color: #fff;
    padding: 30px 0;
}

.blogdetails .blogsharebuttons {
    margin: 40px 0;
    padding: 0;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;

    display: none;
}

.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 .blogsharebuttons .headline {
    margin: 0 0 15px 0;
}

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

.blogdetails h1.headline {

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

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



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

section.kafilter {
    position: relative;
    width: 100%;
    margin: 20px 0 20px 0;
    display: block;
}
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);
    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 {


}

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

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

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

div.mod_article.kaflt_disable {
    display: none;
}

/* ****************************************************************************************************************** */
/* --- kadownloads -------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

section.kadownloads {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
}

section.kadownloads .downloads .download {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 10px 0 20px 0;
  padding: 0;

}

section.kadownloads .downloads .download .link {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

section.kadownloads .downloads .download .link a {
  white-space: inherit !important;
}

section.kadownloads .downloads .download .link img {
  width: 100px;
  margin: 0 20px 0 0;

}

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

section.timelineslider {
    position: relative;
    margin: 0;
    padding: 0;
}
section.timelineslider .eventblock {
    position: relative;
    margin: 0;
    padding: 0;
    flex-direction: column;

}

section.timelineslider .eventblock .event {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 2px 1fr ;
    grid-auto-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

section.timelineslider .eventblock .left,
section.timelineslider .eventblock .right,
section.timelineslider .eventblock .middle {
    /*width: calc(50% - 52px);*/
    height:100%;
    display: flex;
    flex-direction: column;
}

section.timelineslider .eventblock .middle {
    position: relative;
    display: flex;
    width: 2px;
    height:100%;
}
section.timelineslider .eventblock .middle .line {
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 100%;
    height:100%;
    min-height: 45px;
    background-color: var(--ka-font-color);
}

section.timelineslider .eventblock .middle .bubble {
    position: absolute;
    top: 20px;
    left: -7px;
    display: block;
    width: 14px;
    height:14px;
    border-radius:7px;
    background-color: var(--ka-font-color);
}

section.timelineslider .eventblock .left {
    text-align: right;
    padding-right: 50px;
}

section.timelineslider .eventblock .right {
    text-align: left;
    padding-left: 50px;
}

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

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


/* ****************************************************************************************************************** */
/* --- Aktivitaet --------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

div.aktivitaeten {
  margin:50px 0;
  position: relative;
  display: flex;
  justify-content: space-between;

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


}

div.aktivitaeten section.aktivitaet {
  margin: 0 0 40px 0;
  position: relative;
  width:calc(100% - 0px);
  overflow: hidden;
}

/*
div.aktivitaeten section.aktivitaet.play {
  margin: 0 0 40px 0;
  position: relative;
  width:calc(100% - 40px);
  overflow: hidden;
}
*/

div.aktivitaeten section.aktivitaet .video-container {
  position: relative;
}

div.aktivitaeten section.aktivitaet .video-container .playbtn {
  position: absolute;
  width: 36px;
  height: 36px;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
  cursor: pointer;
}

div.aktivitaeten section.aktivitaet .video-container video {
  width: 100%;
}

div.aktivitaeten section.aktivitaet .textblock {
  padding: 10px 50px;
  display: flex;
  flex-direction: row;
}

div.aktivitaeten section.aktivitaet .textblock .right {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* ****************************************************************************************************************** */
/* --- Karriere ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.iframelimit {
  margin: 20px 0 40px 0;
  max-height: 600px;
  overflow-y: scroll;
}

/* ****************************************************************************************************************** */
/* --- Vouchers ----------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

#myIncertIframe_iFrame {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 2500px;
    overflow: visible;
}

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

/* ****************************************************************************************************************** */
/* --- tabcontrol ----------------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

.ce_tabcontrol {}

.tabcontrol_tabs {}

.tabcontrol_tabs ul, .tabcontrol_tabs li { margin: 0; padding: 0; list-style-type: none; }

.tabcontrol_tabs li {}

.tabcontrol_tabs li.tabs { float: left; padding: 10px; vertical-align: middle; text-align: center; cursor: pointer; color: #888 }

.tabcontrol_tabs li.selected { background-color: #ccc; color: #000 }

.tabcontrol_panes { padding: 20px; border: 1px solid #ccc }

.tabcontrol_panes .panes {}



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

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

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

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

  --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-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) {
  #navmobil {
    display: block;
    position:absolute;

    /*
    left:calc(50% - 15px);
    top:32px;
    */
    top:27px;
    left:25px;

    width:32px;
    height:32px;

    background-image: url('/files/intern/common/menu-white.svg');
    background-repeat: no-repeat;
    background-position:center center;

    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');
  }
  */
  #mainnav,
  #header .kontakt {
    display:none;
  }
  .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;
  }

}

/* ****************************************************************************************************************** */
/* --- max-width: 1600px -------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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


  .center,
  .boxdarkblue.center,
  .boxmiddleblue.center,
  .boxwhite.center,
  .boxgrey.center,

  .limit1600,
  /*.textimg.boxed,*/
  section.textbk .limit1600int,
  div.aktivitaeten,
  #footer .inside {
    padding-left: var(--ka-tablet-border);
    padding-right: var(--ka-tablet-border);
    width:calc(100% - 2 * var(--ka-tablet-border));
  }

  section.bannertext {
    bottom: 40px;
  }

  section.bannertext.slogan h1 {
    font-size: 48px;
  }


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

  section.kapartner .partners {
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0px var(--ka-tablet-border);
  }
  section.kapartner .partners .partner .tbinside {
    padding: 20px 15px;
    overflow: visible;
    position: relative;
}

  section.stayconnected .headline {
    /*margin-left: var(--ka-tablet-border);*/
    margin-left: 0;
  }

  section.kamitglieder .mitglied .row2 .big {
    left: 45%;
    top: 0;
  }

  section.kamitglieder .mitglied .row2 .text {
    padding: 40px 0px 0px 0px;
    width: calc(100% - 0px);
  }

  section.kamitglieder .slidervillas {
    right:0;
  }

  section.kaslider1.img1.grey .left.col33 {
    width: calc(33.3% - 33px -  var(--ka-tablet-border));
    padding: 0px 30px 0px var(--ka-tablet-border);
    margin: 0 auto;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  section.kaslider1.img1.grey .left img {
    width: 250px;
    max-width: 70%;
    object-fit: contain;
  }

  #banner .rsts-slide > div .textblock {
    position: absolute;
    bottom: 10px;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  #banner .rsts-slide > div .textblock h3,
  #banner .rsts-slide > div .textblock h4 {
    margin: 0;
  }

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

}

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

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

  :root {
    --ka-bigfont-size:18px;
    --ka-bigline-height: 24px;
  }

  #banner .textimg.textmr .textblock,
  #main .textimg.textmr .textblock {
    padding: 0 var(--ka-tablet-border);
    width: calc(50% - 2 * var(--ka-tablet-border));
  }

  .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.stayconnected,
  section.textbk .limit1400int,
  section.textxcols .limit1400int,
  #main section.textxcols .limit1400int,
  section.chartatext .limit1400int {
      padding-left: var(--ka-tablet-border);
      padding-right: var(--ka-tablet-border);
      width:calc(100% - 2 * var(--ka-tablet-border));
  }

  section.chartatext .flexcontainer,
  section.ansprechpartner .flexcontainer {
    flex-wrap: wrap;
  }

  #main .mod_article h1,
  #main .mod_article h2.ce_headline,
  #main .mod_article h3.ce_headline,
  #main .mod_article h4.ce_headline,
  #main .mod_article .col66 h2,
  #main .mod_article .ktext,
  /*#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 {
    padding-left: 0px;
    padding-right: 0px;
    padding-left: var(--ka-tablet-border);
    padding-right: 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.kamitglieder .slidervillas {
    right:0;
    width: 450px;
  }

  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.kamitglieder {
    padding-bottom: 140px;
  }

  section.kamitglieder .map {
    width: 800px;
  }
  section.kamitglieder .mitglied .row1 .textblock {
    padding: 20px 0 0 20px;
    width: calc(50% - 20px);
  }

  section.slogan .slinside .left .leftinside {
    left:var(--ka-tablet-border);
  }

  section.kaslider1.img1 .container_img1 h4 {
    padding: 0 150px 0 100px;
  }
  section.kaslider1.img1.grey .swiper-button-prev {
    position: absolute;
    top: calc(100% - 45px);
    left: calc(85% - 60px);
  }
  section.kaslider1.img1.grey .swiper-button-next {
    position: absolute;
    top: calc(100% - 45px);
    left: calc(85% - 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 {
    font-size: 18px;
    line-height: 22px;
  }

  section.kaslider1.img1.grey .left.col33 {
    width: calc(33.3% - 30px);
    padding: 0px 30px 0px 0;
    margin: 0 auto;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  section.kaslider1.img1.grey .left img {
    width: 200px;
    max-width: 70%;
    object-fit: contain;
  }


  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: 10px 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% - 2 * var(--ka-tablet-border));
    padding: 0 var(--ka-tablet-border) 10px var(--ka-tablet-border);
    margin: 0;
    justify-content:flex-start;

  }

  section.img2text .left .boxw,
  section.img2text .right .boxw {
    display: block;
  }

  section.img2text .boxw .imgblock {
    align-items: center;
    justify-content: center;
    max-height: 400px;
    overflow: hidden;
    width: 100%;
  }
  section.img2text .boxw .imgblock .noswiper,
  section.img2text .boxw .imgblock .swiper-wrapper,
  section.img2text .boxw .imgblock .swiper-slide {
    width: 100%;
  }
  section.img2text .boxw .imgblock img {
    width: 100%;
    object-fit: cover;
  }

  section.img2text .boxw .boxgrey2 {
    padding: 20px 0;
  }
  section.img2text .left .boxw .imgblock .boxgrey,
  section.img2text .right .boxw .imgblock .boxgrey {
    display: none;
  }

  section.img2text .boxw .boxgrey2 .headlinebox .left,
  section.img2text .boxw .boxgrey2 .textbox .left {
    padding: 20px 10px 20px 50px;
    width: calc(50% - 60px);
  }
  section.img2text .boxw .boxgrey2 .headlinebox .right,
  section.img2text .boxw .boxgrey2 .textbox .right {
    padding: 20px 50px 20px 10px;
    width: calc(50% - 60px);
  }


  section.img2text .left.desktop,
  section.img2text .right.desktop {
    display: none;
  }
  section.img2text .tablet {
    display: flex;
  }
  section.img2text .tablet .boxw .boxgrey2
  section.img2text .mobile .boxw .boxgrey2 {
    padding: 40px 20px 40px 20px;
  }
  section.img2text .boxw .boxgrey2 .headlinebox .left {
    padding: 20px 10px 20px 50px;
    width: calc(50% - 60px);
  }
  section.img2text .boxw .boxgrey2 .headlinebox .right {
    padding: 20px 50px 20px 10px;
    width: calc(50% - 60px);
  }


  section.chartatext .left {
    width: calc(50% - 60px);
    margin: 0 60px 0 0;
  }
  #main section.chartatext .slogans.columns {
    column-gap: 20px;
  }

  section.slogan .slinside .left {
    position: relative;
    width: calc(100% - 30px);
  }
  section.slogan .slinside .right {
    display: flex;
    padding: 0 40px 0 0;
    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(50vh - 0px) !important;
        max-height: calc(50vh - 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 - var(--ka-tablet-border));
    }

    .limit1200,
    section.timelineslider {
        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.05em;
    }

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

    #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 h4,
    section.kaslider1.img1 .container_img1 .text,
    section.kaslider1.img1 .container_img1 .button {
      margin: 30px 0 0 0;
      padding: 0 50px 0 40px;
    }
    section.kaslider1.img1 .container_img1 .text {
      margin: 10px 0 0 0;
    }

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

    #main section.chartatext .flexcontainer.image_container {
      margin: 30px 0px 0 0;
    }

    #main section.chartatext .flexcontainer.image_container .box {
      width: calc(50% - 40px) !important;
    }


    /* Villas */

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

    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: 1200px --------------------------------------------------------------------------------------------- */
/* ****************************************************************************************************************** */

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



      #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 .mod_footer_navi,
      #footer .line2 .kontakt,
      #footer .line2 .kontakt1 {
        width: 33.3%;
        max-width: 33.3%;
        padding: 0;
        margin:0;
      }

      #footer .line2 .socials {
        width: 100%;
        margin: 50px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction:column;
      }

      #footer .line2 .socials h3 {
        margin: 0 0 20px 0;
      }
      #footer .line2 .socials .links {
        margin: 0 0 0  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,
      #footer .line3 .awardssocials {
          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));
    }

    #main .textimg.boxed {
      padding: 0px 0 0 0;
    }
    #main .textimg .boxw {
      position:relative;
      flex-wrap: wrap;
    }
    #main .textimg .imgblock  {
      width: 100%;
      z-index: -1;
    }
    #main .textimg.boxed.gray .textblock {
      min-width: 200px;
      width: 100%;
      margin: 0 var(--ka-tablet-border);
      z-index:+1;
    }
    #main .textimg.boxed.gray .left .textblock,
    #main .textimg.boxed.gray .right .textblock {
      transform: translate(0, -50px);
    }
    #main .textimg.boxed.gray .left .textblock {
      order:2;
    }
    #main .textimg.boxed.gray .left .imgblock {
      order:1;
    }
    #main .textimg.boxed .headline,
    #main .textimg.boxed .text,
    #main .textimg.boxed .button,
    #main .textimg.boxed .ce_accordion,
    #main .textimg .quote {
      padding-left: 60px;
      padding-right: 60px;
    }

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


    .grid {
      display:grid;
    }

    .grid.frx {
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 40px;
      grid-row-gap: 40px;
    }

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


}

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

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

    body,
    #banner .textimg p,
    #main .textimg p {
        font-size:var(--ka-tablet-font-size);
        line-height:var(--ka-tablet-line-height);
        font-weight: 300;
    }
    /*
    #header {
        height: 100px;
    }
    #header.small {
        height: 70px;
    }
    */
    #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 {
      min-height: calc(80vh - 0px) !important;
      max-height: calc(80vh - 0px) !important;
    }

    #bannerimage img {
      min-height: calc(80vh - 0px) !important; /* abzgl. padding von boxgrey */
      max-height: calc(80vh - 0px) !important;
    }

    #header #HeaderLogo,
    #header #HeaderLogo2 {
      top: 10px;
      right:15px;
      width: 170px;
    }

    #header #HeaderLogo a {
      width: 100%;
    }

    /*
    #header.small #HeaderLogo,
    #header.small #HeaderLogo2 {
        top: 10px;
    }
    #header.small #navmobil {
        top: 15px;
    }
    */


    #header .kontakt {
        display: none;
    }
    #navmobil {
        top: 15px;
    }

    #header.small .socials,
    #header .socials {
      right: 10px;
      top: 15px;
    }
    #header .socials .text {
      display: none;
    }

    #header .mod_changelanguage {
      display: none;
    }

    #banner h1.headline {
        text-align: center;
        font-size:36px;
        line-height:40px;
    }

    #banner h3.headline2 {
        text-align: center;
        font-size:16px;
        line-height: 20px;
    }

    #banner .textimg h1.headline {
      text-align: left;
      font-size: 32px;
      line-height: 36px;
    }
    #banner .textimg.textmr .textblock,
    #main .textimg.textmr .textblock {
        padding: 0 var(--ka-tablet-border);
        width: calc(50% - 2 * var(--ka-tablet-border));
    }

    body #banner .bigtext p {
      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:32px;
      line-height:36px;

    }
    h2,
    section.textxcols .footer .line2 .text {
      font-size:24px;
      line-height:28px;

    }
    h3,
    section.kaslider1 .textblock h3.headline {
      font-size:18px;
      line-height:20px;
      font-weight: 300;
    }
    h4 {
      font-size:18px;
      line-height:22px;
      font-weight: 300;
    }
    h5 {
      /*
      margin-top: 20px;
      */
    }

    .rsts-skin-default .rsts-nav {
        bottom:0;
        right:5px;
        position:absolute;
    }
    #bannertext {
        top:120px;
        position:absolute;
    }
    #bannertext h1 {
        font-size:40px;
        line-height:44px;
        text-transform:none;
    }
    #bannerimage .downbutton img {
        height:40px;
    }

    .dist100desk {
      display: none;
    }

    #main .mod_article h1,
    #main .mod_article h2.ce_headline,
    #main .mod_article h3.ce_headline,
    #main .mod_article h4.ce_headline,
    #main .mod_article .col66 h2,
    #main .mod_article .ktext,
    /*#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 {
      padding-left: 0px;
      padding-right: 0px;
      padding-left: var(--ka-tablet-border);
      padding-right: var(--ka-tablet-border);
    }

    #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;
    }
    .rsts-skin-default .rsts-prev:hover {
        background-position: left center;
    }

    .rsts-skin-default .rsts-next {
        position:absolute;
        width:40px;
        height:60px;
        top:calc(50% - 30px);
        right:-35px;
        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;
    }
    .rsts-skin-default .rsts-next:hover {
        background-position: right center;
    }


    .limit800 {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

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

    /*
    #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 .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.boxed.gray .textblock {
      padding: 80px 0 80px 0;
    }
    */

    #main .projectlink.hover {
        width: calc(50% - 10px);
    }

    #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.kapartner .partners {
      grid-template-columns: 1fr 1fr;
    }

    #main section.slogan {
      padding: 120px var(--ka-tablet-border) 180px var(--ka-tablet-border);
    }

    section.slogan .slinside {
      display: flex;
      flex-direction: column;
    }

    section.slogan .slinside .left {
      position: relative;
      width: calc(100% - 10px);
      display: flex;
      flex-direction: column;
      align-items:flex-start;
    }
    section.slogan .slinside .left .leftinside {
      left: 0;
    }

    section.slogan .slinside .right {
      position: relative;
      top: 150px;
      display: flex;
      padding: 0 0 0 0;
      width: calc(100% - 40px);
    }
    section.slogan .slinside .right .textblock h2 {
      margin-bottom: 10px;
    }
    #main section.chartatext .slogans.columns {
      column-count:1;
      column-gap:0;
    }

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

    .mod_newslist.presse .news-blog .blogtext {
      width: 100%;
      display: grid;
      grid-template-columns: 180px auto 50% 30px;
      grid-auto-rows: 1fr;
      grid-column-gap: 10px;
      /* grid-row-gap: 5px; */
    }
    #main .mod_newslist.presse h4.datetime,
    #main .mod_newslist.presse h4,
    .mod_newslist.presse .news-blog .blogtext p {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.001em;
    }

    .mod_newslist.presse .news-blog {
      width: 100%;
      padding: 20px 10px;
    }


    .rsts-skin-default.rsshadow .rsts-view {
        /*width:calc(100% - 30px);*/
    }
    .rsts-skin-default.rsshadow img {
        margin: 30px;
        width: calc(100% - 60px);
    }

    section.kabooking .binside {
      width: calc(100% - 40px);
      padding: 20px 20px 0 20px;
    }

    #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;
      */
    }
    body.home #main .textimg.bigtext .flexcontainer .imgblock {
      align-items: flex-end;
    }
    #main .textimg.bigtext .flexcontainer .image_container {
      max-width: 250px;
    }


    #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.grey .left.col33 {
      width: calc(33.3% - 30px);
      padding: 0px 30px 0px 0;
      margin: 0 auto;
      display:flex;
      align-items: center;
      justify-content: center;
    }
    section.kaslider1.img1.grey .left img {
      width: 200px;
      max-width: 70%;
      object-fit: contain;
    }
    section.kaslider1.img1 .container_img1 .text,
    section.kaslider1.img1 .container_img1 h3,
    section.kaslider1.img1 .container_img1 h4 {
      margin: 10px 0 10px 0;
      padding: 0 30px 0 40px;
    }
    section.kaslider1.img1 .container_img1 .button
     {
      margin: 30px 0 10px 0;
      /*padding: 0 30px;*/
    }

    section.kaimgs .images.cnt_4 .image {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

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

    #footer .line2 {
      padding: 60px 20px 40px 20px;
    }

    div.aktivitaeten section.aktivitaet {
      width: calc(100% - 0px);
    }

    div.aktivitaeten section.aktivitaet .textblock {
      padding: 10px 0;
      flex-direction: column;
    }
    div.aktivitaeten .left.col50,
    div.aktivitaeten .right.col50 {
      width:100%;
    }
    div.aktivitaeten .left.col50 {
      margin: 0 0 10px 0;
    }

    section.stayconnected .left.col50,
    section.stayconnected .right.col50 {
      width:100%;
    }

    section.stayconnected .left.col50 {
      margin-bottom: 30px;
      flex-direction: column;
    }

    section.stayconnected .nl .widget.widget-text {
      width: calc(100% - 120px);
      max-width: 250px;
    }

    section.kamitglieder .map {
      width: 400px;
    }

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

    section.kamitglieder .swiper-slide.mitglied .row1 {
      padding: 0 0 10px 0;
      margin: 0 0 10px 0;
      flex-direction:column;
    }
    section.kamitglieder .mitglied .imgblock {
      width: 30%;
    }

    section.kamitglieder .mitglied .row1 .textblock {
      padding: 10px 0 0 0px;
      width: calc(100% - 0px);
    }
    section.kamitglieder .mitglied .row1 .position {
      margin: 0;
    }
    section.kamitglieder .mitglied .row2 .text * {
      font-size:15px;
      line-height:18px;
    }
    /*
    section.kamitglieder .mitglied .row2 .big {
      left: 0;
      top: 0;
    }
    section.kamitglieder .mitglied .row2 .text {
      padding: 0 0 0 30px;
      width: calc(100% - 30px);
    }
    */

}


/* ****************************************************************************************************************** */
/* --- 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) {

  #header  {
      /*height:60px;*/
      /*background-color: rgba(0, 0, 0, 0.001);*/
      /*background-image:url('/files/intern/header/');*/
  }

  /*
  #header.small  {
      height:60px;
      background-color: rgba(255, 255, 255, 1);
  }
  #header.small #HeaderLogo,
  #header.small #HeaderLogo2 {
      top:6px;
      left: 50%;
      transform: translateX(-50%);
      width: 90px;
      height: 45px;
  }
  #header.small #navmobil {
      top:5px;
      left: 10px;
  }
  #header.small .booking {
    top:10px;
    right: 10px;
  }
  */

  #header #HeaderLogo,
  #header #HeaderLogo2,
  #header.small #HeaderLogo {
      top:6px;
      left: 50%;
      right: auto;
      transform: translate(-50%, 0);
      width: 120px;
      height: 60px;
  }
  #header #HeaderLogo a,
  #header #HeaderLogo2 a,
  #header.small #HeaderLogo a {
    width: 120px;
    height: 60px;
    /*
    width: 90px;
    height: 45px;
    */
  }
  #navmobil {
      top:5px;
      left: 10px;
  }
  #header .booking {
    top:10px;
    right: 10px;
    left: auto;
  }
  #header .booking a {
    padding: 5px 7px 5px 7px;
  }

  #header .socials {
    display: none;
    /*
    top: 10px;
    right: 10px;
    */
  }
  /*
  #header .socials .links a {
    margin: 0 4px;
  }
  */


  .home #bannerimage,
  .home #banner #bannerimage .rsts-slide > div,
  .home #banner #bannerimage .rsts-main,
  #banner #bannerimage .boxgrey,
  #bannerimage,
  #bannerimage .prev-video-container,
  #bannerimage .prev-video-container video,
  #banner #bannerimage .rsts-slide > div,
  #banner #bannerimage .rsts-main,
  #bannerimage img {
    max-height: calc(80vh - 0px) !important;
  }

  .home #bannerimage,
  .home #banner #bannerimage .rsts-slide > div,
  .home #banner #bannerimage .rsts-main,
  #banner #bannerimage .boxgrey,
  #bannerimage,
  #bannerimage .prev-video-container,
  #bannerimage .prev-video-container video,
  #banner #bannerimage .rsts-slide > div,
  #banner #bannerimage .rsts-main {
    min-height: calc(80vh - 0px) !important;
  }

  #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 h1.headline {
    text-align: left;
  }

  #banner .rsts-slide > div .textblock h3,
  #banner .rsts-slide > div .textblock h4 {
    font-size: 10px;
    line-height: 12px;
  }

  #banner .textimg.textmr .textblock,
  #main .textimg.textmr .textblock {
    padding: 70px var(--ka-mobile-border) 0 var(--ka-mobile-border);
    width: calc(100% - 2 * var(--ka-mobile-border));
  }
  #banner .textimg.textmr .imgblock {
    display: none;
  }

  body #banner .bigtext p,
  body .bigtext,
  body #main .bigtext p {
    font-size: var(--ka-mobile-font-size);
    line-height: var(--ka-mobile-line-height);
    font-weight:300;
  }

  section.kaslider1 .textblock .text {
    font-size: var(--ka-mobile-font-size);
    line-height: var(--ka-mobile-line-height);
    font-weight:300;
}

  /*
  #bannerimage,
  #banner #bannerimage .rsts-main {
    min-height: calc(66vh - 0px) !important;
    max-height: calc(66vh - 0px) !important;
  }
  body.nobanner #bannerimage,
  body.nobanner #banner #bannerimage .rsts-main {
    min-height: calc(0vh - 0px) !important;
    max-height: calc(0vh - 0px) !important;
  }

  #banner #bannerimage .rsts-slide {
    position: relative;
  }
  #banner #bannerimage .rsts-slide > div,
  #banner #bannerimage .rsts-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #bannerimage .textbox {
      position: absolute;
      width:80%;
      left: 20%;
      top: 50%;
      transform: translate(-10%, -50%);
  }
  #bannerimage .textbox .ce_text * {
      font-size: 16px;
      line-height: 22px;
  }
  #bannerimage .textbox .ce_text img {
      width: 200px;
  }
  */

  #header .kontakt {
      display: none;
  }


  .mobile_menu .mod_navigation a,
  .mobile_menu .mod_navigation li span,
  .mobile_menu .mod_navigation 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;*/
  }

  #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.kaimgs, section.stayconnected,
  section.textbk .limit1400int,
  section.textxcols .limit1400int,
  #main section.textxcols .limit1400int,
  section.chartatext .limit1400int,
  #main section.slogan {
    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;
  }

  div.limit1600 h2.ce_headline.limit1400 {
    padding-left:40px;
  }

  h1,
  body.home h1,
  body.home .boxgreen h1,
  h2,
  body.home  h2,
  body.home .mod_newslist h1,
  h3 {
    color:var(--ka-font-color);
  }


  h1,
  body.home h1,
  body.home .boxgreen h1 {
    font-size:28px;
    line-height: 34px;
    letter-spacing:.001em;
  }
  h2,
  body.home  h2 {
    font-size:24px;
    line-height:28px;
    letter-spacing:.01em;
  }
  body.home .mod_newslist h1 {
    font-size:18px;
    line-height:20px;
    letter-spacing:.01em;
  }
  h3 {
    font-size:20px;
    line-height:24px;
    font-weight:300;
  }
  h4,
  #main .textimg h4 {
    font-size:15px;
    line-height:18px;
    font-weight:300;
  }
  #banner .mod_newslist .news-blog.col3 .blogtext h4 {
    font-size:36px;
    line-height:40px;
  }
  h6 {
    font-size:24px;
    line-height:28px;
  }

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

  .grid.fr2,
  .grid.fr3,
  .grid.fr4,
  .grid.fr5,
  .grid.fr6,
  .grid.fr21 {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }


  .left,
  .right,
  #main .textimg.boxed .left,
  #main .textimg.boxed .right,
  #main .textimg .imgblock,
  #main .textimg.boxed.gray .textblock,
  #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.stayconnected .left,
  section.stayconnected .right,
  #main section.stayconnected .left .textblock,
  section.textxcols .box2col .cols.cnt_2 .column {
    margin-right:0;
    margin-left:0;
    padding-right:0px;
    padding-left:0px;
    width: 100%;
    height:100% !important;
  }

  /*
  section.textxcols .box2col .cols.cnt_2 .column {
    width: calc(100% - 2 * var(--ka-mobile-border));
  }
  */

  #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,
  #main .textimg.bigtext .flexcontainer {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  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;
  }

  #main .textimg.boxed.gray .left .textblock,
  #main .textimg.boxed.gray .right .textblock {
    transform: translate(0, 0);
  }
  #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;
  }

  section.img2text .tablet {
    display: none;
  }

  section.img2text .mobile {
    display: flex;
  }
  section.img2text .boxw .boxgrey2 .headlinebox,
  section.img2text .boxw .boxgrey2 .textbox {
    flex-direction: column;
 }
 section.img2text .boxw .boxgrey2 .headlinebox .left,
 section.img2text .boxw .boxgrey2 .textbox .left,
 section.img2text .boxw .boxgrey2 .headlinebox .right,
 section.img2text .boxw .boxgrey2 .textbox .right {
    padding: 10px 20px;
    width: calc(100% - 40px);
  }

  .ce_gallery ul.cols_3 li,
  section.kaimgs .images.cnt_4 .image {
      width: calc(50% - 10px);
      margin-bottom: 10px;
      padding: 0 5px;
  }

  body.home .limit1400int > .col33 {
      width: 100%;
  }

  section.stayconnected {
    padding-top: 20px;
  }

  section.stayconnected .textxcol > .flexcontainer {
    flex-direction: column;
  }

  section.stayconnected .left.col50 {
    margin-bottom: 10px;
  }

  section.stayconnected .images.cnt_3 .image {
      width: calc(33.3% - 10px);
      margin-bottom: 20px;
  }
  section.stayconnected .socials a span {
    font-size: 14px;
  }

  div.aktivitaeten {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
  }

  div.aktivitaeten,
  div.aktivitaeten section.aktivitaet {
    padding: 0;
    width: 100%;
  }
  div.aktivitaeten section.aktivitaet .textblock {
    padding: 10px var(--ka-mobile-border);
  }
  div.aktivitaeten section.aktivitaet .textblock .right {
    margin-top: 10px;
    align-items: flex-start;
    justify-content: flex-start;
  }

  section.ansprechpartner .left {
    border: none;
  }

  .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;
      */
  }

  section.kamitglieder .swiper-container-mitglieder {
    width: calc(100% - 2 * var(--ka-mobile-border));
  }

  section.kamitglieder .mitglied .row1 .position {
    font-size: 12px;
    line-height: 14px;
  }

  section.kamitglieder .swiper-button-prev,
  section.kamitglieder .swiper-button-next {
    top: calc(100% - 35px);
  }

  .ce_text.limit1400 figure.image_container.kimg.float_left {
      width: 100%;
      max-width: 100%;
  }

  .blogdetails .blogimage {
      min-height: 300px;
  }

  #main section.kaslider1.img3.part .swiper-slide .row1 .button a {
    padding: 10px 15px 6px 15px;
    font-size: 9px;
    line-height: 11px;
  }

  #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 .mod_article h1,
  #main .mod_article h2.ce_headline,
  #main .mod_article h3.ce_headline,
  #main .mod_article h4.ce_headline,
  #main .mod_article .col66 h2,
  #main .mod_article .ktext,
  /*#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 {
    padding-left: 0px;
    padding-right: 0px;
    padding-left: var(--ka-mobile-border);
    padding-right: var(--ka-mobile-border);
  }
  #main .textimg .textblock {
      /*margin-top: 15px;*/
  }
  #main .textimg .textblock .buttons {
    display: inline-block;
  }
  #main .textimg .textblock .buttons .button {
    margin-right: 0px;
    padding: 0;
  }
  #main .textimg .textblock .buttons .button a {
    min-width: 160px;
    text-align: center;
  }
  #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: 10px;
    margin-bottom: 10px;
  }

  #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.img4.part .swiper-slide {
    margin: 0 0 15px 0;
  }

  section.kaslider1.img3.part .swiper-slide .textblock,
  section.kaslider1.img4.part .swiper-slide .textblock {
    padding: 20px 20px 20px 20px;
  }

  section.kaslider1.img4.part .swiper-button-prev,
  section.kaslider1.img4.part .swiper-button-next {
    top:175px;

  }

  section.kaslider1.img4.part .swiper-slide .textblock h4.headline {
      font-size: 45px;
  }

  section.kaslider1.imglogo .swiper-slide .row1 {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  section.kaslider1.img4.part .swiper-button-prev {
    right: auto;
    left: 10px;
  }

  .mod_newslist.presse .newsbloginside {
    flex-direction: column;
  }
  .mod_newslist.presse .news-blog .blogtext {
    display: block;
  }

  #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 {
    width: 32px;
    height: 32px;
  }

  section.kaslider1,
  section.kaslider1.img4.part {
    margin-bottom: 0px;
    padding-bottom: 0;
  }

  #main section.textxcols .box2col .column .textblock .text,
  #main section.textxcols .box2col .column .textblock .buttons,
  section.textxcols .box2col .cols .column .hl,
  #main section.textxcols .box2col .column .textblock .col66,
  #main section.textxcols .box2col .column .textblock .col33 {
    width: calc(100% - 2 * var(--ka-mobile-border));
    padding: 0 var(--ka-mobile-border) 10px var(--ka-mobile-border);
    margin: 0;
    justify-content:flex-start;

  }

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

  #main section.slogan {
    /*padding-top: 180px;*/
    margin-bottom: -100px;
    padding-bottom: 0;
  }

  section.slogan .slinside {
    flex-direction: column;
  }
  /*
  .limit1200 section.kaslider1 img {
      min-height:200px;
      object-fit: cover;
  }
  */

  section.slogan .slinside .left .leftinside {
    position: relative;
    top: -180px;
    flex-direction: column;
    align-items:flex-start;
    min-height: 180px;
  }
  section.slogan .slinside .right {
    top: 0;
  }
  section.slogan .slinside .right .textblock {
    position:relative;
    top: -180px;
  }
  section.slogan .slinside .left .leftinside .text {
    padding: 10px 0 0 0px;
  }

  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.ansprechpartner .left,
  section.ansprechpartner .right {
    padding: 10px var(--ka-mobile-border);
    width: calc(100% - 2 * var(--ka-mobile-border));
  }

  #main section.ansprechpartner .left img {
    max-width: 50%;
  }

  section.kapartner .partners {
    margin: 20px 0px;
    grid-template-columns: 1fr;
  }
  section.kapartner .partners .partner {
    width: calc(100% - 40px);
  }

  section.chartatext .left,
  section.chartatext .right,
  section.chartatext .grid.image_container {
    margin: 20px 0;
    width: 100%;
    height: 100%;
  }

  #main section.chartatext h1 {
    padding-left:0;
  }

  #main .textimg.bigtext .flexcontainer .image_container {
    /*display: none;*/
  }

  section.chartatext {
    padding: 20px 0;
    background-image: none !important;
  }

  section.chartatext .text {
    margin: 20px 0 20px 0;
  }

  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.boxed.gray .textblock {
    padding: 40px 0 40px 0;
  }
  #main .textimg.boxed.gray .textblock .logo {
    margin: 0px 0 35px 0;
  }
  #main .textimg.boxed.gray .textblock h2 {
    font-size: 28px;
    line-height: 34px;
  }
  #main .textimg .left .text,
  #main .textimg .right .text {
    margin-top: 10px;
    margin-bottom:0px;
  }
  #main .textimg.boxed .textblock .buttons {
    padding: 10px 0 10px 0;
  }

  #main .textimg.scalimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #main section.chartatext .grid.image_container {
    display: none;
  }


  #main .textimg.boxed.gray .textblock .logo img {
    width: 150px;
  }

  section.timelineslider .eventblock section.event h3 {
    font-size: 12px;
    line-height: 16px;
  }
  section.timelineslider .eventblock section.event .left,
  section.timelineslider .eventblock section.event .right {
    padding: 5px 0px 0px 0px;

  }

  section.timelineslider .eventblock .event {
    grid-template-columns: 2px 80px 1fr;
  }

  section.timelineslider section.event.odd > .middle {
    order:1;
  }
  section.timelineslider section.event.odd > .left {
    order:2;
    text-align: left;
    width: 80px;
    padding-left:10px;
  }
  section.timelineslider section.event.odd > .right {
    order:3;
    width: calc(100% - 4px);
  }

  section.timelineslider section.event.even > .middle {
    order:1;
  }
  section.timelineslider section.event.even > .left {
    order:3;
    text-align: left;
  }
  section.timelineslider section.event.even > .right {
    order:2;
    padding-left:10px;
  }

  section.kamitglieder > .limit1600int {
    flex-direction: column;

  }

  section.kamitglieder .map,
  section.kamitglieder .slidermitglieder {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  section.kamitglieder .swiper-slide.mitglied .row1 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    flex-direction:row;
  }
  section.kamitglieder .mitglied .imgblock {
    width: 30%;
    padding: 0;
  }
  section.kamitglieder .mitglied .row1 .textblock {
    width: calc(70% - 20px);
    padding: 0 0 0 20px;
  }



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

  /* Mitglieder */

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

  section.kamitglieder .slidermitglieder {
    margin: 10px 0 0 0;
  }

  section.kamitglieder .swiper-slide.mitglied {

    justify-content:flex-start;
  }

  section.kamitglieder .map .marker span {
    font-size: 12px;
    left:15px;
  }

  section.kamitglieder .swiper-slide .textblock {
    width: calc(100% - 80px);
  }

  section.kamitglieder .mitglied .row2 .text {
    /*padding: 30px 0 0 0px;*/
  }

  section.kamitglieder .textblock .buttons {
    flex-direction: row;
  }

  section.kamitglieder .swiper-button-prev {
    top: calc(100% + 30px);
    left: 5px;
  }
  section.kamitglieder .swiper-button-next {
    top: calc(100% + 30px);
    right: 5px;
  }

  section.kamitglieder .limit1400 .textbox {
    max-width: 100%;
    width: 100%;
  }

  section.stayconnected .images.cnt_6 .image {
      width: calc(33.33% - 5px);
      padding: 0;
  }
  section.stayconnected .after {

  }

  #footer {
      /*height:80px;*/
      display: inline-block;
  }
  #footer .inside {
      padding-right:0px;
      padding-left:0px;
      padding-bottom: 20px;
      width:calc(100% - 0px);
  }

  #footer .line2 .mod_footer_navi a,
  #footer .line2 .mod_footer_navi strong,
  #footer .line2 .mod_footer_navi span,
  #footer .line2 div#FooterLogo .text {
    font-size:14px;
    line-height: 20px;
  }

  #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 .kontakt,
  #footer .line2 .mod_footer_navi,
  #footer .line2 .awardssocials {
    width: calc(100% - 0px);
    max-width: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0px 0 0;
  }

  #footer .line2 .awardssocials {
    width: 100%;
    max-width: 100%;
    flex-direction:row;
    align-items: flex-start;
    justify-content: flex-start;
  }

  #footer .line2 .awardssocials .awards,
  #footer .line2 .awardssocials .socials {
    width: calc(50% - 20px);
    max-width: 50%;
  }
  #footer .line2 .awardssocials .awards {
    margin: 20px 20px 0 0;
  }
  #footer .line2 .awardssocials .socials {
    margin: 20px 0 0 20px;
  }

  #footer .line2 li,
  #footer .line2 h3,
  #footer .line2 h6 {
    text-align: center;
  }

  #footer .line3 .links {
      display: flex;
      flex-direction:row;
      align-items: center;
      justify-content: center;
  }


  #footer .line3 .links a {
      display: flex;
      width: 50%;
  }

  #footer .line2 .mod_changelanguage {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 20px 0 0 0;
  }


}

/* ****************************************************************************************************************** */
/* --- 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%;
        height: 100vh;
        z-index: 993;
    }

    .mobile_menu a:hover {
      padding-bottom: 0px;
      border-bottom: 0;
      line-height: 0;
    }


    .mobile_menu #HeaderLogo2 {
        position: absolute;
        top:22px;
        left:50%;
        transform: translate(-50%, 0%);
        width: 180px;
        max-width: 50%;
    }

    .mobile_menu .mod_changelanguage {
        position: absolute;
        bottom: 105px;
        left:50%;
        transform: translate(-50%,  0);
        z-index: +1;
    }
    .mobile_menu .mod_changelanguage * {
        margin:0;
        padding: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1em;
    }
    .mobile_menu .mod_changelanguage li {
        float: left;
        padding: 0 5px 0 5px;
    }
    .mobile_menu .mod_changelanguage li:nth-child(1) {
        border-right: 1px solid #ffffff;
    }
    .mobile_menu .mod_changelanguage li a,
    .mobile_menu .mod_changelanguage li strong {

    }

    .mobile_menu .kontakt {
        position: absolute;
        left:0;
        bottom: 55px;
        width:100%;
        text-align: center;
    }

    .mobile_menu .socials {
      position: absolute;
      left:0;
      bottom: 15px;
      width:100%;
      text-align: center;
      z-index:+1;
    }
    .mobile_menu .socials .text {
      display:none;
    }
    .mobile_menu .socials img {
          width: 24px;
    }

    .mobile_menu .socials .links {
      display:flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
    }

    .mobile_menu .socials .links a {
      margin: 0 5px;
      display:flex;
      justify-content: center;
      align-items: center;
    }

    .mobile_menu .socials .links a:hover {
      padding: 0;
      margin: 0 5px;
    }

    .mobile_menu .verlauf {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 150px;
      background: linear-gradient(0deg, rgba(1,38,58,0.5), rgba(1,38,58,0.001));
      background-position: bottom center;
      background-repeat: no-repeat;
      /*z-index: +1;*/
    }

    .mobile_menu .mobileclose {
        position: absolute;
        top:20px;
        right: 20px;
        display: block;
        width: 20px;
        height: 20px;
    }

    .mobile_menu .inner {
        position: relative;
        height: 100%;
        background-color:var(--ka-bk-boxgrey);
        color:var(--ka-nav-color);
        font-family: var(--ka-font-family-bg);
        font-size:18px;
        line-height:22px;
        text-transform:uppercase;
        z-index: 994;
        display:flex;
        /*font-weight: 600;*/
        align-items: center;
        justify-content: center;#footer .line2 .mod_changelanguage
    }

    .mobile_menu .inner .menuleft,
    .mobile_menu .inner .menuright {
      position: relative;
      width:50%;
      height: 100%;
      display:flex;
      align-items: center;
      justify-content: center;
    }

    .mobile_menu .inner .menuright img {
      position: absolute;
      left:0;
      top:0;
      width:100%;
      height:100%;
      object-fit: cover;
    }
    .mobile_menu .inner .menuright img.default {
      z-index:-1;
    }
    .mobile_menu .inner .menuright img.overlay {
      z-index:+1;
    }

    .mobile_menu .inner .menuright .rsts-view,
    .mobile_menu .inner .menuright .rsts-main {
      width:100%;
      height:100%;
    }



    .mobile_menu .inner .ce_text1,
    .mobile_menu .inner .ce_text h1,
    .mobile_menu .inner .ce_text p,
    .mobile_menu .inner .ce_text a1 {
        margin-top:0;
        margin-bottom:0;
        padding:10px 0 10px 15px;
        font-size:18px;
    }
    .mobile_menu .mod_navigation {
        clear:both;
        margin:0;
    }
    .mobile_menu .mod_navigation ul.level_1 {
        min-width: 300px;
        margin:0;
        padding:0;
    }
    .mobile_menu li.active.submenu_show > ul {
        padding-top:8px;
    }
    .mobile_menu .mod_navigation ul li {
        float:none;
        clear:both;
        margin:0;
        padding:0;
        list-style-type:none;
        width:calc(100% - 15px);
    }

    .mobile_menu .mod_navigation li span {
        /*das Pfeilchen*/
        width:100%;
        position:relative;
        display:block;
        font-size:20px;
        line-height: 22px;
    }

    .mobile_menu .mod_navigation a,
    .mobile_menu .mod_navigation li span,
    .mobile_menu .mod_navigation li.active strong {
        width:100%;
        display:block;
        margin-top:0;
        margin-bottom:0;
        padding:4px 0;
        text-align:center;
        font-size:16px;
        line-height: 18px;
        text-decoration:none;
        color:var(--ka-nav-color);
        height:auto;
        font-weight:600;
    }
    .mobile_menu .mod_navigation li.active strong {
        color:var(--ka-bk-boxlightgrey);
    }
    .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 {
        color:var(--ka-bk-boxlightgrey);
    }
    .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:26px;
        line-height:26px;
        top:-5px;
        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: 4px;
        padding-bottom:0;
        /*border:0px solid #666;*/
    }
    .mobile_menu ul.level_2 a,
    .mobile_menu ul.level_2 span,
    .mobile_menu ul.level_2 li.active strong {
        font-size:24px;
        line-height: 28px;
    }


    .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 {
      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: 20px;
    line-height: 22px;
  }
}

#accessibility .overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 9998;
}

#accessibility .overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* Overlay auch sichtbar machen, wenn das Menü per Tastatur-Fokus geöffnet wird */
#accessibilitynav:focus-within + .overlay {
  opacity: 1;
  pointer-events: auto;
}

#accessibilityhelp {
  position: fixed;
  top: -999em;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  z-index: 9999;
  background-color: var(--color-primary-500);
  color: #fff;
  font-size: 0.9rem;
  text-align: left;
}

#accessibilitynav.open #accessibilityhelp,
#accessibilitynav > ul > li.focused #accessibilityhelp,
#accessibilitynav > ul > li:focus-within #accessibilityhelp {
  top: 3rem;
}

#accessibilitynav {
  position: fixed;
  top: -999em;
  left: 50%;
  width: 100%;
  height: 3rem;
  color: #fff;
  transform: translateX(-50%);
}

#accessibilitynav.open,
#accessibilitynav:focus-within {
  top: 0;
  z-index: 999999;
}

#accessibilitynav > ul {
  position: relative;
  margin: 1rem 0;
  padding-left: 0;
  list-style: none;
}

#accessibilitynav > ul > li {
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  text-align: center;
  opacity: 0;
}

#accessibilitynav > ul > li.focused,
#accessibilitynav > ul > li:focus-within {
  height: auto;
  opacity: 1;
}

#accessibilitynav > ul > li a {
  color: #fff;
  white-space: nowrap;
}

#accessibilitynav > ul > li a:focus {
  outline-color: #fff;
}

/* Inhalt der Box */
#accessibilityhelp ul {
  margin-bottom: 1rem;
  padding-left: 0;
}

#accessibilityhelp li {
  display: block;
  padding: 0;
}

#accessibilityhelp li:after {
  display: none;
}

#accessibilityhelp li a {
  text-decoration: underline;
}

#accessibilityhelp hr {
  margin-top: 1rem;
  border-color: #fff;
}

#accessibilityhelp.container > .accessibility-inner {
  font-size: 18px;
  display: flex;
  flex-direction: row;
  gap: 5%;
  width: 100%;
  max-width: 1120px;
  margin: 60px auto 0;
  background: #cbcbc5;
  color: #25363e;
  border-radius: 8px;
  padding: clamp(16px, 2.5vw, 32px);
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  position: relative;
}

#accessibilityhelp.container > .accessibility-inner a {
  color: #25363e;
}

@media (max-width: 1200px) {
  #accessibilityhelp {
    max-height: calc(100vh - 2rem);
  }

  #accessibilityhelp.container > .accessibility-inner {
    flex-direction: column;
    gap: 1.5rem;
    margin: 1rem auto 0;
    padding: 1rem;
    max-width: calc(100% - 2rem);
  }
}

@media (max-width: 600px) {
  #accessibilityhelp.container > .accessibility-inner {
    font-size: 16px;
    padding: 0.75rem;
    gap: 1.25rem;
  }
}