/*! Variablen */
:root {
  /* Keine Einheit, da später in Pixel umgewandelt */
  --min-page-width: 320; 
  --max-page-width: 1440;

  --min-content-width: 288;

  --min-padding-top: 60; 
  --min-padding-bottom: 40;
  --max-padding-top: 80;
  --max-padding-bottom: 60;

  --min-backtotop-height: 48;
  --min-backtotop-width: 60;
  --min-backtotop-right: 18;
  --max-backtotop-height: 60;
  --max-backtotop-width: 80;
  --max-backtotop-right: 75;

  --min-videoblockheadline-margin-bottom: 10;
  --max-videoblockheadline-margin-bottom: 15;
  --videoblocksubheadline-margin-bottom: 30.85;
  --max-videoblock-width: 1068;

  --min-podcastblock-margin-bottom: 0;
  --max-podcastblock-margin-bottom: 10;

  --min-eventblockheadline-margin-bottom: 10;
  --min-eventblocksubheadline-margin-bottom: 20;
  --max-eventblockheadline-margin-bottom: 15;
  --max-eventblocksubheadline-margin-bottom: 40;
  --max-event-width: 1069;

  --min-faqheadline-margin-bottom: 8;
  --min-faqsubheadline-margin-bottom: 30;
  --max-faqheadline-margin-bottom: 15;
  --max-faqsubheadline-margin-bottom: 36;
  --max-faqblock-width: 831;

  --min-portfolio-header-margin-bottom: 38;
  --max-portfolio-header-margin-bottom: 50; 
  --max-portfolioblock-width: 1290;

  --min-newsletter-padding-top: 20;
  --min-newsletter-padding-bottom: 30;
  --min-newsletter-width: 272;
  --max-newsletter-padding-top: 56;
  --max-newsletter-padding-bottom: 60;
  --max-newsletter-width: 885;

  --max-top-nav-page-width: 2560;
  --max-top-nav-width: calc(1290 / 1440 * 2560);

  --max-cover-page-width: 2560;
  --max-cover-width: calc(1290 / 1440 * 2560);

  --max-news-width: 1290;

  --max-logoslider-width: 1378;

  --max-footer-width: 1288;

  --min-podcastplayerheadline-padding-top: 50;
  --max-podcastplayerheadline-padding-top: 109;

  --min-episode-detail-episode-wrapper-margin-bottom: 80;
  --max-episode-detail-episode-wrapper-margin-bottom: 92;

  --max-events-calendar-headline-wrapper-width: 820;

  /* Variables for podcast-cards and course-cards */
  --card-title-line-height: 22px; 
  --card-max-title-lines: 3;
  --card-summary-line-height: 20px;
  --card-max-summary-lines: 5;
  --min-single-podcast-page-more-episodes-last-div-margin-bottom: 60;
  --max-single-podcast-page-more-episodes-last-div-margin-bottom: 120;

  /*Variables for event-calendar*/
  --event-calendar-inner-border-type: solid;
  --event-calendar-inner-border-width: 1px;
  --event-calendar-inner-border-color: rgb(216, 223, 231); /*default from event-calendar-plugin 08.02.2024*/
  --event-calendar-outer-border-type: solid;
  --event-calendar-outer-border-width: 1px;
  --event-calendar-outer-border-color: rgb(216, 223, 231); /*default from event-calendar-plugin 08.02.2024*/
  --tec-font-family-sans-serif: Poppins;
  --tec-color-text-primary: #1e1c39;
  --tec-color-primary-dark: #1e1c39;
  --tec-color-link-accent: #ffffff;
  --tec-color-text-day-of-week-month: #1e1c39;
  --tec-color-border-secondary-month-grid: #D8DFE7;
  --tec-color-background-for-multiday: #C3DDFD27;
  --tec-color-event-list-dot: #C3DDFD;
  --event-calendar-single-event-title-max-lines: 3;
  --event-calendar-single-event-title-max-line-height: 22px;


  /*font-belongin-variables*/
  --global-hoou-font-family: "Poppins";
  --global-hoou-h1-font-color: #1E1C39;
  --global-hoou-h1-font-weight: 700;
  --global-hoou-h1-font-size: 40px;
  --global-hoou-h1-font-style: normal;
  --global-hoou-h1-line-height: 58px;
}

/*! Content-Breiten */
#headerAndLogoArea { --max-content-width: var(--max-top-nav-width); --max-page-width: var(--max-top-nav-page-width); }
.breadcrumbTopWrap { --max-content-width: var(--max-top-nav-width); --max-page-width: var(--max-top-nav-page-width); }
.wp-block-columns .headerPaddingLeft { --max-content-width: var(--max-videoblock-width); }
.faqblock { --max-content-width: var(--max-faqblock-width); }
.eventblock { --max-content-width: var(--max-event-width); }
.videoblock { --max-content-width: var(--max-videoblock-width); }
.newsblock-content-wrapper { --max-content-width: var(--max-news-width); }
.lernangebote-outer-card-wrapper { --max-content-width: var(--max-news-width); }
.podcast-outer-card-wrapper { --max-content-width: var(--max-news-width); }
.portfolioBlock > div { --max-content-width: var(--max-portfolioblock-width); }
.sliderwrap > div:not(.hideOn1440) { --max-content-width: var(--max-logoslider-width); }
.headerimagerow { --max-content-width: var(--max-cover-width); --max-page-width: var(--max-cover-page-width); }
.entry-content > div > div > #sib_signup_form_1 { --max-content-width: var(--max-newsletter-width); }
.footer-wrapper { --max-content-width: var(--max-footer-width); }
body.tribe-events-page-template .events-calendar-headline-wrapper { --max-content-width: var( --max-events-calendar-headline-wrapper-width); }

body.tribe-events-page-template .events-calendar-headline-wrapper, 
.entry-content > div > div > #sib_signup_form_1,
#headerAndLogoArea,
.breadcrumbTopWrap,
.wp-block-columns .headerPaddingLeft,
.headerimagerow,
.sliderwrap > div:not(.hideOn1440),
.lernangebote-outer-card-wrapper,
.podcast-outer-card-wrapper, 
.newsblock-content-wrapper,
.videoblock > div,
.portfolioBlock > div,
.faqblock,
.eventblock,
.footer-wrapper {
  width: clamp(
    calc(var(--min-content-width) * 1px),
    calc(var(--min-content-width) * 1px) + ((var(--max-content-width) - var(--min-content-width)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-content-width) * 1px)
  );
  margin: auto;
}

.portfolioBlock.wp-block-columns.is-layout-flex {
  display: block;
}

.logoslider,
.portfolioBlock > div > .slick-slider {
  margin-left: 25px;
  margin-right: 25px;
}

