/*
* Theme Name: puppy owl
* Description: Just a theme for the new puppy owl e.v.
* Author: Akru
*/
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("./fonts/open-sans-v29-latin-300.woff2") format("woff2"), url("./fonts/open-sans-v29-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("./fonts/open-sans-v29-latin-regular.woff2") format("woff2"), url("./fonts/open-sans-v29-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url("./fonts/open-sans-v29-latin-800.woff2") format("woff2"), url("./fonts/open-sans-v29-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("./fonts/open-sans-v29-latin-italic.woff2") format("woff2"), url("./fonts/open-sans-v29-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-code-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Code Pro";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/source-code-pro-v22-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url(./fonts/materialicons.woff2?v=2023083fdf1) format("woff2");
}
:root {
  --main-background-color: #242424;
  --main-forderground-color: #fff;
  --accent-green: #07F02F;
  --accent-red: #FF0A00;
  --accent-iceblue: #0C93EE;
  --accent-orange: #EE640C;
  --accent-blue: #3333FF;
  --accent-gray: #3e3e3e;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6, h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  font-family: "Open Sans", sans-serif;
  font-weight: 200;
  color: var(--accent-iceblue);
}

.post-overview-area, body {
  background: var(--main-background-color) url("./images/bone-emblem.svg");
  background-size: clamp(1000px, 100%, 100%);
}

.event_detail time:before,
.event_detail address:before, .event_canceled .cancel_notice strong:before, .material-symbols-sharp a:before,
.material-symbols-sharp a:after, a.jump-down:after,
a.jump-up:after, .main-content .text-link[href]:after,
.main-footer .text-link[href]:after, .main-content .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after,
.main-footer .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after, .main-content .text-link[href$=".pdf"]:after,
.main-footer .text-link[href$=".pdf"]:after {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.highlight-box-container .row {
  --bs-gutter-x: 2rem;
}
.highlight-box-container .row div[class^=col],
.highlight-box-container .row div[class*=" col"] {
  margin-bottom: 2rem;
}

.highlight-box {
  background-color: #ebebeb;
  padding: max(1vw, 1rem);
  color: #fff;
  height: 100%;
  color: var(--main-background-color);
}
.highlight-box h2, .highlight-box h3, .highlight-box h4, .highlight-box h5, .highlight-box h6 {
  margin-top: 0 !important;
}
.highlight-box h2 + figure, .highlight-box h3 + figure, .highlight-box h4 + figure, .highlight-box h5 + figure, .highlight-box h6 + figure {
  margin: 0 min(-1vw, -1rem);
  margin-bottom: min(2vw, 2.5rem);
  border-top: clamp(1px, 0.1vw, 0.1vw) solid white;
  border-bottom: clamp(1px, 0.1vw, 0.1vw) solid white;
}

@media only screen and (max-width: 765px) {
  .highlight-box {
    margin: 0 -3vw;
  }
  .highlight-box-container .row div[class^=col],
  .highlight-box-container .row div[class*=" col"] {
    margin-bottom: 0;
  }
}
#owl-orga .highlight-box {
  background-image: url("./images/logo.svg");
  background-repeat: no-repeat;
  background-position: center calc(100% - clamp(16px, 1vw, 1vw));
  background-size: clamp(60px, 4.5vw, 4.5vw);
  padding-bottom: clamp(70px, 5.5vw, 5.5vw);
}
#owl-orga .hide {
  display: none;
}

a {
  text-decoration: none;
  color: var(--accent-orange);
}

a:active,
a:hover {
  color: var(--accent-green);
}

figure img {
  width: 100%;
  height: auto;
  display: block;
}
figure figcaption {
  text-align: center;
  font-style: italic;
  color: #3e3e3e;
  font-size: clamp(13px, 0.8vw, 18px);
}

.row-no-gutter,
.row-no-gutter .row {
  --bs-gutter-x: 0;
}

.team a:before {
  content: "diversity_1";
}

.codex a:before {
  content: "sound_detection_dog_barking";
}

.events a:before {
  content: "celebration";
}

.pets a:before {
  content: "pets";
}

.info a:before {
  content: "info";
}

.home-icon a:before {
  content: "home";
}

.newspaper a:before {
  content: "newspaper";
}

.stars a:before {
  content: "auto_awesome";
}

.help a:before {
  content: "contact_support";
}

