/*======================================
Theme Name: kraehativ
Description: Child-Theme von Krähativ
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FONTS – Start */

@import url('./css/all.min.css'); /* FontAwesome */

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('webfonts/lato-v24-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/lato-v24-latin-100.woff') format('woff') /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/lato-v24-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/lato-v24-latin-300.woff') format('woff') /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/lato-v24-latin-regular.woff') format('woff') /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/lato-v24-latin-700.woff') format('woff') /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('webfonts/lato-v24-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('webfonts/lato-v24-latin-900.woff') format('woff') /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}

/* FONTS – End */


/* ---------------------------- */


/* BASICS – Start */

:root {
  --hauptfarbe: #843B4E;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
  --zusatzfarbe: #878787; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --weiss: #ffffff;
  --schwarz: #4A4A49;
  --grau: #F9F9F9;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

  --headlines: normal normal 500 20px/1.5 Lato; /* <--- EINFÜGEN:  Hauptschriftart für Überschriften ...  */
  --copytext: normal normal 500 16px/1.5 Lato ; /* <--- EINFÜGEN:  Schriftart für Copytext ...  */
}

body {
  font: var(--copytext);
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font: var(--headlines);
  font-weight: 700;
}

@media (max-width: 700px) {
h1 {
  font-size: 45px!important;
}
h2 {
  font-size: 25px!important;
}
p {
font-size:16px;
}
}

@media (max-width: 500px) {
  h1 {
    font-size: 35px!important;
  }
  h2 {
    font-size: 22px!important;
  }
  }


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  color: var(--hauptfarbe);
}


a {
  color: var(--hauptfarbe);
  font-weight: 700;
}

p {
  color: var(--schwarz);
  font-weight:300;
}


/* BASICS – End */


/* ---------------------------- */


/* GENERAL STYLES – Start */



.uebergang h1 {
  padding-bottom:0px;
}

.uebergang h2 {
  line-height: 50px;
}

@media (max-width: 981px) {
  .uebergang h2 {
    line-height: 35px;
  }
}

.et_pb_pricing span>li{
  display:none;
}

.et_pb_pricing li{
  padding-left:0px;
}

.et_pb_pricing th,
.et_pb_pricing td{
  padding:0px;
  font-size: 21px;
}



.et_pb_pricing td{
  padding:0px;
  font-size: 21px;
  line-height: 30px;
}

@media (min-width: 982px) and (max-width: 1199px) {
  .et_pb_pricing th,
  .et_pb_pricing td{
  padding:0px;
  font-size: 18px;
}
.et_pb_pricing td{
  padding:0px;
  font-size: 18px;
  line-height: 30px;
}
}

@media (max-width: 500px) {
	.et_pb_pricing th,
  .et_pb_pricing td{
  font-size: 14px;
}
}

.et_pb_pricing th{
  padding-left:0px;
}



/* .et_pb_pricing th{
  padding-top:6px;
} */

/* .einzeln {
  vertical-align: baseline;
  padding-top: 9px!important;
} */

/* .einzeln {
  vertical-align: baseline;
  padding-top: 12px!important;
} */


.sprechzeiten {
  margin-bottom:0px!important;
}

.et_pb_pricing li {
  padding-bottom:0px!important;
}

.et_pb_pricing_content {
  padding-bottom:0px!important;
}

.et_pb_not_available span {
  font-size: 18px;
}

@media (max-width: 500px) {
  .et_pb_not_available span {
    font-size: 12px;
  }
}

.infotext a {
  color:var(--schwarz);
  font-weight:500;
}

.infotext a:hover {
  color:var(--hauptfarbe);
}


/* GENERAL STYLES – End */


/* ---------------------------- */


/* MENU / NAV  – Start */

/* Übergangsseite */

.uebergang-nav li>a{
  font-weight:500;
}

@media (max-width: 620px) {

  .et-menu-nav a {
    font-size: 16px!important;
  }

	.nav-row {
    display: flex!important;
    flex-direction: column!important;
    justify-content: center!important;
    width: 100%!important;
    box-shadow: 0px 5px 20px rgba(199, 199, 199, 0.3058823529);
}

.uebergang-nav {
  justify-content: center!important;
}

.uebergang-logo {
  justify-content: center!important;
}
}

