.oxy-header-wrapper {
    position: relative;
}

.oxy-header-container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.oxy-header-left {
    justify-content: flex-start;
}
.oxy-header-center {
    flex-grow: 1;
    justify-content: center;
}
.oxy-header-center, .oxy-header-left, .oxy-header-right {
    display: flex;
    align-items: center;
}
.oxy-header-right {
    justify-content: flex-end;
}
details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block;
}

#anchead {
    background-size: cover;
    width: 100%;
    /*background-color: #2a2afd;*/
}
#link-7-233 {
    width: 100%;
    /*background-color: #2a2afd;*/
}

#div_block-102-139 {
    display: flex;
    justify-content: center;
    /*background-color: #2a2afd;*/
    align-items: center;
}

#anc_main_menu {
    display: flex;
}
.oxy-menu-toggle {
    cursor: pointer;
    display: none;
}
.oxy-menu-toggle {
    cursor: pointer;
    display: none;
}
*, ::after, ::before {
    box-sizing: inherit;
}
#div_block-23-233 {
    text-align: left;
}
.oxy-menu-toggle {
    cursor: pointer;
    display: none;
}
#anc_main_menu {
    display: flex;
}

#div_block-23-233 {
    background-color: #2a2afd;
    width: 100%;
    text-align: left;
    align-items: center;
    margin-top: -10px;
}


.ct-div-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}

.oxy-nav-menu-list{
    display: flex;
    padding: 0;
    margin: 0;
}

.oxy-nav-menu .oxy-nav-menu-list li.menu-item {
    list-style-type: none;
    display: flex;
    flex-direction: column;
}

.oxy-nav-menu .menu-item, .oxy-nav-menu .sub-menu {
    position: relative;
}
#anc_main_menu .menu-item,
#anc_main_menu .current-menu-item{
    padding: 15px;
    color: #d7eeff:
}


#headline-178-139 {
    font-family: 'vittorio';
    font-size: 44px;
    font-weight: 500;
    padding-left: 30px;
    margin-top: 0px;
}
@media only screen and (min-width: 822px) {
    .form.wrap button,
    .form.wrap input,
    .form.wrap optgroup,
    .form.wrap select,
    .form.wrap textarea {
        max-width: 60%;
    }
}
@media only screen and (max-width: 821px) {
    .form.wrap button,
    .form.wrap input,
    .form.wrap optgroup,
    .form.wrap select,
    .form.wrap textarea {
        max-width: 100%;
    }

    ct-section-inner-wrap{
        max-width:100%
    }
    #div_block-13-13 {

        max-width: 100%;
    }
    #anc_main_menu .oxy-nav-menu-hamburger {
        width: 27px;
        height: 21px;
    }

    #anc_main_menu .oxy-nav-menu-hamburger-line {
        height: 3px;
    }
    #anc_main_menu .oxy-nav-menu-hamburger-wrap {
        width: 28px;
        height: 18px;
    }
    #anc_main_menu.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:last-child {
        top: -12px;
    }
}

#anc_main_menu .menu-item:focus-within a, #anc_main_menu .menu-item:hover a {
    /*background-color:#d7eeff;*/
}

@media (max-width: 479px){
    body #anc_main_menu{

        /*background-color:  #d7eeff !important;*/
    }
}



#anc_main_menu .menu-item a{
    color: #7fe5fd;
    
}

#anc_main_menu .current-menu-item a{
    color: #33badc;
}


body{

}
.ct-inner-content{
    /*background-color:#d6edf3;*/
    background-color:#5ebbd2;
}

/*body{*/
/*    font-size:20px;*/
/*    font-weight: 500;*/
/*    color:#2b2c27;*/
/*}*/

body  .oxy-header-container {
    padding-right: 0px;
    padding-left: 0px;
    /*margin-left:-2px;*/

}

body .atomic-logo{
    opacity:1.0
}

body .atomic-logo:hoover{
    opacity:0.8
}

body .ct-headline,
body .atomic-secondary-heading,
body .body .ct-headline,
body .ct-text-block.atomic-subheading{
    font-size:24px;
    font-weight:600;
    color:#2b2c27;
}

