/*
Theme Name: Hybrid
Theme URI: http://werbestudio-hild.de
Author: Werbestudio Hild
Description: Hybrid FSE Theme
Version: 1.0
*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://kunden.werbestudio-hild.de/kfu/wp-content/themes/hybrid-theme/assets/fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* WP Gallery Block Fix: Display all Images same height */
.wp-block-gallery.has-nested-images figure.wp-block-image img {
  aspect-ratio: 1; /* squared size thumbnails */ 
  object-fit: cover;
  }
  .wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0; /* width fix */ 
  }
  
  /* @media(max-width:1200px){
      .wp-block-columns.is-layout-flex {
          padding: 20px;
      }
  } */

 .wp-block-image, 
 .wp-block-image img{
    transition: all 1s;
  }

.wp-block-column.has-background {padding: 25px;}

html, body {
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
    scroll-behavior: smooth;
    /* overflow-x:hidden; */
    overflow-wrap: unset;
    word-break: unset;
}



strong {
    font-weight: bolder;
}

p,ul,li{
    font-size:22px;
    font-weight:100;
    font-family: "Open Sans", sans-serif;
}

a{
    text-decoration: none;
    color:#111;
}

	ul li {
    list-style-position: inside;
}
.scrolloffset {scroll-margin-top: 200px;}

.wp-block-button .wp-block-button__link:where(.is-style-outline), .wp-block-button:where(.is-style-outline)>.wp-block-button__link {
    border: 1px solid;
    padding: 0.667em 1.333em;
}
.alignwide{
    /* width:1400px; */
    margin: 0 auto;
}

.gap0{gap: 0;}

/* @media(max-width:1399px){
    .alignwide{width:100vw; padding: 0 40px;}
} */

h1,h2,h3,h4,h5,h6, .hsmall{
    line-height: 1.5;
    font-family: "Open Sans", sans-serif;
    font-weight:700;
    margin:0;
}

h1{font-size:2em; color: #5e5e5e;}
h2{font-size:30px; color: #173a5d; padding-bottom: 15px;}
h3{font-size:26px; color: #173a5d;}

p#headline {
  font-weight: 900;
  line-height: 1.3;
}

.wp-block-group {
    box-sizing: border-box;
    margin: 2em 0px;
}

.startbox_text_l_header {
    width: 110%;
    position: relative;
    z-index: 2;
    background-image: -webkit-linear-gradient(left, rgba(0,59,83,0.90), rgba(0,72,102,0.70));
    background-image: linear-gradient(to right, rgba(0,59,83,0.90), rgba(0,72,102,0.70));
    margin: 2%;
    padding: 2%;
}
.startbox_text_2_header {
    width: 70%;
    position: relative;
    z-index: 2;
    background-image: -webkit-linear-gradient(left, rgba(0,59,83,0.90), rgba(0,72,102,0.70));
    background-image: linear-gradient(to right, rgba(0,59,83,0.90), rgba(0,72,102,0.70));
    padding: 2% 2% 2% 70px;
	margin:  2% 2% 2% -10%;
}

footer .wp-block-group { margin:  0px !important;}
footer{position:relative;width:100vw;overflow:hidden;}

.footer-content{
  position: relative;
  z-index: 2;
}

footer p, footer a{
  font-size:18px;
}

footer .wp-block-social-links{
  margin: 0;
}

#return-to-top {
    opacity: 0;
    position: fixed;
    right: 45px;
    bottom: 160px;
    z-index: 2;
    cursor: pointer;
    background-color: #173a5d;
    padding: 15px 19px;
    text-align: center;
    border-radius: 20%;
}

#return-to-top i{color:#fff;}

.login::before {
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path fill='%23333' d='M416 160L480 160C497.7 160 512 174.3 512 192L512 448C512 465.7 497.7 480 480 480L416 480C398.3 480 384 494.3 384 512C384 529.7 398.3 544 416 544L480 544C533 544 576 501 576 448L576 192C576 139 533 96 480 96L416 96C398.3 96 384 110.3 384 128C384 145.7 398.3 160 416 160zM406.6 342.6C419.1 330.1 419.1 309.8 406.6 297.3L278.6 169.3C266.1 156.8 245.8 156.8 233.3 169.3C220.8 181.8 220.8 202.1 233.3 214.6L306.7 288L96 288C78.3 288 64 302.3 64 320C64 337.7 78.3 352 96 352L306.7 352L233.3 425.4C220.8 437.9 220.8 458.2 233.3 470.7C245.8 483.2 266.1 483.2 278.6 470.7L406.6 342.7z'/></svg>");
	display: inline-block;
	width: 15px;
	height: 15px;
}
.login a{padding-left: 8px!important;}
/* Breakpoint WP anpassen / einspaltig schon ab 900px*/

@media (min-width: 782px) and (max-width:900px){
  .wp-block-columns {flex-wrap: wrap!important;}
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {flex-basis: 100%!important;}
}

@media (max-width: 900px){
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
      grid-template-columns: 1fr;
  }
}

