/* -------------------------------------------------- */
/*    Breakpoints
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/*    COLORS
/* -------------------------------------------------- */
/*local*/
@font-face {
  font-family: "Ringside";
  src: url("https://apps.kicker.de/fonts/ringside/RingsideCondensed-Medium.woff?v2") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Ringside Bold";
  src: url("https://apps.kicker.de/fonts/ringside/RingsideCondensed-Bold.woff?v2") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Ringside Black";
  src: url("https://apps.kicker.de/fonts/ringside/RingsideCondensed-Black.woff?v2") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Ringside Semi";
  src: url("https://apps.kicker.de/fonts/ringside/RingsideCondensed-Semibold.woff?v2") format("woff");
  font-style: normal;
}
@font-face {
  font-family: "Tiempos";
  src: url("https://apps.kicker.de/fonts/tiempos/TiemposTextWeb-Regular.woff2") format("woff2"), url("https://mediadb.kicker.de/live/apps-relaunch/fonts/tiempos/TiemposTextWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Tiempos Semi";
  src: url("https://apps.kicker.de/fonts/tiempos/TiemposTextWeb-Semibold.woff2") format("woff2"), url("https://mediadb.kicker.de/live/apps-relaunch/fonts/tiempos/TiemposTextWeb-Semibold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Tiempos Bold";
  src: url("https://apps.kicker.de/fonts/tiempos/TiemposTextWeb-Bold.woff2") format("woff2"), url("https://mediadb.kicker.de/live/apps-relaunch/fonts/tiempos/TiemposTextWeb-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* -------------------------------------------------- */
/*    FONTSIZES
/* -------------------------------------------------- */
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "VNP__icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelop:before {
  content: "\e945";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-whatsapp:before {
  content: "\ea93";
}

.icon-telegram:before {
  content: "\ea95";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-youtube2:before {
  content: "\ea9e";
}

.icon-linkedin:before {
  content: "\eac9";
}

.icon-linkedin2:before {
  content: "\eaca";
}

.icon-xing:before {
  content: "\ead3";
}

.icon-xing2:before {
  content: "\ead4";
}


/*@media (prefers-color-scheme: dark) {
     CSS Code wenn Dark Mode aktiv 
}*/
/* -------------------------------------------------- */
/*    FLEXBIX GRID
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/*    Font Size
/* -------------------------------------------------- */
/*
$breakpoints: (
  'phone': 320px,
  'tablet': 768px,
  'desktop': 1024px
) !default;
*/
/* -------------------------------------------------- */
/*    Box Sizing
/* -------------------------------------------------- */
body {
  box-sizing: border-box;
}
body *, body *:before, body *:after {
  box-sizing: inherit;
}

html, body {
  height: 100%;
  margin: 0;
  background: #2b3133;
  font-family: "Ringside", serif; /* 1 */
  font-size: 16px;
  color: #2b3133;
  line-height: 1.2; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
  scroll-behavior: smooth;
}
@media (min-width: 30.01em) {
  html, body {
    font-size: 16px;
  }
}
@media (min-width: 40.01em) {
  html, body {
    font-size: 18px;
  }
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
  float: none;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  color: inherit;
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration: none;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/*a {
  color: $c-gray-9;
  font-weight: bold;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  border-bottom: 0;
  &:hover, &:active {
    color: $c-primary;
    border-bottom: 1px solid $c-primary;
  }
}*/
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

li > ol,
li > ul {
  margin-bottom: 0;
}

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

header {
  background: none;
  min-width: 0;
}

figure > img, picture > img {
  display: block;
}

::-moz-selection {
  background-color: #00b1eb;
  color: #fff;
}

::selection {
  background-color: #00b1eb;
  color: #fff;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.vnp-btn {
  background: rgba(43, 49, 51, 0.9);
  color: #fff;
  border-radius: 2px;
  font-size: 0.8rem;
  line-height: 1.2;
  font-family: "Ringside", serif;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5rem 2rem;
  transition: all 0.4s;
  border: 3px solid #c00;
  letter-spacing: 0.05rem;
  display: inline-block;
  border-image-slice: 1;
  text-align: center;
}
.vnp-btn:hover {
  background: #fff;
  border-image-source: linear-gradient(30deg, #c00, #ae0000);
  border-radius: 2px;
  color: #2b3133;
}
.vnp-btn--second {
  background: #a2c037;
  border-color: #a2c037;
}
.vnp-btn--second:hover {
  border-image-source: linear-gradient(-30deg, #a2c037, #00b1eb);
}
.vnp-btn--second.vnp-btn--outline {
  border-color: #a2c037;
  color: #a2c037;
  background: none;
}
.vnp-btn--outline {
  color: #fff;
  background: none;
}
.vnp-btn--outline:hover {
  color: #fff;
  background: rgba(43, 49, 51, 0.9);
}
.vnp-btn__row .vnp-btn {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
.vnp-btn__row .vnp-btn:last-child {
  margin-right: 0;
}
.vnp-btn--small {
  font-size: 0.7rem;
  line-height: 1.2;
  padding: 0.5rem 0.5rem;
}

.iphone-x {
  position: relative;
  width: 360px;
  min-width: 360px;
  height: 778px;
  background: #000;
  border-radius: 40px;
  box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  transform: scale(0.8);
}
@media (prefers-color-scheme: dark) {
  .iphone-x {
    box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #AE0000;
  }
}
.iphone-x:before, .iphone-x:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.iphone-x:before {
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
}
.iphone-x i,
.iphone-x b,
.iphone-x s,
.iphone-x span {
  position: absolute;
  display: block;
  color: transparent;
}
.iphone-x i {
  top: 0px;
  left: 50%;
  transform: translate(-50%, 6px);
  height: 8px;
  width: 15%;
  background-color: #101010;
  border-radius: 8px;
  box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b {
  left: 10%;
  top: 0px;
  transform: translate(180px, 4px);
  width: 12px;
  height: 12px;
  background-color: #101010;
  border-radius: 12px;
  box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
}
.iphone-x b:after {
  content: "";
  position: absolute;
  background-color: #2d4d76;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 4px;
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
}
.iphone-x s {
  top: 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 70px;
  font-weight: 100;
  padding-top: 60px;
}
.iphone-x span {
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  left: 30px;
}
.iphone-x span + span {
  left: auto;
  right: 30px;
}

.ipad-mini {
  position: relative;
  width: 1024px;
  min-width: 1024px;
  height: 768px;
  background: #000;
  border-radius: 40px;
  box-shadow: 0px 0px 0px 11px #1f1f1f, 0px 0px 0px 13px #191919, 0px 0px 0px 20px #111;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  overflow: hidden;
  transform: scale(0.8);
}
.ipad-mini:before, .ipad-mini:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ipad-mini:before {
  top: 0px;
  width: 56%;
  height: 30px;
  background-color: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
}
.ipad-mini i,
.ipad-mini b,
.ipad-mini s,
.ipad-mini span {
  position: absolute;
  display: block;
  color: transparent;
}
.ipad-mini i {
  top: 0px;
  left: 50%;
  transform: translate(-50%, 6px);
  height: 8px;
  width: 15%;
  background-color: #101010;
  border-radius: 8px;
  box-shadow: inset 0px -3px 3px 0px rgba(255, 255, 255, 0.2);
}
.ipad-mini b {
  left: 10%;
  top: 0px;
  transform: translate(180px, 4px);
  width: 12px;
  height: 12px;
  background-color: #101010;
  border-radius: 12px;
  box-shadow: inset 0px -3px 2px 0px rgba(255, 255, 255, 0.2);
}
.ipad-mini b:after {
  content: "";
  position: absolute;
  background-color: #2d4d76;
  width: 6px;
  height: 6px;
  top: 2px;
  left: 2px;
  top: 3px;
  left: 3px;
  display: block;
  border-radius: 4px;
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.5);
}
.ipad-mini s {
  top: 50px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 70px;
  font-weight: 100;
  padding-top: 60px;
}
.ipad-mini span {
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  left: 30px;
}
.ipad-mini span + span {
  left: auto;
  right: 30px;
}

.flatscreen {
  position: relative;
  width: 300px;
  height: auto;
  max-height: 180px;
  border: 12px solid #1f1f1f;
  overflow: hidden;
  border-radius: 3px;
}
@media (prefers-color-scheme: dark) {
  .flatscreen {
    border: 12px solid #cc0000;
  }
}
@media (min-width: 40.01em) {
  .flatscreen {
    width: 600px;
    max-height: 348px;
  }
}
@media (min-width: 70.01em) {
  .flatscreen {
    width: 1080px;
    max-height: 618px;
  }
}
.flatscreen picture {
  height: 100%;
}
.flatscreen picture img {
  width: 100%;
}
.flatscreen .flatstand {
  position: absolute;
  display: block;
  bottom: -30px;
  left: calc(50% - 60px);
  width: 120px;
  height: 20px;
  background: #1f1f1f;
  border-radius: 0px 0px 40px 40px;
}
.flatscreen .flatstand .flatLED {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
  top: calc(50% - 1px);
  left: calc(50% - 1px);
  z-index: 100;
}

h1 {
  font-family: "Ringside", serif;
  font-weight: normal;
}

h2, h3, h4, h5, h6 {
  font-family: "Ringside", serif;
  font-weight: normal;
}

.contain {
  padding: 0 2rem;
  margin: 0 auto;
}
@media (min-width: 30.01em) {
  .contain--aside_right {
    padding-right: 10%;
  }
}
@media (min-width: 40.01em) {
  .contain--aside_right {
    padding-right: 20%;
    padding-left: 3rem;
  }
}
@media (min-width: 48.01em) {
  .contain--aside_right {
    padding-right: 30%;
  }
}
.contain--large {
  max-width: 80em;
  padding: 0;
}
.contain--medium {
  max-width: 64em;
}
@media (min-width: 40.01em) {
  .contain--medium {
    padding: 0 3rem;
  }
}
.contain--small {
  max-width: 58em;
}
@media (min-width: 40.01em) {
  .contain--small {
    padding: 0 4rem;
  }
}

main {
  margin: 0 auto;
  background: #fff;
  width: 100%;
  overflow-x: hidden;
}
@media (prefers-color-scheme: dark) {
  main {
    background: #222222;
  }
}

footer {
  width: 100%;
}

#toImpressum {
  background: #ececec;
}
@media (prefers-color-scheme: dark) {
  #toImpressum {
    background: #2b3133;
    color: #fff;
  }
}
@media (min-width: 40.01em) {
  #toImpressum {
    padding: 2rem;
  }
}
#toImpressum .text {
  margin-top: 0;
  margin-bottom: 5rem;
}
#toImpressum .text h4, #toImpressum .text h5 {
  color: #6e6e73;
  font-size: 2.1rem;
  line-height: 1.2;
}
#toImpressum .text h5 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#toImpressum .text h6 {
  color: #6e6e73;
  font-size: 1.1rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}
#toImpressum .text p, #toImpressum .text ul, #toImpressum .text li {
  color: #6e6e73;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
  line-height: 1.45;
}
#toImpressum .text .bold {
  font-weight: 700;
}
#toImpressum .text .dis0 {
  height: 0;
  overflow: hidden;
}
#toImpressum .datenschutz-btn {
  background: none;
  color: #6e6e73;
  border: 2px solid #6e6e73;
  opacity: 0.75;
}
#toImpressum .datenschutz-btn:hover {
  opacity: 1;
}

