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}
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}
@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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#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}
@font-face { font-family: 'Roboto Condensed';
             src: url('../../files/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype'); }
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; }
.confirmation { color:#090; }
.information { color:#999; }
.orange { color:#ff9900;}
.rot { color:#ff1800;}
.dcv-rot {color: #ff1d1d;}
.dunkelblau {color: #01758a;}
.gruen {color: #9fc04b;}
.weiss {color: #ffffff;}
.fett {font-weight: bold;}
.schrift_kleiner{font-size: 0.9em;}
.einzug30{padding-left:30px;}
.einzug60{padding-left:60px;}
.weinrot { color:#c55; }
.schalt-weiter {}
.schalt-weiter-mitte {}
.schalt-weiter-rechts {}
.schalt-orange-inbox {
    min-width:300px;
    max-width:500px;
    display:block;
    margin-right:auto;
    margin-bottom:10px;
    margin-left:auto;
    text-align:center;
    background-color:#ff9900;
    border:2px solid #fff;
}

.mce-container .tinymce_tooltip{
    background-color:#090;
    color: #fff;
}

.nav-main ul{width:100%;max-width:1200px;margin:0 auto;padding:0;list-style-type:none}.nav-main li{width:auto;min-width:120px;float:left;margin:0;text-align:left;width:16.6667%}.nav-main .level_2{width:0;height:0;left:-32768px;position:absolute;overflow:hidden;display:inline;top:-32768px}.nav-main .level_2 li{width:100%;clear:both}.nav-main .level_2 a:hover,.nav-main .level_2 a:focus{border-bottom:0}.nav-main .level_2 li:hover .level_3{width:auto;height:auto;left:100%;top:0;overflow:visible;display:block;z-index:2000}.nav-main li:hover .level_2{width:auto;height:auto;left:auto;top:auto;overflow:visible;display:block;z-index:1000}.nav-main .level_3{width:0;height:0;left:-32768px;position:absolute;overflow:hidden;display:inline;top:-32768px}.nav-main .level_3 li{width:auto;min-width:300px;clear:both}.nav-main .level_3 a,.nav-main .level_3 span{font-weight:normal}
#start_form fieldset.nostyle,fieldset.nostyle{border:none !important;padding:0 !important;margin:0 !important;clear:both;width:100%}.step-btn-container{display:none;clear:both;float:none;text-align:center}.step-btn-container.show{display:block}.step-btn-container .next{clear:both;padding:10px 15px;text-align:center;background-color:#090;color:#fff;border:1px solid #ccc;margin-right:auto;margin-left:auto}#contact_form .hidetextfield input.text{display:none !important}
.jt-backdrop{position:fixed;z-index:999998;top:0;left:0;width:100%;height:100%}.jt-backdrop.jt-black-backdrop{background:rgba(0,0,0,.5)}.jt-backdrop.jt-white-backdrop{background:rgba(255,255,255,.5)}.jt-blurred-body>:not(.jtippy){-webkit-filter:blur(2px);filter:blur(2px)}.jtippy{position:absolute;z-index:999999;background:#444;border-radius:5px;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;top:0;left:0}.jt-centered{position:fixed;top:50%;left:50%}.jt-title{margin:5px 20px 5px 10px;font-size:1em;line-height:1.6em;text-align:center;color:#fff;font-weight:800;white-space:nowrap}.jt-arrow{border:15px solid rgba(232,232,232,0);content:" ";height:0;width:0;position:absolute;pointer-events:none;margin-left:-15px}.jt-arrow-top{border-bottom-color:#444;bottom:100%;left:50%;top:auto;right:auto}.jt-arrow-bottom{border-top-color:#444;top:100%;left:50%;bottom:auto;right:auto}.jt-arrow-left,.jt-arrow-right{bottom:auto;border-width:15px;top:50%;margin-top:-15px}.jt-arrow-left{border-right-color:#444;left:-14px;right:auto}.jt-arrow-right{border-left-color:#444;right:-29px;left:auto}.jt-arrow-hug-left{left:30px;right:auto}.jt-arrow-hug-right{right:30px;left:auto}.jt-arrow-hug-left.jt-arrow-super-hug{left:15px;right:auto}.jt-arrow-hug-right.jt-arrow-super-hug{right:1px;left:auto}.jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,.jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug{top:-30px}.jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,.jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug{top:auto;bottom:-30px}.jt-tiny .jt-arrow-hug-left.jt-arrow-super-hug,.jt-tiny .jt-arrow-hug-right.jt-arrow-super-hug{bottom:-21px}.jt-black-theme .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,.jt-black-theme .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug{top:-27px}.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug{bottom:-28px}.jt-white-theme{background:#fff;border:2px solid #e4e4e4}.jt-white-theme .jt-title{color:#333}.jt-white-theme .jt-arrow-top{border-bottom-color:#e4e4e4}.jt-white-theme .jt-arrow-bottom{border-top-color:#e4e4e4}.jt-white-theme .jt-arrow-left{border-right-color:#e4e4e4}.jt-white-theme .jt-arrow-right{border-left-color:#e4e4e4}.jt-lt-gray-theme{background:#f3f3f3;border:2px solid #e4e4e4}.jt-lt-gray-theme .jt-title{color:#212529}.jt-blue-theme .jt-title,.jt-green-theme .jt-title,.jt-red-theme .jt-title{color:#fff}.jt-lt-gray-theme .jt-arrow-top{border-bottom-color:#e4e4e4}.jt-lt-gray-theme .jt-arrow-bottom{border-top-color:#e4e4e4}.jt-lt-gray-theme .jt-arrow-left{border-right-color:#e4e4e4}.jt-lt-gray-theme .jt-arrow-right{border-left-color:#e4e4e4}.jt-green-theme{background:#3dae4e;border:2px solid #3dae4e}.jt-green-theme .jt-arrow-top{border-bottom-color:#3dae4e}.jt-green-theme .jt-arrow-bottom{border-top-color:#3dae4e}.jt-green-theme .jt-arrow-left{border-right-color:#3dae4e}.jt-green-theme .jt-arrow-right{border-left-color:#3dae4e}.jt-red-theme{background:#dc3545;border:2px solid #dc3545}.jt-red-theme .jt-arrow-top{border-bottom-color:#dc3545}.jt-red-theme .jt-arrow-bottom{border-top-color:#dc3545}.jt-red-theme .jt-arrow-left{border-right-color:#dc3545}.jt-red-theme .jt-arrow-right{border-left-color:#dc3545}.jt-blue-theme{background:#008fe4;border:2px solid #008fe4}.jt-blue-theme .jt-arrow-top{border-bottom-color:#008fe4}.jt-blue-theme .jt-arrow-bottom{border-top-color:#008fe4}.jt-blue-theme .jt-arrow-left{border-right-color:#008fe4}.jt-blue-theme .jt-arrow-right{border-left-color:#008fe4}.jt-large{font-size:18px}.jt-medium{font-size:14px}.jt-small{font-size:12px;padding:5px}.jt-small .jt-title{margin:2px 8px;line-height:1.9em}.jt-tiny{padding:2px 5px;font-size:10px}.jt-tiny .jt-title{margin:4px 7px}.jt-tiny .jt-button{margin:0 3px}.jt-tiny .jt-arrow{border-width:10px;margin-left:-10px}.jt-tiny .jt-arrow-left{left:-10px;margin-top:-10px}.jt-tiny .jt-arrow-right{right:-20px;margin-top:-10px}.jt-tiny .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,.jt-tiny .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug{left:11px}.jt-tiny .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug,.jt-tiny .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug{right:1px}.jt-tiny.jt-white-theme .jt-arrow-top.jt-arrow-hug-left.jt-arrow-super-hug,.jt-tiny.jt-white-theme .jt-arrow-top.jt-arrow-hug-right.jt-arrow-super-hug{top:-18px}.jt-tiny.jt-white-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,.jt-tiny.jt-white-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug{bottom:-21px}.jt-tiny.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-left.jt-arrow-super-hug,.jt-tiny.jt-black-theme .jt-arrow-bottom.jt-arrow-hug-right.jt-arrow-super-hug{bottom:-18px}
.jtippy{max-width:300px;width:100%}.jtippy .jt-title{text-align:left;font-size:1.1em;line-height:1.4em;white-space:normal}.tinymce_tooltip{position:relative;cursor:help;padding-right:18px}.tinymce_tooltip::before{content:"";position:absolute;top:50%;right:0;width:13px;height:13px;transform:translateY(-50%);background:url("../../files/kellert/template/image002.gif") no-repeat 0 0;background-size:cover}.tinymce_tooltip::after{content:attr(title);position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);background:#333;color:white;padding:6px 10px;border-radius:5px;max-width:500px;width:max-content;white-space:normal;word-wrap:break-word;text-align:center;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:999}.tinymce_tooltip:hover::after{opacity:0}@media (max-width:420px){.tinymce_tooltip::after{max-width:300px}.tinymce_tooltip:active::after,.tinymce_tooltip:focus::after{opacity:1}}
.phone-notice{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0, 0, 0, 0.65)}.phone-notice__box{position:relative;width:100%;max-width:600px;padding:40px 45px;background:#fff;box-shadow:0 10px 40px rgba(0, 0, 0, 0.3)}.phone-notice__close{position:absolute;top:10px;right:15px;width:35px;height:35px;padding:0;border:0;background:transparent;font-size:30px;line-height:35px;cursor:pointer}.phone-notice__close:hover{opacity:0.6}@media (max-width:600px){.phone-notice__box{padding:35px 25px 25px}}
body{background-color:#F5F5F5;font:100.01%/1.4rem Arial, Helvetica, sans-serif;color:#666}hr{height:1px;margin-top:15px;margin-bottom:15px;border-top:1px solid #666;border-right:0px solid #666;border-bottom:0px solid #666;border-left:0px solid #666;color:#666}#wrapper{background-color:#fff;font-size:0.9rem}a{color:#019ebb;text-decoration:none}a:hover{text-decoration:underline}.clearfix{clear:both}figur{margin:0}
@charset "UTF-8";
#wrapper{border-top:0px;border-bottom:0px;box-shadow:8px 0px 4px -2px rgba(0, 0, 0, 0.3), -8px 0px 4px -2px rgba(0, 0, 0, 0.3)}h2{font-size:1.5em;line-height:1.4em;color:#019ebb}#main h2{margin-top:0;margin-bottom:15px;color:#ff7c00}#main h3{margin-top:0;margin-bottom:15px;padding-top:5px;font-size:1.2em;font-weight:bold;color:#01758a}#main h4{font-size:1em;text-decoration:underline;color:#333}.ce_gallery .cols_4 li{width:22.5%;text-align:center}.ce_form{box-sizing:border-box}.ui-icon{display:none}.acc-center h3,.acc-center h2{margin-right:auto;margin-left:auto;text-align:center}.tab_scroll_screen{width:100%;overflow-y:auto;margin:0 0 1em}.tab_scroll_screen::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.tab_scroll_screen::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0, 0, 0, 0.3)}.whatsapp{float:left;padding-right:10px}#top-content .slider-control{display:none}#start_form{clear:both;margin-right:0;margin-left:0}#start_form formbody{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:stretch;flex:1}#start_form fieldset{width:47.5%;min-width:300px;float:left;margin-right:1.25%;margin-left:1.25%;box-sizing:border-box;margin-bottom:15px;flex-grow:1;flex-shrink:1;hyphens:auto;order:0}#start_form .noflex{width:97.5%;flex-basis:100%}.box-grid6{width:47.5%;float:left;padding:1.25%;background-color:#f2f2f2;box-sizing:border-box;margin-bottom:15px;flex-grow:1;flex-shrink:1;hyphens:auto;order:0}.mod_quicknav{display:none}.dcv div a{position:relative;display:block;margin-right:5%;margin-bottom:2.5%;margin-left:5%;padding:5px 50px 5px 5px;vertical-align:bottom;text-align:center;background:#019ebb url("../../files/kellert/css/logo-weiss-30.png") right bottom no-repeat;border-radius:3px;font-size:1rem;color:#fff;letter-spacing:1px}.dcv{width:30.5%;min-height:420px;float:left;margin-bottom:30px;text-align:center;border:1px solid #ccc;box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.25);-webkit-box-shadow:-2px 2px 2px 0 rgba(0, 0, 0, 0.25)}.dcv p,.dcv h2{margin-right:5%;margin-left:5%}.dcv p{min-height:150px}.dcv img{width:100%}#main .dcv h2{width:80%;position:relative;float:left;display:block;margin:-5% 5% 0;padding:5% 5% 2%;text-align:center;background-color:#fff;font-size:1.2em;color:#666;font-weight:600}#main .dcv h2 a{font-size:1.2em;color:#666;font-weight:600}.ce_headline{padding-top:1rem}.icon_mail a:before{margin-right:10px;content:"✉"}.icon_tel a:before{margin-right:10px;content:"☎"}#main .ce_text p{margin-bottom:1rem}.spalten{margin-bottom:15px;column-count:2;column-gap:30px;column-width:45%}#main .spalten h2{column-span:all}form .widget{float:none;clear:both}.scroll tbody{height:50em;display:block;overflow-y:scroll;overflow:auto}.scroll thead{display:block;border-right:1.4em solid #e6e6e6;border-top:1px solid #cccccc}.vergleich,.vergleich_4s{font-size:0.9em}.vergleich table,.vergleich_4s table{overflow:visible;background-color:#fff;border-top:0px solid #ccc;border-left:1px solid #ccc}.vergleich th,.vergleich td,.vergleich_4s th,.vergleich_4s td{padding:1.5% 1% 1%;vertical-align:middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.vergleich th{width:44%;min-width:30px;text-align:left;font-weight:normal}.vergleich td{width:25%;min-width:30px;text-align:center}.vergleich_4s th{width:32%;min-width:30px;text-align:left;font-weight:normal}.vergleich_4s td{width:20%;min-width:100px;text-align:center}#main .vergleich td p #main .vergleich_4s td p{margin-bottom:0;padding-bottom:0;text-align:center}#main .vergleich h4,#main .vergleich_4s h4{margin-top:0;margin-bottom:0;font-weight:bold;text-decoration:none}#main .vergleich h3,#main .vergleich_4s h3{margin-top:0;margin-bottom:0;padding-top:10px}.vergleich .grau,.vergleich_4s .grau{background-color:#f2f2f2}.vergleich_5s td{width:16%}.vergleich_5s th{width:26%}.vergleich_6s td{width:14%}.vergleich_6s th{width:18%}iframe{margin-right:2.5%;margin-left:2.5%}iframe>html>body{margin:0 auto 0 auto !important}.box50{width:42.5%;height:280px;min-width:100px;float:left;margin-bottom:2.5%;padding:2% 2.5%;background-color:#f2f2f2;border-radius:5px}#main .box50 h2{margin-bottom:10px;padding-top:10px;text-align:center;color:#ff7c00}#main .box50 h3{margin-bottom:2%;padding-top:0}.box50 h3 a{display:block;padding:5px 50px 5px 5px;text-align:center;background:#019ebb url("../../files/kellert/css/logo-weiss-30.png") right bottom no-repeat;font-size:1em;color:#fff;letter-spacing:1px}.ce_accordion .toggler{cursor:pointer}.mitte{text-align:center}#top-content{background-color:#019ebb}.werbung-links{text-align:center;color:#ff0000}.werbung-links .ce_text,.werbung-links .ce_image{margin-bottom:30px;text-align:center}.werbung-links h3{font-size:1em;font-weight:bold;color:#ff0000}.werbung-links a{color:#ff0000}.ce_downloads a{padding-left:10px;font-size:1.2em}.ce_downloads li{margin-bottom:10px}.ce_downloads .mime_icon{top:2px;position:relative}#main .inside{font-size:0.95em}#main h1{margin-top:0;margin-bottom:20px;font-size:1.5em;font-weight:bold;color:#9fc04b;text-transform:uppercase}#main .box h2{color:#ff7c00}.box50 .float_above{text-align:center}#main .toggler h2{margin-top:0;margin-bottom:10px}#main .toggler h3{margin-top:0;margin-bottom:1rem}.ui-state-default{border:0px;color:#333;background:none}.ui-corner-all{border:0px}.ui-accordion .ui-accordion-content{padding:0;border-top:0;overflow:auto}.ui-widget-content,.ui-state-active{border:0px;color:#333;background:none}.ui-accordion-header{text-align:center}#main h5{margin-bottom:0;font-size:1em;font-weight:bold;color:#333}#top-content{height:240px;text-align:left;border-top:10px solid #f2f2f2;border-bottom:10px solid #f2f2f2}figure{margin:0}.schalt-gruen p{min-width:300px;max-width:500px;display:block;margin-right:auto;margin-left:auto;text-align:center;background-color:#80a12b;border:2px solid #fff}.schalt-orange p{min-width:300px;max-width:500px;display:block;margin-right:auto;margin-left:auto;text-align:center;background-color:#ff7c00;border:2px solid #fff}.schalt-orange-inbox{min-width:300px;max-width:500px;display:block;margin-right:auto;margin-bottom:10px;margin-left:auto;text-align:center;background-color:#ff7c00;border:2px solid #fff}.schalt-gruen a,.schalt-orange a,.schalt-orange-inbox a{display:block;margin-right:auto;margin-left:auto;padding:15px;text-align:center;font-size:1.6em;text-decoration:none;color:#fff}.schalt-weiter{max-width:210px;display:block;background-color:#80a12b;border:2px solid #fff;border-radius:3px}.schalt-weiter-mitte{max-width:210px;display:block;margin-right:auto;margin-bottom:0;margin-left:auto;background-color:#80a12b;border:2px solid #fff;border-radius:3px}.schalt-weiter-rechts{max-width:210px;display:block;margin-bottom:0;margin-left:auto;background-color:#80a12b;border:2px solid #fff;border-radius:3px}.schalt-weiter a,.schalt-weiter-mitte a,.schalt-weiter-rechts a{display:block;padding:10px 15px;text-align:center;font-size:1.2em;font-weight:bold;text-decoration:none;color:#fff}.ce_text ul{margin:0 0 15px;padding-left:15px}.box .ce_text ul{margin:0 0 30px;padding-left:20px}.ce_text li{margin:0;padding-left:0;list-style-type:disc}.box .ce_text li{margin:0 0 10px;padding-left:5px;list-style-type:disc}#top-content .ce_text li{margin:0 0 15px;padding-left:0;font-size:1.1em}.float_left{float:left;margin-right:15px}#main .float_left{margin-bottom:5px}#top-content .grid5{width:420px;float:left;display:inline;margin-right:15px;margin-left:0}.mod_search input{width:220px;float:left;margin:0 15px 15px 0;padding:10px;background-color:#fff;border:1px solid #ccc}.mod_search .submit{width:60px;margin:0 20px 0 0;padding:5px}#navmobil,#navmobil-link{display:none}#lbl_266_0,#lbl_268_0,#lbl_292_0,#lbl_303_0,#lbl_309_0,#lbl_310_0,#lbl_316_0{padding-top:2px;width:430px !important}div#ctrl_266 span,div#ctrl_268 span,div#ctrl_292 span,div#ctrl_303 span,div#ctrl_309 span,div#ctrl_310 span,div#ctrl_316 span{width:480px !important}.hyperlink_txt{font-size:20px;line-height:25px;font-style:italic;color:#fff}.partnerlogos img{border:1px solid #ccc}imnput.text,textarea{padding-right:2px;padding-left:2px}.mandatory{font-weight:bold;color:#505050}input,textarea,input.checkbox{margin-top:2px;margin-bottom:2px;margin-left:10px;background-color:#e6e6e6;border:1px solid #e6e6e6}.submit{cursor:pointer}.tbl_partner img{margin-right:auto;margin-left:auto;text-align:center;border:1px solid #ccc}.tbl_schaden img{border:1px solid #ccc}h6{margin-top:0;margin-bottom:0;padding-bottom:10px;border-bottom:2px solid #fff;font-size:16px;color:#9fc04b;text-transform:uppercase}#nav_2 ul{margin:0;padding:0;list-style-type:none}#nav_2{margin-bottom:30px}#nav_2{text-align:left}#nav_2 ul li{border-bottom:2px solid #fff;font-size:0.86em;color:#019ebb;letter-spacing:0.05em;text-transform:uppercase}#nav_main{clear:both;margin-bottom:10px;text-align:left}#nav_main ul{margin:0;padding:0}#nav_main li{width:16.6667%;min-width:150px;float:left;list-style-type:none}#nav_main a{background-color:#e6e6e6}#nav_main .active{background-color:rgba(230, 230, 230, 0.4);color:#9fc04b}#nav_main ul li a,#nav_main>ul>li>.active{display:block;padding:10px 15px 5px;text-align:center;border:2px solid #fff;font-size:1.05em;font-weight:bold;color:#019ebb;letter-spacing:1px;text-transform:uppercase}#nav_main ul li a:hover{text-decoration:none;color:#9fc04b}#nav_2 ul li a{color:#019cbb}#nav_2 ul li a,#nav_2>ul>li>.active{display:block;padding-top:12px;padding-bottom:10px}#nav_2>ul>li>.active{color:#9fc04b}#nav_2 ul li .level_2{margin-bottom:5px;margin-left:10px;list-style-type:none}#nav_2 ul li .level_3{margin-bottom:5px;margin-left:15px;list-style-type:none}#nav_2 ul li .level_4{margin-bottom:5px;margin-left:20px;list-style-type:none}#nav_2 ul li ul li{border-top:1px solid #fff;border-bottom:0px solid #fff;color:#9fc04b;text-transform:uppercase}#nav_2 .level_2 a{color:#5e5e5e}#nav_2 .level_3 a{font-weight:normal;color:#f90}#nav_2 .level_4 a{font-weight:normal;color:#333}.logo_assec,.logo{padding-top:15px;color:#009ebc}.logo_assec_at{padding-top:15px;color:#ff1d1d}#header .logo_assec_at a{color:#ff1d1d}.assec_li{margin-top:15px;margin-bottom:15px}.assec_li .image_container{margin-bottom:15px}.assec_re,.logo_re{margin-top:15px;font:1.2em Roboto Condensed;letter-spacing:0.04em;font-weight:500}.logo_re p,.assec_re p{margin-bottom:5px}.assec_re td,.logo_re td{padding-right:15px;padding-bottom:5px;padding-left:0}.assec_re table,.logo_re table{margin-bottom:0}.box{margin-bottom:15px;padding:15px 30px 5px;background-color:#f2f2f2}.box-modul{margin-bottom:15px;padding-top:15px;padding-bottom:15px;padding-left:85px;text-align:center;background-color:#fff}#main .box h1{color:#01758a}.box p,.box h4,.box h5{clear:both;margin-bottom:15px}#header .logo h1,#header .logo .ue1{margin-top:0;margin-bottom:0;font:1.6em Roboto Condensed;font-weight:normal;font-variant:small-caps;color:#009ebc;word-wrap:break-word;text-transform:uppercase}#header .logo_assec .ue1{margin-top:10px;margin-bottom:5px;font:2.8em/1em Roboto Condensed;font-weight:bold;color:#009ebc;letter-spacing:0.02em;word-wrap:break-word}#header .logo_assec_at .ue1{margin-top:10px;margin-bottom:5px;font:2.8em/1em Roboto Condensed;font-weight:bold;color:#ff1d1d;letter-spacing:0.02em;word-wrap:break-word}#header .logo_assec_at .ue2{margin-top:0;margin-bottom:15px;font:1.4em Roboto Condensed;font-weight:normal;color:#ff1d1d;text-transform:none}#header h2,#header .ue2{margin-top:0;margin-bottom:15px;font:1.4em Roboto Condensed;font-weight:normal;color:#009ebc;text-transform:none}#header h3,#header .ue3{margin-top:0;margin-bottom:0;font:16px/20px Roboto Condensed;font-weight:normal;color:#000;text-transform:none}imnput.text,textarea{padding-right:2px;padding-left:2px}.mandatory{font-weight:bold;color:#505050}.ce_form{margin-bottom:15px;font-size:0.9em}#contact_form fieldset{margin-bottom:15px;padding:1.25%;border:1px solid #ccc}#start_form fieldset{margin-bottom:15px;padding:1.25%;background-color:rgba(242, 242, 242, 0.5);border:1px solid #ccc}#contact_form fieldset .checkbox_container,#start_form fieldset .checkbox_container{margin-bottom:0;padding-right:0;padding-left:0;border:0px;background:none}#contact_form legend,#start_form legend{padding:2px 5px;background-color:#ccc;font-weight:bold;color:#fff}#contact_form label{width:180px;float:left;margin-right:15px;text-align:right}#start_form label{width:120px;float:left;margin-right:15px;text-align:left}#contact_form .checkbox_container input,#start_form .checkbox_container input{width:5%;min-width:30px;float:left;margin-top:4px;text-align:left}#contact_form .checkbox_container label{width:28%;min-width:210px;margin-right:auto;margin-bottom:10px;text-align:left}#contact_form .breit label{width:80%;margin-right:auto;margin-bottom:10px;text-align:left}#contact_form .checkbox label{width:80%}#start_form .checkbox_container label{width:90%;min-width:210px;margin-right:auto;margin-bottom:10px;text-align:left}#contact_form .checkbox_container span,#start_form .checkbox_container span{width:33%}#contact_form select,#contact_form input,#contact_form textarea{width:325px;display:inline;margin:0 0 10px;padding:3px;border:1px solid #ccc}#start_form select,#start_form input,#start_form textarea{width:300px;display:inline;margin:0 0 10px;padding:3px;border:1px solid #ccc}#contact_form textarea{width:400px;height:200px;overflow:auto;margin-bottom:5px;padding-bottom:10px}#contact_form br{clear:both}#contact_form input.captcha{width:25px}#contact_form .submit,#start_form .submit{padding:10px 15px;text-align:center;background-color:#fff;border:1px solid #ccc;color:#000;margin-right:auto;margin-left:auto}#contact_form input[type="hidden"]{display:none}.ce_form p.error{margin-top:10px;margin-left:110px;padding-left:25px;color:#f00;font-style:italic}#main .syndication{width:220px;margin-top:15px;margin-bottom:15px;margin-left:auto}#main .syndication a{margin-right:15px}#top-content h1{margin-top:0;padding-top:15px;font-size:1.3em;font-weight:bold;color:#fff;letter-spacing:0.1%;text-transform:uppercase}#top-content h2{margin-top:0;padding-top:5px;font-size:1.1em;color:#fff}#top-content h3{margin-top:0;font-size:1em;line-height:1.8em;font-weight:bold;color:#fff}#top-content .float_left{margin:0 20px 0 0}#top-content .mod_article .ce_text p,#top-content .mod_article .ce_text div{margin-top:0;font-size:1.1em;line-height:1.4em}#top-content .ce_text{padding-top:15px;padding-left:30px;color:#fff}#top-content a{color:#fff}#top-content .ce_text ul{padding-left:20px}.kontakt_box{text-align:center;font-size:0.9em}.kontakt_box p{font-size:0.9em}.kontakt_box img{padding:15px}.imggross img,#top-content img{width:100%}.kontakt_box h3{font-size:1em;line-height:1.3em;font-weight:bold}.at h3{font-size:1em;line-height:1.3em;font-weight:bold;color:#ff1d1d}.at a{color:#ff1d1d}.kontakt_box h2{line-height:1.3em;color:#666}#footer .inside{padding:15px 15px 30px 270px;background-color:#009ebc;background-image:url("../../files/kellert/css/logo-footer.gif");background-repeat:no-repeat;background-position:50px 0}#footer .proven{width:250px;padding:0.5rem 1rem;text-align:center;background-color:#fff;border-radius:5px}.box_center_ohne{margin-top:1rem;margin-bottom:1rem;text-align:center}.box_center_ohne img{padding:1rem}#nav_footer{margin-bottom:1.5rem;border-bottom:1px solid #fff}#nav_footer ul{margin:0;padding:0;list-style-type:none}#footer ul li{float:left;margin-right:15px;margin-left:15px;font-size:0.8rem;color:#fff;text-transform:uppercase}#nav_footer ul li a,#nav_footer>ul>li>.active{display:block;padding:15px 15px 10px;font-size:0.9em;font-weight:bold;color:#fff}#left .inside{margin-right:15px;padding:15px 10px;text-align:center;background-color:#e6e6e6}#container{padding-top:15px;padding-bottom:15px;text-align:left}
@charset "UTF-8";
.icon_pfeil a::after{margin-left:10px;content:"▼"}.nav-main.dropdown>ul>li.submenu>a::after,.nav-main.dropdown>ul>li.submenu>.active::after{margin-left:10px;content:"▼"}.nav-main{width:100%;max-width:1200px;clear:both;margin-right:auto;margin-bottom:15px;margin-left:auto;text-align:center}.nav-main ul{width:100%;margin:0;padding:0;text-align:center;list-style-type:none}.nav-main>ul>li{width:16.6667%;min-width:120px;float:left;text-align:center;list-style-type:none}.nav-main>ul>li>a{display:block;margin:1px 2px;background-color:rgba(221, 221, 221, 0.8);text-decoration:none;color:#9fc04b}.nav-main>ul>li>a:hover,.nav-main>ul>li>a:focus{color:#9fc04b}.nav-main>ul>li>a,.nav-main>ul>li>.active,.nav-main>ul>li>.trail,.nav-main .level_2 li .active{display:block;padding-top:10px;padding-bottom:10px;font-size:0.9rem;text-decoration:none;color:#019ebb;letter-spacing:1px;font-weight:600}.nav-main>ul>li>.active,.nav-main>ul>li>.trail{background-color:rgba(221, 221, 221, 0.45);color:#9fc04b}.nav-main.dropdown>ul>li.submenu:hover>a,.nav-main.dropdown>ul>li.submenu:hover>.active .nav-main.dropdown>ul>li.submenu:focus>a,.nav-main.dropdown>ul>li.submenu:focus>.active{border-bottom:none}.nav-main.dropdown li.submenu:hover .level_2 .nav-main.dropdown li.submenu:focus .level_2{left:auto;border-top:1px solid #e5dfdc}.nav-main .submenu .level_2 ul{margin:0;padding:0}.nav-main .submenu .level_2 li{margin:0;padding:0;border-bottom:1px solid #fff}.nav-main .submenu .level_2 a{clear:both;display:block;padding:8px 5px 7px 10px;background-color:#ddd;font-size:0.9rem;text-decoration:none;color:#666}.nav-main .submenu .level_2 a:hover,.nav-main .submenu .level_2 a:focus{display:block;background-color:#eee;color:#019ebb}.nav-main .submenu .level_2 li .active,.nav-main .submenu .level_2 li .forward{display:block;padding:8px 5px 7px 10px;background-color:#ccc;color:#333}.nav-main .level_2>li.submenu>a::after{margin-left:10px;content:"▶"}.nav-main .submenu .level_3 a{background-color:#eee}.pagination{clear:both;margin-top:10px;padding-top:5px;border-top:0px solid #e1dad6}.pagination ul{width:240px;float:right;margin:0;padding:0 3px;text-align:right}.pagination ul{margin:0;padding:0;list-style:none}.pagination li{float:left}.pagination a,.pagination span{display:block;padding:5px;background-color:#dfdfdf;border:1px solid #f5f5f5;text-decoration:none;color:#7f7266}.pagination span{display:block;padding:5px;background-color:#999;border:1px solid #de601a;color:#fff}.mod_sitemap ul{margin:0;padding:0;list-style:none}.mod_sitemap li{margin:0;padding:0 0 5px 15px;background-repeat:no-repeat}.mod_sitemap a{display:block;padding:5px 2px}
@media (min-width:768px) and (max-width:1079px){.dcv{width:44.5%}.box50{width:42.5%;margin-right:auto;margin-bottom:2.5%;margin-left:auto;padding-right:2.5%;padding-left:2.5%}.box-modul{margin-bottom:15px;padding:0;background-color:#fff}#contact_form .checkbox_container label{width:90%;max-width:600px;margin-right:auto;margin-bottom:10px;text-align:left}#contact_form .checkbox_container input{width:10%;min-width:10px;float:left;margin-top:4px;text-align:left}#top-content .ce_text li{margin:0 0 5px;padding-left:0;font-size:1em}#top-content h1{margin-top:0;padding-top:10px;font-size:1.2em;font-weight:bold;color:#fff;letter-spacing:0.1%}#top-content .ce_text{padding-top:10px;padding-left:10px;color:#fff}.anfrage #top-content{display:none}#nav_main li,.nav-main>ul>li{width:33.3334%;min-width:200px}#top-content .image_container{height:auto}#wrapper{border-top:0px;border-bottom:0px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 0px rgba(0, 0, 0, 0.3)}#top-content{height:auto;margin:0}}@media screen and (max-width:767px){.spalten{padding-top:15px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}#wrapper{width:100%}#left{width:100% !important;right:0px !important}#container{padding-right:0;padding-left:0}*[class*="grid"]{float:none;float:none !important;display:block !important;width:auto !important}.ce_gallery .cols_4 li{width:47.5%}.rating{margin-bottom:15px}.ce_sliderStart{display:none}.mod_quicknav .submit{width:200px;display:block;margin-right:auto;margin-left:auto;padding:10px 15px;background-color:#319acd;font-size:1.2em;font-weight:bold;color:#fff}.mod_quicknav{width:90%;max-width:90%;display:inline;font-size:0.9em}.mod_quicknav select{max-width:90%;overflow:hidden;margin-bottom:10px;padding:10px;font-size:1.2em}.antrag .mod_quicknav,.antrag .custom{display:none}.dcv{width:95%;float:none}#contact_form select,#contact_form input,#contact_form textarea{width:95%;display:inline;margin:0 0 10px;padding:3px;border:1px solid #ccc}.box{margin-bottom:15px;padding:2px}.vergleich table,.vergleich_4s table{overflow:visible}.tab_scroll{width:100%;overflow-y:auto;margin:0 0 1em}.tab_scroll::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.tab_scroll::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0, 0, 0, 0.3)}.assec_re,.assec_re table,.logo_re,.logo_re table{margin-right:auto;margin-left:auto;text-align:center}.box50{width:40%;margin-right:auto;margin-bottom:2.5%;margin-left:auto;padding-right:2.5%;padding-left:2.5%}#navmobil{display:inline;margin-top:20px}#navmobil-link{position:relative;display:inline-block;margin:15px 15px 15px 0;padding:15px 15px 15px 0;background-color:rgba(255, 255, 255, 0.9);border:1px solid #fff;border-radius:5px}#navmobil-link a{padding:20px 80px 15px 15px;background-image:url("../../files/css/files/kellert/css/menu-mobil-40.png");background-position:right center;background-repeat:no-repeat;font-size:1.2em;font-weight:bold;color:#ff7c00}#contact_form .checkbox_container label{width:90%;max-width:600px;margin-right:auto;margin-bottom:10px;text-align:left}.box-modul{margin-bottom:0;padding:0;background-color:#fff}#contact_form .checkbox_container input{width:10%;min-width:10px;float:left;margin-top:4px;text-align:left}.float_right,.float_left,.layout_teaser .float_right,#main .float_left{float:none;margin:0;text-align:center}.anfrage #top-content{display:none}#nav_main li{width:50%;min-width:160px}#nav_main,.nav-main{display:none}#nav_2{text-align:center}#nav_2 ul li a,#nav_2 ul li span{display:block;margin-top:4px;margin-bottom:4px;padding-top:10px;padding-bottom:8px}#left .inside{margin-right:3%;margin-left:3%;padding:30px 10px;background-color:#e6e6e6}#main .inside{padding-top:0;text-align:left;font-size:0.9em}#top-content .image_container{width:100%;margin-right:auto;margin-left:auto;text-align:center}#top-content .ce_text{padding-top:0;padding-right:10px;padding-left:10px}.logo{padding-top:30px;padding-right:15px;padding-left:15px}#wrapper{border-top:0px;border-bottom:0px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 0px rgba(0, 0, 0, 0.3)}.custom{width:100%;left:0;right:0;position:relative;margin:0;background-color:#319acd}#top-content{height:auto;margin:0;text-align:center}#top-content .grid5{width:100%;float:none;display:inline;margin-right:0;margin-left:0}.whatsapp{display:inline}#kopf{min-height:145px;padding-right:15px;padding-left:15px;text-align:center}#header{background:none}#footer .ce_gallery .caption,#footer .image_container .caption{padding-top:10px;padding-left:5px;text-align:left}#footer .inside{padding:80px 30px 30px;text-align:left;background-color:#009ebc;background-image:url("../../files/css/files/kellert/css/logo-footer.gif");background-repeat:no-repeat;background-position:50px 0}#nav_footer ul li a,#nav_footer ul li span{display:block;margin-top:8px;margin-bottom:3px;padding:10px 15px;font-size:1em;font-weight:bold;color:#fff}#footer ul li{float:none;list-style-type:none}#header .inside{height:auto;text-align:center;background:none}body{padding:0;background:none}#left{width:auto;right:0;font-size:1.1em}.radio_container legend{width:180px;float:none;margin:0;padding:0;text-align:left}#main .mod_article h1{margin-top:10px;margin-bottom:10px}.mod_article [class*="ce_"],.mod_article [class*="mod_"]{margin-right:2.5%;margin-left:2.5%}#main h2,.ce_text p,.ce_text div,.ce_text li{margin-bottom:10px}#header h2{margin-bottom:5px;font:1.3em Roboto Condensed;font-weight:normal;color:#009ebc;text-transform:none}.mod_eventlist .layout_teaser{margin-bottom:15px;margin-left:0;border-bottom:1px solid #447627}textarea{margin-top:2px;margin-left:2px;width:96% !important}}@media screen and (max-width:537px){#start_form fieldset{width:97.5%;min-width:250px;float:left;margin-right:1.25%;margin-left:1.25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;flex-grow:1;flex-shrink:1;hyphens:auto;order:0}.box50{width:90%;height:auto}#contact_form label{width:180px;float:none;display:block;margin-right:15px;text-align:left}}
@media print{#wrapper{padding:0;text-align:left;font-size:14px}#header{margin-bottom:20px;padding-bottom:30px;text-align:left;border-bottom:2px solid #2e3092}.logo{float:right;display:inline}.adresse{display:inline}#kopf h1{margin:0;padding:0 0 10px;font-size:20px;font-variant:small-caps;color:#2e3092}#kopf h2{font-size:16px}#main{width:100%;margin:0 0 20px;padding:0;border:0px}.tab-klamottchen{margin:0;padding:5px;background-color:#fef0e1;border:1px solid #2e3092}.tab-klamottchen td{padding:5px 2px 5px 10px;font-weight:bold;color:#2e3092}.box{margin:10px 0;padding:0 5px 5px 10px;text-align:left;background-color:#fef0e1;border:1px solid #2e3092}.box p{margin:0;padding:0}p.back{margin-top:1.5rem}.mod_article h1{margin:10px 0}.mod_article h2{margin:8px 0 10px}.mod_article h3{margin:5px 0 10px}.mod_article p{margin:0 0 10px}.mod_article .teaser,.mod_article p.more{margin:0;padding:0}pre{float:left;padding:1em;background-color:#f9f9f9;border:1px solid #dfdfdf}.ce_text{margin:0}.ce_list ol,.ce_text ol{margin-left:3em;list-style-type:decimal}.ce_list ul,.ce_text ul{margin-top:5px;margin-bottom:10px;margin-left:25px}.ce_list ul li,.ce_text ul li{margin:0 0 5px;padding:0 0 0 10px;list-style-image:url("../../kinder.gif");list-style-position:center center;font-weight:500}.ce_image img,.ce_text img,.ce_gallery img,.mod_newslist img,.mod_randomImage img,.teaser img{padding:2px;border:1px solid #fee1c6}.image_container{float:left;line-height:0.75}.caption{padding:2px 3px 4px;background-color:#fee1c6;font-size:0.8em;line-height:1;color:#333}.mime_icon{padding-bottom:2px;vertical-align:top}.ce_gallery td{padding:0 1.5em 1.5em 0}.ce_table table{border-right:2px solid #dfdfdf;border-collapse:separate;border-bottom:3px solid #dfdfdf;border-left:3px solid #dfdfdf}.ce_table th{padding:0.3em 2em 0.3em 0.5em;text-align:left;background-color:#dfdfdf;font-weight:bold}.ce_table td{padding:0.2em 2em 0.2em 0.5em;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.mod_search .filesize{color:#808080}.kasten{width:100%;margin-top:5px;margin-bottom:20px}.kasten tr{width:98%;vertical-align:middle;background-color:#fef0e1;border:1px solid #2e3092}.kasten td{padding:5px 5px 0}#kontakt input.text mandatory error{margin-top:0;margin-left:160px;padding:0}#kontakt .error{color:#f00}#kontakt input.text{width:200px;margin-bottom:5px;padding:0}#kontakt input.submit{margin:0 0 0 140px;padding:2px 4px}#kontakt legend{margin-top:5px;margin-bottom:5px;padding:5px;color:#2e3092}#kontakt label{width:120px;float:left;padding:0 5px 0 0;text-align:left}#kontakt textarea{width:400px;margin-bottom:5px;padding:0;text-align:left}#kontakt fieldset{padding:10px;border:1px solid #f9b377}#clear{height:0;clear:both;visibility:hidden}label{font-weight:bold}p.label{margin-top:0.5em;margin-bottom:-0.25em}fieldset{margin:0 0 1.5em;padding:1.4em}legend{font-size:1.1em;font-weight:bold}textarea{width:400px;padding:0;text-align:left}#left,#right,.mod_customnav,#mainmenu,#fuss,.mod_breadcrumb,#footer,.nav-main,.adresse_face{display:none}}
/* ================================================================
   CampingAssec – Kacheln und Produkthighlights | Contao 4.13
   Gesamtfassung 24.10.2026

   CSS-KLASSE BEIM ARTIKEL (nicht Artikeltitel):
     ca-produkthighlights  = bisheriges 2:1-Layout (Kompatibilität)
     ca-kacheln-2          = 2 gleich breite Kacheln
     ca-kacheln-3          = 3 gleich breite Kacheln
     ca-kacheln-4          = 4 gleich breite Kacheln
     ca-kacheln-2-1        = links 2/3, rechts 1/3
     ca-kacheln-1-2        = links 1/3, rechts 2/3

   CSS-KLASSEN BEIM TEXT-INHALTSELEMENT:
     ca-kachel (weiß), ca-kachel-blau (hellblau), ca-highlight-vorteile,
     ca-highlight-preis (Preis-Design unabhängig von der Farbe),
     ca-highlight-preis-blau (ältere Einzelklasse, weiterhin unterstützt)

   Bestehende ca-grid-* Regeln bleiben als Altbestand erhalten.
   Die neuen Layouts gelten nur für explizit markierte Artikel.
   ================================================================ */

/* Bestehende ältere Kachel-Raster (Kompatibilität) */
.mod_article:is(.ca-grid-2,.ca-grid-3,.ca-grid-4,.ca-grid-2-1,.ca-grid-1-2) {
  --ca-gap: 20px;
  display: block !important;
}
.mod_article:is(.ca-grid-2,.ca-grid-3,.ca-grid-4,.ca-grid-2-1,.ca-grid-1-2)::after {
  content: "";
  display: table;
  clear: both;
}
.mod_article:is(.ca-grid-2,.ca-grid-3,.ca-grid-4,.ca-grid-2-1,.ca-grid-1-2) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
  box-sizing: border-box;
  float: left !important;
  clear: none !important;
  min-width: 0;
  max-width: none;
  margin: 0 0 var(--ca-gap) 0 !important;
}
.mod_article.ca-grid-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: calc((100% - var(--ca-gap))/2) !important; }
.mod_article.ca-grid-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2n) { margin-left: var(--ca-gap) !important; }
.mod_article.ca-grid-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2n+1) { clear: left !important; }
.mod_article.ca-grid-3 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: calc((100% - 2 * var(--ca-gap))/3) !important; }
.mod_article.ca-grid-3 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):not(:nth-child(3n+1)) { margin-left: var(--ca-gap) !important; }
.mod_article.ca-grid-3 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(3n+1) { clear: left !important; }
.mod_article.ca-grid-4 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: calc((100% - 3 * var(--ca-gap))/4) !important; }
.mod_article.ca-grid-4 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):not(:nth-child(4n+1)) { margin-left: var(--ca-gap) !important; }
.mod_article.ca-grid-4 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(4n+1) { clear: left !important; }
.mod_article.ca-grid-2-1 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):first-child { width: calc((100% - var(--ca-gap))*2/3) !important; clear: left !important; }
.mod_article.ca-grid-2-1 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2) { width: calc((100% - var(--ca-gap))/3) !important; margin-left: var(--ca-gap) !important; }
.mod_article.ca-grid-1-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):first-child { width: calc((100% - var(--ca-gap))/3) !important; clear: left !important; }
.mod_article.ca-grid-1-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2) { width: calc((100% - var(--ca-gap))*2/3) !important; margin-left: var(--ca-gap) !important; }

/* Allgemeine Kachel */
.mod_article > :is(.ca-kachel,.ca-kachel-blau) {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d9e5ef;
  border-radius: 14px;
  padding: 24px;
  color: #17324d;
}

/* NEU: Layout nur bei ausdrücklich gekennzeichneten Artikeln.
   Ein Artikeltitel allein aktiviert keine CSS-Klasse. */
.mod_article:is(.ca-produkthighlights,.ca-kacheln-2,.ca-kacheln-3,.ca-kacheln-4,.ca-kacheln-2-1,.ca-kacheln-1-2) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 2%;
  row-gap: 20px;
  box-sizing: border-box;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-bottom: 30px !important;
}
.mod_article:is(.ca-produkthighlights,.ca-kacheln-2,.ca-kacheln-3,.ca-kacheln-4,.ca-kacheln-2-1,.ca-kacheln-1-2) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
  box-sizing: border-box;
  float: none !important;
  clear: none !important;
  min-width: 0;
  max-width: none;
  margin: 0 !important;
  flex-grow: 0;
  flex-shrink: 0;
}
.mod_article.ca-kacheln-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: 49% !important; }
.mod_article.ca-kacheln-3 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: 32% !important; }
.mod_article.ca-kacheln-4 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) { width: 23.5% !important; }
.mod_article:is(.ca-produkthighlights,.ca-kacheln-2-1) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):first-child { width: 64% !important; }
.mod_article:is(.ca-produkthighlights,.ca-kacheln-2-1) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2) { width: 34% !important; }
.mod_article.ca-kacheln-1-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):first-child { width: 34% !important; }
.mod_article.ca-kacheln-1-2 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2) { width: 64% !important; }

