/*umbruch fix*/

p {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

.largIcon {
    margin-bottom: 60px;
}

.first-oms-section {
    max-width: 100%;
}

.fosc {
    height: 800px;
}


.oms-section {
    max-height: 1000px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    /* height: auto!important; */
}

.columns {
    display: -webkit-box;
    display: flex;
}

.column {
    width: 50%;
}



/*TYPO*/

.versetzt-links {
    margin-right: 50px;
}

.subtitle {
    font-size: 3em;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.yellowoms {
    color: yellow;
}

.textboxoms-versetzt {
    margin-top: 1%;
    margin-left: 25%;
    padding-right: 10%;
}

.omsaufzahlung {
    font-size: 150%;
    display: -webkit-box;
    display: flex;
}

.omsborder {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 35px;
    width: 200px;
}

.omsborder>p {
    margin-left: 15px;
}

.omsborderborder {
    width: 7px;
    height: 40px;
    margin-right: 10px;
    position: absolute;
}

.aufzahlungtext {
    font-size: 100%;
    text-align: left !important;
}

/* .heading-section-oms {

} */


.aligncentercenter {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.column-40,
.column-60 {
    /* background: lightblue; 
    border: 5px solid black;  */
    height: 100%;
}

.column-40 {
    width: 40%;
    z-index: 3;
    overflow: auto;
    /* background-image: url('../images/oms/sektion1-bg.jpg'); */
}

.column-60 {
    width: 60%;
    padding: 90px 0 90px 90px;
    z-index: 2;
}

.column-50 {
    width: 50%;
}

.heroshotleft {
    background-image: url('../images/oms/heroshot-left.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.heroshotright {
    background-image: url('../images/oms/heroshot-right.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.coloryellow {
    background: yellow;
    padding-bottom: 5%;

}

.colorgrey {
    background: grey;
    padding-bottom: 5%;

}

.em8 {
    font-size: 8em;
    /* color: #f6b911; */
}

.em3 {
    font-size: 3em;
}

.em2 {
    font-size: 2em;
}

.colorblack {
    color: black;
}

.omsaufzahlung .column {
    width: 30%;
    padding-left: 30%;
    padding-top: 2%;
}

/* .columns {
    border-top: 5px solid black;
    border-bottom: 5px solid black;
} */
/* .bg-whole-section1 {
    background-image: url('../images/oms/sektion1-bg.jpg');
    background-repeat: no-repeat; 
    background-size: cover;
} */

/* .imgoverlay {

    max-width: unset !important;
} */

.firstbg {
    background-image: url('../images/oms/sektion1-bg-only.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}

.secondbg {
    background-image: url('../images/oms/sektion2-bg-only.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 1000px;
    background-position: center left;
}

.thirdbg {
    background-image: url('../images/oms/sektion3-bg-only.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 1000px;
    background-position: center right;
}

.orange {
    color: #f6b911
}

.greenoms {
    color: #abca50;
}

.redoms {
    color: #ee5754;
}

.omsborder-orange {
    background: #f6b911;
}

.omsborder-green {
    background: #abca50;
}

.omsborder-red {
    background: #ee5754;
}

.fosc .columns .column {
    padding: 40px;
}

.gg-pin {
    box-sizing: border-box;
    position: relative;
    display: block;
    -webkit-transform: rotate(45deg) scale(1.3);
    transform: rotate(45deg) scale(1.3);
    width: 18px;
    height: 18px;
    border-radius: 100% 100% 0 100%;
    box-shadow: inset 0 0 0 2px;
    margin-top: -4px;
    margin: 6px;
}

.gg-pin::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    top: 5px;
    left: 5px;
    border-radius: 40px
}

.omsborder p {
    text-align: left !important;
}

@media (max-width: 1300px) {

    #container {
        overflow-x: hidden;
    }

    a[href^=tel] {
        color: inherit;
        text-decoration: none;
    }

    .secondbg,
    .thirdbg {
        background-image: none !important;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .firstbg {
        padding-top: 0px !important;
    }

    .columns,
    .column,
    .column-40,
    .column-60 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 0;
    }

    .column-40 {
        display: none;
    }

    .bigbgfirst {
        display: none;
    }

    .em8 {
        font-size: 4em;
        text-align: center;
    }

    .subtitle {
        font-size: 2em;
        text-align: center;
    }

    .fosc {
        /*height: 585px;*/
        height:  auto;
        padding: 20px;
    }


    .versetzt-links {
        margin: 0 auto;
    }

    .textboxoms-versetzt {
        margin: 0 auto !important;
        padding: 20px !important;
    }

    .omsaufzahlung .column {
        padding: 50px;
        width: 100%;
    }

    .padding-25pc {
        padding: unset !important;
    }

    .padding-25pcright {
        padding: unset !important;
    }

    .padding-90 {
        padding: 10px !important;
    }

    h2 {
        text-align: center;
    }

    .omsbutton,
    .omsbutton-outline {
        text-align: center;
        margin: 20px;
    }

    .overflow-box {
        transform: none !important;
        position: relative !important;
    }

    .column-33 {
        width: 100% !important;
    }

    .special-overflow {
        flex-direction: column !important;
    }

    .margintop250 {
        margin: 0 !important;
    }

    .column-25 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .divider-50 {
        height: 25px !important;
    }

    .column40mobile {
        display: inherit !important;
        text-align: center;
        margin-bottom: 10px;
    }

    .padding-90-2,
    .padding-90-3  {
        padding: 5px !important;
    }

    .paddingright120 {
        padding: 0 !important;
    }

    .column-33-2 {
        display: none;
    }

    .start footer {
        display: inherit !important;
    }

    .column {
        text-align: center;
        padding: 0px;
    }

    .mobilewidth {
        flex-direction: row;
        padding: 10px;
    }

    .omsborder {
        margin: 20px auto;
    }


    .omsborder p {
        text-align: left !important;
    }

    .neue-footer {
        display: none;
    }

    .oms-section {
        max-height: unset !important;
    }

    .flexdirectionreverse {
        flex-direction: column-reverse;
    }

    .column-40>img {
        display: block !important;
    }

    .mobileonecolumn {
        flex-direction: column;
    }

    .mobileonecolumn .column {
        padding: 5px 50px 5px 50px;
    }

    .heroshotright {
        background-position: top right;
    }

    .divider {
        height: 10px !important;
    }

    .mobileonecolumn .column-50 {
        margin: 0 auto;

    }

    .common-style {
        padding: 5px;
    }

    .form .row {
    margin-right: 0!important;
    margin-left: 0!important;
    }

    .height800 {
        height: auto!important;
    }

    .column40mobile > .imgonlydesktop {
        display: none !important;
    }

}

.padding-90-3 {
    padding: 90px 90px 0 90px;
}

a.newlinksoms {
    z-index: 999;
    margin-left: 15px;
}

a.hoverorange:hover {
    color: #f6b911;
}

a.hoverred:hover {
    color: #ee5754;
}

a.hovergreen:hover {
    color: #abca50;
}

.column-40>img {
    display: none;
}

.paddingright120 {
    padding-right: 120px;
}

.margintop250 {
    margin-top: 250px;
}

.bigbgfirst {
    position: absolute;
    transform-origin: 0;

}

/* .bigbgfirst img {
    max-width: 50%; 
} */

.overflowhidden {
    overflow: hidden;
}

.padding-90 {
    padding: 90px 90px 90px 90px;
}

.spacebetween .column {
    padding-right: 3%;
}

.fullscreensection,
.fullscreensection-2 {
    width: 100%;
}

.fullscreensection-2 {
    background-image: url('../images/oms/lp/sektion4-bg.jpg');
    color: white;
}

.column-33 {
    width: 33%;
    background: white;
    margin: 5%;
    border-bottom: 10px solid #f6b911;
    height: 400px;
    padding: 50px 70px 0 50px;
}

.special-overflow {
    flex-direction: row;
    padding: 5%;
}

.overflow-box {
    transform: translateY(-390px);
    position: absolute;
    margin: 5%;
    overflow: hidden;
    /* bottom: 450px; */
}

.column-25 {
    width: 25%;
}

.column-33-2 {
    width: 33%;
    background: white;
    margin: 5%;

}

.padding-90-2 {
    padding: 90px 0 90px 0;


}

.alignitemscenter {
    align-items: center;
}

.divider {
    height: 80px;
}

.divider-50 {
    height: 50px;
}

.padding-25pc {
    padding: 25px 25% 25px 25%;
}


.orangecircle {
    border-radius: 100%;
    border: 1px solid #f6b911;
    height: 50px;
    width: 50px;
}

.strong {
    font-weight: 700;
}

.box-shadow {
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.column-50 .omsborder {
    margin: 40px 0 20px 0;
}

.padding-25pcright {
    padding-right: 25%;
}

.omsbutton,
.omsbutton-outline {
    font-size: 16px;
    text-transform: uppercase;
}

.omsbutton a {
    background: #f6b911;
    padding: 10px 20px 10px 20px;
    color: white;
}

.omsbutton-outline a {
    padding: 10px 20px 10px 20px;
    border: 3px solid #f6b911;
}

.height800 {
    height: 600px;
}

/*kids*/
@media (min-width:1301px) and (max-width:1849px) {
    .column40mobile {
        display: inherit;
        width: 50%;
    }
    .column40mobile > .imgonlydesktop {
        display: inherit; 
        height: 1100px;
        width: auto;
    }
    .column40mobile > .special {
        height: auto!important;
    }

    .column-60 {
        width: 50%; 
    }
    .bigbgfirst {
        display: none; 
    }

    .firstbg,
    .secondbg,
    .thirdbg {
        height: auto!important;
    }

    .subtitle {
        font-size: 2.5em!important;
}
.aufzahlungtext {
    font-size: 90%;
    
}
.column-60-mobile {
    width: 50%;
}

.height800 {
    height: auto;
}

}

@media (min-width: 768px) {
    .head-right {
        display: none;
    }

    .kidstop {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999;
    }

    .imgonlymobile {
        height: 600px;
    }
}

.collage-mobile {
    display: none;
}

@media (max-width: 767px) {
    .kidstop {
        display: none;
    }
    .column-25  p {
        text-align: center;
    }
}

@media (max-width: 1300px) {
    .collage-mobile {
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 1060px) {
    .kidstop {
display: none!important;
    }
}