.elementor-15417 .elementor-element.elementor-element-51ed786{--display:flex;--min-height:950px;--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;--justify-content:center;--align-items:flex-start;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:400px;--padding-left:10px;--padding-right:10px;}.elementor-15417 .elementor-element.elementor-element-51ed786:not(.elementor-motion-effects-element-type-background), .elementor-15417 .elementor-element.elementor-element-51ed786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://become1.de/wp-content/uploads/2026/03/Untitled-design-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15417 .elementor-element.elementor-element-51ed786.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-15417 .elementor-element.elementor-element-2616201{--display:flex;--min-height:0px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--margin-top:-30px;--margin-bottom:-30px;--margin-left:-30px;--margin-right:-30px;}.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-15417 .elementor-element.elementor-element-4a3b267 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15417 .elementor-element.elementor-element-4a3b267{text-align:start;}.elementor-15417 .elementor-element.elementor-element-4a3b267 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 23px #000000;color:#FFFFFF;}.elementor-15417 .elementor-element.elementor-element-81cdc99{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-15417 .elementor-element.elementor-element-22e75db > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-15417 .elementor-element.elementor-element-22e75db{text-align:center;}.elementor-15417 .elementor-element.elementor-element-22e75db .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#1B1D1E;}.elementor-15417 .elementor-element.elementor-element-ac52682{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:60px;--padding-right:60px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-15417 .elementor-element.elementor-element-2eb64b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15417 .elementor-element.elementor-element-2eb64b7{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;line-height:32px;color:#1B1D1E;}.elementor-15417 .elementor-element.elementor-element-024cef5{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-15417 .elementor-element.elementor-element-51ed786{--width:100%;}.elementor-15417 .elementor-element.elementor-element-2616201{--content-width:1300px;}}@media(min-width:1025px){.elementor-15417 .elementor-element.elementor-element-51ed786:not(.elementor-motion-effects-element-type-background), .elementor-15417 .elementor-element.elementor-element-51ed786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(min-width:1600px){.elementor-15417 .elementor-element.elementor-element-51ed786{--min-height:100vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:300px;--padding-bottom:200px;--padding-left:10px;--padding-right:10px;}.elementor-15417 .elementor-element.elementor-element-51ed786:not(.elementor-motion-effects-element-type-background), .elementor-15417 .elementor-element.elementor-element-51ed786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:100% 80%;background-size:cover;}.elementor-15417 .elementor-element.elementor-element-4a3b267 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-15417 .elementor-element.elementor-element-51ed786:not(.elementor-motion-effects-element-type-background), .elementor-15417 .elementor-element.elementor-element-51ed786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-15417 .elementor-element.elementor-element-51ed786{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:250px;--padding-left:10px;--padding-right:10px;}.elementor-15417 .elementor-element.elementor-element-4a3b267 .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-15417 .elementor-element.elementor-element-2eb64b7 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-15417 .elementor-element.elementor-element-51ed786:not(.elementor-motion-effects-element-type-background), .elementor-15417 .elementor-element.elementor-element-51ed786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://become1.de/wp-content/uploads/2026/03/iStock-2182163290-2.jpg");background-position:72% 9%;}.elementor-15417 .elementor-element.elementor-element-51ed786{--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:86px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-15417 .elementor-element.elementor-element-4a3b267 > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-15417 .elementor-element.elementor-element-4a3b267 .elementor-heading-title{font-size:31px;}.elementor-15417 .elementor-element.elementor-element-81cdc99{--content-width:90%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15417 .elementor-element.elementor-element-22e75db > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-15417 .elementor-element.elementor-element-ac52682{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-15417 .elementor-element.elementor-element-2eb64b7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15417 .elementor-element.elementor-element-2eb64b7{font-size:16px;line-height:22px;}.elementor-15417 .elementor-element.elementor-element-024cef5{--content-width:90%;}body.elementor-page-15417{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-024cef5 */:root {
            --primary-color: #00f8f1;
            --primary-dark: #202026;
            --secondary-color: #f6f6f6;
            --accent-color: #7f95d1;
            --border-color: #a3a3a3;
            --primary-hover: #00dcd6;
            --primary-transparent: rgba(0, 248, 241, 0.1);
            --secondary-transparent: rgba(127, 149, 209, 0.1);
            --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            --border-radius: 8px;
        }
        
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .calculator {
            background-color: white;
            padding: 30px;
            border-radius: var(--border-radius);
            box-shadow: var(--shadow);
            position: relative;
            overflow: hidden;
        }
        
        .calculator::before {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-color: var(--primary-transparent);
            z-index: 0;
        }
        
        .calculator::after {
            content: "";
            position: absolute;
            bottom: -30px;
            left: -30px;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background-color: var(--secondary-transparent);
            z-index: 0;
        }
        
        .calculator-content {
            position: relative;
            z-index: 1;
        }
        
        /* Neue Flex-Layout für horizontale Anordnung */
        @media (min-width: 992px) {
            .calculator-content {
                display: flex;
                flex-wrap: wrap;
                gap: 30px;
            }
            
            .section-tax {
                flex: 1;
                min-width: 400px;
                max-width: calc(50% - 15px);
            }
            
            .section-leasy {
                flex: 1;
                min-width: 400px;
                max-width: calc(50% - 15px);
            }
        }
        
        h1, h2 {
            color: var(--primary-dark);
            margin: 0 0 24px 0;
            font-weight: 700;
            line-height: 1.2;
        }
        
        h1 {
            font-size: 28px;
        }
        
        h2 {
            font-size: 24px;
        }
        
        .input-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            flex-wrap: wrap;
        }
        
        .input-group {
            flex: 1;
            min-width: 200px;
            margin-bottom: 20px;
        }
        
        .input-row .input-group {
            margin-bottom: 0;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: var(--primary-dark);
            font-size: 16px;
        }
        
        input, select {
            width: 100%;
            padding: 12px;
            border: 1px solid var(--border-color);
            border-radius: 4px;
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        
        input:focus, select:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px var(--primary-transparent);
        }
        
        .result {
            margin-top: 25px;
            padding: 20px;
            background-color: var(--primary-dark);
            border-radius: var(--border-radius);
            color: white;
            text-align: center;
        }
        
        .result-title {
            font-size: 16px;
            margin-bottom: 10px;
            color: var(--primary-color);
        }
        
        .result-amount {
            font-size: 24px;
            font-weight: 700;
        }
        
        .details {
            margin-top: 25px;
            padding: 20px;
            background-color: var(--secondary-color);
            border-radius: var(--border-radius);
        }
        
        .details-title {
            font-weight: 700;
            margin-bottom: 15px;
            font-size: 18px;
            color: var(--primary-dark);
        }
        
        .details-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            font-size: 15px;
            flex-wrap: wrap;
        }
        
        .details-row > span:first-child {
            margin-right: 10px;
        }
        
        .btn {
            background-color: var(--primary-color);
            color: var(--primary-dark);
            border: none;
            padding: 14px 20px;
            border-radius: var(--border-radius);
            cursor: pointer;
            font-size: 16px;
            width: 100%;
            margin-top: 20px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
            transition: background-color 0.3s;
        }
        
        .btn:hover {
            background-color: var(--primary-hover);
        }
        
        .children-input {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .children-input button {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: none;
            background-color: var(--primary-color);
            color: var(--primary-dark);
            font-weight: bold;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            transition: background-color 0.3s;
        }
        
        .children-input button:hover {
            background-color: var(--primary-hover);
        }
        
        .children-input input {
            width: 60px;
            text-align: center;
        }
        
        .advanced-toggle {
            margin-top: 20px;
            text-align: center;
            color: var(--accent-color);
            cursor: pointer;
            padding: 10px;
            transition: color 0.3s;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .advanced-toggle:hover {
            color: var(--primary-dark);
        }
        
        .advanced-options {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px dashed var(--border-color);
            display: none;
        }
        
        .toggle-icon {
            display: inline-block;
            transition: transform 0.3s;
            margin-left: 5px;
        }
        
        .toggle-active .toggle-icon {
            transform: rotate(180deg);
        }
        
        .slider-container {
            margin-bottom: 20px;
        }
        
        .slider-container label {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        input[type="range"] {
            -webkit-appearance: none;
            width: 100%;
            height: 6px;
            background: var(--secondary-color);
            border-radius: 3px;
            outline: none;
            padding: 0;
            margin: 10px 0;
        }
        
        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--primary-color);
            cursor: pointer;
            border: none;
        }
        
        input[type="range"]::-moz-range-thumb {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--primary-color);
            cursor: pointer;
            border: none;
        }
        
        .section {
            padding-bottom: 30px;
        }
        
        .highlight-box {
            border-left: 4px solid var(--primary-color);
            padding-left: 15px;
            margin: 25px 0;
        }
        
        /* Responsive Styles */
        @media (max-width: 991px) {
            .section-tax, .section-leasy {
                width: 100%;
            }
            
            .section-leasy {
                margin-top: 30px;
                padding-top: 30px;
                border-top: 1px solid #eee;
            }
        }
        
        @media (max-width: 768px) {
            .calculator {
                padding: 20px;
            }
            
            h1, h2 {
                font-size: 24px;
            }
            
            .input-row {
                flex-direction: column;
                gap: 10px;
            }
            
            .input-group {
                width: 100%;
            }
            
            .details-row {
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            
            .calculator {
                padding: 15px;
            }
            
            h1, h2 {
                font-size: 20px;
                margin-bottom: 15px;
            }
            
            .result {
                padding: 15px;
            }
            
            .result-amount {
                font-size: 20px;
            }
            
            .details {
                padding: 15px;
            }
        }/* End custom CSS */