/*
 Theme Name:  Divi Child
 Description: Divi Child Theme
 Template:    Divi
 Version:     1.0.0
*/

/* ============================================================
   CSS-VARIABLEN (zentrale Farbdefinitionen)
   ============================================================ */
:root {
  --color-blau:   #223E5C;
  --color-turkis: #3B8F94;
  --color-grau:   #e2e2e2;
  --color-text:   #666;
  --radius-sm:    10px;
  --radius-md:    15px;
  --radius-lg:    25px;
}


/* ============================================================
   TYPOGRAFIE & BASISFARBEN
   ============================================================ */
html, h1, h2, h3, h4, h5, h6, p, .kontaktbox, li {
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em;
}

h1 {
  font-size: 30px !important;
}
p.like_h3 {
  font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
  font-size: 22px;
}

p.like_h2,
h5.et_pb_toggle_title {
  font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
  font-size: 26px;
}


/* ============================================================
   FARB-HINTERGRÜNDE
   ============================================================ */
.bg_grau   { background-color: var(--color-grau); }
.bg_blau   { background-color: var(--color-blau); }
.bg_turkis { background-color: var(--color-turkis); }


/* ============================================================
   FORMULARELEMENTE
   ============================================================ */
.et_pb_contact .et_pb_contact_field_half,
.et_contact_bottom_container {
  width: 100%;
  clear: both;
}

.et_pb_contact_field_half,
.et_pb_contact_field,
.nf-field-element input,
.nf-field-element textarea {
  border: 1px solid var(--color-blau) !important;
  border-radius: var(--radius-md) !important;
  text-align: center;
  background: transparent !important;
  color: var(--color-text) !important;
}

textarea,
input {
  text-align: center;
  color: var(--color-text) !important;
}

.et_contact_bottom_container button,
.nf-form-content input[type="submit"] {
  width: 100% !important;
  background-color: var(--color-blau) !important;
  color: #fff !important;
  padding: 10px !important;
  margin-left: 0 !important;
  margin-top: 20px !important;
  border-radius: var(--radius-md) !important;
}

.et_contact_bottom_container button:hover,
.nf-form-content input[type="submit"]:hover {
  background-color: var(--color-blau) !important;
  color: #efefef !important;
  border-radius: var(--radius-md) !important;
  padding: 10px !important;
}

.nf-error.field-wrap .nf-field-element::after {
  background: transparent !important;
}

.nf-response-msg p {
  color: var(--color-text) !important;
}

.nf-field-label,
.nf-form-fields-required {
  display: none;
}

/* Suchfeld im Formular */
.bg_grau input {
  border-radius: var(--radius-md);
  height: 50px;
}

.bg_grau input[type="text"] {
  background-color: #fff !important;
  margin-right: 15px;
  text-align: left;
  padding: 0 30px !important;
}

.bg_grau input[type="submit"] {
  background-color: var(--color-blau) !important;
  color: #fff !important;
  padding: 0 50px;
}


/* ============================================================
   NAVIGATION & MENÜ
   ============================================================ */
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
  color: var(--color-turkis) !important;
}

.nav li ul {
  border-color: var(--color-turkis) !important;
}

#top-menu .menu-item-has-children > a:first-child {
  padding-right: 0;
}

#top-menu .menu-item-has-children > a:first-child::after,
#et-secondary-nav .menu-item-has-children > a:first-child::after {
  content: "\25BE" !important;
  position: relative !important;
}

.mobile_menu_bar::before,
.mobile_menu_bar::after,
#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
  color: var(--color-blau);
}

.et_mobile_menu {
  border-top: 0;
}

/* Suchfeld im Menü */
.menu-search-toggle {
  position: relative !important;
}

.menu-search-toggle:hover .menu-search-form:not(.active) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.menu-search-form {
  display: none !important;
  position: absolute;
  top: calc(70% + 10px);
  right: 0;
  background: #fff;
  padding: 15px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  min-width: 320px;
  z-index: 999999;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}