body .ct-text-block,
body .atomic-subheading,
body .ct-link-text,
body .ct-text-block{
    font-size:20px;
    font-weight:500;

}


@media only screen and (max-width: 1120px) {

    body .ct-headline,
    body .atomic-secondary-heading,
    body .body .ct-headline,
    body .ct-text-block.atomic-subheading{
        font-size:20px;
        font-weight:600;
        color:#2b2c27;
    }
    body 	h4[id*="headline"],
    body #headline,
    body .ct-text-block,
    body .atomic-subheading,
    body .ct-link-text,
    body .ct-text-block{
        font-size:14px;
        font-weight:500;

    }
}


@media only screen and (max-width: 992px) {

    body .ct-headline,
    body .atomic-secondary-heading,
    body .body .ct-headline,
    body .ct-text-block.atomic-subheading{
        font-size:20px;
        font-weight:600;
        color:#2b2c27;
    }
    body h4[id*='headline'],
    body .ct-text-block,
    body .atomic-subheading,
    body .ct-link-text,
    body .ct-text-block{
        font-size:18px;
        font-weight:500;

    }
}


@media only screen and (max-width: 768px) {

    body .ct-headline,
    body .atomic-secondary-heading,
    body .body .ct-headline,
    body .ct-text-block.atomic-subheading{
        font-size:20px;
        font-weight:600;
        color:#2b2c27;
    }
    body h4[id*='headline'],
    body #headline,
    body .ct-text-block,
    body .atomic-subheading,
    body .ct-link-text,
    body .ct-text-block{
        font-size:14px;
        font-weight:500;

    }
}


@media only screen and (max-width: 480px) {

    body .ct-headline,
    body .atomic-secondary-heading,
    body .body .ct-headline,
    body .ct-text-block.atomic-subheading{
        font-size:20px;
        font-weight:600;
        color:#2b2c27;
    }
    body h4[id*='headline'],
    body #headline,
    body .ct-text-block,
    body .atomic-subheading,
    body .ct-link-text,
    body .ct-text-block{
        font-size:14px ;
        font-weight:500;

    }
}


#section-4-141 > .ct-section-inner-wrap{
    padding-left:0px;
    padding-right:0px;
}


.wpcf7-submit{
    background-color: #d7eeff;
    border-radius: 20px;
    margin: 10px;
    color: #2c89a0ff;
    border: 3px solid #2c89a0ff;
}

/** Kontaktformular*/
#div_block-43-256{
    background-color:#d6edf3;
}

.form.wrap label{
    font-weight:bold;
}



.TopBorderPanel:after {
    position: absolute;
    left: 50%;
    right: 0;
    top: -2px;
    border-top: 2px solid #cccccc;
    content: '';
}



img.alignright { float: right; margin: 0 0 2em 2em; }
img.alignleft { float: left; margin: 0 2em 2em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



@media only screen and (max-width: 300px) {

    img.alignleft,
    .alignleft,
    img.alignright,
    .alignright {
        float: none;
        margin-right: 0;
    }

}

@media only screen and (max-width: 480px) {
    img.mobalignright { float: right; margin: 0 0 2em 2em; }
    img.mobalignleft { float: left; margin: 0 2em 2em 0; }
    img.mobaligncenter { display: block; margin-left: auto; margin-right: auto; }
    .mobalignright { float: right; }
    .mobalignleft { float: left; }
    .mobaligncenter { display: block; margin-left: auto; margin-right: auto; }

}


@media only screen and (max-width: 480px) {
    #_header_row-3-233 .oxy-nav-menu-open, #_header_row-3-233 .oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
        background-color: #2a2afd;
        width: 50%;
        opacity:0.9;
        background-color:#d7eeff;
    }

    #anc_main_menu .current-menu-item a {
        color: black;
    }
    .hidemob{
        display:none;
    }
}

.oxy-expand-collapse-icon {
    display: flex;
    width: auto;
    height: auto;
}

.oxy-expand-collapse-icon::before,
.oxy-expand-collapse-icon::after {
    background-color: transparent;
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
}

.oxy-expand-collapse-icon::before {
    content: '';
    background: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
    position: static;
    top: auto;
    width: 32px;
    height: 32px;
}

