/*
Theme Name:   Mint Theme Child
Template:     kdgs-mint
Version:      1.0.0
*/


/*** NICHT EINKOMMENTIEREN ***/
/* EINKOMMENTIEREN */


/*** Info: Pixelwerte für den Umbruch der Viewports ***/
/*** 'xs'     => max-width: 575px   ***/
/*** 'sm'     => min-width: 576px   ***/
/*** 'md'     => min-width: 768px   ***/
/*** 'lg'     => min-width: 992px   ***/
/*** 'xl'     => min-width: 1200px  ***/
/*** 'xxl'    => min-width: 1400px  ***/
/*** 'xxxl'   => min-width: 1800px  ***/

/*** Major Typo Breakpoints ***/
/*** 'md'     => min-width: 768px   ***/
/*** 'xl'    => min-width: 1200px  ***/


/********/
/* Typo */
/********/

/* Einbinden der font-family */

@font-face {
    font-family: 'TheSansPlain';
    src: url("fonts/TheSansPlain-Regular.woff2") format('woff2'), url("fonts/TheSansPlain-Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TheSansPlain';
    src: url("fonts/TheSansPlain-Bold.woff2") format('woff2'), url("fonts/TheSansPlain-Bold.woff") format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab';
    src: url("fonts/RobotoSlab-Regular.woff2") format('woff2'), url("fonts/RobotoSlab-Regular.woff") format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab';
    src: url("fonts/RobotoSlab-Bold.woff2") format('woff2'), url("fonts/RobotoSlab-Bold.woff") format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/* Variables */

:root {
    /* General */
    --image-border-radius: 0px;

    /* Font Family */
    --kdgs-font-family-primary: TheSansPlain, sans-serif;
    --kdgs-font-family-secondary: RobotoSlab, sans-serif;
    
    /* Fontsizes */
    --kdgs-font-size-H1-sm: calc(29 / 16 * 1rem);
    --kdgs-font-size-H2-sm: calc(21.7 / 16 * 1rem);
    --kdgs-font-size-H3-sm: calc(19.2 / 16 * 1rem); /* Also used for: Mobile Main nav */
    --kdgs-font-size-H4-sm: calc(17 / 16 * 1rem); /* Also used for: Mobile sub nav */
    --kdgs-font-size-H5-sm: calc(16.3 / 16 * 1rem); /* Also used for: Mobile meta nav */
    --kdgs-font-size-P-sm: calc(15.5 / 16 * 1rem);
    --kdgs-font-size-xl-sm: calc(23.5 / 16 * 1rem);
    --kdgs-font-size-lg-sm: calc(21.2 / 16 * 1rem);
    --kdgs-font-size-md-sm: calc(16.6 / 16 * 1rem);
    --kdgs-font-size-sm-sm: calc(15.2 / 16 * 1rem);
    --kdgs-font-size-xs-sm: calc(15 / 16 * 1rem);

    --kdgs-font-size-H1-xl: calc(96 / 16 * 1rem);
    --kdgs-font-size-H2-xl: calc(56 / 16 * 1rem);
    --kdgs-font-size-H3-xl: calc(42 / 16 * 1rem);
    --kdgs-font-size-H4-xl: calc(30 / 16 * 1rem); /* Also used for: Accordion */
    --kdgs-font-size-H5-xl: calc(26 / 16 * 1rem); /* Also used for: Desktop Main nav */
    --kdgs-font-size-P-xl: calc(22 / 16 * 1rem); /* Also used for: Desktop Sub nav */
    --kdgs-font-size-xl-xl: calc(66 / 16 * 1rem); /* Used for: Header */
    --kdgs-font-size-lg-xl: calc(53 / 16 * 1rem); /* Used for: Zitat Teaser */
    --kdgs-font-size-md-xl: calc(28 / 16 * 1rem); /* Used for: Footer Mails */
    --kdgs-font-size-sm-xl: calc(20 / 16 * 1rem); /* Used for: Desktop Metanav, footer columns, links */
    --kdgs-font-size-xs-xl: calc(19 / 16 * 1rem); /* Used for: Footer impressumm nav, referenzen */
}

/* Custom Variables */

:root {

}
@media screen and (min-width: 768px) {
    :root {

    }
}
@media screen and (min-width: 1200px) {
    :root {

    }
}


/* Font Family */
body, .body {
}
.lead { 
    font-family: var(--kdgs-font-family-secondary);
}
h1, .h1 {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}
h2, .h2 {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}
h3, .h3 {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}
h4, .h4 {
}
h5, .h5 {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}


/* Font Color */

body, .body,
.lead, 
h1, .h1, 
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
    color: var(--c-text-primary);
}
a {
    text-decoration-color: var(--c-link);
}


/* Margins */
h1, .h1 {
    margin-bottom: 0.5em;
}
h2, .h2 {
    margin-bottom: 0.5em;
}
h3, .h3 {
    margin-bottom: 0.5em;
}
.lead {
    margin-bottom: 0.5em;
}
h4, .h4 {
    margin-bottom: 0.5em;
}
h5, .h5 {
    margin-bottom: 0.2em;
}
p {
    margin-bottom: 1em;
}
.lead {
    margin-bottom: 1em;
}


/*** Custom Font Format ***/
.plakativ {
    font-family: var(--kdgs-font-family-secondary);
    font-size: var(--kdgs-font-size-lg);
}
.header {
    font-family: var(--kdgs-font-family-secondary);
    font-size: var(--kdgs-font-size-xl);
}

/**********/
/* Header */
/**********/

/* Logo */
@media screen and (min-width: 1200px) {
    .mod-header .header-wrapper .home-link .img-wrapper {
        max-width: 270px;
    }
}

/* Header farbe */
.mod-header {
    background-color: var(--c-theme-4);
}

/* Desktop Main Navigation */
.mod-header .header-wrapper .main-nav {
    font-family: var(--kdgs-font-family-secondary);
}

/* Desktop Metanavigation */
.mod-header .header-wrapper .meta-nav.above {
    top: 0px;
    background-color: white;
    padding: 7px 25px;
}
/* Mobile Metanavigation */
.mod-header .header-wrapper .mobile-menu .mobile-meta-nav .menu .menu-item a {
    color: white;
}
/* Sticky Button */
a.sticky-button svg {
    fill: var(--c-theme-3);
}
a.sticky-button {
    font-weight: bold;
}


/**********/
/* Footer */
/**********/

/* Underline */
.mod-footer a {
    text-decoration-color: white;
    text-underline-offset: 7px;
}
.mod-footer a:hover {
    text-decoration: none;
}
/* General Fontsize of footer (overwrites body font-size) */
.mod-footer {
    font-size: var(--kdgs-font-size-sm);
}
/*Margin of rows*/
.mod-footer .row-1 {
    margin-bottom: 2em;
}
@media screen and (min-width: 992px) {
    .mod-footer .row-1 {
        margin-bottom: 4em;
    }
}

/* Claim */
.mod-footer .claim > *:last-child {
    margin-bottom: 0px;
}
/* Link Button */
.mod-footer .link {
    color: white;
    background-color: var(--c-theme-3);
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    padding: 0.7em 0.7em 0.7em 3em;
    position: relative;
    transition: all 0.3s;
}
.mod-footer .link:hover {
    background-color: white;
    color: var(--c-theme-3);
    transition: all 0.3s;
}
.mod-footer .link:before {
    position: absolute;
    content: '';
    height: 2em;
    width: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 58.36 45.3'%3E%3Cpath d='M58.34 1.12v-.05c-.02-.09-.04-.19-.08-.29 0-.01 0-.03-.02-.05-.01-.03-.03-.05-.05-.07 0 0-.01-.02-.02-.02a.961.961 0 0 0-.16-.22c-.04-.05-.09-.09-.14-.13-.01 0-.02-.02-.03-.03a.435.435 0 0 0-.07-.06.3.3 0 0 0-.08-.04c-.01 0-.02 0-.03-.01-.06-.03-.12-.06-.18-.08-.07-.02-.15-.04-.23-.05-.06 0-.12 0-.19-.02-.09 0-.18.02-.26.03h-.04c-.03 0-.06 0-.09.01L.89 18.28c-.51.17-.87.64-.89 1.17-.02.54.29 1.04.79 1.25l15.5 6.54 2.36 10.92c.15.68.84 1.14 1.54.99.7-.15 1.14-.84.99-1.54l-2.31-10.69 25.67-16.2-20.02 17.84c-.06.06-.12.12-.16.18l-.02.02s-.03.04-.05.07c-.07.1-.12.22-.16.37 0 .01-.02.03-.02.06l-2.96 14.47c-.11.55.14 1.11.63 1.38a1.293 1.293 0 0 0 1.51-.17l10.88-10.06 10.39 4.67c.33.15.72.15 1.05 0 .33-.15.59-.44.71-.78L58.31 1.66s.01-.07.02-.1v-.04c.02-.1.04-.19.03-.29 0-.03 0-.07-.02-.1ZM47.58 5.74 17.29 24.86l-12.31-5.2 42.6-13.92Zm6.8-.33L44.3 36.61l-16.58-7.44L54.38 5.41ZM31.6 33.75l-7.12 6.58 1.83-8.96 5.29 2.38Z' data-name='Ebene 1' style='fill:%232f3440;stroke-width:0'/%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 0.5em;
}


/**********/
/* Blocks */
/**********/

/*** Header mit Bild breit ***/
.mod-header-mit-bild-breit .container-breakout {
    padding-top: var(--header-height);
}

/*** Header ohne Bild einspaltig ***/
.mod-header-ohne-bild-einspaltig {
    --kdgs-header-padding: 60px;
}
@media screen and (min-width: 768px) {
    .mod-header-ohne-bild-einspaltig {
        --kdgs-header-padding: 100px;
    }
}
@media screen and (min-width: 1200px) {
    .mod-header-ohne-bild-einspaltig {
        --kdgs-header-padding: 120px;
    }
}
.mod-header-ohne-bild-einspaltig .container-breakout {
    padding: calc(var(--kdgs-header-padding) + var(--header-height)) 0 var(--kdgs-header-padding);
}

/*** CPT Archiv ***/
.mod-cpt-archiv .teaser-container .title {
    font-size: var(--kdgs-font-size-H5);
    font-family: var(--kdgs-font-family-secondary);
    margin-bottom: 0.2em;
}
.mod-cpt-archiv .teaser-container {
    hyphens: auto;
}
/* Margin between Title and 3 Tiles */
.mod-cpt-archiv .text-container .text {
    margin-bottom: 1em;
}
/* Change appearance of "Weiterlesen" link */
.mod-cpt-archiv .tile-container .link-wrapper {
    display: flex;
    justify-content: end;
}
/* Add Arrow before Link */
.mod-cpt-archiv .tile-container .link {
    position: relative;
    font-family: var(--kdgs-font-family-secondary);
    color: var(--c-link);
    font-weight: bold;
}
.mod-cpt-archiv .tile-container .link:before {
    content: '';
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

/*** Teaser Gross ***/
.mod-teaser-gross .teaser-wrapper .text-wrapper .link-wrapper {
    justify-content: end;
}
.mod-teaser-gross .teaser-wrapper .text-wrapper .link-wrapper .link {
    text-decoration: none;
    position: relative;
    font-family: var(--kdgs-font-family-secondary);
    color: var(--c-link);
    font-weight: bold;
}
.mod-teaser-gross .teaser-wrapper .text-wrapper .link-wrapper .link:before {
    content: '';
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

/*** Text (mit Zusätzliche Custom CSS Klasse "logo") ***/
.mod-text.logo .row {
    justify-content: center;
}
.mod-text.logo .container-breakout {
    margin-top: 8em;
}
.mod-text.logo .text {
    position: relative;
}
.mod-text.logo .text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -120%);
    width: 6em;
    height: 6em;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_2' data-name='Ebene 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.71 76.46'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23163a64; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cg id='Gruppe_269' data-name='Gruppe 269'%3E%3Cg id='Gruppe_268' data-name='Gruppe 268'%3E%3Cpath id='Pfad_262' data-name='Pfad 262' class='cls-1' d='M33.26,21.41c2.36-9.77,10.43-16.32,13.93-18.77,1.45,1.61,6.18,9.18,4.2,18.51-.96,4.55-5.08,14.83-13.75,21.14l-.09.06,1.38,3.51.16-.15c.09-.08,8.68-8.13,12.08-14.32,3.37-6.14,4.25-10.85,3.35-17.98C53.67,6.77,47.78.15,47.72.09l-.08-.09-.1.06c-.12.06-12.24,6.94-16.29,17.03-5.5,13.71,2.43,28.14,2.51,28.28l.11.19,2.68-3.46-.04-.09c-.06-.11-5.54-11.08-3.25-20.61'/%3E%3Cpath id='Pfad_263' data-name='Pfad 263' class='cls-1' d='M18.79,30.1c-2.95-.97-6.05-1.43-9.16-1.38-1.7,0-3.4.11-5.08.36l-.1.02-.02.11c-.02.13-2.01,13.57,3.81,22.33,4.1,6.17,12.35,7.1,16.9,7.1,1.32,0,2.64-.07,3.95-.24l.19-.03-1.28-2.95h-.1s-.22.01-.62.01c-2.52,0-11.14-.39-16.04-5.41-4.17-4.26-4.95-12.53-4.87-18.71v-.28c.8-.16,1.62-.23,2.43-.22,4.74,0,11.32,2.12,14.75,6.17l.28.33c2.43,2.86,4.53,5.33,4.85,16.86v.1l2.74.99.02-.19c0-.09.76-9.45-2.56-16.06-2.54-5.05-4.81-7.05-10.1-8.9'/%3E%3Cpath id='Pfad_264' data-name='Pfad 264' class='cls-1' d='M75.59,33.14c-2.92-.74-5.92-1.11-8.94-1.1-4-.08-7.96.75-11.59,2.42-12.57,6.07-18.14,21.28-18.2,21.44l-.07.21,3.65-.22.04-.08c.06-.13,6.18-12.5,13.83-17.82,4.25-2.96,9.74-3.58,13.6-3.58,1.86-.01,3.72.15,5.55.48-.61,4.4-5.86,12.78-11.03,16.1-4.32,2.77-11.13,6.08-19.04,6.08-.91,0-1.83-.05-2.73-.14h-.11s-1.32,3.57-1.32,3.57h.2c.32.03.67.04,1.07.04h0c5.56-.14,11.07-1.17,16.3-3.05,8.14-3.18,11.04-6.61,14.03-10.76,2.87-3.93,4.57-8.59,4.88-13.44v-.11l-.12-.03Z'/%3E%3Cpath id='Pfad_265' data-name='Pfad 265' class='cls-1' d='M34.29,64.1c1.52-5.27,2.41-16.13,2.41-16.13h-.99s-4.47,9.54-5.67,15.81c-.11.58-.21,1.21-.3,1.87-.25,0-.5-.01-.74,0-15.41.06-28.99,6.48-28.99,6.48l1.38,1.22c10.48-3.92,19.62-4.42,28.02-4.06-.33,3.75-.41,7.19-.41,7.19h2.01s.87-3.13,1.92-6.93c7.65.8,15.93,2.78,19.49,4.18l4.29-.13s-10.51-6.27-22.92-7.62c.17-.61.35-1.29.51-1.88'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");    background-size: contain;
    background-repeat: no-repeat;
}

/*** Video ***/
@media only screen and (min-width: 768px) {
    .mod-video-lightbox .img-wrapper .content .icon-wrapper .svg-icon {
        height: 80px;
        width: 80px;
    }
}
@media only screen and (min-width: 992px) {
    .mod-video-lightbox .img-wrapper .content .icon-wrapper .svg-icon {
        height: 140px;
        width: 140px;
    }
}
.mod-video-lightbox .img-wrapper .content .title {
        font-size: var(--kdgs-font-size-H4);
        font-family: var(--kdgs-font-family-secondary);
        font-weight: bold;

}

/*** Accordion ***/
/* Fix margin of accordion item title */
.header-title {
    margin-bottom: 0;
}
/* Fix Button Padding (top, bottom) */
.mod-accordion .accordion .accordion-item .accordion-header .accordion-button {
    padding: 26px 20px 26px 0;
}
.mod-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
    display: initial;
}
.accordion {
    --bs-accordion-btn-icon: url('/wp-content/themes/kdgs-mint-child/icons/angle-up.svg');
    --bs-accordion-btn-active-icon: url('/wp-content/themes/kdgs-mint-child/icons/angle-up.svg');
    --bs-accordion-btn-icon-width: 2rem;
    --bs-accordion-border-width: 2px;
}
.mod-accordion .indicator {
    display: none;
}
.mod-accordion .accordion .accordion-item .accordion-header {
    font-size: var(--kdgs-font-size-H4);
}