.menu-search-form.active {
  display: block !important;
}

.menu-search-form input[type="search"] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

.menu-search-form input[type="search"]:focus {
  outline: none;
  border-color: #0073aa;
}

/* Suchicon im Menü */
.menu-search-toggle > a {
  font-size: 0;
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative;
}

.menu-search-toggle > a::before {
  content: "\55";
  font-family: 'ETmodules' !important;
  font-size: 14px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}


/* ============================================================
   LAYOUT-HELFER
   ============================================================ */
.relative  { position: relative; }
.absolute  { position: absolute; }
.center    { text-align: center !important; }
.text_links { text-align: left !important; }

.bottom_0   { margin-bottom: 0 !important; }
.bottom_60  { margin-bottom: 60px; }
.top_0      { margin-top: 0 !important; }
.right_30   { margin-right: 30px !important; }

.bottom_pad_0 { padding-bottom: 0 !important; }
.top_pad_0    { padding-top: 0 !important; }

.nopad,
.footer_nopad { padding: 0 !important; }

.border {
  border: 1px solid #fff;
  border-radius: var(--radius-md);
  padding: 15px;
}


/* ============================================================
   FARB-KLASSEN FÜR SCHRIFTEN
   ============================================================ */
.black_font p,
.black_font li {
  color: var(--color-text) !important;
}

