#wrapper {
  padding-top: 0;
  background-image: url(../img/blubb.svg);
  background-size: cover;
  background-position: bottom left;
}

#container {
  padding-top: 0;
}

.nav-main {
  z-index: 99;
}

/*@media (max-width: 756px) {
  .logo img {
  height: 50px;
  }
}*/

.logo img {
    display: block;
    width: 100%;
    height: auto;
}

.grid-box {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 0 1.5rem;
    width: 100%;
    padding-block: calc(.5 * (8rem - 5rem));
}

.hero.mod_article {
	padding-inline: 0;
}

.hero.mod_article:first-child .mod_article__inner {
  padding-block-start: 0;
}

.hero .mod_article__inner {
	max-width: unset;
}

.hero img {
  width: 100%;
}

/*.content-text.media--left figure {
  float: left;
  margin: 0 1em 1em 0;
}

.content-text.media--right figure {
  float: right;
  margin: 0 0 1em 1em;
}

.content-text::after {
  content: "";
  display: block;
  clear: both;
}*/


.media {
  display: grid;
  grid-template-columns: 4fr 8fr;
  grid-template-rows: auto;
  gap: 1rem;
  align-items: start;

  grid-template-areas:
    "title  title"
    "figure text";
}

.content-text.media.media--above, .content-text.media.media--below {
  display: block
}

/* Bereiche zuweisen */
.content-text.media > h1, .content-text.media > h2, .content-text.media > h3, .content-text.media > h4, .content-text.media > h5, .content-text.media > h6 {
  grid-area: title;
}
.content-text.media > figure {
  grid-area: figure;
}
.content-text.media > .rte {
  grid-area: text;
}

/* Bild rechts */
.content-text.media--right {
  grid-template-columns: 8fr 4fr; /* Bild 4/12 rechts */
  grid-template-areas:
    "title  title"
    "text   figure";
}

/* Responsiv */
@media (max-width: 768px) {
  .content-text.media {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "figure"
      "text";
  }
}

.mod_eventmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mod_eventmenu.nav-sidebar ul.level_2 a {
    padding-left: 3rem;
}

.event.layout_teaser {
  margin-block-end: 2rem;
}

.event.layout_teaser h2 {
  margin-block-end: 0rem;
}

.event.layout_teaser h2 a {
  text-decoration: none;
}

.event.layout_teaser p.time {
  font-size: 1.2rem;
  font-weight: bold;
}

.event.layout_teaser figure.float_above, .event.layout_teaser figure.float_right, .event.layout_teaser figure.float_left {
    margin-block-end: 0rem;
}

.mod_eventlist .layout_upcoming a {
  font-size: 1.4rem;
}

.layout_simple time, .layout_upcoming time {
  font-size: 1.2rem;
}

.mod_eventlist .layout_upcoming {
  padding-left:1rem;
  padding-right:1rem;
}

.mod_eventlist.columns {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 0 2rem;
  width: 100%;
  text-align: center;
}

.mod_eventlist .layout_upcoming.cal_4 {
  background-color: #dde1e4;
}

.layout_simple, .layout_upcoming {
  padding: .5rem 0;
}

.hero_bg {
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
  align-content: center;
  align-items: center;
}

.hero_bg.fixed-bg {
	background-attachment: fixed;
}

[class*="hero-"] .mod_article__inner, [class*="hero-"] .mod_article__inner>*:not([class*="col-"]), [class*="hero-"].mod_article:first-child .mod_article__inner {
  max-width: none;
  padding-block-start: 0;
  margin-block-start: 0;
}
  