/* Custom Tabs */
.tab{padding-top: 20px;}
.tab button {
  display: block;
  background-color: transparent;
  color: #ccc;
  width: 90%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: inherit;
  position: relative;
}

.tab button.active {
  font-weight: 700;
  color: #444;
  padding-left:20px;
}

.tab .wp-block-button .wp-block-button__link{ font-size:18px;}
.tab .wp-block-button:hover{ letter-spacing: 0;}
.tab .wp-block-button:hover .wp-block-button__link{ background-color:#d02d2db0; color: #fff;}
.tablinks.acb .wp-block-button__link{ background-color:#d02d2d;  color: #fff;}
.wp-block-buttons .wp-block-button__link {
    width: 100%;
    letter-spacing: 2px;
}

.tabcontent {
  position: relative;
  top: 0;
  min-height: 439px;
  width: 100%;
  padding: 0;
  opacity: 0;
  transition: 2s ease opacity;
  border-left: 10px solid #d02d2d;
  padding-left: 20px;
}

.tabcontent.defaultOpen{
  display:block;
  opacity:1;
}

.hsmall{
  position: relative;
  font-weight:700;
}
.hsmall:after {
  content: "";
  width: 250px;
  height: 5px;
  background-color: #d02d2d;
  position: absolute;
  left: -20px;
  top: 34px;
}

.slick-dots li button:before {font-size: 11px;}

.menu-item.active a {
  font-weight:800!important;
}

/*hero*/
.hero {
    letter-spacing: 5px;
	font-weight: 700;
    display: grid;
    justify-content: end;
    padding: 0px;
}
.hero  p{padding: 15px 60px !important;}
/* Boxed Overlay Tabs */
.targetDiv {
  position: fixed;
  top: 120px;
  left: 0;
  z-index: 999;
  backdrop-filter: blur(10px);
  color: #111;
  width: 100vw;
  max-width: 100vw;
  height: calc(100vh - 120px);
  overflow: scroll;
  background: #fff;
  display: none;
}
.contentinner {
  height: 100%;
  padding: 150px 0;
}
.closecontent {
  cursor: pointer;
  position: absolute;
  right: 10%;
  top: 10vh;
  z-index: 2;
}
.bshowSingle{
  cursor:pointer;
  border: 1px solid #ccc;
  transition: all 1s;
}
.bshowSingle:hover{
  transform: scale(0.95);
}

/* Tabs Plugin */
.plethoraplugins-sidenavjump li a.active {
  border-left-color: #676767 !important;
}

/* .js-plethoraplugins-tabs--link.active span{
  color:#d02d2d!important;
} */

@media(max-width:900px){
  .plethoraplugins-sidenavjump{
    flex-basis: 100%!important;
    padding-left: 20px!important
  }
  .plethoraplugins-tabs--content.plethoraplugins-sidenavjump-content{
    flex-basis: 100%!important;
    padding:20px!important;
  }
}

.closecontent2{
  cursor: pointer;
}


.closecontent2 p{
  transition: all 0.5s;
}


.closecontent2:hover p{
  letter-spacing: 2px;
}

.iconafter{position:relative;}
.iconafter svg{
  position: absolute;
  margin-top: 46px;
  width: 50vw;
  height: 50vh;
  left: 0%;
}

.textwidget p{
  font-size:18px;
  margin: 0;
}

/*  */

#stage{position:relative;}

/* Scroll Down */
/* scroll down arrows */
.arrows_container {
  position: absolute;
  bottom: 10vh;
  left: calc(50vw - 30px);
  display: block;
  margin: 0 auto;
  width: 37px;
  height: 31px;
}

.chevron {
  position: absolute;
  width: 59px;
  height: 6px;
  opacity: 0;
  transform: scale3d(1, 2, 3);
  animation: move 3s ease-out infinite;
}

.chevron:first-child {
  animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
  animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50.5%;
  background: #fff;
}

.chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 5px;
}

.chevron:after {
  right: 0;
  transform: skew(0deg, -30deg);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 5px;
}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}

