/*
 Theme Name:   mastertheme GeneratePress
 Author:       ECONSOR GmbH
 Author URI:   https://www.econsor.de/
 Template:     generatepress
 Version:      2025.07.23
 */

@import "src/styles/index.css";
@import "src/styles/custom-styles.css";


/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/mastertheme-generatepress/assets/fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/mastertheme-generatepress/assets/fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/mastertheme-generatepress/assets/fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.\34 04 {
    background-image: url(/wp-content/uploads/sites/3/2025/09/proaesthetic-404-d.jpg);
    width: 100%;
    background-size: cover;
    background-position: bottom;
    height: calc(100vh - 120px);
}

.\34 04 a {
    background: #8C283A !important;
    color: #fff !important;
    border: 1px solid #8C283A;
    padding: 12px 34px !important;
    text-transform: none !important;
    margin-top: 30px;
    transition: ease-in-out 0.3s;
    margin-top: 25px;
    display: flex;
    width: fit-content;
}
.\34 04 a:hover {
    background: #301701 !important;
    color: #fff !important;
    border-color: #301701;
}


.\34 04 .inside-article {
    width: fit-content;
    margin-inline: auto;
}

.\34 04 .inside-article > * {
    text-align: left;
}
.error404 .\34 04  .inside-article {
    width: fit-content;
    margin-inline: auto;
}
.error404 a.sophie {
    background: #a8d685 !important;
    border-radius: 40px;
    border: 2px solid #a8d685 !important;
}

.sidenav {
    z-index: 12;
}   

/* Landing Page */

@media screen and (max-width:840px) {
.site-logo {
    margin-block: 10px;
    margin-right: auto;
}
 div#primary-menu {
    display: none;
    opacity: 0;
}
.site-logo {
    margin-block: 10px;
}
}

.inside-navigation.grid-container {
    width: 95% !important;
}

.hidden {
    display:none !important;
}


@media screen and (max-width:1024px) {
    .grid-half .grid-img-container {
    order: 2;
}
}






@media screen and (max-width:1024px) {
    body #content .site-main .entry-content > section > .regular-container, .site-footer > section > .regular-container {
    padding-block: 50px;
}
}

@media screen and (max-width:550px) {
    body #content .site-main .entry-content > section > .regular-container, .site-footer > section > .regular-container {
    padding-block: 30px;
}
    .intro-sec > .regular-container > div {
    gap: 25px;
}

.img-list-sec .grid-half {
    gap: 25px;
}

.consulting-grid-sec .regular-container > div {
    gap: 25px;
}

.team-sec .regular-container > div {
    gap: 25px;
}
}


/*Font*/
/* poppins-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/uploads/generatepress/fonts/poppins/poppins-v24-latin-300.woff2') format('woff2');
}
/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/generatepress/fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2');
}
/* poppins-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/generatepress/fonts/poppins/poppins-v24-latin-500.woff2') format('woff2');
}

html body.site-2 h1,
html body.site-2 h2,
html body.site-2 h3,
html body.site-2 h4,
html body.site-2 h5,
html body.site-2 h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

html body.site-2 h1,
html body.site-2 h2 {
  font-weight: 500;
}

html body.site-2 {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}

@media (hover: hover) {
  html body.page-template-sophienklinik-lp a:not(.gb-button):not(.button):not(:disabled):not([aria-disabled=true]):hover {
    opacity: 1;
  }
}

/*Buttons*/
html body.page-template-sophienklinik-lp #content .site-main .entry-content > section a,
html body.page-template-sophienklinik-lp input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--sophien-gruen) !important;
  color: var(--contrast) !important;
  border: 2px solid var(--sophien-gruen) !important;
  padding: 12px 34px !important;
  text-transform: none !important;
  margin-top: 30px !important;
  transition: ease-in-out 0.3s !important;
  border-radius: 30px !important;
  font-weight: 400 !important;
}

