/*
Theme Name:     IT Dock theme
Description:    
Author:         Zoe ❤️
Template:       twentytwelve

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
@font-face {
    font-family: 'Inter-Regular';
    src: url('fonts/Inter28pt-Regular.woff2') format('woff2'),
        url('fonts/Inter28pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('fonts/Inter28pt-SemiBold.woff2') format('woff2'),
        url('fonts/Inter28pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('fonts/Inter28pt-Bold.woff2') format('woff2'),
        url('fonts/Inter28pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

  :root {
      --mainwidth: 1352px;
	  --mainwidth1630: 1630px;
    --headerbgcolor: #3E44FF;
      --footerbgcolor: #000000;
      --footertitlecolor: #ffffff;
      --linkcolor: #3E44FF;
      --linkcolorhover: #3E44FF;
      --headermenulinkcolor: #ffffff;
      --headermenulinkcolorhover: #000000;
      --footerlinkcolor:  #ffffff;
      --footerlinkcolorhover: #ffffff;
      --colortitle: #000000;
      --colortitlesecondary: #FF0000;
	   --body: #000000;
	  --white: #ffffff;
	  --blue: #3E44FF;
	  --lightgrey: #E9E9E9;
	  --meta-color: #666666;
	  --grey: #808080;
	  --violet: rgba(62, 68, 255, 0.17);
	  --magenta: #FE2EBD;
	  --yellow: #FFC533;
      --buttoncolor: #ffffff;
      --buttoncolor-hover: #ffffff;
      --buttonbgcolor: #3E44FF;
      --buttonbgcolor-hover: #3E44FF;
	  --buttonbgcolor-focus: #ffffff;
	  --darkBackgound: #212121;
	  --black666: #666666;
	  --black800: #333333;
	  --black700: #4D4D4D;
	  --black50: #F2F2F2;
	  --black: #000000;
      --buttonradius: 12px;
      --fontfamilybody: 'Inter-Regular', Arial;
	  --fontfamilySemiBold: 'Inter-SemiBold', Arial;
	  --fontfamilyBold: 'Inter-Bold', Arial;
      --mainfontsize: 16px;
      --distanceSection: 80px;
	  --distanceSection60: 50px;
	  --distanceSection48: 48px;
	  --distanceSectionPadding: 80px;
	  --dropShadow: 0 7px 14px rgba(62,68,255,0.5);
	  --dropShadowWhite: 0 7px 14px rgba(255, 255, 255,0.5);
	  --dropShadowDark: 0 4px 24px 0 rgba(5, 6, 28, 0.14);
	  --standardDropShadow: 0 14px 27.5px rgba(5, 6, 28, 0.14);
	  --standardDropShadowSmall: 0 4px 7.5px rgba(5, 6, 28, 0.14);
  }
.hero {
	font-size: 9.56rem
}
.category .hero {
    font-size: 5rem;
}
.xxl {
	font-size: 5.31rem!important;
}
h1, .h1 {
	font-size: 3rem!important;
		line-height: 121%!important;
	    margin-bottom: 1.5rem;
}
.article-h1 {
	font-size: 2.125rem!important;
		line-height: 123%!important;
	    margin-bottom: 1.5rem;
}
h1.smaller-margin-bottom {
	margin-bottom: 1.1rem;
}
h2, .h2 {
	font-size: 1.75rem!important;
	line-height: 128%!important;
	margin-bottom: 1.6em;
}
.single:not(.single-dienstleister) h2 {
    margin: 2rem 0 1rem;
}
h3, .h3 {
	font-size: 1.375rem!important;
	line-height: 136%!important;
	margin-bottom: 0.6em;
}
h4, .h4 {
	font-size: 1.25rem!important;
	line-height: 130%!important;
	margin-bottom: 0.6em;
}
h5 {
	font-size: 1.2rem!important;
	line-height: 130%!important;
	margin-bottom: 0.6em;
}
h6 {
	font-size: 1.1rem!important;
	line-height: 130%!important;
	margin-bottom: 0.6em;
}
.bold {
	font-family: var(--fontfamilyBold);
}
.size22 {
	font-size: 1.375rem!important;
}
.size20 {
	font-size: 1.25rem!important;
}
.size19 {
	font-size: 1.187rem!important;
}
.size18 {
	font-size: 1.125rem!important;
}

  @media all and (min-width:1921px)  {
	 :root {
	  --mainwidth: 70%;
		--mainwidth1630: 85%
	 }
}
  @media all and (max-width:1023px)  {
    :root {
        --mainfontsize: 16px;
        --distanceSection: 80px;
		--distanceSectionPadding: 60px;
    }
	  .hero {
	font-size: 5.56rem!important;
}
	  .category .hero {
    font-size: 3.4rem!important;
}
	  .xxl {
    font-size: 3.31rem!important;
}
  }
  @media all and (max-width:767px)  {
    :root {
        --mainfontsize: 15px;
        --distanceSection: 50px;
		--distanceSection48: 24px;
		--distanceSection60: 40px;
		--distanceSectionPadding: 40px;
		--standardDropShadow: 0 7px 13.5px rgba(5, 6, 28, 0.14);
    }
	.hero {
	font-size: 2.4rem!important;
	}
	.xxl {
    font-size: 2.46rem!important;
	}
	h1, .h1 {
	font-size: 2.13rem!important;
	line-height: 121%!important;
	margin-bottom: 1.5rem;
	}
	.article-h1 {
	font-size: 1.5rem!important;
	}
	h2, .h2 {
	font-size: 1.5rem!important;
	line-height: 128%!important;
	margin-bottom: 1.6rem;
	}
	h3, .h3 {
	font-size: 1.275rem!important;
	line-height: 136%!important;
	margin-bottom: 0.6em;
	}
	h4 {
	font-size: 1.2rem!important;
	line-height: 130%!important;
	}
	h5 {
	font-size: 1.15rem!important;
	line-height: 130%!important;
	}
	h6 {
	font-size: 1.1rem!important;
	line-height: 130%!important;
	}
}
  .grecaptcha-badge {
      visibility: hidden!important;
  }
  
  html {
      box-sizing: border-box;
      scroll-behavior: smooth;
      font-size: var(--mainfontsize);
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  body {
      font-family: var(--fontfamilybody);
      color: var(--body);
      font-weight: 400;
	  letter-spacing: 0.02rem;
      line-height: 1.625em;
	    transition: background-color 0.3s ease-out;
}
body:not(.single) {
	  overflow: hidden;
  }

  body * {
        -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    }

  #page {
      max-width: inherit;
      overflow: visible;
      padding: 0;
      margin: 0;
      box-shadow: none;
      background-color:transparent;
  }
  footer.entry-meta {
      display: none;
  }
  b, strong, .bold {
      font-weight: 400;
	  font-family: var(--fontfamilyBold);
  }
  em, i {
      color: inherit;
  }
  img {
      max-width: 100%;
      height: auto;
      margin-top:0!important;
  }
.banner-picture img {
	display: block;
	width: 100%;
}
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {
     line-height: 130%;
      font-weight: 400;
	  font-family: var(--fontfamilyBold)!important;
      color: var(--colortitle);
  }
h3, h4, h5, h6, .h3, .semi-bold {
	 font-family: var(--fontfamilySemiBold)!important;
}
  a, a img, .button, input, img, textarea, button, i.fa, .slick-slide, .slick-prev:before, .slick-next:before {
      -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
  a:focus {
      outline: none!important;
  }
  a:link, a:visited, .entry-content a:link, .entry-content a:visited {
      color: var(--linkcolor)
  }
a:focus-visible,
button:focus-visible, input:focus-visible {
  outline: 2px dotted #555555!important;
  outline-offset: 2px!important;
  border-radius: 8px!important;
}
  a:hover, a:active, a:focus, .entry-content a:hover, .entry-content a:active, .entry-content a:focus {
      text-decoration: none;
      color: var(--linkcolorhover)
  }
  .center {
      text-align: center;
  }
.uppercase {
	text-transform: uppercase;
}
  .entry-header .entry-title {
      font-size: 1.7em!important;
  }
  .entry-content th, .comment-content th, .entry-content td, .comment-content td {
      color: #fff;
  }
  .entry-content table, .comment-content table {
      color: inherit;
  }
  .site-content article {
      border: 0;
      margin: 0;
      padding: 0;
	  box-shadow: none;
	  border-radius: 0;
  }
.site-content article.hentry {
	background: transparent;
	    margin-bottom: var(--distanceSectionPadding);
}
  p, li {
      font-size:1em;
	  line-height: 160%;
  }
  p:last-child, p:only-child  {
      margin: 0;
  }
  ul, p {
      margin-bottom: 1em;
  }
.content-blocks p:last-child, .content-blocks ul:last-child, .content-blocks ol:last-child {
    margin-bottom: 0;
}
.content-blocks table {
	margin-top: 1em;
}
  li {
      margin-bottom: 0.2em;
  }
  ul {
      padding-left: 20px;
      margin-bottom: 30px;
  }
.justifyleft {
	justify-content: flex-start!important;
}
.relative {
	position: relative;
z-index: 1;
}
.static {
	position: static!important;
}
  #masthead {
      width: 100%;
      height: auto;
      width: 100%;
      padding: 0;
	  z-index: 2;
	  top: 0;
	  left: 0;
  }
.headerbar {
    padding-top: 1em!important;
    padding-bottom: 1em!important;
}
.headerbar #logo img:not(.hideme) {
	display: inline-block;
}
.grid.middle > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.headtools {
	flex-direction: row!important;
	justify-content: flex-end!important;
	gap: 20px;
	align-items: center;
	display: flex;
}
.schalter img {
	cursor: pointer;
	    display: block;
    transform: translatey(-2px);
}
header ul.social {
    margin: 0;
	font-size: 20px;
	    display: flex;
    gap: 1.3rem;
    padding-left: 0;
}
header ul.social a {
    color: var(--body);
}
  hgroup {
      display: flex;
      width: 100%;
      padding: 0;
      align-items: center;
	  gap: 20px;
  }
  .nav-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
  #site-navigation {
      margin-top: 0;
	  text-align: left;
	  display: flex;
	  align-items: center;
  }
  #site-navigation .nav-menu {
      border: 0;
          display: inline-flex!important;
      position: relative;
      width: auto;
	  padding: 0;
	  gap: 4rem;
  }
  #site-navigation .nav-menu ul {
      border:0!important;
  }
  #site-navigation .nav-menu li {
      font-size: 1em;
      margin: 0;
  }
  #site-navigation .nav-menu > li {
      margin:0;
      padding: 0.5em 0;
  }
#site-navigation .nav-menu > li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: var(--white);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
	transform-origin: center;
}
#site-navigation .nav-menu > li:hover::after,
#site-navigation .nav-menu > li.current-menu-item::after,
#site-navigation .nav-menu > li.current-menu-parent::after,
#site-navigation .nav-menu > li.current_page_item::after,
#site-navigation .nav-menu > li.current_page_parent::after,
#site-navigation .nav-menu > li.current_page_ancestor::after{
  transform: scaleX(1);
}
  #site-navigation .nav-menu li a {
      color: var(--headermenulinkcolor);
      text-decoration: none!important;
      line-height: 1em;
	  text-transform: unset;
	  font-family: var(--fontfamilySemiBold);
  }
  #site-navigation .nav-menu li:hover a {
      color: var(--white)!important;
  }
  #site-navigation .nav-menu li .sub-menu  {
      border-top: 2px solid;
      border-color: var(--headermenulinkcolorhover);
  }
  #site-navigation .nav-menu li .sub-menu .sub-menu {
      top: -2px;
  }
  #site-navigation .nav-menu li .sub-menu li {
      display: block;
  }
  #site-navigation .nav-menu li .sub-menu .sub-menu a {
      font-size: 0.57871em;
  }
  #site-navigation .nav-menu li.current-menu-item > a, #site-navigation .nav-menu li.current-menu-ancestor > a, #site-navigation .nav-menu li.current_page_item > a, #site-navigation .nav-menu li.current_page_ancestor > a {
      font-weight: 400;
  }
 #site-navigation .nav-menu li.current-menu-ancestor > a, #site-navigation .nav-menu li.current_page_ancestor > a {
      font-weight: 400;
  }
  #site-navigation .nav-menu > li > .sub-menu {
      left: 0;
  }
  #site-navigation .nav-menu > li > .sub-menu li {
      display: flex;
      width: 200px;
      background-color: var(--headerbgcolor);
      align-items: center;
      margin: 0 10px;
  }
  #site-navigation .nav-menu > li > .sub-menu li a {
      word-break: initial;
      white-space: unset;
      text-align: left;
      text-transform: none;
      line-height: 1.3em;
      display: block;
      padding: 10px;
      font-size: 0.7em;
      width: 100%;
      border-bottom: 0;
      color: var(--headermenulinkcolor)!important;
      background-color: transparent;
  }
  #site-navigation .nav-menu > li > .sub-menu li:hover a {
      color: var(--headermenulinkcolorhover)!important;
  }
section, .section, .extra-margin {
	  margin-top: var(--distanceSection)!important;
	margin-bottom: var(--distanceSection)!important;	
	position: relative;
}
.wp-singular .col section:not(#hero):first-child, .wp-singular section.dv__block {
    margin-top: 0 !important;
}
section {
	background-color: var(--white);
}
section.trans-back {
	background-color: transparent!important;
}
section.darkeroverlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    content: '';
	border-radius: 0 0 24px 24px;
}
.darkmode section:not(.yellowback) {
	background-color: var(--darkBackgound);
}
.extra-margin60 {
	margin-top: var(--distanceSection60)!important;
	margin-bottom: var(--distanceSection60)!important;	
}
section.distanceSection60, .distanceSection60 {
	margin-top: var(--distanceSection60)!important;
	margin-bottom: var(--distanceSection60)!important;	
}
.distanceSection60top {
	margin-top: var(--distanceSection60)!important;
}
.distanceSection60bottom {
	margin-bottom: var(--distanceSection60)!important;
}
  .extra-padding {
       padding-top: var(--distanceSectionPadding)!important;
	padding-bottom: var(--distanceSectionPadding)!important;		  
  }
.extra-padding48 {
	padding-top: var(--distanceSection48)!important;
	padding-bottom: var(--distanceSection48)!important;	
}
.extra-padding60 {
	padding-top: var(--distanceSection60)!important;
	padding-bottom: var(--distanceSection60)!important;	
}

  .no-padding-bottom {
      padding-bottom: 0!important;
  }
  .no-padding-top {
      padding-top: 0!important;
  }
  .no-margin-bottom {
      margin-bottom: 0!important;
  }
  .no-margin-top {
      margin-top: 0!important;
  }
  .no-margin-top-bottom {
      margin-top: 0!important;
      margin-bottom: 0!important;
  }
.less-padding-bottom {
	padding-bottom: 1rem!important;
}
  p a {
      word-break:break-all;
  }
  .wpcf7 form.sent .wpcf7-response-output {
	  display: none!important;
      text-align: center;
      padding: 0.5em;
  }
.wpcf7 form.sent .wpcf7-response-output {
	display: block!important;
	margin-top: 20px;
	padding: 14px 18px;
	border-radius: 8px;
}
.testimonial-form-wrap .wpcf7 form.sent .wpcf7-response-output {
	background: #e8f7ec;
	border: 1px solid #b7e4c7;
	color: #18794e;
}

.testimonial-form-wrap .wpcf7 form.invalid .wpcf7-response-output,
.testimonial-form-wrap .wpcf7 form.unaccepted .wpcf7-response-output,
.testimonial-form-wrap .wpcf7 form.failed .wpcf7-response-output {
	background: #fff8d6;
	border: 1px solid #f0d96a;
	color: #7a6400;
}
  span.wpcf7-list-item-label a {
      color: inherit!important;
      text-decoration:underline!important;
      word-break: inherit;
  }
#page input, #page select, #page textarea {
  border-radius: 12px !important;
  height: auto !important;
  margin-top: 0;
  margin-bottom: 1.4rem;
  background-color: #fff;
  border: 1px solid var(--body);
	font-size: 0.93rem;
	width: 100%;
	padding: 1rem 1.46rem;
}
#page input[type="checkbox"], #page input[type="radio"] {
	padding: 0;
}

.sr-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
  span.wpcf7-form-control-wrap {
      display: block;
      width: 100%;
      position: relative;
  }
  .wpcf7-form-control-wrap.kategorie {
      position: relative;
  }
  .wpcf7-form-control-wrap.kategorie:after {
      display: inline-block;
      font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f078";
          position: absolute;
      font-size: 12px;
  }
.pills .wpcf7-list-item {
    top: 0;
    margin: 1em 1em 0 0!important;
}
.pills .wpcf7-list-item .wpcf7-list-item-label {
	padding:0;
	margin:0;
	color: #60656D;
	border: 1px solid;
	border-radius: 20px;
	transition: all 0.3s ease-out;
	padding: 0.24em 1.4em;
}
.pills .wpcf7-list-item .wpcf7-list-item-label:hover {
	background-color: #EBECEE;
}
.pills .wpcf7-list-item .wpcf7-list-item-label:before {
    content: none!important;
}
.pills .wpcf7-list-item input:checked + .wpcf7-list-item-label {
	background-color: #D9EFFF;
	color: #1465DE;
}
.justify-center {
	justify-content: center;
}
  #page select {
      -webkit-appearance: none;
  }
  #page input[type="checkbox"], #page input[type="radio"] {
      width: auto!important;
	  accent-color: var(--blue);
  }
#page .anbieter-filter-group input[type='checkbox'] {
    -webkit-appearance:none;
    width:18px!important;
    height:18px!important;
    background:white;
    border-radius:4px!important;
    border:2px solid #B3B3B3;
	vertical-align: middle;
	margin-left: 0;
}
#page .anbieter-filter-group input[type='checkbox']:checked {
    background: url(../../../wp-content/themes/child-theme/assets/white-check.svg) center center no-repeat var(--blue);
	background-size: 10px;
    border-color: var(--blue);
}
#page .anbieter-filter-group input[type='radio'] {
    transform: scale(1.385);
    margin-right: 5px;
	margin-left: 3px;
}
  #primary {
      width: 100%;
      max-width: var(--mainwidth);
      margin: 0 auto;
      float: none;
      padding: 0 20px var(--distanceSection);
  }
  .container {
      max-width: var(--mainwidth);
      margin: 0 auto;
	  padding: 0 20px;
  }
.container.container1630 {
	max-width: var(--mainwidth1630);
}
.nested1168 {
	max-width: 1168px;
}
.nested826 {
	max-width: 826px;
}
.nested {
	max-width: 1042px;
}
.black-text {
    color: var(--body);
}
.black800 {
	color: var(--black800);
}
.black700 {
	color: var(--black700);
}
.darkmode .black800 {
	color: #e3e3e3;
}
.darkmode .black700 {
	color: #f1f0f0;
}
 .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6 {
      color: var(--white);
  }
a.link, .link {
	display: inline-flex;
	font-size: 1rem;
	color: var(--linkcolor);
    gap: 10px;
	text-decoration: none;
	font-family: var(--fontfamilySemiBold);
}
.link span {
	transition: transform 0.3s ease-out;
}
a.link:hover, a.link:active, a.link:focus, a.link:focus-visible, a:hover .link, a:active .link, a:focus .link, a:focus-visible .link, article:hover .link, article:active .link, article:focus .link, article:focus-visible .link {
	color: var(--magenta);
}
a.link:hover span, a.link:active span, a.link:focus span, a.link:focus-visible span,  a:hover .link span, a:active .link span, a:focus .link span, a:focus-visible .link span, article:hover .link span, article:active .link span, article:focus .link span , article:focus-visible .link span {
	transform: translateX(10px);
}
a.nounderline {
	text-decoration: none!important;
}
.button {
	text-decoration: none!important;
	font-family: var(--fontfamilySemiBold);
	padding: 0.78rem 1.97rem !important;
     font-weight: 400;
	font-size: 1.19rem;
	border-radius: var(--buttonradius)!important;
	margin-top: 0;
	border: 3px solid var(--blue);
	display: inline-flex;
	align-items: center;
	justify-content: center;
    gap: 10px;
	 background:var(--buttonbgcolor)!important;
      color:var(--buttoncolor);   
}

.button.medium {
	font-size: 0.93rem;
	padding: 0.48rem 1.46rem !important;
	border-width: 2px;
}
.button.size16 {
	font-size:1rem;
	padding: 0.89rem 1.85rem!important;
}
button.medium[type="submit"] {
    padding: 0.73rem 1.46rem !important;
}
  .button:link, .button:visited {
      background:var(--buttonbgcolor)!important;
      color:var(--buttoncolor);      
  }
  .button:hover {
      background:var(--buttonbgcolor-hover)!important;
      color:var(--buttoncolor-hover)!important;
	  box-shadow: var(--dropShadow);
}
.button:active {
      background:var(--white)!important;
      color:var(--blue)!important;
	 	  box-shadow: none;
  }
.button.round {
	border-radius: 50px!important;
}
header .button.white-btn, .banner-card.fullwidth .button.white-btn {
	border-color: var(--white);
}
.button.white-btn {
	border-color: var(--body);
}
.button.white-btn:link, .button.white-btn:visited {
      background:var(--white)!important;
      color:var(--body)!important;      
  }
 .button.white-btn:hover {
	  box-shadow: var(--dropShadowWhite);
}
.button.white-btn:active, .blog-cats li.is-active a:link, .blog-cats li.is-active a:visited {
      background:var(--body)!important;
      color:var(--white)!important;
	 	  box-shadow: none;
  }  
.button.black.white-btn:hover, .button.black.white-btn:active {
	border-color: var(--black);
}
.button.white-btn.trans-btn, .button.white-btn.trans-btn:link, .button.white-btn.trans-btn:visited {
      background: transparent!important;
      color:var(--white)!important;      
  }
 .button.white-btn.trans-btn:hover{
      background: var(--white)!important;
      color:var(--black)!important;
	  box-shadow: var(--dropShadowWhite);
}
.button.white-btn.trans-btn:active {
      background:var(--white)!important;
      color:var(--black)!important;
	 	  box-shadow: none;
  }  
.button.white-border {
	border-color: var(--white);
}
a.button.content-block-button {
    padding: 0.85rem 1.9rem !important;
    font-size: 1.19rem;
}
.button.schwarz, .button.schwarz:link, .button.schwarz:visited {
    background: var(--body) !important;
    border-color: var(--body);
}
.button.schwarz:hover {
	box-shadow: var(--dropShadowDark)!important;
}
.button.schwarz:active {
      background:var(--white)!important;
      color:var(--body)!important;
	 	  box-shadow: none;
  }  
.button.weiss, .button.weiss:link, .button.weiss:visited {
    background: var(--white) !important;
    border-color: var(--body);
	color: var(--body)!important;
}
.button.weiss:hover, .button.weiss:active {
	box-shadow: none;
	background: var(--body) !important;
	color: var(--white)!important;
}
.entry-content img {
	box-shadow: none;
	border-radius: 0;
}
  .wpcf7-spinner {
      position: absolute;
      right: 0;
  }
  .wpcf7 br {
      display: none;
  }
  .wpcf7 input, .wpcf7 select, .wpcf7 textarea {
      margin: 5px 0 15px;
  }
  .wpcf7 p {
      margin: 0;
  }
  .wpcf7-acceptance span.wpcf7-list-item {
      margin: 0;
      line-height: 1.5rem;
      margin-left: 0.8rem!important;
  }
  .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before, .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before {
            content: '\f00c';
            color: #ffffff;
            font-size: 12px;
            font-family: 'FontAwesome'!important;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
            font-style: normal;
            font-weight: bold;
            background-color:var(--buttonbgcolor);
            text-decoration: inherit;
            text-align: center;
            font-weight: bold;
	  line-height: 1rem;
  }
    span.wpcf7-list-item {
      margin: 0 1rem!important;
  }
  .wpcf7-list-item .wpcf7-list-item-label {
        display: inline-block;
        font-family: inherit;
        font-weight: normal;
        left: 0;
        line-height: 20px;
      padding-left: 18px;
        position: relative;
	  line-height: 160%!important;
  }
  .wpcf7-list-item .wpcf7-list-item-label:before {
      border: 1px solid;
	  border-radius: 4px;
          content: "";
          height: 20px;
          left: -16px;
          position: absolute;
          width: 20px;
          top: 0;
  }
  .wpcf7-form:after {
      content: '';
      display: block;
      clear: both;
  }
  .wpcf7 .notice {
      margin-bottom: 20px;
  }
  #page input[type="submit"] {
      width: auto!important;
      justify-content: center!important;
      background-image: none!important;
      -webkit-appearance: none;
      -moz-appearance: none;
      font-weight: 400!important;
      box-shadow: none!important;	  
	  text-decoration: none!important;
	font-family: var(--fontfamilySemiBold);
	padding: 0.78rem 1.97rem !important;
     font-weight: 400;
	font-size: 1.19rem;
	border-radius: var(--buttonradius)!important;
	margin: 0;
	border: 3px solid var(--blue);
	display: inline-flex;
	align-items: center;
    gap: 10px;
	 background:var(--buttonbgcolor)!important;
      color:var(--buttoncolor); 
	  
  }
  #page input[type="submit"]:hover, button#submit:hover {
      background:var(--buttonbgcolor-hover)!important;
      color:var(--buttoncolor-hover)!important;
	  box-shadow: var(--dropShadow);
}
#page input[type="submit"]:focus,  #page input[type="submit"]:active, button#submit:focys, button#submit:active {
      background:var(--white)!important;
      color:var(--blue)!important;
	 	  box-shadow: none;
  }
.submitcontainer {
    position: relative;
    text-align: center;
	margin-top: 1rem;
}
.submit-wrapper {
	position: relative;
}
.submit-wrapper::before {
  content: "\f1d8";
      font-weight: 900;
	font-family: "Font Awesome 6 Free";
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
	position: absolute;
    top: 50%;
    left: 20px;
    transform: translatey(-50%);
    color: #fff;
}
#page .submit-wrapper input[type="submit"] {
    padding-left: 50px !important;
}
  div.wpcf7 .ajax-loader {
      position: absolute;
      top: 0;
      right: 0;
  }
  span.wpcf7-not-valid-tip {
      margin: -10px 0 10px 0;
      font-size: 0.7rem;
      position: absolute;
      top: 0;
      right: 0;
      padding: 5px;
      background: #fff;
  }
  .wpcf7 select {
      color:inherit;
      -webkit-appearance: none;
      background-color:#fff;
      color:#000;
  }
  .safari select {
      -webkit-appearance: none;
  }
  .wpcf7-form-control-wrap.acceptance-dsgvo .wpcf7-list-item .wpcf7-list-item-label {
      width: calc(100% - 8px);
  }
  .wpcf7-form-control-wrap.acceptance-dsgvo .wpcf7-list-item .wpcf7-list-item-label a{
      text-decoration: underline;
  }
  ::-webkit-input-placeholder { 
    color: #60656D!important;
	font-size: 0.888em;
	  opacity: 1;
  }
  ::-moz-placeholder { 
    color: #60656D!important;
	font-size: 0.888em;
	  opacity: 1;
  }
  :-ms-input-placeholder {
   color: #60656D!important;
	font-size: 0.888em;
	  opacity: 1;
  }
  :-moz-placeholder { 
   color: #60656D!important;
	font-size: 0.888em;
	  opacity: 1;
  }
::placeholder {
	color: #60656D!important;
	font-size: 0.888em;
	  opacity: 1;
}
span.underline {
    border-bottom: 0.5rem solid;
}
	span.underline2 {
		border-bottom: 0.2rem solid;
	}
.whiteback {
	background-color: var(--white);
}
span.whiteback {
	display: inline-block;
}
span.whiteback:not(.not100width) {
	width: 100%;
}
.border-radius {
	border-radius: 24px;
	overflow: hidden;
}
  footer#colophon {
      max-width: inherit;
      background-color: var(--footerbgcolor);
      border: 0;
      margin: 0;
	  margin-top: -24px;
      color: var(--footertitlecolor);
	    border-radius: 24px 24px 0 0;
    z-index: 10;
    position: relative;
  }
.single-dienstleister footer#colophon {
	margin-top: 0;
}
footer h6 {
	color: var(--white)!important;
	margin-bottom: 2rem !important;
}
  .footer-sidebars {
      display: flex;
      width: 100%;
      position: relative;
  }
.footer-sidebars .col.first {
    width: 50%;
    margin-top: -21px;
}
  .footer-sidebars .col {
      width: 25%;
      padding: 0;
  }
.footer-sidebars .col.col-12 {
    width: 100%;
}
.footerlogo {
    margin-bottom: 2rem;
    display: inline-block;
}
.footer-sidebars .col.first p {
    display: flex;
    gap: 18px;
	align-items: flex-start;
}
.footer-sidebars ul {
	padding-left: 0;
}
footer ul.social {
	font-size: 20px;
    display: flex;
    gap: 20px;
        margin-top: 0.4em;
    margin-bottom: 1.5em;
	padding-left: 0;
}
ul.social li {
    margin: 0;
}
  .footer-sidebars .col p a, .footer-sidebars .col li a {
      word-break: break-word;
  }

  footer#colophon a:link, footer#colophon a:visited {
      text-decoration: none!important;
      color: var(--footerlinkcolor);
  }
  footer#colophon a:hover, footer#colophon a:active, footer#colophon a:focus {
      color: var(--footerlinkcolorhover);
  }
.footer-sidebars ul.social {
	font-size: 2.5rem;
	gap: 1.8rem;
}
.footer-sidebars ul.links li:not(:last-child) {
	margin-bottom: 1em;
}
footer a {
	position: relative;
}
footer a:not(.no-underline):after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 1px;
  width: 100%;
  background: var(--white);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
	transform-origin: center;
}
footer a:hover::after {
  transform: scaleX(1);
	background: var(--footerlinkcolorhover);
}
  footer .site-info {
      display: flex;
	  justify-content: space-between;
	  margin-top: 4.5em;
  }
footer .newsletter-mother {
    margin: 1rem 0 var(--distanceSectionPadding);
}
 #menu-footer-menu {
    padding: 0;
    margin: 0;
    line-height: 1rem;
    display: flex;
    gap: 20px;
}
  #menu-footer-menu li {
      display: block;
      padding: 0;
      line-height: 1.4rem;
  }
  #back-to-top {
    position: fixed;
    visibility: hidden;
    height: 40px;
    width: 40px;
    line-height: 40px;
    right: 15px;
    bottom: 55px;
    background: #000000;
    border-radius: 50%;
	  border: 1px solid;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
      font-size: 0;
      z-index: 600;
      text-decoration: none!important;
  }
  .max-width-full img {
      max-width: inherit;
      width: 100%;
  }
  #back-to-top:after {
    content: "\2191";
      font-size: 14px;
  }
.screen-reader-text, .sr-only {
	    position: absolute !important;
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
}
.right-menu {
    display: flex;
    gap: 20px;
}
.right-menu .button {
	margin-top: 0;
}
  #mobile-nav-button {
      display: none;
  }
    span.wpcf7-list-item {
      position: relative;
        top: -4px;
  }
  span.select {
      position: relative;
          display: block;
      width: 100%;
  }
  span.select:after {
      content: "\f078";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 2px;
      top: 14px;
      pointer-events: none;
      display: inline-block;
      font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      background: white;
      text-align: center;
  }
      .parallax {
      transition: none!important;
  }
  .row {
	  --gap: 30px;
    display: flex;
	  flex-wrap: wrap;
    width: 100%;
	  gap: var(--gap);
      }

.row.middle {
	align-items: center;
}
  .col-6 {
          width: calc(50% - 15px);
      }

      .col-4 {
          flex: 0 0 calc((100% - (2 * var(--gap))) / 3);
      }
      .col-8 {
          width: calc(66.666% - 15px);
      }
.col-5 {
          width:calc(45% - 15px);
      }
      .col-7 {
          width: calc(55% - 15px);
      }
      .col-3 {
          width:calc(25% - 15px);
      }
      .col-9 {
          width: calc(75% - 15px);
      }
.col-2 {
          width:calc(17% - 15px);
      }
      .col-10 {
          width: calc(83% - 15px);
      }
.col-1 {
          width:calc(8% - 15px);
      }
      .col-11 {
          width: calc(91% - 15px);
      }
  .col-12 {
          width: 100%;
      }
.card.row .col-2 {
	width:calc(17% - 10px);
}
.card.row .col-10 {
	width: calc(83% - 10px);
}
      .menu-footer {
          margin: 0 0 0 auto;
      }

.slick-initialized .slick-track {
  height: 100% !important;
  display: flex !important;
	padding-bottom: 20px;
	margin-left: 0;
}
.slick-initialized .slick-slide > div, .slick-initialized .slick-slide article, .slick-initialized .slick-slide > div> a {
    height: 100%;
}
.slick-slide {
	height: auto!important;
}
.slick-dots li:only-child {
      display: none;
  }
.slick-dots li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
  .slick-slide {
      text-align: left;
      padding: 0 15px;
  }
.hide-arrows .slick-arrow {
	display: none!important;
}
  .slick-arrow {
      z-index: 100;
      height: 21px!important;
      width: 21px!important;
      border: 0!important;
      outline: none!important;
	  bottom: -23px;
  top: inherit;
	  transform: none;
  }
.slick-arrow span.slick-prev-icon, .slick-arrow span.slick-next-icon {
    opacity: 1;
    font-size: 21px;
}
.slick-arrow:hover, .slick-arrow:active, .slick-arrow:focus {
	box-shadow: none;
	background: none;
}
.slick-arrow:hover span, .slick-arrow:active span,.slick-arrow:focus span {
    color: var(--blue);
    font-size: 21px;
    margin-left: 0;
}
.slick-prev {
	 left: 15px;
}
.slick-next {
	right: 15px;
}
.slick-arrow:focus {
	top: inherit!important;
}
.slick-arrow span:before{
	 font: normal normal normal 14px/1 'FontAwesome';
      font-size: 21px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}
.slick-arrow span.slick-sr-only:before {
	content: none;
}
.slick-prev .slick-prev-icon:before {
	content: '\f053';
}
.slick-next .slick-next-icon:before{
	content: '\f054';
}
.slick-dots li button {
    background: none !important;
    box-shadow: none !important;
}
.slick-dots li.slick-active button .slick-dot-icon:before {
	color: transparent;
}
.slick-dots li button {
      padding: 0!important;
      border: 0;
	width: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
  .slick-dots li button:before {
      background-color:#8b8b8b !important;
      opacity: 1;
	  content: '';
	  width: 8px;
	  height: 8px;
	  border-radius: 4px!important;
	  transition: all 0.3s ease-out;
	  position: static;
  }
.darkmode .slick-dots li button:before {
	background-color:#DEE1E3!important;
}
  .slick-dots li.slick-active button:before {
      opacity: 1;
      background-color:var(--blue)!important;
	  width: 100%;
  }
.slick-dots li button .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon:before {
    color: transparent;
}
#postsslider .slick-slide {
    margin: 20px;
    padding: 0;
}
.dashed-top:before {
	content:'';
	    position: absolute;
    top: 0;
    left: 0;
	display: block;
	height: 2px;
	width: 100%;
	background: url(../../../wp-content/themes/child-theme/assets/dash.svg) center center repeat;
	background-size: contain;
}
.boxshadow {
	box-shadow: var(--dropShadow);
	margin-bottom: 20px;
}
.shadowed {
	box-shadow: var(--dropShadowDark);
	transition: box-shadow 0.3s ease-out;
}
	  article:not(.featured-post):hover, .card.shadowed:hover {
	box-shadow: none!important;
}
.shadowed.no-hover-effect:hover, article.shadowed.no-hover-effect:hover {
	box-shadow: var(--dropShadowDark)!important;
}
article.shadowed {
	border-radius: 16px;
	padding: 1.5rem;
}
article {
	background-color: var(--white);
}
.darkmode article {
	color: var(--black);
}
.darkmode article.fullwidth .content{
	color: var(--black700)
}
.darkmode .greyback {
	background-color: #181818;
}
.home-news-row .container {
	display:flex;
  align-items:flex-start;
  gap:2%;
}
.news-pill{
  flex:0 0 auto;
	font-size: 14px;
  padding: 1px 18px;
  border-radius:8px;
  background: #FFE299;
  color:var(--body);
	font-family: var(--fontfamilySemiBold);
}

.news-carousel-wrap{
  flex:1 1 auto;
  min-width:0;
	overflow: hidden;
}
.news-carousel article {
	box-shadow: none;
}
#hero.heroarrow {
	border-radius: 0!important;
}
#hero.heroarrow:after {
    content: '';
    width: 181px;
    height: 174px;
    background: url(../../../wp-content/themes/child-theme/assets/herostartarrogelb.svg) center center no-repeat;
	background-size: contain;
	display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
    pointer-events: none;
animation: sweetPulse 2s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
  transform-origin: 100% 100%;
	 will-change: transform;
}

@keyframes sweetPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.12);
  }

  100% {
    transform: scale(1);
  }
}
.single-hero__news {
    height: 100%;
	padding-top: 24px;
}
.single-hero__news .desktop-news-list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
	align-items: flex-start;
    gap: 24px;
}

.single-hero__news .desktop-news-list article {
    flex: 1 1 0;
    align-self: stretch;
	background-color: #F6F6F6;
	border-radius: 16px;
	box-shadow: none;
	padding: 16px;
	opacity: 0;
}
.single-hero__news .desktop-news-list article:after, .expanded-news-grid .expanded-news-item:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(../../../wp-content/themes/child-theme/assets/herolittlearrow.svg) center center no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 2;
    pointer-events: none;
	transition: transform 0.3s ease-out;
}
.single-hero__news .desktop-news-list article:hover:after, .expanded-news-grid .expanded-news-item:hover:after {
	transform: translatex(10px);
}
.single-hero__news .news-pill {
    background: #FFC533;
	display: inline-block;
}
.single-hero__news .desktop-news-list article .news-thumb, .single-hero__news .desktop-news-list .news-author, .single-hero__news .desktop-news-list .news-sep {
    display: none;
}
.single-hero__news .desktop-news-list article .news-title {
	margin-bottom: 0;
	padding-right: 62px;
    overflow: visible;
	display: block;
    -webkit-line-clamp: unset;
}
.single-hero__news .desktop-news-list article .news-meta {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}
article.recent-post {
    height: 100%;
}
.recent-post .content {
	color: var(--black700);
}
.darkmode .recent-post .content h1, .darkmode .recent-post .content h2, .darkmode .recent-post .content h3, .darkmode .recent-post .content h4, .darkmode .recent-post .content h5, .darkmode .recent-post .content h6, .darkmode article.fullwidth h1, .darkmode article.fullwidth h2, .darkmode article.fullwidth h3, .darkmode article.fullwidth h4, .darkmode article.fullwidth h5, .darkmode article.fullwidth  h6 {
	color: var(--black);
} 

.news-card{
  display:flex;
  align-items:center;
  gap:12px;
	color: inherit!important;
	text-decoration: none!important;
}
.cardsv2 .news-card {
    gap: 20px;
}
.news-card .news-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
article.news-slide {
	border-radius: 0;
}
.slick-slide article.news-slide {
	padding: 5px;
}
.news-thumb{
  flex:0 0 69px;
  width:69px;
  height:69px;
  border-radius: 8px;
  overflow:hidden;
  background:var(--lightgrey);
	box-shadow: var(--standardDropShadowSmall);
	transition: transform 0.3s ease-out;
}
.second-badge article {
	background-color: transparent;
}
.second-badge .news-card:hover .news-thumb {
	transform: none;
}
.second-badge .news-card { 
	padding: 10px;
	transition: background-color 0.3s ease-out;
}

.cardsv2 .news-thumb {
	width: 120px;
	height: auto;
	flex: 0 0 120px;
}
.objectfitcover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.news-thumb-fallback {
	background: var(--lightgrey);
    height: 100%;
}
.news-meta{ min-width:0; }
.news-title{
  font-size:1rem;
  margin:0 0 4px;
}
.cardsv2 h3.news-title {
    white-space: normal;
    overflow: auto;
    text-overflow: unset;
}
.news-sub{
  color: var(--black666);
  display:flex;
  gap:8px;
  white-space:nowrap;
}
.weather-widget {
  display: none;
	    background: var(--lightgrey);
	border-radius: 7px;
}
.weather-place {
	color: var(--black666);
}
.weather-widget.is-active {
   display: flex;
    justify-content: center;
	min-width:170px;
  flex:0 0 auto;
}

.weather-inner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
}

.weather-temp {
	font-family: var(--fontfamilyBold);
	color: var(--body);
}
    .news-carousel.slick-slider {
		margin-bottom:0;
}
.news-carousel.slick-initialized .slick-track {
	padding-bottom: 0;
}

.featured-top {
    display: flex;
    gap: 20px;
	align-items: center;
	    margin-bottom: 1.5rem;
}
.featured-top .pill {
	background-color: var(--magenta);
	color: var(--white);
	font-size: 0.875rem;
	font-family: var(--fontfamilyBold);
	border-radius: 8px;
	padding: 0.5rem 1.4rem;
}
.featured-top .time-ago {
	color: var(--black666);
}
.featured-top.hero-categories .time-ago {
	color: var(--white);
}
.featured-author {
    margin: 1.5rem 0;
}
.cardsv2 .featured-badge {
	color: var(--black666);
    position: static;
    border-radius: 0;
    background: none;
    padding: 0;
    margin-bottom: 0.5em;
    display: block;
}
#hero .featured-badge {
    top: var(--distanceSection);
}
.featured-badge {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    background: rgb(0 0 0 / 20%);
	backdrop-filter: blur(5px);
    padding: 2px 20px;
	text-decoration: none!important;
	font-family: var(--fontfamilyBold);
}
.featured-badge.left {
	right: inherit;
	left: 10px;
}
.badge-popular {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 10px;
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
    padding: 7px 23px;
    backdrop-filter: blur(5px);
	text-decoration: none!important;
	display: inline-flex!important;
	align-items: center;
	gap: 10px;
}
.badge-popular.v2 {
	background: rgba(0, 0, 0, 0.06);
	color: var(--black);
	font-family: var(--fontfamilySemiBold);
}
.darkmode .badge-popular.v2 {
	color: var(--white);
}
.badge-popular.whiteback {
	background-color: rgba(255,255,255,0.2)
}
.badge-popular:not(.no-icon):before {
	content:'';
	width: 18px;
	height: 18px;
	background: url(../../../wp-content/themes/child-theme/assets/checkstar.svg) center center no-repeat;
	background-size: contain;
}
.badge-popular.blitz:not(.no-icon):before {
	background: url(../../../wp-content/themes/child-theme/assets/blitz.svg) center center no-repeat;
	background-size: contain;
}
.badge-popular.magenta {
	border: 2px solid;
	color: var(--magenta);
	font-family: var(--fontfamilyBold);
}
.badge-popular.magenta:not(.normal) {
	padding: 0 6px;
}
.badge-popular.magenta.solid {
	background-color: var(--magenta);
	color: var(--white)!important;
}
.badge-popular.magenta.solid:before {
	background: url(../../../wp-content/themes/child-theme/assets/checkstar.svg) center center no-repeat;
	background-size: contain;
}
.badge-popular.magenta:before {
	background: url(../../../wp-content/themes/child-theme/assets/checkstar-pink.svg) center center no-repeat;
	background-size: contain;
}
.badge-popular.professional.solid {
	background-color: #E5E6FF;
	color: #333AFF;
	font-family: var(--fontfamilyBold);
}
.badge-popular.professional.solid:before {
	background: url(../../../wp-content/themes/child-theme/assets/heart-blue.svg) center center no-repeat;
	background-size: contain;
}
.badge-popular.premium.solid {
	background-color: #FFF1CC;
	color: #FFB700;
	font-family: var(--fontfamilyBold);
}
.badge-popular.premium.solid:before {
	background: url(../../../wp-content/themes/child-theme/assets/crown.svg) center center no-repeat;
	background-size: contain;
}
.featured-post .bottom {
	display: flex;
	gap: 30px;
	align-items: center;
	margin-top: 2rem;
}

span.reading-time {
    display: flex;
    align-items: center;
    gap: 10px;
}
.small {
    font-size: 0.875rem!important;
}
h2.addmargin {
	margin-bottom: 1.5em;
}
.grid {
	display: grid!important;
	width: 100%;
	gap: 30px;
	min-width: 0;
}

.grid.grid2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid.grid3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid.grid4 {
	grid-template-columns: repeat(4, 1fr);
}
.grid .fullwidth {
	grid-column: 1 / -1;
}
.grid .fullwidth.banner-card img.banner_bild_inhalt__img {
	width: 100%;
}
article[hidden] {
  display: none !important;
}
article.banner-card.fullwidth {
    position: relative;
}
article.banner-card.fullwidth .content {
    position: absolute;
    bottom: 0;
    left: 0;
}
.featured-wide a.featured-wide-link {
    color: inherit;
    text-decoration: none;
}
img.itdock-sidebar-banner__img {
    border-radius: 24px;
}
.cardsv2 {
    border-radius: 0!important;
    box-shadow: none!important;
}
.constrained {
	max-width: var(--mainwidth);
	padding: 0 20px;
	margin-left: auto;
	margin-right: auto;
}
.constrained #hero {
	border-radius: 24px;
}
.constrained .container.fullwidth {
    max-width: 100%;
}
#hero.first {
	overflow: initial;
}
#hero article {
	border-radius: 24px;
}
#hero article .col-5 img {
	border-radius: 8px;
}
#hero .bottom {
	padding-left: 0;
	padding-right: 0;
}
#hero.full-height {
    min-height: calc(100vH + 199px);
	border-radius: 0 0 0 24px;
}
#hero.full-height .container {
	display: flex;
	flex-direction: column;
	height: 100vH;
}
#hero.full-height .bottompart {
	margin: auto 0 0;
}
#hero.overflow-visible {
	overflow: visible;
}
article {
	display: flex;
	flex-direction: column;
	position: relative;
	transition: box-shadow 0.3s ease-out;
}
article:not(.hentry) {
	    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--standardDropShadow);
}
article a.overlaylink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
article .content {
    padding: 30px;
}
article .top {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
article .top .pill {
	    font-family: var(--fontfamilyBold);
    border-radius: 8px;
    padding: 0.1rem 1.095rem;
    color: var(--magenta);
   border:2px solid;
	line-height: 1.5em;
    font-size: 0.875rem;
}
article .top .pill.solid {
	background-color: var(--magenta);
	color: var(--white);
}
article .bottom {
    padding: 0 30px 30px;
    margin: auto 0 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
	align-items: center;
}
article .top, article .bottom {
    color: var(--black666);
}
article.banner-card {
    position: relative;
}
article.banner-card .banner-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
article.banner-card .banner-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.3), transparent);
}
article.banner-card .content {
	z-index: 2;
	color: var(--white)!important;
}
article.banner-card .content .h2 {
    color: var(--white)!important;
}
.widget-area .post-meta__author,  .widget-area article {
	box-shadow: var(--standardDropShadow)!important;
	padding: 30px;
	border-radius: 24px!important;
	overflow: hidden;
}
.widget-area article {
	border-radius: 0;
	box-shadow: none;
}
.widget-area article .content {
	padding: 0;
}
.widget-area article.banner-card .content .h2 {
	font-size: 1.5rem;
}
article.banner-card .content span.banner-partner {
    font-size: 0.875rem;
    margin-bottom: 1em;
    display: block;
}
article.banner-card .content .banner-text {
    margin-bottom: 1em;
}
.vertical-flex {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.vertical-flex > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.vertical-flex-v2 {
	display: flex;
	flex-direction: column;
}
.vertical-flex-v2 .bottom {
    margin: auto 0 0 0;
}
.blueback, .greyback section.blueback {
	background-color: var(--blue)!important;
}
.blue {
	color: var(--blue)!important;
}

.magenta, .pink {
	color: var(--magenta)!important;
}
.meta-color {
	color: var(--meta-color)!important;
}
.floatingimg {
	position: relative;
}
.floatingimg:before {
	content: '';
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: calc(100% - var(--distanceSectionPadding));
	left: 0;
	background: var(--blue);
	z-index: 0;
	top: calc(var(--distanceSectionPadding)/2);
}
.floatingimg.v2:before {
	height: calc(100% - var(--distanceSectionPadding)/2);
	top: inherit;
	bottom: 0;
}
.checklist {
	padding-left: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.checklist.bigger-gap {
	gap: 15px;
}
.checklist.vertical {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}
.checklist li {
	position: relative;
    padding-left: 35px;
}
.checklist li:before {
	content:'';
	width: 20px;
	height: 14px;
	background: url(../../../wp-content/themes/child-theme/assets/black-check.svg) center center no-repeat;
	background-size: contain;
	display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.darkmode .checklist li:before, .white-text li:before {
	background: url(../../../wp-content/themes/child-theme/assets/white-check.svg) center center no-repeat;
	background-size: contain;
}
.checklist.yellowcheck li:before {
	background: url(../../../wp-content/themes/child-theme/assets/yellow-check.svg) center center no-repeat;
	background-size: contain;
}
.checklist.greycheck li:before {
	background: url(../../../wp-content/themes/child-theme/assets/grey-check.svg) center center no-repeat;
	background-size: contain;
}
.checklist.v2 li:before {
	background: url(../../../wp-content/themes/child-theme/assets/yellow-round-check.svg) center center no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	top: 0!important;
}
.checklist.nein li:before {
	background: url(../../../wp-content/themes/child-theme/assets/x-icon-dunkel.svg) center center no-repeat;
	background-size: contain;
	width: 11px;
	height: 11px;
	top: 8px!important;
}
.darkmode .checklist.nein li:before {
	background: url(../../../wp-content/themes/child-theme/assets/x-icon.svg) center center no-repeat;
	background-size: contain;
}
.darkmode .slick-arrow > span {
    color: var(--white);
}
.checklist:not(.small) li:before {
	top: 0.45rem;
}
.checklist.small li {
	padding-left: 25px;
	align-items: center;
}
.checklist.small li:before {
	width: 12px;
	height: 8px;
	top: 6px;
}
.checklist.matchflexicon {
    margin-left: 45px;
}
.flexicon {
    display: flex;
    gap: 15px;
}
span.button-follows {
	vertical-align: middle;
	display: inline-block;
	margin-right: 1rem;
}
#sib-container {
	background-color: transparent;
	padding: 0;
}
.sib-form .input_replaced:checked+.checkbox_tick_positive {
    background:  var(--blue);
    border-color:  var(--blue);
}
.newsletter .sib-form {
	font-family: inherit;
	font-size: inherit;
	padding: 0;
}
.newsletter img.arrow-newsletter {
    transform: scaley(-1) rotate(-28deg);
}
.newsletter .text b {
    font-size: 1.2em;
    font-weight: 900;
}
.newsletter .sib-form-block{
	padding: 0;
}
.newsletter .entry__choice {
	font-family: inherit;
	text-indent: 0;
	padding-left: 0;
}
.newsletter .sib-form .entry__field {
    border: 0;
    margin: 0;
    background: transparent;
}

.newsletter .sib-form .inlinesubmit, .newsletter .input--multiselect{
    color: var(--body);
    width: 100% !important;
    border: 0px !important;
    padding: 9px 10px 9px 20px !important;
    height: auto !important;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 30px !important;
}
.newsletter .sib-form .entry__field input[type="text"], .newsletter .sib-form .field input[type="email"] {
	border: 0px !important;
	color: var(--body);
	font-size: 1rem;
	margin-bottom: 0!important;
	padding: 0 20px!important;
}
.newsletter .sib-form .inlinesubmit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4px!important;
	gap: 20px;
}
.newsletter .sib-form .inlinesubmit .entry_block {
	flex: 1;
}
.newsletter .input--multiselect {
    color: var(--body);
}
.newsletter .field.entry_block {
	position: relative;
}
.newsletter p.proxy-error {
    font-size: 13px;
    color: #ff0000;
    text-decoration: underline;
    left: 20px;
    position: absolute;
    top: calc(100% + 11px);
    z-index: 2;
}
.sib-form {
    font-family: inherit;
}
.newsletter .input--multiselect:before {
    border: 0;
    background: url(../../../wp-content/themes/child-theme/assets/circled-arrow-down-1.svg) center center no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.newsletter button[type="submit"] {
    margin-top: 0;
}
.newsletter button[type="submit"]:hover {
	background: var(--white);
}
.newsletter .wpcf7-list-item .wpcf7-list-item-label:before {
	background: #fff;
	color: var(--body);
}
.newsletter a {
    color: var(--white);
}
.newsletter .hideme {
	margin-top: 1em;
}
.newsletter .flexycol {
    flex-direction: column;
}
.newsletter .sib-menu {
    width: 100% !important;
    color: var(--body);
}
.newsletter .sib-form .clickable_link {
    text-decoration: none;
    margin-right: 1em;
}
.newsletter .sib-form .clickable_button {
    border-radius: 20px;
}
.newsletter .sib-form .clickable_button:hover {
    background: #fff;
}
.hideme {
	display: none;
}
.schalter img.hideme {
	display: none!important;
}
.itdock-search{
  position: relative;
  max-width: 520px; 
	width: 100%;                  
}
.bigsearch, .bigsearch .itdock-search {
	max-width: 738px;
	margin: 0 auto;
}
.width730 {
	max-width: 730px;
	margin-left: auto!important;
	margin-right: auto!important;
}
header .itdock-search-input::-webkit-input-placeholder {
  opacity: 0;
}
header .itdock-search-input::-moz-placeholder {
  opacity: 0;
}
header .itdock-search-input::placeholder {
  opacity: 0;
}
.itdock-search-input{
	width: 100%;
  outline: none;
	padding: 0.5rem!important;
	background: url(../../../wp-content/themes/child-theme/assets/search.svg) right 10px center no-repeat #fff;
	background-size: 15px;
	margin-bottom: 0!important;
  border: 1px solid transparent!important;
  cursor: pointer;
  color: transparent;
}
.itdock-search-input:focus,
.itdock-search-input:not(:placeholder-shown){
   border-color: inherit!important;
  cursor: text;
  color: var(--body);
	outline: none!important;
}
.bigsearch .itdock-search-input{
	box-shadow: 0 0 64px rgba(5, 6, 28, 0.14);
	background: url(../../../wp-content/themes/child-theme/assets/search2.svg) left 1.5rem center no-repeat #fff;
	background-size: 15px;
	padding: 0.82rem 3.5rem!important;
}
.itdock-search-results{
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  box-shadow: 0 14px 50px rgba(0,0,0,.12);
  max-height: 320px;     /* 👈 requested */
  overflow: auto;        /* 👈 scroll */
  z-index: 9999;
}