.black_font a       { color: #000; }
.black_font a:hover { color: var(--color-text); }

.black_font h1,
.black_font h2,
.black_font h3,
.ratgeber article h2,
.archive h1,
.archive h2,
.archive h2 a,
.search-results h2,
.search-results h1,
h5.et_pb_toggle_title {
  color: var(--color-turkis) !important;
}

.grey_font       { color: #707070; }
.grey_font a     { color: #707070 !important; }

.post-meta       { color: var(--color-text); }
.post-meta a     { color: #000 !important; }
.post-meta a:hover { color: var(--color-text) !important; }


/* ============================================================
   EINZELNE ARTIKEL / BLOG
   ============================================================ */
.single h1     { color: var(--color-turkis); }
.single h2     { margin-top: 20px; }
.single #footer_cta { display: none; }

a.more-link {
  background-color: var(--color-blau);
  color: #fff;
  padding: 5px 20px 9px;
  border-radius: var(--radius-sm);
  width: 120px;
  margin-top: 15px;
}


/* ============================================================
   KONTAKT
   ============================================================ */
.kontakt h1,
.kontakt h2 {
  color: var(--color-blau) !important;
}

.kontakt_icon img    { height: 90px; }
.kontakt_pfeil img   { height: 50px; }
.kontakt_telefon     { padding-top: 15px; }

.kontaktbox,
.leistungen_box {
  text-transform: uppercase;
  line-height: 1em;
  max-width: 405px;
}

.kontaktbox img {
  float: left;
  width: 70px;
  margin-right: 30px;
}

.kontaktbox img.daniela {
  border-radius: 50%;
  margin-right: 0;
  width: 100px;
}

.kontaktbox img.phone {
  display: inline;
  width: 40px;
  margin-right: 10px;
}

.kontaktbox .kontakt_telefon a {
  color: #fff;
  font-size: 1.5em;
  line-height: 1em;
}

.kontaktbox .mixed-characters {
  text-transform: initial;
  font-size: 1.5em;
  text-align: left;
}

.leistungen_box a,
.kontaktbox a {
  color: #fff;
  display: table-cell;
  font-size: 1.25em;
  line-height: 1.2em;
}

.kontaktbox .kontakt_telefon a:hover,
.leistungen_box a:hover,
.kontaktbox_bewerbung a:hover,
.kontaktbox a:hover {
  color: #efefef;
}

.leistungen_box img {
  float: left;
  width: 48px;
  margin-right: 30px;
  transform: rotate(315deg);
  margin-top: 12px;
  margin-left: 20px;
}
.kontaktbox_bewerbung	{
	font-size:1.5em;
	line-height: 1em;
  max-width: 405px;
	color:#fff;
	text-align:center;
}
.kontaktbox_bewerbung img {
  display:table-cell;
	vertical-align:middle;
  width: 40px !important;
  margin-right: 30px;
	margin-left:18px;
	border-radius:0px !important;	
}
.kontaktbox_bewerbung span {
	display:table-cell; 
	vertical-align:middle;
	padding-top:4px;
}
.kontaktbox_bewerbung a {
	display:table-row;
  color: #fff;
  font-size: 1.3333em;
  line-height: 1.2em;
	text-transform:uppercase;
	
}
#pdf-download	{
	margin-left:calc(50% - 203px);
}
.kontaktbox_video	{
	margin-left:calc(50% - 230px);
	max-width:460px;
}

/* ============================================================
   TEAM & PERSONEN
   ============================================================ */
.team_member {
  border-radius: var(--radius-lg);
  text-align: center;
  padding: 30px 5px;
  min-height: 380px;
}

.team_member img {
  border-radius: 50%;
  margin-bottom: 15px;
  height: 150px;
}

.team_member a        { color: #fff; }
.team_member a:hover  { color: #efefef; }

.betreuer { min-height: 330px; }

.daniela img {
  border-radius: 50%;
  height: 150px;
  margin-right: 30px;
}

.daniela div {
  display: inline-block;
  vertical-align: middle;
}

.daniela div.text {
  width: calc(100% - 190px);
}

img.float-left {
  float: left;
  margin-bottom: 0;
  margin-right: 30px;
}


/* ============================================================
   LEISTUNGEN
   ============================================================ */
.leistung_detail {
  border-radius: var(--radius-lg);
  padding: 20px;
}

.leistung_detail h3 {
  font-size: 1em;
  line-height: 1.2em;
}


/* ============================================================
   PARTNER & CUCO
   ============================================================ */
.partner {
  border-radius: var(--radius-lg);
  padding: 50px;
}

.partner img {
  width: 70%;
  margin-bottom: 35px;
}

.cuco img {
  padding: 30px;
  border-radius: var(--radius-lg);
  background-color: #fff;
}


/* ============================================================
   BILDER & DEKOELEMENTE
   ============================================================ */
.runde_ecke img { border-radius: var(--radius-md); }

img.deko_blatt_bild,
.jobs img,
.leistungen_moodshot img,
.ratgeber img,
.landing_page img {
  border-radius: var(--radius-lg);
  width: 100%;
}

.deko_blatt_bild { z-index: 1; }

.deko_blatt {
  left: calc(100% - 60px);
  top: calc(50% - 50px);
  z-index: 10;
  width: 150px;
}


/* ============================================================
   CUSTOM BULLET LISTS
   ============================================================ */
ul.custom-bullets-blatt,
ul.custom-bullets-blatt-black,
ul.custom-bullets-blatt-turkis,
ul.custom-bullets-minus,
ul.custom-bullets-plus {
  list-style: none;
  padding-left: 0;
}

ul.custom-bullets-blatt li,
ul.custom-bullets-blatt-black li,
ul.custom-bullets-blatt-turkis li,
ul.custom-bullets-minus li,
ul.custom-bullets-plus li {
  position: relative;
  padding-left: 24px;
}

ul.custom-bullets-plus li,
ul.custom-bullets-minus li {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Gemeinsame Basis für SVG-Bullets */
ul.custom-bullets-blatt li::before,
ul.custom-bullets-blatt-black li::before,
ul.custom-bullets-blatt-turkis li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  width: 16px;
  height: 16px;
  background-size: contain;
  transform: translateY(-50%) rotate(270deg);
}

ul.custom-bullets-minus li::before,
ul.custom-bullets-plus li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15px;
  width: 16px;
  height: 16px;
  background-size: contain;
}

/* Individuelle SVG-Quellen */
ul.custom-bullets-blatt li::before {
  background-image: url('/wp-content/uploads/2025/06/Aufzaehlung-Blatt.svg');
  background-repeat: no-repeat;
  background-position: center;
}

ul.custom-bullets-blatt-black li::before {
  background-image: url('/wp-content/uploads/2025/06/Aufzaehlung-Blatt-schwarz.svg');
  background-repeat: no-repeat;
  background-position: center;
}

ul.custom-bullets-blatt-turkis li::before {
  background-image: url('/wp-content/uploads/2026/02/Aufzaehlung-Blatt-tuerkis.svg');
  background-repeat: no-repeat;
  background-position: center;
}

ul.custom-bullets-minus li::before {
  background-image: url('/wp-content/uploads/2026/02/Minus.svg');
  background-repeat: no-repeat;
  background-position: center;
}

ul.custom-bullets-plus li::before {
  background-image: url('/wp-content/uploads/2026/02/Plus.svg');
  background-repeat: no-repeat;
  background-position: center;
}

ul.bekannt-aus	li	{
	display:inline-block;
	margin:0px 15px;
	padding-bottom:0px;
}
ul.bekannt-aus	li	img	{
	height:40px;
}

/* ============================================================
   SCHRITTE-LISTE (Numbered Steps)
   ============================================================ */
.schritte-liste {
  list-style: none;
  counter-reset: schritte;
  flex-wrap: wrap;
  gap: 20px;
  padding: 0;
}

.schritte-liste li {
  counter-increment: schritte;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 50px;
}
.desktop	.schritte-liste li	{
	display:inline-block;
	max-width:16%;
	margin-left:1%;
	margin-right:1%;
}
.schritte-liste li:last-child { margin-bottom: 50px; }

.schritte-liste li::before {
  content: counter(schritte);
  color: #fff;
  line-height: 1;
  margin-bottom: 15px;
  background-color:var(--color-blau);
  border-radius:50%;
  padding:15px 18px;
}

.schritte-liste img {
  width: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
}
img.vertikaler_pfeil	{
	width:30px;
	margin-bottom: 0px;
}
.schritte-liste img.handshake {
  height: 100px;
  width: auto;
}
.font_15	{
	font-size:1.5em;
	line-height:1.2em;
}
.font_black	h2	{
	color:#000 !important;
}

.desktop .schritte-liste {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  position: relative;
  counter-reset: schritte;
}

.desktop .schritte-liste::before {
  content: '';
  position: absolute;
  top: 130px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #1e2d4a;
  z-index: 0;
}

.desktop .schritte-liste li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  flex: 1;
  font-size: 0.9rem;
  color: #1e2d4a;
  line-height: 1.4;
  counter-increment: schritte;
  list-style: none;
}

/* Icon oben */
.desktop .schritte-liste li img {
  order: 1;
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: 30px;
}
.desktop .schritte-liste li img.handshake {
	height: 60px;
	width:auto;
}
/* br verstecken */
.desktop .schritte-liste li br {
  display: none;
}

/* Nummerierter Kreis in der Mitte */
.desktop .schritte-liste li::before {
  content: counter(schritte);
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 14px;
  border-radius: 50%;
  background-color: #1e2d4a;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

/* Text unten */
.desktop .schritte-liste li span {
  order: 3;
  font-size:1.5em;
}

.desktop .schritte-liste li::after {
  content: none;
}
.big_h2	h2	{
	font-size:2em;
}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonial img { width: 150px; border-radius: 50%; }
/*.testimonial p   { color: var(--color-turkis) !important; }*/

.sterne          { margin-top: 15px; }
.sterne img      { display: inline; width:20px; }

/* Slider-Animationen deaktivieren */
html body #page-container .testimonial_slider .et_pb_slide .et_pb_slide_description {
  animation-name: none !important;
  -webkit-animation-name: none !important;
  transform: none !important;
  opacity: 1 !important;
}

html body #page-container .et_pb_slider .et_pb_slide {
  animation-name: none !important;
  -webkit-animation-name: none !important;
}
.team_slider	img	{
	width:120px;
	border-radius:50%;
}
.team_slider	h4, .testimonial_slider	h4	{
	display:none;
}
.team_slider	p {
	font-size:1.5em;
}
.testimonial_slider	p	{
	font-size: 1.2em;
}
.testimonial_slider	p.bewertung	{
	font-size: 1.5em;
	 font-style: italic;
}
.team_slider	.dica_divi_carouselitem, .testimonial_slider	.dica_divi_carouselitem {
	text-align:center;
	border-radius:var(--radius-lg);
	padding:30px;
	margin-bottom:30px !important;
}
.testimonial_slider	.dica_divi_carouselitem {
	min-height:425px;
}
/* ============================================================
   GARANTIEN & PLUS/MINUS-BEREICHE
   ============================================================ */
.garantien .et_pb_column,
.transparent_grey .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.garantien img { border-radius: var(--radius-lg); }

.garantien h2, .videos h2, .page-id-5381 h2 {
  font-size: 42px;
  font-weight: 600;
}
.garantien h3, .videos h3	{
	font-size: 30px;
  font-weight: 600;
}
.videos h3	{
	margin-top: 50px;
}
.videos	p	{
	font-weight: 600;
}
.garantien h3 span.font_lato {
  font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
  font-size: 24px;
}

.plus-minus h3 {
  font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
  color: #233E5C !important;
  font-weight: 600;
}


/* ============================================================
   TOGGLE / ACCORDION
   ============================================================ */
.et_pb_toggle {
  border: 0;
  background-color: #fff;
  padding: 0;
}

.et_pb_toggle_title::before {
  color: var(--color-turkis);
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.toggle_pos {
  margin-top: -60px;
  margin-bottom: 60px;
}


/* ============================================================
   FOOTER
   ============================================================ */
.footer_claim {
  font-family: 'Playfair Display', Georgia, "Times New Roman", serif;
  font-size: 2em;
  line-height: 1.2em;
  color: var(--color-turkis);
  text-align: center;
  margin-top: 90px;
}

.footer_claim img {
  width: 100px;
  display: block;
  margin-left: calc(50% - 50px);
}

.footer_links,
.footer_rechts { margin-top: 60px; }

.footer_rechts { min-width: 320px; }

.footer_links p,
.footer_rechts p,
.footer_links a,
.footer_rechts a { color: #000; }

.footer_links a:hover,
.footer_rechts a:hover { color: var(--color-text); }

.footer_links img,
.footer_rechts img {
  float: left;
  height: 65px;
  margin-right: 30px;
}

.footer_links img { margin-bottom: 100px; }


/* ============================================================
   ÜBER MICH
   ============================================================ */
.uber_mich_blau {
  margin-top: 30px;
  margin-right: 30px;
}

.uber_mich h2 { margin-top: 0; }


/* ============================================================
   SUCHSEITE
   ============================================================ */
.search-results #sidebar { display: none; }

.search-results #left-area {
  width: 100% !important;
  float: none;
  margin: 0;
  padding-right: 0 !important;
}

.search-results #main-content .container::before { display: none !important; }

.search-results h1 { margin-bottom: 5.82%; }

.search-results .post-meta { display: none; }


/* ============================================================
   RATGEBER / ARCHIV
   ============================================================ */
.ratgeber article,
.archive article { border-radius: var(--radius-md); }

.archive .et_pb_ajax_pagination_container h1 { display: none; }


/* ============================================================
   DIVERSES / SONSTIGES
   ============================================================ */
#ez-toc-container {
  background-color: transparent;
  border-radius: var(--radius-md);
}

.ez-toc-js-icon-con { border: 0 !important; }

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
  max-width: 1200px;
}

.saboxplugin-wrap {
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}

.kastl .et_pb_column_1_2 {
  border: 1px solid var(--color-turkis);
  border-radius: var(--radius-lg);
  padding: 20px;
}

.partner { border-radius: var(--radius-lg); padding: 50px; }

.transparent_grey {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 600px;
  padding: 30px !important;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.transparent_grey p {
  color: #000 !important;
  font-size: 1.5em;
}

.transparent_grey .border { border: 0; }

ul.pad_top_20 { padding-top: 20px; }

.sidebar,
#main-footer { display: none; }

.content-area { width: 100%; }

/* Page-spezifische Footer-CTA-Ausblendung */
.page-id-4450 #footer_cta,
.page-id-4494 #footer_cta,
.page-id-4510 #footer_cta,
.page-id-4530 #footer_cta,
.page-id-4695 #footer_cta,
.page-id-5381 #footer_cta { display: none; }

.page-id-4530 #nf-form-title-3 { display: none; }

.page-id-4510 .bg_grau h2 { color: var(--color-blau) !important; }

.page-id-4695 h1,	.page-id-5381 h1  {
  font-size: 5em !important;
  color: var(--color-blau) !important;
  font-weight: 600;
}

.page-id-4695 .kontaktbox .kontakt_telefon a, .page-id-5381 .kontaktbox .kontakt_telefon a { font-size: 1em; }
.page-id-4695 .kontaktbox img.phone, .page-id-5381 .kontaktbox img.phone { width: 25px; }




/* ============================================================
   MEDIA QUERIES
   ============================================================ */

/* --- Tablet & Mobile ( 980px) --- */
@media (max-width: 980px) {
  .leistungen_box {
    text-align: center;
  }

  .leistungen_box img {
    margin-left: calc(50% - 33px);
    margin-bottom: 25px;
  }

  .nobr         { white-space: nowrap; }
  .mobile_noshow { display: none; }

  .footer_rechts { margin-top: 0; }
  .footer_claim  { margin-top: 0; }

  .uber_mich_blau {
    margin-top: 0;
    margin-bottom: 30px !important;
    margin-left: calc(50% - 203px);
  }

  #et-top-navigation .menu-search-form { top: 100%; }

  .deko_blatt { display: none; }

  .kontaktbox_startseite {
    width: 100% !important;
    max-width: 475px;
	margin-left: calc(50% - 237.5px); 
  }

  .testimonial p { font-size: 18px; }

  .transparent_grey {
    margin-top: 180px;
    width: 100vw !important;
  }
	.transparent_grey	p {
    text-align:center;
  }
  .page-id-4695 h1, .page-id-5381 h1 { font-size: 3em !important; }
  img.footer_pflegeaustria	{
  	margin-bottom:20px !important;
  	margin-left:calc(50% - 35px);
  	margin-right:calc(50% - 35px);
  	display:block;
  	
  }
  ul.bekannt-aus	{
		text-align:center;
		width:100%;
	}
  ul.bekannt-aus	li:first-child	{
  	display:block;
  	margin-bottom:20px;
  }
.et_pb_column_4_4 ._3d-flip-book,
  .et_pb_code_inner ._3d-flip-book {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  ._3d-flip-book .book-widget {
    overflow: hidden !important;
    width: 100% !important;
  }
	.garantien	h3	{
		margin-right:35px;
	}
	.kontaktbox_video	{
		text-align:center;
	}
}
@media (min-width: 981px) and (max-width: 1050px) {
	
	.kontaktbox_bewerbung img {
		display:none;
	}
	.kontaktbox_bewerbung a {
	display:inline;	
	}
}
@media (max-width: 530px) {
	.kontaktbox_startseite {
    margin-left: 0px; 
  }
	.kontaktbox_bewerbung img {
		display:none;
	}
	.kontaktbox_bewerbung a {
	display:inline;	
	}
	#pdf-download	{
		max-width:300px;
		margin-left:calc(50% - 150px);
	}
}
/* --- Desktop ( 981px) --- */
@media (min-width: 981px) {
.et_header_style_left #et-top-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
	
  .et_header_style_left #et-top-navigation nav > ul > li > a {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .leistung_detail { min-height: 270px; } /* dreispaltig */

  .leistungen_box { min-width: 365px; }

  .nav li ul {
    margin-left: -150px;
    width: 535px;
  }

  #top-menu li li a {
    padding: 0 5px;
    width: 505px;
  }

  .uber_mich_blau { float: right; }

  .center_box #box {
    margin-left: auto;
    margin-right: auto;
  }

  .center_desktop { text-align: center !important; }

  .kontaktbox_startseite {
    width: 100% !important;
    min-width:390px;
	  max-width: 475px;
  }
  #CTA_Startseite_unten { margin-left: calc(50% - 237.5px); }
  ul.bekannt-aus	{
		width:100%;
		display: flex;
	  align-items: center; 
	  justify-content: center;
	  padding:0px;
	}
	.garantien h3 {
	  margin-top:100px;
	}
	.left_90 { margin-left: 90px; }
	.padding_right_20	{	padding-right:20px;	}
	.desktop_right {	text-align: right!important;	}

}
/* --- Mittleres Desktop-Breakpoint (980px–1100px) --- */
@media (min-width: 981px) and (max-width: 1350px) {
  .kontaktbox_startseite {
    width: 100% !important;
    max-width: 390px;
	  margin-left: calc(50% - 195px);
  }
  
}