.main-content .text-link[href$=".pdf"]:after,
.main-footer .text-link[href$=".pdf"]:after, .main-content .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after,
.main-footer .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after, .main-content .text-link[href]:after,
.main-footer .text-link[href]:after, a.jump-down:after,
a.jump-up:after {
  padding: 0 clamp(2px, 0.1vw, 0.1vw);
  position: relative;
  top: clamp(4px, 0.2vw, 0.2vw);
}

.main-content .text-link[href]:after,
.main-footer .text-link[href]:after {
  content: "arrow_circle_right";
}
.main-content .text-link.jump-down:after,
.main-footer .text-link.jump-down:after {
  content: "arrow_circle_down";
}
.main-content .text-link.jump-up:after,
.main-footer .text-link.jump-up:after {
  content: "arrow_circle_up";
}
.main-content .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after,
.main-footer .text-link[href^=http]:not([href*="https://puppy-owl.de"]):not([href*="https://puppyowl.de"]):after {
  content: "open_in_new";
}
.main-content .text-link[href$=".pdf"]:after,
.main-footer .text-link[href$=".pdf"]:after {
  content: "picture_as_pdf";
}
.main-content a.wp-block-social-link-anchor:after,
.main-footer a.wp-block-social-link-anchor:after {
  padding: 0 !important;
  position: static !important;
  content: "" !important;
}

.main-content,
.main-footer {
  font-weight: 400;
  line-height: clamp(30.6px, 1.75vw, 1.75vw);
  font-size: clamp(18px, 1vw, 1vw);
}
.main-content h1,
.main-footer h1 {
  font-size: clamp(40px, 2.5vw, 2.5vw);
}
.main-content h2,
.main-footer h2 {
  font-size: clamp(40px, 2.5vw, 2.5vw);
  margin-top: clamp(50px, 6vw, 90px);
  margin-bottom: 0.5rem;
  text-indent: -0.2vw;
}
.main-content h3,
.main-content h4,
.main-footer h3,
.main-footer h4 {
  font-size: clamp(30px, 2vw, 2vw);
  margin-top: clamp(50px, 6vw, 110px);
  font-weight: 400;
  margin-bottom: 0.5rem;
  text-indent: -0.1vw;
}

.inline-highlight {
  font-family: "Open Sans", sans-serif;
  font-size: clamp(20px, 2.5vw, 2.5vw);
  color: var(--accent-orange);
  line-height: clamp(25px, 3vw, 3vw);
  margin: clamp(18px, 2.5vw, 2.5vw) 0;
}
.inline-highlight a:after {
  top: 0.35vw !important;
}

.inline-highlight::first-line {
  color: var(--accent-iceblue);
  font-size: clamp(25px, 3vw, 3vw);
}

.block-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -0.5rem;
}
.block-list li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  padding: 0.25rem 0.5rem;
}

body {
  margin: 0;
  padding: 0;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

#content,
.hdr {
  padding: 2vw 3vw;
}

@media only screen and (min-width: 1800px) {
  #content > .wrapper,
  .hdr,
  #content-top > .wrapper,
  #footer > .wrapper {
    width: 80%;
    margin: 0 auto;
  }
}
.site-row {
  padding: 2vw 16.5%;
  margin: 0 -16.5%;
}

@media only screen and (max-width: 1799px) {
  #content,
  #footer {
    padding: 2vw 3vw;
  }
  .site-row {
    padding-left: 3vw;
    padding-right: 3vw;
    margin: 0 -3vw;
  }
}
#content {
  background-size: 8vw;
  border-top: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-orange);
  border-bottom: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-iceblue);
  padding-bottom: 0;
  border-radius: 0;
  color: var(--main-background-color);
}
#content h2 {
  font-size: clamp(50px, 4vw, 4vw);
}

.single #content, .page #content {
  background-color: var(--main-background-color);
  color: #fff;
  border-top: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-iceblue);
  background-image: url(./images/pattern.svg);
  background-size: clamp(180px, 8vw, 8vw);
}

#footer {
  color: var(--main-forderground-color);
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h5, #footer .h1, #footer .h2, #footer .h3, #footer .h4, #footer .h5, #footer .h6 {
  color: var(--accent-green);
}
#footer ul:not([class]), #footer li:not([class]), #footer #menu-footer-menue {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer li:not([class]), #footer #menu-footer-menue li {
  padding-left: clamp(23px, 1.5vw, 1.5vw);
  background: url(./images/logo.svg) no-repeat left center;
  background-size: auto 50%;
}