.portfolioBlock > div > h2 {
  margin-bottom: clamp(
    calc(var(--min-portfolio-header-margin-bottom) * 1px),
    calc(var(--min-portfolio-header-margin-bottom) * 1px) + ((var(--max-portfolio-header-margin-bottom) - var(--min-portfolio-header-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-portfolio-header-margin-bottom) * 1px)
  );
}

.slick-dots {
  bottom: auto;
}

@media only screen and (min-width: 969px) {
  .portfolioBlock.sliderwrap .slick-dots {
    display: none;
  }
}

@media screen and (min-width: 1101px) {
  .portfolioBlock .slick-dots {
    display: none;
  }
}

.portfolioBlock h5.wp-block-heading {
  font-size: 16px !important;
}

/* ! Cover-Image-Switcher */

.headerimageblock div[class*="cover-"] {
  display: none;
}

@media only screen and (max-width: 856px) {
  .headerimageblock div[class*="cover-mobile"] {
    display: block;
  }
}

@media only screen and (min-width: 857px) and (max-width: 1450px) {
  .headerimageblock div[class*="cover-desktop"] {
    display: block;
  }
}

@media only screen and (min-width: 1451px) {
  .headerimageblock div[class*="cover-wide"] {
    display: block;
  }
}

/*! Styles für videoblock & slider */
/* zusammengefasst und einige gewinnbringend entsorgt */
body .is-layout-flex.videoblock  {
  display: block;
}
.start-slider-mobile {
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
}

.start-slider-1 {
  padding-right: 110px;
}

.start-slider-2 {
  padding-left: 110px;
}

.start-slider-2 .slick-slide,
.start-slider-1 .slick-slide {
  padding: 15px;
}

.start-slider-1 .slick-slide {
  padding-bottom: 0;
  padding-top: 0;
}

.videoblock .social-shortcode {
  padding-right: 7px;
  padding-top: 10px;
}

@media screen and (max-width: 943px) {
  .videoblock-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 943px) and (min-width: 769px) {
  .videoblock-mobile .social-shortcode {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 944px) {
  .videoblock-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1500px) {
  body .start-slider-1 {
    padding-left: 0;
  }

  body .start-slider-2 {
    padding-right: 0;
  }

  .hideOn1500 {
    display: none !important;
  }
}

.logosliderheader {
  padding-bottom: 12px;
}

/* !Style for video and event headings*/
.entry-content > .headerPaddingLeft {
  display:block;
  padding-left: clamp(10px, calc(10px + (85 - 10) * (100% - 320px) / (1440 - 320)), 85px);
  padding-bottom: 15px;
  text-align: left;
}
.wp-block-columns .headerPaddingLeft {
  padding-left: clamp(10px, calc(10px + (85 - 10) * (100% - 320px) / (1440 - 320)), 85px);
}

.wp-block-columns .headerPaddingLeft.videosubheadline {
 font-size: 20px;
}

.videoblock p.headerPaddingLeft.subheadline.videosubheadline {
  padding-bottom: 0;
  margin-bottom: calc(var(--videoblocksubheadline-margin-bottom) * 1px);
}

.videoblock h1.videoHeader {
  padding-bottom: 0;
  margin-bottom: clamp(
    calc(var(--min-videoblockheadline-margin-bottom) * 1px),
    calc(var(--min-videoblockheadline-margin-bottom) * 1px) + ((var(--max-videoblockheadline-margin-bottom) - var(--min-videoblockheadline-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-videoblockheadline-margin-bottom) * 1px)
  );
}

.eventblock p.headerPaddingLeft.subheadline.videosubheadline {
  padding-bottom: 0;
  margin-bottom: clamp(
    calc(var(--min-eventblocksubheadline-margin-bottom) * 1px),
    calc(var(--min-eventblocksubheadline-margin-bottom) * 1px) + ((var(--max-eventblocksubheadline-margin-bottom) - var(--min-eventblocksubheadline-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-eventblocksubheadline-margin-bottom) * 1px)
  );
}

.eventblock h1.videoHeader {
  padding-bottom: 0;
  margin-bottom: clamp(
    calc(var(--min-eventblockheadline-margin-bottom) * 1px),
    calc(var(--min-eventblockheadline-margin-bottom) * 1px) + ((var(--max-eventblockheadline-margin-bottom) - var(--min-eventblockheadline-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-eventblockheadline-margin-bottom) * 1px)
  );
}

body .is-layout-flex.sliderwrap {
  display: block;
}

/*Extra margins to achieve figma requirements*/
.entry-content div.lernangebote-cards-border-element {
  margin-bottom: 10px;
}

.entry-content div.podcast-cards-border-element {
  margin-bottom: clamp(
    calc(var(--min-podcastblock-margin-bottom) * 1px),
    calc(var(--min-podcastblock-margin-bottom) * 1px) + ((var(--max-podcastblock-margin-bottom) - var(--min-podcastblock-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-podcastblock-margin-bottom) * 1px)
  );
}
/*! Style for newsletter*/

#newsletter-form div.col-md-3,
#newsletter-form div.col-md-9 {
  padding: 0;
}

.entry-content > div > div > #sib_signup_form_1 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: clamp(
    calc(var(--min-newsletter-padding-bottom) * 1px),
    calc(var(--min-newsletter-padding-bottom) * 1px) + ((var(--max-newsletter-padding-bottom) - var(--min-newsletter-padding-bottom)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-newsletter-padding-bottom) * 1px)
  );
  padding-left: 0;
}

/*! body */
body {
  font-family: 'Poppins', Poppins, serif;
  color: #1E1C39;
  /* Intro Text */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  hyphens: auto;
  word-break: break-word;
  /* 140% */
}

body.page {
  margin: 0;
}

a,
a:visited {
  text-decoration: none;
  color: #1E1C39;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #1E1C39;
  font-weight: bold;
}

#page {
  padding-top: 0;
}

main.wrappedContent {
  padding: 0 75px 30px;
}

body h1,
h1.has-x-large-font-size {
  font-family: var(--global-hoou-font-family), serif;
  font-size: var(--global-hoou-h1-font-size) !important;
  font-style: var(--global-hoou-h1-font-style);
  font-weight: var(--global-hoou-h1-font-weight);
  line-height: var(--global-hoou-h1-line-height);
}

@media screen and (max-width: 768px) {

  body h1,
  h1.has-x-large-font-size {
    font-size: 30px !important;
    line-height: 40px;
    /* 145% */
    letter-spacing: -0.45px;
  }
}

body h2,
h2.has-x-large-font-size {
  font-family: 'Poppins';
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 44px;
  /* 137.5% */
  letter-spacing: 0.16px;
}

body h3,
h3.has-x-large-font-size {
  font-family: 'Poppins';
  font-size: 28px !important;
  font-style: normal;
  font-weight: 700;
}

body h4,
h4.has-x-large-font-size {
  color: #1A1737;
  /* h4 */
  font-family: 'Poppins';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 34px;
  /* 141.667% */
}

body h5,
h5.has-x-large-font-size {
  /* h5 */
  font-family: Poppins;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
}

body h6,
h6.has-x-large-font-size {
  color: #1E1C39;
  /* h6 */
  font-family: Poppins;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  /* 137.5% */
}

body .aagb__accordion_head h6 strong {
  color: #1E1C39;
  font-weight: bold;
}

.post,
.page {
  margin: 0;
}

/*! Block Styles */
/* zusammengefasst und vereinfacht. Möglicherweise redundant oder später an anderer Stelle besser zu verwalten */

.entry-content > div {
  overflow: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: clamp(
    calc(var(--min-padding-top) * 1px),
    calc(var(--min-padding-top) * 1px) + ((var(--max-padding-top) - var(--min-padding-top)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-padding-top) * 1px)
  );
  padding-bottom: 0;
}
:where(.entry-content > .has-background) {
  padding-left: 0;
  padding-right: 0;
  padding-top: clamp(
    calc(var(--min-padding-top) * 1px),
    calc(var(--min-padding-top) * 1px) + ((var(--max-padding-top) - var(--min-padding-top)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-padding-top) * 1px)
  );
  padding-bottom: 0;
}
.entry-content > div > div:not(.headerimageblock) > *:last-child {
  margin-bottom: clamp(
    calc(var(--min-padding-bottom) * 1px),
    calc(var(--min-padding-bottom) * 1px) + ((var(--max-padding-bottom) - var(--min-padding-bottom)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-padding-bottom) * 1px)
  );
}
:where(.entry-content > .has-background > div > *:last-child) {
  margin-bottom: clamp(
    calc(var(--min-padding-bottom) * 1px),
    calc(var(--min-padding-bottom) * 1px) + ((var(--max-padding-bottom) - var(--min-padding-bottom)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-padding-bottom) * 1px)
  );
}


.entry-content > .wp-block-columns {
  margin-top: 0 !important;
}

.entry-content .wp-block-columns {
  margin-bottom: 0;
}

/*! Gutenberg styles */
.contact-block {
  padding: 65px 21px;
}

.contact-block .p-10 {
  padding: 5px;
}

.contact-block > div {
  border-radius: 6px;
}

body .review-job-description {
  font-weight: 300;
  color: #E3E7FC;
  font-size: 14px;
}

body .review-image {
  margin: 0 30px 13px;
}

html body .eventtitleblock h1.has-text-align-left.headerPaddingLeft,
html body .videotitleblock h1.has-text-align-left.headerPaddingLeft {
  font-size: 32px !important;
}

.newsheaderblock h1 {
  padding-top: 0;
}

.newsheaderblock {
  padding-bottom: 20px;
}

@media screen and (max-width: 1631px) {

  body.menuVisible .course-block .news_container,
  body .course-block .newsButtonMobile {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  body .course-block .news_container,
  body .course-block .newsButtonMobile {
    margin-left: 0;
    margin-right: 0;
  }
}

.entry-content > .wp-block-columns.videoblock {
  font-size: 32px;
}

@media screen and (max-width: 768px) {

  .videosubheadline {
    font-size: 18px;
  }

  body .entry-content > .wp-block-columns.videoblock {
    font-size: 26px;
  }
}

.portfolioBlock h5.wp-block-heading {
  font-size: 16px !important;
}

.entry-content {
  margin-top: 84px;
}

@media screen and (max-width: 768px) {
  body .headlineSpacing {
    padding-top: 0px;
    padding-bottom: 5px;
  }

  .entry-content {
    margin-top: 14px;
  }
}

.partnerblock .slick-dots .slick-active button:before,
.partnerblock .slick-dots .slick-active button {
  color: #A0B9D4 !important;
}

.partnerblock .slick-dots button:before,
.partnerblock .slick-dots button {
  color: #F0F7FF !important;
}

.erfahrungsberichte_wrap {
  margin: 0 15px 60px;
}

.erfahrungsberichte_wrap {
  margin-top: 10px;
}

.rounded-image,
.rounded-image img {
  border-radius: 9999px;
}

@media screen and (max-width: 1440px) {
  .hideOn1440 {
    display: none !important;
  }
}

@media screen and (max-width: 1100px) {
  .newsletterContainer {
    text-align: center;
  }

  .newsletterContainer > * {
    display: block;
  }

  .sib-email-area {
    display: inline !important;
    margin: auto !important;
  }

  .newsletterContainer img {
    margin: auto;
    padding-bottom: 20px;
  }

  .newsletterFormContainer > * {
    display: block;
  }

  .newsletterFormContainer > * > * {
    padding: 0 !important;
    margin: 0 !important;
  }

  .newsletterFormContainer input:first-of-type {
    width: 100%;
    min-width: 100%;
    margin-bottom: 15px !important;
    margin: auto;
  }

  .hideOn1080 {
    display: none !important;
  }

  .accept_wrap {
    text-align: left;
  }
}

.wp-block-cb-slide.slick-slide .wp-block-video video {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .hideOn768 {
    display: none !important;
  }
}

.courseblock {
  overflow: hidden;
}

.podcastblock {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.contact-block > div:not(.hideOn1500) {
  max-width: 1109px;
  margin: auto;
}

.newsheaderblock > div:not(.hideOn1500),
.eventtitleblock > div:not(.hideOn1500),
.videotitleblock > div:not(.hideOn1500) {
  padding-right: 60px;
}

@media screen and (max-width: 768px) {

  .newsheaderblock > div:not(.hideOn1500),
  .eventtitleblock > div:not(.hideOn1500) {
    padding-right: 0px;
  }
}

.videoblock .rowcontent {}


/*! header aka Top-Nav */
#masthead {
  position: relative;
}

.site-branding {
  width: 100%;
  position: fixed;
  z-index: 2;
  background: white;
}

.menuVisible .site-branding{
  width: calc(100% - 320px);
}

#headerAndLogoArea {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 78px;
  margin-left: auto;
  margin-right: auto;
}
/* 
.menuVisible #headerAndLogoArea {
  width: calc(100vw - 340px);
} */

#headerAndLogoArea > div {
  display: flex;
}

#headerAndLogoArea .hoou_logo {
  width: 100%;
}