.itdock-search-results.is-open{
  display: block;
}

.itdock-search-item{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  text-decoration: none;
  color: var(--body)!important;
}
.itdock-search-item:hover,
.itdock-search-item:focus-visible{
  background: rgba(0,0,0,.05);
  outline: none;
}
.itdock-search-item:last-child {
    padding-bottom: 24px;
}
.itdock-search-title{
  line-height: 1.2;
}
.itdock-search-type{
  font-size: 12px;
  opacity: .65;
  white-space: nowrap;
}
.itdock-search-empty{
  padding: 16px 18px;
  font-size: 14px;
  opacity: .65;
  text-align: center;
	color: var(--body);
}
.darkmode body {
    background-color: var(--darkBackgound) !important;
    color: var(--white);
}
.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6, .darkmode .h1, .darkmode .h2, .darkmode .h3, .darkmode header ul.social a {
	color: var(--white);
}
.darkmode article:not(.hentry) h1, .darkmode article:not(.hentry) h2, .darkmode article:not(.hentry) h3, .darkmode article:not(.hentry) h4, .darkmode article:not(.hentry) h5, .darkmode article:not(.hentry) h6, .darkmode article:not(.hentry) .h1, .darkmode article:not(.hentry) .h2, .darkmode article:not(.hentry) .h3 {
	color: var(--black);
}
.darkmode article.featured-post {
    color: var(--black);
}
.darkmode .news-carousel article, .darkmode .second-badge article, .darkmode .second-badge .news-card:hover {
	background-color: transparent;
}
.darkmode .news-carousel article .news-title, .darkmode .second-badge article .news-title {
	color: var(--white);
}
.blog-loadmore-wrap {
    text-align: center;
    margin-top: 2em;
}
.blog-cats {
    overflow: hidden;
	position: relative;
	margin-bottom: 2rem;
	margin-left: 20px;
}
.blog-cats:before {
    position: absolute;
    width: 40px;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
    content: '';
    background: #ffffff;
    background: linear-gradient(270deg, rgb(255 255 255) 0%, rgb(255 255 255 / 0%) 100%);
}
.darkmode .blog-cats:before {
	background: var(--darkBackgound) ;
    background: linear-gradient(270deg, rgb(33 33 33) 0%, rgb(255 255 255 / 0%) 100%);
}
.darkmode .filter-field path {
    fill: var(--white);
}
.blog-cats ul {
    padding-left: 0;
	padding-right: 40px;
	    margin-bottom: 0;
    display: flex;
    gap: 30px;
	    width: 100%;
}
.blog-cats ul div#mCSB_1_container {
    display: flex;
    gap: 30px;
}
.blog-cats li a {
    white-space: nowrap;
}
.blog-filters {
    display: flex;
    gap: 40px;
}
.darkmode .blog-filters {
	color: var(--white);
}
.blog-filters select {
	margin-bottom: 0;
}
.blog-filters .filter-field {
    display: flex;
    align-items: center;
	cursor: pointer;
	font-family: var(--fontfamilySemiBold);
}
/* Hide native select but keep it accessible to screen readers */
.filter-field select.auto-width-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}