#footer {
  padding-bottom: 1px;
}
#footer .row {
  padding-top: 2vw;
}

.copyright {
  text-align: center;
  font-size: max(0.75vw, 0.75rem);
}

.copyright {
  padding: 0.5vw 0;
  color: #6a6a6a;
}

.background-light-yellow {
  background-color: #ffe5cd !important;
}

.background-very-light-yellow {
  background-color: #fff8df !important;
}

.background-light-orange {
  background-color: #ffc79c !important;
}

.background-light-blue {
  background-color: #ccdcff !important;
}

.background-light-red {
  background-color: #ff837a !important;
}

.background-light-mint {
  background-color: #99daff !important;
}

.background-light-green {
  background-color: #e5ffaf !important;
}

.background-rainbow {
  background: linear-gradient(124deg, rgba(255, 34, 0, 0.4862745098), rgba(255, 145, 0, 0.5019607843), rgba(255, 251, 0, 0.4666666667), rgba(0, 255, 21, 0.5019607843), rgba(4, 0, 255, 0.4784313725), rgba(140, 0, 255, 0.3882352941));
}

.background-deep-gray {
  background-color: #242424 !important;
  color: #fff;
}

.background-police-blue {
  background-color: #0e518d !important;
  color: #fff !important;
}

/* for wp */
.has-neon-orange-color {
  color: #EE640C;
}

.has-neon-orange-background-color {
  background-color: #EE640C;
}

.has-ice-blue-color {
  color: #0C93EE;
}

.has-ice-blue-background-color {
  background-color: #0C93EE;
}

.has-neon-green-color {
  color: #07F02F;
}

.has-neon-green-background-color {
  background-color: #07F02F;
}

.has-red-color {
  color: #FF0A00;
}

.has-red-background-color {
  background-color: #FF0A00;
}

.has-police-blue-color {
  color: #3333FF;
}

.has-police-blue-background-color {
  background-color: #3333FF;
}

.has-gray-color {
  color: #3e3e3e;
}

.has-gray-background-color {
  background-color: #3e3e3e;
}

.has-white-color {
  color: #fff;
}

.has-white-background-color {
  background-color: #fff;
}

.has-black-color {
  color: #000;
}

.has-black-background-color {
  background-color: #000;
}

.has-deep-sea-blue-color {
  color: #002e47;
}

.has-deep-sea-blue-background-color {
  background-color: #002e47;
}

.has-dark-gray-color {
  color: #1a1a1a;
}

.has-dark-gray-background-color {
  background-color: #1a1a1a;
}

.has-pastel-orange-color {
  color: #FCE4E1;
}

.has-pastel-orange-background-color {
  background-color: #FCE4E1;
}

/**
* Header
*/
.header {
  font-family: "Open Sans", sans-serif;
  width: 100%;
}
.header .wrapper {
  display: flex;
  padding: 5vh;
  text-align: center;
  flex-direction: column;
  padding: 0;
}
.header .hdr {
  order: 2;
  align-self: center;
  font-weight: 200;
  padding: 0;
  padding-top: 2vw;
  padding-bottom: 1.25vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.header .hdr-logo {
  font-weight: 200;
  font-size: clamp(30px, 4vw, 1000px);
  margin: 0;
  width: 100%;
  transition: transform linear 350ms, transform-origin ease-in 200ms;
}
.header .hdr-logo-link {
  padding-left: clamp(104px, 39vw, 260px);
  background: url("./images/logo.svg") no-repeat left center;
  background-size: clamp(80px, 30vw, 200px);
  min-height: clamp(80px, 30vw, 200px);
  text-indent: -0.2vw;
  display: block;
  text-decoration: none;
  color: var(--main-forderground-color);
}
.header .hdr-logo-link:empty {
  content: "hello";
  display: inline-block;
}
.header .description {
  font-size: clamp(16px, 1vw, 32px);
  margin: 0;
  display: block;
  position: relative;
  left: 3px;
}
.header .hdr {
  margin: auto;
  align-self: auto;
}
.header .hdr .hdr-logo-link {
  background: url("./images/logo.svg") no-repeat center 4vw;
  background-size: 30vw auto;
  padding: 0;
  padding-top: 34vw;
  display: block;
  font-size: clamp(40px, 7.5vw, 7.5vw);
}
.header .hdr-logo {
  padding: 0;
  margin: 0;
}
.header .description {
  font-size: clamp(20px, 2vw, 2vw);
  margin-top: 0;
  position: static;
}

#nav-main {
  order: 1;
  z-index: 999;
  font-size: clamp(25px, 1.5vw, 1.5vw);
  background-color: var(--accent-iceblue);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  width: 100vw;
}
#nav-main ul, #nav-main li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#nav-main > ul {
  display: flex;
  align-items: baseline;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}
