/***************************************************************
                        FONTS
***************************************************************/

/**************************
        Open-Sans
**************************/



body {
    scrollbar-color: #333333 transparent;
}


/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v36-latin-300.woff2') format('woff2');
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v36-latin-regular.woff2') format('woff2');
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-v36-latin-500.woff2') format('woff2');
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v36-latin-600.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v36-latin-700.woff2') format('woff2');
}

/**************************
        Inter
**************************/

/* inter-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/inter-v13-latin-300.woff2') format('woff2');
}

/* inter-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/inter-v13-latin-regular.woff2') format('woff2');
}

/**************************
        Fedra Sans
**************************/

/* fedra-sans-500 - latin */
@font-face {
    font-family: 'Fedra Sans';
    src: url('fonts/FedraSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/***************************************************************
                           ROOT
***************************************************************/

:root {
    --font-primary: 'Open Sans', sans-serif;
    --font-secondary: 'Fedra Sans', sans-serif;
    --font-third: 'Inter', sans-serif;
    --primary-color: #DB0934;
    --text-primary-color: #000000;
    --text-secondary-color: #FFFFFF;
    --bg-light: #F9F6F7;
    --bg-strong: #EBEAEA;
}

/***************************************************************
                    PRE-DEFINED CLASSES
***************************************************************/
a {
    text-decoration: none;
    color: var(--text-primary-color);
}

a:hover {
    color: var(--text-primary-color);
}

.contact-box a:hover {
    color: var(--primary-color);
}

.wpcf7-captchar {
    margin-top: 0px !important;
}

.section-padding {
    padding-top: 45px;
}

.section-margin {
    margin-top: 45px;
}

.kontakt-padding {
    padding-top: 32px;
    padding-bottom: 22px;
}

.kontakt-padding-second {
    padding-top: 32px;
    padding-bottom: 42px;
}

.container-xl {
    max-width: 1690px;
}

.fedra {
    font-family: var(--font-secondary);
    font-weight: 500;
}

.fedra-sm {
    font-size: 17px;
    margin-bottom: 0px;
}

.fedra-md {
    font-size: 30px;
}

.fedra-lg {
    font-size: 41px;
    margin-bottom: 0px;
}

.fedra-single-title {
    font-size: 40px;
}

.fedra-single-subtitle {
    font-size: 17px;
}

.text-primary-color {
    color: var(--text-secondary-color);
}

.text-secondary-color {
    color: var(--text-secondary-color);
}

.bg-white {
    background: #fff;
}

.container,
.container-lg,
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.text-bg-dark {
    background-color: rgba(0, 0, 0, .75) !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 23.5px;
    height: 23.5px;
}

.carousel-control-prev {
    justify-content: flex-start;
    max-width: 45px;
}

.carousel-control-next {
    justify-content: flex-end;
    max-width: 45px;
}

.carousel-control-prev-icon {
    background-image: url(images/arrow-left.svg);
}

.carousel-control-next-icon {
    background-image: url(images/arrow-right.svg);
}

.btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    font-family: var(--font-primary);
    background: transparent;
    border: 1px solid var(--text-primary-color) !important;
    border-radius: 0;
    min-width: 210px;
    padding: 16.5px;
}

.wpcf7-form p {
    margin: 0px;
}

.wpcf7 form .wpcf7-response-output {
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.btn:hover {
    border: 1px solid var(--text-primary-color);
}

.btn-hero {
    margin-top: 24px;
}

.bg-light {
    background: var(--bg-light);
}

.bg-strong {
    background: var(--bg-strong);
}

.text-padding {
    padding-top: 70px;
    padding-bottom: 70px;
}

.editor p,
.editor ul,
.editor op {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.44;
    margin-bottom: 24px;
}

.editor a {
    transition: 0.3s all;
}

.editor a:hover {
    color: var(--primary-color);
}

strong {
    font-weight: 600;
}

.editor ul,
.editor ol {
    padding-left: 14px;
}

.btn-block-arrow {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}

#btn-back-to-top {
    opacity: 0;
    visibility: hidden;
    width: 50px;
    height: 50px;
    background: var(--primary-color);
    border: none;
}

#btn-back-to-top img {
    width: 15.5px;
    height: auto;
}

