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%}
.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}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/********************************************************************************/
/*
Description: CSS File for Reset
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/* Contao */
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,hr {margin:0;padding:0;}

blockquote,q {quotes:none;}

fieldset,img,iframe {border:0;}

ul,ol {list-style-type:none;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

input,button,textarea,select {font-family:inherit;font-size:99%;font-weight:inherit;}

/* body {font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000;} */

pre,code {font-family:Monaco,monospace;}

/********************************************************************************/

*, *::before, *::after {box-sizing: border-box;}

html {
   -webkit-font-smoothing: antialiased;
   overflow-y: scroll;
   height: 100%;
}

figure {line-height:0;}

:link,:visited {text-decoration: none;}

a img,:link img,:visited img {border: none;}

img {width: 100%;}
#ProvenExpert_widgetbar_container img,
img.img-300 {
  width: auto;
}

/********************************************************************************/

header,
main,
footer { 
  padding:  
   env(safe-area-inset-top)  
   env(safe-area-inset-right)  
   0  
   env(safe-area-inset-left);
}

/********************************************************************************/

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
   body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#000] */
   --color1: rgba(0, 0, 0, 1);

   /* Farbe 2 [#2c2ad8] - (*Button*) */
   --color2: rgba(44, 42, 216, 1);
   
   /* Farbe 3 [#00538a] - (*Footer*) */
   --color3: rgba(0, 83, 138, 1);
   
   /* Farbe 4 [#edf2fc] - (*Content Background*) */
   --color4: rgba(237, 242, 252, 1);
   
   /* Farbe 5 [#d6e9fe] - (*Content Background*) */
   --color5: rgba(214, 233, 254, 1);
   
   /* Farbe 6 [#a5cefc] */
   --color6: rgba(165, 206, 252, 1);
   
   /* Farbe 7 [#666] */
   --color7: rgba(102, 102, 102, 1);
   
   /* Farbe 8 [#999] */
   --color8: rgba(153, 153, 153, 1);
   
   /* Farbe 9 [#CBDBE7] */
   --color9: rgba(203, 219, 231, 1);

   /*****/
   
   /* Banner: Standard [#333] */
   --banner1: var(--color1);
   
   /* Banner: Hinweis [#1EB100] */
   --banner2: rgba(30, 177, 0, 1);
   
   /* Banner: Wichtig [#cd1719] */
   --banner3: var(--color2);
   
   /*****/
   
   /* Error [#D2232A] - (*Error & Warning*) */
   --error: rgba(210, 35, 42, 1);

   /* Weiß [#fff] */
   --colorW: rgba(255, 255, 255, 1);
   
   /* Schwarz [#000] */
   --colorB: rgba(0, 0, 0, 1);
   
   /*****/
   
   --font1: 'Inter', arial, sans-serif;
   
   --text: 1.063rem;
   --linehT: 1.688rem;
   
   --textS: 1.250rem;
   --linehTS: 1.875rem;
   
   
   --head1: 2.500rem;
   --linehH1: 3.125rem;
   
   --head2: 1.688rem;
   --linehH2: 2.313rem;
   
   --head3: 1.500rem;
   --linehH3: 2.125rem;
   
   --head4: var(--text);
   --linehH4: var(--linehT);
   
   /* --head5: 1.375rem; */
   /* --linehH5: 1.867rem; */
   
   /* --head6: 1.375rem; */
   /* --linehH6: 1.867rem; */
   
   /*****/
   
   /* Navigation Header */
   --naviH: 1.063rem;
   --linehNH: 2.625rem;
   
   /* Navigation Footer */
   --naviF: 0.938rem;
   --linehNF: 1.563rem;
   
   /* Navigation Mobil */
   --naviM: 2.000rem;
   --linehNM: 3.000rem;
   
   /*****/

   /* Content-Breite */
   --contentWidth: 1170px;
   --contentPaddingW: 50px;
   --contentPaddingH: 40px;
   --contentPaddingV: 70px;
   --headerHeight: 90px;

   /* Border */
   --border: 1px;

   /* Border-Radius */
   --br1: 5px;
   --br2: 10px;
   --br3: 20px;
   --br4: 25px;

   /* Boxes */
   --padding-boxes: 20px var(--contentPaddingH);
   --br-boxes: var(--br3);
   --bg-boxes: var(--colorW);
   --bl-boxes: var(--color2);
   --sw-boxes: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
   
   /* Bust out */
   /* --bust-out1: 200px; */
   /* --bust-out1n: -200px; */
   
   /* --bust-out2: calc(200px - var(--contentPaddingW)); */
   /* --bust-out2n: calc(-200px + var(--contentPaddingW)); */
   
   --bust-out1: 17vw;
   --bust-out1n: -17vw;
   
   --bust-out2: calc(17vw - var(--contentPaddingW));
   --bust-out2n: calc(-15vw + var(--contentPaddingW));
}

@media only screen and (max-width : 1024px) {
   :root {
   --contentPaddingW: 25px;
   --contentPaddingV: 50px;
   --contentPaddingH: 20px;
   }
}

@media only screen and (max-width : 768px) {
   :root {
   --contentPaddingW: 20px;
   --contentPaddingV: 25px;
   }
}

@media only screen and (max-width : 599px) {
   :root {
   --contentPaddingW: 15px;
   --contentPaddingV: 20px;
   }
}

@media only screen and (max-width : 400px) {
   :root {
   --contentPaddingW: 10px;
   --contentPaddingV: 20px;
   }
}

/********************************************************************************/

.bg-weiss {background: var(--colorW); margin: var(--contentPaddingH) 0;}
.bg-grau {background: var(--color4); margin: var(--contentPaddingH) 0;}
.bg-blau {background: var(--color3); margin: var(--contentPaddingH) 0;}
.bg-hellblau {background: var(--color5); margin: var(--contentPaddingH) 0;}
.bg-verlauf {background: #ECF2FE; background: linear-gradient(90deg, rgba(236, 242, 254, 1) 0%, rgba(209, 211, 246, 1) 100%);}

/********************************************************************************/

.mod_article.bg-hellblau.bust_out_top {background: none; margin: 0;}
/* .mod_article.bg-hellblau.bust_out_top .inside {background: var(--color5); margin: var(--contentPaddingH) 0;} */
.mod_article.bg-hellblau.bust_out_top .inside {background: var(--color5); margin-top: var(--contentPaddingH) 0;}

.mod_article.bust_out_top {padding-top: var(--bust-out2) !important}
.bust_out_top .content-image:not(.sm-icon) {margin-top: var(--bust-out2n);}

@media only screen and (max-width : 767px) {
   /* .lars.bust_out_top .content-image:not(.sm-icon) {margin-top: 0;} */
}

/********************************************************************************/

.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background: var(--color2); color: var(--color5);}