header.site__header {
  position: relative;
  padding: 0;
}

#main-holder {
  margin: 0 auto;
  width: 300px;
  color: white;
  background: none;
  text-align: center;
  margin-top: 3rem;
  position: absolute;
  left: 0;
  right: 0;
}

#login-error-msg {
  opacity: 0;
}

#login-error-msg-holder {
  margin-bottom: 1rem;
  margin: 0.5rem;
}
#login-error-msg-holder p {
  font-size: 0.9rem;
}

#login-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
#login-form input {
  margin: 0.25rem;
  padding: 0.5rem;
}

header .navigation {
  background: #c00;
  border-top: 2px solid #ae0000;
  /*         &:hover{
              background: linear-gradient(135deg, #00b1eb 11%,#86bc24 40%,#f7a600 71%,#e6007e 97%);
          } */
}
@media (prefers-color-scheme: dark) {
  header .navigation {
    background: #ae0000;
  }
}
header .menu {
  display: none;
}
header .burger {
  display: none;
  cursor: pointer;
  transform: rotateY(0);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header .burger__patty {
  width: 28px;
  height: 2px;
  margin: 0 0 4px 0;
  background: #fff;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header .burger__patty:last-child {
  margin-bottom: 0;
}
header .burger--close {
  transform: rotate(180deg);
}
header .burger--close .burger__patty {
  background: #fff;
}
header .burger--close .burger__patty:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}
header .burger--close .burger__patty:nth-child(2) {
  opacity: 0;
}
header .burger--close .burger__patty:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -4px);
}
header nav {
  max-width: 75em;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row;
      flex-flow: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  min-height: 45px;
}
@media (min-width: 70.01em) {
  header nav {
    max-width: 75%;
  }
}
header nav .logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 1rem;
}
@media (min-width: 70.01em) {
  header nav .logo {
    padding: 0.75rem 0;
  }
}
header nav .logo img {
  width: 100%;
  display: block;
}
header nav .logo img:first-child {
  min-width: 70px;
  max-width: 250px;
}
header nav .logo img:last-child {
  max-height: 80px;
}
@media (max-width: 69.99em) {
  header nav .logo img:last-child {
    display: none;
  }
}
header nav .navigation__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}
header nav .navigation__list ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row;
      flex-flow: row;
  height: 50%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-left: 2rem;
}
header nav .navigation__list ul li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-right: 1rem;
}
@media (min-width: 48.01em) {
  header nav .navigation__list ul li {
    margin-right: 2rem;
  }
}
header nav .navigation__list ul li:last-child {
  margin-right: 0.5rem;
}
header nav .navigation__list ul li a {
  font-family: "Ringside", serif;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
  text-transform: uppercase;
  color: #fff;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  font-size: 1.2rem;
  line-height: 1.2;
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 48.01em) {
  header nav .navigation__list ul li a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
header nav .navigation__list ul li a span {
  z-index: 1;
}
header nav .navigation__list ul li a:after {
  content: "";
  display: inline-block;
  background-color: #706f6f;
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 0px;
  height: 1px;
  transform: translateX(-50%);
  transition: 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
header nav .navigation__list ul li a:hover:after {
  width: 100%;
  background-color: #fff;
}
header nav .navigation__list ul li.navbar__main--active {
  color: #e7e7e7;
}
header nav .navigation__list ul li.navbar__main--active a:after {
  width: 100%;
  background-color: #c00;
}
header nav .nav__social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row;
      flex-flow: row;
  height: 50%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
}
header nav .nav__social a {
  color: #706f6f;
  padding: 1rem 0.5rem;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Ringside", serif;
  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
header nav .nav__social a.nav__social__ic {
  color: #00b1eb;
  font-size: 0.9rem;
  line-height: 1.2;
}
header nav .nav__social a:hover {
  color: #2b3133;
}
header.menu-small .burger {
  display: block;
  position: absolute;
  z-index: 10;
  right: 25px;
  top: calc(50% - 7px);
  cursor: pointer;
  transform: rotateY(0);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header.menu-small .navigation__list {
  display: none;
}
header.menu-small nav {
  -ms-flex-pack: start;
      justify-content: flex-start;
}
header.menu-small .menu {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}
header.menu-small .menu--active {
  visibility: visible;
  z-index: 2;
}
header.menu-small .menu .logo__menu {
  width: 84px;
}
header.menu-small .menu__brand, header.menu-small .menu__list {
  font-family: "Ringside", serif;
  font-weight: bold;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  float: left;
  width: 50%;
  height: 100vh;
  overflow: hidden;
}
header.menu-small .menu__list {
  margin: 0;
  padding: 0;
  background: #252a2c;
  list-style-type: none;
  transform: translate3d(0, -100%, 0);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header.menu-small .menu__list--active {
  transform: translate3d(0, 0, 0);
}
header.menu-small .menu__brand {
  background: rgba(255, 255, 255, 0.95);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(0, 100%, 0);
}
header.menu-small .menu__brand--active {
  transform: translate3d(0, 0, 0);
}
header.menu-small .menu__item {
  transform: translate3d(500px, 0, 0);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header.menu-small .menu__item--active {
  transform: translate3d(0, 0, 0);
}
header.menu-small .menu a {
  display: inline-block;
  position: relative;
  padding: 15px 0;
  font-weight: bold;
  color: white;
  text-decoration: none;
  color: white;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header.menu-small .menu a span {
  font-size: 1.4rem;
  line-height: 1.2;
}
@media (min-width: 48.01em) {
  header.menu-small .menu a span {
    font-size: 1rem;
    line-height: 1.2;
  }
}
header.menu-small .menu a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 2px;
  background: #fff;
  transform: translateX(-50%);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
header.menu-small .menu a:hover:before {
  width: 100%;
}
header.menu-small .menu a:nth-child(1) {
  transition-delay: 0.1s;
}
header.menu-small .menu a:nth-child(2) {
  transition-delay: 0.2s;
}
header.menu-small .menu a:nth-child(3) {
  transition-delay: 0.3s;
}
header.menu-small .menu a:nth-child(4) {
  transition-delay: 0.4s;
}
header.menu-small .menu a:nth-child(5) {
  transition-delay: 0.5s;
}
header.menu-small .menu a:nth-child(6) {
  transition-delay: 0.6s;
}

.fixed-top {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1050;
}

.fixed {
  position: fixed;
  border-top: none;
  border-bottom: 2px solid #ae0000;
}

.contact__me {
  background: #f8f8f8;
  padding: 2rem;
  position: relative;
}
.contact__me:before {
  content: "";
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 20px solid #f8f8f8;
  position: absolute;
  left: 15%;
  margin-left: -20px;
  top: -20px;
}
.contact__me__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
  padding-top: 1rem;
}
@media (min-width: 40.01em) {
  .contact__me__container {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.contact__me__teaser {
  font-size: 0.9rem;
  line-height: 1.2rem;
  margin-bottom: 1rem;
}
.contact__me__teaser a {
  text-decoration: underline;
}
.contact__me__teaser a:hover {
  color: #00b1eb;
}
.contact__me__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
}
.contact__me__item:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 40.01em) {
  .contact__me__item {
    -ms-flex: 0 0 46%;
        flex: 0 0 46%;
  }
}
.contact__me__item__picture {
  margin-right: 2rem;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contact__me__item__picture__clip {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
}
.contact__me__item__picture__clip svg {
  fill: #00b1eb;
  animation: spin 20s linear infinite;
  vertical-align: middle;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
  0% {
    fill: #00b1eb;
  }
  50.0% {
    fill: #a2c037;
  }
  100.0% {
    fill: #00b1eb;
  }
}
.contact__me__item__picture img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 100%;
  max-width: 90px;
  max-height: 90px;
}
.contact__me__item__person .contact__me__item__name {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "Ringside Bold", serif;
}
.contact__me__item__person .contact__me__item__pos {
  color: #6e6e73;
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.contact__me__item__person .contact__me__item__connection {
  padding-top: 0.5rem;
}
.contact__me__item__person .contact__me__item__tel {
  color: #00b1eb;
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin-bottom: 0.125rem;
}
.contact__me__item__person .contact__me__item__tel:hover {
  text-decoration: underline;
}
.contact__me__item__person .contact__me__item__mail {
  color: #00b1eb;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.contact__me__item__person .contact__me__item__mail:hover {
  text-decoration: underline;
}

/* @import './vendors/article/body.scss'; 
@import './vendors/article/contact.scss'; 
@import './vendors/article/blockquote.scss';
@import './vendors/article/table.scss';
@import './vendors/article/header.scss'; 
@import './vendors/article/lists.scss'; 
@import './vendors/article/headlines.scss'; 
@import './vendors/article/media.scss'; 
@import './vendors/article/p.scss'; 
@import './vendors/article/share.scss';
@import './vendors/article/embed.scss'; 
@import './vendors/article/timeline.scss';  */
.modul--tile header {
  text-align: center;
  max-width: 80%;
  margin: 0 auto 1rem auto;
}
.modul--tile .modul__teaser {
  text-align: center;
  max-width: 80%;
  margin: 0 auto 1rem auto;
}
@media (min-width: 30.01em) {
  .modul--tile .modul__teaser {
    max-width: 70%;
  }
}
.modul--tile .modul__container {
  padding-top: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
@media (min-width: 30.01em) {
  .modul--tile .modul__container {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media (min-width: 40.01em) {
  .modul--tile .modul__container {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.modul--tile .modul__container .modul__tile__lightbox {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background: white;
  border: 2px solid #ececec;
  color: #6e6e73;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox {
    height: 100%;
    max-height: 800px;
  }
}
.modul--tile .modul__container .modul__tile__lightbox__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  padding-bottom: 1rem;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox__content {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
  }
}
.modul--tile .modul__container .modul__tile__lightbox__content .slickLightbox {
  margin-bottom: 1rem;
  width: 100%;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox__content .slickLightbox {
    max-width: 50%;
    margin-right: 3rem;
  }
}
.modul--tile .modul__container .modul__tile__lightbox__content picture img {
  width: 100%;
  margin: auto;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox__content .text {
    max-width: 35%;
    transform: translate(20px, 120px);
  }
}
.modul--tile .modul__container .modul__tile__lightbox__content .text p {
  line-height: 165%;
  margin-bottom: 1rem;
}
.modul--tile .modul__container .modul__tile__lightbox__content .text h4 {
  font-size: 2.1rem;
  line-height: 1.2;
  color: #ae0000;
}
.modul--tile .modul__container .modul__tile__lightbox__content .text h6 {
  font-size: 1.7rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}
.modul--tile .modul__container .modul__tile__lightbox .close__lightbox {
  cursor: pointer;
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
  z-index: 10;
  padding: 0.5rem;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox .close__lightbox {
    top: 1.5rem;
    right: 1.5rem;
  }
}
.modul--tile .modul__container .modul__tile__lightbox .close__lightbox .close__line__1 {
  transform: rotate(-45deg) translate(-4px, 4px);
}
.modul--tile .modul__container .modul__tile__lightbox .close__lightbox .close__line__2 {
  transform: rotate(45deg) translate(0);
}
.modul--tile .modul__container .modul__tile__lightbox .close__lightbox div {
  width: 30px;
  height: 2px;
  background: #2b3133;
  margin: 4px 0;
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__lightbox .close__lightbox div {
    width: 40px;
  }
}
.modul--tile .modul__container .impressum {
  max-height: none;
  height: auto;
}
.modul--tile .modul__container .modul__tile__item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 30.01em) {
  .modul--tile .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 40.01em) {
  .modul--tile .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media (min-width: 48.01em) {
  .modul--tile .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
}
.modul--tile .modul__container .modul__tile__item .modul__tile__item__content {
  position: relative;
  overflow: hidden;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__item__content:hover .modul__tile__secondview {
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.modul--tile .modul__container .modul__tile__item .modul__tile__item__content:hover .modul__tile__firstview {
  opacity: 0.6;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__secondview {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 1rem;
  transition: all 0.3s ease-in-out;
  background: rgba(43, 49, 51, 0.85);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  color: #fff;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__secondview .modul__tile__picture {
  opacity: 1;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__secondview .vnp-btn {
  cursor: pointer;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__secondview h6 {
  font-size: 2.6rem;
  line-height: 1.2;
  font-family: "Ringside", serif;
  text-align: center;
  margin-bottom: 0.5rem;
  display: block;
  width: 100%;
  line-height: 1;
}
@media (min-width: 40.01em) {
  .modul--tile .modul__container .modul__tile__item .modul__tile__secondview h6 {
    margin-bottom: 1rem;
    font-size: 2.1rem;
    line-height: 1.2;
  }
}
.modul--tile .modul__container .modul__tile__item .modul__tile__secondview p {
  font-family: "Ringside", serif;
  text-align: center;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  line-height: 1.2;
  width: 100%;
  line-height: 165%;
}
@media (min-width: 40.01em) {
  .modul--tile .modul__container .modul__tile__item .modul__tile__secondview p {
    margin-bottom: 1rem;
  }
}
.modul--tile .modul__container .modul__tile__item .modul__tile__firstview {
  transition: all 0.3s ease-in-out;
  position: relative;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__firstview:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo {
  background: #fff;
  /*&--primary{
      background: $c-blue;
      h6{
          color: $c-white;
      }
  }
  &--secondary{
      background: $c-green;
      h6{
          color: $c-white;
      }
  }*/
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo img, .modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo h6 {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
  max-width: 80%;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo h6 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.7rem;
  line-height: 1.2;
  font-family: "Ringside", serif;
  text-transform: uppercase;
  height: 100%;
  text-align: center;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--light {
  background: #f8f8f8;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--dark {
  background: #2b3133;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--dark h6 {
  color: #fff;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--primary {
  background: linear-gradient(35deg, #038dd5 35%, #00b1eb 94%);
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--primary h6 {
  color: #fff;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--secondary {
  background: linear-gradient(50deg, #85a809 35%, #a2c037 94%);
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo.modul--color--secondary h6 {
  color: #fff;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo--alpha {
  background: none;
  opacity: 1;
}
.modul--tile .modul__container .modul__tile__item .modul__tile__picture.modul__tile__logo--alpha h6 {
  color: #fff;
  text-shadow: 0 0 3px rgba(43, 49, 51, 0.7);
}
@media (min-width: 40.01em) {
  .modul--tile--show .modul__container .modul__tile__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    height: 100%;
    -ms-flex-flow: column;
        flex-flow: column;
  }
}
.modul--tile--show .modul__container .modul__tile__item .modul__tile__secondview {
  position: relative;
  opacity: 1;
  background: #fff;
}
.modul--tile--show .modul__container .modul__tile__item .modul__tile__secondview h6, .modul--tile--show .modul__container .modul__tile__item .modul__tile__secondview p {
  color: #2b3133;
  text-align: left;
}
.modul--tile--show .modul__tile__item .modul__tile__item__content .modul__tile__secondview {
  transition: none;
}
.modul--tile--show .modul__tile__item .modul__tile__item__content:hover .modul__tile__secondview {
  position: relative;
  top: 0;
  left: 0 !important;
  transform: translate(0, 0) !important;
}
.modul--tile--show .modul__tile__item .modul__tile__item__content:hover .modul__tile__firstview {
  opacity: 0.6;
}

#team .modul__container .modul__tile__item {
  padding: 0 1rem;
}
@media (min-width: 30.01em) {
  #team .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    margin-bottom: 2rem;
  }
}
@media (min-width: 40.01em) {
  #team .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
}
@media (min-width: 48.01em) {
  #team .modul__container .modul__tile__item {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
}
#team .modul__tile__item__content h6 {
  text-align: center;
  margin: 0.5rem 0;
  font-size: 1.7rem;
  line-height: 1.2;
  font-family: "Ringside", serif;
}
#team .modul__tile__firstview .modul__tile__picture {
  opacity: 1;
}
#team .modul__tile__firstview .modul__tile__picture img {
  height: auto;
}

.modul--brands {
  background: #00b1eb;
  background: rgba(0, 177, 235, 0.7);
}
.modul--brands header h2 {
  color: #fff;
  text-align: center;
  padding: 2rem 0 0.5rem 0;
}
.modul--brands ul {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: center;
      justify-content: center;
}
.modul--brands ul li {
  padding: 2rem;
}
.modul--brands ul li img {
  max-width: 100%;
}

.modul--color article {
  border-radius: 10px;
  padding: 2rem 2rem 1rem 2rem;
}
@media (min-width: 40.01em) {
  .modul--color article {
    padding: 3rem 3rem 2rem 3rem;
  }
}
.modul--color--dark article {
  background: #2b3133;
}
.modul--color--light article {
  background: #f8f8f8;
}
.modul--color--primary article {
  background: linear-gradient(35deg, #038dd5 41%, #00b1eb 99%);
}
.modul--color--secondary article {
  background: linear-gradient(50deg, #85a809 31%, #a2c037 94%);
}
.modul--color h3 {
  margin-bottom: 1rem;
}
@media (min-width: 70.01em) {
  .modul--color h3 {
    max-width: 85%;
  }
}
.modul--color h3:after {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  width: 200px;
  display: block;
  margin-top: 1rem;
}
.modul--color p, .modul--color ul, .modul--color ol {
  margin-bottom: 1rem;
}
@media (min-width: 70.01em) {
  .modul--color p, .modul--color ul, .modul--color ol {
    max-width: 85%;
  }
}
.modul--color p a, .modul--color ul a, .modul--color ol a {
  background-image: linear-gradient(#a2a2a7, #a2a2a7);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul--color p a:hover, .modul--color ul a:hover, .modul--color ol a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
.modul--color ul, .modul--color ol {
  list-style: none;
  font-size: 0.9rem;
  line-height: 1.2;
}
.modul--color ul li, .modul--color ol li {
  display: table;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.modul--color ul li:before, .modul--color ol li:before {
  content: "-";
  display: table-cell;
  padding-right: 0.5rem;
}
.modul--color ul li a, .modul--color ol li a {
  background-image: linear-gradient(#a2a2a7, #a2a2a7);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul--color ul li a:hover, .modul--color ol li a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
.modul--color ol li {
  counter-increment: inst;
}
.modul--color ol li:before {
  content: counter(inst);
  font-family: "Ringside Semi", serif;
}
.modul--color .modul__list li:before {
  content: "";
  display: none;
}
.modul--color--primary p, .modul--color--primary ul, .modul--color--primary ol, .modul--color--primary .modul__list__head, .modul--color--secondary p, .modul--color--secondary ul, .modul--color--secondary ol, .modul--color--secondary .modul__list__head, .modul--color--dark p, .modul--color--dark ul, .modul--color--dark ol, .modul--color--dark .modul__list__head {
  color: #fff;
}
.modul--color--primary p a, .modul--color--primary ul a, .modul--color--primary ol a, .modul--color--primary .modul__list__head a, .modul--color--secondary p a, .modul--color--secondary ul a, .modul--color--secondary ol a, .modul--color--secondary .modul__list__head a, .modul--color--dark p a, .modul--color--dark ul a, .modul--color--dark ol a, .modul--color--dark .modul__list__head a {
  background-image: linear-gradient(#fff, #fff);
}
.modul--color--primary h3, .modul--color--secondary h3, .modul--color--dark h3 {
  color: #fff;
}

.modul--fullimg {
  background-size: cover;
  min-height: 200px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
}
.modul--fullimg:before {
  content: "";
  display: block;
  background: #2b3133;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modul--fullimg .modul__picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modul--fullimg .modul__picture picture {
  height: 100%;
  opacity: 0.8;
}
.modul--fullimg .modul__picture picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modul--fullimg .modul__news--fullimg {
  position: relative;
  margin: 5rem auto;
  width: 70%;
  max-width: 40rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-flow: column;
      flex-flow: column;
  text-align: center;
  color: #fff;
}
.modul--fullimg .modul__news--fullimg header {
  margin-bottom: 1rem;
}
.modul--fullimg .modul__news--fullimg header h3 {
  text-shadow: 0 0 6px #2b3133;
  font-size: 1.7rem;
  line-height: 1.2;
}
.modul--fullimg .modul__news--fullimg .modul__teaser p {
  margin-bottom: 1rem;
}
.modul--fullimg .modul__news--fullimg .modul__teaser .modul__expand {
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1rem;
}

.modul {
  padding: 2rem 0.5rem;
  /*&--gray{
      background: $c-black;
  }
  &--gray-light{
      background: $c-gray-1;
  }
  &--blue{
      background: rgba($c-blue, .7);
  }*/
}
@media (min-width: 40.01em) {
  .modul {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
    padding: 4rem 2rem;
  }
}
@media (min-width: 1201px) {
  .modul {
    padding: 4rem 0;
  }
}
.modul__picture picture {
  display: block;
}
.modul__picture picture img {
  display: block;
  width: 100%;
}
.modul .figcaption, .modul .copyright {
  font-family: "Ringside", serif;
  text-align: left;
  line-height: 165%;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  color: #6e6e73;
}
.modul .copyright {
  font-size: 0.8rem;
  line-height: 1.2;
}
.modul header {
  padding: 0.5rem;
  z-index: 20;
}
.modul header .flexbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 70.01em) {
  .modul header .flexbox {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.modul header .k-img {
  width: 100%;
  max-width: 400px;
  margin-bottom: 1rem;
}
@media (min-width: 70.01em) {
  .modul header .k-img {
    margin-right: 4rem;
    margin-bottom: 0;
    width: 500px;
    max-width: 500px;
  }
}
.modul header h1, .modul header h2, .modul header h3, .modul header h4, .modul header h5 {
  font-family: "Ringside", serif;
  font-size: 2.1rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  color: #2b3133;
}
.modul header h4 {
  margin-bottom: 1rem;
  color: #6e6e73;
  font-size: 2.6rem;
  line-height: 1.2;
}
.modul header h2, .modul header h3 {
  text-align: left;
  line-height: 100%;
  font-size: 2rem;
  font-size: 3rem;
  line-height: 1.2;
  color: #6e6e73;
}
.modul header h3 {
  color: #fff;
  font-size: 1.5rem;
}
@media (min-width: 40.01em) {
  .modul header h3 {
    font-size: 2.25rem;
  }
}
.modul header p {
  font-family: "Ringside", serif;
  text-align: left;
  line-height: 165%;
  margin-bottom: 0.5rem;
  color: #6e6e73;
}
.modul header .m-top {
  margin-top: 1rem;
}
.modul header .upper {
  text-transform: uppercase;
}
.modul header ul {
  margin-left: 1rem;
}
.modul header ul li {
  margin-bottom: 0.5rem;
}
.modul header .red-dark {
  color: #ae0000;
}
.modul .header__center, .modul .header__left, .modul .teaser__center, .modul .teaser__left {
  text-align: center;
  max-width: 100%;
  margin: 0 auto 1rem auto;
}
@media (min-width: 48.01em) {
  .modul .header__center, .modul .header__left, .modul .teaser__center, .modul .teaser__left {
    max-width: 70%;
  }
}
.modul .header__center p, .modul .header__left p, .modul .teaser__center p, .modul .teaser__left p {
  text-align: center;
}
.modul .header__center h2, .modul .header__center h3, .modul .header__left h2, .modul .header__left h3, .modul .teaser__center h2, .modul .teaser__center h3, .modul .teaser__left h2, .modul .teaser__left h3 {
  text-align: center;
}
.modul .header__center h3, .modul .header__left h3, .modul .teaser__center h3, .modul .teaser__left h3 {
  color: #a2a2a7;
}
.modul .header__center .vnp-btn, .modul .header__left .vnp-btn, .modul .teaser__center .vnp-btn, .modul .teaser__left .vnp-btn {
  margin-top: 1rem;
}
.modul .header__center .h4-small, .modul .header__left .h4-small, .modul .teaser__center .h4-small, .modul .teaser__left .h4-small {
  text-transform: none;
  line-height: 1.1;
  font-size: 1.7rem;
  line-height: 1.2;
}
.modul .header__left, .modul .teaser__left {
  text-align: left;
  max-width: 100%;
  margin: 0 auto 1rem auto;
}
@media (min-width: 30.01em) {
  .modul .header__left, .modul .teaser__left {
    max-width: 70%;
  }
}
.modul .header__left p, .modul .teaser__left p {
  text-align: left;
  margin-bottom: 0.25rem;
}
.modul .header__left h2, .modul .header__left h3, .modul .teaser__left h2, .modul .teaser__left h3 {
  text-align: left;
  color: #6e6e73;
}
.modul .header__left h2, .modul .teaser__left h2 {
  font-size: 3rem;
  line-height: 1.2;
  line-height: 1;
}
@media (min-width: 40.01em) {
  .modul .header__left h2, .modul .teaser__left h2 {
    font-size: 4rem;
  }
}
.modul .box {
  background: #ececec;
  padding: 1rem;
  margin: 1rem;
}
.modul .box h2, .modul .box h3 {
  text-align: center;
  color: #6e6e73;
}
.modul .box--red {
  background: #ae0000;
}
.modul .box--red h2, .modul .box--red h3 {
  color: #fff;
}
.modul .textRight {
  text-align: right;
}
.modul .textCenter {
  text-align: center;
}
.modul .translateR {
  transform: translate(-15%);
}
.modul .translateL {
  transform: translate(15%);
}
.modul .white {
  color: #fff;
}
.modul__teaser {
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.65rem;
  font-family: "Ringside", serif;
}
.modul__teaser .modul__expand {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row;
      flex-flow: row;
}
.modul__teaser p {
  color: #6e6e73;
}
.modul__list ul {
  list-style: none;
  margin-bottom: 2rem;
}
.modul__list ul li {
  font-family: "Ringside", serif;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 1.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  padding-left: 2rem;
  /*&:before{
      content: "";
      display: block;
      height: 3px;
      width: 45px;
      background: $c-blue;
      margin-right: $space-medium;
      margin-top: $space-small;
      opacity: .5;
  }*/
}
.modul__list ul li .modul__list__head {
  font-family: "Ringside", serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
  margin-left: -2rem;
}
.modul__list ul li .modul__list__head--primary {
  color: #00b1eb;
}
.modul__list ul li .modul__list__head--secondary {
  color: #a2c037;
}

#ueberuns, #kontakt, #referenzen {
  background: #fff;
}

#angebote h3 {
  text-transform: none;
}

#kontakt .header__center p {
  margin-bottom: 1.5rem;
}

#team {
  max-width: 1100px;
  margin: auto;
}

.dis0 {
  opacity: 0;
  visibility: hidden;
}

.img_center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}
.img_center img {
  width: 100%;
}

.figcaption a:hover {
  text-decoration: underline;
}

.modul__news .modul__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
}
@media (min-width: 40.01em) {
  .modul__news .modul__container {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
  }
}
.modul__news .modul__container .modul__picture {
  margin-bottom: 2rem;
}
@media (min-width: 40.01em) {
  .modul__news .modul__container .modul__picture {
    -ms-flex: 1;
        flex: 1;
    margin-bottom: 0;
  }
}
.modul__news .modul__container .modul__news {
  padding: 0 2rem;
}
@media (min-width: 40.01em) {
  .modul__news .modul__container .modul__news {
    -ms-flex: 1;
        flex: 1;
  }
}
@media (min-width: 48.01em) {
  .modul__news .modul__container .modul__news {
    padding-left: 3rem;
  }
}
@media (min-width: 70.01em) {
  .modul__news .modul__container .modul__news {
    padding-left: 4rem;
  }
}
.modul__news .modul__container .modul__news header {
  margin-bottom: 1rem;
}
.modul__news .modul__container .modul__news header h2 {
  font-size: 1.7rem;
  line-height: 1.2;
}
.modul__news .modul__container .modul__teaser p {
  margin-bottom: 1rem;
}
.modul__news .modul__container .modul__teaser p a {
  background-image: linear-gradient(#2b3133, #2b3133);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul__news .modul__container .modul__teaser p a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
@media (min-width: 40.01em) {
  .modul__news--reverse .modul__container {
    -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
  }
  .modul__news--reverse .modul__container .modul__news {
    padding-left: 0;
  }
}
.modul--promo {
  padding: 0;
  background: #F6F6F6;
  position: relative;
}
@media (prefers-color-scheme: dark) {
  .modul--promo {
    background: #1B1B1B;
  }
}
.modul--promo .modul__text--promo {
  max-height: 900px;
  display: block;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
}
@media (min-width: 1201px) {
  .modul--promo .modul__text--promo {
    max-width: 75%;
    top: 25%;
    padding: 0;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.modul--promo .modul__text--promo a {
  cursor: pointer;
}
.modul--promo .modul__text--promo .kb-logo {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.modul--promo .modul__text--promo .kb-logo img {
  width: 100%;
  max-width: 650px;
}
@media (min-width: 40.01em) {
  .modul--promo .modul__text--promo .kb-logo {
    margin-left: 1rem;
    margin-top: 2rem;
  }
}
.modul--promo .modul__text--promo .kb-slogan {
  margin: 2rem 0;
  padding: 0;
}
@media (min-width: 1201px) {
  .modul--promo .modul__text--promo .kb-slogan {
    max-width: 50%;
  }
}
.modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: "Ringside Black", serif;
  color: #2b3133;
  font-size: 2.6rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 1;
}
@media (prefers-color-scheme: dark) {
  .modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
    color: #fff;
  }
}
@media (min-width: 1601px) {
  .modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
    font-size: 3.6rem;
  }
}
@media (min-width: 1201px) {
  .modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
    text-align: left;
  }
}
.modul--promo .modul__text--promo .kb-slogan h1 span, .modul--promo .modul__text--promo .kb-slogan h2 span {
  line-height: 1;
}
@media (min-width: 1201px) {
  .modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
    text-shadow: 0 0 10px #F6F6F6;
  }
}
@media (min-width: 1201px) and (prefers-color-scheme: dark) {
  .modul--promo .modul__text--promo .kb-slogan h1, .modul--promo .modul__text--promo .kb-slogan h2 {
    text-shadow: none;
  }
}
.modul--promo .modul__text--promo .kb-slogan h2 {
  font-size: 1.4rem;
  color: #c00;
  margin-bottom: 0.25rem;
}
.modul--promo .modul__text--promo .k-logo img {
  width: 84px;
}
.modul--promo .modul__text--promo .k-store {
  margin-bottom: 0.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 70.01em) {
  .modul--promo .modul__text--promo .k-store {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .modul--promo .modul__text--promo .k-store a {
    margin-right: 1rem;
  }
}
.modul--promo .modul__text--promo .k-store img {
  height: 100px;
  transition: transform 0.25s ease;
}
.modul--promo .modul__text--promo .k-store img:hover {
  transform: scale(105%);
}
.modul--promo .modul__text--promo .smartTVlogoWrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 48.01em) {
  .modul--promo .modul__text--promo .smartTVlogoWrapper {
    max-width: 50%;
  }
}
.modul--promo .modul__text--promo .smartTVlogoWrapper a {
  padding: 1rem 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .modul--promo .modul__text--promo .smartTVlogoWrapper {
    background: #fff;
    border-radius: 1rem;
  }
}
.modul--promo .modul__text--promo .smartTVlogo img {
  height: 25px;
}
@media (min-width: 48.01em) {
  .modul--promo .modul__text--promo .smartTVlogo img {
    height: 30px;
  }
}
@media (min-width: 70.01em) {
  .modul--promo .modul__text--promo .smartTVlogo img {
    height: 35px;
  }
}
@media (min-width: 1201px) {
  .modul--promo .modul__text--promo .smartTVlogo img {
    height: 40px;
  }
}
.modul--promo--left .modul__picture--promo picture img {
  left: 0;
}
.modul--promo--left .modul__text--promo {
  right: 0;
  left: auto;
}
@media (min-width: 1201px) {
  .modul--promo--left .modul__text--promo {
    max-width: 50%;
  }
}
.modul--promo article {
  position: relative;
  padding: 0 0 3rem 0;
  height: 100%;
  z-index: 5;
}
.modul--promo article article.contain {
  z-index: 20;
}
.modul--promo article:before {
  padding-top: 50%;
  width: 100%;
  content: "";
  display: inline-block;
}
@media (min-width: 40.01em) {
  .modul--promo article:before {
    padding-top: 30%;
  }
}
@media (min-width: 48.01em) {
  .modul--promo article:before {
    padding-top: 200px;
  }
}
.modul--promo .modul__picture--promo {
  position: relative;
  right: 0;
  bottom: 0;
  top: 0;
  height: 816px;
}
.modul--promo .modul__picture--promo picture {
  height: 100%;
  opacity: 0.15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 1201px) {
  .modul--promo .modul__picture--promo picture {
    opacity: 1;
  }
}
.modul--promo .modul__picture--promo picture img {
  position: absolute;
  right: 0;
}
.modul--promo .modul__news__border {
  position: relative;
  color: #fff;
  margin: 2rem;
  padding: 2rem;
}
@media (min-width: 40.01em) {
  .modul--promo .modul__news__border {
    max-width: 30em;
  }
}
@media (min-width: 48.01em) {
  .modul--promo .modul__news__border {
    max-width: 40em;
  }
}
.modul--promo .modul__news h1 {
  text-shadow: 0 0 6px #2b3133;
  margin-bottom: 1rem;
}
.modul--promo .modul__news h1:after {
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  width: 200px;
  display: block;
  margin-top: 1rem;
}
.modul--promo .modul__news .modul__teaser p {
  text-shadow: 0 0 3px #2b3133;
  padding-bottom: 0.5rem;
  font-family: "Ringside", serif;
}
.modul--promo .modul__news .modul__teaser p a {
  background-image: linear-gradient(#fff, #fff);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul--promo .modul__news .modul__teaser p a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
.modul--promo .modul__news .modul__expand {
  margin-top: 1rem;
}

.modul__features {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  max-width: 80%;
  margin: auto;
}
@media (prefers-color-scheme: dark) {
  .modul__features {
    color: #fff;
  }
}
@media (min-width: 1201px) {
  .modul__features {
    max-width: 75%;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
.modul__features .swiper-pagination-bullet {
  background-color: #2b3133;
}
@media (prefers-color-scheme: dark) {
  .modul__features .swiper-pagination-bullet {
    background-color: #fff;
  }
}
.modul__features .swiper-pagination-bullet-active {
  background-color: #c00;
}
.modul__features .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 740px;
}
@media (min-width: 1201px) {
  .modul__features .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
  }
}
.modul__features .swipercontainer1, .modul__features .swipercontainer3 {
  max-height: 600px;
  max-width: 100%;
}
.modul__features .swipercontainer1 .swiper-wrapper, .modul__features .swipercontainer3 .swiper-wrapper {
  margin-bottom: 2rem;
}
@media (min-width: 70.01em) {
  .modul__features .swipercontainer1, .modul__features .swipercontainer3 {
    max-height: 700px;
  }
}
.modul__features .swiper-pagination-vertical.swiper-pagination-bullets {
  position: absolute;
  left: -35px;
}
@media (min-width: 48.01em) {
  .modul__features .swiper-pagination-vertical.swiper-pagination-bullets {
    right: -50px;
    left: inherit;
  }
}
.modul__features .features {
  height: auto;
  overflow: hidden;
  cursor: grab;
}
.modul__features .features h3, .modul__features .features h4, .modul__features .features h5 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: "Ringside Black", serif;
  color: #2b3133;
  font-size: 2rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 48.01em) {
  .modul__features .features h3, .modul__features .features h4, .modul__features .features h5 {
    text-align: left;
    font-size: 2.6rem;
  }
}
@media (min-width: 48.01em) {
  .modul__features .features h3 {
    font-size: 2.8rem;
  }
}
@media (prefers-color-scheme: dark) {
  .modul__features .features h3 {
    color: #fff;
  }
}
.modul__features .features h4 {
  color: #c00;
  font-size: 1.1rem;
}
@media (min-width: 48.01em) {
  .modul__features .features h4 {
    text-align: left;
    font-size: 1.4rem;
  }
}
.modul__features .features h5, .modul__features .features p {
  font-size: 1.25rem;
  text-transform: none;
  text-align: left;
}
@media (prefers-color-scheme: dark) {
  .modul__features .features h5, .modul__features .features p {
    color: #fff;
  }
}
.modul__features .features p {
  font-size: 1rem;
  margin-top: 0.5rem;
}
.modul__features .features ul {
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 2rem;
}
@media (min-width: 48.01em) {
  .modul__features .features ul {
    max-width: 85%;
    height: auto;
  }
}
@media (min-width: 48.01em) {
  .modul__features .features ul {
    display: block;
  }
}
.modul__features .features ul li {
  margin-bottom: 1rem;
  list-style-type: none;
  position: relative;
}
.modul__features .features ul li:before {
  display: inline-block;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: #c00;
  width: 15px;
  height: 13px;
  position: absolute;
  left: -34px;
  top: 15px;
  transform: translateY(-50%) rotate(90deg);
  content: "";
}

.emagazine {
  -ms-flex-direction: column;
      flex-direction: column;
}

#featuresSmartTV .modul__features {
  -ms-flex-direction: column;
      flex-direction: column;
}
#featuresSmartTV .swipercontainer1 {
  max-height: 380px;
  width: 100%;
}
@media (min-width: 70.01em) {
  #featuresSmartTV .swipercontainer1 {
    max-height: 300px;
    max-width: 1080px;
  }
}
#featuresSmartTV .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 180px;
}
@media (min-width: 40.01em) {
  #featuresSmartTV .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 360px;
  }
}
@media (min-width: 1201px) {
  #featuresSmartTV .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 630px;
  }
}

.modul--social {
  background: #555;
}
@media (prefers-color-scheme: dark) {
  .modul--social {
    background: #0f0f0f;
    color: #fff;
  }
}
.modul--social .modul__social h5 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: "Ringside Black", serif;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.modul--social .modul__social--wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 1rem;
}
.modul--social .modul__social--wrapper a {
  cursor: pointer;
}
.modul--social .modul__social--wrapper .social__circle {
  border-radius: 50%;
  background: #fff;
  margin: 0.35rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 65px;
  height: 65px;
  transition: transform 0.25s ease;
}
@media (prefers-color-scheme: dark) {
  .modul--social .modul__social--wrapper .social__circle {
    background: #ececec;
  }
}
.modul--social .modul__social--wrapper .social__circle svg {
  max-width: 50%;
}
.modul--social .modul__social--wrapper .social__circle picture img {
  height: 25px;
}
.modul--social .modul__social--wrapper .social__circle:hover {
  transform: scale(105%);
}
@media (min-width: 40.01em) {
  .modul--social .modul__social--wrapper .social__circle {
    width: 85px;
    height: 85px;
    margin: 0.5rem;
  }
  .modul--social .modul__social--wrapper .social__circle picture img {
    height: 30px;
  }
}
@media (min-width: 48.01em) {
  .modul--social .modul__social--wrapper .social__circle {
    width: 100px;
    height: 100px;
    margin: 0.5rem;
  }
  .modul--social .modul__social--wrapper .social__circle picture img {
    height: 40px;
  }
}

#news {
  background: #ececec;
}
@media (prefers-color-scheme: dark) {
  #news {
    background: #222222;
    color: #fff;
  }
}
#news .modul__news {
  position: relative;
  margin: auto;
}
@media (min-width: 48.01em) {
  #news .modul__news {
    max-width: 75%;
  }
}
#news .modul__news h3, #news .modul__news h5 {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: "Ringside Black", serif;
  color: #2b3133;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 48.01em) {
  #news .modul__news h3, #news .modul__news h5 {
    font-size: 2rem;
  }
}
@media (prefers-color-scheme: dark) {
  #news .modul__news h3, #news .modul__news h5 {
    color: #fff;
  }
}
#news .modul__news h3 {
  margin: 1.5rem 0;
  text-align: center;
}
#news .modul__news h5 {
  font-size: 1rem;
  margin-top: 1rem;
}
@media (min-width: 48.01em) {
  #news .modul__news h5 {
    font-size: 1.1rem;
  }
}
#news .modul__news p {
  color: #555;
  margin: 0.5rem 0;
  line-height: 1.45;
  font-size: 1.1rem;
  text-align: center;
}
@media (prefers-color-scheme: dark) {
  #news .modul__news p {
    color: #fff;
  }
}
#news .modul__news p.intro {
  margin: 0.5rem auto;
  margin-bottom: 1rem;
}
@media (min-width: 70.01em) {
  #news .modul__news p.intro {
    max-width: 60%;
  }
}
#news .news__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
@media (min-width: 70.01em) {
  #news .news__container {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 1rem;
  }
}
#news .news__container .news__article {
  margin: 1rem;
  background: #fff;
  padding: 1rem;
  transition: transform 0.25s ease;
}
#news .news__container .news__article picture img {
  width: 100%;
}
#news .news__container .news__article p, #news .news__container .news__article h5 {
  text-align: left;
}
@media (prefers-color-scheme: dark) {
  #news .news__container .news__article p, #news .news__container .news__article h5 {
    color: #fff;
  }
}
@media (min-width: 70.01em) {
  #news .news__container .news__article:first-child {
    margin-left: 0;
  }
  #news .news__container .news__article:last-child {
    margin-right: 0;
  }
}
#news .news__container .news__article:hover {
  transform: scale(105%);
}
@media (prefers-color-scheme: dark) {
  #news .news__container .news__article {
    color: #fff;
    background: #555;
  }
}
#news .news__more {
  display: block;
  color: #c00;
  text-align: right;
  margin: 0 1rem;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "Ringside Bold", serif;
}