#headerAndLogoArea .hamburgerMenu {
  cursor: pointer;
}

#headerAndLogoArea .topRightArea {
  margin-right: 10px;
}

@media screen and (max-width: 768px) {

  body.menuVisible .loginText {
    display: flex !important;
  }
/* 
  body.menuVisible.admin-bar #headerAndLogoArea {
    top: 20px;
  }

  body.menuVisible.admin-bar #headerAndLogoArea .loginButton {
    top: 25px;
  } */
}


@media screen and (min-width:769px) and (max-width: 1300px) {
  .menuVisible #headerAndLogoArea {
    /* width: calc(100vw); */
  }

  #page.menuVisible {
    width: 100%;
    padding-left: 340px;
  }

  #navigation-sidebar {
    position: absolute;
    height: 100%;
    padding-bottom: 30px;
    z-index: 9999;
  }

  body {
    position: relative;
    height: 100%;
  }
}
/* 
.admin-bar #headerAndLogoArea {
  margin-top: 32px !important;
} */

#navigation-sidebar {
  position: fixed;
  background-color: white;
  z-index: 99999;
  min-height: 100vh;
}


/*! hoouButton */
.hoouButton,
.hoouButton:hover,
.hoouButton:active,
.hoouButton:focus {
  display: flex;
  padding: 15px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #1E1C39;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.021px;
  text-decoration: none;
}


.hoouButton:hover {
  background-color: #D8DFE7;
  color: #1e1c39;
  border-color: #D8DFE7;
}

a.hoouButton,
a.hoouButton:visited {
  color: #fff; 
}

/*footer style incl. button for podcast and lernangebote cards*/

.podcastListContent .hoou-course-card-footer,
.newest-courses-plugin .hoou-course-card-footer {
  height: 49px;
}

.podcastListContent .hoou-course-card-footer .hoou-course-card-outlink,
.newest-courses-plugin .hoou-course-card-footer .hoou-course-card-outlink {
  padding: 0 15px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 49px;
}

.podcastListContent .hoou-course-card-footer .hoou-course-card-outlink:hover,
.newest-courses-plugin .hoou-course-card-footer .hoou-course-card-outlink:focus {
  background-color: #1e1c39;
  color: white;
}

.podcastListContent .hoou-course-card-outlink span,
.newest-courses-plugin .hoou-course-card-outlink span {
  padding: 0px;
}

/* Stile, wenn über das <a> geschwebt wird */
.eventblock .hoou-course-card-outlink:hover span svg path {
  stroke: #1e1c39;
}

.eventblock .hoou-course-card-outlink:hover {
  background-color: white;
  color: #1e1c39;
}

@media screen and (max-width: 768px){
  body .eventblock .hoou-course-card-outlink {
    text-align: left;
    padding-left: 18px;
  }
}

/*! newsButton */
.newsButton,
.newsButton:hover,
.newsButton:active,
.newsButton:focus {
  display: flex;
  padding: 15px 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #1E1C39;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.021px;
  text-decoration: none;
}

.newsButton:focus,
.newsButton:hover {
  background-color: #D8DFE7;
  color: #1e1c39;
  border-color: #D8DFE7;
}

a.newsButton,
a.newsButton:visited {
  color: #fff; 
}

body .hoou_logo > * {
  width: 118px;
  margin: auto;
  /*  position: absolute;
  left: calc( 50vw - 59px );
  top: 20px;*/
}

body.admin-bar .hoou_logo > img {
  /*top: 50px;*/
}

#page {
  width: 100%;
}

#page.menuVisible {
  width: calc(100%);
  padding-left: 340px;
}

#primary-menu {
  overflow-y: auto;
  max-height: calc(100vh - 90px);
}

@media screen and (max-width:768px) {

  #masthead {
    overflow: hidden;
  }  
/* 
  #headerAndLogoArea {
    position: inherit;
    top: 0;
    z-index: 9999;
    background-color: white;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  #navigation-sidebar {
    position: inherit;
    min-height: 0;
    margin-bottom: 20px;
  } */

  #page.menuVisible {
    width: 100%;
    padding-left: 0;
  }

  #primary-menu {
    max-height: unset;
  }
}

/* !noch mehr body */

body {
  background-color: #F7F7F9;
}

#page {
  background-color: white;
}

#headerAndLogoArea .loginButton {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  background-color: #1E1C39;
  border-radius: 3px;
  color: white;
  cursor: pointer;
}

.headerSpacing {
  min-width: 15vw;
}

.loginButton {
  margin-left: auto;
}

.loginButton > * {
  height: 100%;
  margin: 0;
  display: flex;
  align-items: center;
}

.loginButton.loginButtonMobile {
  display: none;
  padding: 8px 15px;
  background-color: #1E1C39;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  float: left;
  margin: 14px 6px 6px;
  position: absolute;
  left: 4px;
}

@media screen and (max-width: 768px) {
  .menuVisible .loginButton.loginButtonMobile {
    /* Currently, we don't want the login button to show. */
    /* display: flex; */
  }

  .menuVisible .site-header {
    display: none;
  }
}

body.home .site-main {
  padding-top: 78px;
}


.loginButton > .loginText {
  padding-right: 10px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 12px;
}

.breadcrumbTopWrap {
  padding: 108px 0 0;
}

.menuVisible .breadcrumbTopWrap {
  padding-left: 0;
}

@media screen and (max-width: 768px) {

  .breadcrumbTopWrap,
  .menuVisible .breadcrumbTopWrap {
    padding-left: 18px;
  }
}

body .breadcrumb {
  background-color: white;
  align-items: center;
}

.breadcrumbTopWrap .breadcrumb > a:not(:first-of-type),
.breadcrumbTopWrap .breadcrumb > span {
  padding: 0 10px;
}

.breadcrumbTopWrap .breadcrumb > a:first-of-type {
  padding-right: 10px;
}

.breadcrumbTopWrap .breadcrumb {
  padding-left: 5px;
  display: flex;
  align-content: center;
  color: #70777D;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.07px;
}

.breadcrumbTopWrap .breadcrumb a {
  color: #70777D;
}

/*! Navigation aka Sidebar */
#navigation-sidebar li *[class^="iconoir-"]::before,
#navigation-sidebar li *[class*=" iconoir-"]::before {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  scale: .9;
  vertical-align: text-bottom;
}

#navigation-sidebar {}