.teamslider .slick-dots li button:before {color: #272d35;}

.teamslider .slick-dots li.slick-active button:before{opacity: 1;color: #272d35;}

#karriere .wp-block-columns{ margin:0;}

.teamslider .slick-dots { bottom: -50px;}

/* 1. Den Container des Bildes auf volle Breite zwingen und zentrieren */
.wp-block-gb-for-slick-slider-slick-slider-item {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 150px; /* Optional: Gleicht unterschiedliche Logohöhen aus */
}

/* 2. Die Figure-Elemente (Gutenberg Standard) zurücksetzen */
.wp-block-gb-for-slick-slider-slick-slider-item figure {
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 3. Das Bild selbst daran hindern, links zu kleben */
.wp-block-gb-for-slick-slider-slick-slider-item img {
    margin: 0 auto !important;
    display: block !important;
    width: auto !important; /* Verhindert, dass Logos auf 100% gezerrt werden */
    max-width: 100%;
}

/* 4. Slick-spezifische Korrektur (falls nötig) */
.slick-slide > div {
    display: flex !important;
    justify-content: center !important;
}

#kundenstimmen .slick-nav{margin-top: 5px;}
#kundenstimmen .slick-prev, .slick-next {
  display: block;
  background: #272d35;
  position: absolute;
  left: 0;
  bottom: -180px;
  width: 70px;
  height: 100px;
  margin: 1px;
  text-align: center;
  padding: 25px 0;
  cursor: pointer;
  top: auto;
}

#kundenstimmen .slick-next {
  left: 45px;
}

#kundenstimmen .slick-prev:before, #kundenstimmen .slick-next:before {
    font: var(--fa-font-solid);
    color: #fff!important;
    opacity: 1!important;
    font-size: 2em;
    text-align: center;
}
#kundenstimmen .slick-prev:before {content: "\f104";}
#kundenstimmen .slick-next:before {content: "\f105";}
#kundenstimmen .slick-prev:hover, #kundenstimmen .slick-prev:focus, #kundenstimmen .slick-next:hover, #kundenstimmen .slick-next:focus {background: #c2c2c2}

#leistungen .wp-block-column{
  transition:all 1s;
}

/* #leistungen .wp-block-column:hover{
  transform: scale(1.1);
  cursor:pointer;
  border:1px solid #0084c6;
} */

/* #leistungen .wp-block-column:hover .wp-block-cover__background{
  opacity:0;
} */

.scrollsection{
scroll-margin-top: 150px;
}

.partnercards .wp-block-group{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  padding:20px 30px;
  min-height: 450px;
}

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

.wp-block-cloudcatch-tab{
  background-color: #8dc3dc;
  color:#fff;
  padding: 20px 30px;
  border-radius: 50px;
  margin-bottom: 50px;
  cursor: pointer;
}