/* Highlight Searchword */
.highlight:not(.cc-footer) {background: var(--color2); color: var(--color5); padding: 0 2px;}

/********************************************************************************/

.margin-top-bottom-100 {margin-top: 100px !important; margin-bottom: 100px !important;}
.margin-top-bottom-90 {margin-top: 90px !important; margin-bottom: 90px !important;}
.margin-top-bottom-80 {margin-top: 80px !important; margin-bottom: 80px !important;}
.margin-top-bottom-70 {margin-top: 70px !important; margin-bottom: 70px !important;}
.margin-top-bottom-60 {margin-top: 60px !important; margin-bottom: 60px !important;}
.margin-top-bottom-50 {margin-top: 50px !important; margin-bottom: 50px !important;}
.margin-top-bottom-40 {margin-top: 40px !important; margin-bottom: 40px !important;}
.margin-top-bottom-30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.margin-top-bottom-20 {margin-top: 20px !important; margin-bottom: 20px !important;}
.margin-top-bottom-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
.margin-top-bottom-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-top-100 {margin-top: 100px !important;}
.margin-top-90 {margin-top: 90px !important;}
.margin-top-80 {margin-top: 80px !important;}
.margin-top-70 {margin-top: 70px !important;}
.margin-top-60 {margin-top: 60px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-0 {margin-top: 0 !important;}

.margin-bottom-100 {margin-bottom: 100px !important;}
.margin-bottom-90 {margin-bottom: 90px !important;}
.margin-bottom-80 {margin-bottom: 80px !important;}
.margin-bottom-70 {margin-bottom: 70px !important;}
.margin-bottom-60 {margin-bottom: 60px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}

.padding-top-bottom-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.padding-top-bottom-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.padding-top-bottom-80 {padding-top: 80px !important; padding-bottom: 80px !important;}
.padding-top-bottom-70 {padding-top: 70px !important; padding-bottom: 70px !important;}
.padding-top-bottom-60 {padding-top: 60px !important; padding-bottom: 60px !important;}
.padding-top-bottom-50 {padding-top: 50px !important; padding-bottom: 50px !important;}
.padding-top-bottom-40 {padding-top: 40px !important; padding-bottom: 40px !important;}
.padding-top-bottom-30 {padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-top-bottom-20 {padding-top: 20px !important; padding-bottom: 20px !important;}
.padding-top-bottom-10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.padding-top-bottom-0 {padding-top: 0 !important; padding-bottom: 0 !important;}

.padding-top-100 {padding-top: 100px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-0 {padding-top: 0 !important;}

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/********************************************************************************/

@media screen and (prefers-reduced-motion: reduce) {
   .animate { animation: none !important; }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Fonts
Theme Name: PCAK
Theme URI: https://www.pcak.de/
Version: 1.0 [04.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* inter-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/data/fonts/inter-v18-latin-300.woff2') format('woff2');
}

/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/data/fonts/inter-v18-latin-regular.woff2') format('woff2');
}

/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/data/fonts/inter-v18-latin-500.woff2') format('woff2');
}

/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/data/fonts/inter-v18-latin-600.woff2') format('woff2');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for "Burger" Menu
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

.offcanvas {
	z-index: 20;
	position: absolute;
	top: 20px;
	right: 25px;
	width: 40px;
	height: 32px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--color3);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 0px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 14px;
}

.offcanvas span:nth-child(4) {
	top: 28px;
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.offcanvas.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

body {
	font-family: var(--font1);
	color: var(--color1);
	margin: 0 auto;
	padding: 0;
	background: var(--colorW);
}

/********************************************************************************/
/*	Aufbau	*/

#wrapper {

}

#header {
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--headerHeight);
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
	transition: 0.3s;
	/* background: rgba(255, 255, 255, 0.95); */
	background: #fff;
}

.scrolled #header {
	/* height: 70px; */
}

#header .inside {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	height: var(--headerHeight);
	margin: 0 auto;
	padding: 0 var(--contentPaddingW);
}

.logo svg {
	width: auto;
	height: 45px;
	transition: 0.3s;
}

.scrolled #header .logo svg {
	/* height: 30px; */
}

#container {
	margin: 0 auto;
	margin-top: var(--headerHeight);
}

#footer {
	background: var(--color3);
}

#footer .inside {
	max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
	margin: 0 auto;
	padding: var(--contentPaddingW);
	padding-top: var(--contentPaddingV);
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article,
.mod_article.bust_out_top .inside {
	padding: var(--contentPaddingV) var(--contentPaddingW);
}

.mod_article.ohne-abstand,
.mod_article.bust_out_top {
	padding: 0;
}

.mod_article > .content-headline,
.mod_article > .content-text,
.mod_article > .ce_form,
.mod_article > .mod_newslist,
.mod_article > .mod_newsreader,
.mod_article > .content-accordion,
.mod_article > .content-table,
.mod_article > .rs-columns,
.mod_article > .inside > .rs-columns,
.mod_article.bust_out_top > .inside > .rs-columns,
.mod_article > .content-swiper,
.mod_article > .content-hyperlink,
.mod_article > .content-youtube,
.mod_article > .ce_swiperStart {
	max-width: var(--contentWidth);
	margin: 0 auto;
}

.mod_article > .mod_newslist {
	max-width: calc(var(--contentWidth) + 40px);
}

/********************************************************************************/
/* 50/50 */

.mod_article.fifty-fifty {
	position: relative;
}

.mod_article.fifty-fifty .rs-column:nth-last-child(1) {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}

@media only screen and (max-width : 767px) {
	.mod_article.fifty-fifty .rs-column:nth-last-child(1) {
	position: relative;
	width: 100%;
	}
	
	.mod_article.fifty-fifty .rs-column .content-text {
	padding: 0 !important;
	}
}

.mod_article.fifty-fifty .rs-column .content-image,
.mod_article.fifty-fifty .rs-column .content-image figure {
	height: 100%;
}

.mod_article.fifty-fifty .rs-column .content-image figure img {
	object-fit: cover;
	height: 100%;
}

/********************************************************************************/
/* Teaser */

.mod_article.teaser,
.mod_article.kontakt {
	position: relative;
	display: flex;
	align-items: center;
	aspect-ratio: 2.05 / 1;
}

.mod_article.teaser.small {
	aspect-ratio: 2.57 / 1;
}

.mod_article.teaser.neutral {
	aspect-ratio: 6.9 / 1;
}

