body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-size: 16px;
  color: #17365c;
}

/**
  Custom css by Andy Wunderlich
*/

#team .sppb-img-responsive {
    border-radius: 10px;
}

.acym_module_form table {
  margin: 0 auto;
}

#sp-section-3 {
  background: #17365c;
  padding-top: 60px;
}

.sp-module.newsletter {
    text-align: center;
    padding: 33px 0;
    /* max-width: 50%; */
    color: #000;
    border-radius: 10px;
    margin-bottom: 20px;
    background: white;
    border-top: 1px solid #dbdbdb;
}

.acym_form {
    width: 100%;
}

body .acym_module_form input {
    max-width: 100%;
    border-radius: 0;
}

.newsletter .sp-module-title {
    font-size: 30px;
    font-weight: 700;
    color: #17365c;
}

.newsletter .sp-module-content {
    max-width: 90%;
    margin: 0 auto;
}

.newsletter .acym_introtext {
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 16px;
}

.newsletter .acyterms {
  padding: 15px 0;
}


.newsletter .acysubbuttons input {
  width: 100%;
  color: #fff;
  background: #000;
  max-width: 100% !important;
  border-radius: 0;
}

.program-card {
    position: relative;
    border-radius: 8px;
    /* box-shadow: 0 2px 5px rgb(23 54 92 / 54%); */
    padding: 20px;
    border: 1px solid #17365c30 !important;
    background-color: #f9fafb !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}

body .btn-abstract {
    background-color: #ffffff;
    border-color: #ddd;
}

body .program-description {
    font-size: 0.95rem;
    color: #000;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 15px;
}

.anmeldezeitraum {
    background: #1e3758;
    border-bottom: 1px solid #ffffff38;
}

.anmeldezeitraum p {
    font-weight: 600;
    color: #FFF;
    padding: 10px;
    margin: 0;
}

body .no-pull-left .sppb-addon-content .sppb-media  .pull-left {
    width: fit-content !important;
}

#sp-slider-inner-item-1744838348479-num-4-key img {
    border-radius: 10px;
}

.speasyimagegallery-gallery-item > div {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.08);
}

.speasyimagegallery-gallery-item img {
    border-radius: 10px;
}

#sp-header {
    height: inherit;
}

.topradius img {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.programm #sp-main-body {
    padding-top: 40px;
    background: #f9fafb;
}

.programm #sp-main-body .container {
    background: white;
    padding: 2rem;
    border-radius: 0.5rem;
}

.nowhitebg .sppb-row-container > .sppb-row{
    background: inherit;
}

#sppb-dynamic-content-1744657425146 > .sppb-dynamic-content-collection__item:hover {
    border: 1px solid #97c01d;
}

#informationselektor .sppb-container-inner .sppb-column:hover {
    border: 1px solid #97c01d;
}