.shadow-bottom-header {
    box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.37);
}

.btn-block-arrow:hover img {
    filter: invert(37%) sepia(93%) saturate(5518%) hue-rotate(337deg) brightness(85%) contrast(104%);
}

.btn-block-arrow:hover #btn-back-to-top {
    transform: scale(0.9);
}

/***************************************************************
                      BODY AND HTML
***************************************************************/

body {
    font-family: var(--font-primary);
    padding-top: 55.2167px;
    background: #fff;
    color: var(--text-primary-color);
    opacity: 0;
    transition: opacity .5s;
}

body.single .btn-block-arrow {
    display: none !important;
}

body.page-id-18 {
    padding-top: 0px !important;
}

/***************************************************************
                      INTRO SECTION
***************************************************************/
.intro-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.intro-section::after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
}

.intro-section .text-block {
    min-height: 100svh;
    z-index: 1;
}

.intro-section .text-block .logo-box {
    max-width: 290px;
    width: 100%;
    height: auto;
}

.intro-section .text-block .logo-box img {
    width: 100%;
    height: auto;
}

/***************************************************************
                         NAVIGATION
***************************************************************/
.navbar-toggler-icon {
    background-image: url(images/menu-hamburger.svg);
    width: 30px;
    height: 20px;
}

nav.navbar {
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: 0.2s all;
}

.navbar-toggler {
    border: none;
    padding: 0px;
    font-size: unset;
}

.navbar-toggler:focus {
    box-shadow: none;
}
.img-text-footer {
	font-weight: 300;
}
.footer-logo-box {
    position: relative;
    z-index: 1;
}

nav.navbar a.navbar-brand,
.footer-logo-box .img-box {
    max-width: 220px;
    width: 100%;
    height: auto;
    padding: 0px;
}

nav.navbar a.navbar-brand img,
.footer-logo-box .img-box img {
    width: 100%;
    height: auto;
}

nav.navbar .nav-item a {
    text-align: center;
}

#offcanvasDarkNavbar {
    width: 100%;
    border: none;
}

#offcanvasDarkNavbar .offcanvas-header {
    padding: 8px 15px;
}

#offcanvasDarkNavbar .offcanvas-header .offcanvas-block {
    margin: 0 auto;
}

.btn-close {
    background-image: url(images/x-mark.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    padding: 0px !important;
    margin: 0px !important;
}

.btn-close:focus {
    box-shadow: none;
}

.language-body .lang-item a {
    color: var(--text-secondary-color);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--font-secondary);
}

.language-body .lang-item.current-lang a {
    color: var(--primary-color) !important;
}

.language-body {
    list-style-type: none;
    padding: 0;
    gap: 30px;
}

.navigation-rights-mobile {
    list-style-type: none;
    padding: 0;
    gap: 30px;
}

.navigation-rights-mobile li {
    position: relative;
}

.navigation-rights-mobile li a {
    font-size: 14px;
    color: var(--text-secondary-color);
    font-weight: 600;
}

.navigation-rights-mobile li:not(:last-child)::after {
    content: "|";
    right: -20px;
    position: absolute;
    top: -1px;
}

.offcanvas-body .navbar-nav {
    gap: 55px;
}

.offcanvas-body .navbar-nav li a {
    color: var(--text-secondary-color) !important;
    font-weight: 500;
    font-family: var(--font-secondary);
    font-size: 30px;
    line-height: 1.2;
    white-space: nowrap;
}

.carousel-indicators {
    bottom: unset;
}

/***************************************************************
                           HERO
***************************************************************/

#carouselHeroicators .carousel-indicators {
    margin: 0px;
}

#carouselHeroicators .carousel-indicators button {
    position: relative;
}

#carouselHeroicators .carousel-indicators .active::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    left: 0;
    top: 0;
    animation: fillIndicator 5s linear;
}

@keyframes fillIndicator {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

#carouselHeroicators .indicators-wrap {
    gap: 5px;
}

#carouselHeroicators .carousel-inner::after {
    content: '';
    background: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.black-cover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#carouselHeroicators .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#carouselHeroicators .carousel-item img {
    max-height: 100svh;
}

