/* MyriadRom-Regular - latin */
@font-face {
    font-family: 'MyriadRom';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/MyriadRom-Regular.ttf') format('truetype');
    /* src: url('./fonts/MyriadRom-Regular.eot'); */
    /*IE9 Compat Modes */
    src: local('MyriadRom'), local('MyriadRom'),
        /* url('./fonts/MyriadRom-Regular.eot?#iefix') format('embedded-opentype'), */ /*IE6-IE8 */ /* url('./fonts/MyriadRom-Regular.woff2') format('woff2'),*/ /* Super Modern Browsers */ /* url('./fonts/MyriadRom-Regular.woff') format('woff'), */ /* Modern Browsers */ url('fonts/MyriadRom-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* MyriadRom-Bold 700 - latin */
@font-face {
    font-family: 'MyriadRom';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/MyriadRom-Bold.ttf') format('truetype');
    /* src: url('./fonts/MyriadRom-Bold.eot'); IE9 Compat Modes */
    src: local('MyriadRom'), local('MyriadRom'),
        /* url('./fonts/MyriadRom-Bold.eot?#iefix') format('embedded-opentype'), */ /* IE6-IE8 */ /* url('./fonts/MyriadRom-Bold.woff2') format('woff2'), */ /* Super Modern Browsers */ /* url('./fonts/MyriadRom-Bold.woff') format('woff'), */ /* Modern Browsers */ url('fonts/MyriadRom-Bold.ttf') format('truetype'), /*  Safari, Android, iOS */
}

/* Lineart - */
@font-face {
    font-family: 'Lineart';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Lineart.eot'); /* IE9 Compat Modes */
    src: local('Lineart'), local('Lineart'),
    url('fonts/Lineart.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('./fonts/Lineart.woff2') format('woff2'), */ /* Super Modern Browsers */ url('fonts/Lineart.woff') format('woff'), /* Modern Browsers */ url('fonts/Lineart.ttf') format('truetype'), /* Safari, Android, iOS */
}


body {
    font-size: 18px;
    font-family: "MyriadRom", sans-serif;
}

body:before {
    background-size: 120px auto !important;
    /* background-color: #003463 !important; */
    background-color: #2e4dab !important;
}

.body-bg-top {
    padding-top: 70px;
}

@media (min-width: 576px) {
    .body-bg-top {
        padding-top: 70px;
    }
}

@media (min-width: 768px) {
    .body-bg-top {
        padding-top: 100px;
    }
}

@media (min-width: 992px) {
    .body-bg-top {
        padding-top: 130px;
    }
}

a {
    text-decoration: underline;
    color: #003463;
}

a:hover,
a:focus {
    color: #E8F0F4;
}

a.btn-primary {
    text-decoration: none;
}

b, strong {
    font-weight: 900;
}

.footer-section-content, .footer-section-meta {
    background-color: #003463;
}

.footer-section-content a,
.footer-section-content a:not(.btn) {
    color: #dddddd;
}

.footer-section-content a:hover,
.footer-section-content a:focus {
    color: #ffffff;
}

.footer-section-meta a {
    color: #dddddd;
}

.footer-section-meta a:hover,
.footer-section-meta a:focus {
    color: #ffffff;
}

.footer-section-content a:not(.btn):hover,
.footer-section-content a:not(.btn):focus {
    color: #ffffff;
}

/* .navbar-mainnavigation .navbar-brand-image > .navbar-brand-logo-normal {

} */
.navbar-mainnavigation .navbar-brand-image img {
    max-height: 105px;
    height: 105px;
    transition: all;
}

.navbar-transition .navbar-brand-image img {
    max-height: 65px;
}

.navbar-mainnavigation .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.frame-background-primary {
    color: #fff;
    /* background-color: #2e4dab; */
    background-color: #003463;
}

.frame-background-secondary {
    background-color: #0099DC;
}

.frame-background-rom_wine_red {
    background-color: #931322;
    color: #fff;
}

.frame-background-rom_wine_red a {
    color: #fff;
}

.frame-background-rom_wine_red a:hover,
.frame-background-rom_wine_red a:focus {
    color: #d9d9d9;
}


.cc-btn {
    color: #fff;
    background-color: #2e4dab;
    border-color: #2e4dab;
}

.cc-btn:hover {
    color: #fff;
    background-color: #003463;
    border-color: #003463;
}

.carousel .carousel-backgroundimage-container .carousel-backgroundimage {
    opacity: 0.4;
    filter: grayscale(1);
}

.carousel-item-type-text_and_image .carousel-image {
    display: block;
}

@media (min-width: 1200px) {
    .carousel .carousel-content-inner {
        max-width: 1100px;
    }
}
@media (min-width: 1200px) {
    .frame-container-default {
        max-width: 1140px;
    }
}

.icongroup-item-icon {
    width: 120px;
}

.icongroup-item-text {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .carousel .carousel-item {
        position: relative;
        /* height: 100%; */
    }

    .carousel .carousel-backgroundimage {
        background-attachment: inherit;
    }

    .carousel .carousel-backgroundimage-container {
        max-height: 100%;
        height: 100%;
    }

    .navbar-mainnavigation .navbar-brand-image img {
        max-height: 65px;
        height: 65px;
    }
}

@media screen and (max-width: 579px) {
    carousel .carousel-item h1,
    h1,
    .h1 {
        font-size: 1.75rem;
        margin-top: 20px !important;
    }

    .carousel .carousel-item .valign {
        display: block;
    }

    .gallery-item-size-4 {
        width: 100%;
    }
}

h2, .h2 {
    font-size: 1.75rem;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h3.awesome, .h3.awesome, .carousel .carousel-item h1.h3.awesome {
    font-size: 1.5rem;
}

@media (min-width: 576px) {
    h1, .h1 {
        font-size: 2rem;
    }

    h2, .h2 {
        font-size: 1.75rem;
    }

    h3, .h3 {
        font-size: 1.5rem;
    }

    h3.awesome, .h3.awesome, .carousel .carousel-item h1.h3.awesome {
        font-size: 1.5rem;
    }

    h4, .h4 {
        font-size: 1.25rem;
    }

    h5, .h5 {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 2.2rem;
    }

    h2, .h2 {
        font-size: 1.925rem;
    }

    h3, .h3 {
        font-size: 1.65rem;
    }

    h3.awesome, .h3.awesome, .carousel .carousel-item h1.h3.awesome {
        font-size: 1.875rem;
    }

    h4, .h4 {
        font-size: 1.375rem;
    }

    h5, .h5 {
        font-size: 1.1rem;
    }
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 2.4rem;
    }

    h2, .h2 {
        font-size: 2.1rem;
    }

    h3.awesome, .h3.awesome, .carousel .carousel-item h1.h3.awesome {
        font-size: 2.25rem;
    }

    h4, .h4 {
        font-size: 1.5rem;
    }

    h5, .h5 {
        font-size: 1.2rem;
    }
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.6rem;
    }

    h2, .h2 {
        font-size: 2.275rem;
    }

    h3, .h3 {
        font-size: 1.95rem;
    }

    h3.awesome, .h3.awesome, .carousel .carousel-item h1.h3.awesome {
        font-size: 2.625rem;
    }

    h4, .h4 {
        font-size: 1.625rem;
    }

    h5, .h5 {
        font-size: 1.3rem;
    }
}

.accordion-button {
    font-size: 1.1rem;
    font-weight: normal;
    margin-bottom: 0;
    line-height: 1.2em;
}

.accordion-button:not(.collapsed) {
    color: #003463;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-item + .accordion-item {
    margin-top: 0.25em;
}

.accordion-button:after, .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px' fill-rule='evenodd'%3E%3Cpath fill-rule='evenodd' d='M 11 2 L 11 11 L 2 11 L 2 13 L 11 13 L 11 22 L 13 22 L 13 13 L 22 13 L 22 11 L 13 11 L 13 2 Z'/%3E%3C/svg%3E");
    background-size: 1rem;
    background-position: center;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(-45deg);
}

@media (min-width: 576px) {
    .frame-indent .frame-inner {
        margin-left: 4%;
        margin-right: 4%;
    }
}

@media (min-width: 768px) {
    .frame-indent .frame-inner {
        margin-left: 8%;
        margin-right: 8%;
    }
}

@media (min-width: 992px) {
    .frame-indent .frame-inner {
        margin-left: 12%;
        margin-right: 12%;
    }
}

@media (min-width: 1200px) {
    .frame-indent .frame-inner {
        margin-left: 16%;
        margin-right: 16%;
    }
}

.navbar-mainnavigation .navbar-brand {
    margin-right: 40px;
    height: 70px;
}

@media (min-width: 576px) {
    .navbar-mainnavigation .navbar-brand {
        height: 70px;
    }
}

@media (min-width: 786px) {
    .navbar-mainnavigation .navbar-brand {
        height: 100px;
    }
}

@media (min-width: 992px) {
    .navbar-mainnavigation .navbar-brand {
        height: 130px;
    }
}

@media (min-width: 1200px) {
    .navbar-mainnavigation .navbar-brand {
        height: 130px;
    }
}

.carousel-text {
    flex: 1;
}

.carousel-image {
    flex: 1;
}

@media screen and (max-width: 579px) {
    .carousel .carousel-content-inner {
        display: block;
    }

    .carousel .carousel-item h1, h1, .h1 {
        font-size: 1.75rem;
        margin-top: 20px !important;
    }
}

.frame-background-light {
    color: #2b2b2b;
    background-color: #f8f9fa;
}

.frame-background-light a:not(.btn):hover {
    color: #000c17;
}

@media (max-width: 768px) {
    .textmedia, .textpic {
        gap: 20px;
    }
}

.textpic-item:empty, .textmedia-item:empty {
    display: none;
}

.textmedia-below .textmedia-text, .textpic-below .textmedia-text, .textmedia-below .textpic-text, .textpic-below .textpic-text {
    order: 0;
    margin-bottom: 1rem;
}

.frame {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media (min-width: 576px) {
    .frame {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 768px) {
    .frame {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media (min-width: 992px) {
    .frame {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}

@media (min-width: 1200px) {
    .frame {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .navbar-fixed-top.navbar-default-transition+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+.carousel, .navbar-fixed-top.navbar-default-transition+a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+a+.carousel {
        margin-top: -130px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.btn, .cc-btn {
    border-radius: 0;
    box-shadow: none;
}

ul.list-inline>li {
    margin-bottom: 0;
}

@media screen and (max-width: 786px) {
    .navbar-mainnavigation .navbar-brand-image img {
        max-height: 65px;
        height: 65px;
    }
}

.navbar-transition .navbar-brand {
    height: 70px;
}

@media (min-width: 992px) and (min-width: 992px) {
    .navbar-fixed-top.navbar-default-transition+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+.carousel, .navbar-fixed-top.navbar-default-transition+a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+a+.carousel {
        margin-top: -130px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .navbar-fixed-top.navbar-default-transition+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+.carousel, .navbar-fixed-top.navbar-default-transition+a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>a+a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+.carousel, .navbar-fixed-top.navbar-default-transition+.main-section>.typo3-feedit-element>a+a+.carousel, .navbar-fixed-top.navbar-inverse-transition+.main-section>.typo3-feedit-element>a+a+.carousel {
        margin-top: -130px;
    }
}

.link-external:after {
  background: url(img/link-external-white.svg);
}