.modul__article {
  position: relative;
  margin: auto;
  margin-top: 2rem;
}
@media (min-width: 70.01em) {
  .modul__article {
    max-width: 60%;
  }
}
@media (prefers-color-scheme: dark) {
  .modul__article {
    color: #fff;
  }
}
.modul__article h1, .modul__article h3, .modul__article h4 {
  margin: 0;
  padding: 0;
  font-family: "Ringside Semi", serif;
  color: #2b3133;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 48.01em) {
  .modul__article h1, .modul__article h3, .modul__article h4 {
    font-size: 2.5rem;
  }
}
@media (prefers-color-scheme: dark) {
  .modul__article h1, .modul__article h3, .modul__article h4 {
    color: #fff;
  }
}
.modul__article h1 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}
.modul__article h3 {
  font-family: "Ringside", serif;
  margin: 0.5rem 0;
  margin-bottom: 0;
  color: #c00;
  font-size: 1.5rem;
}
@media (prefers-color-scheme: dark) {
  .modul__article h3 {
    color: #ae0000;
  }
}
.modul__article h4 {
  font-size: 1.85rem;
  margin-bottom: 1.5rem;
}
.modul__article p {
  color: #555;
  margin: 0.5rem 0;
  padding-bottom: 1.5rem;
  line-height: 1.6;
  font-size: 1rem;
  font-family: "Tiempos", sans-serif;
}
@media (prefers-color-scheme: dark) {
  .modul__article p {
    color: #fff;
  }
}
.modul__article picture {
  position: relative;
}
.modul__article picture img {
  width: 100%;
}
.modul__article picture p {
  color: #a2a2a7;
}
.modul__article picture p.bu {
  max-width: 80%;
  font-size: 1.8rem;
  font-family: "Ringside Semi", serif;
  line-height: 1.3;
  color: #2b3133;
  position: relative;
}
@media (prefers-color-scheme: dark) {
  .modul__article picture p.bu {
    color: #fff;
  }
}
.modul__article picture p.bu span.copy {
  text-align: right;
  font-size: 0.85rem;
  position: absolute;
  top: 0.5rem;
  right: -22%;
  left: auto;
  color: #a2a2a7;
}