#carouselHeroicators .scroll-down-box {
    left: 0;
    z-index: 1;
}

#carouselHeroicators .scroll-down-box span.span-1,
#carouselHeroicators .scroll-down-box span.span-2 {
    font-family: var(--font-primary);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
}

#carouselHeroicators .scroll-down-box span.span-1 {
    right: 47.5px;
    white-space: nowrap;
}

#carouselHeroicators .scroll-down-box span.span-2 {
    left: 47.5px;
    white-space: nowrap;
}

#carouselHeroicators .scroll-down-box img {
    width: 23.5px;
    height: auto;
    position: relative;
    animation: topBottomArrow 0.8s linear infinite;
}

@keyframes topBottomArrow {
    0% {
        top: 0px;
    }

    25% {
        top: 2px;
    }

    50% {
        top: 0px;
    }

    75% {
        top: -2px;
    }

    100% {
        top: 0px;
    }
}

#carouselHeroicators .scroll-down-box a {
    color: var(--text-secondary-color);
    padding: 10px;
}

#carouselHeroicators .text-block {
    z-index: 1;
    /* 	opacity: 0;
	visibility: hidden; */
}

#carouselHeroicators .carousel-item .text-block {
    padding-top: 15px;
    padding-bottom: 15px;
}

/***************************************************************
                           CARDS
***************************************************************/
.cards-section .text-block p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.44;
    font-family: var(--font-primary);
}

.cards-section .card-box .img-box {
    aspect-ratio: 3/1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e2e2e3;
    padding: 5px;
}

.cards-section .card-box .img-box img {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: auto;
    object-fit: contain;

}

.cards-section .card-box .card-title {
    font-family: var(--font-primary);
    font-weight: 600;
    font-size: 14px;


    line-height: 1.2;
}

.cards-section .card-box .title-wrap-box {
    min-height: 33.6px;
    margin-top: 3px;
    background: #e2e2e3;
    padding: 5px;
}

/***************************************************************
                          SERVICES
***************************************************************/
.section-services {
    overflow-x: hidden;
}

.section-services .grey-block {
    position: absolute;
    right: -20%;
    width: 40%;
    height: 100%;
    background: #E8E8E8;
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}


.section-services .text-block {
    z-index: 1;
    position: relative;
    max-width: 1010px;
}

/***************************************************************
                          KONTAKT
***************************************************************/
.kontakt-section .grey-block-mobile {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 20%, 63% 100%, 41% 100%, 30% 100%, 0 100%, 0% 30%);
}

.kontakt-section .kontakt-title {
    z-index: 1;
    position: relative;
}

.kontakt-section .kontakt-text-block {
    z-index: 1;
    position: relative;
}

.small-title-kontakt,
.kontakt-section .contact-text-block .contact-box,
.links-rights-block ul li,
.links-rights-block ul li a,
.links-rights-bloc-rights {
    font-size: 14px;
    line-height: 1.44;
    font-weight: 300;
}

.contact-box a {
    transition: 0.3s all;
}

.links-rights-block {
    z-index: 1;
    position: relative;
}

.links-rights-block ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    gap: 20px;
}

.links-rights-block ul a {
    transition: 0.3s all;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.links-rights-block ul li,
.links-rights-bloc-rights {
    position: relative;
    font-size: 14px !important;
}

.links-rights-block ul a:hover {
    color: var(--primary-color);
}

.links-rights-block ul li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -15px;
    top: -1px;
}

.kontakt-section .contact-form-block {
    z-index: 1;
    position: relative;
}

.kontakt-section input,
.kontakt-section textarea {
    border-top: none;
    border-bottom: 1px solid var(--text-primary-color);
    border-left: none;
    border-right: none;
    border-radius: 0px;
    background: transparent;
    font-family: var(--font-third);
    font-weight: 300;
    padding: 13px 3px;
    color: var(--text-primary-color);
    margin-top: 10px;
}

.kontakt-section textarea {
    border-top: 1px solid var(--text-primary-color);
    border-bottom: 1px solid var(--text-primary-color);
    border-left: 1px solid var(--text-primary-color);
    border-right: 1px solid var(--text-primary-color);
}