/* Vorteilslisten: ca-highlight-vorteile funktioniert mit jeder Kachelfarbe.
   Die ältere Einzelklasse bleibt aus Kompatibilitätsgründen eine hellblaue Box. */
.mod_article > .ca-highlight-vorteile {
  box-sizing: border-box;
  background: #f2f7fb; /* Altbestand: Vorteilsbox ohne ca-kachel */
  border: 1px solid #d9e5ef;
  border-radius: 14px;
  padding: 25px 30px;
  color: #46545e;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.mod_article > .ca-highlight-vorteile ul {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.mod_article > .ca-highlight-vorteile li {
  display: block !important;
  list-style: none !important;
  position: relative;
  padding: 0 0 0 40px !important;
  margin: 0 0 18px !important;
  text-indent: 0 !important;
  color: #46545e;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.mod_article > .ca-highlight-vorteile li:last-child { margin-bottom: 0 !important; }
.mod_article > .ca-highlight-vorteile li::marker { content: "" !important; }
.mod_article > .ca-highlight-vorteile li::before {
  content: "\2713" !important;
  position: absolute;
  top: 2px;
  left: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #159fb2;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 25px;
  text-align: center;
}

/* Preisdesign: unabhängig von der Kachelfarbe; Altklassen bleiben erhalten. */
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) {
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #d9e5ef;
  border-radius: 14px;
  padding: 12px 20px;
  color: #17324d;
  text-align: center;
  height: auto !important;
  min-height: 0 !important;
}
.mod_article > .ca-highlight-preis-blau { background: #f2f7fb; }
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) p { margin: 5px 0 8px !important; }
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) strong {
  display: inline-block;
  color: #17324d;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
}
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) a {
  display: inline-block;
  background: #e88716;
  color: #fff !important;
  text-decoration: none !important;
  padding: 14px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 8px 0 !important;
  transition: background-color .2s ease;
}
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) a:is(:hover,:focus) {
  background: #c96d0b;
  color: #fff !important;
}

