/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LOKALE EINBINDUNG (GOOGLE) FONTS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* dm-serif-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/dm-serif-display-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-serif-display-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/dm-serif-display-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* josefin-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 200;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 200;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/josefin-sans-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* mea-culpa-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mea Culpa';
  font-style: normal;
  font-weight: 400;
  src: url('https://barbara-lerch.innsiders.dev/wp-content/themes/barbaralerch-child/fonts/mea-culpa-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / GENERAL / ALLGEMEIN */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:root {
    /* colors */
    --soft-beige: #f7f1ee;
    --strong-beige: #dbd1cc;
    --soft-black: #222222;
    --black: #000000;
    --white: #FFFFFF;
    
    /* linear-gradients */
    
    
    /* font-sizes */
    --base-font: 1.25rem;
    
    /* line-height */
    --body-line-height: 1.3;
    --headline-line-heigt: 1.2;
    
}
@media only screen and (max-width: 640px){
    :root {
        --base-font: 1.0rem;
}   
}

/* ---- IMGS / PICS / BILDER ---- */
.pic-shadow img{
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SECTIONS & ROWS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---- SECTIONS ----*/
section.vc_section,
section.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section{
    padding-top: 9.5rem;
    padding-bottom: 9.5rem;
    margin-top: 0!important;
}
@media only screen and (max-width: 600px){
    section.vc_section,
	section.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section{
    padding-top: 4.5rem/*!important*/;
    padding-bottom: 4.5rem/*!important*/;
}
}
@media only screen and (max-width: 1050px){
    section.vc_section.small-padding-top{
    padding-top: 5rem;
}
}
section.vc_section.soft-beige{
    background-color: var(--soft-beige);
	padding-top: 7rem;
    padding-bottom: 7rem;
}

section.vc_section.soft-beige.highlight{
    position: relative;
    overflow: visible;
}
section.vc_section.soft-beige.highlight.second{
	margin-top: 9.5rem!important;
}
@media only screen and (max-width: 1050px){
    section.vc_section.soft-beige.highlight.second{
	margin-top: 50px!important;
}
}
section.vc_section.soft-beige.highlight::before{
    content: '';
	position: absolute;
    display: block;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    z-index: 2!important;
    width: 100%;
    min-width: 140px;
	width: 140px;
	height: 140px;
	background-image: url(https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/kreis-mit-stern.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
section.vc_section.soft-beige.highlight.signet::before{
	background-image: url(https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/kreis-mit-signet.svg);
}

/* --- ROWS --- */
section.vc_section.content_rows > .vc_row{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
@media only screen and (max-width: 780px){
	section.vc_section.content_rows > .vc_row{
    width: 100%;
}
    section.vc_section.content_rows .vc_column-inner{
    padding: 0px 35px;  
}
	section.vc_section.soft-beige.highlight::before,
    section.vc_section.soft-beige.highlight.signet::before{
    width: 100%;
    min-width: 100px;
	width: 100px;
	height: 100px;
	}
}

/*------------- SECTION-SPLIT ----------------*/
.split,
.split .wpb_column,
.split .vc_column-inner,
.split .text-column {
    height: 100%;
    max-height: 1000px;
}
/* Row in einer fullwidth-Section width 100% */
.vc_section.split > .vc_row {
    width: 100%;
}
.split {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0 !important;
}
.split .text-column .vc_column-inner {
    display: flex;
    align-items: center;
}
.split .vc_column-inner {
    padding: 0;
}
.split .image-column{
    height: 100%;
    display: flex!important;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
    justify-items: stretch;
}
.split .image-column *{
    height: 100%;
}
.split .image-column {
    width: 50%;
    overflow: hidden;
    flex: 1;
    height: 100%;
}
.split .image-column img{
    height: 100%!important;
    object-fit: cover;
    object-position: top center;
}

/* Bild Hochformat lassen und nicht auf volle Breite stretchen, aber dafür mit Pattern auffüllen*/
/*.vc_ section.split[data-vc-full-width="true"] .image-column .wpb_single_image {
    --dot-bg: var(--soft-beige);
    --dot-color: #222;
    --dot-size: 1px;
    --dot-space: 25px;
    background: linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);
}
*/

/* Bild auf width 100% */
.vc_section.split[data-vc-full-width="true"] .image-column .wpb_single_image * {
    width: 100%;
}
.split.about-section .image-column img{
    object-fit: cover;
    object-position: center center;
}
@media only screen and (max-width: 2100px){
    .split.about-section .image-column *{
    width: 100%;
}
}
.split .wpb_wrapper .wpb_single_image {
    margin: 0;
}
.split .text-column {
    width: 50%;
    padding: 100px 80px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.split.about-section .text-column {
	background-color: var(--soft-beige);
}
.split .text-column > * {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
}
.headline.headline-xl{
    position: relative;
}
.split.start-section
.split.start-section .text-column h1 {
    line-height: 1em;
    margin-bottom: 20px !important;
    text-transform: uppercase;
}
.split.start-section .text-column h1::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 1px;
    left: -1225px;
    width: 1200px;
    height: 50px;
    background-image: url("https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/stern-slide.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.split .text-column h3{
    margin-bottom: 10px!important;
}
.split.start-section .text-column p {
    margin-bottom: 20px !important;
}

/* ---- */

@media only screen and (max-width: 1050px){
    .section-start {
        flex-direction: column;
    }
    .split {
        max-height: inherit;
    }
    .split .vc_col-sm-6 {
       width: 100%;
    }
    .split .vc_row {
        display: flex;
        flex-direction: column;
    }
    .split .vc_column-inner,
    .split .text-column{
        height: auto;
        max-height: inherit;
    }
    .split .text-column {
        padding: 70px 70px!important;
    }
}

/*--------- pic-column -----------*/
.vc_section.split.pic-col{
    margin-left: -20px;
    margin-right: -20px;
}
.vc_section.split.pic-col .vc_row{
    margin-left: 0px;
    margin-right: 0px;
}
.split.pic-col .text-column p {
    margin-bottom: 20px!important;
}
.split.pic-col .text-column{
    position: relative;
}
.split.pic-col .text-column *{
    position: static;
}
.split.pic-col .counter p{
    margin:0 0!important;
}
.split.pic-col .counter{
    position: absolute;
    bottom: 0;
}
.split.pic-col .counter *{
    line-height: 1!important;
}
.vc_section:has(.split.pic-col){
    padding: inherit!important;
}
@media only screen and (max-width: 1050px){
    .split.pic-col{
        flex-direction: column;
    }
    .split.pic-col .wpb_single_image{
        text-align: center;
    }
}
@media only screen and (min-width: 1051px){
    .split.pic-col,
.split.pic-col .vc_row{
    margin: 0 0;
    }
}

/*----------- pic-column-reverse -------------*/
.split.pic-col.reverse .vc_row{
    padding: 6rem 0;
}
@media only screen and (max-width: 1050px){
    .split.pic-col.reverse .vc_row{
        flex-direction: column-reverse;
        padding: 70px 0;
    }
}

/*------------- START-SECTION ---------------- */
/*section.vc_section.content_rows{
    padding: 3rem 0;
}*/
/*
.start-section,
.start-section .wpb_column,
.start-section .vc_column-inner,
.start-section .text-column {
    height: 100%;
}
.start-section {
    display: flex;
    min-height: 100%;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0 !important;
}
.start-section .text-column .vc_column-inner {
    display: flex;
    align-items: center;
}
.start-section .vc_column-inner {
    padding: 0;
}
.start-section .wpb_wrapper .wpb_single_image {
    margin: 0;
}
.start-section .text-column {
    width: 50%;
    padding: 100px 40px !important;
    background-color: #fefaf8;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.start-section .image-column {
    width: 50%;
    overflow: hidden;
    flex: 1;
    height: 100%;
}
.start-section .image-column img {
    width: 100%;
    height: 100%!important;
    object-fit: cover;
}
.start-section .text-column h1 {
    line-height: 1em;
    margin-bottom: 20px !important;
    text-transform: uppercase;
}
.start-section .text-column p {
    margin-bottom: 20px !important;
}
.start-section .text-column::before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 27%;
    transform: translateY(-27%);
    width: 150px;
    height: 50px;
    background-image: url("https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/stern-slide.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.start-section .text-column > * {
    max-width: 615px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 781px) {
    .start-section {
        flex-direction: column;
    }
    .start-section .text-column,
    .start-section .image-column {
        width: 100%;
    }
    .start-section .text-column {
        padding: 40px 20px;
    }
}
*/

/*------------------------- ABOUT-SECTION ----------------------------*/
/*.soft-beige.about-section {
    padding: 0 !important;
}
.soft-beige .wpb_wrapper .wpb_single_image {
    margin: 0;
}
*/

/*.about-section .vc_row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0;
    min-height: 600px;
}
.about-section .vc_column_container {
    flex: 1;
}
.about-section .vc_column-inner {
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 100%;
}
.about-section .vc_column_container:nth-child(1) .wpb_single_image {
    flex: 1;
    margin: 0;
    max-height: 100%;
}
.about-section .vc_column_container:nth-child(1) .wpb_single_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-section .vc_column_container:nth-child(2) .vc_column-inner {
    justify-content: center;
    padding: 60px 120px;
}
.about-section .vc_column_container:nth-child(2) .vc_column-inner h3 {
    line-height: 1.2em;
    margin-bottom: 20px!important;
}
@media screen and (max-width: 768px) {
    .about-section .vc_row {
        flex-direction: column;
        min-height: auto;
    }
    .about-section .vc_column-inner {
        height: auto;
    }
    .about-section .vc_column_container:nth-child(1) .wpb_single_image,
    .about-section .vc_column_container:nth-child(1) .wpb_single_image img {
        height: auto;
    }
    .about-section .vc_column_container:nth-child(2) .vc_column-inner {
        padding: 40px 20px;
    }
    .about-section .vc_column_container:nth-child(1) .vc_column-inner {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 0;
    }
}
*/

 /*--------- Kontaktformular -----------*/
.ginput_container input,
.ginput_container textarea {
    background: none!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    border-bottom: 1px solid var(--soft-black)!important;
    box-shadow: none!important;
    border-radius: 0!important;
}
.gform-body .gfield_label,
.gform-body .gfield_required {
    color: var(--soft-black)!important;
    font-size: calc(1.1 * var(--base-font))!important;
	font-size: clamp(calc(var(--base-font) * 0.7), 3.5vw, calc(var(--base-font) * 1.1));
}
.gfield.gfield--type-checkbox .ginput_container input {
    border: 1px solid var(--soft-black)!important;
    width: 20px;
    height: 20px;
}
.gfield.gfield--type-checkbox .ginput_container input:checked {
    background: none!important;
}
.gfield-choice-input::before {
    scale: 1.3;
    color: var(--soft-black)!important;
}
.gform_button.button {
    font-family: "Josefin Sans";
    font-weight: 400!important;
    font-size: var(--base-font)!important;
    padding: 20px 20px 15px 20px!important;
    transition-duration: 0.3s!important;
    text-transform: uppercase!important;
    line-height: 1.0!important;
    color: var(--soft-black)!important;
    border: 1px solid var(--soft-black)!important;
    background: none!important;
}
.gform_button.button:hover {
    background-color: var(--strong-beige)!important;
}
.gform-field-label {
    font-family: "Josefin Sans"!important;
    font-weight: 400;
    color: var(--soft-black)!important;
    font-size: calc(0.8 * var(--base-font))!important;
}
.gform-field-label a{
    color: var(--soft-black);
}
.gchoice.gchoice_1_8_1{
    margin-bottom: 30px;
}
.gform_required_legend{
    font-family: "Josefin Sans"!important;
    font-weight: 400;
    color: var(--soft-black)!important;
    font-size: calc(0.8 * var(--base-font))!important;
}
.gfield_required{
    color: var(--soft-black)!important;
}
/*---------*/
.soft-beige.highlight.signet.kontakt{
    padding-top: 12rem;
}
@media only screen and (max-width:1100px){
	.soft-beige.highlight.signet.kontakt{
    padding-top: 6rem;
}
}
.kontakt .kontaktdaten {
    border: 1px solid var(--soft-black);
    padding: 4rem;
}
.kontakt .kontaktdaten .headline-s{
    font-size: clamp(calc(var(--base-font) * 1.1), 3.5vw, calc(var(--base-font) * 1.25));
    margin-bottom: 5px;
	line-height: 1.8rem!important;
}
.kontakt .wpb_single_image {
    border: solid var(--soft-black);
    border-width: 0px 1px 1px 1px;
    margin-bottom: 0px;
}
.kontakt .kontaktdaten .headline-s:not(:first-of-type){
    margin-top: 60px;
}
.kontakt .vc_row .vc_col-sm-6:last-child{
    padding-left: 8rem;
}
.kontakt .vc_row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width:1100px){
    .kontakt .vc_col-sm-6 {
    width: 100%;
}
    .kontakt .vc_row .vc_col-sm-6:last-child .vc_column-inner > .wpb_wrapper{
    flex-direction: column-reverse;
}
    .kontakt .wpb_single_image {
        margin-top: 72px;
        border-width: 1px 1px 0px 1px;
}
    .kontakt .vc_row .vc_col-sm-6:last-child{
        padding-left: 0rem;
}
    .kontakt .kontaktdaten .headline-s:not(:first-of-type){
    margin-top: 40px;
}
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column{
    margin-bottom: 0;
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: "Josefin Sans";
    font-weight: 400;
    font-size: var(--base-font);
	color: var(--soft-black);
}
/*--- list ---*/
.wpb_text_column ul {
    margin: 0 0;
}
.wpb_wrapper ul li{
    list-style: none;
    padding-left: 35px;
    position: relative;
    display: inherit!important;
	line-height: 1.6;
}
.wpb_text_column ul li::before{
	content: '';
	position: absolute;
    display: block;
    width: 100%;
    min-width: 25px;
	width: 25px;
	height: 25px;
	background-image: url(https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/stern-simple.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}
.wpb_text_column p {
    line-height: 1.3;
}
.wpb_text_column strong{
    color: var(--soft-black);
    font-weight: 600;
}
.wpb_text_column p a{
    color: var(--soft-black);
	text-decoration: underline;
}
.wpb_text_column p a:hover{

}
.wpb_text_column.introduction-text *{
    font-family: "Josefin Sans";
    font-weight: 400;
    line-height: 1.35;
    color: var(--soft-black);
    font-size: calc(var(--base-font) * 1.1);
}
.wpb_text_column li::marker{
    color: var(--soft-black);
}
.wpb_text_column ul{
    list-style-type: disc;
}

/* ----- ZITAT ----- */
.wpb_text_column.zitat p{
    font-family: 'Josefin Sans';
    font-weight: 200;
	font-style: italic;
    line-height: 1.2;
    color: var(--soft-black);
	font-size: clamp(calc(var(--base-font) * 1.4), 4vw, calc(var(--base-font) * 1.6));
}
/* ----- UNTERSCHRIFT ----- */
.wpb_text_column.unterschrift p{
    font-family: 'Mea Culpa';
    font-style: normal;
    font-weight: 400;
    color: var(--soft-black);
	font-size: clamp(calc(var(--base-font) * 1.8), 5.5vw, calc(var(--base-font) * 2.8));
	margin-top: 1rem;
}
/* ----- HEADLINES ----- */
.wpb_text_column.headline *{
    font-family: "Dm Serif Display";
	font-weight: 400;
    color: var(--soft-black);
    line-height: 1em;
	text-transform: uppercase;
}
.wpb_text_column.headline-xl * {
	font-size: clamp(calc(var(--base-font) * 1.8), 5.5vw, calc(var(--base-font) * 2.75));
}
.wpb_text_column.headline-l * {
	font-size: clamp(calc(var(--base-font) * 1.6), 4.5vw, calc(var(--base-font) * 2.5));
}
/*--------- headline-l underline -----------*/
.headline-l.underline {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center!important;
    align-content: center!important;
    justify-content: center!important;
    justify-items: center!important;
    margin-bottom: 45px;
}
.headline-l.underline::after{
    content: "";
    background-color: var(--soft-black);
    position: absolute;
    bottom: -45Px;
    display: block;
    width: 100%;
    height: 1px;
}
.headline-l.underline::before{
    content: "";
    position: absolute;
    bottom: -73px;
    display: block;
    width: 56px;
    height: 56px;
    background-image: url("https://www.barbara-lerch.innsiders.dev/wp-content/uploads/svgs/stern-simple.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media only screen and (max-width: 700px){
    .headline-l.underline::before{
        bottom: -57px;
        width: 46px;
        height: 46px;
    }
    .headline-l.underline::after{
        bottom: -35px;
    }
    .headline-l.underline{
        margin-bottom: 35px;
    }
}
.wpb_text_column.headline-m * {
	font-family: "Josefin Sans";
	font-weight: 700;
	font-size: clamp(calc(var(--base-font) * 1.4), 4vw, calc(var(--base-font) * 1.75));
	line-height: 1.2em;
}
.wpb_text_column.headline-s *{
	font-family: "Josefin Sans";
	font-weight: 700;
	font-size: clamp(calc(var(--base-font) * 1.1), 3.5vw, calc(var(--base-font) * 1.25));
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------- Buttons general ------------------------*/
/* Button general & background */
.dt-btn,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style){
    background-color: var(--soft-beige)!important;
	font-family: "Josefin Sans";
	font-weight: 400;
    font-size: 18px;
	line-height: 1.0;
	border: 1px solid #222222!important;
	color: var(--soft-black);
    padding: 20px 20px 15px 20px;
	text-align: center;
    text-transform: uppercase;
    transition: ease 0.4s!important;
}
/* Button Text */
/*.dt-btn span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) span{
    position: relative;
    top: 1px;
    font-size: calc(var(--base-font) * 0.823);
    color: #fff;
}*/
/* Button hover background */
.dt-btn:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover{
    background-color: var(--strong-beige)!important;
}
/* Button hover Text */
/*.dt-btn:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span{
    color: var(--name-variable-farbe-3)!important;
}*/

/*--- Secondary Button ---*/
.dt-btn.btn-secondary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary{
    background-color: var(--white)!important;
}
/*.dt-btn.btn-secondary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary span{
   color: var(--name-variable-farbe-1)!important;
}*/
.dt-btn.btn-secondary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:hover{
    background-color: var(--soft-beige)!important;
}
/*.dt-btn.btn-secondary:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:hover span{
   color: var(--name-variable-farbe-2)!important;
}*/

/*--- Tertiary Button ---*/
.dt-btn.btn-tertiary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary{
    background-color: transparent!important;
}
/*.dt-btn.btn-tertiary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary span{
   color: var(--name-variable-farbe-1)!important;
}*/
.dt-btn.btn-tertiary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover{
   background-color: var(--strong-beige)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEITENTITEL / PAGETITLE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER & MENÜ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ MAIN MENU ------ */
.header-bar img {
    width: 300px;
    aspect-ratio: auto 270 / 150;
    margin: 0px 65px;
}

.header-bar ul {
    gap: 65px;
}
.header-bar a {
    margin: 0 0!important;
    padding: 0 0!important;
}
.header-bar .menu-text {
    font-size: 18px;
    font-family: "Josefin Sans";
    font-weight: 400;
    text-transform: uppercase!important;
    color: var(--soft-black)!important;
}
.header-bar .sticky-logo img{
    width: 200px;
}
/*------- SUB-NAV --------*/
.navigation .sub-nav .menu-item/*:not(:first-child)*/{
    padding: 1rem 1rem!important;
    background-color: var(--soft-beige);
}
.navigation .sub-nav .menu-item:hover{
    text-decoration: underline var(--soft-black) 1px;
    text-underline-offset: 8px;
}
/* ------ MOBILE MENU ------*/
@media only screen and (max-width: 820px){
    .mobile-header-bar img {
    width: 300px;
    aspect-ratio: auto 270 / 150;
    margin: 0 0;
}
    .mobile-header-bar{
        background-color: var(--soft-beige);
    }
}
@media only screen and (max-width: 768px){
    .mobile-header-bar img {
    width: 180px;
    aspect-ratio: auto 270 / 150;
}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* --- Bottom-bar ---*/
#bottom-bar img{
    display: none;
}
#bottom-bar {
    background-color: var(--soft-beige);
}
#bottom-bar p,
#bottom-bar .menu-text {
    font-family: 'Josefin Sans';
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}
#bottom-bar .wf-float-right {
    justify-content: center!important;
}
#bottom-bar .mini-nav ul {
    display: inherit;
}
#bottom-bar a span,
.menu-item-text .menu-text,
#footer .widget a {
    transition-duration: 0.1s;
}
@media screen and (max-width: 990px){
    #bottom-bar .bottom-text-block{
        margin-top: 1rem;
    }
}
@media screen and (max-width: 778px) {
    #bottom-bar .menu-select {
        display: none;
    }
}
/* --- scroll-top --- */
.scroll-top{
    border-radius: 100px;
    background-color: var(--strong-beige)
}
/* ----------- DATENSCHUTZ/IMPRESSUM --------------- */
#datenschutz-impressum {
    max-width: 1000px;
	min-width: 200px!important;
	margin: 0 auto;
    padding-top: 6rem;
    padding-bottom: 6rem;
}
#datenschutz-impressum h1 {
    font-family: "Dm Serif Display";
	font-weight: 400;
    color: var(--soft-black);
    line-height: 1em;
	text-transform: uppercase;
    font-size: clamp(calc(var(--base-font) * 1.8), 5.5vw, calc(var(--base-font) * 2.75));
}
#datenschutz-impressum h2 {
    font-family: "Dm Serif Display";
	font-weight: 400;
    color: var(--soft-black);
    line-height: 1em;
	text-transform: uppercase;
    font-size: clamp(calc(var(--base-font) * 1.6), 4.5vw, calc(var(--base-font) * 2.5));
    margin-top: 3rem;
    margin-bottom: 3rem;
}
#datenschutz-impressum h3 {
    font-family: "Josefin Sans";
	font-weight: 700;
	font-size: clamp(calc(var(--base-font) * 1.4), 4vw, calc(var(--base-font) * 1.75));
	line-height: 1.2em;
    color: var(--soft-black);
    margin-top: 3rem;
}
#datenschutz-impressum h4 {
    font-family: "Josefin Sans";
    font-weight: 700;
    font-size: clamp(calc(var(--base-font) * 1.3), 3.5vw, calc(var(--base-font) * 1.5));
	line-height: 1.2em;
    color: var(--soft-black);
    margin-top: 3rem;
}
#datenschutz-impressum p,
#datenschutz-impressum li {
    font-family: "Josefin Sans";
    font-weight: 400;
    font-size: var(--base-font);
	color: var(--soft-black);
}
/*---------- BESTÄTIGUNGSSEITE/404-FEHLERSEITE -----------*/
.impo{
    background-color: var(--soft-beige);
    padding-top: 17.5rem;
    padding-bottom: 17.5rem;
}
.impo .headline-xl,
.impo .headline-l{
    margin-bottom: 0.5rem;
}
.impo .dt-btn{
    margin-top: 1rem;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- FOCUS / FOCUS-VISIBLE ----*/
html :focus-visible{
    outline: 2px solid var(--soft-black)!important; 
    outline-offset: 3px!important;
    transition: ease 0.5s;
}
html :focus-visible,
html :focus{
  animation: none;
  box-shadow: none;
}

/* --- ASSISTIVE TEXT / HILFSTEXT ---*/
.assistive-text {
    font-size: 14px;
    color: #000;
    background: #fff;    
}
/* --- TASTATUR NAVIGATION ----*/

/* --- DIGIACCESS ----*/
/* da-skip-link */
.da-skip-link{
    background-color: #121212!important;
    background: #121212!important;
    background-image: none!important;
    color: #fff!important;
    border: 2px solid #fffimportant; 
   box-sizing: border-box!important;
    opacity: 1!important;
    display: block!important;
    line-height: 1.1!important;
 }
.da-skip-link img{
   display: none!important;
    visibility: hidden!important;
}
/* --- SITEMAP --- */
.sitemap li{
    border:none!important;
    display: list-item;
}
.sitemap .widget ul{
   list-style-position: inside;
    list-style-image: initial;
    list-style-type: disc;
}
.sitemap li a{
    text-decoration: underline;
    color: #000!important;
}
.sitemap li a:hover,
.sitemap li a:focus,
.sitemap li a:focus-visible{
    outline: 2px solid #000!important;
    outline-offset: 3px!important;
    color: #000!important;
}
/* --- Standard skip-link deaktivieren --- */
.skip-link{
    display: none;
    visibility: hidden;
}
/* --- Innsiders Footer Aufbrezelt Reference --- */
#bottom-bar .footer-credits {
    display: flex;
    flex-direction: row;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
#bottom-bar .footer-credits > p,
#bottom-bar .mini-nav {
    align-content: center;
}
#bottom-bar .footer-credits > p,
#bottom-bar .footer-credits .innsiders-reference a {
    color: #6E6E6E!important;
}
#bottom-bar .footer-credits .innsiders-reference a {
	text-decoration: underline!important;
}
#bottom-bar .footer-credits .innsiders-reference a:hover {
	text-decoration: none!important;
}
@media only screen and (max-width: 640px) {
    #bottom-bar .footer-credits {
        margin-top: 2rem;
        margin-bottom: 0.5rem;
    }
}