.wp-block-cloudcatch-tab__label{cursor: pointer;}

.wp-block-cloudcatch-tab.active {
  background-color: #0084c6;
  color:#fff;
}

.wp-block-cloudcatch-tab-content {margin-top: 50px!important;}

.wp-block-cloudcatch-tabs__container {
  -moz-column-gap: 13px;
  column-gap: 13px;
}

.wpcf7 input {
  height: 35px;
  width: 100%;
  text-indent: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight:100;
  font-size: 18px;
  padding:5px;
}

.wpcf7 textarea{
  width: 100%;
  height: 250px;
  text-indent: 10px;
  font-family: "Open Sans", sans-serif;
  font-weight:100;
  font-size: 18px;
  padding:5px;
}

.wpcf7 .wpcf7-list-item-label{
  font-size:18px;
}

input.wpcf7-submit{
    width: 200px;
    height: 60px;
    background-color: #fff;
    color: #111;
    border: 1px solid #111;
    border-radius: 50px;
    cursor: pointer;
    font-size: 20px;
    padding-left: 0;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

.wpcf7-list-item{margin:0;padding:0;}

.wpcf7-not-valid-tip {
    color: #bfbfbf;
    font-size: 18px;
    font-weight: 100;
}

/* Neu */
.border-lr{
  border-left: 1px solid #83cfa8;
  border-right: 1px solid #83cfa8;
  padding: 0 30px;
}

.border-l{
  border-left: 1px solid #83cfa8;
  padding: 0 30px;
}

#header.small{
    background: #006288a1;
    height: 100px;
}

#header.small #logo{
    top: 0;
    width: 179px;
    padding-top: 20px;
}

#header.small #navbar{top:18px;  background: none;}
#header.small a{color: #133a5e}
#header.small #navbar .current-menu-item a {
    border-bottom: 2px solid #fff;
}

.af2_form_heading_wrapper{display:none;}

.blograster {
    padding: 15px !important;
    margin: 0px;
}

.blogcard .wp-block-post-title {
    padding: 0px 0 10px 0;
    font-size: 30px;
}
.blogcard {padding: 0 30px !important;}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-numbers {color: #006288 !important;}

.wp-block-post-excerpt__more-link::after{content: ' \f061';font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #006288}
.wp-block-post h4{ padding-left:20px;}

.figure.wp-block-post-featured-image{
  border-radius: 20px 20px 0 0;
}

.btn-more{
  background: #fff;
  width: fit-content;
  padding: 10px 20px;
  border-radius: 50px;
  float:left;
}

.sub-menu{
  display:none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}
.wp-block-accordion-heading__toggle {
    color: #173a5d;
    background-color: #cbd6dd45;
    padding: 12px 16px;
    font-size: 21px;
    font-weight: 600;
}
.wp-block-accordion-panel{
	background-color: #fafafa;
    padding: 1px 20px;
}
.wp-block-accordion-panel p{font-size: 22px;}
#header.small .sub-menu{  background-color: #fff;}

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

#header.small .sub-menu a {
  color:#111!important;
}

.sub-menu li {
  display: block !important;
}

#hiddencontent{
  height: 0;
  opacity: 0;
  transition: all 1s;
}

#hiddencontent.show{
    height: auto;
    opacity: 1;
    margin-top: 30px;
}

figure.wp-block-post-featured-image {
  overflow: hidden;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {transition:all 1s;}

.wp-block-query ul li:hover img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
  transform: scale(1.1);
}

/* neu */
.teaser {
    font-weight: 700;
    letter-spacing: 1px;
    padding: 15px 20px;
}

.teaser a {
    font-size: 18px;
}

/* Hover-Effekt für den Teaser-Block */
.teaser.has-background:hover {
    cursor: pointer !important;
    background-color: #133a5e !important;
    transition: background-color 0.3s ease; /* Macht den Übergang schön weich */
}

