.elementor-572 .elementor-element.elementor-element-01b4209{--display:flex;}.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-572 .elementor-element.elementor-element-a7e85e8.elementor-element{--align-self:center;}.elementor-572 .elementor-element.elementor-element-a7e85e8 .elementor-heading-title{color:#E99612;}.elementor-572 .elementor-element.elementor-element-42e2f10b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-572 .elementor-element.elementor-element-215e6dd{--display:flex;}.elementor-572 .elementor-element.elementor-element-281b637{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-572 .elementor-element.elementor-element-39848e5{--display:flex;}.elementor-572 .elementor-element.elementor-element-b77740e{padding:0px 0px 0px 0px;}.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-572 .elementor-element.elementor-element-73afb3a{margin:0px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;text-align:center;color:#FFFFFF;}.elementor-572 .elementor-element.elementor-element-73afb3a.elementor-element{--align-self:center;}@media(max-width:1366px){.elementor-572 .elementor-element.elementor-element-42e2f10b{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-572 .elementor-element.elementor-element-42e2f10b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-572 .elementor-element.elementor-element-42e2f10b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-281b637 *//* Grundlayout */
body {
    background-color: #1b1b1b;
    color: #f2f2f2;
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Hauptcontainer – zentriert & mit idealer Breite */
.container {
    width: 100%;               /* immer gut sichtbar */
    max-width: 500px;         /* perfekte Breite wie Vorlage */
    margin: 40px auto;
    padding: 10px 25px;
    background-color: #202020;
    border-radius: 10px;
    box-shadow: 0px 0px 12px #E99612;
}

/* Überschrift */
.container h2 {
    color: #e6a018;
    font-size: 28px;
    margin-bottom: 25px;
}

/* Labels */
.container label {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    color: #e8e8e8;
}

/* Inputfelder */
.container input[type="number"] {
    width: 70%;               /* passt jetzt harmonisch */
    padding: 10px;
    background-color: #131313;
    border: 1px solid #444;
    color: #ffffff;
    border-radius: 6px;
    font-size: 15px;
    text-align: center;
    margin-top: 6px;
}

/* Checkbox */
.container input[type="checkbox"] {
    transform: scale(1.3);
    margin-top: 10px;
}

/* Button */
.container button {
    margin-top: 30px;
    padding: 12px 25px;
    background-color: #e6a018;
    color: #1b1b1b;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease;
}

.container button:hover {
    background-color: #ffbb33;
}

/* Ergebnistext */
#result, #resultInMinutes, #resultInHours, #resultInDays {
    margin-top: 15px;
    font-size: 18px;
    color: #ffffff;
}/* End custom CSS */