#nav-main > ul > li {
  padding: 0 1vw;
}
#nav-main a {
  color: #fff;
  transition: all 300ms;
}
#nav-main a:before {
  transition: all 300ms;
}
#nav-main .material-symbols-sharp a:before {
  padding-right: 10px;
  position: relative;
  top: 3px;
}
#nav-main .material-symbols-sharp a:hover:before {
  transform: rotate(-25deg);
}

@media only screen and (max-width: 800px) {
  .home .header .wrapper {
    height: auto;
  }
  .home .hdr-logo-link {
    background-position-y: 30%;
    background-size: 40%;
    padding-top: 50%;
  }
}
/**
 * Put the menu on the bottom side of the page, and fixate Header
 * and hide the logo for sub sited
 */
@media only screen and (max-width: 800px) {
  body {
    padding-bottom: 80px;
  }
  #nav-main,
  .home #nav-main {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    top: auto;
    font-size: 16px;
    text-align: center;
    /* iOS Jump Hackfix */
    padding-bottom: 50px;
    margin-bottom: -50px;
    /* */
  }
  #nav-main > ul > li,
  .home #nav-main > ul > li {
    padding: 0 5vw;
  }
  #nav-main > ul > li:first-child,
  .home #nav-main > ul > li:first-child {
    padding-left: 0;
  }
  #nav-main > ul > li:last-child,
  .home #nav-main > ul > li:last-child {
    padding-right: 0;
  }
  #nav-main .material-symbols-sharp a:before,
  .home #nav-main .material-symbols-sharp a:before {
    padding-right: 0;
    font-size: clamp(16px, 8vw, 30px);
    position: relative;
    top: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .single .hdr {
    background: transparent;
    box-shadow: none;
  }
  .single .hdr .hdr-logo-link {
    margin: max(3%, 16px) auto;
    width: min(50vw, 120px);
    height: min(50vw, 120px);
  }
  .single .hdr .hdr-logo-link {
    background-color: var(--main-background-color);
    border-radius: 100vw;
    background-size: 80% auto;
    background-position: center center;
    box-sizing: content-box;
    min-height: auto;
    padding: 0;
    border: min(4px, 6vw) solid white;
  }
  .single .hdr .sitename, .single .hdr .description {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  #nav-main > ul {
    justify-content: space-evenly;
  }
  #nav-main > ul > li, .home #nav-main > ul > li {
    padding: 0;
  }
}
.post-overview-boxes {
  /*
      @media only screen and (max-width:1039px) {
          .wp-block-latest-posts__list > li {
              margin-left:-3vw;
              margin-right:-3vw;
          }
      }*/
}
.post-overview-boxes .wp-block-latest-posts__list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0 !important;
}
.post-overview-boxes .wp-block-latest-posts__list > li {
  display: grid;
  justify-items: stretch;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "headline" "datetime" "image" "content";
  background-color: #014e79;
  color: #fff;
  margin: 0;
  padding: 0;
  margin-bottom: clamp(10px, 2vw, 2vw);
}
@media only screen and (min-width: 650px) {
  .post-overview-boxes .wp-block-latest-posts__list > li {
    width: calc(50% - 1vw);
    margin-right: 1vw;
  }
}
@media only screen and (max-width: 650px) {
  .post-overview-boxes .wp-block-latest-posts__list > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .post-overview-boxes .wp-block-latest-posts__list > li {
    width: calc(33.33333% - 1vw);
  }
  .post-overview-boxes .wp-block-latest-posts__list > li:nth-child(3n) {
    margin-right: 0;
  }
}
.post-overview-boxes .wp-block-latest-posts__featured-image {
  grid-area: image;
  background-color: #282828;
  overflow: hidden;
}
.post-overview-boxes .wp-block-latest-posts__featured-image a {
  padding-bottom: 50%;
}
.post-overview-boxes .wp-block-latest-posts__featured-image img.wp-post-image {
  position: absolute;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
}
.post-overview-boxes .wp-block-latest-posts__featured-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.post-overview-boxes .wp-block-latest-posts__post-title,
.post-overview-boxes .wp-block-latest-posts__post-date,
.post-overview-boxes .wp-block-latest-posts__post-excerpt {
  padding: 1vw;
}
@media only screen and (max-width: 1039px) {
  .post-overview-boxes .wp-block-latest-posts__post-title,
  .post-overview-boxes .wp-block-latest-posts__post-date,
  .post-overview-boxes .wp-block-latest-posts__post-excerpt {
    padding: 3vw;
  }
}
.post-overview-boxes .wp-block-latest-posts__post-title {
  grid-area: headline;
  font-size: clamp(25px, 1.5vw, 1.5vw);
  margin-top: 0.25vw;
  padding-bottom: 0;
  color: #fff;
}
.post-overview-boxes .wp-block-latest-posts__post-title:after {
  content: "" !important;
}
.post-overview-boxes .wp-block-latest-posts__post-date {
  grid-area: datetime;
  padding-top: 0;
  padding-bottom: 6px;
  margin-top: -0.5vw;
}
.post-overview-boxes .wp-block-latest-posts__post-excerpt {
  grid-area: content;
  margin: 0;
}