/* Custom dropdown */
.filter-field {
  position: relative;
}

.itdock-dd {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
	padding: 8px 10px;
}
.itdock-dd__btn:hover, .itdock-dd__btn:active, .itdock-dd__btn:focus, .itdock-dd__btn:focus-visible {
    box-shadow: none;
    background: none transparent;
    color: var(--magenta);
}
.itdock-dd__btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
	color: inherit;
	font-size: 0.93rem;
}

/* The panel */
.itdock-dd__panel {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  max-height: 280px;
  overflow: auto;
  background: var(--white);     
  box-shadow: 0 7px 14px rgba(0,0,0,0.34);
  border-radius: 12px;
  padding: 10px;
  display: none;
  z-index: 999;
}

/* Show on hover for pointer devices */
@media (hover: hover) and (pointer: fine) {
  .filter-field:hover .itdock-dd__panel {
    display: block;
  }
}

/* Also show when “open” (click/touch + keyboard) */
.filter-field.is-open .itdock-dd__panel {
  display: block;
}

.itdock-dd__opt {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 7px 10px;
  cursor: pointer;
	color: var(--black)!important;
	border-radius: 4px;
}
.itdock-dd__opt:not(:last-child) {
    margin-bottom: 0.5em;
}

.itdock-dd__opt:hover, .itdock-dd__opt:focus {
    outline: none;
    background: none var(--lightgrey);
    color: var(--black);
	box-shadow: none;
}
.blog-filters .filter-field, .blog-filters .filter-field i {
	transition: color 0.3s ease-out
}
.filter-field svg path {
	transition: fill 0.3s ease-out;
}
.darkmode #page .blog-filters .filter-field select {
	color: var(--white);
}
.darkmode #page .blog-filters .filter-field select option {
	color: var(--body);
}
.blog-filters .filter-field i.fa-solid.fa-chevron-down {
    font-size: 0.875rem;
}
#page .blog-filters .filter-field select {
	background-color: transparent;
	padding: 0 10px!important;
	border: 0!important;
	border-radius: 0!important;
	margin-bottom: 0;
	line-height: 1rem;
	cursor: pointer;
	outline: none!important;
	box-shadow: none!important;	
}
#page .blog-filters .filter-field:hover, #page .blog-filters .filter-field:hover i, #page .blog-filters .filter-field:focus, #page .blog-filters .filter-field:focus-visible {
	color: var(--magenta);
}
#page .blog-filters .filter-field:hover svg path {
	fill: var(--magenta);
}
.blog-filters .filter-field svg {
	width: 20px;
}
.blog-active-filters {
    margin-top: 2rem;
	display: flex;
	gap: 30px;
}