#_header_row-3-233 {
    width: 100%;
    background-color: rgba(126,226,253,1);;
}


img.alignleft {
    float: left;
    margin: 0 2em 2em 0;
    margin: -35px 2em 2em -35px;
}
.alignleft {
    float: left;
}
.alignleft {
    padding-left: 0px;
    padding-top: 0px;
    background-color: #2a2afd;
    padding-right: 50px;
    padding-bottom: 50px;
    margin-bottom: 0px;
    border-bottom-left-radius: 0px ;
    border-top-right-radius: 0px;
    /*width: 33%;*/
    /*border-right-style: solid;*/
    /*border-right-width: 3px;*/
    /*border-right-color: #2a8599;*/
    /*border-bottom-width: 3px;*/
    /*border-bottom-color: #2a8599;*/
    /*border-bottom-style: solid;*/
}
.ct-image{
    max-width: 100%;
}
.oxy-nav-menu-hamburger {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
#anc_main_menu .oxy-nav-menu-hamburger-line {
    background-color: #2b2c27;
}

@media (max-width: 991px) {
    #div_block-23-233 {
        margin-top: 0px;
    }
    #anc_oracle {
        width: 330px;
    }

    #div_block-19-436 {
        background-image: url(/media/images/site/SR_VorlageMobil.png);
        height: 650px;
        width: 330px;
    }

    #anc_generate {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }
    #anc_text {
        margin-top: 20px;
        margin-left: 35px;
    }
    body{
        font-size:20px;
    }
    #anc_oracle{
        margin-left:0;
    }
    body h4[id*="headline"], body #headline, body .ct-text-block, body .atomic-subheading, body .ct-link-text, body .ct-text-block {
        font-size: 14px;
        font-weight: 500;
    }
    #rotatecircle{
        margin-top:70px;
    }
    #anc_text_inner{
        margin-top:-12px;
    }
    .content-grid-2-1,
    .content-grid-2,
    .content-grid-1-2{
        grid-template-columns: 1fr;
    }
    h1{
        position: relative;
        z-index: 1;
    }
    div#site >div#MENU_FOOTER{
        /*max-width:70%;*/
        position: fixed;
        /*background-color: unset;*/
        font-size: 20px;
    }
    .content-layout{
        max-width:87%
    }
    #div_block-23-233 {
        margin-top: 0px;
    }
    #div_block-6-233 {
        width: 100%;
        text-align: center;
        display: flex;
    }
}
@media only screen and (max-width: 821px) {
    #anc_main_menu .oxy-nav-menu-hamburger-wrap {
        width: 28px;
        height: 18px;
    }
    #anc_main_menu .oxy-nav-menu-hamburger {
        width: 27px;
        height: 21px;
    }
    #anc_main_menu .oxy-nav-menu-hamburger-line {
        height: 3px;
    }
}
@media (max-width: 767px) {
    #anc_main_menu .oxy-nav-menu-list {
        display: none;
    }
    #anc_main_menu .oxy-menu-toggle {
        display: initial;
    }
    #div_block-6-233 {
        padding-bottom: 24px;
        text-align: center;
        align-items: flex-end;
    }
    #anchead {
        height: 100px;
    }
    #anc_main_menu {
        font-weight: 400;
    }
    .oxy-nav-menu-opened .menu-hauptmenue-container  {
        background-color: #2a2afd;
        position: fixed;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        z-index: 1000;
        /*display: none;*/
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #div_block-23-233 {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
    #anc_main_menu.oxy-nav-menu.oxy-nav-menu-open {
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }

    #_header_row-3-233 .oxy-nav-menu-open, #_header_row-3-233 .oxy-nav-menu:not(.oxy-nav-menu-open) .sub-menu {
        background-color: #2a2afd;
        width: 50%;
        opacity: 0.9;
        background-color: #d7eeff;
    }
    #anc_main_menu {
        width: 75px;
        height: 100%;
        margin-top: 0px;
        /*background-color: #d7eeff;*/
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        float: left;
        border-radius: 5px;
    }

}