#navigation-sidebar.minimizeNavigation {
  width: 0 !important;
}

#sidebar-inner-wrap {
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}

#navigation-sidebar.navigationHidden {
  width: 0 !important;
  overflow: hidden;
  min-height: 0 !important;
  height: 0 !important;
  display: block;
}

#navigation-sidebar.navigationHidden * {
  /* display: none !important; */
  overflow: hidden;
}

#navigation-sidebar {
  display: inline-block;
  width: 331px;
  vertical-align: top;
  background-color: #F7F7F9;
  font-family: 'Poppins';
  overflow: hidden;
  transition: width;
  transition-duration: 500ms;
  transition-property: all;
}

#navigation-sidebar ul {}

#navigation-sidebar ul li {
  display: block;
  margin: 0 25px;
  position: relative;
}

@media screen and (min-width:1301px) {
  #navigation-sidebar ul li {
    display: block;
    margin: 0 25px;
    position: relative;
  }
}

#navigation-sidebar ul li .mainMenuOuterLi {
  display: inline-block;
  position: relative;
  min-width: 100%;
  background-color: #FFF;
  padding: 0 3px;
}

#navigation-sidebar ul li .mainMenuInnerLi {
  position: relative;
  padding: 8px 10px;
  min-width: 100%;
  display: inline-flex;
  align-items: flex-end;
  transition: all 0.2s ease-in-out;
}


#navigation-sidebar li > div .mainMenuInnerLi.current_page_item {
  background-color: #e6eaf7;
  color: #1E1C39;
}

#navigation-sidebar li div a {
  display: block;
  vertical-align: top;
  padding: 1px 0;
}

.navigation-font li div a {
  color: #434343;
  /* copy/bold */
  font-size: 14px;
  font-style: normal;
  line-height: 22.82px;
  font-weight: 500;
  /* 150% */
  letter-spacing: 0.08px;
  transition: all 0.2s ease-in-out;
}

.main-navigation ul {
  padding-top: 10px;
  display: block;
}

#navigation-sidebar li:hover,
#navigation-sidebar li:hover a {
  color: #1E1C39;
  text-decoration: none;
  /*
    background-color: #e6eaf7;
    color: #002db3;*/
}

#navigation-sidebar li > div .mainMenuInnerLi {
  border-radius: 3px;
}

#navigation-sidebar li > div .mainMenuInnerLi:hover {
  background-color: #e6eaf7;
  color: #002db3;
}

#navigation-sidebar li div .mainMenuInnerLi.current_page_item,
#navigation-sidebar li div.current_page_item a {
  border-radius: 3px;
}

#navigation-sidebar li div.mainMenuOuterLi.submenu_end {
  padding-bottom: 2px;
  margin-bottom: 7px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#navigation-sidebar li div.mainMenuOuterLi.submenu_start {
  padding-top: 2px;
  margin-top: 7px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

button.blank-button {
  background: inherit;
  border: none;
  color: inherit;
  padding: 0;
}


.closeArea {
  height: 53px;
  position: relative;
}

.closeArea .closeIcon {
  cursor: pointer;
  position: absolute;
  right: 25px;
  scale: 1.6;
  top: 25px;
}

#page {
  display: inline-block;
}

.faqsubheadline {
  padding: 0 15px 0 15px;
  margin-bottom: clamp(
    calc(var(--min-faqsubheadline-margin-bottom) * 1px),
    calc(var(--min-faqsubheadline-margin-bottom) * 1px) + ((var(--max-faqsubheadline-margin-bottom) - var(--min-faqsubheadline-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-faqsubheadline-margin-bottom) * 1px)
  );
}

/* * 2.195*/

.faqheadline {
  padding: 0 15px 0 15px;
  margin-bottom: clamp(
    calc(var(--min-faqheadline-margin-bottom) * 1px),
    calc(var(--min-faqheadline-margin-bottom) * 1px) + ((var(--max-faqheadline-margin-bottom) - var(--min-faqheadline-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-faqheadline-margin-bottom) * 1px)
  );
}

h1.faqheadline {
  font-size: 32px !important;
}

@media (max-width: 768px) {
  h1.faqheadline {
    font-size: 26px !important;
  }
}

.faqwrap .aagb__accordion_body p {
  font-size: 16px;
}

.faqwrap .aagb__accordion_container,
.faqwrap .aagb__accordion_body {
  border: 0 !important;
  border-bottom: 1px solid #E6EEF9 !important;
  padding-bottom: 13px;
}

.faqwrap .aagb__accordion_container:last-of-type,
.faqwrap .aagb__accordion_container:last-of-type .aagb__accordion_body {
  border: 0 !important;
}

.faqwrap .dashicons-arrow-down-alt2 {
  transform: rotate(-90deg);
  display: block;
}

.faqwrap .dashicons-arrow-up-alt2 {
  transform: rotate(180deg);
  display: block;
}

/*! footer */
.backToTop {
  position: fixed;
  right: clamp(
    calc(var(--min-backtotop-right) * 1px),
    calc(var(--min-backtotop-right) * 1px) + ((var(--max-backtotop-right) - var(--min-backtotop-right)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-backtotop-right) * 1px)
  );
  bottom: 0px;
  width: clamp(
    calc(var(--min-backtotop-width) * 1px),
    calc(var(--min-backtotop-width) * 1px) + ((var(--max-backtotop-width) - var(--min-backtotop-width)) * (100% - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-backtotop-width) * 1px)
  );
  height: clamp(
    calc(var(--min-backtotop-height) * 1px),
    calc(var(--min-backtotop-height) * 1px) + ((var(--max-backtotop-height) - var(--min-backtotop-height)) * (100% - var(--min-page-height) * 1px) / (var(--max-page-height)  - var(--min-page-height))),
    calc(var(--max-backtotop-height) * 1px)
  );
}
.backToTop svg{
  width: 100%;
  height: auto;
}

footer.site-footer {
  min-height: 100px;
  background-color: #1F1C3B;
  padding: 65px 5vw 35px;
  text-decoration: none;
}

footer.site-footer a:hover {
  text-decoration: none;
}

.footerMenus {
  display: flex;
  margin: 0;
  width: 100%;
}

.footer-menu ul a:hover {
  color: #A0B9D4;
}

.footer-menu ul {
  list-style: none;
}

.footer-menu li {
  padding-bottom: 7px;
  padding-top: 7px;
  display: block;
}

.footer-menu li > * {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 137.5% */
  letter-spacing: -0.24px;
}

.footer-header,
.footer-menu ul {
  margin: 0;
  padding: 0;
}

.footer-header,
.site-info {
  color: #FFF;
  font-family: 'Poppins';
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.24px;
  margin-bottom: 10px;
}

.footer-info {
  font-weight: normal;
}

.site-info {
  width: 100%;
  margin-top: 75px;
  display: flex;
  align-content: center;
}

.social-before-text {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
  display: inline-flex;
  padding-right: 10px;
}

.social-icon:hover * {
  fill: #A0B9D4;
  opacity: 0.6;
}

.footer-social .social-icon:hover * {
  fill: #A0B9D4 !important;
  opacity: 1;
}

.social-shortcode {
  display: flex;
  float: right;
}

.social-shortcode .social-before-text {
  color: #1E1C39;
}

.social-shortcode .social-icon * {
  fill: #1E1C39;
}

.social-icon {
  cursor: pointer;
  padding-right: 10px;
  padding-top: 5px;
}

@media screen and (max-width: 400px) {
  body .social-icon {
    padding-right: 3px;
  }

  body .social-before-text {
    min-width: unset;
  }
}

.social-icons-wrap .social-icon:last-child {
  padding-right: 0;
}

.footer-social {
  display: inline-flex;
}

.social-icons-wrap {
  display: inline-flex;
}

.social-before-text {
  display: inline-flex;
  padding-right: 20px;
  padding-top: 12px;
}

.footer-info {
  padding-top: 12px;
}

/* ! diverses */

.landingpage-separator {
  border-bottom: 1px solid white;
  min-width: 71px;
  margin-top: 10px !important;
}

.landingpage-desc-text {
  margin-top: 10px !important;
  font-style: italic;
}

.dark-color .wp-block-cb-carousel .slick-next:before,
.dark-color .wp-block-cb-carousel .slick-prev:before {
  color: white;
}

.slick-dots li button:before,
.slick-dots li button {
  color: white;
  scale: 1.5;
  opacity: 1;
}

.logoslider li button:before,
.logoslider .slick-dots button {
  color: #F0F7FF;
  scale: 1.5;
  opacity: 1;
}

.slick-dots .slick-active button:before,
.slick-dots .slick-active button {
  color: #1F538C !important;
  opacity: 1 !important;
}

@media screen and (max-width: 768px) {

  /* 1300 */
  body #page.menuVisible {
    width: 100%;
  }

  body #navigation-sidebar {
    display: block;
    width: 100%;
    inset: 0;
    overflow-y: scroll;
  }
}