/* Startseite neu */

.main-nav .et-menu-nav .et-menu>li {
  margin-right:40px!important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 1207px) {
  .main-nav .et-menu-nav .et-menu>li {
    margin-right:20px!important;
  }
}

@media (max-width: 1086px) {
  .main-nav .et-menu-nav .et-menu>li {
    margin-right:10px!important;
  }
}

@media (max-width: 1026px) {
  .main-nav .et-menu-nav .et-menu>li {
    margin-right:0px!important;
  }
}

@media (max-width: 888px) {
  .main-nav .et-menu-nav .et-menu>li {
    margin-right:10px!important;
  }
}

.main-nav .et-menu-nav .et-menu>li:last-child {
  margin-right:0px!important;
}

#menu-item-23944395::after{
  content: "Startseite";
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
}

#menu-item-23944395:hover::after{
  color:var(--hauptfarbe);
}

#menu-item-23944396::after{
  content: "Unsere Leistungen";
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
}

#menu-item-23944396:hover::after{
  color:var(--hauptfarbe);
}

#menu-item-23944397::after{
  content: "Beruflicher Werdegang";
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
}
#menu-item-23944397:hover::after{
  color:var(--hauptfarbe);
}

#menu-item-23944398::after{
  content: "Unsere Praxis";
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
}

#menu-item-23944398:hover::after{
  color:var(--hauptfarbe);
}

#menu-item-23944399::after{
  content: "Häufige Fragen";
  font-family: "Lato";
  font-weight: 300;
  font-size: 16px;
}

#menu-item-23944399:hover::after{
  color:var(--hauptfarbe);
}



.et_mobile_nav_menu .et_mobile_menu {
  width:100vw;
  transform: translateX(-50%);
  left: 50%;
}

/* MENU / NAV  – End */


/* ---------------------------- */


/* CONTENT – Start */
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
  display: flex!important;
}

.lwp-hide-mobile-menu .et_mobile_nav_menu {
  display: none;
}

.intro-img-card .et_pb_pricing_table {
  display: flex;
  flex-direction: column-reverse;
}

.intro-img-card img {
  width:100%;
}

.intro-img-card .et_pb_pricing .et_pb_pricing_content {
  padding: 0px!important;
}

.intro-img-card .et_pb_pricing_title,
.intro-img-card .et_pb_best_value {
  padding-left: 30px!important;
  padding-right: 30px!important;
}

.intro-img-card .et_pb_pricing_heading {
  margin-bottom:71px;
}

@media (max-width: 981px) {
  .intro-img-card .et_pb_pricing_heading {
    margin-bottom:95px;
  }
}

.intro-img-card .et_pb_button {
  position: absolute;
  bottom: 50px;
  margin-left: 30px;
}

.intro-img-card .et_pb_button::after {
  content: "\f090"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
}

a.et_pb_button.et_pb_pricing_table_button::after {
  content: "\f090"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
}

@media (min-width: 1200px) and (max-width: 1350px) {
  .et_pb_pricing_no_bullet {
    transform: scale(0.9);
  }
}

@media (min-width: 982px) and (max-width: 1199px) {
  .et_pb_pricing_no_bullet {
    transform: scale(0.8);
  }
}

@media (max-width: 981px) {
  body #page-container .et_pb_section .et_pb_pricing .et_pb_pricing_table_button.et_pb_button:after {
    opacity:1!important;
  }
}



.btn-main {
  background-color: var(--hauptfarbe);
  color: var(--weiss);
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 150px;
  font-weight: 600;
}

.btn-main::after {
  content: "\f090"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
  position: absolute;
  right: 15px;
}

.btn-main:hover::after {
  color: var(--hauptfarbe)!important;
  margin-left: 15px;
}

.btn-impfung {
  background-color: var(--weiss);
  color: var(--hauptfarbe);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 17px;
  border-radius: 36px;
  border: 1px solid #843B4E;
  max-width: 360px;
  padding-right:50px;
}

.btn-impfung::after {
  content: "\f1c1"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--hauptfarbe)!important;
  margin-left: 15px;
  position: absolute;
  /* right: 15px; */
  left:355px;
}

