/* inter-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/inter-v18-latin/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/inter-v18-latin/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/inter-v18-latin/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/inter-v18-latin/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --body-text-font-family: "Inter", Arial, sans-serif;
    --body-text-font-size: 17px;
    --body-text-line-height: 24.5px;
}

body {
   
    padding: var(--spacing-big);
}

h2 {
    padding-bottom: 0;
    /*font-size: 24px;*/
}

    h2 + h3 {
        margin-top: 12px;
        
        padding-bottom: 0;
    }

h3 {
    font-size: 21px;
}

.theme-container .centerPage ul {
    padding: 0 0 0 17px;
}

    .theme-container .centerPage ul li {
        line-height: 32px;
        padding: 0;
    }

.a_download {
    display: flex;
    align-items: center;
}

    .a_download:before {
        content: '';
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/><path d="M12 16L7 11L8.4 9.55L11 12.15V4H13V12.15L15.6 9.55L17 11L12 16ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="%23000000"/></svg>'); background-repeat: no-repeat;
        height: 24px;
        width: 24px;
        display: inline-block;
        position: relative;
        top: 1px;
        margin-right: 6px;
        flex: 0 0 24px;
    }

.info-box {
    padding: 9px 18px;
    background-color: #d7d7d7;
}

/* ####################### INDEX ####################### */

.theme-container {
    width: 100%;
    max-width: 800px;
    /*min-width: 600px;*/
    background-color: var(--white);
    border: 1px solid var(--light-grey);
    margin: 0 auto;
    padding: var(--spacing-big);
    box-sizing: border-box;
    border-radius: 0;
    hyphens: auto;
}

.theme-container-inner{
    min-height: 600px;
}

.theme-container .centerPage .fc-control-fieldset.border-bottom:after {
    content: "";
    display: block;
    margin-top: var(--spacing-big);
    margin-bottom: calc(var(--spacing-big) - 0.421em);
    width: 100%;
    height: 2px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="702" height="2" viewBox="0 0 702 2" fill="none"><path d="M1 1H701" stroke="%23DEDEDE" stroke-linecap="round"/></svg>');
    /* background-size: contain;*/
}

@media (max-width: 700px) {

    body {
        padding: var(--spacing-big) 25px;
    }

    .theme-container {
        padding: 0;
        border: none;
    }

    .fc-form button, .fc-form .fc-button-button, .fc-control-button {
        width: 100%;
    }
    .fc-control-file-selector{
        flex-wrap: wrap;
        gap: 10px;
    }
}

@media (max-width: 864px) {
    .fc-form .button-container {
        flex-wrap: wrap; /* Umbrechen erlauben */
    }

        .fc-form .button-container > div {
            flex: 1 1 calc(50% - 8px);
            /* 50% minus halber Gap */
            box-sizing: border-box;
        }

            .fc-form .button-container > div button {
                width: 100%; /* Button füllt Container */
            }
}

/* ####################### HEADER ####################### */

.theme-header {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 28px;
}

.theme-header-column {
    flex: 1;
}

.theme-header-column-1 {
    flex: 2;
}

.theme-header-column-2 {
    flex: 1;
}

.theme-header-address {
    font-size: 14px;
    line-height: 17px;
}

    .theme-header-address a {
        color: inherit;
        text-decoration: none;
    }

.theme-header-logo {
    background-image: url('logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    min-height: 51px;
}

.theme-header-container:after {
    content: "";
    display: block;
    margin-top: var(--spacing-big);
    margin-bottom: var(--spacing-big);
    width: 100%;
    height: 2px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="702" height="2" viewBox="0 0 702 2" fill="none"><path d="M1 1H701" stroke="%23DEDEDE" stroke-linecap="round"/></svg>');
    /*background-size: contain;*/
}

.default-theme-header-inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.default-theme-header-title {
    flex: 1 1 auto; /* flexibel wachsend/schrumpfend */
    min-width: 0; /* verhindert Überlauf */
}

.default-theme-header-logo {
    flex: 0 0 120px; /* fixe Breite */
    max-width: 120px;
}

@media (max-width: 700px) {


    .default-theme-header-logo {
        flex: 0 0 100px; /* fixe Breite */
        max-width: 100px;
    }

    .theme-header {
        flex-direction: column-reverse;
    }

    .theme-header-column-2 {
        width: 100%;
    }
}

/* ####################### FOOTER ####################### */

.default-theme-footer-container:before {
    content: "";
    display: block;
    margin-top: var(--spacing-big);
    margin-bottom: var(--spacing-big);
    width: 100%;
    height: 2px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="702" height="2" viewBox="0 0 702 2" fill="none"><path d="M1 1H701" stroke="%23DEDEDE" stroke-linecap="round"/></svg>');
    background-size: contain;
}

.default-theme-footer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.default-theme-footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

    .default-theme-footer-nav li a {
        color: var(--button-primary-default);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .default-theme-footer-nav li a:hover {
        text-decoration: none;
    }

.default-theme-footer-copyright {
    color: var(--text-headline);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
}

/* ################ Select Input ################ */

.fc-select-select {
    padding: 12px;
}