/* ! mehr footer */
@media screen and (max-width: 768px) {

  /* 1300 */
  body footer.site-footer {
    padding: 35px 21px;
  }

  .news_navigation_container {
    padding-right: 0;
    padding-left: 0;
  }

  body .news-wrap .news_image {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  body .newsButtonMobile {
    padding-left: 0;
    padding-right: 0;
  }


  .loginIcon {
    padding: 0;
  }

  #headerAndLogoArea .loginButton {
    padding: 8px;
    border-radius: 3px;
  }

  body .entry-content .headerimagerow {
    margin-top: 0;
    padding-top: 0;
    display: block !important;
  }

  .loginText {
    display: none !important;
    min-width: unset !important;
  }

  .loginButton {
    min-width: unset !important;
  }

  .footer-menu {
    padding-top: 30px;
    min-width: 100%;
  }

  .footer-info {
    min-width: 100%;
  }

  .social-before-text {
    display: block;
    text-align: center;
    padding-bottom: 21px;
    padding-right: 0;
    min-width: 100%;
  }

  .footer-info {
    padding-top: 15px;
    text-align: center;
    margin-right: 0;
    padding-right: 0;
  }

  .footer-social,
  .social-shortcode {
    display: block;
    text-align: center;
    min-width: 100%;
  }

  .site-info {
    margin-top: 31px;
  }

  .site-footer .row,
  .newsletterContainer .row {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-header {
    width: 100%;
    cursor: pointer;
  }

  .menu-kommunikation-container,
  .menu-rechtliches-container,
  .menu-hoou-container {
    display: none;
  }

  .menu-kommunikation-container.showFooterMenuOnMobile,
  .menu-rechtliches-container.showFooterMenuOnMobile,
  .menu-hoou-container.showFooterMenuOnMobile {
    display: block;
  }

  .footer-header:after {
    content: "";
    float: right;
    display: inline-block;
    color: white;
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 50px;
    background: white;
    width: 19px;
    height: 19px;
    cursor: pointer;
  }

  .footer-header.openedOnMobile:after {
    content: "";
    float: right;
    display: inline-block;
    color: white;
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 50px;
    background: white;
    width: 19px;
    height: 19px;
    cursor: pointer;
  }
}

/*! email form */
.sib-email-area {
  padding: 0;
  padding-right: 15px;
}

.newsletteremailfield {
  width: 100%;
  padding: 10px 15px 10px 15px !important;
  margin-right: 15px;
  border-radius: 5px;
  font-size: 14px;
}

html body .sib-default-btn {
  padding: 10px 40px 10px 40px !important;
  background-color: #1E1C39 !important;
  color: white !important;
  border-radius: 5px;
  font-family: 'Poppins', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  /* 185.714% */
  letter-spacing: 0.021px;
  text-align: center;
  cursor: pointer;
  border: 0;
}

html body .mobilesubmit .sib-default-btn {
  display: none;
  width: 100%;
}

.newsletterContainer .newsletterFormContainer form {
  border-radius: 6px;
}

@media screen and (max-width: 1100px) {
  html body .desktopsubmit.sib-default-btn {
    display: none;
  }

  html body .mobilesubmit .sib-default-btn {
    display: inline-block;
  }

  .newsletterContainer .newsletterFormContainer {
    padding: 0;
  }

  body .newsletterContainer .accept_wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .container p-3 newsletterContainer {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 1127px) {
  body #page.menuVisible {
    .site-footer {
      padding-top: 35px;
    }
    .site-info.row.w-100 .footer-social {
      display: block;
      text-align: center;
      min-width: 100%;
    }
    .site-info.row.w-100 .social-before-text {
      display: block;
      text-align: center;
      padding-bottom: 21px;
      padding-right: 0;
      min-width: 100%;
    }
    .site-info.row.w-100 .social-icons-wrap {
      display: inline-flex;
    }
    .site-info.row.w-100 .footer-info {
      text-align: center;
      margin-right: 0;
      padding-right: 0;
      min-width: 100%;
      padding-top: 15px;
    }
    .footer-menu {
      padding-top: 30px;
      min-width: 100%;
    }
    .social-shortcode {
      display: block;
      text-align: center;
      min-width: 100%;
    }
    .site-info {
      margin-top: 31px;
    }
    .site-footer .row,
    .newsletterContainer .row {
      margin-left: 0;
      margin-right: 0;
    }
    .footer-header {
      width: 100%;
      cursor: pointer;
    }
    .menu-kommunikation-container,
    .menu-rechtliches-container,
    .menu-hoou-container {
      display: none;
    }
    .menu-kommunikation-container.showFooterMenuOnMobile,
    .menu-rechtliches-container.showFooterMenuOnMobile,
    .menu-hoou-container.showFooterMenuOnMobile {
      display: block;
    }
    .footer-header:after {
      content: "";
      float: right;
      display: inline-block;
      color: white;
      mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      font-size: 50px;
      background: white;
      width: 19px;
      height: 19px;
      cursor: pointer;
    }
  
    .footer-header.openedOnMobile:after {
      content: "";
      float: right;
      display: inline-block;
      color: white;
      mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      font-size: 50px;
      background: white;
      width: 19px;
      height: 19px;
      cursor: pointer;
    }
  }
}

html body .sib-default-btn:hover,
.topRightArea .loginButton:hover,
.topRightArea .loginButton:hover svg path {
  background-color: #D8DFE7 !important;
  color: #1e1c39 !important;
  stroke: #1e1c39;
  border-color: #D8DFE7 !important;
}

.newsletterContainer h4 {
  padding: 10px 10px 10px 15px;
}

.newsletterContainer .row > div {
  margin: auto;
}

.newsletterFormContainer {
  padding: 10px;
  padding-left: 30px;
}

.newsletter-outer-wrapper {
  background-color: #F7F7F9;
}

.accept_wrap {
  padding: 10px 10px 10px 15px;
  font-size: 14px;
}

.accept_wrap a,
.accept_wrap a:visited {
  font-weight: normal;
  text-decoration: underline;
}

.accept_wrap input {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  padding: 12px;
  border-radius: 5px;
  border-color: #C4CDD3;
}

.accept_wrap > div {
  display: inline-block;
  max-width: calc(100% - 45px);
  padding-left: 10px;
}

/*! course module styles */
body .hoou-course-type {}

body .hoou-course-category-wrapper {
  border: 0 !important;
}

body .hoou-course-type,
body .hoou-course-category-wrapper {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  letter-spacing: 0.06px;
  text-transform: uppercase;
  color: #1E1C39;
  padding: 4px 6px;
  align-items: center;
  gap: 10px;
  border: 1px solid #1E1C39;
  border-radius: 2px;
}

body .hoou-course-title {
  color: #1A1737 !important;
  /* h5 */
  font-size: 16px;
  font-style: normal;
  font-weight: 700 !important;
  line-height: var(--card-title-line-height);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-max-title-lines);
  max-height: calc(var(--card-title-line-height) * var(--card-max-title-lines));
  margin-bottom: 10px;
  padding: 0;
  /* 137.5% */
}

body .hoou-course-summary {
  color: #1A1737;
  /* copy/small */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--card-summary-line-height);
  /* 142.857% */
  letter-spacing: 0.07px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-max-summary-lines);
  max-height: calc(var(--card-summary-line-height) * var(--card-max-summary-lines));
}

body .hoou-event-cards-wrapper .hoou-course-cards {
  display: flex;
  margin-left: 0;
  margin-right: 0;
}