.mod_article.teaser > .article-image,
.mod_article.kontakt > .article-image {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.mod_article.teaser > .inside {
   position: relative;
   z-index: 3;
   width: 100%;
   max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
   margin: 0 auto;
   padding: var(--contentPaddingH) var(--contentPaddingW);
}

.mod_article.teaser > .inside .content-text {
   max-width: 570px;
   margin-top: 100px;
}

.mod_article.teaser.neutral > .inside .content-text {
	max-width: 100%;
	margin-top: 0;
}

.mod_article.teaser > .article-image .image_container,
.mod_article.teaser > .article-image picture,
.mod_article.kontakt > .article-image .image_container,
.mod_article.kontakt > .article-image picture {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.mod_article.teaser > .article-image .image_container img,
.mod_article.teaser > .article-image picture img {
	position: absolute;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
}

.mod_article.kontakt > .article-image .image_container img,
.mod_article.kontakt > .article-image picture img {
   position: absolute;
   top: 0;
   left: 50%;
   max-width: none;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   transform: translate(-50%, 0);
}

/********************************************************************************/
/* Kontakt */

.mod_article.kontakt {
	aspect-ratio: auto;
	padding-bottom: 150px;
}

.mod_article.kontakt > .inside {
   display: flex;
   justify-content: flex-end;
   position: relative;
   z-index: 3;
   width: 100%;
   max-width: calc(var(--contentWidth) + 2 * var(--contentPaddingW));
   padding: 0 var(--contentPaddingW);
   margin: 0 auto;
}

.mod_article.kontakt > .article-image .image_container,
.mod_article.kontakt > .article-image picture {
   height: auto;
}

.mod_article.kontakt > .inside .content-element-group {
   width: 66%;
   max-width: 770px;
   margin-top: 200px;
   padding: var(--contentPaddingH) var(--contentPaddingW);
   padding: 80px;
   border-radius: var(--br-boxes);
   background: var(--colorW);
   box-shadow: var(--sw-boxes);
}

.mod_article.kontakt > .inside .content-hyperlink {
   margin-bottom: 0;
   padding-bottom: 0;
}

/********************************************************************************/
/*	Calendly iFrame	*/

.calendly-inline-widget {
	min-height: 790px;
}

/********************************************************************************/
/*	Matomo	*/

#matomo-opt-out {
	padding: 1.867rem 0;
}

#matomo-opt-out input {
	margin-right: 1rem;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 1200px) {
	/* html {font-size: 14px;} */

	.mod_article.teaser > .inside .content-text {
	margin-top: 0;
	}
	
	.start .mod_article.teaser > .inside .content-text {
	max-width: 50%;
	}
	
	.mod_article.ohne-abstand .content-text {
	/* padding: 0 var(--contentPaddingW); */
	max-width: calc(100% - 40px);
	}
}

@media only screen and (max-width : 767px) {
	/* html {font-size: 12px;} */

	#header .nav_main {
	display: none !important;
	}
	
	#header .logo {
	width: 100%;
	}
	
	.mod_article.kontakt {
	padding-bottom: 30px;
	}
	
	.mod_article.kontakt > .inside .content-element-group {
	width: 100%;
	margin-top: 100px;
	padding: 20px;
	}
}

@media only screen and (max-width : 699px) {
	.mod_article.teaser {
	flex-direction: column;
	aspect-ratio: initial !important;
	}
	
	.mod_article.teaser > .article-image {
	position: relative;
	}
	
	.mod_article.teaser > .article-image .image_container,
	.mod_article.teaser > .article-image picture {
	position: relative;
	}
	
	.mod_article.teaser > .article-image .image_container img,
	.mod_article.teaser > .article-image picture img {
	position: relative;
	left: 50%;
	width: 150%;
	transform: translate(-50%, 0%);
	}
	
	.mod_article.teaser > .inside {
	background: var(--color3);
	}
	
	.start .mod_article.teaser > .inside .content-text {
	max-width: 100% !important;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
	font-size: var(--naviH);
	line-height: var(--linehNH);
	font-weight: 600;
	/* text-align: right; */
}

#header .nav_main li {
	display: inline-block;
	/* margin-left: var(--contentPaddingH); */
	padding: 1px 0;
}

#header .nav_main li:nth-child(1) {
	/* margin-left: 0; */
}

#header .nav_main li a.submenu::after,
#header .nav_main li strong.submenu::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 6px;
	background: url('/files/data/img/arrow_navigation.svg') no-repeat;
}

#header .nav_main li a.submenu:hover::after,
#header .nav_main li.trail a.submenu::after,
#header .nav_main li.trail strong.submenu::after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 10px;
	margin-left: 6px;
	background: url('/files/data/img/arrow_navigation_active.svg') no-repeat;
}

#header .nav_main .level_1 a:link,
#header .nav_main .level_1 a:visited {
	display: block;
	/* font-weight: 600; */
	color: var(--color3);
	padding: 1px 30px;
	border-radius: var(--br4);
	background: transparent;
}

#header .nav_main .level_1 a:hover,
#header .nav_main .level_1 a:active,
#header .nav_main .level_1 a:focus,
#header .nav_main .level_1 strong {
	display: block;
	color: var(--color2);
	padding: 1px 30px;
	border-radius: var(--br4);
	border-bottom: none;
	background: transparent;
}

/* Button: "bixie" */
#header .nav_main .level_1 .bixie a:link,
#header .nav_main .level_1 .bixie a:visited {
	color: var(--colorW) !important;
	border: var(--border) solid var(--color2);
	background: var(--color2) !important;
}

#header .nav_main .level_1 .bixie a:hover,
#header .nav_main .level_1 .bixie a:active,
#header .nav_main .level_1 .bixie a:focus,
#header .nav_main .level_1 .bixie strong {
	color: var(--color2) !important;
	border: var(--border) solid var(--color2);
	background: transparent !important;
}

#header .nav_main li.trail a {
	color: var(--color2) !important;
}

/********************************************************************************/
/*	Sub-Navigation ein- und ausblenden	*/

#header .nav_main li.submenu ul {
	position: absolute;
	display: none;
	overflow: hidden;
	margin-left: -9999px;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

#header .nav_main li.submenu:hover ul {
	z-index: 100;
	display: block;
	margin: 0;
	opacity: 1;
	text-align: left;
	margin-left: -10px !important;
	padding: 30px 10px 10px 10px;
	background: var(--colorW);
	background: rgba(255, 255, 255, 0.95);
}

#header .nav_main .level_2 li {
	display: block;
	margin-left: 0;
	padding: 5px 0;
	border-top: 1px solid var(--color4);
}

#header .nav_main .level_2 li:nth-last-child(1) {
	border-bottom: 1px solid var(--color4);
}

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited {
	color: var(--colorB) !important;
	margin: 5px 0;
}

#header .nav_main .level_2 a:hover,
#header .nav_main .level_2 a:focus,
#header .nav_main .level_2 .trail a,
#header .nav_main .level_2 strong {
	color: var(--color2) !important;
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer {

}