.kontakt-section label {
    margin-bottom: 10px;
    font-weight: 300;
    color: var(--text-primary-color);
    font-family: var(--font-third);
}

.kontakt-section .form-control:focus {
    box-shadow: none;
    border-color: 1px solid var(--text-primary-color);
    background-color: transparent;
    color: var(--text-primary-color);
}

/***************************************************************
                          SINGLE
***************************************************************/
.hero-single-section {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100svh - 55.2167px);
    overflow-x: hidden;
    background-position: center center;
}

.hero-single-section .editor {
    max-height: 33vh;
    overflow-y: auto;
    display: inline-block;
    z-index: 1;
}

.hero-single-section .editor p {
    font-weight: 400;
}

.hero-single-section .editor p.paragraph-special {
    font-size: 14px;
}

.hero-single-section .single-block {
    min-height: calc(100svh - 55.2167px);
    background: rgba(255, 255, 255, 0.8);
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.hero-single-section .single-block div {
    z-index: 1;
}

.hero-single-section .single-block::after {
    content: '';
    right: -3860px;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 3860px;
    height: 100%;
    position: absolute;
}

.hero-single-section .single-block::before {
    content: '';
    left: -230px;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    width: 230px;
    height: 100%;
    position: absolute;
}

.wpcf7-acceptance > span {
    margin-left: 0px !important;
}

.wpcf7-acceptance {
    padding-top: 30px !important;
}

.wpcf7-acceptance input {
    accent-color: #000;
}

.wpcf7-acceptance a:hover {
    color: var(--primary-color);
    transition: 0.3s all;
}

.intro-text-404 {
    font-size: 60px !important;
}

.single-mobile-section .img-box img {
    width: 100%;
    height: auto;
}

/***************************************************************
                        RESPONSIVE
***************************************************************/

/***************************************************************
                    RESPONSIVE SM
***************************************************************/
@media only screen and (min-width: 576px) {

    /**************************
        Pre-Defined Classes
**************************/
    body {
        padding-top: 67.7px;
    }

    .container-lg {
        max-width: 540px;
    }

    .kontakt-padding {
        padding-top: 52px;
        padding-bottom: 32px;
    }

    .kontakt-padding-second {
        padding-top: 52px;
        padding-bottom: 74px;
    }

    /**************************
        Fedra Sans
**************************/
    .intro-section .text-block .logo-box {
        max-width: 560px;
    }

    /**************************
        Navigation
**************************/
    nav.navbar a.navbar-brand,
    .footer-logo-box .img-box {
        max-width: 290px;

    }

    #offcanvasDarkNavbar .offcanvas-header .offcanvas-block {
        max-width: 510px;
    }

    /**************************
        Hero
**************************/
    #carouselHeroicators .indicators-wrap {
        gap: 8px;
    }

    /**************************
        Single
**************************/
    .hero-single-section {

        min-height: calc(100svh - 67.7px);

    }

    .hero-single-section .single-block {
        min-height: calc(100svh - 67.7px);

    }
}

/***************************************************************
                    RESPONSIVE MD
***************************************************************/
@media only screen and (min-width: 768px) {

    /**************************
        Pre-Defined Classes
**************************/
    .fedra-lg {
        font-size: 51px;
    }

    .fedra-sm {
        font-size: 22px;
    }

    .container-lg {
        max-width: 720px;
    }

    .text-padding {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .editor p,
    .editor ul,
    .editor op {
        font-size: 16px;
    }

    /**************************
        Navigation
**************************/
    #offcanvasDarkNavbar .offcanvas-header .offcanvas-block {
        max-width: 690px;
    }

    /**************************
        Hero
**************************/
    #carouselHeroicators .indicators-wrap {
        gap: 15px;
    }

    /**************************
        Kontakt
**************************/
    .small-title-kontakt,
    .kontakt-section .contact-text-block .contact-box,
    .links-rights-block ul li,
    .links-rights-block ul li a,
    .links-rights-bloc-rights {
        font-size: 16px;
    }
}