button.filter-chip {
    background: none;
    border: 0;
    padding: 0;
}
button.filter-chip {
    background: none;
    border: 0;
    padding: 0;
	color: var(--grey);
		font-size: 1rem;
	font-family: var(--fontfamilySemiBold);
}
button.filter-chip i {
    margin-right: 5px;
}
.blog-loading {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
	opacity: 0;
  transition: opacity .2s ease;
}

.blog-loading.is-visible {
  display: flex;
  opacity: 1;
}

.blog-loading .spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(0,0,0,0.15);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

html.darkmode .blog-loading .spinner {
  border-color: rgba(255,255,255,0.2);
  border-top-color: #fff;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
span.date {
    white-space: nowrap;
}
.content-block-buttons{
	display:flex;
	flex-wrap:wrap;
	gap: 2rem;
}
.content-block-fullwidth-image img, .col-media img {
	border-radius: 16px;
	box-shadow: var(--standardDropShadow);
}
.content-block.block-werbung {
    margin: var(--distanceSection60) 0;
}
.content-block.block-werbung:first-child {
    margin-top: 0;
}
.content-block.block-werbung:last-child {
    margin-bottom: 0;
}
.slick-autoplay-toggle-button {
    display: none!important;
}
#hero.single-hero:before {
	content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .3), transparent);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:2;
}
#hero.home-hero-news-main {
	border-radius: 0 0 0 24px;
}
#hero.single-hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#hero.single-hero .container{
	position: relative;
	z-index:3;
	width: 100%;
	    display: flex;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
    flex-direction: column;
    gap: var(--distanceSection48);
}
#hero.single-hero img.hero-image{
	border-radius: 0;
	box-shadow: none;
	display: block;
}
.breadcrumbs {
    display: flex;
    gap: 20px;
	padding: 28px 0;
	    line-height: 1.625em !important;
}

.breadcrumbs a {
	color: #999999!important;
	display: flex;
    gap: 10px;
    text-decoration: none;
}
.breadcrumbs i {
    color: #999;
	font-size: 0.8rem;
	position: relative;
    top: 0.5rem;
}
.breadcrumbs > span {
    font-family: var(--fontfamilySemiBold);
}
.hero-categories {
    display: flex;
    gap: 20px;
    margin-top: var(--distanceSection);
}
.hero-categories a.button {
    font-size: 14px;
    font-family: var(--fontfamilyBold);
    padding: 0.44rem 1.205rem !important;
	box-shadow: none!important;
	background: rgb(0 0 0 / 20%)!important;
	backdrop-filter: blur(5px);
	border-radius: 8px!important;
	border: 0!important;
	color: var(--white)!important;
}
.hero-categories a.button.hero-category--primary {
	background-color: var(--magenta)!important;
}
#hero.single-hero h1 {
    margin: 0;
}
#hero.single-hero .bottom {
    display: flex;
    align-items: center;
	gap: 30px;
	justify-content: space-between;
}
.post-meta__author {
    display: flex;
    align-items: center;
    gap: 20px;
}
.post-meta__author-name {
    line-height: 1.4em;
	color: var(--black666);
}
.post-meta__author-name b {
	color: var(--black);
}
.white-text .post-meta__author-name, .white-text .post-meta__author-name b, .darkmode .post-meta__author-name b {
	color: var(--white);
}

img.post-meta__avatar {
    max-width: 44px;
    border-radius: 50%;
}
.testimonial img.post-meta__avatar {
	max-width: 65px;
}
.testimonial .post-meta__author-name p:not(:last-child) {
    margin-bottom: 0.2rem;
}
article.testimonial {
    display: flex !important;
}
nav.content-block-anchors {
    background: var(--black50);
        padding: 54px 20px 30px;
    margin-top: -24px;
	z-index: 50;
	border-radius: 0 0 24px 24px;
}
.stickynav.is-sticky {
  position: sticky;
  top: var(--toc-top, 0px);
	z-index: 20;
	padding: 0;
}
.sticky {
  position: sticky;
  top: var(--toc-top, 0px);
	padding: 0;
}
.col section:last-child {
    margin-bottom: 0 !important;
}
nav.content-block-anchors a:hover, nav.content-block-anchors a.is-active {
      border-bottom: 2px solid;
}
nav.content-block-anchors ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 40px;
    /*justify-content: space-between; */
	justify-content: center;
}
.level-free nav.content-block-anchors ul {
	justify-content: flex-start;
}
nav.content-block-anchors ul a {
    color: var(--body);
    text-decoration: none;
}
nav.content-block-anchors ul li {
	margin-bottom: 0;
}
.darkmode nav.content-block-anchors {
	background-color: var(--black);
}
.darkmode nav.content-block-anchors ul a{
	color: var(--white);
}
.content-block-tiles{
  display: grid;
  gap: 30px;
}

.content-block-tiles.tiles-1{ grid-template-columns: 1fr; }
.content-block-tiles.tiles-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.content-block-tiles.tiles-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }

.content-block-tiles .tile {
    padding: 20px;
	border-radius: 8px;
	border: 1px solid #E6E6E6;
}
.content-block-tiles.mit-hintergrundfarbe .tile {
    background: #F5F9FF;
	border: none;
	color: var(--body);
}
.darkmode .content-block-tiles.mit-hintergrundfarbe .tile h3 {
	color: var(--body);
}
.content-block-tiles .tile .tile-text {
	color: var(--black700);
}
.darkmode .content-block-tiles .tile .tile-text {
	color: var(--white);
}
.content-block.block-liste-mit-eigenen-icons .icon {
    width: 50px;
}
.icon-list-item {
    display: flex;
    gap: 20px;
	padding: 20px;
	border-radius: 16px;
}
.icon-list-item .txt {
    width: calc(100% - 71px);
    color: var(--body);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.icon-list-item .txt .title {
	font-family: var(--fontfamilyBold);
}
.block-liste-mit-eigenen-icons .content-block-icon-list, ul.content-block-numbered-list {
	display: grid;
	gap: 20px;
} 
.block-liste-mit-eigenen-icons.eine-spalte .content-block-icon-list .icon-list-item {
	border: 1px solid #E6E6E6;
}
.block-liste-mit-eigenen-icons.zwei-spalten .content-block-icon-list, ul.content-block-numbered-list.zwei-spalten {
	grid-template-columns: repeat(2, 1fr)
}
.block-liste-mit-eigenen-icons.zwei-spalten .content-block-icon-list li, ul.content-block-numbered-list.zwei-spalten li {
	min-width: 0;
}
.block-liste-mit-eigenen-icons.zwei-spalten .content-block-icon-list .icon-list-item {
	background: #F5F9FF;
}
.darkmode ul.content-block-numbered-list {
	color: var(--body);
}
.darkmode .content-block-numbered-list h3 {
    color: var(--black);
}
ul.content-block-numbered-list {
	counter-reset: nummerierte-liste;
	padding: 0;
    margin: 0;
}

ul.content-block-numbered-list > li {
	display: flex;
	gap: 20px;
	    padding: 20px;
    background: var(--black50);
    border-radius: 16px;
}

ul.content-block-numbered-list > li:before {
    counter-increment: nummerierte-liste;
    content: counter(nummerierte-liste);
    font-family: var(--fontfamilyBold);
    background-color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
ul.content-block-numbered-list li > div {
    width: calc(100% - 60px);
}
thead {
    background: #E6E6E6;
}
.darkmode thead {
	background: var(--body);
}
table {
	font-size: 0.875rem;
	width: 100%;
	border-radius: 8px;
    overflow: hidden;
}
th, td {
    padding: 0.814rem;
}
tr:not(:last-child) {
    border-bottom: 1px solid #E6E6E6;
}
th, td:first-child {
	font-family: var(--fontfamilyBold);
}
.content-block-two-col {
    display: flex;
    gap: 30px;
	align-items: flex-start;
}

.content-block-two-col > div {
    flex: 1 1 0;
}
.content-block-two-col.bild-rechts {
	flex-direction: row-reverse;
}
.content-block-two-col .col-media img {
    object-fit: cover;
    height: 100%;
    width: auto;
    max-width: 100%;
}
.content-block-highlight {
    padding: 20px;
    background: #F5F9FF;
    border-radius: 8px;
    box-shadow: inset 5px 0 var(--blue);
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.darkmode .content-block-highlight {
	background: var(--body);
}
.highlight-title {
	color: var(--blue);
	margin: 0;
}
.widget-area {
    width: auto;
    float: none;
}
.content-block ul {
    list-style: disc outside;
}
.content-block ol {
    list-style: number inside;
}
.content-block-quote {
	position: relative;
	border-radius: 16px;
	background-color: #E5E6FF;
	padding: 2rem;
	font-family: var(--fontfamilySemiBold);
	font-size: 1.375rem;
	text-align: center;
	font-style: italic;
	color: var(--black);
}
.content-block-quote:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(2rem, -50%);
	display: block;
	width: 85px;
	height: 54px;
	background: url(../../../wp-content/themes/child-theme/assets/quotes.svg) center center no-repeat;
	background-size: contain;
}
.widget-area .post-meta__author {
    flex-direction: column;
}
.widget-area .post-meta__author img.post-meta__avatar {
    max-width: 122px;
}
.widget-area .post-meta__author-name {
	text-align: center;
}
#footer_newsletter section#newsletter {
    margin-bottom: 0 !important;
    background-color: var(--blue);
	    padding-bottom: var(--distanceSectionPadding);
}

#footer_newsletter section#newsletter.floatingimg:before {
    height: calc(var(--distanceSectionPadding) / 2);
    top: 0;
    background: var(--white);
}
.darkmode #footer_newsletter section#newsletter.floatingimg:before {
	background: var(--darkBackgound);
}
#footer_newsletter section#newsletter .uglypig img {
    transform: translatey(20px);
}
#footer_newsletter section#newsletter .extra-padding {
    padding-bottom: calc(var(--distanceSectionPadding)*0.5) !important;
}
.yellow {
	color: var(--yellow);
}
.yellowback {
	background-color: var(--yellow);
}
#social-share {
	color: var(--body);
}
ul.itdock-share {
    margin: 2rem 0 0;
    padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
ul.itdock-share img {
    display: block;
}
#hero {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0 0 24px 24px;
	margin-bottom: 0!important;
	position: relative;
	overflow: hidden;
}
#hero video {
	border-radius: 0 0 24px 24px;
}
#hero .container {
	position: relative;
}
video.backgroundvideo {
	pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center calc(50% - 20px);
    transform: translate(-50%, -50%);
}
.lighthouse {
	padding-bottom: 0!important;
}
#hero.lighthouse {
	border-radius: 0;
}
#huegel {
	position: relative;
	height: 99px;
}
#huegel:after {
	content: '';
	background: var(--white);	
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
    bottom: -1px;
    right: 0;
	-webkit-mask-image: url(../../../wp-content/themes/child-theme/assets/lighthousemask.png);
  mask-image: url(../../../wp-content/themes/child-theme/assets/lighthousemask.png);
  mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: right bottom;
}
#huegel:before {
    content: '';
    background: var(--white);
    height: calc(100% - 1px);
    width: calc(100% - 305px);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.darkmode #huegel:after, .darkmode #huegel:before {
	background: var(--darkBackgound);
}
.yellowback .card {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.card .checklist {
	margin-bottom: 0;
}
.card {
	border-radius: 16px;
	padding: 20px 15px;
}
.padding24 {
	padding: 24px;
}
.card.thick-card {
	padding: 40px;
}
.card.bordered {
	border: 1px solid #CCCCCC;
}
.card.row {
	gap: 20px;
}
.glasscard {    
    backdrop-filter: blur(5px);
	background: rgba(255, 255, 255, 0.1);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));    box-shadow: 0 0 2px 0px;
}
.flex.alignbottom {
    align-items: flex-end;
}
.flex.alignbottom h1 {
	margin-bottom: 0;
}
.marquee {
  overflow: hidden;
  width: 100%;
	padding: 30px;
}
.marquee__track {
  display: flex;
  width: max-content;
  margin: 0;
	width: 100%;
}
.marquee__track .slick-track {
	padding-bottom:0;
}
.marquee__item {
  flex: 0 0 auto;
  /* spacing */
  margin: 0 25px;
	color: var(--white);
}
.uglypig {
	text-align: right;
}
.uglypig img {
	display: inline-block;
}
#timeline {
	position: relative;
}
#timeline ul {
  list-style-type: none;
  margin: 1em 0;
  padding: 2em 0;
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 1rem;
}
#timeline .line-wrap{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 100%;
  z-index: 1;
}

#timeline .line{
	display: block;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  transform: scaleY(0);
  transform-origin: top;
}
#timeline li {
	position: relative;
	width: 100%;
	display: flex;
	z-index: 2;
}
#timeline li .card {
	width: 44%;
	z-index: 2;
}
#timeline li:before {
    content: '';
    width: 35px;
    height: 35px;
    display: block;
    border: 3px solid var(--blue);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--blue);
    box-shadow: inset 0 0 0 4px #fff;
}
#timeline li:after {
  content: '';
  width: 27px;
  height: 27px;
  border: 3px solid var(--blue);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
}
#timeline li.is-active::after {
  animation: pulseRing 2.5s ease-out infinite;
}
@keyframes pulseRing {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  70% {
    transform: translate(-50%, -50%) scale(2.2);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

#timeline li:nth-child(odd) .card{
	margin: 0 auto 0 0;
}
#timeline li:nth-child(even) .card{
	margin: 0 0 0 auto;
}

.gallery-item {
	border-radius: 16px;
	overflow: hidden;
}
.gallery-item img {
	height: 100%;
	object-fit: cover;
	display: block;
	width: 100%;
}
.greyback {
	 background: var(--black50);
	padding: 1px 0;
}
.greyback section {
	background-color: transparent!important;
}
.rounded {
	border-radius: 24px;
}
.roundedtop {
	border-radius: 48px 48px 0 0;
}
.justify-between {
	justify-content: space-between;
}
.balken {
    padding: 16px 24px;
    align-items: center;
	border-radius: 16px;
}
.balken p {
    margin-bottom: 0;
}