.hoou-podcast-cards-wrapper .podlove-web-player,
.hoou-podcast-cards-wrapper .podlove-web-player iframe {
  width: 100% !important;
  min-height: 392px;
  background-color: #e9f1f8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

body .hoou-podcast-cards-wrapper .hoou-course-cards,
body .hoou-course-cards-wrapper .hoou-course-cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

body .hoou-podcast-cards-wrapper .hoou-course-card,
body .hoou-course-cards-wrapper .hoou-course-card {
  width: 300px;
  margin: 10px;
}

body .hoou-podcast-cards-wrapper .hoou-course-card .hoou-course-card-body,
body .hoou-course-cards-wrapper .hoou-course-card .hoou-course-card-body {
  height: 203px;
}

/*amount of displayed cards(podcast-cards and course-cards)*/

@media screen and (max-width: 2560px) {

  .home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(6),
  body.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(6),
  .home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(6) {
    display: none;
  }

  body.menuVisible.home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(5),
  body.menuVisible.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(5),
  body.menuVisible.home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(5) {
    display: none;
  }
}

@media screen and (max-width: 1920px) {

  .home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(5),
  body.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(5),
  .home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(5) {
    display: none;
  }

  body.menuVisible.home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(4),
  body.menuVisible.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(4),
  body.menuVisible.home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 1400px) {

  .home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(4),
  body.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(4),
  .home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(4) {
    display: none;
  }

  body.menuVisible.home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(3),
  body.menuVisible.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(3)
  body.menuVisible.home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(3) {
    display: none;
  }
}

@media screen and (max-width: 1000px) {

  .home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(3),
  body.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(3),
  .home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(3) {
    display: none;
  }

  body.menuVisible.home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(2),
  body.menuVisible.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(2),
  body.menuVisible.home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(2) {
    display: none;
  }
}

@media screen and (max-width: 768px) {

  .home .hoou-course-cards-wrapper .hoou-course-cards .hoou-course-card:nth-child(2),
  body.single-podcast .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(2),
  .home .hoou-podcast-cards-wrapper .hoou-course-cards .hoou-course-card-outer:nth-child(2) {
    display: none;
  }
}

/*! plugin overrides */
.news-wrap .news_image_right {
  width: 300px;
  height: 169px;
  margin-right: 0;
  margin-bottom: 0;
  object-fit: cover;
}

.entry-title {
  display: none;
}

.entry-content {
  margin-top: 0px;
}

/* hide login button */
#headerAndLogoArea .loginButton {
  display: none;
}

/* newest-courses-plugin */
.hoou-course-author-avatar {
	width: 42px;
	height: 42px;
	border: 1px solid #D8DFE7;
}

.hoou-course-type-wrapper {
  white-space: nowrap;
}

body .hoou-podcast-cards-wrapper .hoou-course-card,
body .hoou-course-cards-wrapper .hoou-course-card {
  margin: 0;
}

.hoou-event-cards-wrapper{
  padding: 0;
}

.newsButtonDesktop{
  margin-bottom: 0;
}

.hoou-course-cards-wrapper .hoou-course-cards {
  gap: 30px;
}

.lernangebote-outer-card-wrapper h2 {
  margin-bottom: 40px;
  padding: 0 21px;
}

.podcast-outer-card-wrapper h2 {
  margin-bottom: 40px;
  padding: 0 21px;
}

.hoou-podcast-cards-wrapper .hoou-course-cards {
  gap: 30px;
}

.course-slider-card-slide-body-summary {
  line-height: var(--card-summary-line-height);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-max-summary-lines);
  max-height: calc(var(--card-summary-line-height) * var(--card-max-summary-lines));
}

.course-slider-card-slide-body-title-courselink {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-max-title-lines);
  max-height: calc(var(--card-title-line-height) * var(--card-max-title-lines));
}

.hoou-course-image-block {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 220px;
}

body .hoou-course-image {
  height: 100%;
  width: 300px;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  body .eventblock .hoouButtonInnerWrap {
    width: 253px;
  }
  body .eventblock .wp-editor-shortcode-class-align-right {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .hoouButton {
    margin: 30px 0 0 0;
  }
}

/*! additional STYLES FOR single.php
---------------------------------------------*/
body.single-post figure.is-type-video .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16/9;
}
body.single-post figure.is-type-video iframe {
  width: 100%;
  height: 100%;
}
/*previous styles are necessary for keeping video iframe-thumbnail in appropriate aspect ratio*/

body.single-post h2 {
  font-size: 26px !important; /*important could be deleted with the abolition of the "body h2 font-size !important"-styles. In addition it is neccesarry to change WP defalt styles --wp--preset--font-size--x-large*/
}

body.single-post ul,
body.single-post ol {
  margin: 0 0 16px 0; 
}

body.single-post .wrappedContent a {
  font-weight: normal;
  text-decoration: underline; 
}

/*! additional STYLES FOR tribe-events/single-event.php aka. single-event page 
---------------------------------------------*/
body.tribe_events-template-default h2 {
  font-size: 26px !important; /*important could be deleted with the abolition of the "body h2 font-size !important"-styles. In addition it is neccesarry to change WP defalt styles --wp--preset--font-size--x-large*/
}
body.tribe_events-template-default .tribe-events-pg-template a {
  font-weight: normal;
  text-decoration: underline;
}

/*! STYLES FOR single-podcast.php
---------------------------------------------*/
.episode-detail-contributors-avatar {
  aspect-ratio: 1;
  height: 50px;
  object-fit: cover;
}

body.single-podcast .episode-detail-episode-wrapper a {
  font-weight: normal;
  text-decoration: underline; 
}

body.single-podcast .hoou-course-card-body-courselink p.hoou-course-title {
  font-weight: 700;
  text-decoration: none;
}

body.single-podcast .episode-details-more-episodes h2 {
  text-align: center;
  margin-bottom: 40px;
  padding-left: 21px;
  padding-right: 21px;
}

body.single-podcast .episode-detail-head {
  padding: 0 21px;
}

body.single-podcast .episode-detail-episode-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom:  clamp(
    calc(var(--min-episode-detail-episode-wrapper-margin-bottom) * 1px),
    calc(var(--min-episode-detail-episode-wrapper-margin-bottom) * 1px) + ((var(--max-episode-detail-episode-wrapper-margin-bottom) - var( --min-episode-detail-episode-wrapper-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-episode-detail-episode-wrapper-margin-bottom) * 1px)
  );
}

body.single-podcast .episode-detail-episode-background{
  padding-top:  clamp(
    calc(var(--min-podcastplayerheadline-padding-top) * 1px),
    calc(var(--min-podcastplayerheadline-padding-top) * 1px) + ((var(--max-podcastplayerheadline-padding-top) - var( --min-podcastplayerheadline-padding-top)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-podcastplayerheadline-padding-top) * 1px)
  );
}

body.single-podcast .entry-content .episode-details-more-episodes .podcast-slider-navigation,
body.single-podcast .entry-content .episode-details-more-episodes .hoou-course-cards {
  margin-bottom:  clamp(
    calc(var(--min-single-podcast-page-more-episodes-last-div-margin-bottom) * 1px),
    calc(var(--min-single-podcast-page-more-episodes-last-div-margin-bottom) * 1px) + ((var(--max-single-podcast-page-more-episodes-last-div-margin-bottom) - var( --min-single-podcast-page-more-episodes-last-div-margin-bottom)) * (100vw - var(--min-page-width) * 1px) / (var(--max-page-width)  - var(--min-page-width))),
    calc(var(--max-single-podcast-page-more-episodes-last-div-margin-bottom) * 1px)
  );
}

/*! STYLES FOR PODCAST-SLIDER
---------------------------------------------*/
.podcast-slider-navigation-arrow-left,
.podcast-slider-navigation-arrow-right,
.podcast-slider-badge,
.podcast-slider-navigation-dots {
  cursor: pointer
}

.podcast-slider-navigation-badge {
  height: 13px;
  width: 13px;
  background-color: #C4CDD3;
  color: #fff;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.podcast-slider-navigation-badge:hover {
  background-color:#1F538C;
}

.podcast-slider-display-container {
  display: none;
}

.podcast-slider-content {
  max-width: 100%;
  margin: auto;
}

.podcast-slider-display-container {
  position: relative;
}

.podcast-slider-navigation {
  text-align: center;
  width: 390px;
  margin: 30px auto;
  font-size: 18px;
}

.podcast-slider-navigation-arrow-left {
  float: left;
}

.podcast-slider-navigation-arrow-right {
  float: right;
}

.podcast-slider-navigation-dot-blue {
  background-color:#1F538C;
}

.podcast-slider-content .hoou-course-cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.podcast-slider-content .podcast-slider-card {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  display: grid;
  grid-template-rows: auto auto 1fr;
  padding: 0;
  position: relative;
  width: 390px;
  margin: auto;
}

.podcast-slider-card-slide {
  touch-action:pan-y
}

.podcast-slider-card-slide-body {
  border-radius: 5px;
  padding: 0 20px 16px;
  position: relative;
  overflow: hidden;
}

.podcast-slider-card-slide-image-block {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 220px;
}

.podcast-slider-card-slide-image {
  margin: 0;
  height: 100%;
  width: 390px;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #e6eef9;
}

.podcast-slider-card-slide-header {
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 16px 0 15px 20px;
  position: relative;
  text-transform: uppercase;
}

.podcast-slider-card-slide-body {
  height: 180px;
}

.podcast-slider-card-slide-header-type-wrapper {
  white-space: nowrap;
  height: 25px;
  display: inline-flex;
}