@media (max-width: 479px) {


    /*#anc_main_menu {*/
    /*    width: 50%;*/
    /*    height: 100%;*/
    /*    margin-top: 0px;*/
    /*    background-color: #d7eeff;*/
    /*    padding-top: 20px;*/
    /*    padding-bottom: 20px;*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*    float: left;*/
    /*    border-radius: 5px;*/
    /*}*/
    #div_block-23-233 {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
    body h4[id*="headline"], body #headline, body .ct-text-block, body .atomic-subheading, body .ct-link-text, body .ct-text-block {
        font-size: 14px;
        font-weight: 500;
    }
    #div_block-6-233 {
        align-items: flex-end;
        display: flex;
    }
    #div_block-23-233 {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-layout{
        max-width:100%
    }
    body{
        font-size:20px;
    }
    #anc_oracle{
        margin-left:-10%;
    }
    body h4[id*="headline"], body #headline, body .ct-text-block, body .atomic-subheading, body .ct-link-text, body .ct-text-block {
        font-size: 14px;
        font-weight: 500;
    }
    #rotatecircle{
        margin-top:70px;
    }
    #anc_text_inner{
        margin-top:-12px;
    }
    .content-grid-2-1,
    .content-grid-2,
    .content-grid-1-2{
        grid-template-columns: 1fr;
    }
}


.special {
    position: absolute; /* Absolut innerhalb des Eltern-Containers positionieren */
    top: 0;
    left: 0;
    width: 100%; /* Füllt die Breite des Eltern-Containers aus */
    height: 100%; /* Füllt die Höhe des Eltern-Containers aus */
    background-color: rgba(126,226,253,1);; /* Die blaue Farbe des Hintergrunds */
    z-index: 14; /* Muss niedriger sein als der Inhalt, damit dieser darüber liegt */
    overflow: hidden; /* Stellt sicher, dass die Maske korrekt angewendet wird */

    /* Erzeugt eine transparente Ellipse in der Mitte.
       `ellipse 50% 25%` bedeutet, der horizontale Radius ist 50% der Breite des Divs
       und der vertikale Radius ist 25% der Höhe des Divs.
       Dies ergibt eine Ellipse, die doppelt so breit wie hoch ist (50%/25% = 2).
       `transparent 99%, white 100%` sorgt für einen scharfen Übergang. */
    /*mask-image: radial-gradient(ellipse 50% 25% at center, transparent 99%, white 100%);*/
    /*-webkit-mask-image: radial-gradient(ellipse 50% 25% at center, transparent 99%, white 100%); !* Für Webkit-Browser *!*/
    mask-image: radial-gradient(ellipse 50% 45% at center, transparent 99%, white 100%);
    -webkit-mask-image: radial-gradient(ellipse 50% 45% at center, transparent 99%, white 100%); /* Für Webkit-Browser */
    /* Entfernt die Flexbox-Eigenschaften und Text-Styles,
       da diese Klasse jetzt nur noch der Hintergrund ist. */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* color: white; */
    /* font-size: 24px; */
    /* font-weight: bold; */
}
/* Sicherstellen, dass .outer-content-element ein Positionierungskontext ist */
.outer-content-element {
    position: relative; /* Wichtig, damit das .special-Element absolut positioniert werden kann */
    z-index: 15; /* Behält den bestehenden z-index bei */
    display: flex;
    justify-content: center;
    /* ... andere bestehende Styles ... */
}

/* Sicherstellen, dass .bullauge über dem maskierten Hintergrund liegt */
.bullauge {
    position: relative; /* Wichtig, damit z-index angewendet wird */
    z-index: 16; /* Muss höher sein als der z-index von .special */
    background: transparent; /* Behält den transparenten Hintergrund bei */
    /* ... andere bullauge styles ... */
}