html body.page-template-sophienklinik-lp #content .site-main .entry-content > section a.secondary-btn {
  background: var(--contrast) !important;
  color: #fff !important;
  border: 2px solid var(--contrast) !important;
}

html body.page-template-sophienklinik-lp #content .site-main .entry-content > section a:hover,
html body.page-template-sophienklinik-lp #content .site-main .entry-content > section a.secondary-btn:hover,
html body.page-template-sophienklinik-lp .main-navigation li.secondary-btn a:hover,
html body.page-template-sophienklinik-lp .main-navigation .main-nav ul li a:hover,
html body.page-template-sophienklinik-lp input.wpcf7-form-control.wpcf7-submit.has-spinner:hover,
html body.site-2 .main-navigation li.secondary-btn a:hover,
html body.site-2 .main-navigation .main-nav ul li a:hover { 
  background: transparent !important;
  color: var(--contrast) !important;
  border: 2px solid var(--contrast) !important;
}

/*Headerbuttons*/
html body.page-template-sophienklinik-lp .main-navigation li.secondary-btn a,
html body.site-2 .main-navigation li.secondary-btn a {
  background: var(--contrast) !important;
  color: #fff !important;
  border: 2px solid var(--contrast) !important;
}

html body.page-template-sophienklinik-lp .main-navigation li a,
html body.site-2 .main-navigation li a {
  border: 2px solid #000 !important;
  background: var(--sophien-gruen) !important;
  color: var(--contrast) !important;
  border: 2px solid var(--sophien-gruen) !important;
  padding: 12px 34px !important;
  text-transform: none !important;
  transition: ease-in-out 0.3s !important;
  border-radius: 30px !important;
  font-weight: 400 !important;
}
html body.page-template-sophienklinik-lp .main-navigation li a:hover,
html body.site-2 .main-navigation li a:hover {
    background: transparent !important;
}
html body.page-template-sophienklinik-lp .main-navigation li.secondary-btn a:hover,
html body.site-2 .main-navigation li.secondary-btn a:hover {
    color: #000 !important;
}
html body.page-template-sophienklinik-lp #primary-menu li.secondary-btn.menu-item a::before,
html body.site-2 #primary-menu li.secondary-btn.menu-item a::before {
  content: '';
  background: url(/wp-content/uploads/sites/3/2025/08/phone.svg);
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(1);
}

html body.page-template-sophienklinik-lp .main-navigation #primary-menu li.secondary-btn a:hover::before,
html body.page-template-sophienklinik-lp .main-navigation #primary-menu li:not(.secondary-btn) a::before,
html body.site-2 .main-navigation #primary-menu li.secondary-btn a:hover::before,
html body.site-2 .main-navigation #primary-menu li:not(.secondary-btn) a::before {
  filter: unset;
}

html body.page-template-sophienklinik-lp .main-navigation #primary-menu li:not(.secondary-btn) a:hover::before,
html body.site-2 .main-navigation #primary-menu li:not(.secondary-btn) a:hover::before {
  filter: invert(1) brightness(0);
}

/*Sidebar*/
html body.site-2 .sidenav a,
html body.site-2 .sidenav a {
  border-radius: 50px !important;
  border: 2px solid #fff !important;
}

html body.site-2.sidenav a:hover,
html body.site-2 .sidenav a:focus {
  background: #a8d685 !important;
  border: 1px solid #a8d685 !important;
  opacity: 1 !important;
}

html body.site-2 .sidenav a:focus svg {
  fill: #232522 !important;
  color: #232522 !important;
}

html body.site-2 .sidenav a:hover,
html body.site-2 .sidenav a:first-child:hover {
  background: var(--contrast) !important;
  border: 2px solid var(--contrast) !important;
  opacity: 1 !important;
}

html body.site-2 .sidenav a:first-child {
  background: var(--sophien-gruen) !important;
  border: 2px solid var(--sophien-gruen) !important;
}
html body.site-2 .sidenav a:first-child svg {
  color: var(--contrast) !important;
  fill: var(--contrast) !important;
}