.btn-notfall {
  background-color: var(--hauptfarbe);
  color: var(--weiss);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  padding: 9px 17px;
  border-radius: 36px;
  border: 2px solid #843B4E;
  max-width: 260px;
}

.btn-notfall:hover {
  background-color: var(--weiss);
  color: var(--hauptfarbe);
}

.btn-notfall::after {
  content: "\f095"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
  position: absolute;
  right: 15px; 
  left:215px; 
}

.btn-notfall:hover::after {
  content: "\f095"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--hauptfarbe)!important;
  margin-left: 15px;
  position: absolute;
}

@media (max-width: 576px) {
  .btn-impfung::after {
    content: "\f1c1"!important;
    font-family: "Font Awesome 6 Pro"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    color: var(--hauptfarbe)!important;
    margin-left: -15px;
    position: absolute;
    /* right: 15px; */
    left:355px;
  }
}

@media (max-width: 435px) {
  .btn-impfung::after {
    content: "\f1c1"!important;
    font-family: "Font Awesome 6 Pro"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    color: var(--hauptfarbe)!important;
    margin-left: -35px;
    position: absolute;
    /* right: 15px; */
    left:355px;
  }
}

@media (max-width: 415px) {
  .btn-impfung::after {
    content: "\f1c1"!important;
    font-family: "Font Awesome 6 Pro"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    color: var(--hauptfarbe)!important;
    margin-left: -55px;
    position: absolute;
    /* right: 15px; */
    left:355px;
  }
}

@media (max-width: 385px) {
  .btn-impfung::after {
    content: "\f1c1"!important;
    font-family: "Font Awesome 6 Pro"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    color: var(--hauptfarbe)!important;
    margin-left: -85px;
    position: absolute;
    /* right: 15px; */
    left:355px;
  }
}

@media (max-width: 345px) {
  .btn-impfung::after {
    content: "\f1c1"!important;
    font-family: "Font Awesome 6 Pro"!important;
    font-weight: 400!important;
    font-size: 17px!important;
    color: var(--hauptfarbe)!important;
    margin-left: -110px;
    position: absolute;
    /* right: 15px; */
    left:355px;
  }
}

@media (max-width: 300px) {
  .btn-impfung::after {
    display:none;
  }
}

.btn-impfung:hover::after {
  color: var(--hauptfarbe)!important;
  margin-left: 15px;
}

.viernullvier .et_pb_button_module_wrapper {
  display:flex!important;
  justify-content: center;
}

body #page-container .et_pb_section .et_pb_module.intro-img-card.et_pb_pricing .et_pb_button.et_pb_pricing_table_button::after {
  content: "\f090"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
  position: absolute;
  right: 15px;
}

body #page-container .et_pb_section .et_pb_module.intro-img-card.et_pb_pricing .et_pb_button.et_pb_pricing_table_button:hover::after {
  color: var(--hauptfarbe)!important;
}

/* .et_pb_button {
  display:flex!important;
} */


@media (max-width: 981px) {

  .intro-img-card .et_pb_pricing_title {
  padding-top: 30px!important;
}
}

@media (max-width: 620px) {

  .intro-img-card .et_pb_pricing_title {
  padding-top: 15px!important;
}
}

/* Leistungen – Divi Pixel Table of Contents*/

.leistungen-row .et_pb_blurb_container {
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;
}

@media (max-width: 576px) {
  .leistungen-row .et_pb_blurb_container {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
  }
}

#section-leistungen .dipi-toc__collapse {
  background-color: var(--weiss)!important;
}

#section-leistungen .dipi-toc__list a {
  font-size:25px;
  font-weight: 300;
  padding-top:25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--schwarz);
}

@media (max-width: 1350px) {
  #section-leistungen .dipi-toc__list a {
    font-size:20px;
  }
}

@media (max-width: 1100px) {
  #section-leistungen .dipi-toc__list a {
    font-size:18px;
  }
}

#section-leistungen #dipi_table_of_content_0dipi-toc-sonstige-leistungen4_toc_li a {
  border-bottom: none;
}