/*** Links ***/
.mod-links .link {
    color: var(--c-link);
    font-size: var(--kdgs-font-size-H3);
    font-family: var(--kdgs-font-family-secondary);
    font-weight: bold;
    position: relative;
    margin-left: 1.7em;
}
.mod-links .link:before {
    content: '';
    position: absolute;
    width: 1.3em;
    left: -1.7em;
    height: 0.76em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.mod-links .container-breakout {
    padding: 15px 0;
}

/* Kacheln Text und Link */
.mod-kacheln-text-und-link .link-wrapper {
    color: var(--c-link);
}
.mod-kacheln-text-und-link .link-text {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}
@media screen and (min-width: 1400px) {
    .mod-kacheln-text-und-link .row {
        --bs-gutter-x: 6.5rem;
    }
}
@media screen and (min-width: 992px) {
    /* Custom CSS class ".anzahl-spalten-lg-4" which results in 4 columns on large screens instead of 3 */
    .mod-kacheln-text-und-link.anzahl-spalten-lg-4 .col-lg-4 {
        width: 25%;
    }
}

/* Blog */
.mod-blog .title {
    font-size: var(--kdgs-font-size-H4);
}
.mod-blog .fake-link {
    color: var(--c-link);
    text-decoration: none;
    font-weight: bold;
    position: relative;
    margin-left: 2.5em;
}
.mod-blog .fake-link:before {
    content: '';
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

/* Blog Single Post */
.single-post .mod-header {
    background-color: white;
}
.mod-single-post {
    margin-top: 3em;

}
.mod-single-post .pagetitle {
    font-size: var(--kdgs-font-size-H2);
}
.mod-single-post .backlink {
    color: var(--c-link);
    text-decoration: none;
    font-weight: bold;
    position: relative;
    margin-left: 2.5em;
}
.mod-single-post .icon-wrapper {
    display: none;
}
.mod-single-post .backlink:before {
    content: '';
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

/* Teaser mit Bild */
@media only screen and (min-width: 1200px) {
    .mod-teaser-mit-bild .teaser-wrapper .img-wrapper {
        margin: -50px 25px 50px 50px;
    }
    .mod-teaser-mit-bild .teaser-wrapper .text {
        margin: 50px 50px 50px 25px;
    }
}
/* Link padding */
.mod-teaser-mit-bild .teaser-wrapper .link-wrapper {
        padding: 0 15px 0 55px;
    }
@media only screen and (min-width: 768px) {
    .mod-teaser-mit-bild .teaser-wrapper .link-wrapper {
        padding: 0 50px 0 110px;
    }
}
.mod-teaser-mit-bild .teaser-wrapper .link {
    text-decoration: none;
    position: relative;
    font-family: var(--kdgs-font-family-secondary);
    color: var(--c-link);
    font-weight: bold;
}
.mod-teaser-mit-bild .teaser-wrapper .link:before {
    content: '';
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
/* Border */
.mod-teaser-mit-bild .teaser-wrapper {
        border: 3px solid;
    }
@media only screen and (min-width: 768px) {
    .mod-teaser-mit-bild .teaser-wrapper {
        border: 4px solid;
    }
}

/* Referenzen */
.mod-accordion-mit-readmore .item .right-col .text-wrapper .text {
    margin-right: 4em;
}
.mod-accordion-mit-readmore .svg-icon {
    width: 2em;
}

/* Zweispaltig mit Links */
.mod-zweispaltig-mit-links .link {
    font-size: var(--kdgs-font-size-sm);
    color: var(--c-link);
    font-family: var(--kdgs-font-family-secondary);
    margin-bottom: 0.3em;
}
.mod-zweispaltig-mit-links .link .a-image img {
    height: 1.3em;
    max-width: 1.1em;
}
.mod-zweispaltig-mit-links .link .link-title {
    margin-left: 1.8em;
}



/*****************/
/* CPT Aktuelles */
/*****************/

.mod-single-aktualität .date {
    margin-top: 40px;
    margin-bottom: 0.2em;
}
@media screen and (min-width: 768px) {
    .mod-single-aktualität .date {
        margin-top: 100px;
    }
}
@media screen and (min-width: 1200px) {
    .mod-single-aktualität .date {
        margin-top: 150px;
    }
}

.mod-single-aktualität .title {
    font-size: var(--kdgs-font-size-H2);
    margin-bottom: 0.2em;
}


/***********/
/* Plugins */
/***********/

/* Teams Single Page */
/***************/

/* Header Styling */
.single-kdgs_member .mod-header {
    background-color: white;
}
.kdgs-team-single-content {
    margin-top: 3em;
}

/* H1 style not working Fix (because plugin style gets loaded after parent style) */
.kdgs-team-single-content h1 {
    font-size: var(--kdgs-font-size-H4) !important;
    line-height: 1.25 !important;
    margin-bottom: 0em !important;
}
.kdgs-team-single-content .funktion {
    font-size: var(--kdgs-font-size-H4) !important;
    margin-bottom: 1em !important;
}
@media only screen and (min-width: 992px) {
    .kdgs-team-single-content .funktion {
        margin-bottom: 1.5em !important;
    }
}

/* Green Links */
.kdgs-team-single-content .links {
    margin-bottom: 2em;
}
@media only screen and (min-width: 992px) {
    .kdgs-team-single-content .links {
        margin-bottom: 5em
    }
}
.kdgs-team-single-content .links a {
    display: block;
    margin-bottom: 0;
    text-decoration: none;
    font-size: var(--kdgs-font-size-sm);
    color: var(--c-link);
    position: relative;
    margin-left: 2em;
}
.kdgs-team-single-content .links a:before {
    content: '';
    position: absolute;
    width: 1.3em;
    left: -2em;
    height: 0.8em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

/* Beschreibung */
.kdgs-team-single-row .beschreibung {
    margin-bottom: 2em;
}

/* table styling */
.kdgs-team-single-description .table td {
    color: var(--c-theme-1);
    padding: 20px 0 15px;
}
.kdgs-team-single-description .table td {
    width: initial; 
}
.kdgs-team-single-description .table td:first-child {
    width: 30%;
    font-weight: bold;
}
.kdgs-team-single-description .table tr { /* border styling */
    border-color: var(--c-theme-1);
    border-width: 0 0 1px;
}
.kdgs-team-single-row .table {
    margin-top: 0.5em;
    margin-bottom: 3em;
}

/* Zur Übersicht */
.kdgs-team-single-row .zurueck {
    margin: 6em 0 10em;
}
.kdgs-team-single-row .zurueck a {
    font-family: 'CamptonSemiBold', sans-serif;
}

/* Bild */
.kdgs-team-single-content .team-image img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    padding: initial;
}
/* Linke Spalte Margin */
.kdgs-team-single-content .col-wrapper {
        margin-right: 4em;
        margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
    .kdgs-team-single-content .col-wrapper {
        margin-right: 12em;
    }
}
@media screen and (min-width: 992px) {
    .kdgs-team-single-content .col-wrapper {
        margin-right: 4em;
    }
}
@media screen and (min-width: 1200px) {
    .kdgs-team-single-content .col-wrapper {
        margin-right: 5em;
    }
}
@media screen and (min-width: 1400px) {
    .kdgs-team-single-content .col-wrapper {
        margin-right: 6em;
    }
}
/* Underline "Über uns" menu item if you are on a teams single page */
.single-kdgs_member .header-wrapper .main-nav .menu .menu-item a[title="Über uns"] {
    text-decoration: underline;
}
.single-kdgs_member .header-wrapper .main-nav .menu .menu-item .sub-menu .menu-item a[title="Team"] {
    font-weight: bold;
}


/* Teams Übersicht Seite */
/*************************/
.kdgs-team-item {
    margin-bottom: 5em;
}
.mod-team .team-image {
    padding-top: 133%;
}
.mod-team .item-wrapper {
    max-width: 350px;
    /* Align Link at Bottom */
    height: 100%;
    display: flex;
    flex-direction: column;
}
/* Übersicht "Bild, Name, Funktion, Email" */
.mod-team .team-content {
    margin-top: 2em;
}
/* Make it so that when a mail spills over, it's truncated by a hyphen */
.mod-team .team-content {
    overflow-wrap: break-word;
    hyphens: auto;
}
.mod-team .team-name {
    margin-bottom: 0;
}
.mod-team a {
    text-decoration: none;
}
.mod-team .team-funktion {
    font-size: var(--kdgs-font-size-H5);
    font-family: var(--kdgs-font-family-secondary);
    margin-bottom: 0.3em;
}
.mod-team .team-link {
    margin-bottom: 1em;
    margin-left: 2.5em;
    color: var(--c-text-tertiary);
    position: relative;
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
    /* Align Link at Bottom */
    margin-top: auto;
}
.mod-team .team-link:before {
    content: '';
    position: absolute;
    width: 2em;
    left: -2.5em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Ebene 2' viewBox='0 0 44.12 25.95' fill='%235db388'%3E%3Cpath d='m31.15 0-2.13 2.12 9.44 9.44H0v3h38.29l-9.27 9.27 2.13 2.12 12.97-12.98L31.15 0z' data-name='Ebene 1'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}
.mod-team .team-email {
    text-decoration: underline;
    text-decoration-color: var(--c-text-tertiary);
    text-underline-offset: 7px;
    margin-bottom: 1em;
}

/* Ninja Forms */
:root {
    --kdgs-nf-border-radius: 0px;
    --kdgs-button-color-primary: var(--c-link);
    --kdgs-button-border-radius: 0px;
    --kdgs-nf-bg-color: var(--c-theme-4);
}
.nf-form-cont .nf-form-content input[type=submit] {
    font-weight: bold;
    font-family: var(--kdgs-font-family-secondary);
}
.nf-form-content {
    padding: 10px !important;
}
@media screen and (min-width: 768px) {
    .nf-form-content {
        padding: 50px !important;
    }
}
@media screen and (min-width: 1200px) {
    .nf-form-content {
        padding: 90px !important;
    }
}