html body.site-2 .sidenav a svg {
  fill: var(--contrast) !important;
  color: var(--contrast) !important;
}
 
html body.site-2 .sidenav a:hover svg,
html body.site-2 .sidenav a:focus svg {
  fill: #fff !important;
  color: #fff;
}

html body.site-2 .sidenav a:first-child:hover svg,
html body.site-2 .seltenav a:first-child:focus svg {
  fill: #fff !important;
}

@media screen and (max-width: 768px) {
  html body.site-2 .sidenav a:nth-child(2)::after,
  html body.site-2 .sidenav a:nth-child(3)::after {
    content: '';
    display: block;
    width: 2px;
    background: var(--sophien-gruen);
    height: 100%;
    position: absolute;
    right: -3px;
    z-index: 4;
  }

  html body.site-2 .sidenav a {
    border-radius: 0 !important;
  }
}

/*Jameda Container*/
html body.page-template-sophienklinik-lp .jameda-container {
  border: 2px solid var(--sophien-gruen);
  width: fit-content;
  padding: 5px 15px;
  border-radius: 20px;
  background: var(--sophien-gruen-hell);
  margin-bottom: 10px;
}

html body.page-template-sophienklinik-lp .jameda-container .gb-shape svg {
  fill: currentColor;
  color: var(--sophien-gruen);
}

html body.page-template-sophienklinik-lp .jameda-container p {
  color: var(--accent);
}

/*Form*/
html body.page-template-sophienklinik-lp #content section.background-color-custom::after {
  background: none;
}

html body.page-template-sophienklinik-lp .site-main .wpcf7 .wpcf7-not-valid-tip {
  color: var(--wp--preset--color--vivid-red);
}

html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit), 
html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea,
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit), 
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea {
  background: #ffffff !important;
  border: 1px solid var(--sophien-grau);
  padding: 20px !important;
  font-size: 18px !important;
  line-height: normal !important;
  color: var(--sophien-grau);
  font-weight: 100 !important;
  font-size: 17px !important;
}

/*FAQ*/
html body.page-template-sophienklinik-lp .faq-sec .gb-accordion__item {
  padding: 0;
  margin-bottom: 1em;
  border: 1px solid var(--sophien-grau-hell);
}

html body.page-template-sophienklinik-lp .faq-sec .gb-accordion__toggle {
  font-weight: 500;
  background-color: var(--sophien-grau-hell);
  color: var(--contrast);
  align-items: center;
  column-gap: 1em;
  display: flex;
  justify-content: space-between;
  text-align: left;
  padding: 1em;
}

html body.page-template-sophienklinik-lp .faq-sec .gb-accordion__toggle:hover,
html body.page-template-sophienklinik-lp .faq-sec .gb-block-is-current,
html body.page-template-sophienklinik-lp .faq-sec .gb-block-is-current:hover,
html body.page-template-sophienklinik-lp .faq-sec .gb-block-is-current:focus {
  background-color: var(--sophien-gruen);
  color: var(--contrast);
}

/*Links*/
html body.page-template-sophienklinik-lp .basic-link .gb-shape svg path {
  fill: var(--contrast);
}

/*Footer*/
html body.page-template-sophienklinik-lp .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,
html body.page-template-sophienklinik-lp .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,
html body.page-template-sophienklinik-lp .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,
html body.page-template-sophienklinik-lp .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,
html body.page-template-sophienklinik-lp .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
  fill: var(--contrast) !important;
  color: var(--contrast) !important;
}

html body.page-template-sophienklinik-lp .site-footer section a {
  color: var(--contrast) !important;
}

/*Sonstiges*/
html body.page-template-sophienklinik-lp .main-navigation .main-nav ul li a:hover:before,
html body.site-2 .main-navigation .main-nav ul li a:hover:before {
  filter: brightness(0) invert(1);
}

html body.page-template-sophienklinik-lp #content .site-main .entry-content > section .basic-link a {
    text-decoration-line: underline !important;
    color: #232522 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