.faq__item {
    background: var(--white);
    margin-bottom: 1rem;
    padding: 24px;
    border-radius: 16px;
}
.darkmode .faq__item {
    background: var(--black800);
}
.faq__btn {
  width: 100%;
  background: transparent;
	color: inherit;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
.faq__btn:hover, .faq__btn:active, .faq__btn:focus {
	background: none transparent!important;
	box-shadow: none!important;
}
.brlbs-cmpnt-container section {
	margin-top:0!important;
	margin-bottom: 0!important
}
.brlbs-cmpnt-btn {
	font-weight: 400!important;
}
.faq__panel {
    padding: 15px 0 0;
}
.faq__q {
    margin-bottom: 0;
}
.faq__a p {
  margin: 0;
}
.faq__icon {
  display: grid;
  place-items: center;
}
.faq__icon:before {
	font-family: 'FontAwesome'!important;
     text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     font-style: normal;
	font-weight: 900;
	content: "\f078"
}
.faq__btn.is-open .faq__icon::before {
  content: "\f077"; 
}

.tabs__nav {
  position: relative;
  display: flex;
  gap: 20px;
	max-width: 540px;
	margin: 0 auto;
	padding: 10px;
	border: 2px solid #CCCCCC;
	border-radius: 12px;
}

#page .tabs__btn {
  flex: 1;
  position: relative;
	background-color: var(--white)!important;
	color: var(--black)!important;
	border-color: var(--white)!important;
}

#page .tabs__btn.is-active, #page .tabs__btn:hover, #page .tabs__btn:active, #page .tabs__btn:focus {
  background-color: var(--blue)!important;
	color: var(--white)!important;
	border-color: var(--blue)!important;
}

.tabs__indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background: #000;
  width: 50%;
  left: 0;
  transition: transform 300ms ease;
}
.tabs__content {
  padding: 3rem 0 0;
}

.tabs__panel {
  animation: fadeIn 250ms ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.tabcontactform form {
	max-width: 800px;
	margin: 0 auto; 
}
article.recent-post .objectfitcover img, article.featured-wide.fullwidth .objectfitcover img {
    border-radius: 16px;
}
.glossary-section {
    display: flex;
	flex-wrap: wrap;
}
.glossary-section:not(:last-child) {
    margin-bottom: 2em;
}
.alphabet-navigation {
    margin-bottom: 3em;
}
.alphabet-navigation a, .alphabet-navigation span {
    text-decoration: none;
    font-family: var(--fontfamilySemiBold);
	padding-left: 0.3em;
}
.alphabet-navigation span {
	font-weight: 400;
	opacity: 0.4;
}
.alphabet-navigation a:not(:last-of-type) {
    border-right: 1px solid;
    padding-right: 0.6em;
}
.alphabet-navigation a {
	color: var(--blue) !important;
}
.glossary-item {
    margin-bottom: 1em;
	width: 33.33%;
}
.glossary-item h2 {
	font-size: 1em;
	padding-right: 2em;
	margin: 0;
}
.glossary-item a {
    color: inherit;
	display: block;
	text-decoration: none!important;
}
.glossary-item a:first-letter {
	font-family: var(--fontfamilySemiBold);
}
.glossary-item a:hover {
    color: var(--blue)!important;
	text-decoration: none!important;
}
.glossary-letter {
	width: 100%;
}
.glossary-letter p {
    font-family: var(--fontfamilySemiBold);
    color: var(--color1);
    font-size: 1.2em;
    margin-bottom: 0.5em;
}
.glossary-alpha-nav__inner{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:16px;
  margin-top:24px;
}

.glossary-alpha-nav__link{
  display:flex;
  gap: 10px;
  text-decoration:none;
  padding:12px 14px;
  border:1px solid #cccccc;
  border-radius:12px;
  min-width:220px;
	color: inherit!important;
}

.glossary-alpha-nav__link--prev{ text-align:left; }
.glossary-alpha-nav__link--next{ text-align:right; justify-content: flex-end; }


.glossary-alpha-nav__title{
  font-family: var(--fontfamilySemiBold)
}

.glossary-alpha-nav__arrow{
  font-size:1.1rem;
  opacity:.7;
}

.glossary-alpha-nav__center{
  align-self:center;
  text-decoration:none;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid #cccccc;
  white-space:nowrap;
}

.glossary-alpha-nav__link.is-disabled{
  opacity: 0;
  cursor:not-allowed;
  border-style:dashed;
}
#itdock-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

#itdock-lightbox.is-open { display: block; }

.itdock-lightbox__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.75);
}

.itdock-lightbox__figure {
  position: absolute;
  inset: 0;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 4vh 4vw;
}

.itdock-lightbox__img {
  max-width: 92vw;
  max-height: 92vh;
  width: auto;
  height: auto;
}

.itdock-lightbox__close {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 34px;
  line-height: 1;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
}

.itdock-lightbox-trigger img { cursor: zoom-in; }

.itdock-lightbox-open { overflow: hidden; }
code {
 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    background: #f2f3f5;
    word-wrap: break-word;
	    white-space: break-spaces;
    box-decoration-break: clone;
    padding: 20px;
    border-radius: 16px;
    font-size: 0.9rem;
    display: block;
	color: #009b56;
}
code:not(:last-child), pre:not(:last-child) {
	margin-bottom: 20px;
}
.darkmode code {
  background: rgba(255, 255, 255, 0.1);
  color: #ff7aa2;
}

#hero.microseite-hero .wp-post-image {
	width: 100%;
	display: block;
}
#hero.microseite-hero .container {
	padding: 24px;
}
#hero.microseite-hero .heroinfo {
    border-radius: 24px 24px 0 0;
    margin-top: -24px;
    background: #fff;
}
#hero.microseite-hero.level-free .heroinfo, #hero.microseite-hero.nofeaturedimg .heroinfo {
	margin-top: 0;
}
#hero.microseite-hero .content-block-buttons {
    margin-top: 1.5rem;
}
.microprofilbild {
	border-radius: 16px;
	border: 4px solid #fff;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
}
.spanicons > * {
	display: flex;
	align-items: center;
	gap: 8px;
}
.spanicons > span {
	align-items: flex-start;
}
.spanicons > span svg {
	transform: translatey(0.3rem);
}
button.simple.normal.spanicons > span {
    align-items: baseline;
}
article.dv__card:not(:last-of-type), .ressource-video {
    margin-bottom: 1.5rem;
}
h4.dv__card-title:only-child {
    margin-bottom: 0;
}
.ressource-video video {
    display: block;
}
.ressource-video {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
}
.ressource-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.extra_punkte  {
	padding-left: 0;
	margin-top: 1.5rem;
}
.branchen-chart__canvas {
  position: relative;
  width: 100%;
	max-width: 600px;
    margin: 0 auto;
}
.branchen-chart__legend {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.branchen-chart__legend-item {
  display: flex;
  gap: 1.06rem;
}

.branchen-chart__swatch {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  flex-shrink: 0;
	position: relative;
    top: 0.3rem;
}
span.branchen-chart__value {
    margin: 0 0 0 auto;
}
.partnerschaft {
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 10px 15px;
	background-color: var(--white);
}
.partnerschaft a {
    display: block;
    width: 100%;
}
.partnerschaft img {
   width: auto;
    max-height: 64px;
    display: block;
    margin: 0 auto;
}
a img, img.auszeichnung__logo {
    display: block;
}
img.auszeichnung__logo {
	width: 100%;
}
.grid4steady {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.erfolgsgeschichten {
    margin-top: 1.5rem;
}
.erfolgsgeschichte {
	align-items: flex-start;
}
.erfolgsgeschichte .badge-popular {
    margin-bottom: 1rem;
}
.erfolgsgeschichte__item:not(:last-child) {
    margin-bottom: 1rem;
}
.erfolgsgeschichte__item p {
    display: flex;
    align-items: center;
    gap: 6px;
}
.dienstleister-schwerpunkte {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#secondary aside.extra-margin60:first-child {
    margin-top: 0 !important;
}
.dienstleister-schwerpunkte .schwerpunkt, button.schwerpunkt-group__toggle{
	border-radius: 8px;
    border: 2px solid;
    font-family: var(--fontfamilyBold);
   padding: .1rem 1.095rem;
    font-size: 0.875rem;
	color: var(--magenta);
	line-height: 1.625rem;
	background: none;
    box-shadow: none;
}
.dienstleister-schwerpunkte .schwerpunkt.primary, .is-primary button.schwerpunkt-group__toggle {
	color: var(--white);
    background: var(--magenta);
    border-color: var(--magenta);
}
.schwerpunkt-group.is-open {
    width: 100%;
}
button.schwerpunkt-group__toggle {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.schwerpunkt-group.is-open button.schwerpunkt-group__toggle {
    width: 100%;
}
.schwerpunkt-group.is-open span.schwerpunkt-group__icon {
    transform: rotate(180deg);
}
ul.schwerpunkt-group__children {
    list-style: disc;
    margin: 1rem 0;
    font-size: 0.875rem;
}
.kontakt-card .kontakt-row {
    display: flex;
    gap: 8px;
}

.kontakt-card .kontakt-row:not(:last-child) {
	margin-bottom: 1rem;
}
.kontakt-card .kontakt-row__content {
    line-height: 1.9rem;
}
.kontakt-card .kontakt-row span.kontakt-row__icon {
    position: relative;
    top: 0.3rem;
}
.kontakt-card a {
	text-decoration: none;
}
.kontakt-card__media {
    border-radius: 8px;
    overflow: hidden;
	margin-bottom: 1.2rem;
}
.kontakt-card__media img {
	display: block;
	width: 100%;
}
.kontakt-card__name {
    margin-bottom: 0.2rem;
}
.kontakt-card__role {
    margin-bottom: 1rem;
}
.einsatz-list {
    margin-top: 1rem;
}
aside h2 {
    margin-bottom: 1.5rem;
}
.lockedoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(7.5px);
}
h1.article-h1.microseite-titel {
    display: flex;
    justify-content: space-between;
}
h1.article-h1.microseite-titel .badge-popular {
    padding: 0 16px;
}
.booking-embed{
  width: 100%;
  min-height: 850px;
}
.booking-wrapper{
  position: relative;
  width: 100%;
  min-height: 850px;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
	overflow-anchor: none;
}

.booking-wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.testimonial-card {
    flex-direction: row;
	gap: 24px;
}
.testimonial-card__avatar img {
	border-radius: 50%;
}
.testimonial-card__stars, .itdock-rating-stars {
    color: #FFC639;
}
i.fa-solid.grey-star {
    color: #B3B3B3;
}
.testimonial-card__name {
	color: var(--black);
	margin-bottom: 0;
}
.testimonial-card__avatar-placeholder {
    display: flex;
    height: 77px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.darkmode .testimonial-card__avatar-placeholder {
    color: var(--white)!important;
}
.slick-slide .testimonial-card {
	margin-bottom: 20px;
}
.cf7-stars {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}

.cf7-star {
	border: 0;
	background: transparent!important;
	box-shadow: none!important;
	padding: 0;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	color: #FFC639;
	will-change: transform;
}

.cf7-star:hover {
    transform: scale(1.25);
    color: #FFC639;
}

.cf7-star:focus {
	outline: none;
}

.cf7-star .fa-star {
	pointer-events: none;
}
button.button.js-load-more-reviews, button.simple {
    font-size: 0.94rem;
    color: var(--black);
    background: transparent !important;
    border: 0;
    padding: 0 !important;
    margin-top: 2rem;
}
button.simple.normal {
	font-size: 1rem;
	color: var(--blue);
}
button.simple:hover, button.simple:active, button.simple:focus, button.button.js-load-more-reviews:hover, button.button.js-load-more-reviews:focus, button.button.js-load-more-reviews:focus-visible, button.anbieter-loadmore.js-dienstleister-loadmore:hover, button.anbieter-loadmore.js-dienstleister-loadmore:focus, button.anbieter-loadmore.js-dienstleister-loadmore:focus-visible, button.toggle-button:hover, button.toggle-button:focus, button.toggle-buttone:focus-visible
{
	box-shadow: none!important;
	color: var(--blue)!important;
}
button.simple:hover, button.simple:active, button.simple:focus {
	background: transparent!important;
}
button.load-services {
	margin: 1em 0;
}
.itdock-reviews-summary {
    display: flex;
    gap: 12px;
	font-size: 0.94rem;
	margin-bottom: 1rem;
	color: var(--meta-color);
	align-items: center;
}
.itdock-reviews-summary .itdock-reviews-summary__number {
	font-family: var(--fontfamilyBold);
	color: var(--black);
}
.testimonial-form .row {
    gap: 24px;
}
#page .testimonial-form input, #page .testimonial-form select, #page .testimonial-form textarea {
    padding: 8px 10px !important;
    border-radius: 8px !important;
    border-color: #E6E6E6;
    margin: 0;
}
#page .testimonial-form input[type="submit"]:disabled {
	color: var(--meta-color);
	background-color: #B3B3B3!important;
	border-color: transparent!important;
}
#page .testimonial-form input[type="submit"] {
    width: 100% !important;
    border-radius: 999px !important;
	border-color: var(--blue)!important;
}
#page .testimonial-form input[type="submit"]:not(:disabled):hover {
box-shadow: var(--dropShadow)!important;
}
#page .testimonial-form input[type="submit"]:focus, #page .testimonial-form input[type="submit"]:focus-visible {
    background: transparent !important;
    color: var(--blue)!important;
}
.cf7-stars.is-invalid {
	outline: 2px solid #f0d96a;
	outline-offset: 6px;
	border-radius: 12px;
	padding: 6px;
}
.title-section {
    display: flex;
    gap: 24px;
}
.title-section .badges {
	margin: 0.1rem 0 0 auto;
}
.title-section .badges span.badge-popular:not(:last-child) {
    margin-right: 48px;
}
.ressource-downloads .downloadimg {
	border-radius: 8px;
	overflow: hidden;
	/*height: 157px; */
}
.ressource-downloads .downloadimg img {
    display: block;
    width: 100%;
}
.ressource-download__type {
    margin: 0.2rem 0 0.6rem;
}
.ressource-download__content {
    display: flex;
    flex-direction: column;
}
a.download-link, button.download-link {
	margin: auto 0 0;
	text-decoration: none;
}
.ressource-download__content a.download-link span {
    line-height: 1em;
    align-items: baseline;
    font-family: var(--fontfamilySemiBold);
}
ul.einsatz-list {
    margin-bottom: 0;
}
.col-3 .pin-spacer {
	margin-top: 0!important;
}
.page-template-page-anbieterfinden .title-section, #postsslider .title-section {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.page-template-page-anbieterfinden .title-section, .page-template-page-anbieterfinden .badges {
	gap: 8px;
}
.page-template-page-anbieterfinden .badges, #postsslider .badges {
    margin: 0;
  display: flex;
    gap: 10px;
}
.page-template-page-anbieterfinden .badges span.badge-popular:not(:last-child), #postsslider .badges span.badge-popular:not(:last-child) {
        margin-right: 0;
}
.page-template-page-anbieterfinden .badges span.badge-popular, span.icononly.badge-popular {
    font-size: 0;
    gap: 0;
    padding: 0;
	background-color: transparent!important;
}
.page-template-page-anbieterfinden .badges span.badge-popular.magenta.solid:before, span.icononly.badge-popular.magenta.solid:before {
	background: url(../../../wp-content/themes/child-theme/assets/checkstar-pink.svg) center center no-repeat;
  	background-size: contain;
}
.page-template-page-anbieterfinden .badges span.badge-popular.magenta:before, span.icononly.badge-popular.magenta:before {
    transform: translatey(1px);
}
.anbieter-search__field-wrap {
  position: relative;
  flex: 1 1 auto;
}

.anbieter-live-search {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 50;
  background: #fff;
  color: #111;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.14);
  overflow: hidden;
  text-align: left;
}

.anbieter-live-search__results {
  max-height: 520px;
  overflow-y: auto;
}

.anbieter-live-search__showall {
  width: 100%;
  min-height: 44px;
  border-radius: 999px;
  cursor: pointer;
}

