/**
 Theme Name: Reto Wallimann
 Theme URI: https://www.atrox.ch
 Version: 1.0
 Description: 
 Template: wps
 Author: Michael Ligabue | Atrox AG
 Text Domain: cdt
*/

/* Font Faces */
@font-face {
    font-family: "Khand";
    src: url(/wp-content/themes/cdt/assets/fonts/Khand-Light.ttf);
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Khand";
    src: url(/wp-content/themes/cdt/assets/fonts/Khand-Regular.ttf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Khand";
    src: url(/wp-content/themes/cdt/assets/fonts/Khand-Medium.ttf);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Khand";
    src: url(/wp-content/themes/cdt/assets/fonts/Khand-SemiBold.ttf);
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Khand";
    src: url(/wp-content/themes/cdt/assets/fonts/Khand-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Exo";
    src: url(/wp-content/themes/cdt/assets/fonts/Exo-ExtraBold.ttf);
    font-weight: 800;
    font-display: swap;
}

/* Fonts */
body {
    font-family: "Khand", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.272727;
}

strong {
    font-weight: 700;
}

h1,
h2 {
    font-family: "Exo", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

h1 {
    font-size: 90px;
    line-height: 1;
}

h2 {
    font-size: 60px;
    line-height: 1;
}

h2:before {
    display: block;
    position: relative;
    content: "";
    width: 130px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(assets/svg/Logo-Titel-Element.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

h2 strong {
    font-size: 40px;
    display: block;
    line-height: 1.25;
}

h2.has-white-color:before {
    display: block;
    position: relative;
    content: "";
    width: 130px;
    height: 50px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(assets/svg/Logo-Titel-Element-weiss.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

h3 {
    font-size: 45px;
    font-weight: 500;
}

h3 a {
    color: var(--black-color);
    text-decoration: none;
}

/* General */
body {
    --cdt-content-width: 1220px;
    --cdt-header-height: 117px;
    color: var(--black-color);
}

@media screen and (max-width: 1180px) {
    body {
        --cdt-header-height: 90px;
    }
}

.post-edit-link {
    display: none;
}

.cdt-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

img {
    display: block;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

.entry-content p a,
h2 a,
h3 a {
    color: var(--black-color);
    text-decoration: none;
    font-weight: 600;
    transition: opacity .3s ease-in-out;
}

.entry-content p a:hover,
h2 a:hover,
h3 a:hover {
    opacity: .6;
}


/* Site Header */
.site-header {
    display: grid;
    position: fixed;
    max-width: 100%;
    width: var(--cdt-content-width);
    height: var(--cdt-header-height);
    grid-template-columns: 280px auto;
    gap: 20px;
    padding: 0 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.site-header:before,
.site-header:after {
    display: block;
    position: absolute;
    content: '';
    width: 100vw;
    left: calc(50% - 50vw);
    top: 0;
    height: var(--cdt-header-height);
    background-color: var(--white-color);
}

.site-header:after {
    z-index: -2;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .3);
}

.site-header>.column-1 {
    padding: 10px 0 15px;
    grid-column: 1 / span 1;
    height: 100%;
}

.site-header .column-2 {
    display: flex;
    justify-content: flex-end;
    grid-column: 2 / span 1;
}

.site-header .column-3,
.site-header .column-4 {
    display: none;
}

/* Main Menu */
@media screen and (min-width: 1220px) {
    .nav-menu-header {
        display: none;
    }

    .menu-main-container,
    .menu-main-container>.menu,
    .menu-main-container>.menu>.menu-item {
        height: 100%;
    }

    .menu-main-container>.menu {
        display: flex;
        gap: 88px;
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1;
    }

    .menu-main-container>.menu>.menu-item {
        display: flex;
        box-sizing: border-box;
        position: relative;
        align-items: center;
        padding: 20px 0 0;
        margin: 0;
        --cdt-submenu-width: 197px;
    }

    .menu-main-container>.menu>.menu-item>a {
        color: inherit;
        opacity: .6;
        text-decoration: none;
        font-weight: 600;
        font-size: 26px;
        text-transform: uppercase;
        transition: opacity .4s ease-in-out;
    }

    .menu-main-container>.menu>.menu-item>a:hover,
    .menu-main-container>.menu>.current-menu-item>a,
    .menu-main-container>.menu>.current-menu-ancestor>a {
        opacity: 1;
    }

    .menu-main-container>.menu>.menu-item>.sub-menu {
        display: flex;
        position: absolute;
        flex-direction: column;
        width: var(--cdt-submenu-width);
        border: 3px solid var(--white-color);
        background-color: var(--white-color);
        top: 100%;
        left: 50%;
        margin-left: calc((var(--cdt-submenu-width) / 2) * -1);
        padding: 22px 24px 16px;
        list-style: none;
        transition: transform .4s ease-in-out;
        z-index: -1;
    }

    .menu-main-container>.menu>.menu-item:not(:hover)>.sub-menu {
        transform: translateY(-100%);
    }

    .menu-main-container>.menu>.menu-item:nth-child(2)>.sub-menu {
        background-color: var(--primary-color);
    }

    .menu-main-container>.menu>.menu-item:nth-child(3)>.sub-menu {
        background-color: var(--primary-dark-color);
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item:not(:last-child) {
        border-bottom: 1px solid var(--white-color);
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item>a {
        display: block;
        padding: 11px 0;
        font-size: 26px;
        color: var(--white-color);
        text-transform: uppercase;
        text-decoration: none;
        opacity: .6;
        transition: opacity .4s ease-in-out;
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item>a:hover,
    .menu-main-container>.menu>.menu-item>.sub-menu>.current-menu-item>a {
        opacity: 1;
    }
}

/* Main Menu responsive */
@media screen and (max-width: 1219px) {

    .nav-menu-header {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .nav-menu-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        width: 30px;
        height: 18px;
        background-color: transparent;
        padding: 0;
        border: none;
        cursor: pointer;
    }

    .nav-menu-icon:before {
        content: '';
    }

    .nav-menu-icon:before,
    .nav-menu-icon>span {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        background-color: var(--black-color);
        transition: all .4s ease-in-out;
    }

    .nav-menu-active .nav-menu-icon>span:first-child {
        width: 0;
        opacity: 0;
    }

    .nav-menu-active .nav-menu-icon:before {
        transform: translateY(8px) rotateZ(-225deg);
    }

    .nav-menu-active .nav-menu-icon>span:last-child {
        transform: translateY(-9px) rotateZ(45deg);
    }

    .nav-menu-header .wps-svg {
        display: none;
    }

    .menu-main-container {
        position: absolute;
        top: 100%;
        width: 100vw;
        right: -20px;
        height: calc(100vh - var(--cdt-header-height));
        background-color: var(--white-color);
        z-index: -3;
        line-height: 1;
        overflow: auto;
        transition: transform .4s ease-in-out;
    }

    .nav-menu:not(.nav-menu-active) .menu-main-container {
        transform: translateY(-100%);
    }

    .menu-main-container>.menu {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 21px 20px 13px;
    }

    .menu-main-container>.menu>.menu-item {
        position: relative;
    }

    .menu-main-container>.menu>.menu-item:not(:last-child) {
        border-bottom: 1px var(--grey-dark-color) solid;
    }

    .menu-main-container>.menu>.menu-item>a {
        display: block;
        position: relative;
        padding: 15px 10px;
        font-size: 26px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 600;
        opacity: .6;
        transition: opacity .4s ease-in-out;
        color: inherit;
    }

    .menu-main-container>.menu>.menu-item-has-children.menu-item-has-children-active>a {
        color: var(--white-color);
        opacity: 1;
    }

    .menu-main-container>.menu>.menu-item>a:hover,
    .menu-main-container>.menu>.current-menu-item>a,
    .menu-main-container>.menu>.current-menu-ancestor>a {
        opacity: 1;
    }

    .menu-main-container>.menu>.menu-item-has-children:after {
        display: block;
        position: absolute;
        content: '';
        height: 57px;
        width: 57px;
        right: 0;
        top: 0;
        background-image: url(/wp-content/themes/cdt/assets/svg/arrow-down-grey.svg);
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer;
    }

    .menu-main-container>.menu>.menu-item-has-children.menu-item-has-children-active:after {
        background-image: url(/wp-content/themes/cdt/assets/svg/arrow-up-white.svg);
    }

    .menu-main-container>.menu>.menu-item-has-children:before {
        display: block;
        position: absolute;
        content: '';
        width: calc(100% + 40px);
        height: calc(100% + 2px);
        left: -20px;
        top: -1px;
    }

    .menu-main-container>.menu>.menu-item-has-children:not(.menu-item-has-children-active):before {
        opacity: 0;
    }

    .menu-main-container>.menu>.menu-item-has-children:nth-of-type(2):before {
        background-color: var(--primary-color);
    }

    .menu-main-container>.menu>.menu-item-has-children:nth-of-type(3):before {
        background-color: var(--primary-dark-color);
    }

    .menu-main-container>.menu>.menu-item>.sub-menu {
        display: flex;
        position: relative;
        flex-direction: column;
        padding: 7px 26px;
        list-style: none;
        margin: 0;
    }

    .menu-main-container>.menu>.menu-item-has-children:not(.menu-item-has-children-active)>.sub-menu {
        display: none;
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item:not(:last-child) {
        border-bottom: 1px solid var(--white-color);
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item>a {
        display: block;
        padding: 11px 0;
        color: var(--white-color);
        font-size: 26px;
        text-transform: uppercase;
        text-decoration: none;
        opacity: .6;
        transition: opacity .4s ease-in-out;
    }

    .menu-main-container>.menu>.menu-item>.sub-menu>.menu-item>a:hover,
    .menu-main-container>.menu>.menu-item>.sub-menu>.current-menu-item>a {
        opacity: 1;
    }
}

/* Site Footer */
.site-footer {
    display: flex;
    flex-direction: column;
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
}

.site-footer h3 {
    font-family: "Exo", sans-serif;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 0;
}

.site-footer>#site-footer-widget-area-1 ul,
.site-footer>#site-footer-widget-area-3 ul {
    display: flex;
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

.site-footer>#site-footer-widget-area-3 ul {
    font-size: 18px;
}

.site-footer>#site-footer-widget-area-1 ul>li,
.site-footer>#site-footer-widget-area-3 ul>li {
    display: block;
    position: relative;
}

.site-footer>#site-footer-widget-area-1 ul>li:not(:first-of-type) {
    padding-left: 20px;
}

.site-footer>#site-footer-widget-area-3 ul>li:not(:first-of-type) {
    padding-left: 15px;
}

.site-footer>#site-footer-widget-area-1 ul>li:not(:last-of-type) {
    padding-right: 20px;
}

.site-footer>#site-footer-widget-area-3 ul>li:not(:last-of-type) {
    padding-right: 15px;
}

.site-footer>#site-footer-widget-area-1 ul>li:not(:last-of-type):after,
.site-footer>#site-footer-widget-area-3 ul>li:not(:last-of-type):after {
    display: block;
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 2px;
    background-color: var(--primary-color);
    left: 100%;
    top: 50%;
    margin-left: -2px;
    margin-top: -2px;
}

.site-footer>#site-footer-widget-area-1 ul>li>a,
.site-footer>#site-footer-widget-area-3 ul>li>a {
    color: var(--black-color);
    text-decoration: none;
}

.site-footer>#site-footer-widget-area-4 {
    display: flex;
}

.site-footer>#site-footer-widget-area-4>#block-11 {
    width: 160px;
    margin-right: 40px;
}

.site-footer>#site-footer-widget-area-4>#block-12 {
    width: 120px;
}

.site-footer>#site-footer-widget-area-4 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.site-footer>#site-footer-widget-area-5 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.site-footer>#site-footer-widget-area-5>div {
    width: 180px;
}

.site-footer>#site-footer-widget-area-4>div>figure {
    margin-bottom: 10px;
}

