.elementor-1826 .elementor-element.elementor-element-6ce5d3e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-1826 .elementor-element.elementor-element-d392e22{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000025;--border-color:#00000025;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1826 .elementor-element.elementor-element-4c57183{width:var( --container-widget-width, 833px );max-width:833px;--container-widget-width:833px;--container-widget-flex-grow:0;}.elementor-1826 .elementor-element.elementor-element-4c57183 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:600;letter-spacing:-0.05em;color:#000000;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1826 .elementor-element.elementor-element-e9dd6b3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-9bfdfe1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:50px 50px 50px 50px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1826 .elementor-element.elementor-element-9bfdfe1:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-9bfdfe1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-81630d7{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1826 .elementor-element.elementor-element-fc0a6f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1826 .elementor-element.elementor-element-1eabfde{width:var( --container-widget-width, 48px );max-width:48px;--container-widget-width:48px;--container-widget-flex-grow:0;}.elementor-1826 .elementor-element.elementor-element-1eabfde img{border-radius:10px 10px 10px 10px;}.elementor-1826 .elementor-element.elementor-element-1d4aac4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-d985766 .elementor-heading-title{font-family:"Fellix", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1826 .elementor-element.elementor-element-58881fc{font-family:"Fellix", Sans-serif;font-size:15px;font-weight:300;color:#000000B8;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:15px;font-weight:500;fill:#000000BA;color:#000000BA;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-1826 .elementor-element.elementor-element-e8df595{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:focus{color:#000000;}.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:focus svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-717d548{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-daa3479{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:21px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1826 .elementor-element.elementor-element-daa3479 .elementor-social-icon{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000012;}.elementor-1826 .elementor-element.elementor-element-daa3479 .elementor-social-icon i{color:#000000;}.elementor-1826 .elementor-element.elementor-element-daa3479 .elementor-social-icon svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-daa3479 .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-2bbcc57{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-2bbcc57:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-2bbcc57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koblenz-marathon.de/wp-content/uploads/2026/07/volksbank-rheinahreifel-koblenz.jpg");background-position:center center;background-size:cover;}.elementor-1826 .elementor-element.elementor-element-37cb037{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-42f5a0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:50px 50px 50px 50px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1826 .elementor-element.elementor-element-42f5a0e:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-42f5a0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-0f3ce48{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1826 .elementor-element.elementor-element-571049f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-923b628{width:var( --container-widget-width, 87px );max-width:87px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;padding:0px 0px 0px 0px;--container-widget-width:87px;--container-widget-flex-grow:0;}.elementor-1826 .elementor-element.elementor-element-f4173d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-52deea8 .elementor-heading-title{font-family:"Fellix", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1826 .elementor-element.elementor-element-dd7d1b2{font-family:"Fellix", Sans-serif;font-size:15px;font-weight:300;color:#000000B8;}.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:15px;font-weight:500;fill:#000000BA;color:#000000BA;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-1826 .elementor-element.elementor-element-412e1a2{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:focus{color:#000000;}.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:focus svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-b6b7263{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-c672c8b{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:21px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1826 .elementor-element.elementor-element-c672c8b .elementor-social-icon{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000012;}.elementor-1826 .elementor-element.elementor-element-c672c8b .elementor-social-icon i{color:#000000;}.elementor-1826 .elementor-element.elementor-element-c672c8b .elementor-social-icon svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-c672c8b .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-d21991e{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-d21991e:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-d21991e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koblenz-marathon.de/wp-content/uploads/2026/07/lottohaus540.jpg");background-position:center center;background-size:cover;}.elementor-1826 .elementor-element.elementor-element-cf99dc6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-14b96fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:50px 50px 50px 50px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1826 .elementor-element.elementor-element-14b96fb:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-14b96fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-5fde88e{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1826 .elementor-element.elementor-element-2e654d4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-5e3dc39{width:var( --container-widget-width, 87px );max-width:87px;margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + -10px) -10px;padding:0px 0px 0px 0px;--container-widget-width:87px;--container-widget-flex-grow:0;}.elementor-1826 .elementor-element.elementor-element-1325de1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-1167f82 .elementor-heading-title{font-family:"Fellix", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-1826 .elementor-element.elementor-element-1bc46e8{font-family:"Fellix", Sans-serif;font-size:15px;font-weight:300;color:#000000B8;}.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button{background-color:#61CE7000;font-family:"Outfit", Sans-serif;font-size:15px;font-weight:500;fill:#000000BA;color:#000000BA;border-radius:0px 0px 0px 0px;padding:10px 0px 10px 0px;}.elementor-1826 .elementor-element.elementor-element-1917cff{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:focus{color:#000000;}.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:focus svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-c8fc577{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-b02ff81{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:21px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1826 .elementor-element.elementor-element-b02ff81 .elementor-social-icon{background-color:#02010100;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000012;}.elementor-1826 .elementor-element.elementor-element-b02ff81 .elementor-social-icon i{color:#000000;}.elementor-1826 .elementor-element.elementor-element-b02ff81 .elementor-social-icon svg{fill:#000000;}.elementor-1826 .elementor-element.elementor-element-b02ff81 .elementor-icon{border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-acd186f{--display:flex;--border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-acd186f:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-acd186f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://koblenz-marathon.de/wp-content/uploads/2026/09/Front_BNA-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1826 .elementor-element.elementor-element-d73f992{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 0px 0px 0px;--n-tabs-title-gap:10px;--n-tabs-gap:50px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:40px;--n-tabs-title-padding-right:40px;--n-tabs-title-padding-bottom:40px;--n-tabs-title-padding-left:40px;}.elementor-1826 .elementor-element.elementor-element-d73f992.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#0000000F;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-edc4dcc );}.elementor-1826 .elementor-element.elementor-element-d73f992.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1826 .elementor-element.elementor-element-d73f992.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E25F0A24;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-edc4dcc );}.elementor-1826 .elementor-element.elementor-element-d73f992.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 0px 0px;border-color:#00000012;}.elementor-1826 .elementor-element.elementor-element-102eddd{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000025;--border-color:#00000025;--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1826 .elementor-element.elementor-element-2ba046b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000025;--border-color:#00000025;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-7107b41{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000025;--border-color:#00000025;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1826 .elementor-element.elementor-element-7107b41:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-7107b41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-370079d{width:var( --container-widget-width, 833px );max-width:833px;--container-widget-width:833px;--container-widget-flex-grow:0;text-align:center;}.elementor-1826 .elementor-element.elementor-element-370079d .elementor-heading-title{font-family:"Fellix", Sans-serif;font-size:21px;font-weight:600;color:#000000;}.elementor-1826 .elementor-element.elementor-element-4f009c9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-4f009c9:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-4f009c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-5263154{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-e7e7471{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-bf4b4d9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-a3667e4 img{transition-duration:0.3s;}.elementor-1826 .elementor-element.elementor-element-4ecc7d0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-98fa2c0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-06d685d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-64943c3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-a5bf4af{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-1d8cb40{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000025;--border-color:#00000025;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1826 .elementor-element.elementor-element-1d8cb40:not(.elementor-motion-effects-element-type-background), .elementor-1826 .elementor-element.elementor-element-1d8cb40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-1826 .elementor-element.elementor-element-ad3814c{width:var( --container-widget-width, 833px );max-width:833px;--container-widget-width:833px;--container-widget-flex-grow:0;text-align:start;}.elementor-1826 .elementor-element.elementor-element-ad3814c .elementor-heading-title{font-family:"Fellix", Sans-serif;font-size:28px;font-weight:600;color:#000000;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1826 .elementor-element.elementor-element-1a3937a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1826 .elementor-element.elementor-element-1a3937a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group > label, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-subgroup label{color:#000000BA;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group > label{font-family:"Fellix", Sans-serif;font-size:12px;font-weight:200;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-html{padding-bottom:0px;font-family:"Outfit", Sans-serif;font-size:12px;font-weight:400;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group .elementor-field{color:#000000;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group .elementor-field, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-subgroup label{font-family:"Fellix", Sans-serif;font-size:15px;font-weight:400;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF00;border-color:#FFFFFF24;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF00;border-color:#FFFFFF24;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF24;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button{font-family:"Fellix", Sans-serif;font-size:15px;font-weight:500;border-radius:50px 50px 50px 50px;}.elementor-1826 .elementor-element.elementor-element-1a3937a .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-edc4dcc );color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button[type="submit"]{background-color:var( --e-global-color-edc4dcc );color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-edc4dcc );color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-message{font-family:"Outfit", Sans-serif;font-weight:400;}@media(min-width:768px){.elementor-1826 .elementor-element.elementor-element-6ce5d3e{--content-width:1300px;}.elementor-1826 .elementor-element.elementor-element-2bbcc57{--width:100%;}.elementor-1826 .elementor-element.elementor-element-d21991e{--width:100%;}.elementor-1826 .elementor-element.elementor-element-acd186f{--width:100%;}.elementor-1826 .elementor-element.elementor-element-102eddd{--content-width:1300px;}.elementor-1826 .elementor-element.elementor-element-7107b41{--width:70%;}.elementor-1826 .elementor-element.elementor-element-1d8cb40{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1826 .elementor-element.elementor-element-7107b41{--width:100%;}}@media(max-width:1024px){.elementor-1826 .elementor-element.elementor-element-9bfdfe1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1826 .elementor-element.elementor-element-2bbcc57{--min-height:400px;}.elementor-1826 .elementor-element.elementor-element-2bbcc57.e-con{--order:-99999 /* order start hack */;}.elementor-1826 .elementor-element.elementor-element-2ba046b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1826 .elementor-element.elementor-element-7107b41{--min-height:600px;}.elementor-1826 .elementor-element.elementor-element-4f009c9{--grid-auto-flow:row;}.elementor-1826 .elementor-element.elementor-element-1d8cb40{--min-height:600px;}}@media(max-width:767px){.elementor-1826 .elementor-element.elementor-element-6ce5d3e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:00%;--padding-right:0%;}.elementor-1826 .elementor-element.elementor-element-d392e22{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1826 .elementor-element.elementor-element-4c57183 .elementor-heading-title{font-size:32px;}.elementor-1826 .elementor-element.elementor-element-9bfdfe1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:0px 0px 0px 0px;--padding-top:0%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-1826 .elementor-element.elementor-element-81630d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-d985766 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1826 .elementor-element.elementor-element-2bbcc57{--min-height:250px;--border-radius:20px 20px 20px 20px;}.elementor-1826 .elementor-element.elementor-element-2bbcc57.e-con{--order:-99999 /* order start hack */;}.elementor-1826 .elementor-element.elementor-element-42f5a0e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1826 .elementor-element.elementor-element-0f3ce48{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-923b628{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1826 .elementor-element.elementor-element-52deea8 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1826 .elementor-element.elementor-element-d21991e{--min-height:250px;--border-radius:30px 30px 30px 30px;}.elementor-1826 .elementor-element.elementor-element-d21991e.e-con{--order:-99999 /* order start hack */;}.elementor-1826 .elementor-element.elementor-element-14b96fb{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1826 .elementor-element.elementor-element-5fde88e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1826 .elementor-element.elementor-element-5e3dc39{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1826 .elementor-element.elementor-element-1167f82 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-1826 .elementor-element.elementor-element-acd186f{--min-height:250px;--border-radius:30px 30px 30px 30px;}.elementor-1826 .elementor-element.elementor-element-acd186f.e-con{--order:-99999 /* order start hack */;}.elementor-1826 .elementor-element.elementor-element-d73f992{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-gap:20px;--n-tabs-title-padding-top:30px;--n-tabs-title-padding-right:50px;--n-tabs-title-padding-bottom:30px;--n-tabs-title-padding-left:50px;}.elementor-1826 .elementor-element.elementor-element-102eddd{--padding-top:5%;--padding-bottom:5%;--padding-left:00%;--padding-right:0%;}.elementor-1826 .elementor-element.elementor-element-2ba046b{--padding-top:0%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1826 .elementor-element.elementor-element-7107b41{--min-height:300px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1826 .elementor-element.elementor-element-370079d .elementor-heading-title{font-size:18px;line-height:1.2em;}.elementor-1826 .elementor-element.elementor-element-4f009c9{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-1826 .elementor-element.elementor-element-1d8cb40{--min-height:300px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1826 .elementor-element.elementor-element-ad3814c{text-align:start;}.elementor-1826 .elementor-element.elementor-element-ad3814c .elementor-heading-title{font-size:24px;line-height:1.2em;}}/* Start custom CSS for button, class: .elementor-element-e8df595 */.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-412e1a2 */.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1917cff */.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e8df595 */.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-412e1a2 */.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1917cff */.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e8df595 */.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-412e1a2 */.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1917cff */.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e8df595 */.elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-e8df595 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-412e1a2 */.elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-412e1a2 .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1917cff */.elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; padding-top: 10px; padding-bottom: 10px; width: auto; } /* Linie unten am Button, bis kurz vor das Icon */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button::after { content: ""; position: absolute; left: 0; bottom: 0; right: calc(1em + 10px); height: 1px; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover::after { transform: scaleX(1); } /* Icon standardmaessig unsichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon { opacity: 1; transition: opacity 0.3s ease; } /* Icon bei Hover sichtbar */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon { opacity: 1; } /* Icon-Drehung beim Hover */ .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button .elementor-button-icon i { transition: transform 0.3s ease; } .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon svg, .elementor-1826 .elementor-element.elementor-element-1917cff .elementor-button:hover .elementor-button-icon i { transform: rotate(45deg); }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-d73f992 *//* ========================================================= KOBLENZ MARATHON – SPONSOREN TABS DESKTOP: - 8 Sponsoren pro Reihe - 30px Radius TABLET: - 4 Sponsoren pro Reihe - 30px Radius MOBILE: - Horizontal scrollbar - kleinere Tabs - 20px Radius ALLE TABS: - Standard Border #00000012 GSAP: - Shared Hover / Active Background ========================================================= */ /* ========================================================= VARIABLEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 { --sponsor-logo-size: 70%; --desktop-tab-height: 112px; --desktop-grid-gap: 12px; --inactive-logo-opacity: 0.48; --inactive-hover-opacity: 0.72; /* Mobile bewusst kompakter */ --mobile-tab-width: 130px; --mobile-tab-height: 64px; --mobile-tab-gap: 8px; --mobile-side-padding: 5%; /* Desktop / Tablet */ --sponsor-tab-radius: 30px; /* Mobile */ --sponsor-mobile-radius: 20px; /* Standard Border */ --sponsor-tab-border: #00000012; /* Hover Fläche */ --sponsor-hover-bg: rgba(0, 0, 0, 0.045); --sponsor-hover-border: rgba(0, 0, 0, 0.07); } /* ========================================================= LOGOS ========================================================= */ /* 1 – VR Bank */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(1) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/VR-Bank-RAE-mit-Claim-1-1-1.webp"); } /* 2 – EVM */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(2) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/08/8.png"); } /* 3 – Lotto */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(3) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/08/2.png"); } /* 4 – Intersport */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(4) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/intersport.webp"); } /* 5 – Coca-Cola */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(5) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/cocacola.webp"); } /* 6 – SWK */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(6) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/swk.webp"); } /* 7 – Höfer */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(7) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/hoeferwhitemode.webp"); } /* 8 – Laibgenuss */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(8) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/laibgenuss.webp"); } /* 9 – SVG */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(9) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/svgtransparent.webp"); } /* 10 – Bitburger */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(10) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/bitburger.webp"); } /* 11 – Brinkmann */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:nth-child(11) { --sponsor-logo: url("https://koblenz-marathon.de/wp-content/uploads/2026/07/brinkmann.webp"); } /* ========================================================= GESAMTAUFBAU ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; gap: 32px !important; overflow: visible !important; } /* ========================================================= TAB CONTENT ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-content { order: 2 !important; grid-column: auto !important; grid-row: auto !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; } /* ========================================================= TABS HEADING Basis für GSAP Indicator ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading { position: relative !important; isolation: isolate; } /* ========================================================= EINZELNER TAB ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title { position: relative; z-index: 2; width: 100% !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border-radius: var(--sponsor-tab-radius) !important; /* * NEU: * Jeder Tab hat permanent * einen leichten Rahmen. */ border: 0px solid var(--sponsor-tab-border) !important; background-image: none !important; background-color: transparent !important; cursor: pointer; -webkit-tap-highlight-color: transparent; } /* ========================================================= SHARED GSAP HOVER INDICATOR Dieser eine Hintergrund fährt zwischen den Tabs hin und her. ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .km-sponsor-indicator { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 1; pointer-events: none; border-radius: var(--sponsor-tab-radius); background: var(--sponsor-hover-bg); border: 0px solid var(--sponsor-hover-border); opacity: 0; transform: translate3d(0, 0, 0); will-change: transform, width, height, opacity; } /* ========================================================= LOGO ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title::before { content: "" !important; position: absolute !important; inset: 0 !important; display: block !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; background-image: var(--sponsor-logo) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: var(--sponsor-logo-size) auto !important; pointer-events: none; z-index: 3; transition: filter 180ms ease, opacity 180ms ease, transform 180ms ease; } /* ========================================================= INAKTIV ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:not( [aria-selected="true"] )::before { filter: brightness(0) saturate(100%) !important; opacity: var(--inactive-logo-opacity); } /* ========================================================= HOVER LOGO ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title:not( [aria-selected="true"] ):hover::before { filter: brightness(0) saturate(100%) !important; opacity: var(--inactive-hover-opacity); transform: scale(1.02); } /* ========================================================= ACTIVE LOGO ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title[ aria-selected="true" ]::before { filter: brightness(0) saturate(100%) !important; opacity: 1 !important; transform: scale(1); } /* ========================================================= ELEMENTOR PFEIL ENTFERNEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title::after { content: none !important; display: none !important; } /* ========================================================= ELEMENTOR ICON ENTFERNEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tab-icon { display: none !important; } /* ========================================================= TAB TEXT NUR FÜR SCREENREADER ========================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tab-title-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; } /* ========================================================= DESKTOP 8 PRO REIHE ========================================================= */ @media (min-width: 1200px) { .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading { order: 1 !important; display: grid !important; grid-template-columns: repeat( 8, minmax(0, 1fr) ) !important; grid-auto-rows: var(--desktop-tab-height) !important; gap: var(--desktop-grid-gap) !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title { flex: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--desktop-tab-height) !important; min-height: var(--desktop-tab-height) !important; max-height: var(--desktop-tab-height) !important; border-radius: 30px !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .km-sponsor-indicator { border-radius: 30px; } } /* ========================================================= TABLET 4 PRO REIHE ========================================================= */ @media (min-width: 768px) and (max-width: 1199px) { .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading { order: 1 !important; display: grid !important; grid-template-columns: repeat( 4, minmax(0, 1fr) ) !important; grid-auto-rows: var(--desktop-tab-height) !important; gap: var(--desktop-grid-gap) !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title { flex: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: var(--desktop-tab-height) !important; min-height: var(--desktop-tab-height) !important; max-height: var(--desktop-tab-height) !important; border-radius: 30px !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .km-sponsor-indicator { border-radius: 30px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { /* * Mobile eigene Werte */ .elementor-1826 .elementor-element.elementor-element-d73f992 { --sponsor-logo-size: 62%; --mobile-tab-width: 130px; --mobile-tab-height: 64px; --mobile-tab-gap: 8px; } .elementor-1826 .elementor-element.elementor-element-d73f992, .elementor-1826 .elementor-element.elementor-element-d73f992 > .elementor-widget-container, .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs { overflow: visible !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs { gap: 20px !important; } .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading { order: 1 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; gap: var(--mobile-tab-gap) !important; padding: 0 var(--mobile-side-padding) 10px var(--mobile-side-padding) !important; margin: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; scroll-snap-type: x proximity; scroll-padding-left: var(--mobile-side-padding); scroll-padding-right: var(--mobile-side-padding); scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x; } .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading::-webkit-scrollbar { display: none !important; } /* ======================================================= MOBILE TAB kleiner + 20px Radius + Standardborder ======================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title { flex: 0 0 var(--mobile-tab-width) !important; width: var(--mobile-tab-width) !important; min-width: var(--mobile-tab-width) !important; max-width: var(--mobile-tab-width) !important; height: var(--mobile-tab-height) !important; min-height: var(--mobile-tab-height) !important; max-height: var(--mobile-tab-height) !important; border-radius: var(--sponsor-mobile-radius) !important; border: 0px solid var(--sponsor-tab-border) !important; scroll-snap-align: start; } /* * Auf Touch kein GSAP Hover Indicator. */ .elementor-1826 .elementor-element.elementor-element-d73f992 .km-sponsor-indicator { display: none !important; } /* ======================================================= MOBILE ACTIVE Border bleibt identisch, nur Hintergrund wird sichtbar. ======================================================= */ .elementor-1826 .elementor-element.elementor-element-d73f992 .e-n-tabs-heading > .e-n-tab-title[ aria-selected="true" ] { background: var(--sponsor-hover-bg) !important; border: 0px solid var(--sponsor-tab-border) !important; border-radius: var(--sponsor-mobile-radius) !important; } }/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-1a3937a *//* ========================================================= KOBLENZ MARATHON – SPONSORING-FORMULAR Für das normale Elementor-Pro-Formular ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a { --form-orange: #ed5b0b; --form-orange-hover: #d95005; --form-text: #000000; --form-placeholder: rgba(0, 0, 0, 0.56); --form-border: rgba(0, 0, 0, 0.12); --form-border-focus: rgba(0, 0, 0, 0.58); --checkbox-text: rgba(255, 255, 255, 0.62); } /* ========================================================= ÄUSSERES PADDING UND MARGIN ENTFERNEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a, .elementor-1826 .elementor-element.elementor-element-1a3937a > .elementor-widget-container, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form-fields-wrapper { margin: 0 !important; padding: 0 !important; } /* ========================================================= SCHRIFT ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a, .elementor-1826 .elementor-element.elementor-element-1a3937a input, .elementor-1826 .elementor-element.elementor-element-1a3937a textarea, .elementor-1826 .elementor-element.elementor-element-1a3937a select, .elementor-1826 .elementor-element.elementor-element-1a3937a button, .elementor-1826 .elementor-element.elementor-element-1a3937a label { font-family: "fellix", sans-serif !important; } /* ========================================================= FELDGRUPPEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-group { margin-top: 0 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form-fields-wrapper { row-gap: 0 !important; } /* ========================================================= NORMALE EINGABEFELDER Oben und unten jeweils 15px Padding ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field:not([type="checkbox"]):not([type="radio"]):not(.elementor-button), .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field, .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 15px 0 !important; color: var(--form-text) !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--form-border) !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.45 !important; transition: border-color 180ms ease, color 180ms ease; } /* ========================================================= TEXTAREA ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field { min-height: 150px !important; resize: vertical !important; } /* ========================================================= PLACEHOLDER ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a input.elementor-field::placeholder, .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field::placeholder { color: var(--form-placeholder) !important; opacity: 1 !important; } /* ========================================================= SELECT ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field { color: var(--form-placeholder) !important; cursor: pointer !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field:valid { color: var(--form-text) !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field option { color: #171717 !important; background: #ffffff !important; } /* ========================================================= HOVER UND FOKUS ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field:not([type="checkbox"]):not([type="radio"]):not(.elementor-button):hover, .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field:hover, .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field:hover { border-bottom-color: rgba(255, 255, 255, 0.38) !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field:not([type="checkbox"]):not([type="radio"]):not(.elementor-button):focus, .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field:focus, .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field:focus { color: var(--form-text) !important; border-bottom-color: var(--form-border-focus) !important; box-shadow: none !important; } /* ========================================================= AUTOFILL ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a input.elementor-field:-webkit-autofill, .elementor-1826 .elementor-element.elementor-element-1a3937a input.elementor-field:-webkit-autofill:hover, .elementor-1826 .elementor-element.elementor-element-1a3937a input.elementor-field:-webkit-autofill:focus { -webkit-text-fill-color: #ffffff !important; caret-color: #ffffff !important; -webkit-box-shadow: 0 0 0 1000px transparent inset !important; box-shadow: 0 0 0 1000px transparent inset !important; border-bottom-color: var(--form-border) !important; transition: background-color 9999s ease-out 0s !important; } /* ========================================================= DATENSCHUTZ-CHECKBOX ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance { margin-top: 22px !important; margin-bottom: 0 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-subgroup { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-option { display: flex !important; align-items: flex-start !important; width: 100% !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } /* Eigene Checkbox */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; position: relative !important; flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important; max-width: 18px !important; height: 18px !important; min-height: 18px !important; max-height: 18px !important; margin: 1px 0 0 !important; padding: 0 !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.46) !important; border-radius: 3px !important; box-shadow: none !important; outline: none !important; cursor: pointer !important; transition: background-color 160ms ease, border-color 160ms ease; } /* Checkbox orange, sobald sie aktiviert ist */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance input[type="checkbox"]:checked { background-color: var(--form-orange) !important; border-color: var(--form-orange) !important; } /* Weißer Haken */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance input[type="checkbox"]:checked::after { content: "" !important; position: absolute !important; left: 5px !important; top: 2px !important; width: 5px !important; height: 9px !important; border-right: 2px solid #ffffff !important; border-bottom: 2px solid #ffffff !important; transform: rotate(45deg) !important; } /* Tastaturfokus */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance input[type="checkbox"]:focus-visible { outline: 3px solid rgba(237, 91, 11, 0.25) !important; outline-offset: 3px !important; } /* ========================================================= DATENSCHUTZ-TEXT Kleiner, transparenter und sauber ausgerichtet ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-option label { flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: var(--checkbox-text) !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0 !important; cursor: pointer !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-option label a { color: rgba(255, 255, 255, 0.82) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-option label a:hover { color: #ffffff !important; } /* ========================================================= ABSENDEBUTTON ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-submit { margin-top: 24px !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button { min-height: 54px !important; padding: 15px 24px !important; color: #ffffff !important; background: var(--form-orange) !important; border: 0 !important; border-radius: 60px !important; box-shadow: none !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; transition: background-color 180ms ease, transform 180ms ease !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button:hover { background: var(--form-orange-hover) !important; transform: translateY(-1px) !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button:focus-visible { outline: 3px solid rgba(237, 91, 11, 0.28) !important; outline-offset: 3px !important; } /* ========================================================= ELEMENTOR ERFOLGS- UND FEHLERMELDUNGEN ========================================================= */ .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-message { margin: 18px 0 0 !important; padding: 12px 14px !important; border-radius: 5px !important; font-size: 13px !important; line-height: 1.45 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-message-success { color: #dcffe8 !important; background: rgba(28, 190, 103, 0.14) !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-message-danger, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-message-error { color: #ffe0dc !important; background: rgba(239, 68, 68, 0.14) !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-1826 .elementor-element.elementor-element-1a3937a, .elementor-1826 .elementor-element.elementor-element-1a3937a > .elementor-widget-container, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form, .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-form-fields-wrapper { margin: 0 !important; padding: 0 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field:not([type="checkbox"]):not([type="radio"]):not(.elementor-button), .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field, .elementor-1826 .elementor-element.elementor-element-1a3937a select.elementor-field { padding-top: 14px !important; padding-bottom: 14px !important; font-size: 15px !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a textarea.elementor-field { min-height: 130px !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-field-type-acceptance .elementor-field-option label { font-size: 12px !important; line-height: 1.45 !important; } .elementor-1826 .elementor-element.elementor-element-1a3937a .elementor-button { width: 100% !important; } }/* End custom CSS */