.post-type-post {
  max-width: 1200px;
  margin: 0 auto;
}
.post-type-post .article-h2 {
  margin-bottom: 0;
  text-align: center;
  font-size: clamp(22px, 2vw, 28px);
}
.post-type-post h2 {
  font-size: clamp(22px, 2vw, 28px);
}
.post-type-post .article-content {
  max-width: 100%;
  overflow: hidden;
}
.post-type-post .blog-author {
  margin-top: -6px;
  text-align: center;
}
.post-type-post .post-thumbnail {
  max-width: 100%;
  height: auto;
  border-top: 1vw solid var(--accent-iceblue);
  border-bottom: 1vw solid var(--accent-iceblue);
}
.post-type-post .article-body {
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: clamp(36px, 3vw, 48px);
  margin: 3vw 0;
}

.post-type-post .article-body blockquote, .post-type-page .article-body blockquote {
  font-style: italic;
  padding-left: 6.5vw;
  padding-top: 3vw;
  text-align: center;
  padding-bottom: 3vw;
  margin-left: 2.5vw;
  margin-right: 5vw;
  padding-right: 6.5vw;
  background: url("./images/quote.svg") no-repeat bottom right, url("./images/quote-start.svg") no-repeat top left;
  background-size: 5vw;
}
.post-type-post .article-body blockquote cite, .post-type-page .article-body blockquote cite {
  font-weight: bold;
  font-style: normal;
}
.post-type-post .article-body ul, .post-type-page .article-body ul {
  padding-left: 5vw;
  list-style-type: square;
}

.event_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: max(20px, 2.5vw);
}

.event {
  display: grid;
  justify-items: stretch;
  grid-template-columns: 30% auto;
  grid-template-rows: auto auto auto auto 1fr;
  grid-template-areas: "datetime headline" "datetime detail" "image image" "description description" "event_control event_control";
  background-color: rgb(8, 77, 123);
  color: #fff;
  margin-bottom: max(16px, 1vw);
}

h3.event_title {
  grid-area: headline;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 6px;
  margin: 0 !important;
  font-size: max(30px, 2vw) !important;
  color: #fff;
}

.event_date {
  padding: 12px;
  grid-area: datetime;
}
.event_date svg {
  min-width: 80px;
  height: auto;
  font-family: "Source Code Pro", monospace;
}
.event_date .svg_day {
  fill: white;
}
.event_date .svg_month {
  fill: var(--accent-orange);
}
.event_date .svg_year {
  fill: white;
}
.event_date .svg_hour {
  fill: var(--accent-orange);
}
.event_date .svg_minute {
  fill: var(--accent-iceblue);
}