.nav_footer ul {
	color: var(--colorW);
}

.nav_footer li {
	display: inline-block;
	font-size: var(--naviF);
	line-height: var(--linehNF);
	margin-bottom: 5px;
}

.nav_footer .level_1 a:link,
.nav_footer .level_1 a:visited {
	color: var(--colorW);
	font-weight: normal;
}

.nav_footer .level_1 a:hover,
.nav_footer .level_1 a:focus,
.nav_footer .level_1 strong {
	color: var(--colorW);
	font-weight: normal;
	border-bottom: 1px solid var(--colorW);
}

.nav_footer li:before {
	content: ' | ';
}

.nav_footer li:nth-child(1):before {
	content: '';
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: var(--color3);
}

.mobile_menu .nav_main {
	text-align: center;
	padding: 160px 20px 20px 20px;
	transition: 0.3s;
}

.scrolled .mobile_menu .nav_main {
	/* padding-top: 90px; */
}

.mobile_menu .nav_main li {
	font-size: var(--naviM);
	line-height: var(--linehNM);
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	color: var(--colorW);
	border-bottom: none;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
	font-weight: normal;
	color: var(--color5);
	border-bottom: none;
}

.mobile_menu .nav_main .level_2 {
	padding-bottom: 20px;
}

.mobile_menu .nav_main .level_2 li {
	font-size: 70%;
	line-height: 2em;
}

/********************************************************************************/

@media only screen and (max-width : 991px) {
	#header .nav_main {
	display: none;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for columns
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  display: grid;
  grid-gap: 6em 8%;
  grid-template-columns: 49% 43%;
}

.rs-columns.partner-logos {
  grid-gap: 2em;
}

.hight-auto .rs-columns {
  align-items: flex-start;
}

/*****/

.rs-columns.icon-small {
  --auto-grid-min-size: 22rem;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 5rem;
}

.drei-spalten .rs-columns.icon-small {
  --auto-grid-min-size: 12rem;
  padding: 50px 100px;
}

.drei-spalten .rs-columns.icon-small .rs-column {
  display: grid;
  grid-template-rows: 1fr auto auto;
}

/*****/

.boxen .rs-columns {
  --auto-grid-min-size: 22rem;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 2rem;
}

/*****/

.logos .rs-columns {
  --auto-grid-min-size: 14rem;
}

.logos .rs-column {
  align-content: center;
}

/*****/

#footer .rs-columns {
  --auto-grid-min-size: 14rem;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: 2rem;
}

#footer .rs-columns.copyright {
  --auto-grid-min-size: 24rem;
  margin-top: 20px;
  padding-top: 40px;
  border-top: var(--border) solid var(--color6);
}

#footer .rs-columns.copyright .rs-column:nth-last-child(1) {
  text-align: right;
}

/********************************************************************************/

.rs-columns.shadow {
  --auto-grid-min-size: 22rem;
  box-shadow: var(--sw-boxes);
  padding: 100px;
}

.rs-column.shadow {
  box-shadow: var(--sw-boxes);
  margin-top: 0;
  padding: 50px;
}

.rs-columns.radius1,
.rs-column.radius1 {border-radius: var(--br1);}

.rs-columns.radius2,
.rs-column.radius2 {border-radius: var(--br2);}

.rs-columns.radius3,
.rs-column.radius3 {border-radius: var(--br3);}

.rs-columns.radius4,
.rs-column.radius4 {border-radius: var(--br4);}

/********************************************************************************/

@media only screen and (max-width : 900px) {
  .teaser .rs-columns {
  grid-template-columns: 100%;
  grid-gap: 0 !important;
  }
  
  .mod_article.teaser > .inside .content-text {
  max-width: 100%;
  }
  
  .mod_article.teaser > .inside .content-text p {
  padding-bottom: 1rem;
  }
}