.anbieter-live-search__loading,
.anbieter-live-search__empty {
  padding: 18px;
}
.dienstleister-card .container.innercont {
	margin-left: 0;
	padding: 0;
}
.dienstleister-card .innercont .col-10 {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
h3.dienstleister-card__title, .dienstleister-card .innercont .col-10 p, .dienstleister-card .innercont .col-10 .itdock-reviews-summary {
    margin: 0;
}
.microprofilbild {
	width: 100%;
}
.auszeichnungen__grid {
    gap: 24px;
}
.auszeichnungen__grid.row {
    align-items: center;
}
.auszeichnungen__grid.grid4steady .auszeichnung {
    display: flex;
    align-items: center;
    justify-content: center;
}
a.auszeichnungnamelink {
    color: var(--black);
    text-decoration: none !important;
}
span.auszeichnungname {
    background: #F2F2F2;
    border-radius: 8px;
    padding: 0.28rem 1.02rem;
}
section.anbieter-section:not(:last-child) {
	margin-bottom: 24px!important;
}
section.anbieter-section:not(:last-child) .anbieter-loadmore-wrap {
    margin-bottom: 3rem;
}
.anbieter-grid {
  display: grid;
  gap: 24px;
}
.dienstleister-card .innercont {
	gap: 16px;
}
.dienstleister-card--free.dienstleister-card .innercont, .dienstleister-card--free.dienstleister-card .spanicons {
	flex-direction: column;	
}
.dienstleister-card--free.dienstleister-card .innercont .col-10 {
	width: 100%;
}
.dienstleister-card--free.dienstleister-card .spanicons svg {
	min-width: 16px;
}
.dienstleister-card--free.dienstleister-card a.button {
    width: 100%;
}
.dienstleister-card--free.dienstleister-card > .row {
	gap: 16px;
}
.dienstleister-card .heroinfo {
    flex-direction: column;
    height: 100%;
}
.dienstleister-card .content-block-buttons {
	margin: auto 0 0 0;
}
.anbieter-grid--premium {
  grid-template-columns: 1fr;
}
.anbieter-grid--premium article {
	border: 1px solid var(--yellow);
}
.anbieter-grid--premium .cool-effect:before {
	background: conic-gradient(from calc(var(--angle) + var(--start-angle, 620deg)), transparent 0, var(--yellow) 20%, transparent 25%);
}

.anbieter-grid--professional {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.anbieter-grid--professional article {
	border: 1px solid var(--blue);
}
.anbieter-grid--professional .cool-effect:before {
	background: conic-gradient(from calc(var(--angle) + var(--start-angle, 620deg)), transparent 0, var(--blue) 20%, transparent 25%);
}

.anbieter-grid--free {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dienstleister-card,
.dienstleister-promo {
  width: 100%;
  box-sizing: border-box;
}
.dienstleister-promo {
	box-shadow: none!important;
	border: 2px dashed #d9d9d9;
}

/* promo spans */
.dienstleister-promo--professional-full,
.dienstleister-promo--free-full {
  grid-column: 1 / -1;
}

.dienstleister-promo--professional-half {
  grid-column: span 1;
    text-align: center;
    display: flex;
    justify-content: center;
}
.dienstleister-promo__inner.row {
    align-items: center;
}
.dienstleister-promo--professional-half .row, .dienstleister-promo--free-third .row {
    flex-direction: column;
	    justify-content: center;
    height: 100%;
}
.dienstleister-promo--professional-half .row .col:last-child, .dienstleister-promo--free-third .row .col:last-child {
	margin: auto 0 0;
}
.dienstleister-promo--professional-half .row .col, .dienstleister-promo--free-third .row .col {
	width: 100%;
}
.dienstleister-promo--free-third {
  grid-column: span 1;
}
.anbieter-grid .dienstleister-partnerschaften {
    display: flex;
    gap: 15px;
	align-items: center;
	flex-wrap: wrap;
}
.anbieter-grid .partnerschaft {
	border: 1px solid #F2F2F2;
	box-shadow: none;
	padding: 5px;
	border-radius: 5px;
}
.anbieter-grid .partnerschaft img {
    max-height: unset;
    max-width: 64px;
	width: 100%;
}
.auszeichnungen__grid.row img.auszeichnung__logo {
    max-width: 46px;
}
span.morecount {
    white-space: nowrap;
	    line-height: 1.9rem;
}
.ambieter-grid .dienstleister-schwerpunkte {
	align-items: center;
}
button.anbieter-loadmore.js-dienstleister-loadmore, button.toggle-button {
    font-size: .94rem;
    color: var(--black);
    background: transparent !important;
    border: 0;
    padding: 0 !important;
    margin-top: 2rem;
}
button.toggle-button {
	margin-top: 0;
}
.anbieter-results__count {
	margin-bottom: 1.4rem;
}
.anbieter-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 1.4rem;
}
.anbieter-active-filters-wrap {
      display: flex;
    align-items: flex-start;
    gap: 1.3rem;
    justify-content: space-between;
}

button.anbieter-filters-reset {
    box-shadow: none !important;
    border: 0;
    background: none !important;
    -webkit-appearance: none;
    padding: 0;
    font-family: var(--fontfamilySemiBold);
	color: var(--blue);
	    display: flex;
    align-items: center;
    gap: 10px;
	font-size: 1rem;
	    white-space: nowrap;
}
.anbieter-filter-pill {
    border: 0!important;
    cursor: pointer;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex;
	align-items: center;
    gap: 5px;
	padding: 0;
}
.anbieter-inline-pills {
    margin-top: 1rem;
    margin-bottom: -1rem;
}
.darkmode .anbieter-filter-pill {
    color: #ccc;
}
.anbieter-filter-pill span {
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1em;
}
.anbieter-filter-group label {
    display: block;
}
.anbieter-filter-group label:not(:last-child) {
	margin-bottom: 6px;	
}
.anbieter-filter-group .switch.button {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--black) !important;
    background: transparent !important;
    border: 0;
    margin-bottom: 0;
}
.darkmode .anbieter-filter-group .switch.button {
	color: var(--white)!important;
}
.anbieter-filter-group.is-open .switch.button {
	margin-bottom: 1rem;
}
.anbieter-filter-group.is-open .switch.button.more-margin {
	margin-bottom: 1.2rem;
}
.anbieter-filter-group .switch i {
    font-size: 0.79rem;
	transition: transform 0.2s ease-out;
}
.anbieter-filter-group.is-open .switch i {
	transform: scale(-1, -1);
}
#page .anbieter-filter-group input {
	margin-bottom: 0;
}
.anbieter-filter-group:not(:last-child) {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #CCCCCC;
}
.anbieter-filter-schwerpunkte .is-hidden-term {
    display: none;
}

.anbieter-filter-schwerpunkte.is-expanded .is-hidden-term {
    display: block;
}
#page .searchfield {
    background: url(../../../wp-content/themes/child-theme/assets/search2.svg) left 0.5rem center no-repeat #F2F2F2 !important;
    background-size: 15px !important;
    padding: 0.645rem 2.2rem !important;
    font-size: 13px !important;
    border: 0 !important;
    border-radius: 10px !important;
}
.js-anbieter-results-shell {
  position: relative;
}

.js-anbieter-results-shell.is-loading {
  opacity: 0.55;
  pointer-events: none;
}

.js-anbieter-results-shell.is-loading::after {
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  border: 10px solid #000;
  border-top-color: var(--magenta);
  border-radius: 50%;
  animation: anbieterSpin 0.8s linear infinite;
  z-index: 9999;
}
.js-anbieter-results-shell.is-loading::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(2px);
  z-index: 9998;
}
.darkmode .js-anbieter-results-shell.is-loading::after {
  border: 10px solid #ddd;
	border-top-color: var(--magenta);
}
.darkmode .js-anbieter-results-shell.is-loading::before {
  background: rgba(0,0,0,0.6);
}
@keyframes anbieterSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.anbieter-radius-slider {
  display: flex;
  align-items: center;
  gap: 12px;
	margin-top: 2rem;
}
.anbieter-radius-min,
.anbieter-radius-max {
  white-space: nowrap;
	    position: relative;
    top: 0.25rem;
}

.anbieter-range-wrap {
  position: relative;
  flex: 1;
}

/* SLIDER TRACK */
#page .anbieter-range-wrap input[type="range"] {
    appearance: none;
    height: 2px !important;
    background: #D9D9D9 !important;
    border-radius: 2px !important;
    outline: none;
    border: 0;
    padding: 0;
}

/* THUMB */
.anbieter-range-wrap input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 14px;
  height: 14px;
  background: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  border: none;
  margin-top: 0;
}

.anbieter-range-wrap input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: var(--blue);
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

/* FLOATING BUBBLE */
.anbieter-range-bubble {
    position: absolute;
    bottom: -78px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--blue);
    padding: 6px 10px;
    border-radius: 0 0 8px 8px;
    pointer-events: none;
    white-space: nowrap;
    background: #F5F9FF;
    width: 64px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* little arrow */
.anbieter-range-bubble::after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 32px;
    border-style: solid;
    border-color: transparent transparent #f5f9ff transparent;
}
.cool-effect {
    opacity: 0.5;
    animation: card_line-anim 12s linear infinite, card_line-opacity-loop 3s linear infinite;
	position: absolute;
    inset: 0;
    border-radius: inherit;
	pointer-events: none;
}
.cool-effect:before{
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(from calc(var(--angle) + var(--start-angle, 620deg)), transparent 0, var(--magenta) 20%, transparent 25%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: inherit;
}

@property --angle{
    syntax:"<angle>";
    inherits:false;
    initial-value:0deg
}
@keyframes card_line-anim{
    to{
        --angle:360deg
    }
}
@keyframes card_line-opacity{
    0%{
        opacity:0
    }
    20%,70%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes card_line-opacity-loop{
    0%{
        opacity:.75
    }
    50%{
        opacity:1
    }
    to{
        opacity:.75
    }
}
.free-banner {
	padding-top: 0!important;
}

.free-banner .badge {
    display: block;
    background: url(../../../wp-content/themes/child-theme/assets/checkstar.svg) center center no-repeat var(--magenta);
    background-size: 66px;
    width: 87px;
    height: 94px;
    margin: 0 0 0 auto;
    border-radius: 0 0 50% 50%;
}

.anbieter-archive {
	position: relative;
}
.anbieter-fab-slot {
  position: relative;
}

.anbieter-fab {
	position: static;
	display: block;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9998;
    border: 0;
    border-radius: 0 50% 50% 0;
    padding: 12px 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    align-items: center;
    cursor: pointer;
    background: #E6E6E6 !important;
    color: var(--black) !important;
}
.anbieter-fab.is-fixed {
	position: fixed;
}
.anbieter-fab-slot.has-fixed-fab {
  min-height: var(--fab-height, 56px);
}
.anbieter-fab.has-active-filters {
	gap: 8px;
}

.anbieter-fab i {
	font-size: 2.2rem;
}

.anbieter-fab.is-visible {
	display: inline-flex;
}

.anbieter-filters-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.45);
	z-index: 9996;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.anbieter-filters-overlay.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.anbieter-filters-mobile-head {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.anbieter-filters-close {
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	color: var(--black);
}

body.anbieter-filters-open {
	overflow: hidden;
}

.pricing-section .tabs__nav {
	padding: 8px;
	max-width: 400px;
	background-color: var(--white);
}

.toggle-label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #777;
  cursor: pointer;
  transition: color 0.25s ease, opacity 0.25s ease;
  user-select: none;
}

.toggle-label.active {
  color: #111;
}

.toggle-label small {
  display: inline-block;
  margin-left: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #0a7a35;
}

.toggle-switch {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.toggle-track {
  position: relative;
  display: block;
  width: 64px;
  height: 34px;
  border-radius: 999px;
  background: #d9d9d9;
  transition: background 0.25s ease;
}

.toggle-knob {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #111;
  transition: transform 0.25s ease;
}

.toggle-switch.is-yearly .toggle-track {
  background: #111;
}

.toggle-switch.is-yearly .toggle-knob {
  transform: translateX(30px);
  background: #fff;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  align-items: unset;
}

.pricing-card {
  position: relative;
	background-color: var(--white);
	box-shadow: var(--dropShadowDark);
	border-radius: 24px;
	padding: 24px;
	text-align: center;  
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.pricing-card:hover  {
  transform: translateY(-4px);
  box-shadow: var(--standardDropShadow);
}

.pricing-card--featured {
  margin-top: -12px;
  margin-bottom: -12px;
	box-shadow: var(--dropShadow);
}

.pricing-card--featured:hover {
  transform: scale(1.08) translateY(-4px);
}
.pricing-card img.iconbig {
    margin: 0 auto 1rem;
}
.pricing-plan {
    margin: 0.5rem 0 0;
}

.pricing-price-wrap {
  margin: 1.5rem 0 2rem;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 0.2rem;
	flex-wrap: wrap;
}
.pricing-price-wrap p.sparen {
    width: 100%;
	font-size: 12px;
	font-family: var(--fontfamilyBold);
	margin-top: 0.8rem;
}
.pricing-price {
  margin: 0;
	line-height: 1em!important;
}
.pricing-features {
    align-items: flex-start;
	text-align: left;
	gap: 1rem;
}
p.weiterefeatures {
    margin-bottom: 3rem!important;
}
article .bottom.center {
	justify-content: center;
}
.pricing-card a.button {
    margin: auto 0 0;
}
.present {
    background-color: var(--white);
    color: var(--black);
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
	margin-bottom: 2rem;
}
.present svg {
    transform: translatey(0.15rem);
}
.present.gold {
	background-color: var(--yellow);
	border-radius: 0 0 8px 8px;
}
.present-extra {
    background-color: #FFF1CC;
    border-radius: 8px 8px 0 0;
    padding: 0.5rem;
}

.pricing-plans {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  border: 1px solid #CCCCCC;
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

.pricing-plans .plan-label {
  text-align: center;
}

.pricing-plans .empty {
  text-align: left;
}

.pricing-plans .free {
  color: #333;
}

.pricing-plans .professional {
  color: var(--blue);
}

.pricing-plans .premium {
  color: var(--yellow);
}

details.pricing-section {
    background: var(--white);
	 margin-bottom: 1rem;
  overflow: hidden;
	border-radius: 24px;
	box-shadow: var(--standardDropShadow);
	padding: 1.5rem;
}
.pricing-section summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
	 border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}
.pricing-section:not([open]) summary {
	    border-bottom: 0;
    padding-bottom: 0;
}
.pricing-section .accordion-icon::before {
	content: '\f078';
	 font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
	    height: auto;
    background: transparent;
}
.pricing-section[open] .accordion-icon::before {
	content: '\f077';
	 font: normal normal normal 14px/1 'FontAwesome';
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}
.pricing-section .accordion-icon::after {
	content: none;
}
.pricing-section summary::-webkit-details-marker {
  display: none;
}

.pricing-section p {
  margin: 0;
}

.accordion-icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 0.3rem;
  flex: 0 0 auto;
}

.accordion-icon::before,
.accordion-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #111;
  border-radius: 2px;
  transform: translate(-50%, -50%);
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.accordion-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.pricing-section[open] .accordion-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.7);
}


.comparison-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.comparison-table thead th {
  font-size: 0.95rem;
  text-align: center;
  padding: 0.85rem 1rem;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.comparison-table thead th:first-child {
  text-align: left;
}

.comparison-table thead .professional {
  color: var(--blue);
}

.comparison-table thead .premium {
  color: var(--yellow);
}

.comparison-table tbody tr {
  border-bottom: 1px solid #cccccc;
}

.comparison-table tbody tr:last-child {
  border-bottom: 0;
}

.comparison-table td {
  padding: 1rem;
	width: 25%;
  vertical-align: middle;
  text-align: center;
	padding: 1rem 0 1rem 1rem;
}

.comparison-table td:first-child {
  text-align: left;
	padding-left: 0;
	color: var(--meta-color);
}

.comparison-table td strong {
  display: block;
  font-size: 0.96rem;
  margin-bottom: 0.25rem;
	color: var(--black)
}

.comparison-table td span:not(.icon) {
  display: block;
  line-height: 1.45;
  max-width: 340px;
	font-size: 0.875rem;
	font-family: var(--fontfamilybody);
}

.icon:not(.sib-hide-loader-icon) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 50%;
margin: 0 auto;
}

.icon.yes {
  color: #fff;
  background: #B3B3B3;
}

.icon.yes.muted {
  background: #B3B3B3;
}

.icon.yes.professional {
  background: var(--blue);
}

.icon.yes.premium {
  background: var(--yellow);
}

.icon.no {
  background: transparent;
  color: #111;
  font-size: 1.3rem;
  width: auto;
  height: auto;
  border-radius: 0;
}
.dienstleister-logo-slider {
  overflow: hidden;
	    margin-bottom: 0;
}

.dienstleister-logo-slider .slick-track {
  padding-bottom: 0;
  align-items: center;
	margin: 0 auto;
}

.dienstleister-logo-slider__item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.dienstleister-logo-slider__image {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 95px;
  object-fit: contain;
		    filter: grayscale(100%) brightness(1.1) contrast(0.8);
    transition: filter 0.3s ease, opacity 0.3s ease;
    opacity: 0.8;
	transition: all 0.3s ease-out;
}
.dienstleister-logo-slider__item a:hover .dienstleister-logo-slider__image {
  filter: grayscale(0%) brightness(1) contrast(1);
  opacity: 1;
}
.itdock-search-highlight {
  background: #fff3a3;
  color: inherit;
  padding: 0;
  border-radius: 0.2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.is-hidden-service {
	display: none;
}
.homepage-hero-news {
	position: relative;
}

.home-hero-news__inner {
	position: relative;
}

.hero-news-toggle {
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 30;
    width: 181px;
    padding: 0;
    height: 174px;
    border: 0;
    box-shadow: none !important;
    background: transparent!important;
    transition: transform .35s ease, background .35s ease, left .5s ease, opacity .3s ease;
}


.hero-news-toggle__icon {
	width: 181px;
    height: 174px;
    background: url(../../../wp-content/themes/child-theme/assets/herostartarrogelb.svg) center center no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    z-index: 2;
    pointer-events: none;
    animation: sweetPulse 2s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
    transform-origin: 100% 100%;
    will-change: transform;
}

.homepage-hero-news.is-expanded .hero-news-toggle__icon {
	background: url(../../../wp-content/themes/child-theme/assets/herostartarroblau-reversed.svg) center center no-repeat;
    background-size: contain;
	width: 62px;
    height: 60px;
}

.home-hero-news__collapsed,
.home-hero-news__expanded {
	transition: opacity .45s ease, visibility .45s ease, transform .45s ease;
}

.home-hero-news__collapsed {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	position: relative;
	z-index: 2;
}

.home-hero-news__expanded {
	opacity: 0;
	visibility: hidden;
	transform: translateY(24px);
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.homepage-hero-news.is-expanded .home-hero-news__collapsed {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: none;
}

.homepage-hero-news.is-expanded .home-hero-news__expanded {
	opacity: 1;
	visibility: visible;
	position: relative;
	pointer-events: auto;
}

/* EXPANDED GRID */
.expanded-news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: start;
}

.expanded-news-col {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

/* shared card style */
.expanded-news-item,
.desktop-news-item,
.expanded-hero-card {
	position: relative;
}


.expanded-news-item .news-meta,
.desktop-news-item .news-meta,
.expanded-hero-card .news-meta {
	position: relative;
	z-index: 2;
}
.expanded-news-item .news-meta {
    display: flex;
    flex-direction: column-reverse;
}

/* compact featured card in expanded state */
.expanded-hero-card .news-card--featured {
	padding: 0;
	min-height: 0;
}

.expanded-hero-card .news-card--featured .news-thumb {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.expanded-hero-card .news-card--featured .news-thumb img,
.expanded-hero-card .news-card--featured .news-thumb-fallback {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.expanded-hero-card .news-card--featured .news-meta {
	padding: 16px;
}
article.expanded-hero-card {
	background-size: cover;
	background-repeat: no-repeat;
	padding-right: 100px;
}
article.expanded-hero-card:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .3), transparent);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
article.expanded-hero-card .hero-news-toggle {
	    width: 62px;
    height: 60px;
}
.expanded-news-grid .expanded-news-item {
    align-self: stretch;
    background-color: #F6F6F6;
    border-radius: 16px;
    box-shadow: none;
    padding: 16px;
    min-height: 106px;
}
.expanded-news-grid .expanded-news-item .news-title {
	padding-right: 62px;
}
.push-left.homepage-hero-news.js-home-hero-news.is-expanded {
    max-width: var(--mainwidth);
    padding: 0 20px !important;
    margin: 0 auto;
}

/* keep existing right rail in collapsed state visually neat */
.desktop-news-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.news-pill {
	margin-bottom: 8px;
}

/* optional little stagger magic */
.expanded-news-col > * {
	opacity: 0;
	transform: translateY(16px);
	animation: heroNewsFadeIn .45s ease forwards;
}

.homepage-hero-news.is-expanded .expanded-news-col > *:nth-child(1) { animation-delay: .05s; }
.homepage-hero-news.is-expanded .expanded-news-col > *:nth-child(2) { animation-delay: .12s; }
.homepage-hero-news.is-expanded .expanded-news-col > *:nth-child(3) { animation-delay: .19s; }
.homepage-hero-news.is-expanded .expanded-news-col > *:nth-child(4) { animation-delay: .26s; }
.homepage-hero-news.is-expanded .expanded-news-col > *:nth-child(5) { animation-delay: .33s; }

@keyframes heroNewsFadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ===== Modal base ===== */
.gated-download-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* hide when [hidden] is present */
.gated-download-modal[hidden] {
	display: none !important;
}

/* ===== Overlay ===== */
.gated-download-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
}

/* ===== Dialog ===== */
.gated-download-modal__dialog {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 520px;
	background: #fff;
	border-radius: 16px;
	padding: 30px 30px 25px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);

	/* animation */
	opacity: 0;
	transform: translateY(20px) scale(0.98);
	animation: modalIn 0.25s ease forwards;
}