html body.page-template-sophienklinik-lp #content .site-main .entry-content > section .basic-link a:hover {
  background: transparent !important;
  color: #232522 !important;
  opacity: .7 !important;
  border: none !important;
}

/*404 Page - Nur falls die Seite auch 404 sein kann */
html body.page-template-sophienklinik-lp.error404 .inside-article,
html body.page-template-sophienklinik-lp.search .inside-article {
  width: 90%;
  max-width: 1550px;
  margin: 0 auto;
  padding-block: 100px;
  height: calc(100vh - 250px);
  background-color: transparent;
  align-content: center;
  padding-top: 50px;
  text-align: center;
}

html body.page-template-sophienklinik-lp.error404,
html body.page-template-sophienklinik-lp.search,
html body.page-template-sophienklinik-lp.error404 #content .site-main,
html body.page-template-sophienklinik-lp.error404 #content .site-main > div,
html body.page-template-sophienklinik-lp.search #content .site-main,
html body.page-template-sophienklinik-lp.search #content .site-main > div {
  background: var(--sophien-grau-hell);
}

html body.page-template-sophienklinik-lp.error404 .inside-article header.entry-header,
html body.page-template-sophienklinik-lp.search .inside-article header.entry-header {
  margin-bottom: 20px;
}

html body.page-template-sophienklinik-lp.error404 input[type=search],
html body.page-template-sophienklinik-lp.search input[type=search] {
  background: #ffffff8f;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #000;
}

html body.page-template-sophienklinik-lp.error404 .inside-article form.search-form,
html body.page-template-sophienklinik-lp.search .inside-article form.search-form {
  margin-top: 40px;
  display: block;
  margin: 40px auto 0;
}

html body.page-template-sophienklinik-lp.error404 #content.site-content,
html body.page-template-sophienklinik-lp.search #content.site-content {
  border-bottom: 1px solid;
}

html body.page-template-sophienklinik-lp.error404 #content.site-content a.sophie {
  color: var(--accent);
  font-weight: 400;
  border-width: 2px;
}

html body.page-template-sophienklinik-lp.error404 #content.site-content a.sophie:hover {
  border-color: var(--accent);
  background: transparent;
}

html body.page-template-sophienklinik-lp.error404 .site-header,
html body.page-template-sophienklinik-lp.search .site-header {
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  html body.page-template-sophienklinik-lp.error404 .sidenav {
    position: fixed;
    right: initial;
    bottom: 0;
    flex-direction: row;
    width: 100%;
    background: #fff;
    top: initial;
    box-shadow: 0px 0px 13px 3px #00000012;
    gap: 0;
    z-index: 22;
  }
  
  html body.page-template-sophienklinik-lp.error404 .sidenav a {
    box-shadow: none;
  }
  
  html body.page-template-sophienklinik-lp.error404 .sidenav a:nth-child(2),
  html body.page-template-sophienklinik-lp.error404 .sidenav a:nth-child(3) {
    position: relative;
  }
  
  html body.page-template-sophienklinik-lp.error404 .sidenav a:nth-child(2)::after,
  html body.page-template-sophienklinik-lp.error404 .sidenav a:nth-child(3)::after {
    content: '';
    display: block;
    width: 2px;
    background: var(--sophien-gruen);
    height: 100%;
    position: absolute;
    right: -3px;
    z-index: 4;
  }
  
  html body.page-template-sophienklinik-lp .sidenav {
    z-index: 12;
  }
}

/* Kontaktformular */
html body.page-template-sophienklinik-lp .form-group label {
  font-weight: 500;
}

html body.page-template-sophienklinik-lp span.wpcf7-form-control.anrede label {
  align-items: baseline;
  margin-right: 20px;
}

html body.page-template-sophienklinik-lp form.wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

html body.page-template-sophienklinik-lp #content .site-main .wpcf7 form a {
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 transparent, inset 0 -0.4px 0 #232522 !important;
}