/* Tablet: neue 3er/4er-Layouts und ältere Raster auf zwei Spalten */
@media (max-width: 900px) and (min-width: 701px) {
  .mod_article:is(.ca-kacheln-3,.ca-kacheln-4) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
    width: 49% !important;
  }
  .mod_article:is(.ca-grid-3,.ca-grid-4) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
    width: calc((100% - 20px)/2) !important;
    margin-left: 0 !important;
    clear: none !important;
  }
  .mod_article:is(.ca-grid-3,.ca-grid-4) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2n) { margin-left: 20px !important; }
  .mod_article:is(.ca-grid-3,.ca-grid-4) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):nth-child(2n+1) { clear: left !important; }
}

/* Smartphone: alle neuen und alten Kacheln untereinander */
@media (max-width: 700px) {
  .mod_article:is(.ca-produkthighlights,.ca-kacheln-2,.ca-kacheln-3,.ca-kacheln-4,.ca-kacheln-2-1,.ca-kacheln-1-2) {
    display: flex !important;
    flex-direction: column;
    row-gap: 15px;
  }
  .mod_article:is(.ca-produkthighlights,.ca-kacheln-2,.ca-kacheln-3,.ca-kacheln-4,.ca-kacheln-2-1,.ca-kacheln-1-2) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau),
  .mod_article:is(.ca-grid-2,.ca-grid-3,.ca-grid-4,.ca-grid-2-1,.ca-grid-1-2) > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .mod_article > .ca-highlight-vorteile { padding: 20px; }
  .mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) strong { font-size: 30px; }
}

