/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* roboto-100 - 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: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 600;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800 - 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: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-800italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 800;
  src: url('/wp-content/themes/Divi-Child-Theme/fonts/roboto-v48-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.et_pb_row { width: 90%; }

body,h1, h2, h3, h4 {
	font-family: 'Roboto';
	font-weight: 400;
}
h1, h2, h3, h4, .et_pb_menu_0_tb_header.et_pb_menu ul li a {
	font-weight: 600;
}

body h1 { font-size: 32px; }
body h2 { font-size: 28px; }
body h3 { font-size: 24px; }
body h4 { font-size: 20px; }

/* Customs */
.inline-btn .et_pb_button_module_wrapper { display: inline-block; margin-right: 15px; margin-bottom: 15px !important; }
.inline-btn .et_pb_button_module_wrapper:last-of-type { margin-right: 0; }
.et-l--body ol {list-style-position: outside; padding-left: 1em; }

/* Buttons */
body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button { font-weight: 600; }

/* Header */
.pre-logo-header .et_pb_column_4_4 { text-align: right; }
.pre-logo-header .et_pb_image {
    display: inline-block;
    margin-bottom: 0 !important;
}

/* Lightbox */
html.slb_overlay body { overflow: hidden; }

/* Home */
.stage-header .inline-btn { text-align: left; }
.clinic-teaser .et_pb_main_blurb_image, .clinic-teaser .et_pb_main_blurb_image .et_pb_image_wrap, .clinic-teaser .et_pb_main_blurb_image .et_pb_image_wrap img {
  max-width: none;
  width: 100%;
} 
.clinic-teaser .et_pb_module_header { min-height: 50px; }
.netzwerk .et_pb_column { display: flex; flex-direction: column; }
.beitrags-wrapper .dp-dfg-skin-default .dp-dfg-item>* { padding: 0 !important; }
.beitrags-wrapper .dp-dfg-skin-default .dp-dfg-filters ul { justify-content: flex-start; }
.dp-dfg-skin-default .dp-dfg-filter a, .dp-dfg-pagination .pagination a, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link, 
.et-l .dp-dfg-pagination .pagination a.pagination-link {
  border-color: #3070b3;
}
.dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .pagination li.active a, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.active, 
.et-l .dp-dfg-skin-default .pagination li.active a,
.dp-dfg-skin-default .dp-dfg-filter a:hover, .dp-dfg-pagination .pagination a:hover, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:hover, 
.et-l .dp-dfg-pagination .pagination a.pagination-link:hover {
  background-color: #fff !important;
  color: #3070b3;
  text-decoration: underline;
}
.dp-dfg-skin-default .dp-dfg-filter, .dp-dfg-skin-default .pagination li { flex: 1; }

.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item { display: flex; }
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item,
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item > div { padding: 0; background: transparent; border: 0;}
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item > div,
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item .entry-title a { display: inline-block; } 
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item .entry-title,
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item .entry-title a { min-height: 60px; color: #3070b3 !important; font-weight: 400 !important; }
.beitrags-wrapper .dp-dfg-layout-grid .dp-dfg-item:hover .entry-title a { text-decoration:underline; }
.beitrags-wrapper .dp-dfg-items {
  counter-reset: article-counter;
}
.beitrags-wrapper .dp-dfg-items article { padding-bottom: 15px !important;border-bottom: 1px solid #3070b3 !important; }
/* .beitrags-wrapper .dp-dfg-items article::before,*/
.beitrags-wrapper .dp-dfg-skin-default .dp-dfg-item>.article-counter {
  /*
  counter-increment: article-counter;
  content: counter(article-counter);
  content: counters(article-counter, "") ". ";
  content: 
    counter(article-counter) ". ";

  content: 
    counter(article-counter, decimal-leading-zero) "";
  */
    
  display: inline-block;
  font-weight: 600;
  margin-right: 12px;
  color: #fff /* rgba(255,255,255,1)*/;
  border: 1px solid #3070b3;
  background: #3070b3 !important;
  font-size: 20px;
  line-height: 1.25em;
  height: 30px;
  padding: 3px 5px !important;
  text-align: center;
  word-wrap: normal;
  word-break: normal !important;
}

.dp-dfg-skin-default .dp-dfg-filter a.active, .dp-dfg-skin-default .pagination li.active a, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.active, 
.et-l .dp-dfg-skin-default .pagination li.active a,
.dp-dfg-skin-default .dp-dfg-filter a:hover, .dp-dfg-pagination .pagination a:hover, 
.et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:hover, 
.et-l .dp-dfg-pagination .pagination a.pagination-link:hover {
  background-color: #3070b3 !important;
  color: #fff;
  text-decoration: none;
}

.author-grid .dp-dfg-layout-grid .dp-dfg-image { margin: 0 !important;aspect-ratio: 1920 / 1279; width: 100%; height: auto; }
.author-grid .dp-dfg-layout-grid .dp-dfg-item { padding: 15px 12px; border-radius: 9px !important; display: flex; flex-direction: column; }
.author-grid .et_pb_button_wrapper.read-more-wrapper { padding-bottom: 0 !important; margin-top: auto; }
.author-grid .dp-dfg-content.entry-summary, .author-grid .dp-dfg-content.entry-summary p { line-height: 1.3em; margin-bottom: 10px; }
.author-grid .dp-dfg-header.entry-header { margin-top: 15px; }
.author-grid .dp-dfg-header.entry-header .entry-title { font-size: 18px !important; text-wrap: balance; }

.autoren-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  margin-top: 30px;
}

.autor-card {
  width: calc(33.333% - 30px); /* 3 Karten pro Reihe bei voller Breite */
  box-sizing: border-box;
  padding: 0 15px 0 0;
  margin-right: 15px;
  text-align: left;
  border-right: 1px solid #3070b3;
}
.autoren-grid.count-2-el .autor-card,
.autoren-grid.count-4-el .autor-card {width: calc(50% - 30px);}
.autoren-grid.count-1-el .autor-card {width: 100%;}
.autor-card:last-child,
.autoren-grid.count-2-el .autor-card:nth-child(2n),
.autoren-grid.count-4-el .autor-card:nth-child(2n) { border-right: 0; margin-right: 0; padding-right: 0; }
.autor-titel { font-size: 14px !important; font-weight: 600; }
.autor-beschreibung strong { font-weight: 400 !important; }

body.home .autoren .dp-dfg-image img { aspect-ratio: 1920/1279; object-fit: cover; object-position: center; }

@media (max-width: 900px) {
  .autor-card,
  .autoren-grid.count-2-el .autor-card,
  .autoren-grid.count-4-el .autor-card {
    width: calc(50% - 30px); /* 2 Karten pro Reihe */
    border-right: 0px solid #3070b3;
  }
  .autoren-grid.count-1-el .autor-card {width: 100%;}
}

@media (max-width: 767px) {
  .autor-card {
    width: 100% !important; /* 1 Karte pro Reihe */
  }
}

.autor-card img {
  width: 100%;
  max-width: 249px;
  border-radius: 5px;
  margin-bottom: 6px;
}
.autor-beschreibung { font-size: 14px; line-height: 1.3em; }
.autor-button a { font-size: 14px; display: inline-block; line-height: 1.3em; margin-top: 7px; }
.autor-button a:hover { text-decoration: underline; }

body.single .et-box.et-info { margin: 1rem 0 2rem; max-width: 560px; border: none; }
body.single .et-box.et-info:before { display: none !important; }
body.single .et-box.et-info .et-box-content { color: #fff; background-color: #3070b3; box-shadow: none; text-shadow: none; padding: 27px 27px 17px 27px; }
body.single .et-box.et-info .et-box-content strong { color: #fff; }

body.single .et_pb_post_content img { background-color: transparent !important; width: 100%; max-width: 450px; display: block;}
body.single .et_pb_post_content img.portrait { max-width: 300px; }
body.single .et_pb_post_content a img { padding: 7px; border: 2px solid #3070b3; transition: all 0.3s ease-out;}
body.single .et_pb_post_content a img:hover { transform: scale(1.03); }
body.single .divi-image-title { display: inline-block; font-size: 14px; color: #000; font-style: italic; padding: 3px 5px; background: #e9eef4;border: 2px solid #e9eef4; margin-bottom: 3px;}

body.single .et_pb_post_title h1, body.single .et_pb_post_content h2, body.single .et_pb_post_content h3 { 
  line-height: 1.3em !important;
  margin-top: .5em;
}
body.single .et_pb_post_title h1 { font-size: 2.4rem; margin-top: 0; }
body.single .et_pb_post_content h2 { font-size: 1.4rem;  }
body.single .et_pb_post_content h3 { font-size: 1.2rem; }

body.single .et_pb_post_content .et_pb_column_single { padding: 0 !important; }
body.single .et_pb_number_counter .percent { height: 48px; }
body.single .et_pb_number_counter .percent p { font-size: 48px; line-height: 48px; }
body.single .plus-counter .percent p:before { content: '> '; } 
body.single .plus-counter .et_pb_number_counter.smaller-than .percent p:before { content: '≤ '; } 
body.single .same-height-el .et_pb_column > div { min-height: 100%; } 
body.single .subtexte .et_pb_blurb {
  padding: 12px;
  border: 2px solid #3070b3;
}
body.single .subtexte .et_pb_blurb h3 { margin-top: 0 !important; padding-bottom: 3px;}
body.single .et_pb_post_content .et_pb_section > div { width: 100% !important; }

/* Autorenseite */
body.single-autoren .et_pb_text.et_pb_text_0_tb_body ul {
  list-style: none;
  padding-left: 0; 
  margin-left: 0;
}
body.single-autoren .et_pb_text.et_pb_text_0_tb_body ul li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: .75em;
}
body.single-autoren .et_pb_text.et_pb_text_0_tb_body p:not(.has-background):last-of-type,
body.single-autoren .et_pb_text.et_pb_text_0_tb_body p { padding-bottom: 1em; }

@media (max-width: 980px) {
  .et_pb_row_1_tb_header > div { margin-bottom: 0 !important; } 
}

@media ( max-width: 767px) {
  .pre-logo-header .et_pb_image { width: 33% !important; }
  body.single .et_pb_post_title h1 { font-size: 1.8rem; margin-top: 0; }
  body.single .et_pb_post_content h2 { font-size: 1.4rem;  }
  body.single .et_pb_post_content h3 { font-size: 1.2rem; }
}