/* Optional: Damit der gesamte Block klickbar wirkt, 
   sollte auch der Link darin keine Textdekoration beim Hover verlieren */
.teaser.has-background:hover a {
    cursor: pointer !important;
}

.wp-block-buttons .wp-block-button__link:hover{letter-spacing: 1px;transition: 0.3s ease-in-out;}
.headerimg h3{
  position:relative;
}

.headerimg h3:before {
    position: absolute;
    left: -48px;
    top: -10%;
    width: 9px;
    height: 120%;
    background-color: #fff;
    content: "";
    transform: rotate(0deg);
}

.pricebox{
  min-height:50vh;
  padding: 54px 20px 30px 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.navbtnangebot {
    background-color: #aec90c;
    color: #fff !important;
    margin: 0 10px;
    padding: 7px 16px 11px 16px !important;
    border-radius: 50px;
}

.navbtnangebot a{
    color: #fff !important;
}



.borderleft{
  border-left: 1px solid #000;
  padding-left: 40px;
}

.wp-block-social-links .wp-social-link svg {
    height: 2em;
    width: 2em;
}

.wp-block-read-more {
    background-color: #98d1c4;
    color: #fff;
    padding: 15px 25px;
    float: right;
}

.blogteaserinner{
  padding: 0 20px;
}

.blogstage{
  margin-bottom:300px;
}

.blogsecondimage{
    position: absolute;
    right: 20%;
    width: 40vw;
    height: 30vh;
    top: 20vh;
    z-index: 99;
    border: 10px solid #fff;
}

.smallmargin{
  margin-bottom: 10px;
}

.getdown{
  animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(2);
    }

    100% {
        transform: scale(0.95);
    }
}

.scrollmargintop{
  scroll-margin-top: 200px;
}

#BTimelineBlock-1 .timeline .timeline__content label {
    font-weight: 900!important;
}

.sticky{
  top:120px;
  position:sticky;
}

#sidebarwrap{
    position: fixed;
    left: 0;
    z-index: 99;
    bottom: 10%;
    width: 300px;
    background: #111;
    padding: 20px;
    padding-left: 25px;
    padding-top: 30px;
    color: #fff;
    transition: all 1s;
}

#sidebar{
  position:relative;
  padding-top: 10px;
}

#sidebar li{list-style-type:none;}

#sidebar a {
    font-size:18px;
    color: #ccc;
}

#sidebar .current-menu-item a{
  font-weight:500;
  color: #fff;
}

#sidebar .current-menu-item img{
  transition: all 0.4s;
  transform: scale(1.5);
  margin-right: 10px;
}

div#close {
    position: absolute;
    right: 0;
    top: 0;
    height: auto;
    width: 60px;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

div#open {    
    position: absolute;
    right: -50px;
    height: 60px;
    width: 50px;
    background-color: #111;
    text-align: center;
    padding-top: 10px;
    display:none;
    cursor: pointer;
}

div#close svg, div#open svg{
  fill:#fff;
  width: 50px;
  height:50px;
}

#leistungen .wp-block-cover .wp-block-cover__image-background{
  transition: all 1s;
}

#leistungen .wp-block-cover:hover .wp-block-cover__image-background{
  transform: scale(1.1);
}

.wp-block-image {
    margin: 0;
}

@media(min-width:1200px){
.kontaktbtn{
    background-color: #f5f6f6;
    padding: 3px 20px 7px 20px!important;
    border-radius: 50px;
}

.kontaktbtn a{
    color: #222!important;
    font-weight: 600!important;
}
}
.forminator-ui#forminator-module-1534.forminator-design--flat .forminator-label {
    font-size: 22px;
    font-family: inherit;
    font-weight: 700;
	color: #173a5d;
}