.leistung-card h3 {
  font-size:46px!important;
  color:var(--schwarz)!important;
  font-weight:600!important;
  padding-bottom:0px!important;
}

.leistung-card h4 {
  font-size:29px!important;
  color:var(--schwarz)!important;
  font-weight:300!important;
  line-height: 30px;
  padding-bottom: 40px;
}

.leistung-card p,
.leistung-card li {
  font-weight:300;
  font-size: 20px;
}

.leistung-card li {
  margin-bottom:5px;
}

.leistung-card hr {
  margin-top:10px;
  margin-bottom:25px;
}

.p-big {
  font-size:29px!important;
  margin-bottom: 20px;
}

.et_pb_accordion .et_pb_accordion_item {
  margin-bottom:0px!important;
}

.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
  display: block!important;
  content: "\f056" !important;
}

.et_pb_toggle_title:before {
  font-family: 'Font Awesome 6 Pro' !important;
  content: "\f055" !important;
  position: absolute;
  right: 0;
  font-size: 24px;
  color: #4a4a49;
  top: 50%;
  margin-top: -0.5em;
}

@media (max-width: 981px) {

  .leistungen-row h3 {
  font-size:30px!important;
  }
  .leistungen-row h4 {
    font-size:22px!important;
  }
  .leistungen-row h5 {
    font-size:20px!important;
  }
  .leistungen-row p,
  .leistungen-row li {
    font-size:16px!important;
  }
  #section-leistungen .dipi-toc__list a {
    font-size:20px;
  }
}

@media (max-width: 576px) {

  .leistungen-row h3 {
  font-size:30px!important;
  }
  .leistungen-row h4 {
    font-size:22px!important;
  }
  .leistungen-row h5 {
    font-size:18px!important;
  }
  .leistungen-row p,
  .leistungen-row li {
    font-size:16px!important;
  }
  #section-leistungen .dipi-toc__list a {
    font-size:20px;
  }
}

/* Impfungen */

.dipi-accordion-title,
.dipi-accordion-description {
  font-family: 'Lato'!important;
}

.dipi-accordion-title {
  font-size:44px!important;
  padding-bottom:0px!important;
}

.dipi-accordion-description h2 {
  font-size:28px!important;
  color: var(--weiss);
  padding-bottom:30px;
  font-weight:300!important;
}

.dipi-accordion-description p {
  font-family: 'Lato'!important;
  font-size:18px!important;
  font-weight:300;
  color: var(--weiss);
  letter-spacing: normal!important;
  line-height: 24px;
}

.dipi-accordion-description li {
  font-family: 'Lato'!important;
  font-size:18px!important;
  font-weight:300;
  color: var(--weiss);
  letter-spacing: normal!important;
  line-height: 24px;
}

.dipi-accordion-content {
  margin-top: 30px;
  margin-left: 40px;
  margin-right: 40px;
}

.dipi_image_accordion_child {
  margin-bottom:0px!important;
}

@media (max-width: 1440px) {
	.dipi-accordion-title {
    font-size:40px!important;
  }
  .dipi-accordion-description h2 {
    font-size:22px!important;
  }
  .dipi-accordion-description p {
    font-size:16px!important;
  }
  .dipi-accordion-description li {
    font-size:16px!important;
  }
}

@media (max-width: 1210px) {
	.dipi-accordion-title {
    font-size:35px!important;
  }
  .dipi-accordion-description h2 {
    font-size:18px!important;
  }
  .dipi-accordion-description p {
    font-size:14px!important;
  }
  .dipi-accordion-description li {
    font-size:14px!important;
  }
}

@media (max-width: 1077px) {
	.dipi-accordion-title {
    font-size:30px!important;
  }
  .dipi-accordion-description h2 {
    font-size:18px!important;
    padding-bottom:15px;
  }
  .dipi-accordion-description p {
    font-size:13px!important;
  }
  .dipi-accordion-description li {
    font-size:13px!important;
  }
}

@media (max-width: 981px) {
	.dipi-accordion-title {
    font-size:25px!important;
  }
  .dipi-accordion-description h2 {
    font-size:20px!important;
    padding-bottom:10px;
  }
  .dipi-accordion-description p {
    font-size:15px!important;
  }
  .dipi-accordion-description li {
    font-size:15px!important;
  }
}