@media only screen and (max-width : 767px) {
  .rs-columns:not(.partner-logos) {
  grid-template-columns: 100%;
  grid-gap: 2em;
  }
  
  .rs-columns.partner-logos {
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  }
  
  .rs-columns.shadow,
  .rs-column.shadow,
  .drei-spalten .rs-columns.icon-small {
  padding: 20px;
  }
  
  .lars .rs-columns > div:nth-child(2) {
  grid-row: 1;
  }
  
  .lars .rs-columns > div:nth-child(1) {
  grid-row: 2;
  }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Accordion
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-accordion {
    border-bottom: var(--border) solid var(--color6);
}

.handorgel__header {
    padding: 0;
}

.handorgel__header__button {
    padding: var(--contentPaddingH) 0 !important;
    border-top: var(--border) solid var(--color6);
    background-color: transparent;
}

.handorgel__content {
    border-top: none;
    background-color: transparent;
}

.handorgel__content__inner {
    padding: 0;
    padding-bottom: var(--contentPaddingH) !important;
}



/*
.handorgel__header {
    position: relative;
    font-family: var(--font1);
    font-size: var(--text);
    line-height: 2.500rem;
    color: var(--color1);
    cursor: pointer;
    align-items: center;

    display: flex;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 10px;
    padding: 35px 30px;

    border-top: 1px solid var(--color1);
    border-bottom: 1px solid var(--color1);
    transition: 0.3s;
}

.handorgel__header--open {
    border-bottom: 0;
}

.handorgel__header ~ .handorgel__header {
    border-top: none;
}

.handorgel__header::after {
    z-index: 1;
    position: absolute;
    top: calc(1.575rem / 2);
    right: 0;
    content: '+';
    color: var(--color1);
    font-size: 1.575rem;
    margin-left: auto;
    transition: 0.3s;
    pointer-events: none;
}

.handorgel__header:hover::after {
    transform:rotate(180deg);
}

.handorgel__header--open::after {
    content: '-';
}

.handorgel__header__button {
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 0 !important;
}

.handorgel__content {
    border-top: 0 !important;
    border-bottom: 1px solid var(--color6);
    background: transparent !important;
}

.handorgel__content {
    display: none;
    overflow: hidden;
    height: 0;
    border-top: 1px solid #eee;
    background-color: #f6f6f6;
    transition: height .1s ease .1s;
}

.handorgel__content__inner,
.handorgel__content__inner .content-text {
    padding: 0 !important;
}
*/

/********************************************************************************/

/*
.content-accordion .handorgel__header {
    padding: 0 !important;
}

.handorgel__header__button {
    font-weight: 600 !important;
    padding: 35px 30px;
    border: none;
    background-color: transparent;
}

button.handorgel__header__button:hover,
button.handorgel__header__button:active,
button.handorgel__header__button:focus {
    border: none;
    background: none;
}

.content-accordion .handorgel__header--open {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.content-accordion .handorgel__header::after {
    content: url('/files/data/img/accordeon_open_solid.svg');
    width: 33px;
    min-width: 33px;
    height: 33px;
    margin-left: auto;
    transition: 0.3s;
}

.content-accordion .handorgel__header::after {
    position: absolute;
    right: 113px;
    pointer-events: none;
}

.content-accordion .handorgel__header:hover::after {
    transform:rotate(180deg);
}

.content-accordion .handorgel__header--open::after {
    content: url('/files/data/img/accordeon_close.svg');
    width: 33px;
}

.handorgel__content {
    margin-right: 2px;
    margin-bottom: 10px;
    margin-left: 2px;
    padding: 35px 80px 100px 80px;
    border-top: 0;
    border-radius: var(--br3);
    background: var(--colorW);
    box-shadow: 0 3px 6px var(--color7);
}

.handorgel__content__inner {
    padding: 0;
}

.handorgel__content--open {
    margin-bottom: 15px;
    padding: 15px 30px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 5px 6px var(--color7);
}

.handorgel__content .content-text {
    margin-bottom: 1.375rem;
}
*/

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Cookie Banner
Theme Name: PCAK
Theme URI: https://www.pcak.de/
Version: 1.0 [04.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.contao-cookiebar .cc-btn {
    color: #444 !important;
    border: 1px solid #cfcfcf !important;
    background: #f5f5f5 !important;
}

.contao-cookiebar .cc-btn:hover {
    background: #ececec !important;
}

.contao-cookiebar .cc-btn.success {
    color: var(--colorW) !important;
    border-color: #cfcfcf !important;
    background: var(--color2) !important;
}

.contao-cookiebar .cc-btn.success:hover {
    font-weight: bold !important;
    background: var(--color2) !important;
}

/**************************************************/
/*    Checkboxen / Schalter    */

.contao-cookiebar input:checked + label::before {
    background: #fff;
    border-color: var(--color2);
}

.contao-cookiebar input:checked + label::after {
    background: var(--color2);
}

.contao-cookiebar input:disabled + label::before {
    background: #f4f4f4;
    border-color: #c8c7c5;
}

.contao-cookiebar input:disabled + label::after {
    background: #c8c7c5;
}

.contao-cookiebar input.cc-group-half + label::after {
    background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #F9C94D 50%, #F9C94D 100%);
}

/**************************************************/
/*    Button (Datenschutz-Seite)    */

.ce_cookiebar_opener {
    text-align: left;
    padding: 1.867rem 0;
}

.ce_cookiebar_opener a:link,
.ce_cookiebar_opener a:visited {
    display: inline-block;
    padding: 5px 25px;
    font-weight: 600;
    color: var(--colorW);
    border-radius: var(--br4);
    border: var(--border) solid var(--color2);
    background: var(--color2);
    transition: 0.3s;
}

.ce_cookiebar_opener a:hover,
.ce_cookiebar_opener a:active,
.ce_cookiebar_opener a:focus {
    color: var(--color2);
    border: var(--border) solid var(--color2);
    background: var(--colorW);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for boxes
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.boxen.shadow .rs-column {box-shadow: var(--sw-boxes);}
.boxen .rs-column .media--above {display: flex; flex-direction: column;}
.boxen .rs-column .media--above figure {order: 1;}
.boxen .rs-column .media--above h3 {order: 2;}
.boxen .rs-column .media--above .rte {order: 3;}

.boxen-bg .rs-column, .boxen-bg-radius .rs-column {background: var(--bg-boxes);}
.boxen-border .rs-column, .boxen-border-radius .rs-column {border: var(--border) solid var(--bl-boxes);}

.boxen-bg .rs-column,
.boxen-border .rs-column,
.boxen-bg-radius .rs-column,
.boxen-border-radius .rs-column {
   padding: var(--padding-boxes);
}

.no-padding.boxen-bg .rs-column,
.no-padding.boxen-border .rs-column,
.no-padding.boxen-bg-radius .rs-column,
.no-padding.boxen-border-radius .rs-column {
   padding: 0;
}

.boxen .rs-column .content-hyperlink {
   padding-top: 0;
   padding-bottom: 0;
}

.no-padding.boxen-bg .rs-column h3,
.no-padding.boxen-bg .rs-column .rte,
.no-padding.boxen-bg .rs-column .content-hyperlink,
.no-padding.boxen-border .rs-column h3,
.no-padding.boxen-border .rs-column .rte,
.no-padding.boxen-border .rs-column .content-hyperlink,
.no-padding.boxen-bg-radius .rs-column h3,
.no-padding.boxen-bg-radius .rs-column .rte,
.no-padding.boxen-bg-radius .rs-column .content-hyperlink,
.no-padding.boxen-border-radius .rs-column h3,
.no-padding.boxen-border-radius .rs-column .rte,
.no-padding.boxen-border-radius .rs-column .content-hyperlink {
   padding-right: var(--padding-boxes);
   padding-left: var(--padding-boxes);
}

.no-padding.boxen-bg .rs-column,
.no-padding.boxen-bg-radius .rs-column {
   padding-bottom: var(--padding-boxes);
}

.boxen-bg-radius .rs-column,
.boxen-border-radius .rs-column {
   border-radius: var(--br-boxes);
}

.boxen .rs-column img {
   border-top-right-radius: var(--br-boxes);
   border-top-left-radius: var(--br-boxes);
}

.boxen .rs-column .media--above h3,
.no-padding.boxen-bg .rs-column h3,
.no-padding.boxen-border .rs-column h3,
.no-padding.boxen-bg-radius .rs-column h3,
.no-padding.boxen-border-radius .rs-column h3 {
   padding-top: var(--padding-boxes);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Font Sizes
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	/* hyphens: auto; */
}

h1,
.p-h1 p {
	font-size: var(--head1);
	line-height: var(--linehH1);
	font-weight: 600;
	color: var(--colorW);
	padding-bottom: 1.563rem;
}

.mod_article.teaser.neutral h1 {
	padding-bottom: 0;
}

.mod_newslist h1,
.layout_full h1 {
	max-width: var(--contentWidth);
	margin: 0 auto;
	color: var(--color3);
}

h2 {
	font-size: var(--head2);
	line-height: var(--linehH2);
	color: var(--color3);
	padding-bottom: 1.563rem;
}

.bg-blau h2 {
	color: var(--colorW);
}

.h2-mehrzeilig h2:first-line {
	font-size: var(--text);
	font-weight: 500;
}

h3 {
	font-size: var(--head3);
	font-weight: 400;
	line-height: var(--linehH3);
	color: var(--color2);
	padding-bottom: 0.75rem;
}

.boxen h3 {
	color: var(--color3);
}

h4 {
	font-size: var(--head4);
	line-height: var(--linehH4);
	color: var(--color3);
	font-weight: 500;
	padding-bottom: 1.25rem;
}

h5 {
	font-size: var(--head5);
	line-height: var(--linehH5);
}

h6 {
	font-size: var(--head6);
	line-height: var(--linehH6);
	/* text-transform: uppercase; */
}

p,
.content-hyperlink {
	font-weight: 300;
	font-size: var(--text);
	line-height: var(--linehT);
	padding: 0 0 1.867rem 0;
}

.bg-blau p {
	color: var(--colorW);
}

p.back {
	padding-top: var(--contentPaddingV);
}

p strong {
	font-weight: 600;
}

.highlight_gruen p strong {
	color: var(--color3);
	font-weight: 600;
}

h1.highlight_gruen {
	color: var(--color3);
}

.highlight_blau p strong {
	color: var(--color2);
	font-size: var(--textS);
	line-height: var(--linehTS);
	font-weight: 400;
}

h1.highlight_blau {
	color: var(--color2);
}

.teaser .teaser-text p {
	color: var(--colorW);
}

.teaser .teaser-text p strong {
	color: var(--color6);
}

p:nth-last-child(1) {
	padding-bottom: 0;
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: var(--banner3);
	font-weight: bold;
}

p.small {
	font-size: var(--textS);
	line-height: var(--linehTS);
}

p.standard-banner {
	color: var(--banner1);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner1);
}

p.hinweis-banner {
	color: var(--banner2);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner2);
}

p.wichtig-banner {
	color: var(--banner3);
	margin: 0 0 1.867rem 0;
	padding: 1em;
	border: 1px dotted var(--banner3);
}
/*****	Copy to TinyMCE ENDE	*****/

#footer p {
	color: var(--colorW);
	font-weight: 400;
	margin-bottom: 1.063rem;
	padding: 0;
}