/***************************************************************
                    RESPONSIVE LG
***************************************************************/
@media only screen and (min-width: 992px) {

    /**************************
        Pre-Defined Classes
**************************/
    .fedra-lg {
        font-size: 61px;
    }

    .fedra-single-title {
        font-size: 50px;
    }

    .fedra-sm {
        font-size: 26px;
    }

    .carousel-control-prev-icon {
        margin-left: 20px;
    }

    .carousel-control-next-icon {

        margin-right: 20px;
    }

    body {
        padding-top: 0px;
    }

    .container-lg {
        max-width: 960px;
    }

    .section-padding {
        padding-top: 85px;
    }

    .section-margin {
        margin-top: 85px;
    }

    .text-padding {
        padding-top: 130px;
        padding-bottom: 110px;
    }

    .editor p,
    .editor ul,
    .editor op {
        font-size: 18px;
    }

    .kontakt-padding {
        padding-top: 82px;
        padding-bottom: 42px;
    }

    .kontakt-padding-second {
        padding-top: 82px;
        padding-bottom: 84px;
    }

    #btn-back-to-top {
        bottom: 40px;
        right: 50px;
    }

    /**************************
        BODY AND HTML
**************************/
    body.impressum-template {
        padding-top: 153.95px;
    }

    /**************************
        Navigation
**************************/
    .offcanvas-body .navbar-nav {
        gap: 30px;
    }

    .offcanvas-body .navbar-nav li a {
        font-size: 18px;
    }

    .navbar-colored .offcanvas-body .navbar-nav li a {
        color: var(--text-primary-color) !important;

    }

    .navbar-colored .offcanvas-body .navbar-nav li a:hover {
        color: var(--primary-color) !important;
    }

    .navbar-transparent .offcanvas-body .navbar-nav li a {
        color: var(--text-secondary-color);

    }

    .navbar-transparent {
        background: transparent !important;
    }

    .navbar-transparent .language-body .lang-item a {
        color: var(--text-secondary-color);
    }

    .navbar-transparent .offcanvas-body .navbar-nav li a:hover {
        color: var(--primary-color) !important;
    }

    nav.navbar {
        padding: 30px 0px;
    }

    nav.navbar .offcanvas-body .navbar-nav li:last-child a {
        padding-right: 0px;
    }

    nav.navbar a.navbar-brand,
    .footer-logo-box .img-box {
        max-width: 390px;
    }

    .language-body .lang-item a {
        color: var(--text-primary-color);
    }

    .language-body {
        margin-bottom: 0px;
    }

    .language-body .lang-item a:hover {
        color: var(--primary-color);
    }

    /**************************
        Hero
**************************/
    #carouselHeroicators .indicators-wrap {
        gap: 20px;
    }

    #carouselHeroicators .carousel-item img {
        height: 100svh !important;
    }

    /**************************
        Cards
**************************/
    .cards-section .text-block p {
        font-size: 16px;
        max-width: 820px;
    }

    /**************************
        Kontakt
**************************/
    .small-title-kontakt,
    .kontakt-section .contact-text-block .contact-box,
    .links-rights-block ul li,
    .links-rights-block ul li a,
    .links-rights-bloc-rights {
        font-size: 18px;
    }

    .kontakt-section .grey-block-mobile {
        width: 45%;
        clip-path: polygon(0 0, 100% 0, 100% 0, 75% 100%, 41% 100%, 30% 100%, 0 100%, 0% 30%);
    }

    /**************************
        Single
**************************/
    .hero-single-section {
        min-height: 100svh;
    }

    .hero-single-section .single-block {
        padding-top: 50px;
        padding-bottom: 50px;
        min-height: 100svh;
    }

    .hero-single-section .single-block::before {
        clip-path: polygon(75% 0, 100% 0%, 100% 100%, 0 100%);
    }

    .hero-single-section .single-block {
        min-height: calc(100svh - 154.333px);
        margin-top: 154.333px;

    }

    .fedra-single-subtitle {
        font-size: 21px;
    }

    .img-text-footer {
        font-size: 18px;
    }
}