@media (max-width: 576px) {
	.dipi-accordion-title {
    font-size:25px!important;
  }
  .dipi-accordion-description h2 {
    font-size:16px!important;
    padding-bottom:10px;
  }
  .dipi-accordion-description p {
    font-size:14px!important;
    line-height: 1.5em;
  }
  .dipi-accordion-description li {
    font-size:14px!important;
    line-height: 1.5em;
  }
  .dipi-accordion-content {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (max-width: 450px) {
	#image-acc-info .dipi_image_accordion_wrapper {
    height:850px!important;
  }
}

@media (max-width: 380px) {
	#image-acc-info .dipi_image_accordion_wrapper {
    height:1000px!important;
  }
}

@media (max-width: 300px) {
	#image-acc-info .dipi_image_accordion_wrapper {
    height:1200px!important;
  }
}



/* Über mich */

#section-ueber .et_pb_column {
  height:80vh;
}

@media (max-width: 981px) {
  #section-ueber .et_pb_column {
    height:50vh;
  }
}

@media (max-width: 1350px) {
  #section-ueber .ueber-mich-headline {
    margin-top:50px!important;
    margin-bottom:50px!important;
  }
  #section-ueber .ueber-mich-textlink {
    margin-top:20px!important;
  }
}

@media (max-width: 1330px) {
  #section-ueber .ueber-mich-headline {
    margin-top:40px!important;
    margin-bottom:40px!important;
    margin-left:60px!important;
  }
  #section-ueber .ueber-mich-textlink {
    margin-top:50px!important;
    margin-left:60px!important;
  }
  #section-ueber .ueber-mich-textlink p {
    font-size:22px;
  }
}








@media (max-width: 1350px) {
  #section-ueber .et_pb_row {
    display:flex;
  }
  .vita-col-img {
    position: relative!important;
    width:100%!important;
  }
  .vita-col-content {
    margin-right:0px!important;
  }
}

@media (max-width: 981px) {
  .vita-col-img {
    display:flex!important;
  }
}

@media (max-width: 700px) {
  #section-ueber .et_pb_row {
    display:flex;
    flex-direction: column-reverse;
  }
  .vita-modal-content h1 {
    font-size:20px!important;
  }
}



/* Impressionen */

.swiper-slide-container {
  border-radius: 10px;
}

/* VERAH */

.verah-row:before {
  content:"\f06a"!important;
  display:none;
}

/* FAQ */

.dipi-faq-title,
.dipi-faq-content {
  font-family: 'Lato'!important;
}

.dipi-faq-title span {
  font-size: 25px!important;
  color:var(--schwarz)!important;
}

.dipi-faq-entry.open .dipi-faq-title {
  background-color: #fff!important;
  border-bottom:1px solid var(--schwarz)!important;
}

@media (max-width: 576px) {
	.dipi-faq-title span {
    font-size: 18px!important;
    color:var(--schwarz)!important;
  }
}



/* CTA */

.dipi_expanding_cta-content {
  font-family: 'Lato';
}

.dipi_expanding_cta-content-wrapper {
  max-height:485px;
  padding-left:60px!important;
}

.dipi_expanding_cta-content .dipi-content-heading {
  max-width:70%;
}

.dipi_content_button::after {
  content: "\f090"!important;
  font-family: "Font Awesome 6 Pro"!important;
  font-weight: 400!important;
  font-size: 17px!important;
  color: var(--weiss)!important;
  margin-left: 15px;
}

.dipi-content-heading h1 {
  line-height:70px!important;
  padding-bottom:0px!important;
}


.cta-headline {
  font-size: 65px!important;
  font-weight:700!important;
  color:var(--schwarz)!important;
  line-height: 1em;
  margin-bottom:5px;
}

.cta-subline {
  font-size: 33px!important;
  font-weight:300!important;
  color:var(--schwarz)!important;
}

.dipi_expanding_cta-content .dipi-button-wrapper {
  max-width: 385px;
}