.site-footer>#site-footer-widget-area-5>div>figure {
    margin-bottom: 0;
}

/* Content */
main {
    padding-top: var(--cdt-header-height);
    flex: 1 1 auto;
}

.main-wrapper>.entry-content {
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
}

/* Blocks */
.wp-block-group.alignfull {
    padding: 0;
}

.wp-block-group.alignfull .wp-block-group__inner-container {
    width: var(--cdt-content-width);
    padding: 20px;
    max-width: 100%;
    margin: 0 auto;
}

/* Frontpage Header */
.page-id-7 .wp-block-image.alignfull {
    margin-left: calc((100vw - 100%) /-2);
}

/* Slogan */
h2.cdt-slogan {
    position: absolute;
    top: 80px;
    right: 0;
    font-family: "Khand", sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 2;
    text-transform: uppercase;
}

h2.cdt-slogan strong {
    display: block;
    font-family: "Exo", sans-serif;
    font-size: 90px;
    font-weight: 800;
    line-height: 0.6666667;
    text-transform: uppercase;
}

h2.cdt-slogan:before {
    display: none;
}

/* Services Frontpage */
.cdt-services {
    margin-top: 68px;
    gap: 0 !important;
}

.cdt-services:before {
    display: block;
    position: absolute;
    content: "";
    width: 300px;
    height: 190px;
    top: 161px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(assets/svg/Logo-Element-weiss-zentriert.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 3;
}


.cdt-services>div h1 {
    line-height: .6666667;
}

.cdt-services>div h1 a {
    color: var(--white-color);
    text-decoration: none;
}

.cdt-services>div:first-of-type h1 {
    position: relative;
    margin: 0 100px 100px 0;
    z-index: 2;
}

.cdt-services>div:first-of-type h1:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 160px;
    left: calc((100vw - 1180px) / -2);
    top: -50px;
    background-color: var(--primary-color);
    z-index: -1;
}

.cdt-services>div:last-of-type h1 {
    position: relative;
    margin: 0 0 100px 100px;
    z-index: 2;
}

.cdt-services>div:last-of-type h1:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 160px;
    right: calc((100vw - 1180px) / -2);
    top: -50px;
    background-color: var(--primary-dark-color);
    z-index: -1;
}

.cdt-services>.wp-block-column>.cdt-service-icons {
    justify-content: flex-end;
    z-index: 4;
}

.cdt-services>div:first-of-type>.cdt-service-icons {
    padding-right: 80px;
}

.cdt-services>div:last-of-type>.cdt-service-icons {
    padding-left: 80px;
}

.cdt-services>.wp-block-column>.cdt-service-icons>.wp-block-column {
    flex-grow: 0;
    flex-basis: auto;
}

.cdt-services>.wp-block-column>.cdt-service-icons>.wp-block-column>figure {
    width: 108px;
    height: 100px;
}

/* Buttons */
.wp-block-button__link {
    padding: 15px 60px;
    border-radius: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

/* Portrait Frontpage */
.cdt-portrait-frontpage {
    justify-content: center;
    gap: 20px;
}

.cdt-portrait-frontpage>.wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
}

.cdt-portrait-frontpage>.wp-block-column>figure {
    margin-bottom: 0;
}

.cdt-portrait-frontpage>.wp-block-column>p,
.cdt-portrait-frontpage>.wp-block-column>p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 129px;
    margin-top: 5px;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: 30px;
}

.cdt-portrait-frontpage>div:first-of-type>p {
    background-color: var(--primary-color);
}

.cdt-portrait-frontpage>div:last-of-type>p {
    background-color: var(--primary-dark-color);
}

/* Quotes */
.cdt-quote {
    font-size: 40px;
    font-weight: 500;
}

.cdt-quote-full {
    margin-left: calc((100vw - 100%) /-2) !important;
    padding: 85px 0 !important;
}

.cdt-quote-full>em {
    font-size: 35px;
    font-weight: 400;
    font-style: normal;
}

/* Post Archive */
.cdt-post-archive {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 0 110px;
}

.cdt-post-archive:before {
    display: block;
    position: absolute;
    content: '';
    width: 100vw;
    height: calc(100% + 60px);
    left: calc((100vw - 1180px) / -2);
    top: -30px;
    background-color: var(--grey-color);
    z-index: -1;
    opacity: .5;
}

.cdt-post-archive .post-thumbnail:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    mix-blend-mode: multiply;
}