/* Farbvariante: eigene Einzelklasse für hellblaue Kacheln */
.mod_article > .ca-kachel-blau {
  background: #f2f7fb;
}

/* ================================================================
   MODULARE KACHELN – Farbe und Funktionen unabhängig kombinieren
   Im Contao-Inhaltselement:
     ca-kachel ca-highlight-vorteile       = weiß + Häkchen
     ca-kachel-blau ca-highlight-vorteile  = hellblau + Häkchen
     ca-kachel ca-highlight-preis          = weiß + Preisgestaltung
     ca-kachel-blau ca-highlight-preis     = hellblau + Preisgestaltung
   Ohne Zusatzklasse: ca-kachel oder ca-kachel-blau.
   Bestehende Einzelklassen funktionieren unverändert weiter.
   ================================================================ */

/* Hintergrundfarben haben bei kombinierten Klassen Vorrang vor
   den älteren eigenständigen Vorteils-/Preisbox-Regeln. */
.mod_article > .ca-kachel.ca-highlight-vorteile,
.mod_article > .ca-kachel.ca-highlight-preis {
  background: #fff;
}
.mod_article > .ca-kachel-blau.ca-highlight-vorteile,
.mod_article > .ca-kachel-blau.ca-highlight-preis {
  background: #f2f7fb;
}

