@charset "UTF-8";
@-webkit-keyframes fadecontact { /* Safari 4.0 - 8.0 */
  to { background-color: #00C4FF; } }
@keyframes fadecontact { to { background-color: #00C4FF; } }
@keyframes bvdw-logo-switcher { 0% { transform: translateY(-15%); }
  10% { transform: translateY(-15%); }
  50% { transform: translateY(-50%); }
  100% { transform: translateY(-85%); } }
.button, .wp-block-button__link { display: inline-block; padding: 12px 20px; background-color: #537dff; border: 2px solid #537dff; font-size: 20px; color: #fff; cursor: pointer; }
.button:hover, .button:active, .wp-block-button__link:hover, .wp-block-button__link:active { background-color: #fff; color: #537dff; }
.has-darkgray-background-color .button, .has-darkgray-background-color .wp-block-button__link { background-color: #00c4ff; border: 2px solid #00c4ff; }
.has-darkgray-background-color .button:hover, .has-darkgray-background-color .button:active, .has-darkgray-background-color .wp-block-button__link:hover, .has-darkgray-background-color .wp-block-button__link:active { background-color: #fff; color: #00c4ff; }
.button[disabled], .wp-block-button__link[disabled] { filter: grayscale(0.5); opacity: 0.4; }

.button--invert { border-color: #fff; }

.anker { position: relative; top: -100px; visibility: hidden; }

a:active, a:hover { outline: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

img { border: 0; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

.contact-form .input { padding: 10px; margin-top: 5px; width: 100%; border: 2px solid; }
.contact-form .input:focus { border: 2px solid #537dff; color: #537dff; }
.contact-form__column { width: inherit; display: block; flex-grow: 2; }
.contact-form__submit { float: right; }
.contact-form__column-sm { display: block; max-width: 200px; padding: 0 10px; }
.contact-form__checkbox { position: relative; margin: 10px 0; }
.contact-form__checkbox-label { background-color: #fff; border: 2px solid; cursor: pointer; height: 20px; width: 20px; left: 0; top: 0; position: absolute; }
.contact-form__checkbox input[type="checkbox"] { visibility: hidden; margin-right: 15px; }
.contact-form__checkbox input[type="checkbox"]:checked + .contact-form__checkbox-label { background-color: #537dff; border: 1px solid #537dff; }
.contact-form__checkbox input[type="checkbox"]:checked + .contact-form__checkbox-label::after { content: '✔'; color: #FFF; top: -2px; position: relative; left: 1px; }
.contact-form__row { display: flex; flex-direction: row; width: 100%; padding-bottom: 10px; }
@media (max-width: 830px) { .contact-form__row { flex-wrap: wrap; } }
.contact-form .wpcf7-list-item { position: relative; display: block; margin-left: 25px; }
.contact-form .wpcf7-not-valid-tip, .contact-form .wpcf7-response-output { pointer-events: none; color: #537dff; }

.screen-reader-response { display: none; }

.bg-confetti { overflow: hidden; /*perspective: 1px; overflow-y: auto;*/ }

.bg-confetti .foreground { z-index: 1000; position: relative; }

.bg-confetti { background: #00b5c8; background: linear-gradient(0deg, #00b5c8 5%, #00b5c8 5%, #015b6d 55%); position: relative; }

.particle { width: 8px; height: 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 1; /* transition: margin-top 2s; */ filter: drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(1) { background: #a9e002; top: 10%; left: 20%; transform: skewY(10deg) scale(1.5); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(2) { background: #8fd926; top: 60%; left: 30%; transform: skewY(-20deg) scale(1.8); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(3) { background: #de465f; top: 72%; left: 27%; transform: skewY(30deg); }

.particle:nth-of-type(4) { background: #fe652a; top: 90%; left: 86%; transform: skewY(-40deg); }

.particle:nth-of-type(5) { background: #436c11; top: 50%; left: 28%; transform: skewY(50deg) scale(2); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(6) { background: #598b70; top: 40%; left: 41%; transform: skewY(5deg); }

.particle:nth-of-type(7) { background: #159a7c; top: 30%; left: 86%; transform: skewY(34deg); }

.particle:nth-of-type(8) { background: #01bf7c; top: 20%; left: 12%; transform: skewY(-40deg) scale(1.8); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(9) { background: #269dc2; top: 70%; left: 42%; transform: skewY(-28deg); }

.particle:nth-of-type(10) { background: #33b176; top: 33%; left: 27%; transform: skewY(10deg); }

.particle:nth-of-type(11) { background: #01be68; top: 65%; left: 78%; transform: skewY(-22deg) scale(1.5); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(12) { background: #8e4390; top: 78%; left: 95%; transform: skewY(-34deg); }

.particle:nth-of-type(13) { background: #db6f42; top: 91%; left: 25%; transform: skewY(10deg); }

.particle:nth-of-type(14) { background: #c63517; top: 18%; left: 37%; transform: skewY(-23deg); }

.particle:nth-of-type(15) { background: #2625d1; top: 24%; left: 25%; transform: skewY(36deg) scale(2); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(16) { background: #46a00d; top: 16%; left: 92%; transform: skewY(42deg); }

.particle:nth-of-type(17) { background: #d76b22; top: 66%; left: 55%; transform: skewY(30deg); }

.particle:nth-of-type(18) { background: #8b0e80; top: 46%; left: 10%; transform: skewY(-20deg) scale(1.2); }

.particle:nth-of-type(19) { background: #469637; top: 82%; left: 5%; transform: skewY(10deg); }

.particle:nth-of-type(20) { background: #2c39b8; top: 34%; left: 64%; transform: skewY(22deg); }

.particle:nth-of-type(21) { background: #33b176; top: 13%; left: 47%; transform: skewY(-17deg); }

.particle:nth-of-type(22) { background: #01be68; top: 25%; left: 68%; transform: skewY(40deg); }

.particle:nth-of-type(23) { background: #8e4390; top: 8%; left: 78%; transform: skewY(-20deg) scale(1.8); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(24) { background: #db6f42; top: 78%; left: 35%; transform: skewY(-10deg); }

.particle:nth-of-type(25) { background: #c63517; top: 58%; left: 47%; transform: skewY(-20deg) scale(1.5); filter: blur(0.5px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(26) { background: #2625d1; top: 44%; left: 45%; transform: skewY(10deg); }

.particle:nth-of-type(27) { background: #46a00d; top: 72%; left: 82%; transform: skewY(30deg) scale(1.8); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(28) { background: #d76b22; top: 64%; left: 21%; transform: skewY(-5deg) scale(1.5); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(29) { background: #8b0e80; top: 46%; left: 40%; transform: skewY(15deg); }

.particle:nth-of-type(30) { background: #469637; top: 62%; left: 62%; transform: skewY(-22deg); }

.particle:nth-of-type(31) { background: #2c39b8; top: 94%; left: 64%; transform: skewY(24deg) scale(1.5); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(32) { background: #2c39b8; top: 50%; left: 84%; transform: skewY(7deg) scale(1.5); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

.particle:nth-of-type(33) { background: #46a00d; top: 90%; left: 52%; transform: skewY(3deg) scale(1.8); filter: blur(1px) drop-shadow(37px 5px 8px #333); }

/* .bg-confetti:hover .particle {margin-top: 10px} */
.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter, .aligncenter img { display: block; margin: 15px auto 15px; }

.wp-block-button.aligncenter { text-align: center; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

.wp-block-quote { font-style: italic; margin: 60px 45px; }
.wp-block-quote p { color: #6E46EB; }
.wp-block-quote cite { color: #8e8994; }

.wp-block-image { margin-bottom: 60px; }
.wp-block-image figcaption { color: #8e8994; margin: 15px auto; font-style: italic; margin-bottom: 40px; display: block; text-align: center; }

.wp-block-separator { color: rgba(0, 0, 0, 0.2); }

.wp-block-table { margin: 20px 0; }

table { border-radius: 10px; margin: 10px 0; border-spacing: 0; border-collapse: separate; }

table td, table th { padding: 5px 12px; border-bottom: 1px solid #31313c; border-right: 1px solid #31313c; }

table th { background: #31313c; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.5); }

table tr:last-child td:first-child { border-bottom-left-radius: 10px; }

table tr:last-child td:last-child { border-bottom-right-radius: 10px; }

table tr th:first-child, table tr td:first-child { border-left: 1px solid #31313c; }

table tr:first-child th, table tr:first-child td { border-top: 5px solid #31313c; }

table tr:first-child th:first-child, table tr:first-child td:first-child { border-top-left-radius: 10px; }

table tr:first-child th:last-child, table tr:first-child td:last-child { border-top-right-radius: 10px; }

.wp-block-columns.teams .wp-block-image { margin-bottom: 0; }
.wp-block-columns.teams .wp-block-column { padding: 0; }
.wp-block-columns.teams:last-of-type { margin-bottom: 60px; }

.breadcrumbs { font-size: 15px; color: #c3c3c3; }
.breadcrumbs a { color: #c3c3c3; }

#footer-icon-nav ul { display: flex; margin: 40px 0 0; }

#footer-icon-nav ul li { text-align: center; padding: 20px 0; }

#footer-icon-nav ul li a { display: block; color: #31313C; padding: 30px 0; transition: background-color 0.3s, box-shadow 0.3s; }

#footer-icon-nav ul li a:hover { box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.03); background-color: rgba(0, 0, 0, 0.03); }

#footer-icon-nav svg { width: 46px; max-height: 40px; display: block; margin: 0 auto 10px; }

.locations { margin: 20px 0 !important; text-align: center; font-size: 14px; }

.locations li { border: 0 solid #cacacc; }
@media (min-width: 830px) { .locations li { border-width: 0 1px 0 0; } }

.locations li:last-child { border: 0 none; }

.locations li:last-child::after { border: 0 none; }

.main-footer nav { width: 70%; margin: 0 auto 60px; }

.main-footer nav ul { display: flex; }

.main-footer nav ul li { margin: 0; flex-grow: 1; text-align: center; }

.main-footer nav a { padding: 25px 0; display: block; color: #FFF; }

.main-footer nav .active a { text-decoration: underline; font-weight: bold; }

.footer-logo { width: 260px; margin: 75px auto 35px; }

.footer-logo svg { filter: gray; filter: grayscale(100%) brightness(140%); height: 38px; }

#footer-nav ul { list-style: none; }

.slideup a { display: block; width: 50px; height: 50px; text-align: center; margin: 0 auto 100px; border: 1px solid #00C4FF; padding: 9px 0; }

.slideup svg { height: 30px; }

.co2-logo { display: block; margin: 70px auto 40px; width: 162px; }

/* TODO evtl auslagern */
@media (max-width: 1200px) { .main-footer nav { width: 90%; } }
/* IE 11 - Fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #logo { height: 32px; }
  .frow.teaser > * { flex-basis: auto; } }
.single-post-image.wp-post-image { margin: 0 auto; display: block; }

.pager { margin-top: 40px; text-align: center; }

.wpcf7-acceptance.invert { visibility: hidden; height: 0; overflow: hidden; }

.categories { display: flex; flex-wrap: wrap; list-style: none !important; align-items: center; justify-content: center; margin: 30px 15% !important; }
.categories li { margin: 2px; }

@media (max-width: 800px) { .categories { margin: 30px 8% !important; } }
@media (max-width: 550px) { .categories { margin: 30px 5% !important; } }