@media only screen and (max-width: 1199px) {
    div#site > div#main > div#MAIN_COLUMN_MIDDLE,
    #MAIN_COLUMN_MIDDLE_WRAPPER{
        overflow-x: hidden;
    }
    #video-background {
        height: 500px;
        top: 150px;
    }

    #bg-video {
        height: 100%;
        object-fit: cover;
    }

    #bg-video img {
        height: 100%;
        object-fit: cover;
    }
    div#site{
        /*margin-left: 0;*/
        /*margin-right:0;*/
        width: 992px;
    }
    div#site > div#main {
        /*margin-left: 0;*/
        /*margin-right:0;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        width: 992px;
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        /*background: white;*/
        box-shadow: -9999px 0 0 9999px #7de1fb, 9999px 0 0 9999px #7de1fb;

    }
    header#top,
    .oxy-header-wrapper,
    div#site{
        width: 992px;

    }
    #oracle-outer-circle {
        margin-top: 47px;
        margin-left: 239px;
    }
    div#main {
        flex: 1;
        margin-top: 240px;
    }


    .content-layout {
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }

}

@media (max-width: 991px) {
    div#site{
        /*margin-left: 0;*/
        /*margin-right:0;*/

        /*margin-right: 0;*/
        width: 800px;
    }
    div#site > div#main {
        /*margin-left: 0;*/
        /*margin-right:0;*/
        width: 800px;
    }
    header#top,
    .oxy-header-wrapper,
    div#site{
        width: 800px;

    }
    div#site > div#main {
        width: 100%;
        width: 800px;
        /*margin-left: -10px;*/
    }
    #oracle-outer-circle {
        margin-top: -43px;
        margin-left: 116px;
    }
    div#main {
        flex: 1;
        margin-top: 205px;
    }
    #anc_text_inner {
        margin-top: -70px;
        margin-left: -45px;
    }
    .content-layout {
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
}

@media (max-width: 767px) {
    #video-background {
        height: 500px;
        top: 150px;
    }

    #bg-video {
        height: 100%;
        object-fit: cover;
    }

    #bg-video img {
        height: 100%;
        object-fit: cover;
    }
    div#site{
        /*margin-left: 0;*/
        /*margin-right:0;*/
        width: 500px;
    }
    div#site > div#main {
        /*margin-left: 0;*/
        /*margin-right:0;*/
        width: 500px;
    }
    header#top,
    .oxy-header-wrapper,
    div#site,
    div#site > div#main{
        width: 500px;

    }
    div#site > div#main {
        width: 100%;
        width: 500px;
        /*margin-left: -10px;*/
        margin-top: 135px;
    }
    #oracle-outer-circle {
        margin-top: -43px;
        margin-left: -27px;
        width: 60%;
    }
    div#main {
        flex: 1;
        margin-top: 210px;
    }
    #anc_text_inner {
        margin-top: -70px;
        margin-left: -45px;
    }
    #div_block-24-436 {
        background-image: url(/media/images/plugin/background_t3.png);
        background-size: cover;
        width: 480px;
        background-repeat: no-repeat;
        margin-top: 40px;
        height: 200px;
        z-index: 399;
        width: 455px;
    }
    #ancrealtext {
        position: relative;
        top: 82px;
        font-size: 26px;

        left: -25px;
    }
}

@media (max-width: 479px) {
    header#top,
    .oxy-header-wrapper,
    div#site,
    div#site > div#main,
    .bg-light,
    .bg-dark{
        width: 400px;

    }
    div#site > div#main {
        width: 400px;
        /*margin-left: -10px;*/
        margin-top: 130px;
    }
    #oracle-outer-circle {
        margin-top: -43px;
        margin-left: 3px;
        width: 50%;
    }
    div#main {
        flex: 1;
        margin-top: 160px;
    }
    #anc_text_inner {
        margin-top: -70px;
        margin-left: -45px;
    }
    #div_block-24-436 {
        background-image: url(/media/images/plugin/background_t3.png);
        background-size: cover;
        width: 404px;
        background-repeat: no-repeat;
        margin-top: 49px;
        height: 176px;
        z-index: 399;

    }
    .content-layout {
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
    #ancrealtext {
        position: relative;
        top: 17px;
        font-size: 26px;
        left: 0px;
    }
    .special{
        display: none;
    }
    .rotatecircle, #rotatecircle {
        left: 73px;
        margin-bottom: 15px;
    }
}


.container {
    margin-top: 300px;
    z-index: 15;
    background-color: azure;
    width: 100%;
}