/* Preisbox mit Kombinationsklasse behält das vertraute Preisdesign.
   Die Häkchen werden bereits über .ca-highlight-vorteile li::before
   unabhängig von der Hintergrundfarbe erzeugt. */
.mod_article > :is(.ca-kachel,.ca-kachel-blau).ca-highlight-preis {
  border: 2px solid #d9e5ef;
  padding: 12px 20px;
  text-align: center;
}
/* ================================================================
   CampingAssec – breite Textboxen, zwei Spalten
   Zusatz für campingassec-layout-modular.css | 24.10.2026
   Artikelklasse: ca-textboxen-2
   Je Text-Inhaltselement: ca-textbox-blau
   ================================================================ */
@media (min-width: 701px) {
  .mod_article.ca-textboxen-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
  }
}
.mod_article.ca-textboxen-2 > .ca-textbox-blau {
  box-sizing: border-box;
  min-width: 0;
  width: auto !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 26px 30px;
  background: #f2f7fb;
  border: 1px solid #d9e5ef;
  border-radius: 14px;
  color: #46545e;
  font-size: 17px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .mod_article.ca-textboxen-2 {
    display: block !important;
  }
  .mod_article.ca-textboxen-2 > .ca-textbox-blau {
    width: 100% !important;
    margin: 0 0 15px !important;
    padding: 20px;
  }
}


