/*!
Theme Name: RAS Aviation
Theme URI: 
Author: Monospace Design, Berlin
Author URI: https://www.monospace.design
Description: Custom Theme for Rheinland Air Service GmbH
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ras-aviation
*/

.cms-editor strong {
    font-weight: 700
}

.cms-editor .btn,
.cms-editor .button {
    text-decoration: none
}

.cms-editor blockquote {
    margin: 1.5em 10px;
    padding: .5em 10px;
    quotes: "“" "”" "‘" "’"
}

.cms-editor blockquote:before {
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

.cms-editor blockquote p {
    display: inline
}

.cms-editor hr {
    border: 0;
    border-bottom: 1px solid
}

.cms-editor em {
    font-style: italic
}

.cms-editor ol,
.cms-editor ul {
    margin: 15px 15px 0;
    text-align: left
}

.cms-editor ul {
    list-style-type: disc
}

.cms-editor ol {
    list-style-type: decimal
}

/* Adjustment Front Page Slider */
.top-block__list .swiper-slide .item {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 75px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*     align-items: flex-end; */
}

@media (min-width: 1024px) {
    .top-block__list .swiper-slide .item {
        background-position: bottom left;
    }
}



.page-id-4465 .news-one__smalltext.smallp .inner,
.page-id-4465 .news-one__smalltext,
.page-id-5218 .news-one__smalltext.smallp .inner,
.page-id-5218 .news-one__smalltext {
    padding: 0px 0px 75px 0px !important;
}

.page-id-4465 h3,
.page-id-5218 h3 {
    font-size: 32px;
    line-height: 1.1;
    font-family: 'realistwide', sans-serif;
}

.page-id-7492 .top-block.white-text .top-block__list .item .sub-title,
.page-id-7492 .top-block.white-text .top-block__list .item .title {
    color: #002340 !important;
}

/* Anpassung der "Brand-Liste" auf der RAS-Engineering Seite */
.page:is(.page-id-7487, .page-id-7492) .brand-list {
    justify-content: center;
}

@media screen and (min-width: 1000px) {
    .page:is(.page-id-7487, .page-id-7492) .brand-list .item {
        flex-basis: 40% !important;
    }
}

@media screen and (max-width: 630px) {
    .page:is(.page-id-7487, .page-id-7492) .brand-list .item {
        flex-basis: 100% !important;
    }
}

@media screen and (min-width: 767px) and (max-width: 1000px) {
    .page:is(.page-id-7487, .page-id-7492) .brand-list .item {
        flex-basis: 60% !important;
    }
}

.nextstep_siegel {
    position: relative;
    display: flex;
    width: 200px;
}


@media only screen and (max-width:1023px) {
    .nextstep_siegel {
        position: relative;
        display: flex;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        width: 150px;
        height: 150px;
    }
}

/** Weniger Padding für die Desktop Version */
@media only screen and (min-width:1100px) {
    .main-menu__wrap .wrapper {
        padding: 0 30px
    }
}

/** Weniger Padding für die Tablet Version */
@media only screen and (min-width:767px) and (max-width:1100px) {
    .main-menu__wrap .wrapper {
        padding: 0 15px
    }

    /** Schriftgröße (Titel/Hauptlink) des neuen Menü-Punktes um 1px reduzieren */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block:first-child a {
        font-size: 13px;
        /** DEFAULT => font-size: 14px; */
    }

    /** Statt margin verwenden wir als Wraped Flex Zeilen Abstand nun gap! */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top {
        gap: 35px 0px;
        margin-bottom: 2em;
    }
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block {
        margin-bottom: 0 !important;   
     }
   
    /** 
        Weite des letzten Menü-Punktes auf fit-content setzen, damit die neue einzeillige Ansicht funktioniert. 
    */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block:last-child {
        width: fit-content;
    }

    /** Schriftgröße des letzten Menü-Punktes um 1px reduzieren */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block:last-child a {
        font-size: 13px;
        /** DEFAULT => font-size: 14px; */
    }

    /** Menü-Punkte des letzten Menüpunkts als flex row anzeigen  */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block:last-child .view-menu {
        display: flex;
        gap: 20px;
    }

    /** Allen Menü-Punkten, die nicht das letzte Item sind, einen Trenner geben.  */
    .main-menu__wrap .wrapper .main-menu__inner .menu-block__top .block:last-child .view-menu>div:not(:last-child) {
        border-right: 1px solid rgba(0, 35, 64, 0.3);
        padding-right: 20px;
    }
}