/* ===== Close button ===== */
.gated-download-modal__close {
	position: absolute;
	top: 12px;
	right: 14px;
	background: none;
	border: none;
	font-size: 26px;
	cursor: pointer;
	line-height: 1;
	color: #666;
	transition: 0.2s;
}

.gated-download-modal__close:hover {
	color: #000;
	transform: scale(1.1);
}

/* ===== Title ===== */
.gated-download-modal__dialog h2 {
	margin-bottom: 20px;
	font-size: 24px;
}

/* ===== Success box ===== */
.gated-download-modal__success {
	padding: 20px;
	border-radius: 12px;
	background: #f4f7ff;
	text-align: center;
}

.gated-download-modal__success h3 {
	margin-bottom: 10px;
}

/* ===== Animation ===== */
@keyframes modalIn {
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

/* ===== Prevent body scroll ===== */
body.gated-download-open {
	overflow: hidden;
}

input.hide-original-checkbox {
    display: none;
}

.popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.popup-content {
  overflow-y: auto; 
  padding: 30px;
	scroll-behavior: smooth;
}
.popup-content::-webkit-scrollbar {
  width: 6px;
}

.popup-content::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 10px;
}
.popup-inner {
  position: relative;
  max-width: 912px;
  width: 90%;
  margin: 5vh auto;
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
	 max-height: 90vh;
  animation: popupFade 0.3s ease;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  border: none;
  background: none;
  cursor: pointer;
}

body.popup-open {
  overflow: hidden;
}

@keyframes popupFade {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
#customback {
    position: absolute;
    left: 0;
    width: 100%;
    height: 110vH;
    z-index: -1;
    background-size: 100% 100%;
	background-repeat: no-repeat;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.stat-card {
  text-align: center;
}

.js-counter {
  margin: 1rem 0!important;
}
.bookings-embed {
	width: 100%!important;
	height: 720px; 
    overflow: hidden;
}
.bookings-embed iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.anbieter-schwerpunkt-group__head {
    display: flex;
    justify-content: space-between;
}
button.anbieter-schwerpunkt-group__toggle.js-anbieter-schwerpunkt-group-toggle {
    background: none !important;
    padding: 0;
    box-shadow: none !important;
    border: 0;
    height: auto;
    line-height: 1rem;
    display: flex;
    height: 1rem;
	    transform: translatey(0.4rem);
}
.anbieter-schwerpunkt-group__children {
    padding-left: 25px;
    margin-bottom: 1rem;
    font-size: 0.85em;
}
#page .anbieter-schwerpunkt-group__children input[type="checkbox"] {
    width: 12px !important;
    height: 12px !important;
    border-radius: 2px !important;
    border-width: 1px;
}
  @media all and (min-width:1800px)  {
		section.anbieter-section:not(:last-child) {
	margin-bottom: 48px!important;
}
.anbieter-grid {
  gap: 48px;
}
 .archive.category #hero video.backgroundvideo {
    object-position: center calc(50% - 120px);
}
	  .page-template-page-blog #hero video.backgroundvideo {
    object-position: center calc(50% - 120px);
}
}

  @media all and (min-width:1921px)  {
	  .archive.category #hero {
		      background-position: center calc(50% - 120px);
	  }
	  .page-template-page-blog #hero {
		      background-position: center calc(50% - 120px);
	  }
	 
	  .grid.grid3.becomegrid4 {
		  grid-template-columns: repeat(4, 1fr);
	  }
}
	    @media all and (min-width:2350px)  {
 .archive.category #hero video.backgroundvideo {
    object-position: center calc(50% - 170px);
}
	  .page-template-page-blog #hero video.backgroundvideo {
    object-position: center calc(50% - 170px);
}
}
 @media all and (min-width:1024px)  {
	 
	 .archive #hero {
	min-height: 523.3px;
}

	 	  .single #content > .container > .row > .col-3 {
    width: 372px;
}
	  .single #content > .container > .row > .col-9 {
    width: calc(100% - 412px);
}
.uglypig {
	height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.uglypig img {
	height: 100%;
	width: auto;
	max-width: unset;
}
	 .uglypig.smaller img {
		 height: 79%;
		 transform: translatey(6%) rotate(-2deg);
	 }
	 .headtools.mobile {
    display: none !important;
}
	 .itdock-popup {
		 display: none!important;
	 }
}


  @media all and (max-width:1023px)  {
	  .title-section {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
	  .title-section .badges {
    margin: 0;
		  display: flex;
        gap: 10px;
}
	    .title-section .badges span.badge-popular:not(:last-child) {
        margin-right: 0;
    }
	  .title-section .badges span.badge-popular {
    font-size: 0;
    gap: 0;
    padding: 0;
		  background: transparent;
}
	  .title-section .badges span.badge-popular.magenta.solid:before {
		  background: url(../../../wp-content/themes/child-theme/assets/checkstar-pink.svg) center center no-repeat;
    background-size: contain;
	  }
	  .title-section .badges span.badge-popular.magenta:before {
    transform: translatey(1px);
}
	  .glossary-item {
    width: 50%;
}
	  /* Popup base */
.itdock-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

/* Active state */
.itdock-popup.is-open {
  display: block;
}

/* Overlay */
.itdock-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(4px);
}
.darkmode .itdock-popup__overlay {
  background: rgba(0,0,0,0.85);
}
/* Panel */
.itdock-popup__panel {
  position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 35% 2rem 2rem;
        height: 100%;
}

/* Close button */
.itdock-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}
	  .darkmode .itdock-popup__close {
		  color: var(--white);
	  }
	  .itdock-popup__panel .itdock-search-input {
		  box-shadow: var(--standardDropShadow);
		  border-radius: 16px;
		  border: 0!important;
		  padding: 1rem!important;
	  }
/* Prevent body scroll when open */
body.popup-open {
  overflow: hidden;
}
	  .lighthouse:after {
    height: 100px;
    width: 100%;
}
	  .row {
		  gap: 20px;
	  }
	  	  .single #content > .container > .row > .col-3, .single #content > .container > .row > .col-9 {
    width: 100%
}

	   .content-block-tiles.tiles-2, .content-block-tiles.tiles-3 { 
		  grid-template-columns: repeat(2, minmax(0, 1fr)); 
	 }
	  .itdock-search-item {
		  text-align: left;
    font-size: 0.8rem;
}
	  .itdock-search-empty {
    padding: 5px;
    text-align: left;
}
	  .floatingimg:before {
		  top: 0;
		  height: 100%;
	  }
	  .popular-section .col-8, .popular-section .col-4 {
		  width: 100%;
	  }
	  .grid.grid2, .grid.grid3, .grid.grid4 {
    grid-template-columns: repeat(2, 1fr);
}
	  header .grid.grid3 {
		  grid-template-columns: repeat(2, 1fr);
	  }
	  .custom-nav .slick-next {
	right: 20px;
}

	  .col-sidebars {
		  flex-wrap: wrap;
	  }
	  footer .newsletter .col-6 {
		  width: 100%;
	  }
	  .footer-sidebars .col {
    width: calc(50% - 10px) !important;
    padding: 0;
}
  
      /* mobile.css */
	  
	header#masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
		z-index: 100;
}
	  header#masthead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(5px);
}
	  header#masthead .topbar {
    position: relative;
}
	  header#masthead .headerbar .first {
    display: none;
}
	  header#masthead .headerbar .center {
		  display: block;
		  text-align: left;
	  }
	  header#masthead .headtools {
		  margin-right: 55px;
	  }
	  header#masthead .itdock-search-input {
		  background: url(../../../wp-content/themes/child-theme/assets/search2.svg) right 10px center no-repeat transparent;
		  background-size: 15px;
		  border:0!important;
	  }
	  .darkmode header#masthead .itdock-search-input {
		  background: url(../../../wp-content/themes/child-theme/assets/search2-wht.svg) right 10px center no-repeat transparent;
		  background-size: 15px;
	  }
	  #top {
		  margin-top: 81.66px;
		  height: 1px;
	  }
      .blueback.headerbar {
    background-color: transparent!important;
    padding: 0 !important;
}
  hgroup {
      padding: 0;
      display: block;
      text-align: center;
  }  
  html.active #page {
      z-index: 900;
      position: relative;
  }
  #masthead.crossed a#logo {
      display: inline-block;
      vertical-align: middle;
      bottom: 0;
      position: static;
      left: inherit;
      top: inherit;
      margin: 10px 10px 0 0;
  }
  #mobile-nav-button {
      display: block;
        width: 36px;
        height: 35px;
        position: fixed;
        top: 22px;
        right: 15px;
        z-index: 9999;
        cursor: pointer;
  }
  #mobile-nav-button span {
  height: 3px;
      background-color: var(--black);
      border-radius: 3px;
      display: block;
      width: 25px;
      position: absolute;
      top: 16px;
      left: 5px;
      -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
      cursor: pointer;
  }
	  .darkmode #mobile-nav-button span, #mobile-nav-button.active span {
		  background-color: var(--white);
	  }
  #mobile-nav-button span.line1 {
      top:8px;
  }
  #mobile-nav-button span.line3 {
      top:24px;
  }
  #mobile-nav-button.active span.line1 {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top:15px;
  }
  #mobile-nav-button.active span.line2 {
      opacity:0;
  }
  #mobile-nav-button.active span.line3 {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top:15px;
  }
  .nav-container {
     position: fixed!important;
      overflow: hidden!important;
      top: 0;
	  padding: 30px;
      right: -100%!important;
      width: 0!important;
      height: 100%;
      z-index: 700;
      display: flex;
	  flex-direction: column;
      justify-content: center;
      align-items: center;
  background: var(--blue); 
      transition: width 0.4s ease, height 0.4s ease, right 0.4s ease;
  }
  .nav-container.active {
      align-items: center;
	        right: 0!important;
      overflow: auto;
      width: 100%!important;
      display: flex!important;
      height: 100%;
          justify-content: center;
      overflow: auto!important;
  }
	  #site-navigation {
		  width: 100%;
	  }
      #site-navigation .nav-menu li a {
      color: #fff;
      }
	  .menu-main-menu-container {
    display: flex;
    flex-direction: column;
		  width: 100%;
}
  #site-navigation ul.nav-menu {
	  order: 2;
      margin: 0 auto 2rem;
      border: 0;
      position: relative;
      display: block!important;
      text-align: center!important;
      background-color: transparent;
	  width: 100%;
  }
	    #site-navigation .nav-menu > li::after {
    bottom: 3px;
    height: 1px;
	  }
  #site-navigation ul.nav-menu li a:hover, #site-navigation ul.nav-menu li a:active, #site-navigation ul.nav-menu li a:focus, #site-navigation ul.nav-menu li.current-menu-item > .sub-menu a:hover, #site-navigation ul.nav-menu li.current-menu-item > a, .main-navigation .current_page_ancestor > a {
      background: transparent;
  }
  #site-navigation ul.nav-menu li.lang-item {
      position: static!important;
  }
  #site-navigation ul.sub-menu {
      background-color: transparent;
      width: auto;
  }
  #site-navigation ul.sub-menu:before {
      top: -10px;
  }
      
  #masthead.crossed #site-navigation ul.nav-menu li a:link, #masthead.crossed #site-navigation ul.nav-menu li a:visited {
      color: #fff;
  }
  .menu-mainmenu-container, .menu-mainmenu-english-container, .menu-mobile-header-navigation-container {
      width: 100%;
  }
  .nav-menu li:before {
     content:none;
  }
  .nav-menu li:last-child:after {
      content: none;
  }
  #site-navigation.main-navigation li ul.sub-menu {
      display: none;
      margin-bottom: 10px;
      position: static;
      visibility: visible;
      overflow: auto;
      height: auto;
      width: auto;
      background-color: transparent;
      padding: 10px 0 0;
      width: 100%!important;
  }
      #site-navigation .nav-menu li .sub-menu .sub-menu {
      top: 0;
      border-top: 0;
      background: #7d7168;
      margin-top: 0;
      padding: 7px 0 8px;
      border: 1px solid #54504d;
  }
  #site-navigation.main-navigation li ul.sub-menu li a {
      font-size: 1rem!important;
      line-height: 1rem;
      background: transparent;
      text-align: left;
      border: 0;
      padding: 5px 0;
      white-space: normal;
      word-break: normal;
      color: #fff;
  }
  #site-navigation.main-navigation li.menu-item-has-children:after {
      content: '\f0d7';
      color: #fff;
      border-radius: 15px;
      height: 15px;
      font-size: 30px;
      font-family: 'FontAwesome'!important;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      line-height: 14px;
      text-decoration: inherit;
      text-align: right;
      position: absolute;
      right: 0;
      top: 22px;
      width: 20%;
      width:100%;
  }
      #site-navigation.main-navigation li.menu-item-has-children.active:after {
      content: '\f0d8';
  }
      #site-navigation .nav-menu li .sub-menu .sub-menu li:after {
      width: 2px;
      height: 2px;
  }
  #site-navigation .nav-menu li .sub-menu li.menu-item-has-children:after {
     content: none;
  }
  #site-navigation .nav-menu li .sub-menu .sub-menu a {
      font-size: 0.5rem!important;
  }
  #site-navigation.main-navigation li {
      display: block;
      margin: 0!important;
      position:relative;
      text-align: left;
  }
	  #site-navigation.main-navigation .nav-menu> li {
		  padding: 1em 0;
	  }
  #site-navigation .nav-menu > li > .sub-menu li {
      width: auto!important;
      margin:0 0 0.5rem!important;
      background-color: transparent!important;
      display: block!important;
      border: 0!important;
  }
  #site-navigation.main-navigation li a {
      line-height: 1.5rem;
      text-decoration: none;
      font-size: 1.5rem!important;
      text-transform: uppercase;
  }
  #site-navigation .nav-menu li:hover a {
      background-color: transparent;
      color: #fff!important;
  }
      #site-navigation .nav-menu > li.menu-item-has-children {
      position: relative;
  }
      /* end mobile.css */
  
  }
  @media (max-width: 991px) {
  .anbieter-grid--professional,
  .anbieter-grid--free {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dienstleister-promo--free-third {
    grid-column: span 1;
  }
}

  @media all and (min-width:768px)  {
	  .morepaddingleftright {
	padding-left: var(--distanceSection60);
	padding-right: var(--distanceSection60);
}
	  .push-right2 .container {
    max-width: 100% !important;
    padding-left: 0;
}
	  .show-mobile {
		  display: none!important;
	  }
	  .comparison-table thead {
    display: none;
}
	  .anbieter-fab,
	.anbieter-filters-overlay,
	.anbieter-filters-mobile-head {
		display: none !important;
	}

	.anbieter-archive .anbieter-filters-drawer {
		position: static;
		transform: none !important;
		height: auto;
		background: transparent;
		box-shadow: none;
		padding: 0 0 100px;
	}
	  .widget-area .widget:last-child {
		  margin-bottom: 0!important;
	  }
	  #secondary {
    padding-bottom: 3.428571429rem!important;
}
	  .anbieter-archive aside {
    padding-bottom: 100px;
}
	  .dienstleister-card .innercont .col-2 {
		  width: 88px;
	  }
	  .dienstleister-card .innercont .col-10 {
		  width: calc(100% - 104px);
	  }
	  .showmobile {
		  display: none;
	  }
	  .branchen-chart__canvas {
  aspect-ratio: 1 / 1;
}
	  .content-restrict-mobile .mehranzeigen {
		  display: none;
	  }
	  .mobile {
    display: none;
}
	  .testimonial-card__avatar {
    width: 77px;
}
.testimonial-card__content {
    width: calc(100% - 101px);
}
	  .testimonial-card__content .testimonial-card__stars {
		  text-align: right;
	  }
	  #hero.microseite-hero .content-block-buttons {
		  flex-direction: row		  
	  }
	  .row.largegap {
	gap: 48px;
 row-gap: 10px;
}
.row.largegap .col-6 {
          width: calc(50% - 24px);
      }
	  .row.largegap .col-7 {
		  width: calc(55% - 24px);
	  }
	  .row.largegap .col-5 {
		   width: calc(45% - 24px);
	  }
	  .second-badge article {
	flex: 1 1 0;
	  }
	  #hero.microseite-hero .col-2 {
		  width: 128px;
	  }
	  #hero.microseite-hero .col-10 {
    width: calc(100% - 158px);
}
	  .grid21  {
		  grid-template-columns: 66% calc(33% - 20px);
    display: grid;
		  gap: 30px;
	  }
	  .addpaddtop2rem {
		  padding-top: 2rem;
	  }
	  .checklist.row.spread {
		  flex-direction: row;
		  justify-content: space-between;
	  }
	  #footer_newsletter section#newsletter {
		  overflow: hidden;
}
	  .second-badge .news-card:hover { 
	padding: 10px;
	background-color: var(--black50);
	border-radius: 8px;
}

	  .news-card:hover .news-thumb {
	transform: scale(1.1);
}
	  .content-block-two-col > div {
    position: sticky;
    top: 130px;
}
	  .grid.equalheights {
	 grid-auto-rows: 1fr;
}
span.intend {
    display: inline-block;
    margin-left: 13%;
}
      .col-sidebars {
      display: flex;
      width: 100%;
		  gap: 40px;
  }
	  #hero article {
    flex-direction: row;
}
  }
  