/* ================================================================
   CampingAssec – breite Textbox, eine Spalte (volle Artikelbreite)
   Artikelklasse: ca-textboxen-1
   Text-Inhaltselement: ca-textbox-blau
   ================================================================ */
.mod_article.ca-textboxen-1 > .ca-textbox-blau {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: none;
  min-width: 0;
  float: none !important;
  clear: both !important;
  margin: 0 0 20px !important;
  padding: 26px 30px;
  background: #f2f7fb;
  border: 1px solid #d9e5ef;
  border-radius: 14px;
  color: #46545e;
  font-size: 17px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .mod_article.ca-textboxen-1 > .ca-textbox-blau { padding: 20px; }
}

/* ================================================================
   GEMEINSAME ÜBERSCHRIFTEN – Contao-Inhaltselemente
   H2: 24px orange | H3: 18px dunkelblau | jeweils Gewicht 600
   ================================================================ */
.mod_article > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau,.ca-textbox-blau) h2,
.mod_article.ca-textboxen-1 > .ca-textbox-blau h2,
.mod_article.ca-textboxen-2 > .ca-textbox-blau h2 {
  color: #e88716 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
}
.mod_article > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau,.ca-textbox-blau) h3,
.mod_article.ca-textboxen-1 > .ca-textbox-blau h3,
.mod_article.ca-textboxen-2 > .ca-textbox-blau h3 {
  color: #17324d !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
}
/* Gleich hoher Start für die beiden Produkthighlight-Kacheln. */
.mod_article > :is(.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau) {
  padding-top: 25px !important;
}
/* Überschrift/Fließtext mit Abstand; Preisbox bleibt kompakter. */
.mod_article > .ca-highlight-vorteile :is(h2,h3) { margin-bottom: 30px !important; }
.mod_article > :is(.ca-highlight-preis,.ca-highlight-preis-blau) :is(h2,h3) {
  margin-bottom: 8px !important;
}