.forminator-ui#forminator-module-1534.forminator-design--flat .forminator-checkbox, .forminator-ui#forminator-module-1534.forminator-design--flat .forminator-radio {font-size: 18px;}
.forminator-ui#forminator-module-1534.forminator-design--flat .forminator-button-submit{
	font-size: 22px; 
	background-color:#173a5d; 
	color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    text-transform: inherit;
	letter-spacing: 2px;
	border-radius: 9999px;
}

.forminator-ui#forminator-module-1534.forminator-design--flat .forminator-radio .forminator-radio-bullet,
#forminator-module-1534.forminator-design--flat .forminator-input,
.forminator-ui#forminator-module-1534.forminator-design--flat .forminator-checkbox .forminator-checkbox-box, .forminator-select-dropdown-container--open .forminator-custom-form-1534.forminator-dropdown--flat .forminator-checkbox .forminator-checkbox-box, #forminator-module-1534.forminator-design--flat .forminator-textarea{
    background-color: #dbdbdb;
}

#navbar .current-menu-item a{
    padding-bottom:5px;
    border-bottom: 2px solid #fff;
}


@media(max-width:1800px){
  div#open{display:block; padding: 10px 0 0;}
  div#close{display:none;}

  #sidebarwrap{left: -300px; bottom:84px!important;}
}

@media(max-width:1300px){
  #leistungen .alignwide {max-width: 100%;}
}


@media(max-width:1100px){
    .wp-block-columns:where(:not(.alignfull)) {max-width: 100%!important;}
}

@media(max-width:900px){
  .wp-block-spacer {
      height: 5vw !important;
      max-height: 5rem;
  }

  .wp-block-group-is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    padding: 0 20px;
  }

    :where(.wp-block-group.has-background) {
        padding: 20px !important;
    }

  #leistungen .wp-block-spacer{height:10px!important;}
  footer .borderleft {border-left: 0px;padding-left: 0px;}

  h1{font-size:30px;}
  h2{font-size:25px;}
  h3{font-size:23px;}

  .stage figure{width: 70%;}
  .stage p{font-size:25px!important; padding-bottom:150px;}

  #personen .wp-block-cover{min-height: 50vh!important;}
  #personen .wp-block-cover img{object-position: 72% 41%;height: 50vh;}
  #personen .wp-block-group:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:100%;}

  .quote h4 {font-size: 35px;line-height: 1.4;}

  .blogsecondimage{display:none;}
  .blogstage {margin-bottom: 20px}

  .quote{max-height:40vh!important;min-height: 0vh !important;}

  .is-layout-flow > .alignright {float: left; margin-inline-start: 0;}

  .sublogo img{height:100px!important;}

  .reversedirection{flex-direction: column-reverse;}

  .leistunglogo{width:70vw;padding-bottom:10vh;}
}

/* dental */

/* #leistungen .wp-block-cover{
  border-bottom-left-radius: 50px;
} */

.border-radius-bottom-left{
  border-bottom-left-radius: 100px;
}

.border-radius-bottom-right{
  border-bottom-right-radius: 100px;
}

.border-left{
  padding-left:15px;
  padding-top:40px;
  padding-bottom:40px;
  border-left:1px solid #ccc;
}

#iconbar{
    display:none;
    position: fixed;
    right: 0;
    z-index: 1;
    padding-right: 20vw;
    background-color: #173a5d;
    transition: all 1s;
}

.scrolloffset {
    scroll-margin-top: 200px;
}

#socialbar{
    position: fixed;
    width:300px;
    bottom: 5vh;
    background-color: #173a5d;
    right: 100px;
    padding-left: 36px;
    border-bottom-left-radius: 20px;
    transition: all 1s;
}

#sidenav{
    position: sticky;
    top: 150px;
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-right: 30px;
    padding-top: 45px;
    padding-bottom: 40px; 
}

#sidenav .wp-block-group{
    margin-bottom:10px;
}

.pageicon{
    right: 20%;
    position: absolute;
    /* right: calc(50vw - 85px); */
    margin-top: -100px;
    display: none;
}