.event_detail {
  font-size: clamp(18px, 1vw, 1vw);
  line-height: clamp(20px, 1.2vw, 1.2vw);
  grid-area: detail;
  align-self: end;
}
.event_detail .event_location {
  margin: 0;
  padding-bottom: 12px;
}
.event_detail time:before,
.event_detail address:before {
  padding-right: 3px;
}
.event_detail time:before {
  content: "schedule";
}
.event_detail address:before {
  content: "location_on";
}

.event_image {
  grid-area: image;
  overflow: hidden;
  position: relative;
  padding-bottom: 50%;
  background-color: #282828;
}
.event_image img {
  position: absolute;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
  height: 100%;
}

.event_description {
  grid-area: description;
  padding: 12px;
  background-color: rgb(8, 77, 123);
}

.event_control {
  grid-area: event_control;
  align-self: end;
  display: flex;
}
.event_control .submit, .event_control .read_more {
  flex-basis: 50%;
  display: block;
  border: none;
  background-color: #007ec3;
  padding: 6px 12px;
  color: white;
  border-radius: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.event_control .submit .text, .event_control .read_more .text {
  flex-grow: 1;
}
.event_control .submit svg, .event_control .read_more svg {
  fill: rgb(8, 77, 123);
  height: 100%;
  width: auto;
}
.event_control .read_more {
  border-left: 1px solid rgb(8, 77, 123);
}
.event_control .read_more:after {
  content: none !important;
}

.event.detail .event_control .submit {
  flex-basis: 100%;
}

.event_extern {
  background-color: rgb(8, 123, 122);
}
.event_extern .event_description {
  background-color: rgb(8, 123, 122);
}
.event_extern .submit, .event_extern .read_more {
  background-color: #00c39d;
}
.event_extern .submit svg, .event_extern .read_more svg {
  fill: rgb(8, 123, 122);
}
.event_extern .read_more {
  border-left: 1px solid rgb(8, 123, 122);
}

.event_canceled {
  background-color: rgb(143, 143, 143);
}
.event_canceled .cancel_notice {
  background-color: #ffc9c9;
  border: 1px solid #ffb3b3;
  padding: 3px 16px;
  color: #393939;
}
.event_canceled .cancel_notice strong {
  display: block;
}
.event_canceled .cancel_notice strong:before {
  padding-right: 3px;
}
.event_canceled .cancel_notice strong:before {
  content: "event_busy";
}

@media only screen and (max-width: 1000px) {
  .event_date {
    padding: 3px;
  }
  .event_detail .event_location {
    padding-bottom: 3px;
  }
  h3.event_title {
    padding: 3px 3px 3px 3px;
  }
}
.event_date {
  padding-right: 12px;
}

@media only screen and (min-width: 750px) {
  .event {
    margin-right: 1vw;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 750px) {
  .event {
    width: calc(50% - 1vw);
  }
  .event:nth-child(2n) {
    margin-right: 0;
  }
}
/**
 * Three Rows for Big screens
 */
@media only screen and (min-width: 1100px) {
  .event {
    width: calc(33.33333% - 1vw);
  }
  .event:nth-child(3n) {
    margin-right: 0;
  }
}
/**
 * It's alone, we don't need rows
 */
.single .event {
  width: auto;
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 500px) {
  .single .event {
    grid-template-columns: min-content auto;
  }
}
/**
 * Startpage
 */
#content-top {
  margin: 0 -3vw;
  margin-top: -2vw;
  margin-bottom: 0;
  background-color: #FCE4E1;
  padding: 2vw 3vw;
  margin-bottom: 0;
  color: var(--main-background-color);
}

.post-overview-area {
  background-color: #002e47;
  color: #fff;
  border-top: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-iceblue);
}

.aboutus-area {
  background-color: #1a1a1a !important;
  background-image: url(./images/pattern.svg);
  background-size: clamp(180px, 8vw, 8vw);
  color: #fff;
  border-top: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-orange);
}
.aboutus-area strong {
  font-weight: bold;
  color: var(--accent-iceblue);
}

.orga-area {
  border-top: clamp(10px, 0.75vw, 0.75vw) solid var(--accent-orange);
  color: var(--main-background-color);
}

.blog #content {
  color: #fff;
}
.blog #content .tease {
  margin-bottom: max(3vw, 16px);
}
.blog #content .tease h3 {
  margin: 0;
  font-size: max(2.5vw, 20px);
}/*# sourceMappingURL=style.css.map */