#footer p strong {
	display: block;
	color: var(--color6);
	font-weight: 600;
	min-height: 50px;
}

#footer .copyright p {
	font-size: var(--naviF);
	line-height: var(--linehNF);
}

/********************************************************************************/

@media only screen and (max-width : 509px) {
	#footer p strong {
	min-height: auto;
	}
}

/********************************************************************************/
/*
Description: CSS File for Images
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height: 0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none !important;
}

#main figure {
	position: relative;
}

#main .media--above figure,
#main .media--below figure {
	margin: 0 0 1em 0;
}

#main .media--left figure {
	max-width: 50%;
	margin: 0 1em 1em 0;
}

#main .media--right figure {
	max-width: 50%;
	margin: 0 0 1em 1em;
}

#main .media--below {display: flex; flex-direction: column;}
#main .media--below h1 {order: 1;}
#main .media--below .rte {order: 2;}
#main .media--below figure {order: 3;}

#main figure a.cboxElement img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#main .mod_newslist figure a img {
	cursor: pointer;
}

@media only screen and (max-width : 599px) {
	#main .media--left figure,
	#main .media--right figure {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1em 0 !important;
	}
}

/********************************************************************************/

figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 10px;
	line-height: initial;
	background: rgba(255, 255, 255, 0.8);
}

/********************************************************************************/

.content-image.radius1 figure img {border-radius: var(--br1);}
.content-image.radius2 figure img {border-radius: var(--br2);}
.content-image.radius3 figure img {border-radius: var(--br3);}
.content-image.radius4 figure img {border-radius: var(--br4);}

.content-image.shadow figure img {box-shadow: var(--sw-boxes);}

/********************************************************************************/

.rs-columns.icon figure {
   display: flex;
   align-self: flex-end;
}

.rs-columns.icon figure img {
   width: 100px;
}

.rs-columns.icon-small figure img {
   width: 70px;
}

.content-image.bixi_logo {
	max-width: 200px;
	margin-bottom: 20px;
}

#rentenverwaltung figure {
	text-align: left;
	max-width: 100px !important;
}

/********************************************************************************/

.referenzen .swiper-wrapper {
  align-items: center;
}

.referenzen .swiper-wrapper figure {
  text-align: center;
}

/*****/

.logos .content-image img,
.referenzen .content-image img {
	filter: grayscale(1);
	width: auto;
}

.logos .content-image img {
	max-height: 50px;
}

.logos .content-image img:hover,
.referenzen .content-image img:hover {
	filter: grayscale(0);
}

/********************************************************************************/

.mod_article.ebene1 {
	align-items: start;
	padding-bottom: var(--bust-out1) !important;
	background: url('/files/daten/_grafik/ebene-1.svg') center bottom no-repeat, linear-gradient(0deg, rgba(237, 242, 252, 1) 0%, rgba(237, 242, 252, 1) 120px, rgba(255, 255, 255, 1) 120px, rgba(255, 255, 255, 1) 100%);
}

.mod_article.ebene1 .content-image {
	margin-bottom: var(--bust-out1n);
}

/*****/

.mod_article.ebene2 {
	padding-bottom: var(--bust-out1) !important;
	background: url('/files/daten/_grafik/ebene-2.svg') center bottom no-repeat, linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 150px, rgba(237, 242, 252, 1) 150px, rgba(237, 242, 252, 1) 100%);
}

.mod_article.ebene2 .content-element-group {
	margin-bottom: var(--bust-out1n);
}

/*****/

.mod_article.ebene3 {
	padding-top: 17vw !important;
	background-image: url('/files/daten/_grafik/ebene-3.svg');
	background-repeat: no-repeat;
	background-position: center top;
}

@media only screen and (max-width : 1260px) {
	.mod_article.ebene1,
	.mod_article.ebene2,
	.mod_article.ebene3 {
	background-size: calc(100% - 2 * var(--contentPaddingW))
	}
}

@media only screen and (max-width : 767px) {
	.mod_article.ebene1 {
	padding-bottom: 30vw !important;
	background: url('/files/daten/_grafik/ebene-1.svg') center bottom no-repeat, linear-gradient(0deg, rgba(237, 242, 252, 1) 0%, rgba(237, 242, 252, 1) 220px, rgba(255, 255, 255, 1) 220px, rgba(255, 255, 255, 1) 100%);
	background-size: calc(100% - 2 * var(--contentPaddingW))
	}
	
	.mod_article.ebene2 {
	padding-bottom: 30vw !important;
	background: url('/files/daten/_grafik/ebene-2.svg') center bottom no-repeat, linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 200px, rgba(237, 242, 252, 1) 200px, rgba(237, 242, 252, 1) 100%);
	background-size: calc(100% - 2 * var(--contentPaddingW))
	}
}

/********************************************************************************/

.content-image.sm-icon {
	display: inline-block;
	width: 35px;
	margin-right: 30px;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Links
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

a:link,
a:visited {
	color: var(--color2);
	/* border-bottom: 1px solid var(--color2); */
}

a:hover,
a:active,
a:focus {
	color: var(--color2);
	/* border-bottom: 1px dotted var(--color2); */
}

/*****/

#footer a:link,
#footer a:visited {
	color: var(--colorW);
}