.podcast-slider-card-slide-header-type {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.06px;
  text-transform: uppercase;
  color: #1E1C39;
  padding: 4px 6px;
  align-items: center;
  gap: 10px;
  border: 1px solid #1E1C39;
  border-radius: 2px;
  display: inline-flex;
  text-align: center;
  vertical-align: middle;
}

.podcast-slider-card-slide-header-category-wrapper {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.06px;
  text-transform: uppercase;
  color: #1E1C39;
  padding: 4px 6px;
  align-items: center;
  gap: 10px;
  border-radius: 2px;
  height: 25px;
  display: inline-flex;
}

.podcast-slider-card-slide-header-category {
  padding: 0.15rem 0.25rem;
  font-size: 12px;
  font-weight: 500;
  color: #1E1C39;
  vertical-align: middle;
  display: inline-flex;
}

.podcast-slider-card-slide-body-title {
  color: #1A1737;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 10px;
}

.podcast-slider-card-slide-body-summary {
  color: #1A1737;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--card-summary-line-height);
  letter-spacing: 0.07px;
  max-height: 7.2em;
  padding-right: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--card-max-summary-lines);
  max-height: calc(var(--card-summary-line-height) * var(--card-max-summary-lines));
}

.podcast-slider-card-slide-authors-wrapper {
  border-radius: 5px;
  padding: 8px 0 16px 20px;
  position: relative;
}

.podcast-slider-card-slide-author {
  height: 46px
}

.podcast-slider-card-slide-border-to-footer {
  border: 0.5px solid #D8DFE7;
}

.podcast-slider-card-slide-footer {
  height: 49px;
  padding: 0;
}

.podcast-slider-card-slide-footer-link {
  padding: 0 15px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 49px;
  width: 100%;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.podcast-slider-card-slide-footer-link:hover {
  background-color: #1E1C39;
  color: white;
  border-radius: 0 0 6px 6px;
  text-decoration: none;
}

.podcast-slider-card-slide-footer-link:hover svg path {
  stroke: white;
}

.podcast-slider-card-slide-footer-link-inline {
  padding: 0;
  font-size: 16px;
  font-weight: 700;
}

.podcast-slider-card-slide-footer-link-inline-svg {
  display: inline;
  padding-bottom: 2px;
}

.podcast-slider-card-slide-body-title-courselink {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--card-max-title-lines);
max-height: calc(var(--card-title-line-height) * var(--card-max-title-lines));
}

@media screen and (max-width: 768px) {
  .entry-content .podcast-slider-display-container {
      display: block;
  }

  .entry-content .hoou-podcast-cards-wrapper {
      display: none;
  }
}

@media screen and (max-width: 1340px) {
  .menuVisible {
      .entry-content .podcast-slider-display-container {
        display: block;
      }

    .entry-content .hoou-podcast-cards-wrapper {
      display: none;
    }
  }
}

@media screen and (max-width:430px) {
  .podcast-outer-card-wrapper h2 {
    margin-bottom: 40px;
    padding: 20px;
  } 
  .podcast-slider-content .podcast-slider-card {
    width: auto;
    margin:20px;
  }
  .podcast-slider-navigation {
    width: auto;
    margin: 20px;
  }
}

/*! STYLES FOR The-Events-Calendar
---------------------------------------------*/
body .hoou-event-cards-wrapper .hoou-course-category-wrapper {
  font-size: 14px;
}

body.tribe-events-page-template .tribe-events .tribe-events-header {
  margin:unset;
  background-color: var(--tec-color-primary-dark);
  padding: 10px;
}

body.tribe-events-page-template .tribe-events-calendar-month__header-column {
  padding: 0;
  margin: 0;
}
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__header-row,
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__header-row {
  border-right-style: var(--event-calendar-outer-border-type);
  border-right-width: var(--event-calendar-outer-border-width);
  border-right-color: var(--event-calendar-outer-border-color);
  border-left-style: var(--event-calendar-outer-border-type);
  border-left-width: var(--event-calendar-outer-border-width);
  border-left-color: var(--event-calendar-outer-border-color);
  border-radius: 0;
}

body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__header-row > div,
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__header-row > div {
  border:0;
}

body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__header-row > div:not(:first-child),
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__header-row > div:not(:first-child) {
  border-left-style: var(--event-calendar-inner-border-type);
  border-left-width: var(--event-calendar-inner-border-width);
  border-left-color: var(--event-calendar-inner-border-color);
  border-radius: 0;
}

body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__body > div,
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__body > div {
  border-bottom-style: var(--event-calendar-inner-border-type);
  border-bottom-width: var(--event-calendar-inner-border-width);
  border-bottom-color: var(--event-calendar-inner-border-color);
  border-radius: 0;
}

body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__week > div:not(:first-child),
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__week > div:not(:first-child) {
  border-left-style: var(--event-calendar-inner-border-type);
  border-left-width: var(--event-calendar-inner-border-width);
  border-left-color: var(--event-calendar-inner-border-color);
  border-radius: 0;
}

body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month"] .tribe-events-calendar-month__body,
body.tribe-events-page-template div[class="tribe-common tribe-events tribe-events-view tribe-events-view--month tribe-common--breakpoint-xsmall"] .tribe-events-calendar-month__body {
  border-style: var(--event-calendar-outer-border-type);
  border-width: var(--event-calendar-outer-border-width);
  border-color: var(--event-calendar-outer-border-color);
  border-top-style: var(--event-calendar-inner-border-type);
  border-top-width: var(--event-calendar-inner-border-width);
  border-top-color: var(--event-calendar-inner-border-color);
  border-radius: 0;
}

body.tribe-events-page-template .tribe-events-calendar-month__day-date .tribe-common-h4 {
  padding: 0;
}

body.tribe-events-page-template .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
  margin: 12px
}

/*show the whole navigation (arrows, this-month, and Date) in one line with similar gaps*/
body.tribe-events-page-template .tribe-events-c-top-bar.tribe-events-header__top-bar {
  display: flex;
  align-items: center;
  gap: 6%;
  flex-direction: row; /* Display items horizontally */
}

/*replacement of the navigation-arrow-padding*/
body.tribe-events-page-template .tribe-events-c-top-bar__nav-list {
  gap:15px;
}

/*no padding for the month navigation arrows to replace the padding with gap*/
body.tribe-events-page-template .tribe-events-c-top-bar__nav-list > li {
  padding: 0
}

/*Show "Dieser Monat" in same width at every screen-size*/
body.tribe-events-page-template a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
  margin: 0;
}

.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden {
  min-width: 100px;
  max-width: 120px;
}

body.tribe-events-page-template  .tribe-events-c-top-bar__datepicker {
  width: auto;
}

/*Always show the desktop version of the month-navigation cause it is shown in the datepicker-header"*/
body.tribe-events-page-template a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button.tribe-common-a11y-hidden, 
body.tribe-events-page-template nav.tribe-events-c-top-bar__nav.tribe-common-a11y-hidden {
display: block !important;
visibility: visible;
}


/*Always show the desktop version of the message "no upcoming events etc. cause it is shwon in the datepicker-header"*/
body.tribe-events-page-template .tribe-events-header__messages:not(.tribe-events-header__messages--mobile),
body.tribe-events-page-template .tribe-events-c-top-bar__datepicker-desktop {
  display: block !important;
  visibility: visible;
}

/*Hide the mobile version of the message "no upcoming events etc. cause it is shwon in the datepicker-footer"*/
body.tribe-events-page-template .tribe-events .tribe-events-header__messages--mobile,
body.tribe-events-page-template .tribe-events-c-top-bar__datepicker-mobile {
  display: none;
  visibility: hidden;
}

/*Hide the mobile version of the message "no upcoming events etc. cause it is shwon in the datepicker-footer"*/
body.tribe-events-page-template .tribe-events-calendar-month-nav.tribe-events-c-nav {
  display: none;
  visibility: hidden;
}


/*Font size of the event preview (below the calendar when clicking on the date)*/
.tribe-events-calendar-month-mobile-events__mobile-event-title.tribe-common-h7 {
  font-size: 18px !important /*could be deleted when deleting the "body h3" selector*/;
}

/*headline is generated with hoou-theme/js/event_calendar_headline.js */
body.tribe-events-page-template .events-calendar-headline-wrapper {
  text-align: left;
}

/*Calendar Daycell in mobile view - background color*/

body.tribe-events-page-template .tribe-events-calendar-month__day-cell--selected,
body.tribe-events-page-template .tribe-events-calendar-month__day-cell--selected:hover,
body.tribe-events-page-template .tribe-events-calendar-month__day-cell--selected:active {
  background-color: white;
}

/*the circle that indicates "at this day is a event. Without the negative margin it is not visible on mobile screen sizes*/
body.tribe-events-page-template .tribe-events-calendar-month__mobile-events-icon--event {
  margin-top: -10px;
  background-color: var(--tec-color-event-list-dot);
}