.dipi_expanding_cta-content .dipi_content_button {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dipi_expanding_cta-content .dipi_content_button:after {
  right: 20px;
}

.dipi_expanding_cta-content .dipi_content_button:hover::after {
  color:var(--hauptfarbe)!important;
}

@media (max-width: 981px) {
	.cta-headline {
    font-size: 40px!important;
    font-weight:700!important;
    color:var(--schwarz)!important;
    line-height: 1em;
    margin-bottom:5px;
  }
  
  .cta-subline {
    font-size: 28px!important;
    font-weight:300!important;
    color:var(--schwarz)!important;
  }
}

@media (max-width: 700px) {
	.cta-headline {
    font-size: 22px!important;
    font-weight:700!important;
    color: #000!important;
    line-height: 1em;
    margin-bottom:5px;
  }
  
  .cta-subline {
    font-size: 18px!important;
    font-weight:300!important;
    color:var(--schwarz)!important;
  }

  .dipi_expanding_cta-content .dipi-button-wrapper {
    max-width: 320px;
  }
}

/* CONTENT – End */

/* FOOTER */

.footer-rechtliches a {
  font-weight: 400;
  color:var(--schwarz);
}

.footer-rechtliches a:hover {
  opacity: 0.8;
}

.btn-footer {
  display: flex !important;
}

/* Pia */
.et_pb_with_border.et_pb_module.et_pb_pricing_tables_0.et_pb_pricing.clearfix.et_pb_pricing_1.et_pb_no_featured_in_first_row.et_pb_pricing_no_bullet {
  margin-inline: auto !important;
}
.et_pb_pricing_content_top
{
  display: none !important;
}
.sprechzeiten {
  border: none !important;
}
.sprechzeiten>tbody>tr>td {
  border: none !important;
  text-align: right !important;
  padding-right:0px;
  position: absolute;
  right: 0;
  top: 3px;
}
.sprechzeiten>tbody>tr>td>li {
  text-align: right !important;
}
.sprechzeiten>tbody>tr {
  border-bottom: 1px solid black !important;
  height: 75px !important;
  position: relative;
  display: block;
}
.sprechzeiten>tbody>tr:last-of-type {
  border-bottom: none !important;
}
.sprechzeiten>tbody>tr>th {
  padding-left:0px;
  position: absolute;
  top:7px;
}

.sprechzeiten .einzeln {
  top:15px;
}

.sprechzeiten .tag-einzeln {
  top:19px;
}


@media (max-width: 500px) {
	/* .et_pb_pricing th{
    position: relative!important;
    top:unset!important;
    padding-top:0px!important;
} */
  /* .et_pb_pricing td{
  padding-top:15px!important;
} */

.dipi_expanding_cta-content .dipi_content_button:after {
  right: 10px;
}

.dipi_content_button::after {
  font-size: 14px !important;
}

}

@media (max-width: 450px) {
  #dipi_popup_id_25840742.dipi_expanding_cta_0.dipi_expanding_cta .dipi_expanding_cta_container .dipi_expanding_cta-content-wrapper {
    background-position: -160px center !important;
  }
  .dipi-faq-title .dipi-faq-icon-closed, .dipi-faq-title .dipi-faq-icon-open, .dipi-faq-title:after, .dipi-faq-title:before {
    right: 0px!important;
  }
}

@media (max-width: 420px) {
  #dipi_popup_id_25840742.dipi_expanding_cta_0.dipi_expanding_cta .dipi_expanding_cta_container .dipi_expanding_cta-content-wrapper {
    background-position: -230px center !important;
  }

  .cta-subline {
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #fff !important;
  }
}
/* Pia Ende */


.intro-cards .et_pb_with_border.et_pb_module.et_pb_pricing_tables_0.et_pb_pricing.clearfix.et_pb_pricing_1.et_pb_no_featured_in_first_row.et_pb_pricing_no_bullet {
  margin-inline: unset!important;
}


/* Popup */

.dipi-popup-wrapper .et_pb_section {
  background-color: #fff;
  padding: 30px 40px 30px 40px;
  border-radius: 10px;
}

.dipi-popup-wrapper h3 {
  padding-bottom: 0px;
}

.modal-section {
  width:100%;
}

/* Online Rezeption von 321 MED */

.color_background {
  background-color: var(--hauptfarbe) !important;
}