.swipercontainer3 .swiper-button-prev, .swipercontainer3 .swiper-button-next {
  width: 35px;
  height: 30px;
  right: 0;
  left: auto;
  top: auto;
  transform: translateY(-10px);
}
.swipercontainer3 .swiper-button-prev {
  right: 45px;
}
.swipercontainer3 .swiper-button-prev:after, .swipercontainer3 .swiper-button-next:after {
  background: #c00;
  color: #fff;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
}
@media (prefers-color-scheme: dark) {
  .swipercontainer3 .swiper-button-prev:after, .swipercontainer3 .swiper-button-next:after {
    background: #ae0000;
  }
}
.swipercontainer3 .swiper-pagination {
  right: 100px;
  bottom: 8px;
  left: auto;
  width: auto;
  color: #a2a2a7;
}

.modul__angebot_wrapper {
  margin-bottom: 0;
}

.modul__angebot {
  position: relative;
  background: #ececec;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  text-align: center;
  border-radius: 8px;
  -ms-flex: 1 1 900px;
      flex: 1 1 900px;
  color: #ce000c;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot {
    background: #555;
    color: #fff;
  }
}
@media (min-width: 70.01em) {
  .modul__angebot {
    margin: auto;
    max-width: 75%;
  }
}
.modul__angebot .AboIcon {
  display: block;
  height: 50px;
  width: 50px;
  color: #ce000c !important;
}
.modul__angebot .AboIcon:hover {
  cursor: pointer;
  transform: scale(1.1);
}
.modul__angebot h3, .modul__angebot h4 {
  text-transform: uppercase;
  margin: 0;
  padding: 0 1rem;
  font-family: "Ringside Black", serif;
  color: #2b3133;
  font-size: 1.5rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (min-width: 48.01em) {
  .modul__angebot h3, .modul__angebot h4 {
    font-size: 2rem;
  }
}
@media (prefers-color-scheme: dark) {
  .modul__angebot h3, .modul__angebot h4 {
    color: #fff;
  }
}
.modul__angebot h3 {
  margin: 2rem 0 0.5rem 0;
}
.modul__angebot h4 {
  color: #c00;
  font-size: 1.35rem;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot h4 {
    color: #fff;
  }
}
.modul__angebot h5 {
  margin-top: 2rem;
}
.modul__angebot p {
  color: #555;
  margin: 1rem;
  line-height: 1.45;
  font-size: 1.1rem;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot p {
    color: #fff;
  }
}
@media (min-width: 70.01em) {
  .modul__angebot p {
    max-width: 60%;
  }
}
.modul__angebot span.padBottom {
  display: block;
  padding-bottom: 1.5rem;
}
.modul__angebot .batch {
  position: absolute;
  top: 0;
  margin: auto;
  transform: translateY(-50%);
}
@media (min-width: 48.01em) {
  .modul__angebot .batch {
    left: 2rem;
  }
}
.modul__angebot .batch div {
  background: #c00;
  color: #fff;
  padding: 0.25rem 1rem;
  border-radius: 25px;
  word-wrap: normal;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot .batch div {
    background: #ae0000;
  }
}
.modul__angebot .cta {
  background: #c00;
  width: 100%;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 1rem;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 1.1rem;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot .cta {
    background: #ae0000;
  }
}
.modul__angebot .features ul {
  text-align: left;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 2rem;
}
@media (min-width: 48.01em) {
  .modul__angebot .features ul {
    max-width: 85%;
    height: auto;
  }
}
@media (min-width: 48.01em) {
  .modul__angebot .features ul {
    display: block;
  }
}
.modul__angebot .features ul li {
  margin-bottom: 1rem;
  list-style-type: none;
  position: relative;
}
.modul__angebot .features ul li span {
  color: #2b3133;
}
@media (prefers-color-scheme: dark) {
  .modul__angebot .features ul li span {
    color: #fff;
  }
}
.modul__angebot .features ul li span.bold {
  font-family: "Ringside Black", serif;
  margin-right: 0.25rem;
}
.modul__angebot .features ul li:before {
  display: inline-block;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
          clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: #c00;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -20px;
  top: 9px;
  transform: translateY(-50%) rotate(90deg);
  content: "";
}
@media (min-width: 48.01em) {
  .modul__angebot .features ul li:before {
    width: 15px;
    height: 13px;
    left: -34px;
    top: 10px;
  }
}

.kick-app-button {
  background: #ececec;
  width: 100%;
  max-width: 320px;
  margin: 2rem auto;
  text-align: center;
  color: #2b3133;
  cursor: pointer;
  display: block;
  padding: 1rem;
  border-radius: 8px;
  font-size: 1.1rem;
}
.kick-app-button:hover {
  background: #c00;
  color: #fff;
}
@media (prefers-color-scheme: dark) {
  .kick-app-button {
    background: #ae0000;
  }
}

#angeboteEmag {
  padding-bottom: 1rem;
}
@media (min-width: 70.01em) {
  #angeboteEmag {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1201px) {
  #angeboteEmag {
    max-width: 75%;
    margin: auto;
  }
}
#angeboteEmag .modul__angebot {
  margin: 1rem 0;
}
@media (min-width: 70.01em) {
  #angeboteEmag .modul__angebot {
    margin: 1rem 0.5rem;
    max-width: 33%;
  }
}
#angeboteEmag .modul__features {
  margin-bottom: 2rem;
}