/*the calendar responsive and works still at 320 px width. The min-height leads to space issues at the calendar bottom*/
body.tribe-events-page-template .tribe-events .tribe-events-l-container {
  min-height: unset;
}

/* Events Calendar: Header Text und Hintergrundfarbe */
.tribe-events-header > div {
  color: #ffffff;
  background-color: var(--tec-color-primary-dark);
}

/* Events Calendar: Abgerundete Ecken ganz oben */
.tribe-events-c-events-bar__search-container > div {
  border-radius: 6px 6px 0 0;
}

/* Events Calendar: Ansichtsauswahl und Suchschaltfläche ausblenden */
.tribe-events .tribe-events-c-events-bar__views,
.tribe-events button.tribe-common-c-btn,
.tribe-common-form-control-text.tribe-events-c-search__input-control.tribe-events-c-search__input-control--keyword { 
  display: none;
}

/* Events Calendar: Aktuellen Monat und Jahr in Weiß anzeigen */
.tribe-events-c-top-bar__datepicker-desktop,
.tribe-events-c-top-bar__datepicker-mobile {
  color: #fff;
}

/* Events Calendar: "Keine Veranstaltungen gefunden" SVG-Icon in Weiß anzeigen */
.tribe-events-c-messages__message .tribe-common-c-svgicon {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(236deg) brightness(104%) contrast(104%);
}

/* Events Calendar: Wochentage (Mo, Di, Mi, ...) */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {
  text-align: right;
  margin-right: 18px;
}

/* Events Calendar: Schriftart innerhalb der Zellen (Monatsansicht) */
.tribe-events-calendar-month__day-date-daynum {
  font-weight: normal;
  font-size: 14px !important;
}

/* Events Calendar: Gitterhintergrund für Zellen außerhalb des aktuellen Monats */
body.tribe-events-page-template .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-cell {
  background: repeating-linear-gradient(
    135deg, #fff, #fff 15px, #dadfe6 10px, #dadfe6 16px)
}

/* Events Calendar: Tagnummern */
.tribe-events-calendar-month__day-date {
  text-align: right;
  font-size: 14px;
  line-height: 14px;
}

/* Events Calendar: Runder Hintergrund für Tagnummern */
.tribe-events-calendar-month__day-date-daynum {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

/* Events Calendar: Weißer Hintergrund für Tagnummern in anderen Monaten */
.tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum {
  background: #fff;
}

/* Events Calendar: Abstand für Keine-Veranstaltungen-Meldung */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__messages {
	margin-bottom: 0;
}

/* Events Calendar: Hintergrund für Tagnummern im aktuellen Monat */
.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum,
.tribe-events-c-messages__message-list-item {
  color: #fff;
  background: #1e1c39;
}

/* Events Calendar: Multiday Event Stil */
.tribe-common article.tribe-events-calendar-month__multiday-event {
  display: list-item;
  margin-left: 24px;
  font-size: 14px;
  color: var(--tec-color-event-list-dot);
}

/*Bestimmt den Hintergrund eines Multiday-Events*/
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: var(--tec-color-background-for-multiday);
}

/* Events Calendar: Multiday Event Informationen */
.tribe-common article.tribe-events-calendar-month__multiday-event .tribe-events-calendar-month__multiday-event-hidden {
  padding-right: 24px;
  font-size: 10px;
  font-weight: bold;
}

/* Events Calendar: Stil für Multiday Event Bar */
.tribe-common article.tribe-events-calendar-month__multiday-event .tribe-events-calendar-month__multiday-event-bar-inner {
  padding: 0;
}

/* Events Calendar: Umgestaltung des Buttons in der Kalender Header Bar */
a.tribe-common-c-btn-border-small.tribe-events-c-top-bar__today-button {
  padding: 10px 15px;
  border-radius: 3px;
  border: solid 1px white;
  background-color: var(--tec-color-primary-dark);
  color: white;
  text-transform: uppercase;
}

/* Events Calendar: Farbe für Links vor blauem Hintergrund */
a.tribe-events-c-messages__message-list-item-link.tribe-common-anchor-thin-alt {
  color: white;
}

/* Events Calendar: Anpassungen für Kalender-Tag */
.tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar,
.tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

/* Events Calendar: Schriftgröße und Layout für Kalender-Tag */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
  line-height: 1;
  font-size: 14px !important;
  padding: 5px;
}
h3.tribe-events-calendar-month__header-column-title span,
.tribe-events-calendar-month__multiday-event-bar-title {
  font-weight: 700;
  font-size: 14px !important;
}

/* Events Calendar: Optik für Events Header Top Bar */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
  border: none;
}

/* Events Calendar: Events Header und Top Bar Border Radius */
.tribe-events-header.tribe-events-header--has-event-search {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 10px 15px; /*Daypicker header*/
}

/* Events Calendar: Kalenderränder für Wochentage */
.tribe-events-calendar-month__header-row .tribe-events-calendar-month__header-column {
  border-color: rgb(216, 223, 231);
  border-style: solid;
  border-width: 0 1px 0 0;
  padding-top: 10px;
}

/* Events Calendar: noch mehr Kalenderränder für Wochentage */
.tribe-events-calendar-month__header .tribe-events-calendar-month__header-row {
  border-color: rgb(216, 223, 231);
  border-style: solid;
  border-width: 0 0 0 1px;
  height: 50px;
}

/* Events Calendar: Events Bar in Header ausblenden */
.tribe-events-header__events-bar.tribe-events-c-events-bar {
  display: none;
}

/* Events Calendar: Ausblenden des Subscribe-Buttons */
.tribe-events .tribe-events-c-subscribe-dropdown__container {
  display: none;
}

/* Events Calendar: Abstände für Events Header */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
  margin-bottom: 0;
}

/* Events Calendar: Schriftgröße für DatePicker in Desktop-Ansicht */
.tribe-events-c-top-bar__datepicker-desktop.tribe-common-a11y-hidden, .tribe-events-c-top-bar__datepicker-mobile {
  font-size: 16px;
}

/* Events Calendar: hellblaue Hintergrundfarbe mit weißem Top-Bereich für gesamte Seite */
.tribe-common.tribe-events.tribe-events-view.tribe-events-view--month {
  background: linear-gradient(180deg, #FFF 110px, #f0f7ff 110px);
}

/* Events Calendar: weißer Hintergrund für Monatskalender */
.tribe-events-calendar-month {
	background: white;
}

/* Events Calendar: blauer Hintergrund für mobile Benachrichtigung */
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice {
	background: #1E1C39;
  padding: 10px 0 0 0;
  justify-content: flex-start;
}

/* Events Calendar: korrekte Farbe für Anchor-Links bei blauem Hintergrund */
.tribe-common .tribe-common-anchor-thin-alt:active, .tribe-common .tribe-common-anchor-thin-alt:focus, .tribe-common .tribe-common-anchor-thin-alt:hover {
	color: white
}

/*Fomatiert den aktuelle ausgewählten Daypicker Monat*/
.tribe-events .datepicker .month.active.focused.current {
    background: var(--tec-color-text-primary);
    color: #fff;
}

/*Formatiert Uhrzeitgebundene Eintagesevents als Listenelement*/
.tribe-common .tribe-events-calendar-month__calendar-event-title {
  display: list-item;
  margin-left: 24px;
  font-size: 14px;
  color: var(--tec-color-event-list-dot);
	
}

/*Formatiert Uhrzeitgebundene Eintagesevents im Schriftbezug*/
h3.tribe-events-calendar-month__calendar-event-title{
  font-size: 14px !important;
  color: var(--tec-color-text-primary);
  /*line-height: 14px !important; */
  letter-spacing: 0.05px !important;
}

/*Formatiert Uhrzeitgebundene Eintagesevents im Schriftbezug*/
a.tribe-events-calendar-month__calendar-event-title-link,
a.tribe-events-calendar-month__calendar-event-title-link:visited {
	font-weight:inherit;
	background-color:none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--event-calendar-single-event-title-max-lines);
  max-height: calc(var(--event-calendar-single-event-title-max-line-height) * var(--event-calendar-single-event-title-max-lines));
}

/*Stellt Uhrzeitgebundene Eintagesevents linksbündig dar*/
article.tribe-events-calendar-month__calendar-event {
	padding-left: 0px !important;
}

/*Blendet Uhrzeiten aus*/
.tribe-events .tribe-events-calendar-month__calendar-event-datetime {
	display:none;
}
/*Einstellungen für die "+More" anzeige bei zu vielen Events an einem Tag*/
div.tribe-events-calendar-month__more-events {
	padding:0 !important;
}

/*! GENERAL HELPER CLASSES
---------------------------------------------*/
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}