html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit),
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit),
html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea,
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea {
  background: #ffffff;
  border: none;
  padding: 14px 20px;
  font-size: 18px;
  line-height: normal;
  color: #000 !important;
  font-weight: 100;
  font-size: 17px;
}

html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit)::placeholder,
html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea::placeholder,
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit)::placeholder,
html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #95897e !important;
  font-weight: 100;
  font-size: 17px;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item input[type="checkbox"] {
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
  min-width: unset;
  width: 19px;
  height: 19px;
  max-width: 19px;
  max-height: 19px;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item input[type="checkbox"]:hover {
  background: var(--sophien-gruen);
  border: 1px solid var(--sophien-gruen);
  border-radius: 50%;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item input[type=checkbox]:not(:disabled):not([aria-disabled=true]):checked,
html body.page-template-sophienklinik-lp input[type=radio]:not(:disabled):not([aria-disabled=true]):checked {
  background-color: var(--sophien-gruen);
}

html body.page-template-sophienklinik-lp span.wpcf7-list-item-label {
  font-size: 17px;
  color: #232522;
  font-style: normal;
  font-weight: 300;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item label {
  display: flex;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item input[type="checkbox"] {
  padding-inline: 9px;
  margin-top: 5px;
}

html body.page-template-sophienklinik-lp span.wpcf7-list-item-label {
  margin-left: -20px;
  text-indent: 30px;
}

html body.page-template-sophienklinik-lp .wpcf7-list-item {
  margin-left: 0px;
}

html body.page-template-sophienklinik-lp #content .site-main .wpcf7 form a {
    background: none !important;
    border: none !important;
    color: #232522 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
    box-shadow: inset 0 0 0 transparent, inset 0 -0.4px 0 #b8a07a;
}

html body.page-template-sophienklinik-lp #content .site-main .wpcf7 form a:hover,
html body.page-template-sophienklinik-lp #content .site-main .wpcf7 form a:focus {
  color: #232522 !important;
  opacity: .7 !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

html body.page-template-sophienklinik-lp #content section.background-color-custom::after {
  border-left: none;
}

html body.page-template-sophienklinik-lp #content section.background-color-custom.contact-form-sec {
  border-block: none;
}



@media screen and (max-width: 1024px) {
  html body.page-template-sophienklinik-lp section#kontakt {
    background: #f9f9f9;
  }
}

/* Landingpage Nav */
@media screen and (max-width:990px) {
  html body.page-template-sophienklinik-lp div#primary-menu {
    display: none;
  }
  
  html body.page-template-sophienklinik-lp .site-logo {
    margin-block: 10px;
  }
}

/*Slider*/
html body.page-template-sophienklinik-lp .slick-slider .slick-track .slick-slide {
  height: auto;
  width: auto;
}

html body.page-template-sophienklinik-lp .slick-slider .slick-track {
  gap: 50px;
}

html body.site-2.error404 #content .site-main > div {
    background: #fff !important;
}

/* übernahme Customizer */

body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .text-wrapper-custom {
    margin-left: auto;
    max-width: calc(1550px / 2);
  width: 90%;
          padding-block: 50px;
}

body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container {
    max-width: unset;
    margin: 0 auto;
    width: 100%;
    padding-block: 0;
}
body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container img {
    width: 100%;
    height: 100%;
}
body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .text-wrapper-custom.right {
    margin-right: auto;
    margin-left: 0;

}

body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .img-wrapper-custom, body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .img-wrapper-custom figure, body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .img-wrapper-custom img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media screen and (max-width: 1440px) {
  body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .text-wrapper-custom {
    margin-left: auto;
    max-width: 90%;
}
}
@media screen and (max-width: 1024px) {
      body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container > div {
        gap: 60px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
  body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container > div > div {
    width: 100%;
}

  body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container {
   padding-top: 50px;
}
      body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .text-wrapper-custom {
        margin-left: auto;
        max-width: 90%;
        margin-right: auto;
        padding-right: 0;
    }
    body.site-2 #content .site-main .entry-content > section.large-img-container > .regular-container .text-wrapper-custom.right {
        margin: 0 auto;
        order: -1;
    }
}