h2 {
  margin: 2rem auto 3rem auto;
  text-align: center;
}


.cta-btn {
  background: #c00;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  font-size: 1.1rem;
  margin: 2rem 0;
  transition: transform 0.25s ease-in-out;
}
@media (prefers-color-scheme: dark) {
  .cta-btn {
    background: #ae0000;
  }
}
.cta-btn:hover {
 }

.modul--topmodul {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, #f8f8f8 25%);
}
.modul--topmodul picture {
  width: 100%;
}
.modul--topmodul__news {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
  padding: 0;
}
@media (min-width: 40.01em) {
  .modul--topmodul__news {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-align: center;
        align-items: center;
  }
}
.modul--topmodul__news__lp {
  padding: 2rem 1rem 0 1rem;
}
@media (min-width: 40.01em) {
  .modul--topmodul__news__lp {
    -ms-flex: 8;
        flex: 8;
    padding-left: 0;
  }
}
.modul--topmodul__news__lp header h2, .modul--topmodul__news__lp header h3 {
  margin-bottom: 1rem;
}
.modul--topmodul__news__lp header h2:after, .modul--topmodul__news__lp header h3:after {
  content: "";
  height: 1px;
  background: rgba(110, 110, 115, 0.4);
  width: 200px;
  display: block;
  margin-top: 1rem;
}
.modul--topmodul__news__rp {
  padding: 2rem 1rem 0 1rem;
}
@media (min-width: 40.01em) {
  .modul--topmodul__news__rp {
    -ms-flex: 4;
        flex: 4;
    padding-right: 0;
  }
}
.modul--topmodul__news__rp .modul--topmodul__expand .vnp-btn {
  margin: 0 1rem 1rem 0;
}
.modul--topmodul__news__rp .modul--topmodul__expand .vnp-btn:last-child {
  margin-right: 0;
}
.modul--topmodul--dark {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, #2b3133 25%);
}
.modul--topmodul--dark h2, .modul--topmodul--dark .modul__teaser {
  color: #fff;
}
.modul--topmodul--dark .modul--topmodul--medium .modul--topmodul__news {
  background: #2b3133;
}
.modul--topmodul--medium {
  background: none;
}
.modul--topmodul--medium--dark .modul--topmodul__news {
  background: #2b3133;
}
.modul--topmodul--medium--light .modul--topmodul__news {
  background: #f8f8f8;
}
.modul--topmodul--medium--primary .modul--topmodul__news {
  background: linear-gradient(35deg, #038dd5 41%, #00b1eb 99%);
}
.modul--topmodul--medium--secondary .modul--topmodul__news {
  background: linear-gradient(50deg, #85a809 31%, #a2c037 94%);
}
@media (min-width: 40.01em) {
  .modul--topmodul--medium .modul--topmodul__news {
    padding: 2rem 2rem 1rem 2rem;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: start;
        align-items: flex-start;
  }
}
.modul--topmodul--medium .modul--topmodul__news__rp {
  padding-top: 0;
}
@media (min-width: 40.01em) {
  .modul--topmodul--medium .modul--topmodul__news__rp {
    -ms-flex: 1;
        flex: 1;
  }
}
.modul--topmodul--medium .modul--topmodul__news__rp p {
  margin-bottom: 2rem;
}
@media (min-width: 40.01em) {
  .modul--topmodul--medium .modul--topmodul__news__lp {
    -ms-flex: 1;
        flex: 1;
    padding-top: 0;
  }
  .modul--topmodul--medium .modul--topmodul__news__lp h3:after {
    display: none;
  }
}
.modul--topmodul--medium .modul--topmodul__news .modul__expand {
  padding: 0 1rem 2rem 0;
}
@media (min-width: 40.01em) {
  .modul--topmodul--medium .modul--topmodul__news .modul__expand {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
    padding: 0;
  }
}
.modul--topmodul--medium--dark .modul--topmodul__news {
  background: #2b3133;
}
.modul--topmodul--medium--dark h3, .modul--topmodul--medium--dark .modul__teaser {
  color: #fff;
}

.modul--numlist ul {
  list-style: none;
}
.modul--numlist ul li {
  margin-bottom: 2rem;
  padding: 2rem;
  background: #f8f8f8;
}
.modul--numlist ul li:nth-child(3n+1) {
  background: linear-gradient(90deg, #e6007e 20%, #f8f8f8 20%);
}
.modul--numlist ul li:nth-child(3n+2) {
  background: linear-gradient(90deg, #00b1eb 20%, #f8f8f8 20%);
}
.modul--numlist ul li:nth-child(3n+3) {
  background: linear-gradient(90deg, #f7a600 20%, #f8f8f8 20%);
}
.modul--numlist ul li > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  padding: 2rem 2rem 2rem 0;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border: 4px solid #0f0f0f;
}
.modul--numlist ul li span {
  font-size: 2.6rem;
  width: 22%;
  text-align: center;
  font-family: "Ringside Bold", serif;
  margin-right: 2rem;
}
@media (min-width: 48.01em) {
  .modul__contact .contact__me__container {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
.modul__contact .contact__me h6 {
  font-family: "Ringside", serif;
  font-size: 2.1rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.modul__contact .contact__me h6.font__color__primary {
  color: #00b1eb;
}
.modul__contact .contact__me h6.font__color__secondary {
  color: #a2c037;
}
.modul__contact .contact__me__teaser {
  font-size: 1rem;
  line-height: 1.45rem;
  font-family: "Ringside", serif;
}
@media (min-width: 48.01em) {
  .modul__contact .contact__me__item {
    -ms-flex: 0 0 31%;
        flex: 0 0 31%;
    margin-right: 3.33%;
  }
  .modul__contact .contact__me__item:nth-child(3n+3) {
    margin-right: 0;
  }
}

.modul--number article h3 {
  margin-bottom: 1rem;
}
.modul--number article .modul__teaser p {
  margin-bottom: 1rem;
}
.modul--number article .modul__teaser p a {
  background-image: linear-gradient(#2b3133, #2b3133);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul--number article .modul__teaser p a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
.modul--number article .modul--number__items {
  margin: 1rem 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
  padding-top: 1rem;
}
@media (min-width: 40.01em) {
  .modul--number article .modul--number__items {
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.modul--number article .modul--number__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-bottom: 2rem;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 0.5rem;
}
.modul--number article .modul--number__item:last-child {
  margin-right: 0;
}
@media (min-width: 40.01em) {
  .modul--number article .modul--number__item {
    -ms-flex: 0 0 48%;
        flex: 0 0 48%;
    margin-bottom: 4%;
  }
}
@media (min-width: 48.01em) {
  .modul--number article .modul--number__item {
    -ms-flex: 0 0 31%;
        flex: 0 0 31%;
    margin-right: 3.33%;
  }
  .modul--number article .modul--number__item:nth-child(3n+3) {
    margin-right: 0;
  }
}
.modul--number article .modul--number__item .modul--number__title {
  text-align: left;
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1.15rem;
  font-family: "Ringside Bold", serif;
}
.modul--number article .modul--number__item .modul--number__title.font__color__primary {
  color: #00b1eb;
}
.modul--number article .modul--number__item .modul--number__title.font__color__secondary {
  color: #a2c037;
}
.modul--number article .modul--number__item .modul--number__value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-family: "Ringside Bold", serif;
  margin: 1rem 0;
}
.modul--number article .modul--number__item .modul--number__value__icon {
  font-size: 4rem;
  color: #a2a2a7;
}
.modul--number article .modul--number__item .modul--number__value__icon .font__color__primary {
  color: #00b1eb;
}
.modul--number article .modul--number__item .modul--number__value__icon .font__color__secondary {
  color: #a2c037;
}
.modul--number article .modul--number__item .modul--number__value-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-flow: column;
      flex-flow: column;
  height: 100%;
}
.modul--number article .modul--number__item .modul--number__subline {
  font-size: 0.8rem;
  line-height: 1.1rem;
  font-family: "Ringside", serif;
  text-align: left;
}

.modul--icon article {
  text-align: center;
  max-width: 800px;
}
.modul--icon article h3 {
  margin-bottom: 1rem;
}
.modul--icon article .modul__teaser p {
  margin-bottom: 1rem;
}
.modul--icon article .modul__teaser p a {
  background-image: linear-gradient(#2b3133, #2b3133);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all 0.2s;
}
.modul--icon article .modul__teaser p a:hover {
  background-image: linear-gradient(90deg, #00b1eb, #a2c037);
}
.modul--icon .modul--icon__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  max-width: 800px;
  margin: 2rem auto 0 auto;
}
.modul--icon .modul--icon__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
  -ms-flex: 0 0 48%;
      flex: 0 0 48%;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0.5rem;
  border-radius: 4px;
  margin-bottom: 2rem;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 40.01em) {
  .modul--icon .modul--icon__item {
    -ms-flex: 0 0 30%;
        flex: 0 0 30%;
  }
}
.modul--icon .modul--icon__item:hover {
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  background: #f8f8f8;
}
.modul--icon .modul--icon__item:hover .modul--icon__item__teaser {
  transition: all 0.4s ease-in-out;
  max-height: 800px;
  z-index: 1;
  opacity: 1;
}
.modul--icon .modul--icon__item__title {
  text-transform: uppercase;
  font-size: 0.8rem;
  line-height: 1.15rem;
  font-family: "Ringside Bold", serif;
  margin-bottom: 0.5rem;
}
.modul--icon .modul--icon__item__title.font__color__primary {
  color: #00b1eb;
}
.modul--icon .modul--icon__item__title.font__color__secondary {
  color: #a2c037;
}
.modul--icon .modul--icon__item__icon {
  margin-bottom: 0.5rem;
}
.modul--icon .modul--icon__item__icon .font__color__primary {
  color: #00b1eb;
  border-color: #00b1eb;
}
.modul--icon .modul--icon__item__icon .font__color__secondary {
  color: #a2c037;
  border-color: #a2c037;
}
.modul--icon .modul--icon__item__icon span {
  font-size: 2.8rem;
  border-radius: 50%;
  padding: 0.75rem;
  color: #a2a2a7;
  border: 2px solid #a2a2a7;
  display: block;
}
.modul--icon .modul--icon__item__teaser {
  transition: all 0.4s ease-in-out;
  background: #f8f8f8;
  font-size: 0.8rem;
  line-height: 1.1rem;
  font-family: "Ringside", serif;
  padding: 1rem;
  position: absolute;
  opacity: 0;
  top: 92%;
  overflow: hidden;
  max-height: 0;
  border-radius: 4px;
  width: 100%;
}

.modul--double .contain {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
  -ms-flex-flow: column;
      flex-flow: column;
}
@media (min-width: 40.01em) {
  .modul--double .contain {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
}
.modul--double .contain article {
  margin-bottom: 3rem;
}
@media (min-width: 40.01em) {
  .modul--double .contain article {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    margin-bottom: 0.5rem;
    padding-right: 1.5rem;
  }
  .modul--double .contain article:nth-child(2) {
    padding: 0 0 0 1.5rem;
  }
}
.modul--double .contain article .modul__picture {
  margin-bottom: 1rem;
}
.modul--double .contain article header {
  margin-bottom: 1rem;
}
.modul--double .contain article header h3 {
  font-size: 1.7rem;
  line-height: 1.2;
}
.modul--double .contain article .modul__teaser {
  margin-bottom: 1rem;
}
/*# sourceMappingURL=maps/main.css.map */