.pageicon .icon-container{
    width: 160px!important;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-bottom-right-radius: 40px;
    background-color: #fff;
}
#ctrbCounters-2 .ctrbCounters .counter .counterLabel {hyphens: auto;}
/* Kurse */
.tutor-learning-header, .tutor-learning-area .tutor-learning-area-body, .tutor-learning-sidebar-curriculum {top: 100px;}

.tutor-learning-sidebar { top: 165px;}

.tutor-lesson-content .tutor-lesson-wrapper {
    line-height: 2rem;
}

.tutor-lesson-wrapper p{font-size: 20px;}
.tutor-lesson-content .tutor-lesson-wrapper h2, .tutor-lesson-content .tutor-lesson-wrapper h3 {font-size: 1.5rem;}

.tutor-container, .tutor-login-wrap, .tutor-card{
    margin-top: 150px!important; margin-bottom: 50px!important;}

.tutor-input-field .tutor-label{display: block;}

.tutor-mb-20, .tutor-mt-20 {margin-bottom: 10px!important;}

/* Return-to-Top Button auf spezifischen Lektions-Seiten ausblenden */
body.single-lesson .return-to-top,
body.single-lesson #return-to-top,
body.single-lesson .scroll-to-top,
body.single-lesson #scroll-to-top {
    display: none !important;
}

.page-id-1552 h2{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 240px;
	margin-bottom: 100px;
}

.tutor-course-spotlight-wrapper .tutor-course-spotlight-tab {
    padding-top: 0px;
    padding-bottom: 0px;
}
.wp-block-accordion-item {
    transition: grid-template-rows .3s ease-out;
    margin-bottom: 5px;
}
/* Mobile Anpassungen */

@media (max-width:768px){
.column-reverse{
  flex-direction: column-reverse;
}
	body .is-layout-grid{display: block;}
	.wp-block-ctrb-counters .ctrbCounters{display: block;}
	#ctrbCounters-2 .ctrbCounters .counter {padding: 15px 0 !important;height: auto!important;}
	#ctrbCounters-2 .ctrbCounters {column-gap: 0!important;}
	
.tutor-course-details-widget-col-2 ul>li {
    width: 100%;
}	
 #socialbar{display:none;}

 #logo {width: 130px!important;left:0!important;}
 #header.small #logo {width: 200px!important;}

#quote p{font-size: 25px!important;}

.wp-block-buttons.is-content-justification-right {justify-content: flex-start;}

#karriere :where(.wp-block-columns.is-layout-flex) {gap: 0;}

 footer .has-text-align-right {text-align: left;}
 footer .items-justified-right {justify-content: flex-start;}
}

@media (max-width:600px){
	#return-to-top {right: 15px;bottom: 24px;}
	.hero {
    letter-spacing: 3px;
    font-weight: 700;
    display: grid;
    justify-content: center;
    padding: 0px;
}
	.hero  p {
    padding: 0px !important;
}
	html, body{hyphens: auto;font-size: 90%;}
	
	.wp-block-group{display: block!important;margin: 2em 0px;}
	
}

/* Mobile Ansicht für LearnDash Navigations-Buttons */
@media (max-width: 768px) {
    .tutor-course-single-content-wrapper {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px;                     /* Erzeugt Abstand zwischen den Buttons */
    }
	
    .tutor-course-single-content-wrapper .tutor-course-topic-single-footer {
        text-align: center !important;
        margin: 0 !important;
    }
	
	.tutor-course-single-content-wrapper ul, .tutor-course-single-content-wrapper ol, .tutor-course-single-content-wrapper li>ul, .tutor-course-single-content-wrapper li>ol {
    padding-left: 0em;
}
	
	.wp-block-group { margin-bottom: 5px!important;}
}
@media (max-width: 1250px) {
#menu-hauptmenu a { padding: 15px 15px!important;}
}
@media (max-width: 1000px) {
.wp-container-core-group-is-layout-50eac3a5 {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}
}