/*404 Page - Nur falls die Seite auch 404 sein kann */
html body.site-2.error404 .inside-article,
html body.site-2.search .inside-article {
  width: 90% !important;
  max-width: 1550px !important;
  margin: 0 auto !important;
  padding-block: 100px !important;
  height: calc(100vh - 250px) !important;
  background-color: transparent !important;
  align-content: center !important;
  padding-top: 50px !important;
  text-align: center !important;
}

html body.site-2.error404,
html body.site-2.search,
html body.site-2.error404 #content .site-main,
html body.site-2.error404 #content .site-main > div,
html body.site-2.search #content .site-main,
html body.site-2.search #content .site-main > div {
  background: var(--sophien-grau-hell);
}

html body.site-2.error404 .inside-article header.entry-header,
html body.site-2.search .inside-article header.entry-header {
  margin-bottom: 20px;
}

html body.site-2.error404 input[type=search],
html body.site-2.search input[type=search] {
  background: #ffffff8f;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #000;
}

html body.site-2.error404 .inside-article form.search-form,
html body.site-2.search .inside-article form.search-form {
  margin-top: 40px;
  display: block;
  margin: 40px auto 0;
}

html body.site-2.error404 #content.site-content,
html body.site-2.search #content.site-content {
  border-bottom: 1px solid;
}

html body.site-2.error404 #content.site-content a.sophie {
  color: var(--accent) !important;
  font-weight: 400;
  border-width: 2px;
}

html body.site-2.error404 #content.site-content a.sophie:hover {
  border-color: var(--accent) !important;
  background: transparent !important;
  opacity: 1 !important;
}

html body.site-2.error404 .site-header,
html body.site-2.search .site-header {
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  html body.site-2.error404 .sidenav {
    position: fixed;
    right: initial;
    bottom: 0;
    flex-direction: row;
    width: 100%;
    background: #fff;
    top: initial;
    box-shadow: 0px 0px 13px 3px #00000012;
    gap: 0;
    z-index: 22;
  }
  
  html body.site-2.error404 .sidenav a {
    box-shadow: none;
  }
  
  html body.site-2.error404 .sidenav a:nth-child(2),
  html body.site-2.error404 .sidenav a:nth-child(3) {
    position: relative;
  }
  
  html body.site-2.error404 .sidenav a:nth-child(2)::after,
  html body.site-2.error404 .sidenav a:nth-child(3)::after {
    content: '';
    display: block;
    width: 2px;
    background: var(--sophien-gruen);
    height: 100%;
    position: absolute;
    right: -3px;
    z-index: 4;
  }
}



html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit), html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group input.wpcf7-form-control:not(.wpcf7-submit), html body.page-template-sophienklinik-lp form.wpcf7-form.init .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea, html body.page-template-sophienklinik-lp form.wpcf7-form .form-row .form-group textarea.wpcf7-form-control.wpcf7-textarea {
    font-weight: 300 !important;
}



@media screen and (max-width:767px) {
html body.page-template-sophienklinik-lp .form-row:nth-child(5) {
    display: flex;
    flex-direction: column;
}

html body.page-template-sophienklinik-lp .form-row:nth-child(5) .form-group {
    width: 100%;
    overflow: hidden;
}

html body.page-template-sophienklinik-lp input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date.birthday {
    width: 100%;
}

}



/*

html body.page-template-sophienklinik-lp  span.wpcf7-form-control-wrap:has(input[type=date]) {
    max-width: 90%;
    display: grid;
    min-height: 68px;
    width: 100%;
}*/


html body.page-template-sophienklinik-lp   form.wpcf7-form.init .form-row .form-group span.wpcf7-form-control-wrap:has(input[type=date]) > input {
    min-height: 68px;
}