@media all and (max-width:767px)  {
	.stats-grid {
    grid-template-columns: 1fr;
  }
	.single-dienstleister .sidebar {
    margin-top: var(--distanceSection);
}
	.single-dienstleister .sidebar aside:first-of-type {
		margin-top: 0!important;
	}
	.push-left.homepage-hero-news.js-home-hero-news.is-expanded {
		padding:0!important;
	}
	#hero.heroarrow {
    border-radius: 16px !important;
    margin-left: 20px;
    margin-right: 20px;
}
	#hero.home-hero-news-main {
		border-radius: 0 0 24px 24px;
	}
	.homepage-hero-news.is-expanded .home-hero-news__collapsed {
    display: block;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
	#hero.heroarrow .container {
    padding: 0 20px 0 5px;
}
	.push-left {
		padding-right: 0!important;
	}
	#hero.heroarrow:after {
		content: none;
	}
	.page-template-page-anbieterfinden .title-section .badges {
		margin: 0 0 0 auto;
	}
	.anbieter-active-filters-wrap {
    flex-direction: column;
    margin-bottom: 2rem;
}
	#page input[type="search"], #page input[type="text"], #page textarea, #page select {
  font-size: 16px!important;
}
	.pricing-section summary {
		margin-bottom: 1rem;
	}
	.pricing-section:not([open]) summary {
		margin-bottom: 0;
	}
	  .pricing-plans {
   display: none;
  }

  .comparison-table,
  .comparison-table thead,
  .comparison-table tbody,
  .comparison-table tr,
  .comparison-table th,
  .comparison-table td {
     display: flex;
	  flex-direction: column;
	  gap: 5px;
    width: 100%;
	          font-size: 1rem;
        border-radius: 0;
  }

	.comparison-table tbody tr {
		padding-top: 0.2rem;
	}
	.comparison-table tbody tr:not(:last-child) {
    padding-bottom: 1rem;
	}
	
  .comparison-table thead {
    display: none;
  }

  .comparison-table tbody {
    display: grid;
    gap: 0.75rem;
  }


  .comparison-table td {
    padding: 0;
    border: 0;
    text-align: left;
  }

  .comparison-table td:first-child {
    width: 100%;
    margin-bottom: 0.8rem;
  }

  .comparison-table td:first-child strong {
    font-size: 1rem;
    margin-bottom: 0.25rem;
  }

  .comparison-table td:first-child span {
    max-width: none;
    font-size: 0.9rem;
  }

  .comparison-table td:not(:first-child) {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    gap: 0.65rem;
    padding: 0.35rem 0;
  }

  .comparison-table td:nth-child(2)::before,
  .comparison-table td:nth-child(3)::before,
  .comparison-table td:nth-child(4)::before {
    font-weight: 700;
    font-size: 0.9rem;
  }

  .comparison-table td:nth-child(2)::before {
    content: "Free";
    color: var(--black);
  }

  .comparison-table td:nth-child(3)::before {
    content: "Professional";
    color: var(--blue);
  }

  .comparison-table td:nth-child(4)::before {
    content: "Premium";
    color: var(--yellow);
  }
	
	
	  .pricing-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .pricing-card--featured {
	  margin: 0;
  }

  .pricing-card--featured,
  .pricing-card--featured:hover {
    transform: scale(1);
  }
	.mobile80 {
		max-width: 80px;
	}
	.microprofilbild {
		max-width: 80px;
	}
	.anbieter-archive > .container {
		position: relative;
	}

	.anbieter-archive .anbieter-results {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.anbieter-archive .anbieter-filters-drawer {
		position: fixed;
		top: 0;
		left: 0;
		width: min(88vw, 360px);
		height: 100dvh;
		z-index: 9997;
		background: #fff;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		overflow-y: auto;
		padding: 24px 18px 28px;
		box-shadow: 12px 0 30px rgba(0,0,0,0.14);
		max-width: none;
		flex: none;
	}

	.anbieter-archive .anbieter-filters-drawer.is-open {
		transform: translateX(0);
	}

	.anbieter-archive .anbieter-filters {
		position: static;
		top: auto;
	}

	.anbieter-filters-mobile-head {
		display: flex;
	}

	.anbieter-fab {
		display: inline-flex;
	}

	.dienstleister-promo__inner {
		text-align: center;
	}
	.dienstleister-card .content-block-buttons {
		gap: 1rem;
	}
.dienstleister-card a.button {
    width: 100%;
}
	.news-card {
		align-items: flex-start;
	}
	.anbieter-grid--premium,
  .anbieter-grid--professional,
  .anbieter-grid--free {
    grid-template-columns: 1fr;
  }

  .dienstleister-promo--professional-full,
  .dienstleister-promo--professional-half,
  .dienstleister-promo--free-full,
  .dienstleister-promo--free-third {
    grid-column: 1 / -1;
  }
	.itdock-reviews-block #js-testimonial-slider {
    margin-left: -15px;
    margin-right: -15px;
}
	.testimonial-card__avatar {
    display: none;
}
	.testimonial-card__content .top {
    flex-direction: column;
}
	.erfolgsgeschichte h3 {
    font-size: 1rem;
}
	canvas#branchenDonut {
    max-width: 164px;
	max-height: 164px;
	margin: 0 auto;
}
	.branchen-chart__swatch {
    width: 15px;
    height: 15px;
}
	.content-restrict-mobile {
    position: relative;
}
	.content-restrict-mobile:not(.opened) {
    /*height: 341px; */
    overflow: hidden;
}
	.content-restrict-mobile .mehranzeigen {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: block;
    width: 100%;
    color: var(--blue);
    z-index: 2;
    display: flex;
    font-family: var(--fontfamilySemiBold);
    justify-content: center;
    align-items: center;
    gap: 15px;
		cursor: pointer;
}
	.content-restrict-mobile.is-short .mehranzeigen {
		display: none;
	}
	.content-restrict-mobile.is-short:after {
		display: none!important;
	}
	.content-restrict-mobile:not(.opened):after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background: linear-gradient(0deg, white, white 50%, transparent);
}
	.desktop {
    display: none;
}
	.constrained #hero {
    border-radius: 16px;
}
	#hero.microseite-hero .heroinfo {
    border-radius: 0;
    margin-top: 0;
}
	.spanicons {
    flex-direction: column;
    gap: 10px;
}
	.einsatz-list.spanicons {
		flex-direction: row;
		gap: 20px;
	}
	.margin-top-mobile {
		margin-top: var(--distanceSection)!important;
	}
	.booking-wrapper{
    min-height: 1000px;
  }
	h1.article-h1.microseite-titel {
		justify-content: flex-start;
		gap: 10px;
	}
	h1.article-h1.microseite-titel .badge-popular {;
    font-size: 0;
    gap: 0;
		padding:0;
		background: transparent;
}
	h1.article-h1.microseite-titel .badge-popular:before {
		    background: url(../../../wp-content/themes/child-theme/assets/checkstar-pink.svg) center center no-repeat;
    background-size: contain;
}
.grid.grid4steady {
    gap: 20px;
}
	.partnerschaft.card {
		border-radius: 8px;
	}
	.partnerschaften .grid.grid4steady .partnerschaft {
    padding: 5px;
}
	.glossary-alpha-nav__inner {
    flex-direction: column;
}
	.glossary-alpha-nav__link {
    min-width: unset;
    width: 100%;
}
	.glossary-item {
    width: 100%;
}

	.grid21 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
	span.underline {
    border-bottom: 0.2rem solid;
}

#weitere-artikel {
    margin-bottom: 6rem !important;
}
	section#newsletter .badge-popular {
    position: absolute !important;
    background: var(--magenta);
    left: 0px;
    top: -10px;
}
	section#newsletter .extra-padding {
		padding-top: 30px!important;
	}
	section#newsletter .checklist.vertical {
		display: none;
	}
	.reverse-mobile {
		flex-direction: column-reverse;
	}
	.cover-section-end-bottom {
    padding-bottom: var(--distanceSectionPadding) !important;
}
	.content-block-quote {
    font-size: 1rem;
    text-align: left;
	}
	#hero .rearrange {
    display: flex;
    flex-direction: column;
}
	#hero .rearrange > div {
		order: 1;
	}
	#hero .rearrange .bringtomiddlemobile {
		margin: var(--distanceSection48) 0 0 !important;
	}
	#hero .rearrange .bringbottommobile {
		order: 10;
		margin: 0 0 var(--distanceSection48)!important;
	}
#huegel {
    background: #fff;
    height: var(--distanceSection);
}
	ul.checklist.grid.grid4.v2 {
    gap: 20px;
}
	.content-block-table {
    width: 100%;
    border-collapse: collapse;
  }

  .content-block-table thead {
    display: none; /* hide header row */
  }

  .content-block-table tr {
    display: block;
    border: 1px solid #E6E6E6;
    border-radius: 16px;
    margin-bottom: 12px;
    overflow: hidden;
  }

   .content-block-table td {
        display: flex;
        gap: 10px;
        padding: 0px 0;
        border: 0;
        border-top: 1px solid #E6E6E6;
        min-width: 0;
        position: relative;
        width: 100%;
        align-items: center;
  }

  .content-block-table td:first-child {
    border-top: 0;
  }

  .content-block-table td::before {
	content: attr(data-label);
        font-family: var(--fontfamilyBold);
        min-width: 0;
        background-color: #E6E6E6;
        width: 50%;
        height: 100%;
        padding: 10px;
	  border-bottom: 1px solid #fff
  }
	.content-block-table td:last-child::before {
		border-bottom: 0;
	}
	.darkmode .content-block-table td::before {
		color: var(--black);
	}
	.hero-categories a.button:not(.hero-category--primary) {
		display: none;
	}
	#hero.single-hero:before {
		background: rgba(0,0,0,0.6);
	}
	.popular-section .col-8 .recent-post > a {
    min-height: 200px;
}
	.popular-section .col-8 .recent-post a .objectfitcover {
		height: 100%;
	}
	#main > section:last-child {
    padding-bottom: 30px;
}
	#menu-footer-menu {
    gap: 10px;
}
	#footer-newsletter {
    margin: 4.5em 0;
}
	footer h6 {
		margin-bottom: 1rem!important;
	}
	.hide-mobile {
		display: none!important;
	}
	.button.blackmobile, .button.blackmobile:link, .button.blackmobile:visited {
    background: var(--body) !important;
    border-color: var(--body)!important;
		padding: 10px!important;
}
.button.blackmobile:hover {
	box-shadow: var(--dropShadowDark)!important;
}
.button.blackmobile:focus, .button.blackmobile:active {
      background:var(--white)!important;
      color:var(--body)!important;
	 	  box-shadow: none;
  }  
	h2.addmargin {
    margin-bottom: 1.5rem;
}
	.button.fullwidthmobile {
    width: 100%;
    justify-content: center;
}
		  #hero article.featured-post.row.shadowed .col-7 {
    position: relative;
    z-index: 2;
    color: var(--white);
}
	#hero article.featured-post .col-7 h1 {
		color: var(--white)
	}
	#hero article.featured-post .post-meta__author-name, #hero article.featured-post .post-meta__author-name b, #hero article.featured-post .bottom  {
		color: var(--white);
	}
	#hero article.featured-post .bottom .reading-time {
		display: none;
	}
	#hero article.featured-post .featured-top {
    flex-direction: column-reverse;
	}
	#hero article.featured-post .featured-top .time-ago {
    color: #fff;
}
#hero.first .col.col-5.objectfitcover.relative {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	#hero.first .col.col-5.objectfitcover.relative:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
  to top,
  rgba(0, 0, 0, 0.9) 0%,
  rgba(0, 0, 0, 0.7) 30%,
  rgba(0, 0, 0, 0.4) 60%,
  rgba(0, 0, 0, 0) 100%
);
    z-index: 2;
}
	#hero.first .featured-post {
		margin-top: var(--distanceSection);
		        padding: 0.6rem 20px;
	}
	.slick-initialized .slick-track {
    height: auto !important;
    display: block !important;
}

	.content-block-buttons {
	flex-direction: column;
	gap:1rem;
}
	nav.content-block-anchors {
		display: none;
	}
	    .stickynav--micropage nav.content-block-anchors {
        display: block;
        position: fixed;
        bottom: 30px;
        left: 24px;
        width: calc(100% - 48px);
        border-radius: 80px;
			padding: 24px;
    }
	.stickynav--micropage nav.content-block-anchors ul {
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    overflow: scroll;
    gap: 30px;
}
	.stickynav--micropage nav.content-block-anchors ul li a {
		white-space: nowrap;
	}
	.tabs__nav {
    flex-direction: column;
    gap: 10px;
}
	#page .tabs__btn {
		justify-content: center;
	}
	.balken span.button-follows {
		margin: 0;
	}
	span.button-follows {
		margin: 0 0 1rem;
	}
	#timeline .line-wrap {
	left: 1.5rem;
}
	#timeline .col-2 {
		width: calc(25% - 20px);
	}
	#timeline .col-10 {
    width: calc(75% - 20px);
}
#timeline li {
	position: relative;
	width: 100%;
	display: flex;
	z-index: 2;
	margin-bottom: 2em;
	padding-left: 4.5rem;
}
		#timeline li:last-of-type {
		margin-bottom: 0;
	}
#timeline li .card {
	width: 100%;
	margin:0!important;
}
#timeline li:before, #timeline li:after, #timeline .line-wrap:after  {
	left: 1.5rem;
}
	#timeline .line-wrap:after {
		left: 0.1rem;
	}
	.gallery-item9-3 {
    min-height: 200px;
}
	.gallery-item9-3:first-child {
		width: calc(60% - 10px);
	}
	.gallery-item9-3:last-child {
		width: calc(40% - 10px);
	}
	.card.thick-card {
    padding: 20px;
}
	.center-mobile {
		text-align: center;
	}
	.less-padding-mobile {
		padding-bottom: calc(var(--distanceSectionPadding) / 8)!important;
	}
	#footer_newsletter section#newsletter.floatingimg:before {
		content: none;
	}
	.content-block-quote:before {
    width: 55px;
    height: 35px;
	}
	.content-block-table-wrap {
    overflow: auto;
}
	.content-block-two-col, .content-block-two-col.bild-rechts  {
		flex-direction: column;
	}
	nav.content-block-anchors ul {
    flex-direction: column;
    gap: 0;
    text-align: center;
}
	#hero.single-hero .container {
    gap: 32px;
}
	#hero.single-hero .container {
		max-width: 100%;
	}
	#hero .excerpt {
		font-family: var(--fontfamilySemiBold);
		font-size: 18px;
	}
	.news-carousel.slick-slider .slick-slide {
		padding: 0;
	}
	.featured-top .pill {
    margin-top: 20px;
}
	.container {
    padding: 0 24px;
}
	.hero-categories {
		margin-top: 24px;
	}
	#hero.single-hero .container {
		padding-bottom: 24px!important;
	}
	#hero .featured-badge {
    top: 24px;
}
.breadcrumbs {
    font-size: 12px;
    padding: 
		10px 20px;
    margin: 0 -20px;
}
		.breadcrumbs > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
	#hero.single-hero .bottom {
    align-items: flex-start;
    gap: 20px;
		flex-wrap: wrap;
}
	#hero.single-hero .bottom .post-meta__author {
		width: 100%;
	}
	.featured-wide .objectfitcover img {
		min-height: 120px;
	}
	.hero-categories {
       flex-direction: column-reverse;
       gap: 5px;
       align-items: flex-start;
		margin-bottom: 0;
}
	.block-liste-mit-eigenen-icons.zwei-spalten .content-block-icon-list .icon-list-item .icon {
    width: 25px;
}
	.icon-list-item .txt {
    width: calc(100% - 46px);
	}
	.block-liste-mit-eigenen-icons.zwei-spalten .content-block-icon-list, ul.content-block-numbered-list.zwei-spalten {
		  grid-template-columns: unset;
	  }
	.content-block-tiles.tiles-1, .content-block-tiles.tiles-2, .content-block-tiles.tiles-3 { 
		grid-template-columns: unset; 
	}
	.blog-cats {
    margin-left: 20px;
}
	.blog-cats ul div#mCSB_1_container {
    gap: 20px;
}
	.blog-filters, .blog-active-filters {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: space-between;
	}
	.blog-filters .filter-field i.fa-solid.fa-chevron-down {
    font-size: 0.675rem;
}
	.blog-filters .filter-field svg {
    width: 15px;
}
	.cardsv2 {
    overflow: hidden;
    box-shadow: var(--standardDropShadow) !important;
    border-radius: 16px !important;
    padding: 0.5rem;
}
	.cardsv2  .news-sub {
    flex-direction: column;
    gap: 0;
}
	.cardsv2 .news-thumb {
    width: 102px;
    height: 100%;
    flex: 0 0 102px;
}
	.cardsv2 .news-thumb .objectfitcover img {
    height: 100%;
    object-fit: cover;
    max-width: unset;
}
	.cardsv2 .news-card .news-sub span.news-sep {
    display: none;
}
	.cardsv2 .news-card {
    align-items: flex-start;
}
	.cardsv2 .featured-badge {
    line-height: 1em;
}
	.grid {
		gap: 40px;
	}
	.grid.grid2, .grid.grid3, .grid.grid4 {
    grid-template-columns: repeat(1, 1fr);
}
	  .home-news-row .container {
    flex-direction: column;
    gap: 20px;
}
	.vertical-flex {
	gap: 30px;
}
	  .news-pill {
    flex: auto;
}
	  .news-carousel-wrap {
    flex: auto;
    overflow: visible;
    width: 100%;
}
	  .weather-widget.is-active {
    flex: auto;
    width: 100%;
}
      .col {
          width: 100%;
		  flex: auto;
      }
	footer#colophon {
		padding: 50px 0!important;
	}
      footer#colophon .footer-logo {
          margin-top: 0!important;
  }
      .wpcf7-acceptance span.wpcf7-list-item {
      margin-left: 1rem!important;
  }
      .static-mobile {
          position: static!important;
      }
      #menu-footer-menu li {
          margin:0;
      }
     
      .footer-sidebars {
      display: block;
      }
      .footer-sidebars .col {
      width: 100%!important;
  }
	footer .site-info {
    flex-direction: column-reverse;
    gap: 20px;
}
     
  }
  
  @media all and (max-width:599px)  {
	  table {
		  white-space: break-spaces;
    word-break: break-word;
	  }
	  .content-block-table table {
		  white-space: break-spaces;
    word-break: unset;
	  }
	  .newsletter .sib-form .inlinesubmit {
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background: transparent;
    padding: 0 !important;
		  border-radius: 0 !important;
}
	  .newsletter .sib-form .entry__field input[type="text"], .newsletter .sib-form .field  input[type="email"] {
    padding: 10px !important;
}
	  .newsletter button[type="submit"] {
    border: 2px solid var(--white);
    width: 100%;
    justify-content: center;
}
.featured-post .bottom, article .top{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
	  article .top {
		  flex-direction: column-reverse;
	  }
	  .recent-post.ajaxed .top, #weitere-artikel .top  {
		  flex-direction:row;
	  }
	  #weitere-artikel .top {
		  justify-content: space-between!important;
	  }
	  article .content {
    padding: 20px;
}
	  article .bottom {
    padding: 0 20px 20px;
	  }
	  header .grid.grid3 {
		  grid-template-columns: repeat(2, 1fr);
	  }
	  header .grid.grid3 .first {
		  display: none;
	  }
	  header .grid.grid3 .center {
		  text-align: left;
	  }
	  .right-menu {
		  flex-direction: column-reverse;
		  width: 100%;
	  }
	  .right-menu .button {
		  justify-content: center;
	  }
	  #menu-footer-menu {
    flex-direction: column;
    margin-bottom: 1em;
}
  a.anchor {
  top:50px;
  }
  }  

/* iOS Safari zoom-prevention */
@media (max-width: 768px) {
  #itdock-search-popup input[type="search"],
  #itdock-search-popup input,
  header#masthead .itdock-search-input {
    font-size: 16px !important;
    line-height: 1.2;
  }
}