.text-primary-blue {
    --tw-text-opacity: 1;
    color: rgb(23 54 92 / var(--tw-text-opacity));
}
.font-semibold {
    font-weight: 600;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-primary-green {
    --tw-text-opacity: 1;
    color: rgb(150 192 29 / var(--tw-text-opacity));
}
.w-6 {
    width: 1.5rem;
}
.h-6 {
    height: 1.5rem;
}
.mr-2 {
    margin-right: .5rem;
}

.page-content {
    background: #f9fafb;
}

.page-content h2 {
    color: #17365c;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
    display: block;
}

.border-left-green > div > div > div {
    border-left: 4px solid #97c01d;
}

.sp-pagebuilder-row, 
.sppb-row-container > .sppb-row {
    background: white;
    padding: 0;
    border-radius: 0.5rem;
}

.sppb-col-md-12  {
    margin: 0 auto;
}

#sp-header .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
    padding: 8px;
    background: white;
    box-shadow: 0px 0px 8px #183559;
    border-radius: 10px;
    position: relative;
    top: 14px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sp-page-title .container {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.sp-page-title {
    text-align: center;
}

.sp-page-title .sp-page-title-heading {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.sp-page-title {
    position: relative;
    z-index: 1;
    background-image: url(/images/programm-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.sp-page-title::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(23, 54, 92, 0.9);
    z-index: 0;
}

/* Der Inhalt bleibt sichtbar */
.sp-page-title > .container {
    position: relative;
    z-index: 1;
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    position: absolute;
    margin: 10px 0 0 0;
    bottom: 0;
}

.bg-primary-green {
    --tw-bg-opacity: 1;
    background-color: rgb(150 192 29 / var(--tw-bg-opacity));
}

.w-24 {
    width: 6rem;
}

.h-1 {
    height: 0.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    #sp-header .logo a {
       top: 0;
       right: 0;
    }
    #sp-header .logo {
        position: absolute;
        right: 25px;
    }
}

@media (min-width: 768px) {
    .sp-page-title .sp-page-title-heading {
        font-size: 3rem;
        line-height: 1;
    }
    .sp-pagebuilder-row, 
    .sppb-row-container > .sppb-row {
        padding: 2rem;
    }




    /** Submenu **/

    .py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .gap-4 {
        gap: 1rem;
    }
    .justify-center {
        justify-content: center;
    }
    .flex-wrap {
        flex-wrap: wrap;
    }
    .flex {
        display: flex;
    }

    .shadow-md {
        box-shadow: 
            0 4px 6px -1px rgba(0, 0, 0, 0.1),
            0 2px 4px -2px rgba(0, 0, 0, 0.1);
    }

    .bg-white {
        background-color: rgba(255, 255, 255, 1);
    }

    .hidden {
        display: none;
    }

    .z-40 {
        z-index: 40;
    }

    .top-16 {
        top: 4rem; /* entspricht 64px */
    }

    .sticky {
        position: sticky;
    }

    .duration-200 {
        transition-duration: .2s;
    }
    .transition-colors {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: .15s;
    }
    .text-gray-600, .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81 / var(--tw-text-opacity));
    }
    .font-medium {
        font-weight: 500;
    }
    .text-sm {
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }
    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251 / var(--tw-bg-opacity));
    }
    .rounded-md {
        border-radius: .375rem;
    }
    .items-center {
        align-items: center;
    }
    .inline-flex {
        display: inline-flex
    ;
    }
    button, [role=button] {
        cursor: pointer;
    }
    button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none;
    }
    button, select {
        text-transform: none;
    }
    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
        margin: 0;
        padding: 0;
    }

    /** Submenu Ende */

    /**
    */

    *,:before,:after {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: #e5e7eb
    }

    html,:host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
        font-feature-settings: normal;
        font-variation-settings: normal;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0;
        line-height: inherit
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp,pre {
        font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
        font-feature-settings: normal;
        font-variation-settings: normal;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    button,input,optgroup,select,textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    button,select {
        text-transform: none
    }

    button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }


    fieldset {
        margin: 0;
        padding: 0
    }

    legend {
        padding: 0
    }

    ol,ul,menu {
        list-style: none;
        margin: 0;
        padding: 0
    }

    dialog {
        padding: 0
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,textarea::-moz-placeholder {
        opacity: 1;
        color: #6b7280
    }

    input::placeholder,textarea::placeholder {
        opacity: 1;
        color: #6b7280
    }

    button,[role=button] {
        cursor: pointer
    }

    :disabled {
        cursor: default
    }

    img,svg,video,canvas,audio,iframe,embed,object {
        display: block;
        vertical-align: middle
    }

    img,video {
        max-width: 100%;
        height: auto
    }

    [hidden] {
        display: none
    }

    #sp-menu > div > nav > ul li.sp-menu-item.current-item.active > a,
    #sp-menu > div > nav > ul li.sp-menu-item.active > a {
    background-color: rgb(23, 54, 92);
    }

    .newsletter .sp-module-content {
        max-width: 50%;
        margin: 0 auto;
    }


}