#footer a:hover,
#footer a:active,
#footer a:focus {
	color: var(--colorW);
	border-bottom: 1px solid var(--colorW);
}

/*****/

.content-hyperlink {
	margin-top: var(--linehT);
	margin-bottom: var(--linehT);
}

.rs-column .content-hyperlink,
.bg-grau .content-hyperlink {
	/* text-align: center; */
	margin-bottom: 0;
}

/* p.more a:link, */
/* p.more a:visited, */
.content-hyperlink a:link,
.content-hyperlink a:visited {
	display: inline-block;
	padding: 5px 25px;
	font-weight: 600;
	color: var(--colorW);
	border-radius: var(--br4);
	border: var(--border) solid var(--color2);
	background: var(--color2);
	transition: 0.3s;
}

.boxen-bg .content-hyperlink a {
	color: var(--color2);
	border: var(--border) solid var(--color9);
	background: var(--color9);
}

#footer .content-hyperlink a {
	color: var(--colorW);
	border: var(--border) solid var(--colorW);
	background: transparent;
}

/* p.more a:hover, */
/* p.more a:active, */
/* p.more a:focus, */
.content-hyperlink a:hover,
.content-hyperlink a:active,
.content-hyperlink a:focus {
	font-weight: 600;;
	color: var(--color2) !important;
	border: var(--border) solid var(--color2) !important;
	background: var(--colorW) !important;
}

/********************************************************************************/
/* Boxen als Link */

.linked .rs-column {
	/* background: #ccc; */
}

.linked .rs-column:hover {
	cursor: pointer;
	box-shadow: rgba(14, 30, 37, 0.5) 0px 2px 4px 0px, rgba(14, 30, 37, 0.5) 0px 2px 16px 0px
}

/********************************************************************************/

#versorgungssystem,
#rentenverwaltung,
#zusagenverwaltung,
#unternehmen,
#digitalisierungsgrad,
#kommunikation {
	scroll-margin-top: 90px;
	overflow: initial;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Lists
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.content-text ul {
	margin-bottom: 1.250rem;
}

.content-text p + ul {
	/* margin-top: -1.4em; */
}

.content-text ul li {
	position: relative;
	padding-left: 30px;
	font-weight: 300;
	font-size: var(--text);
	line-height: var(--linehT);
	margin-bottom: 10px;
}

.content-text ul li:before {
	content: url('/files/daten/_grafik/haken-hellblau.svg');
	position: absolute;
	left: 0;
	width: 20px;
}

/*****/

.content-text ol li {
	list-style-type: decimal;
	font-size: var(--text);
	line-height: var(--linehT);
	margin-left: 25px;
}

/*****/

.bg-blau li {
	color: var(--colorW);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for News Modul
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.mod_newslist {
  --auto-grid-min-size: 20rem;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--auto-grid-min-size), 100%), 1fr));
  grid-gap: 0;
}

.mod_newslist h1 {
  grid-column: span 3;
}

@media only screen and (max-width : 889px) {
  .mod_newslist h1 {
  grid-column: span 2;
  }
}

@media only screen and (max-width : 589px) {
  .mod_newslist h1 {
  grid-column: span 1;
  }
}

.mod_newslist .layout_latest {
    margin: 20px;
    padding: var(--padding-boxes);
    box-shadow: var(--sw-boxes);
    border-radius: var(--br-boxes);
    background: var(--colorW);
}

.mod_newslist .layout_latest .ce_text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  max-height: 115px;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for forms
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [10.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: var(--text);
}

.ce_form .widget-text,
.ce_form .widget-textarea {
	position: relative;
	min-height: 80px;
	margin: 0;
}

.ce_form .widget-textarea {
	min-height: 170px;
}

.ce_form label {
   z-index: 2;
   position: relative;
   display: block;
   min-height: 17px;
   font-size: 1rem;
   font-weight: normal;
   padding: 0 10px;
   margin-bottom: 6px;
   transform: translateY(33px);
   transition: all 0.3s;
}

.is-active label {
	color: var(--color2);
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
   display: inline-block;
   position: relative;
   width: 100%;
   min-height: 25px;
   padding: 10px;
   border: var(--border) solid var(--color2);
   border-radius: var(--br1);
   background: transparent;
   box-shadow: inset 0 1px 1px #eee;
   outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: var(--border) solid var(--color2);
}

.widget-submit {
   margin-top: 20px;
   /* text-align: center; */
}

form button,
input[type="submit"],
.button {
	display: block;
	font-size: var(--text);
	line-height: var(--linehT);
	color: var(--colorW);
	padding: 5px 25px;
	border: var(--border) solid var(--color2);
	border-radius: var(--br1);
	background: var(--color2);
}

form button:hover,
form button:active,
form button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
	color: var(--color2);
	background: var(--colorW);
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	font-size: 1.000rem;
	line-height: 1.250rem;
	color: var(--error);
}