[class*="hero-"].mod_article {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.hero-button {
	margin-top: 2rem!important;
}

.hero-full .hero_bg, .hero-100 .hero_bg, .mod_article.hero-full, .hero-full .inside, .hero-full .content-image figure {
	height: 100vh;
}

.hero-lg .hero_bg, .hero-80 .hero_bg, .mod_article.hero-lg, .hero-lg .inside, .hero-lg .content-image figure {
	height: 80vh;
}

.hero-md .hero_bg, .hero-60 .hero_bg, .mod_article.hero-md, .hero-md .inside, .hero-md .content-image figure {
	height: 60vh;
}

.hero-sm .hero_bg, .hero-40 .hero_bg, .mod_article.hero-sm, .hero-sm .inside, .hero-sm .content-image figure {
	height: 40vh;
}

.hero-xs .hero_bg, .hero-20 .image-section_bg, .mod_article.hero-xs, .hero-xs .inside, .hero-xs .content-image figure {
	height: 20vh;
}

[class*="hero-"] .content-image, [class*="hero-"].content-text {
	padding: 0!important;
}

[class*="hero-"] p, [class*="hero-"] h1, [class*="hero-"] h2, [class*="hero-"] h3, [class*="hero-"] h4, [class*="hero-"] h5, [class*="hero-"] h6 {
	margin: 0!important;
	padding-bottom: 1em;
}

.video-bg .content-text, .hero-overlay {
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
	padding: 0 15px;
}

.video-bg:not(.video-bg-fixed) .content-text, .hero-overlay {
	position: absolute;
	z-index: 3;
}

.video-bg .content-text > * {
	max-width: var(--max-width-large);
	margin-left: auto;
  margin-right: auto;
  display: block;
	padding: 0 15px;
}

.video-bg-full.video-bg video {
	height: 100vh;
}

.video-bg-lg.video-bg video {
	height: 80vh;
}

.video-bg-md.video-bg video {
	height: 60vh;
}

.video-bg-sm.video-bg video {
	height: 40vh;
}

.video-bg-xs.video-bg video {
	height: 20vh;
}

.video-bg-fixed.video-bg video {
	position: fixed;
}

.video-bg-fixed.video-bg > .content-text {
	position: relative;
}

.glass .card .inner {
	background-color: rgba(255,255,255,.2);
	backdrop-filter: blur(10px);
}

[class*="hero-text-"] .btn {
  font-size: 1rem;
  margin-top: 1rem;
}
[class*="hero-text-"] p, p[class*="hero-text-"] {
  padding-bottom: 0;
}
[class*="hero-text-"] p + *, p[class*="hero-text-"] + * {
  padding-top: 1rem !important;
}

/* Tint backgrounds for various theme accents */
.bg-tint.tint-0, .tint-0 .bg-tint, .tint-0 > .card .inner, .tint-0.content-image::after {
  background: transparent !important;
}
.bg-tint.tint-1, .tint-1 .bg-tint, .tint-1 > .card .inner, .tint-1.content-image::after {
  background-color: var(--brand-color-1);
}
.bg-tint.tint-2, .tint-2 .bg-tint, .tint-2 > .card .inner, .tint-2.content-image::after {
  background-color: var(--brand-color-2);
}
.bg-tint.tint-3, .tint-3 .bg-tint, .tint-3 > .card .inner, .tint-3.content-image::after {
  background-color: rgba(230,230,230,1);
}
.bg-tint.tint-4, .tint-4 .bg-tint, .tint-4 > .card .inner, .tint-4.content-image::after {
  background: radial-gradient(circle at 50% 100%, rgba(0, 255, 235, 1) 0%, rgba(7, 58, 187, 0.4) 100%);
}
.bg-tint.tint-5, .tint-5 .bg-tint, .tint-5 > .card .inner, .tint-5.content-image::after {
  background: radial-gradient(circle at 50% 100%, rgba(0, 233, 255, 1) 0%, rgba(1, 21, 73, 1) 100%);
}
.bg-tint.tint-6, .tint-6 .bg-tint, .tint-6 > .card .inner, .tint-6.content-image::after {
  background: linear-gradient(90deg, rgba(255, 193, 7, 1) 0%, rgba(156, 39, 176, 0.4) 100%);
}
.bg-tint.tint-7, .tint-7 .bg-tint, .tint-7 > .card .inner, .tint-7.content-image::after, .tint-7 figure::after {
  background: linear-gradient(130deg, rgba(139, 195, 74, 0.5) 0%, rgba(33, 150, 243, 1) 100%);
}
.bg-tint.tint-8, .tint-8 .bg-tint, .tint-8 > .card .inner, .tint-8.content-image::after {
  background: radial-gradient(circle at 50% 100%, rgba(233, 30, 99, 1) 0%, rgba(103, 58, 183, 1) 100%);
}
.bg-tint.tint-9, .tint-9 .bg-tint, .tint-9 > .card .inner, .tint-9.content-image::after {
  background: linear-gradient(148deg, rgba(131,58,180,0.4) 0%, rgba(253,29,29,0.4) 50%, rgba(252,176,69,0.4) 100%);
}

/* -----------------------------
   Text Gradients
------------------------------ */
.text-gradient-1 {
  background: -webkit-linear-gradient(35deg, var(--color-1), var(--color-2));
  background-clip: text; /* Standard property for compatibility */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* -----------------------------
   Hero Text Sizes
------------------------------ */
.hero-text-xxl p, p.hero-text-xxl {
  font-size: calc(60px + (96 - 60) * ((100vw - 576px) / (1600 - 576))) !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-text-xl p, p.hero-text-xl {
  font-size: calc(48px + (72 - 48) * ((100vw - 576px) / (1600 - 576))) !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-text-lg p, p.hero-text-lg {
  font-size: calc(36px + (56 - 36) * ((100vw - 576px) / (1600 - 576))) !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-text-md p, p.hero-text-md {
  font-size: calc(24px + (48 - 24) * ((100vw - 576px) / (1600 - 576))) !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hero-text-sm p, p.hero-text-sm {
  font-size: calc(18px + (36 - 18) * ((100vw - 576px) / (1600 - 576))) !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.light { color: #fff; }

[class*="content-"].text-shadow {
	text-shadow: 0px 0px 10px rgba(0,0,0,.3);
}

.article--highlight {
    background: linear-gradient(45deg, rgb(34, 211, 169), rgb(144, 65, 255));
    color: #fff;
}

.effect-static-text h1, .effect-static-text h2, .effect-static-text h3, .effect-static-text h4, .effect-static-text h5, .effect-static-text h6 {
    background-image: linear-gradient(-15deg, #34807b 0%, #1e384d 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.highlights-home.mod_article:first-child .mod_article__inner {
  padding-block-start: 0;
}

.space--bottom-1 {
  margin-block-end: 1rem;
}

.space--bottom-2 {
  margin-block-end: 2rem;
}

.space--top-1 {
  margin-block-start: 1rem;
}

.space--top-2 {
  margin-block-start: 2rem;
}

@media (min-width: 63.01rem) {
  .hide-on-large {
    display: none;
  }
}

.box--gray-light {
    border:none;
    backdrop-filter: blur(10px);
    background-color: rgba(220, 220, 220, .2);
}