.cdt-post-archive .post-title {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 2;
    color: var(--white-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.cdt-post-archive .post-title>h2 {
    font-family: "Khand", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.272727;
    text-align: center;
}

.cdt-post-archive>.cdt-post_archive__single .post-title>h2:before {
    display: block;
    position: relative;
    content: "";
    width: 130px;
    height: 122px;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-post-archive>.cdt-post_archive__single.category-neutral .post-title>h2:before {
    width: 160px;
    top: 30px;
    background-image: url(assets/svg/Logo-Element-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-road .post-title>h2:before {
    background-image: url(assets/svg/Icon-Road-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-mountain .post-title>h2:before {
    background-image: url(assets/svg/Icon-Mountain-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-gravel .post-title>h2:before {
    background-image: url(assets/svg/Icon-Gravel-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-e-bike .post-title>h2:before {
    background-image: url(assets/svg/Icon-E-Bike-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-sport .post-title>h2:before {
    background-image: url(assets/svg/Icon-Sport-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-beruf .post-title>h2:before {
    background-image: url(assets/svg/Icon-Beruf-weiss.svg);
}

.cdt-post-archive>.cdt-post_archive__single.category-alltag .post-title>h2:before {
    background-image: url(assets/svg/Icon-Alltag-weiss.svg);
}

.cdt-post-archive .post-date {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 255px;
    left: 0;
    width: 100%;
    z-index: 2;
    color: var(--white-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.cdt-post-archive .post-date>time {
    font-size: 22px;
}

.cdt-post-archive footer {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.cdt-post-archive footer a {
    padding: 5px 40px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    background-color: var(--white-color);
    color: var(--primary-dark-color);
}

.cdt-post-archive>.cdt-post_archive__single:hover .post-title,
.cdt-post-archive>.cdt-post_archive__single:hover .post-date,
.cdt-post-archive>.cdt-post_archive__single:hover>footer {
    opacity: 1;
}

.cdt-post-archive>.cdt-post_archive__single:hover .post-thumbnail:after {
    opacity: .9;
}

.cdt-post-archive>.cdt-post-archive__more {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    grid-column: 1 / span 3;
}

.cdt-post-archive>.cdt-post-archive__more>.cdt-post-archive__more-link {
    padding: 15px 60px;
    border: none;
    border-radius: 0;
    font-family: "Khand", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white-color);
    background-color: var(--black-color);
    cursor: pointer;
}

/* Thumbnail Extension */
.cdt-post-archive .post-thumbnail>img {
    display: none;
}

.single .post-thumbnail>.cdt-alt-thumbnail {
    display: none;
}

.single .post-thumbnail img + video{
    display: none;
}

.cdt-course-archive__single video {
    display: block;
    max-width: 100%;
    height: 100%;
    margin: 0;
}



/* Post Single */
.single .post-thumbnail>img {
    width: 100vw;
}

.single .post-title>h1 {
    margin-bottom: 40px;
    text-align: center;
}

.single .post-meta>.post-date {
    display: flex;
    justify-content: center;
}

.single .post-meta>.post-date>time {
    font-size: 36px;
    font-weight: 500;
}

.single .post-footer {
    width: 1180px;
    margin: 0 auto;
}

.single .post-footer .cdt-post-gallery-masonry {
    width: calc(100% + 20px);
    margin-left: -10px;
}

.single .post-footer .cdt-post-gallery-masonry>.cdt-post-gallery-masonry__item {
    float: left;
    margin: 10px;
    width: calc((100% - 60px) /3);
}


/* h2 CTA */
h2.cdt-cta {
    margin-left: calc((100vw - 100%) /-2);
    padding: 85px 0;
    font-size: 40px;
    line-height: 1.2;
}

h2.cdt-cta:before {
    display: none;
}

h2.cdt-cta a {
    text-decoration: none;
}

/* Reto Wallimann */
.page-id-11 h1 {
    margin-bottom: 20px;
    font-size: 60px;
}

.page-id-11 .cdt-quote {
    margin: 20px 0;
}

.page-id-11 .cdt-portrait>div:first-of-type {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.page-id-11 .cdt-portrait-bike>div>h2,
.page-id-11 .cdt-portrait-mental>div>h2 {
    font-family: "Khand", sans-serif;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.272727;
    color: var(--white-color);
    text-transform: none;
}

.page-id-11 .cdt-portrait-bike>div>h2 {
    text-align: right;
}

.page-id-11 .cdt-portrait-mental>div>h2 {
    text-align: left;
}

.page-id-11 .cdt-portrait-bike>div>h2:before,
.page-id-11 .cdt-portrait-mental>div>h2:before {
    display: none;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type,
.page-id-11 .cdt-portrait-mental>div:last-of-type {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 20px 60px 20px 0;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type {
    padding: 20px 60px 20px 0;
    justify-content: flex-end;
}

.page-id-11 .cdt-portrait-mental>div:last-of-type {
    padding: 20px 0 20px 60px;
    justify-content: flex-start;
}

.page-id-11 .cdt-portrait-mental>div:first-of-type {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    text-align: right;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 100%;
    left: calc((100vw - 1180px) / -2);
    top: 0;
    background-color: var(--primary-dark-color);
    z-index: -1;
}

.page-id-11 .cdt-portrait-mental>div:last-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 100%;
    right: calc((100vw - 1180px) / -2);
    top: 0;
    background-color: var(--primary-color);
    z-index: -1;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type>h2,
.page-id-11 .cdt-portrait-mental>div:last-of-type>h2 {
    margin-top: 0;
    margin-bottom: 20px;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type>.wp-block-columns,
.page-id-11 .cdt-portrait-mental>div:last-of-type>.wp-block-columns {
    margin-bottom: 0;
}

.page-id-11 .cdt-portrait-bike>div:first-of-type>.wp-block-columns>.wp-block-column,
.page-id-11 .cdt-portrait-mental>div:last-of-type>.wp-block-columns>.wp-block-column {
    width: 100px;
    max-width: 100px;
}

/* Adjectives */
.cdt-adjectives {
    margin-bottom: 20px;
    gap: 20px;
}


.cdt-adjectives.wp-container-core-columns-is-layout-6>div:nth-of-type(even),
.cdt-adjectives.wp-container-core-columns-is-layout-7>div:nth-of-type(odd) {
    background-color: var(--primary-color);
}

.cdt-adjectives.wp-container-core-columns-is-layout-6>div:nth-of-type(odd),
.cdt-adjectives.wp-container-core-columns-is-layout-7>div:nth-of-type(even) {
    background-color: var(--primary-dark-color);
}

.cdt-adjectives>.wp-block-column {
    height: 190px;
    color: var(--white-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.cdt-adjectives>.wp-block-column>h4 {
    font-family: "Exo", sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}


/* Values 
.wp-block-uagb-faq .uagb-faq-questions {
    font-family: "Khand", sans-serif;
    font-size: 35px;
    font-weight: 600;
}

.wp-block-uagb-faq .uagb-faq-content {
    margin-top: 0;
}
*/

/* FAQ Values */
.cdt-faq-white .cdt-faq__list > .cdt-faq {
    border-bottom: 2px solid var(--white-color);
}
  
.cdt-faq-white .cdt-faq__list > .cdt-faq .cdt-faq__header > h3::before {
    background-image: url(https://www.mental-bike-trainer.ch/wp-content/themes/cdt/assets/svg/arrow-down-white.svg);
}

.cdt-faq-white .cdt-faq__list > .cdt-faq.cdt_faq_active .cdt-faq__header > h3::before {
    background-image: url(https://www.mental-bike-trainer.ch/wp-content/themes/cdt/assets/svg/arrow-up-white.svg);
}

/* CV */
.cdt-cv .wp-block-columns {
    margin-bottom: 0;
}

.cdt-cv .wp-block-columns p {
    margin: 10px 0 10px;
}

.cdt-cv .wp-block-columns>div:first-of-type {
    display: flex;
    justify-content: flex-end;
}

.cdt-cv>.wp-block-column>div {
    border-bottom: 1px solid var(--black-color);
}

/* Services Main */
.cdt-header-cover {
    min-height: 827px;
}

.cdt-header-cover h1 {
    text-shadow: 0 3px 9px rgba(0, 0, 0, .6);
}

.cdt-icons {
    justify-content: center;
    margin-top: -100px;
}

.cdt-icons>.wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
}

.cdt-icons>.wp-block-column>figure {
    width: 200px;
}

.cdt-icons>.wp-block-column>figure>a {
    position: relative;
    z-index: 2;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd),
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even) {
    margin-bottom: 60px;
}

.cdt-steps>.wp-block-group__inner-container>h3 {
    margin-bottom: 20px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type,
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type {
    display: flex;
    align-items: center;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type {
    justify-content: flex-end;
    padding-right: 60px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type {
    padding-left: 60px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type:before,
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 100%;
    top: 0;
    background-color: var(--primary-color);
    z-index: -1;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type:before {
    left: calc((100vw - 1180px) / -2);
}


.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type:before {
    right: calc((100vw - 1180px) / -2);
}

.cdt-steps>.wp-block-group__inner-container>div>div>h4 {
    font-size: 45px;
    font-weight: 500;
    color: var(--white-color);
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type>h4 {
    text-align: right;
}

.page-id-15 h3 {
    margin: 60px 0 0;
}

/* Mental Prices */
.cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns {
    margin: 0;
    border-bottom: 1px solid var(--white-color);
}

.cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>p {
    margin-bottom: 0;
}

.cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>p>em {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}


/* Services Sub */
.page-child h1 {
    font-size: 60px;
    line-height: 1;
}

.page-child h1 strong {
    display: block;
    font-size: 90px;
}

.cdt-icon {
    position: relative;
    width: 300px;
    margin: 0 auto 50px;
}

.cdt-icon img {
    margin-top: -150px;
}

.cdt-boxes {
    gap: 20px;
    margin-bottom: 20px;
}

.cdt-boxes>.wp-block-column {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 40px;
}

.cdt-boxes>.wp-block-column>h4 {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 500;
}

.cdt-boxes>.wp-block-column>p {
    margin: 0;
}

/* Levels Road Touren */

.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:first-of-type,
.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:last-of-type {
    display: flex;
    align-items: center;
}

.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:first-of-type {
    align-items: flex-end;
    flex-direction: column;
    padding-right: 60px;
    color: var(--white-color);
}

.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:last-of-type {
    display: flex;
    align-items: center;
}

.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:first-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 100%;
    top: 0;
    left: calc((100vw - 1180px) / -2);
    background-color: var(--primary-dark-color);
    z-index: -1;
}

.cdt-levels>.wp-block-group__inner-container>.wp-block-columns>div:first-of-type>h4 {
    font-size: 45px;
    font-weight: 500;
    color: var(--white-color);
    text-align: right;
    margin-bottom: 10px;
}

.cdt-level-stars>.wp-block-column {
    flex-basis: auto !important;
}

.cdt-level-stars,
.cdt-level-stars .wp-block-columns {
    gap: 10px !important;
}

.cdt-level-stars>.wp-block-column>.wp-block-columns {
    margin-bottom: 0;
}


/* Levels FAQ */
.cdt-faq__list>.cdt-faq {
    border-bottom: 2px solid var(--black-color);
}

/*
.cdt-faq__list > .cdt-faq.cdt_faq_active {
    padding-bottom: 20px;
}
*/
.cdt-faq__list>.cdt-faq .cdt-faq__header>h3 {
    margin: 0;
}

.cdt-faq__list>.cdt-faq .cdt-faq__header>h3:before {
    display: block;
    position: relative;
    content: "";
    width: 40px;
    height: 20px;
    top: 40px;
    left: 100%;
    transform: translateX(-100%);
    background-image: url(assets/svg/arrow-down.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-faq__list>.cdt-faq.cdt_faq_active .cdt-faq__header>h3:before {
    background-image: url(assets/svg/arrow-up.svg);
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content {
    left: calc(50% - 50vw);
    width: 100vw;
}

.cdt-faq__list>.cdt-faq.cdt_faq_active>.cdt-faq__content {
    margin-bottom: 20px;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner {
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns {
    gap: 20px !important;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>div:last-of-type {
    margin-bottom: 0;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 100px;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc(((100vw - 1180px) /2) + 100%);
    height: 100%;
    top: 0;
    left: calc((100vw - 1180px) / -2);
    background-color: var(--primary-dark-color);
    z-index: -1;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns>.wp-block-column>h4 {
    margin: 0 0 20px;
    font-family: "Exo", sans-serif;
    font-size: 45px;
    font-weight: 800;
    color: var(--white-color);
    text-transform: uppercase;
    text-align: right;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type>.wp-block-columns {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}

.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type>.wp-block-columns>.wp-block-column {
    flex-basis: auto;
    flex-grow: 0;
}


/* FAQ Road Touren */
.cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd),
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even) {
    margin-bottom: 60px;
}

.cdt-steps>.wp-block-group__inner-container>h3 {
    margin-bottom: 20px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type,
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type {
    display: flex;
    align-items: center;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type {
    justify-content: flex-end;
    padding-right: 60px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type {
    padding-left: 60px;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type:before,
.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type:before {
    display: block;
    position: absolute;
    content: '';
    width: calc((100vw - 20px) /2);
    height: 100%;
    top: 0;
    background-color: var(--primary-color);
    z-index: -1;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type:before {
    left: calc((100vw - 1180px) / -2);
}


.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:last-of-type:before {
    right: calc((100vw - 1180px) / -2);
}

.cdt-steps>.wp-block-group__inner-container>div>div>h4 {
    font-size: 45px;
    font-weight: 500;
    color: var(--white-color);
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(odd)>div:first-of-type>h4 {
    text-align: right;
}

.cdt-steps>.wp-block-group__inner-container>div:nth-of-type(even)>div:first-of-type>p {
    text-align: right;
}

/* Partner */
.cdt-partner {
    gap: 20px;
}

.cdt-partner>.wp-block-column {
    width: calc((100% - 40px) /3);
}

.cdt-partner>.wp-block-column>figure {
    display: flex;
    justify-content: center;
    width: 300px;
    height: 200px;
    max-height: 200px;
    margin: 0 auto;
}

.cdt-partner>.wp-block-column>figure>a {
    display: flex;
}

.cdt-partner>.wp-block-column>figure img {
    margin: 0 auto;
    align-self: center;
}

/* Testimonials */
.cdt-testimonial-list {
    height: 200px;
}

.cdt-testimonial-meta {
    display: none;
}

.cdt-testimonial {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 45px;
    font-weight: 600;
}

.cdt-testimonial-quote {
    width: 780px;
    max-width: 100%;
    text-align: center;
}

.cdt-slideshow-nav {
    position: static;
}

.cdt-slideshow-bullets {
    display: flex;
    position: absolute;
    gap: 10px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cdt-slideshow-bullet {
    display: block;
    box-sizing: border-box;
    width: 10px;
    padding: 0;
    height: 10px;
    border-radius: 5px;
    border: 1px solid var(--white-color);
    background-color: transparent;
    transition: background-color .4s ease-in-out;
    cursor: pointer;
}

.cdt-slideshow-bullet.cdt-slideshow-active {
    background-color: var(--white-color);
}

.cdt-slideshow-btn-prev,
.cdt-slideshow-btn-next {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 19px;
    height: 38px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 20;
}

.cdt-slideshow-btn-prev {
    left: 0;
    background-image: url(/wp-content/themes/cdt/assets/svg/arrow-left-white.svg);
    background-position: center left;
}

.cdt-slideshow-btn-next {
    right: 0;
    background-image: url(/wp-content/themes/cdt/assets/svg/arrow-left-white.svg);
    transform: translateY(-50%) scaleX(-1);
    background-position: center right;
}

/* Kundenfeedback */

.cdt-kundenfeedback h2 {
    margin-bottom: 0;
}

.cdt-kundenfeedback h2:before {
    width: 70px;
    height: 47px;
    background-image: url(https://www.mental-bike-trainer.ch/wp-content/themes/cdt/assets/svg/Quote-Element-weiss.svg);
}

.cdt-kundenfeedback .cdt-testimonial-list {
    height: 350px;
}

.cdt-kundenfeedback .cdt-testimonial {
    flex-direction: column;
    font-size: 20px;
}

.cdt-kundenfeedback .cdt-testimonial .cdt-testimonial-quote {
    margin-bottom: 20px;
    font-weight: 400;
}

.cdt-kundenfeedback .cdt-testimonial-meta {
    display: block;
}


.cdt-kundenfeedback .cdt-testimonial-details {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cdt-kundenfeedback .cdt-testimonial-customer-name {
    order: 2;
    text-transform: uppercase;
}

.cdt-kundenfeedback .cdt-testimonial-customer-addition {
    font-weight: 400;
}



/* Courses Archive */
.cdt-course-archive>.cdt-course-archive__single {
    display: flex;
    margin-bottom: 20px;
    background-color: var(--white-color);
    padding: 5px;
}

.cdt-course-archive>div:nth-of-type(even)>.cdt-course-archive__single-thumbnail,
.cdt-course-archive>div:nth-of-type(odd)>.cdt-course-archive__single-content {
    order: 1;
}

.cdt-course-archive>div:nth-of-type(even)>.cdt-course-archive__single-thumbnail,
.cdt-course-archive>div:nth-of-type(odd)>.cdt-course-archive__single-content {
    order: 2;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-thumbnail,
.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content {
    width: 100%;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>h3 {
    margin: 25px 0 0;
    font-size: 50px;
    font-weight: 600;
    text-transform: uppercase;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>h3:before {
    display: block;
    position: relative;
    content: "";
    width: 130px;
    height: 122px;
    top: 50px;
    left: 50%;
    margin-bottom: 20px;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-road>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Road.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-gravel>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Gravel.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-mountain>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Mountain.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-e-bike>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-E-Bike.svg);
}

.page-id-33 .cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-e-bike.cdt-course-cat-mountain>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-E-Bike.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-e-bike.cdt-course-cat-mountain>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Mountain.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-sport>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Sport.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-beruf>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Beruf.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-alltag>.cdt-course-archive__single-content>h3:before {
    background-image: url(assets/svg/Icon-Alltag.svg);
}

.cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-road.cdt-course-cat-gravel.cdt-course-cat-mountain.cdt-course-cat-e-bike.cdt-course-cat-sport.cdt-course-cat-beruf.cdt-course-cat-alltag.cdt-course-cat-neutral>.cdt-course-archive__single-content>h3:before {
    width: 160px;
    top: 65px;
    background-image: url(assets/svg/Logo-Element.svg);
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>.cdt-course-archive__single-sub-title {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>.cdt-course-archive__single-duration {
    margin: 10px 0 20px;
}

.cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>.cdt-course-archive__single-more>a {
    color: var(--white-color);
    background-color: var(--black-color);
    padding: 5px 40px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

/* Gutschein */
.post-365 .cdt-course-archive__single-duration {
    display: none;
}

.post-365 .cdt-course-archive__single-more {
    margin-top: 58px;
}

.postid-365 .cdt-course-details {
    display: none;
}

/* Anhaenger */
.post-1548 .cdt-course-archive__single-duration {
    display: none;
}

.post-1548 .cdt-course-archive__single-more {
    margin-top: 58px;
}

.postid-1548 .cdt-course-details {
    display: none;
}

/* Archive Single */
.cdt-course-archive__single-thumbnail>img {
    display: none;
}

/* Courses Singular */
.cdt-course>.post-header>.post-thumbnail>img {
    width: 100%;
}

.cdt-course>.post-header>.post-title>h1 {
    margin: 0 0 20px;
    text-align: center;
}

.cdt-course>.post-header>.post-meta {
    display: flex;
    justify-content: center;
}

.cdt-course>.post-header>.post-meta>.cdt-course__subtitle {
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
}

.cdt-course>.post-header>.post-title:before {
    display: block;
    position: relative;
    content: "";
    width: 212px;
    height: 212px;
    top: 10px;
    left: 50%;
    margin-bottom: 20;
    transform: translate(-50%, -50%);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-course.cdt-course-cat-mountain>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Mountain-Kontur.svg);
}

.cdt-course.cdt-course-cat-road>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Road-Kontur.svg);
}

.cdt-course.cdt-course-cat-gravel>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Gravel-Kontur.svg);
}

.cdt-course.cdt-course-cat-e-bike>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-E-Bike-Kontur.svg);
}

.cdt-course.cdt-course-cat-e-bike.cdt-course-cat-mountain>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Mountain-Kontur.svg);
}

.cdt-course.cdt-course-cat-sport>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Sport-Kontur.svg);
}

.cdt-course.cdt-course-cat-beruf>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Beruf-Kontur.svg);
}

.cdt-course.cdt-course-cat-alltag>.post-header>.post-title:before {
    background-image: url(assets/svg/Icon-Alltag-Kontur.svg);
}

.cdt-course.cdt-course-cat-mountain.cdt-course-cat-road.cdt-course-cat-gravel.cdt-course-cat-e-bike.cdt-course-cat-sport.cdt-course-cat-beruf.cdt-course-cat-alltag.cdt-course-cat-neutral>.post-header>.post-title:before {
    width: 350px;
    height: 250px;
    top: 32px;
    background-image: url(assets/svg/Logo-Element-Kontur.svg);
}

.cdt-course .entry-content .cdt-margin-top {
    margin-top: 40px;
}

.cdt-course .entry-content>.wp-block-columns h3 {
    margin: 40px 0 10px;
}

.cdt-course .entry-content>.wp-block-columns ul {
    margin: 0 0 40px;
}

.cdt-course-details {
    display: grid;
    grid-template-areas:
        "content meeting costs"
        "content meeting duration"
        "dates dates dates"
    ;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.cdt-course-details__content,
.cdt-course-details__meeting-place,
.cdt-course-details__costs,
.cdt-course-details__duration,
.cdt-course-details__dates {
    color: var(--white-color);
    padding: 40px;
}

.cdt-course.cdt-course-cat-bike .cdt-course-details__content,
.cdt-course.cdt-course-cat-bike .cdt-course-details__meeting-place,
.cdt-course.cdt-course-cat-bike .cdt-course-details__costs,
.cdt-course.cdt-course-cat-bike .cdt-course-details__duration,
.cdt-course.cdt-course-cat-bike .cdt-course-details__dates {
    background-color: var(--primary-dark-color);
}

.cdt-course.cdt-course-cat-mental .cdt-course-details__content,
.cdt-course.cdt-course-cat-mental .cdt-course-details__meeting-place,
.cdt-course.cdt-course-cat-mental .cdt-course-details__costs,
.cdt-course.cdt-course-cat-mental .cdt-course-details__duration,
.cdt-course.cdt-course-cat-mental .cdt-course-details__dates {
    background-color: var(--primary-color);
}

.cdt-course-details__content {
    grid-area: content;
}

.cdt-course-details__meeting-place {
    grid-area: meeting;
}

.cdt-course-details__costs {
    grid-area: costs;
}

.cdt-course-details__duration {
    grid-area: duration;
}

.cdt-course-details__dates {
    grid-area: dates;
}

.cdt-course-date {
    margin-bottom: 10px;
}

.cdt-course-date__details {
    display: grid;
    /* grid-template-columns: repeat(8, 1fr); */
    gap: 20px;
}

.cdt-course-date__day {
    grid-column: 1 / span 3;
}

.cdt-course-date__dates {
    grid-column: 4 / span 2;
}

.cdt-course-date__times {
    grid-column: 6 / span 2;
}

.cdt-course-date__open-modal {
    grid-column: 8 / span 1;
}

.cdt-course-details h3 {
    margin: 0 0 20px;
    text-transform: uppercase;
}

.cdt-course-details__dates h3 {
    font-family: "Exo", sans-serif;
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

.cdt-course-details__dates h3:before {
    display: block;
    position: relative;
    content: "";
    width: 130px;
    height: 50px;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(assets/svg/Logo-Titel-Element-weiss.svg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-course-date__details {
    border-bottom: 1px solid var(--white-color);
}

.cdt-course-date__details>.cdt-course-date__open-modal {
    padding: 5px 40px;
    margin-bottom: 5px;
    border-radius: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    background-color: var(--white-color);
    color: var(--black-color);
}

.cdt-course-details__meeting-place a {
    color: var(--white-color) !important;
}

/* Modals */
.cdt-modal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: opacity .4s ease-in-out, transform .4s step-start;
}

.cdt-modal:not(.cdt-modal__active) {
    opacity: 0;
    transform: scale(0);
    transition: opacity .4s ease-in-out .4s, transform .4s step-end .4s;
}

.cdt-modal__inner {
    width: 1292px;
    max-width: 100%;
    max-height: 100%;
    padding: 40px 0;
    overflow: auto;
    background-color: var(--white-color);
    color: var(--black-color);
    transition: all .4s ease-in-out .4s;
}

.cdt-modal:not(.cdt-modal__active) .cdt-modal__inner {
    opacity: 0;
    transform: translateY(-100px);
    transition: all .4s ease-in-out;
}


.cdt-modal__content {
    width: 1180px;
    margin: 0 auto;
}

.cdt-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-family: "Khand", sans-serif;
    font-size: 20px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--black-color);
}

.cdt-modal__content h3 {
    margin: 30px 0 0;
    text-align: left;
}

.cdt-course .cdt-modal__content h3:before {
    display: block;
    position: relative;
    content: "";
    width: 90px;
    height: 85px;
    top: 10px;
    left: 50px;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.cdt-course.cdt-course-cat-mountain .cdt-modal__content h3:before {
    background-image: url(assets/svg/Icon-Mountain.svg);
}

.cdt-course.cdt-course-cat-road .cdt-modal__content h3:before {
    background-image: url(assets/svg/Icon-Road.svg);
}

.cdt-course.cdt-course-cat-gravel .cdt-modal__content h3:before {
    background-image: url(assets/svg/Icon-Gravel.svg);
}

.cdt-course.cdt-course-cat-e-bike .cdt-modal__content h3:before {
    background-image: url(assets/svg/Icon-E-Bike.svg);
}

.cdt-course.cdt-course-cat-e-bike.cdt-course-cat-mountain .cdt-modal__content h3:before {
    background-image: url(assets/svg/Icon-Mountain.svg);
}

.cdt-course.cdt-course-cat-neutral .cdt-modal__content h3:before {
    width: 120px;
    background-image: url(assets/svg/Logo-Element.svg);
}

.cdt-modal__content .cdt-course-date__modal-sub-title {
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase
}

.cdt-modal__content .cdt-course-date__modal-meta {
    display: flex;
    margin: 40px 0;
}

.cdt-course-date__modal-meta-date,
.cdt-course-date__modal-meta-time,
.cdt-course-date__modal-meta-duration,
.cdt-course-date__modal-meta-price {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
}

.wpcf7-form .wp-block-columns {
    margin: 0 0 20px;
}

.wpcf7-form .wp-block-columns div:first-child {
    margin-right: 10px;
}

.wpcf7-form .wp-block-columns div:last-child {
    margin-left: 10px;
}

.wpcf7-form p {
    margin: 0;
}

.wpcf7-form p {
    font-size: 18px;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 20px;
    font-family: inherit;
    font-size: 20px;
    background-color: var(--primary-dark-color);
    color: var(--white-color);
    border: none;
    border-radius: 0;
}

textarea {
    height: 100px;
    padding: 10px 20px;
}

.wpcf7-submit {
    padding: 15px 60px;
    margin-bottom: 10px;
    border: none;
    border-radius: 0;
    font-family: "Khand", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--white-color);
    background-color: var(--black-color);
    cursor: pointer;
}

*:focus {
    outline: none;
}

/* Datenschutz, Impressum & AGB */
.page-id-3 .post-header,
.page-id-19 .post-header,
.page-id-58 .post-header {
    width: 1180px;
    margin: 0 auto;
}

.page-id-3 h2:before,
.page-id-58 h2:before {
    display: none;
}

/* Imagefilm Bike */
.cdt-imagefilm {
    display: flex;
    justify-content: center;
    position: relative;
    height: calc(100vh - 117px);
    margin: 0;
    left: 0;
}

.wp-block-video video {
    height: 100%;
    width: auto;
}


/* Responsive Tablet */
@media screen and (max-width: 1180px) {

    .custom-logo {
        height: 65px;
    }

    /* General */
    .main-wrapper>.entry-content {
        width: 807px;
        padding: 0 20px;
        margin: 0 auto;
    }

    /* Frontpage Header */
    .home .main-wrapper>.entry-content>figure:first-of-type {
        position: relative;
        left: 50%;
        margin-left: -50vw;
    }

    .cdt-slogan {
        display: none;
    }

    .page-id-7 .wp-block-image.alignfull {
        margin: 0;
    }

    /* Fonts */
    h1 {
        font-size: 60px;
    }

    h3 {
        font-size: 25px;
    }

    /* Site Footer */
    .site-footer {
        width: 767px;
    }

    .site-footer>#site-footer-widget-area-1 ul,
    .site-footer>#site-footer-widget-area-3 ul {
        display: block;
    }

    .site-footer>#site-footer-widget-area-1 ul>li:not(:last-of-type),
    .site-footer>#site-footer-widget-area-3 ul>li:not(:last-of-type) {
        padding-right: 0;
    }

    .site-footer>#site-footer-widget-area-1 ul>li:not(:first-of-type),
    .site-footer>#site-footer-widget-area-3 ul>li:not(:first-of-type) {
        padding-left: 0;
    }

    .site-footer>#site-footer-widget-area-1 ul>li:not(:last-of-type)::after,
    .site-footer>#site-footer-widget-area-3 ul>li:not(:last-of-type)::after {
        display: none;
    }

    /* Frontpage Header */
    .cdt-services {
        margin-top: 20px;
    }

    .cdt-services>div:first-of-type h1:before {
        height: 100px;
        left: calc((100vw - (100% * 2)) / -2);
        top: 0;
    }

    .cdt-services>div:last-of-type h1:before {
        height: 100px;
        right: calc((100vw - (100% * 2)) / -2);
        top: 0;
    }

    .cdt-services>div:first-of-type h1 {
        margin: 0;
        padding: 30px 40px 0;
    }

    .cdt-services>div:last-of-type h1 {
        margin: 0;
        padding: 30px 0 0 40px;
    }

    .cdt-services::before {
        width: 150px;
        height: 90px;
        top: 123px;
    }

    .cdt-services>div:first-of-type>.cdt-service-icons,
    .cdt-services>div:last-of-type>.cdt-service-icons {
        margin-top: 50px;
        z-index: 4;
    }

    .cdt-services>div:first-of-type>.cdt-service-icons {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .cdt-services>div:last-of-type>.cdt-service-icons {
        justify-content: flex-start;
        padding-left: 20px;
    }

    .cdt-services>.wp-block-column>.cdt-service-icons>.wp-block-column>figure {
        width: 81px;
        height: 75px;
    }

    .cdt-services>div:first-of-type>.cdt-service-icons,
    .cdt-services>div:last-of-type>.cdt-service-icons {
        gap: 10px;
    }

    .wp-block-cover>.wp-block-cover__inner-container>.wp-block-image img {
        width: 100px !important;
    }

    .cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>h3 {
        margin: 10px 0 0;
        font-size: 35px;
    }

    .cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>.cdt-course-archive__single-sub-title {
        font-size: 20px;
    }

    .cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>.cdt-course-archive__single-duration {
        font-size: 18px;
        margin: 10px 0 20px;
    }

    .cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>h3::before {
        width: 65px;
        height: 70px;
        top: 30px;
        margin-bottom: 0;
    }
    
    .cdt-course-archive>.cdt-course-archive__single.cdt-course-cat-road.cdt-course-cat-gravel.cdt-course-cat-mountain.cdt-course-cat-e-bike.cdt-course-cat-sport.cdt-course-cat-beruf.cdt-course-cat-alltag.cdt-course-cat-neutral>.cdt-course-archive__single-content>h3:before {
        width: 80px;
        top: 30px;
        height: 65px;
    }

    .cdt-course-archive>.post-365>.cdt-course-archive__single-content>h3 {
        margin: 30px 0 0;
    }

    .post-365 .cdt-course-archive__single-more {
        margin-top: 20px;
    }

    .wp-block-button__link {
        padding: 10px 40px;
        font-size: 22px;
    }

    /* Modal */
    .cdt-modal__inner {
        width: 100%;
    }

    .cdt-modal__content {
        width: 767px;
    }

    /* Post Archiv */
    .cdt-post-archive {
        gap: 4px;
    }
    

    .cdt-post-archive:before {
        display: block;
        position: absolute;
        content: '';
        width: 100vw;
        height: calc(100% + 60px);
        left: calc((100vw - 100%) / -2);
        top: -30px;
        background-color: var(--grey-color);
        z-index: -1;
        opacity: .5;
    }

    .cdt-post-archive .post-title,
    .cdt-post-archive .post-date {
        display: none;
    }

    .cdt-post_archive__single footer {
        display: block;
    }
    
    .cdt-post_archive__single footer,
    .cdt-post_archive__single .read-more,
    .cdt-post_archive__single .read-more a {
        display: block;
        color: #fff0;
        background: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        z-index: 50;
    }

    .cdt-post-archive .post-thumbnail::after {
        display: none;
    }

    .cdt-post-archive>.cdt-post-archive__more>.cdt-post-archive__more-link {
        padding: 10px 40px;
        font-size: 22px;
    }

    /* Post Single */
    .single .post-footer {
        width: 767px;
    }

    .single .post-footer .cdt-post-gallery-masonry>.cdt-post-gallery-masonry__item {
        margin: 5px;
        width: calc((100% - 30px) /3);
    }

    /* RETO SEITE */
    .page-id-11 .cdt-portrait-bike>div:first-of-type::before {
        left: calc((100vw - 767px) / -2);
    }

    .page-id-11 .cdt-portrait-mental>div:last-of-type::before {
        right: calc((100vw - 767px) / -2);
    }

    .cdt-portrait-bike,
    .cdt-portrait-mental {
        gap: 20px;
    }

    .page-id-11 .cdt-portrait-bike>div>h2,
    .page-id-11 .cdt-portrait-mental>div>h2 {
        font-size: 40px;
    }

    .page-id-11 .cdt-portrait-bike>div:first-of-type>.wp-block-columns,
    .page-id-11 .cdt-portrait-mental>div:last-of-type>.wp-block-columns {
        margin-bottom: 0;
        gap: 15px;
    }

    .page-id-11 .cdt-portrait-bike>div:first-of-type>.wp-block-columns>.wp-block-column,
    .page-id-11 .cdt-portrait-mental>div:last-of-type>.wp-block-columns>.wp-block-column {
        width: 70px;
    }

    .cdt-adjectives {
        margin-bottom: 10px;
        gap: 10px;
    }

    .cdt-adjectives>.wp-block-column>h4 {
        font-size: 20px;
    }

    .cdt-cv {
        display: block !important;
    }

    .cdt-cv>.wp-block-column>h3 {
        margin: 60px 0 0;
    }

    /* SERVICE MAIN */
    .cdt-icons {
        gap: 20px;
    }

    .cdt-icons>.wp-block-column>figure {
        width: 150px;
    }

    .cdt-quote-full {
        padding: 40px 0 !important;
        font-size: 30px;
    }

    /* Steps */
    .cdt-steps>.wp-block-group__inner-container>.wp-block-columns {
        gap: 20px;
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n+1)>div:first-of-type::before {
        left: calc((100vw - 767px) / -2);
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n)>div:last-of-type::before {
        right: calc((100vw - 767px) / -2);
    }

    .cdt-steps>.wp-block-group__inner-container>h3 {
        font-size: 45px;
    }

    .cdt-steps>.wp-block-group__inner-container>div>div>h4 {
        font-size: 40px;
    }

    /* Services Sub */
    .cdt-icon {
        width: 200px;
    }

    .cdt-icon img {
        margin-top: -100px;
    }

    .page-child h1 {
        font-size: 40px;
    }

    .page-child h1 strong {
        font-size: 60px;
    }

    .cdt-boxes>.wp-block-column {
        padding: 20px;
    }

    .cdt-boxes {
        gap: 6px;
        margin-bottom: 6px;
    }

    .cdt-testimonial {
        font-size: 35px;
    }

    .cdt-testimonial-list {
        height: 150px;
    }

    .cdt-testimonial-quote {
        padding: 0 60px;
    }

    .uagb-question {
        font-size: 30px;
    }

    /* FAQs */
    .cdt-faq__list>.cdt-faq .cdt-faq__header>h3::before {
        width: 20px;
        height: 10px;
        top: 25px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type::before {
        width: calc(((100vw - 767px) /2) + 100%);
        left: calc((100vw - 767px) / -2);
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type {
        padding-right: 30px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns>.wp-block-column>h4 {
        font-size: 35px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns {
        gap: 20px !important;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns>.wp-block-column>figure {
        width: 20px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>.wp-block-column .wp-block-columns {
        gap: 5px !important;
    }

    .cdt-partner>.wp-block-column>figure {
        width: 150px;
        height: 150px;
        max-height: 150px;
    }

    /* CTA */
    h2.cdt-cta {
        padding: 40px 0;
    }

    /* Covers (Parallax) */
    .wp-block-cover,
    .wp-block-cover-image {
        min-height: 215px !important;
    }

}






/* Responsive Header  */
@media screen and (max-width: 782px) {

    /* Frontpage Header */
    .cdt-services {
        margin-top: 40px;
    }

    .cdt-services::before {
        display: none;
    }

    .cdt-services>div:first-of-type h1::before {
        width: 100vw;
        height: 75px;
        top: -20px;
        margin-left: -50%;
    }

    .cdt-services>div:last-of-type h1::before {
        width: 100vw;
        height: 75px;
        top: -20px;
        margin-right: -50%;
    }

    .cdt-services>div:first-of-type h1,
    .cdt-services>div:last-of-type h1 {
        padding: 0;
        text-align: center;
    }

    .cdt-services>div:first-of-type>.cdt-service-icons,
    .cdt-services>div:last-of-type>.cdt-service-icons {
        justify-content: center;
        padding: 0;
        margin-top: 25px;
    }
}


/* Responsive Mobile */
@media screen and (max-width: 767px) {
    body {
        font-size: 20px;
        line-height: 1.181818;
    }

    /* Fonts */
    .home h1 {
        font-size: 60px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px;
    }

    .home h2 {
        margin-top: 50px;
    }

    h2:before {
        width: 90px;
        height: 35px;
    }

    h2 strong {
        font-size: 20px;
        display: block;
        line-height: 1.25;
    }

    h2.has-white-color:before {
        width: 90px;
        height: 35px;
    }

    .cdt-kundenfeedback h2.has-white-color:before {
        width: 50px;
        height: 33px;
    }

    /* General */
    .main-wrapper>.entry-content {
        width: 395px;
        padding: 0 10px;
        margin: 0 auto;
    }

    /* Footer */
    .site-footer {
        width: 100%;
        padding: 10px;
    }

    .site-footer>#site-footer-widget-area-4 {
        position: relative;
    }

    .site-footer>#site-footer-widget-area-4>#block-11 {
        width: 120px;
        margin-right: 20px;
    }

    .site-footer>#site-footer-widget-area-4>#block-12 {
        width: 90px;
    }

    .site-footer>#site-footer-widget-area-5>div {
        width: 120px;
    }

    /* Imagefilm Bike */
    .cdt-imagefilm {
        position: relative;
        left: 50%;
        margin-left: -50vw;
        height: auto;
    }
    
    .wp-block-video video {
        width: 100%;
    }

    /* Courses Archiv */
    .cdt-course-archive>.cdt-course-archive__single {
        display: block;
    }

    .cdt-course-archive>.cdt-course-archive__single>.cdt-course-archive__single-content>h3 {
        font-size: 30px;
    }

    /* Course Singel */
    .cdt-course>.post-header>.post-title::before {
        width: 106px;
        height: 106px;
    }

    .cdt-course.cdt-course-cat-mountain.cdt-course-cat-road.cdt-course-cat-gravel.cdt-course-cat-e-bike.cdt-course-cat-sport.cdt-course-cat-beruf.cdt-course-cat-alltag.cdt-course-cat-neutral>.post-header>.post-title:before {
        width: 175px;
        height: 125px;
        top: 15px;
    }

    .cdt-course>.post-header>.post-title>h1 {
        margin: -20px 0 10px;
    }

    .cdt-course>.post-header>.post-meta>.cdt-course__subtitle {
        font-size: 30px;
    }

    /* Frontpage Portrait */
    .cdt-portrait-frontpage {
        gap: 5px;
    }

    .cdt-portrait-frontpage>.wp-block-column {
        width: calc((100vw - 5px) /2);
    }

    .cdt-portrait-frontpage>.wp-block-column>p {
        height: 80px;
        margin-bottom: 0;
        font-size: 22px;
    }

    .cdt-quote {
        font-size: 30px;
    }

    /* Courses Singular */
    .cdt-course-details {
        display: grid;
        grid-template-areas:
            "content "
            "meeting "
            "costs   "
            "duration"
            "dates   ";
        grid-template-columns: 100%;
        gap: 10px;
    }

    .cdt-course-details__content,
    .cdt-course-details__meeting-place,
    .cdt-course-details__costs,
    .cdt-course-details__duration,
    .cdt-course-details__dates {
        padding: 20px;
    }

    .cdt-course-date {
        margin-bottom: 20px;
    }

    .cdt-course-date__details {
        display: block;
    }

    .cdt-course-details__dates h3 {
        font-size: 35px;
    }

    .cdt-course-details__dates h3::before {
        width: 65px;
        height: 35px;
    }

    .cdt-course-date__details>.cdt-course-date__open-modal {
        display: block;
        width: 100%;
        margin: 10px 0 10px;
        padding: 5px 0;
        text-align: center;
    }

    /* Modal */
    .cdt-modal__content {
        width: 375px;
        padding: 0 10px;
    }

    .cdt-modal__content .cdt-course-date__modal-meta {
        display: block;
    }

    .cdt-modal__content .cdt-course-date__modal-meta>div {
        flex-direction: row;
        margin-right: 0;
    }

    .cdt-modal__content .cdt-course-date__modal-meta>div>strong {
        width: 65px;
    }

    .wpcf7-form .wp-block-columns div:first-child {
        margin: 0 0 20px;
    }

    .wpcf7-form .wp-block-columns div:last-child {
        margin-left: 0;
    }

    .wpcf7-submit {
        padding: 10px 40px;
        font-size: 22px;
    }




    /* Post Archiv */
    .cdt-post-archive {
        gap: 2px;
    }

    .cdt-post-archive:before {
        height: calc(100% + 40px);
        top: -20px;
    }

    /* Post Single */
    .single .post-title>h1 {
        margin-bottom: 20px;
        padding: 0 10px;
        hyphens: auto;
    }

    .single .post-meta>.post-date>time {
        font-size: 30px;
    }

    .single .post-footer {
        width: 375px;
    }

    .single .post-footer .cdt-post-gallery-masonry {
        width: calc(100% + 8px);
        margin-left: -4px;
    }

    .single .post-footer .cdt-post-gallery-masonry>.cdt-post-gallery-masonry__item {
        width: calc((100% - 16px) /2);
    }

    .single .post-footer .cdt-post-gallery-masonry>.cdt-post-gallery-masonry__item {
        margin: 4px;
    }

    /* RETO SEITE */
    .page-id-11 .cdt-portrait-bike>div:first-of-type::before {
        width: 100vw;
        left: calc((100vw - 100%) / -2);
    }

    .page-id-11 .cdt-portrait-mental>div:last-of-type::before {
        width: 100vw;
        right: calc((100vw - 100%) / -2);
    }

    .page-id-11 h1 {
        margin-bottom: 10px;
        font-size: 40px;
    }

    .page-id-11 .cdt-portrait-bike>div:first-of-type,
    .page-id-11 .cdt-portrait-mental>div:last-of-type {
        padding: 20px 0;
        justify-content: center;
    }

    .page-id-11 .cdt-portrait-mental>div:last-of-type {
        order: 1;
    }

    .page-id-11 .cdt-portrait-mental>div:first-of-type {
        justify-content: flex-start;
        text-align: left;
        order: 2;
    }

    .cdt-adjectives {
        margin-bottom: 2px;
        gap: 2px;
    }

    .cdt-adjectives>.wp-block-column {
        height: 70px;
    }

    .cdt-adjectives>.wp-block-column>h4 {
        font-size: 18px;
    }

    .cdt-cv>.wp-block-column>.wp-block-columns,
    .cdt-cv>.wp-block-column>.wp-block-columns>.wp-block-column {
        display: block;
    }

    .cdt-cv>.wp-block-column>.wp-block-columns>.wp-block-column>p {
        margin: 0;
    }

    .cdt-cv>.wp-block-column>.wp-block-columns>div:first-of-type>p {
        padding-top: 20px;
    }

    .wp-block-uagb-faq .uagb-faq-questions {
        font-size: 25px;
    }


    /* SERVICE MAIN */
    .cdt-icons {
        margin-top: -40px;
        gap: 20px;
    }

    .cdt-icons>.wp-block-column>figure {
        width: 80px;
    }

    .cdt-quote-full {
        padding: 30px 0 !important;
        font-size: 22px;
    }

    .cdt-steps>.wp-block-group__inner-container>div>div:last-of-type>p,
    .cdt-steps>.wp-block-group__inner-container>div>div>h4,
    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n)>div:first-of-type>p,
    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n+1)>div:first-of-type>h4 {
        text-align: center;
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n+1)>div:first-of-type::before,
    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n)>div:last-of-type::before {
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n+1)>div:first-of-type {
        justify-content: center;
        padding-right: 0;
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n)>div:first-of-type {
        order: 2;
    }

    .cdt-steps>.wp-block-group__inner-container>div:nth-of-type(2n)>div:last-of-type {
        order: 1;
    }

    .cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns {
        display: block;
    }

    .cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>p {
        margin: 0;
    }

    .cdt-mental-prices>.wp-block-group__inner-container>.wp-block-columns>div:first-of-type>p {
        padding-top: 20px;
    }

    /* Services Sub */
    .cdt-icon {
        width: 100px;
    }

    .cdt-icon img {
        margin-top: -50px;
    }

    .page-child h1 strong {
        font-size: 40px;
    }

    .page-child h1 {
        font-size: 25px;
    }

    .cdt-testimonial-quote {
        padding: 0 20px;
    }

    .cdt-testimonial {
        font-size: 22px;
    }

    .cdt-slideshow-btn-prev,
    .cdt-slideshow-btn-next {
        width: 10px;
        height: 25px;
    }

    .wp-block-group.alignfull .wp-block-group__inner-container {
        padding: 20px 10px;
    }

    .cdt-testimonial-list {
        height: 100px;
    }

    .cdt-slideshow-bullets {
        gap: 5px;
        margin-bottom: -10px;
    }

    .cdt-slideshow-bullet {
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }

    .uagb-question {
        font-size: 22px;
    }

    .wp-block-uagb-faq {
        padding: 0;
    }

    .cdt-quote-full>em {
        position: relative;
        font-size: 20px;
        top: 10px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type::before {
        width: 100vw;
        left: 50%;
        margin-left: -50vw;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type {
        display: flex;
        flex-direction: row;
        justify-content: center;
        padding-right: 100px;
    }


    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>div:last-of-type {
        margin-bottom: 0;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type {
        display: block;
        padding: 20px 10px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:last-of-type {
        padding: 0 10px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns>.wp-block-column>h4 {
        font-size: 30px;
        text-align: left;
        margin-bottom: 10px;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:last-of-type>h3 {
        margin: 0;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type>.wp-block-columns>.wp-block-column {
        flex-basis: auto !important;
        flex-grow: 0;
        padding: 0;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content>.cdt-faq__inner>.wp-block-columns>div:first-of-type>.wp-block-columns {
        justify-content: flex-start;
    }

    .cdt-faq__list>.cdt-faq>.cdt-faq__content .wp-block-columns>.wp-block-column>figure {
        margin-bottom: 0;
    }

    .cdt-faq__inner ul {
        margin: 0;
    }



    /* Partner */
    .cdt-partner>.wp-block-column {
        border-bottom: 1px solid var(--black-color);
    }

    .cdt-partner>.wp-block-column>figure {
        align-content: flex-end;
    }

    .wp-block-spacer {
        height: 20px !important;
    }






    /* CTA */
    h2.cdt-cta {
        padding: 30px 0;
        font-size: 22px;
    }

    /* Covers (Parallax) */
    .wp-block-cover,
    .wp-block-cover-image {
        min-height: 110px !important;
    }



}