.form-confirmation {
   color: var(--color2);
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/
/*	Checkbox - http://doodlenerd.com/html-control/css-checkbox-generator	*/

.widget-checkbox {
	padding: 10px 0 10px 20px;
   /* background: var(--color6); */
}

.widget-checkbox label {
/* 	display: inline !important; */
	transform: none;
	padding: 0 20px 0 5px;
}

.widget-checkbox .control {
   cursor: pointer;
   display: block;
   position: relative;
   margin-top: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-checkbox .control input {
   z-index: -1;
   position: absolute;
   opacity: 0;
}

.widget-checkbox .control_indicator {
   position: absolute;
   top: 3px;
   left: 0;
   width: 20px;
   height: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-checkbox .control:hover input ~ .control_indicator,
.widget-checkbox .control input:focus ~ .control_indicator {
   background: var(--color5);
}

.widget-checkbox .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-checkbox .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-checkbox .control input:checked:focus ~ .control_indicator {
   /* background: var(--color5); */
}

.widget-checkbox .control input:disabled ~ .control_indicator {
   opacity: 0.6;
   pointer-events: none;
   /* background: #e6e6e6; */
}

.widget-checkbox .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-checkbox .control input:checked ~ .control_indicator:after {
   display: block;
}

.widget-checkbox .control-checkbox .control_indicator:after {
   top: 0;
   left: 5px;
   width: 4px;
   height: 11px;
   border: solid var(--colorW);
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
}

.widget-checkbox .control-checkbox input:disabled ~ .control_indicator:after {
   /* border-color: #7b7b7b; */
}

.widget-checkbox .control-checkbox .control_indicator::before {
   z-index: 99999;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   opacity: 0.6;
   transform: scale(0);
   background: var(--color2);
}

@keyframes s-ripple {
   0% {
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-checkbox .control-checkbox input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-checkbox .control-checkbox input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

/********************************************************************************/
/*	Radiobutton - http://doodlenerd.com/html-control/css-radio-button-generator	*/

.widget-radio {
   padding: 20px 0 40px 20px;
	/* background: var(--color6); */
}

.widget-radio legend {
	/* Abstand unter "legend" entfernen */
	position: absolute;
}

.widget-radio .control {
   cursor: pointer;
   display: block;
   position: relative;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-left: 30px;
}

.widget-radio .control input {
   position: absolute;
   z-index: -1;
   opacity: 0;
}

.widget-radio .control_indicator {
   position: absolute;
   top: 5px;
   left: 0;
   height: 20px;
   width: 20px;
   border: 1px solid var(--color2);
   border-radius: 0;
   background: var(--colorW);
}

.widget-radio .control:hover input ~ .control_indicator,
.widget-radio .control input:focus ~ .control_indicator {
   background: var(--color5);
}

.widget-radio .control input:checked ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control:hover input:not([disabled]):checked ~ .control_indicator,
.widget-radio .control input:checked:focus ~ .control_indicator {
   background: var(--color2);
}

.widget-radio .control input:disabled ~ .control_indicator {
   background: var(--color5);
   opacity: 0.6;
   pointer-events: none;
}

.widget-radio .control_indicator:after {
   box-sizing: unset;
   content: '';
   position: absolute;
   display: none;
}

.widget-radio .control input:checked ~ .control_indicator:after {
   display: block;
}
.control-radio .control_indicator {
   border-radius: 50%;
}

.control-radio .control_indicator:after {
   left: 6px;
   top: 6px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--colorW);
   transition: background 250ms;
}

.control-radio input:disabled ~ .control_indicator:after {
   /* background: #7b7b7b; */
}

.control-radio .control_indicator::before {
   z-index: 99999;
   opacity: 0.6;
   content: '';
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 4.5rem;
   height: 4.5rem;
   margin-top: -1.3rem;
   margin-left: -1.3rem;
   border-radius: 3rem;
   background: var(--color2);
   transform: scale(0);
}

@keyframes s-ripple {
   0% {
      opacity: 0;
      transform: scale(0);
   }
   20% {
      transform: scale(1);
   }
   100% {
      opacity: 0.01;
      transform: scale(1);
   }
}

@keyframes s-ripple-dup {
   0% {
      transform: scale(0);
   }
   30% {
      transform: scale(1);
   }
   60% {
      transform: scale(1);
   }
   100% {
      opacity: 0;
      transform: scale(1);
   }
}

.widget-radio .control-radio input + .control_indicator::before {
   animation: s-ripple 250ms ease-out;
}

.widget-radio .control-radio input:checked + .control_indicator::before {
   animation-name: s-ripple-dup;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Timeline
Theme Name: V15*
Theme URI: https://www.v15.de
Version: 1.0 [07.2025]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.timeline {
  max-width: 1350px;
  margin: 0 auto;
  overflow: visible;
}

.timeline .content-text ul li {
  padding-left: 0;
}

.timeline .content-text ul li::before {
  content: '';
  width: 0;
}

.timeline ul:not(.rte ul) {
  padding: 50px 0 0 0;
}

.timeline ul li.year {
  font-size: 2rem;
  /* line-height: 5rem; */
  font-weight: bold;
  text-align: center;
  color: var(--color2);
}

.timeline ul li:not(.year):not(.rte li) {
  position: relative;
  margin: 0 auto;
  width: 1px;
  padding-bottom: 30px;
  padding-left: 0 !important;
  list-style-type: none;
  background: var(--color2) !important;
}

.timeline ul li:last-child {
  padding-bottom: 0 !important;
}

.timeline ul li:not(.year):not(.rte li):before {
  content: '' !important;
  position: absolute;
  left: 50%;
  top: 25px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border: 1px solid  var(--color2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0 !important;
  background: var(--color2);
}

.timeline ul li .rte {
  position: relative;
  display: block;
  top: 16px;
  left: 50px;
  width: 629px;
  margin: 0 !important;
  /* background: #f5f5f5; */
}

.timeline ul li:nth-child(4n) .rte {
  /* left: 50px; */
}

.timeline ul li .rte:before {
  content: '';
  background: var(--color2);
  position: absolute;
  top: 13px;
  width: 30px;
  height: 1px;
}

/*****/

.timeline ul li:nth-child(4n+1) .content-text p {
  left: 50px;
  text-align: left;
}

.timeline ul li:nth-child(4n) .rte:before {
  left: -44px;
}

.timeline ul li:nth-child(4n+2) .rte {
  left: calc(-629px - 40px);
  text-align: right;
}

.timeline ul li:nth-child(4n+2) .content-text p {
  text-align: right;
}

.timeline ul li:nth-child(4n+2) .rte:before {
  right: -44px;
}

@media screen and (max-width: 1400px) {
  .timeline ul li .rte {
  width: 44vw;
  }
  
  .timeline ul li .rte .rte {
  padding: 0 20px 0 0 !important;
  }

  .timeline ul li:nth-child(4n+2) .rte {
  left: calc(-44vw - 40px);
  }
  
  .timeline ul li:nth-child(4n+2) .rte .rte {
  padding: 0 0 0 20px !important;
  }
}

@media screen and (max-width: 1000px) {
  .timeline ul li .rte {
  width: 40vw;
  }

  .timeline ul li:nth-child(4n+2) .rte {
  left: calc(-40vw - 50px);
  }
}

@media screen and (max-width: 700px) {
  .timeline ul li:not(.year):not(.rte li) {
    margin: 0;
  }
  
  .timeline ul li.year {
    text-align: left;
  }
  
  .timeline ul li:not(.year) {
  margin-left: 0;
  }

  .timeline ul li .rte {
  width: calc(100vw - 120px);
  }

  .timeline ul li:nth-child(4n+2) .rte {
  left: 50px;
  text-align: left;
  }

  .timeline ul li:nth-child(4n+2) .rte:before {
  left: -44px;
  }
  
  .timeline ul li:nth-child(4n) .content-text.media {
  text-align: left;
  }

  .timeline ul li:nth-child(4n) .rte .rte,
  .timeline ul li:nth-child(4n+2) .rte .rte {
  padding: 0 !important;
  }
  
  .timeline ul li:nth-child(4n+1) .content-text.media {
  margin: 0 !important;
  }

  .timeline ul li:nth-child(4n+2) .content-text p {
  text-align: left;
  }
}

@media screen and (max-width: 465px) {
  .timeline .content-text.media {
  height: auto;
  padding-bottom: 20px;
  }
}

/********************************************************************************/