/* ================================================================
   FAQ-AKKORDEON – Contao 4.13 (Akkordeon-Einzelelement)
   CSS-Klasse am Akkordeon-Inhaltselement: faq-akkordeon
   Hauptüberschrift separat: faq-ueberschrift
   ================================================================ */
.faq-ueberschrift h2,
h2.faq-ueberschrift {
  color: #e88716 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 25px;
}
.ce_accordion.faq-akkordeon,
.faq-akkordeon.ce_accordionSingle {
  margin-bottom: 12px;
  border: 1px solid #d6e0ea;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}
.faq-akkordeon .toggler {
  position: relative;
  box-sizing: border-box;
  padding: 18px 55px 18px 22px;
  background: #f2f7fc;
  color: #17324d !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
.faq-akkordeon .toggler::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #e88716;
  font-size: 26px;
  line-height: 1;
}
.faq-akkordeon .toggler.active::after,
.faq-akkordeon .toggler[aria-expanded="true"]::after { content: "−"; }
.faq-akkordeon .toggler.active,
.faq-akkordeon .toggler[aria-expanded="true"] { background: #edf4fb; }
.faq-akkordeon .accordion > div {
  padding: 18px 22px;
  color: #46545e;
  font-size: 16px;
  line-height: 1.65;
}
.faq-akkordeon .accordion > div > :last-child { margin-bottom: 0; }

/* ================================================================
   BUTTON – Klasse am Text-Inhaltselement, nicht am Link
   Idealerweise enthält das Element nur einen verlinkten Text.
   ================================================================ */
.mod_article .button-orange a {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 15px 28px;
  background: #e88716;
  color: #fff !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  border-radius: 9px;
  transition: background-color .2s ease;
}
.mod_article .button-orange a:hover,
.mod_article .button-orange a:focus-visible {
  background: #c96d0b;
  color: #fff !important;
}
@media (max-width: 700px) {
  .faq-akkordeon .toggler { padding: 15px 48px 15px 16px; font-size: 17px; }
  .faq-akkordeon .toggler::after { right: 16px; }
  .faq-akkordeon .accordion > div { padding: 15px 16px; }
}

/* CampingAssec – Mobile-Fix für 2:1-Kacheln
   Am ENDE der bestehenden campingassec-layout.css ergänzen. */
@media (max-width: 700px) {
  .mod_article.ca-kacheln-2-1 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
  }
  .mod_article.ca-kacheln-2-1 > :is(.ca-kachel,.ca-kachel-blau,.ca-highlight-vorteile,.ca-highlight-preis,.ca-highlight-preis-blau):is(:first-child,:nth-child(2)) {
    box-sizing: border-box !important;
    float: none !important;
    clear: none !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-wrap: anywhere;
  }
}


/* ================================================================
   NEUES BOX-SYSTEM – 26.10.2026
   Raster: vorhandene Contao-Klassen row / span1 bis span12
   werden bewusst NICHT neu definiert.
   Die bestehende .box-Hintergrundfarbe (grau) bleibt erhalten.
   Klassen direkt am Text-Inhaltselement einsetzen.
   ================================================================ */

/* Gemeinsame Form; keine Breiten- oder Rasterregeln */
.mod_article > :is(.box,.box-blau,.box-türkis,.box-orange,.box-weiss,.box-dunkelblau) {
  border-radius: 14px;
  padding: 15px 24px;
  margin-bottom: 15px;
  border: 1px solid #d9e5ef;
  background-clip: padding-box;
}

/* Letzten Textabsatz ohne zusätzlichen Abstand zum unteren Rahmen. */
.mod_article > :is(.box,.box-blau,.box-türkis,.box-orange,.box-weiss,.box-dunkelblau) > :last-child,
.mod_article > :is(.box,.box-blau,.box-türkis,.box-orange,.box-weiss,.box-dunkelblau) > .ce_text > :last-child {
  margin-bottom: 0;
}

/* Bei .box nur Rahmen/Rundung/Abstand: bisheriges Grau bleibt bestehen. */
.mod_article > .box-blau {
  background-color: #f2f7fc;
  border-color: #d9e5ef;
}

/* Neue zusätzliche Farbvariante: zartes Türkis */
.mod_article > .box-türkis {
  background-color: #f1f7f9;
  border-color: #dcebf0;
}

.mod_article > .box-orange {
  background-color: #fff5e9;
  border-color: #f2dfc7;
}
.mod_article > .box-weiss {
  background-color: #ffffff;
  border-color: #d9e5ef;
}
.mod_article > .box-dunkelblau {
  background-color: #28658c;
  border-color: #28658c;
  color: #ffffff;
}
.mod_article > .box-dunkelblau :is(h2,h3,h4,p,li,strong,small) {
  color: #ffffff;
}
.mod_article > .box-dunkelblau a:not(.button-orange a) {
  color: #ffffff;
  text-decoration: underline;
}

/* Die neuen Highlight-Klassen verändern NICHT die Box-Hintergrundfarbe. */
.mod_article > .highlight-vorteile ul {
  list-style: none;
  padding-left: 0;
  margin: 12px 0 0;
}
.mod_article > .highlight-vorteile li {
  position: relative;
  padding-left: 32px;
  margin: 0 0 14px;
  line-height: 1.5;
}
.mod_article > .highlight-vorteile li::before {
  content: "✓";
  position: absolute;
  top: 1px;
  left: 0;
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #159fb2;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}
.mod_article > .highlight-preis strong {
  color: #155da8;
  font-size: 34px;
  line-height: 1.2;
}
.mod_article > .highlight-preis a {
  display: inline-block;
  max-width: 100%;
  padding: 15px 24px;
  border-radius: 9px;
  background: #e88716;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none !important;
}
.mod_article > .highlight-preis a:is(:hover,:focus-visible) {
  background: #c96d0b;
}

/* Abschlussbox: eigenständiges, vollbreites Inhaltselement.
   Nicht zusammen mit span-Klassen verwenden. */
.mod_article > .abschlussbox {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 32px;
  border-radius: 14px;
  background: #28658c;
  color: #ffffff;
}
.mod_article > .abschlussbox :is(h2,h3,h4,p,li,strong) {
  color: #ffffff;
}
.mod_article > .abschlussbox a {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 9px;
  background: #e88716;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600;
}
.mod_article > .abschlussbox a:is(:hover,:focus-visible) {
  background: #c96d0b;
}

@media (max-width: 700px) {
  .mod_article > :is(.box,.box-blau,.box-türkis,.box-orange,.box-weiss,.box-dunkelblau) {
    padding: 15px 20px;
  }
  .mod_article > .abschlussbox { padding: 24px 20px; }
  .mod_article > .highlight-preis strong { font-size: 30px; }
}

/* H1 ausschließlich im türkisfarbenen Top-Content:
   Weiß bleibt aus dem vorhandenen Layout erhalten;
   Schriftgröße und Schriftstärke bleiben unverändert. */
#top-content h1 {
  text-transform: none !important;
}


/* ================================================================
   BUTTON BLAU – wie button-orange am Inhaltselement verwenden.
   Ein normaler Link innerhalb des Elements wird als Button gestaltet.
   Funktioniert unabhängig von der Abschlussbox.
   ================================================================ */
.mod_article .button-blau a {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 15px 28px;
  background: #28658c;
  color: #fff !important;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  border-radius: 9px;
  transition: background-color .2s ease;
}
.mod_article .button-blau a:hover,
.mod_article .button-blau a:focus-visible {
  background: #1d4c6b;
  color: #fff !important;
}

/* Neue graue Boxen */
.mod_article > .box-grau {
  background-color: #f2f2f2;
  border: 1px solid #d9e0e5;
  border-radius: 14px;
  padding: 15px 24px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

@media (max-width: 700px) {
  .mod_article > .box-grau {
    padding: 15px 20px;
  }
}
/* Bestehende zweispaltige Kacheln abrunden */
.box-grid6 {
  border-radius: 14px;
}
/* ziel-grid-12-1080.css */
#wrapper{width:100%;max-width:1080px;margin: auto}*[class*="grid"]{float:left;display:inline;margin-right:15px;margin-left:15px}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-right:15px;margin-left:15px}.mod_article [class*="ce_"],.mod_article [class*="mod_"]{margin-right:2.5%;margin-left:2.5%}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-right:0;margin-left:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:150px}.grid3{width:240px}.grid4{width:330px}.grid5{width:420px}.grid6{width:510px}.grid7{width:600px}.grid8{width:690px}.grid9{width:780px}.grid10{width:870px}.grid11{width:960px}.grid12{width:1050px}.mod_article.grid1{width:90px}.mod_article.grid2{width:180px}.mod_article.grid3{width:270px}.mod_article.grid4{width:360px}.mod_article.grid5{width:450px}.mod_article.grid6{width:540px}.mod_article.grid7{width:630px}.mod_article.grid8{width:720px}.mod_article.grid9{width:810px}.mod_article.grid10{width:900px}.mod_article.grid11{width:990px}.mod_article.grid12{width:1080px}.offset1{margin-left:105px !important}.offset2{margin-left:195px !important}.offset3{margin-left:285px !important}.offset4{margin-left:375px !important}.offset5{margin-left:465px !important}.offset6{margin-left:555px !important}.offset7{margin-left:645px !important}.offset8{margin-left:735px !important}.offset9{margin-left:825px !important}.offset10{margin-left:915px !important}.offset11{margin-left:1005px !important}.offset12{margin-left:1095px !important}.mod_article.offset1{margin-left:90px !important}.mod_article.offset2{margin-left:180px !important}.mod_article.offset3{margin-left:270px !important}.mod_article.offset4{margin-left:360px !important}.mod_article.offset5{margin-left:450px !important}.mod_article.offset6{margin-left:540px !important}.mod_article.offset7{margin-left:630px !important}.mod_article.offset8{margin-left:720px !important}.mod_article.offset9{margin-left:810px !important}.mod_article.offset10{margin-left:900px !important}.mod_article.offset11{margin-left:990px !important}.mod_article.offset12{margin-left:1080px !important}@media(min-width:768px) and (max-width:979px){*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.grid1{width:40px}.grid2{width:100px}.grid3{width:160px}.grid4{width:220px}.grid5{width:280px}.grid6{width:340px}.grid7{width:400px}.grid8{width:460px}.grid9{width:520px}.grid10{width:580px}.grid11{width:640px}.grid12{width:700px}.mod_article.grid1{width:60px}.mod_article.grid2{width:120px}.mod_article.grid3{width:180px}.mod_article.grid4{width:240px}.mod_article.grid5{width:300px}.mod_article.grid6{width:360px}.mod_article.grid7{width:420px}.mod_article.grid8{width:480px}.mod_article.grid9{width:540px}.mod_article.grid10{width:600px}.mod_article.grid11{width:660px}.mod_article.grid12{width:720px}.offset1{margin-left:70px !important}.offset2{margin-left:130px !important}.offset3{margin-left:190px !important}.offset4{margin-left:250px !important}.offset5{margin-left:310px !important}.offset6{margin-left:370px !important}.offset7{margin-left:430px !important}.offset8{margin-left:490px !important}.offset9{margin-left:550px !important}.offset10{margin-left:610px !important}.offset11{margin-left:670px !important}.offset12{margin-left:730px !important}.mod_article.offset1{margin-left:60px !important}.mod_article.offset2{margin-left:120px !important}.mod_article.offset3{margin-left:180px !important}.mod_article.offset4{margin-left:240px !important}.mod_article.offset5{margin-left:300px !important}.mod_article.offset6{margin-left:360px !important}.mod_article.offset7{margin-left:420px !important}.mod_article.offset8{margin-left:480px !important}.mod_article.offset9{margin-left:540px !important}.mod_article.offset10{margin-left:600px !important}.mod_article.offset11{margin-left:660px !important}.mod_article.offset12{margin-left:720px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}}