/* --- Großes Desktop ( 1250px) --- */
@media (min-width: 1250px) {
  .kontaktbox { width: 405px; }

  .leistungen_box {
    width: 405px;
    margin-left: -50px;
  }


}

/* --- Breite Viewports mit Footer-Anpassung ( 1249px) --- */
@media (max-width: 1249px) {
  .footer_links img { margin-bottom: 55px; }
}

/* --- Kontaktbox: Tablet/Desktop ( 451px) --- */
@media (min-width: 451px) {
  .kontaktbox div.table-cell {
    display: table-cell;
    vertical-align: middle;
  }

  .kontaktbox div.table-cell:nth-child(2) { padding-left: 30px; }
  .kontaktbox div.desktop                  { display: table-cell; }
  .kontaktbox div.mobile                   { display: none; }
}

/* --- Kontaktbox: Mobile ( 450px) --- */
@media (max-width: 450px) {
  .kontaktbox span              { text-align: center; }
  .kontaktbox img.daniela       { margin-right: 15px; }
  .kontaktbox .desktop          { display: none; }
  .kontaktbox .mobile           { display: block; }

  .kontaktbox .mixed-characters,
  .page-id-4695 .kontaktbox .kontakt_telefon a, .page-id-5381 .kontaktbox .kontakt_telefon a { font-size: 1em; }

  .page-id-4695 .kontaktbox img.phone, .page-id-5381 .kontaktbox img.phone { width: 25px; }

  #CTA_Startseite_unten { min-height: 130px; }
}

/* --- Sehr kleine Screens ( 510px) --- */
@media (max-width: 510px) {
  .uber_mich_blau { margin: 0 !important; }
}
/* Mobile Nav Breakpoint */
@media only screen and (max-width: 1150px) {
  #top-menu-nav {
    display: none !important;
  }
  #et_mobile_nav_menu {
    display: block !important;
  }
  /* Logo-Größe zwischen 981-1150px fix */
  img#logo {
    width: 290px !important;
    height: 54%;
  }
  /* Padding-left von et-top-navigation zurücksetzen */
  #et-top-navigation {
    padding-left: 0 !important;
  }
	#main-header, .et_header_style_left .logo_container	{
		height: 80px;
	}
	.et_header_style_left #et-top-navigation .mobile_menu_bar	{
		padding-top: 24px;
	}
	.et_header_style_left #et-top-navigation {
		padding-top:0px;
	}
}

@media only screen and (min-width: 1151px) {
  #top-menu-nav {
    display: block !important;
  }
  #et_mobile_nav_menu {
    display: none !important;
  }
 	img#logo	{ width:300px;}
  
}