/***************************************************************
                    RESPONSIVE XL
***************************************************************/
@media only screen and (min-width: 1200px) {

    /**************************
        Pre-Defined Classes
**************************/
    .fedra-lg {
        font-size: 70px;
    }

    .fedra-sm {
        font-size: 30px;
    }

    .container-fluid {
        padding-left: 80px;
        padding-right: 80px;
    }

    .container-lg {
        max-width: 1140px;
    }

    .btn-hero {
        color: #fff;
        border: 1px solid #fff !important;
        margin-top: 32px;
    }

    .section-padding {
        padding-top: 120px;
    }

    .section-margin {
        margin-top: 120px;
    }

    .text-padding {
        padding-top: 170px;
        padding-bottom: 150px;
    }

    .kontakt-padding {
        padding-top: 102px;
        padding-bottom: 52px;
    }

    .kontakt-padding-second {
        padding-top: 102px;
        padding-bottom: 94px;
    }

    /**************************
        Navigation
**************************/
    .offcanvas-body .navbar-nav li a {
        font-size: 20px;
    }

    /**************************
        Hero
**************************/

    #carouselHeroicators .text-block {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-in-out;
    }

    #carouselHeroicators .carousel-indicators {
        opacity: 0;
        visibility: hidden: transition: 0.3s ease-in-out;
    }

    #carouselHeroicators .indicators-wrap {
        gap: 25px;
    }

    #carouselHeroicators .scroll-down-box a {
        padding: 15px;
    }

    #carouselHeroicators .carousel-item .text-block {
        position: absolute !important;
        transform: translateY(-50%);
        background: transparent !important;

    }

    #carouselHeroicators .carousel-item h2,
    #carouselHeroicators .carousel-item h4 {
        color: var(--text-secondary-color);
        text-transform: uppercase;
    }

    .btn-hero:hover {
        border: 1px solid var(--text-secondary-color);
        color: var(--text-secondary-color);
    }

    /**************************
        Cards
**************************/
    .cards-section .text-block p {
        font-size: 18px;
    }

    /**************************
        Single
**************************/
    .hero-single-section .single-block {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

/***************************************************************
                    RESPONSIVE XXL
***************************************************************/
@media only screen and (min-width: 1400px) {

    /**************************
        Pre-Defined Classes
**************************/
    .container {
        max-width: 1200px;
    }

    .container-fluid {
        padding-left: 160px;
        padding-right: 160px;
    }

    .container-lg {
        max-width: 1200px;
    }

    .text-padding {
        padding-top: 200px;
        padding-bottom: 180px;
    }

    .kontakt-padding {
        padding-top: 142px;
        padding-bottom: 52px;
    }

    .kontakt-padding-second {
        padding-top: 142px;
        padding-bottom: 94px;
    }

    /**************************
        Hero
**************************/
    #carouselHeroicators .indicators-wrap {
        gap: 30px;
    }

    /**************************
        Single
**************************/
    .hero-single-section .single-block {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .hero-single-section .single-block::before {

        left: -260px;
        width: 260px;

    }

}

/***************************************************************
                    RESPONSIVE CUSTOM
***************************************************************/

@media only screen and (min-width: 1600px) {

    /**************************
        Pre-Defined Classes
**************************/

    .container-lg {
        max-width: 1450px;
    }

    .text-padding {
        padding-top: 220px;
        padding-bottom: 200px;
    }

    .kontakt-padding {
        padding-top: 162px;
        padding-bottom: 52px;
    }

    .kontakt-padding-second {
        padding-top: 162px;
        padding-bottom: 94px;
    }

    /**************************
        Hero
**************************/
    #carouselHeroicators .indicators-wrap {
        gap: 30px;
    }

}


@media only screen and (min-height: 930px) {

    /**************************
       Single
**************************/
    .hero-single-section .editor {
        max-height: 35vh;
    }


}

@media only screen and (min-height: 1030px) {

    /**************************
       Single
**************************/
    .hero-single-section .editor {
        max-height: 40vh;
    }


}

@media only screen and (min-height: 1230px) {

    /**************************
       Single
**************************/
    .hero-single-section .editor {
        max-height: 47vh;
    }


}

@media only screen and (min-height: 1340px) {

    /**************************
       Single
**************************/
    .hero-single-section .editor {
        max-height: 57vh;
    }


}