@charset "UTF-8";
/*
Icons

Markup:
<i class="icon icon-name"></i>

<div class="kss-icons">

<i class='icon icon-360'></i> <span>icon icon-360</span>

<i class='icon icon-academy'></i> <span>icon icon-academy</span>

<i class='icon icon-address'></i> <span>icon icon-address</span>

<i class='icon icon-addressbook'></i> <span>icon icon-addressbook</span>

<i class='icon icon-angle-down'></i> <span>icon icon-angle-down</span>

<i class='icon icon-angle-left'></i> <span>icon icon-angle-left</span>

<i class='icon icon-angle-right'></i> <span>icon icon-angle-right</span>

<i class='icon icon-angle-up'></i> <span>icon icon-angle-up</span>

<i class='icon icon-arrow-down'></i> <span>icon icon-arrow-down</span>

<i class='icon icon-arrow-left'></i> <span>icon icon-arrow-left</span>

<i class='icon icon-arrow-right'></i> <span>icon icon-arrow-right</span>

<i class='icon icon-arrow-up'></i> <span>icon icon-arrow-up</span>

<i class='icon icon-basket'></i> <span>icon icon-basket</span>

<i class='icon icon-bike'></i> <span>icon icon-bike</span>

<i class='icon icon-chart'></i> <span>icon icon-chart</span>

<i class='icon icon-chat'></i> <span>icon icon-chat</span>

<i class='icon icon-check-circle'></i> <span>icon icon-check-circle</span>

<i class='icon icon-check'></i> <span>icon icon-check</span>

<i class='icon icon-clock'></i> <span>icon icon-clock</span>

<i class='icon icon-close'></i> <span>icon icon-close</span>

<i class='icon icon-columns'></i> <span>icon icon-columns</span>

<i class='icon icon-copy'></i> <span>icon icon-copy</span>

<i class='icon icon-date'></i> <span>icon icon-date</span>

<i class='icon icon-document-archive'></i> <span>icon icon-document-archive</span>

<i class='icon icon-download'></i> <span>icon icon-download</span>

<i class='icon icon-drag-drop'></i> <span>icon icon-drag-drop</span>

<i class='icon icon-edit'></i> <span>icon icon-edit</span>

<i class='icon icon-exclamation-circle'></i> <span>icon icon-exclamation-circle</span>

<i class='icon icon-exclamation'></i> <span>icon icon-exclamation</span>

<i class='icon icon-facebook'></i> <span>icon icon-facebook</span>

<i class='icon icon-file-doc'></i> <span>icon icon-file-doc</span>

<i class='icon icon-file-document'></i> <span>icon icon-file-document</span>

<i class='icon icon-file-image'></i> <span>icon icon-file-image</span>

<i class='icon icon-file-pdf'></i> <span>icon icon-file-pdf</span>

<i class='icon icon-file-powerpoint'></i> <span>icon icon-file-powerpoint</span>

<i class='icon icon-file-video'></i> <span>icon icon-file-video</span>

<i class='icon icon-file-xls'></i> <span>icon icon-file-xls</span>

<i class='icon icon-filter'></i> <span>icon icon-filter</span>

<i class='icon icon-gift'></i> <span>icon icon-gift</span>

<i class='icon icon-heart-filled'></i> <span>icon icon-heart-filled</span>

<i class='icon icon-heart'></i> <span>icon icon-heart</span>

<i class='icon icon-home'></i> <span>icon icon-home</span>

<i class='icon icon-info'></i> <span>icon icon-info</span>

<i class='icon icon-instagram'></i> <span>icon icon-instagram</span>

<i class='icon icon-invoice'></i> <span>icon icon-invoice</span>

<i class='icon icon-language'></i> <span>icon icon-language</span>

<i class='icon icon-linkedin'></i> <span>icon icon-linkedin</span>

<i class='icon icon-list'></i> <span>icon icon-list</span>

<i class='icon icon-loading'></i> <span>icon icon-loading</span>

<i class='icon icon-lock'></i> <span>icon icon-lock</span>

<i class='icon icon-logged'></i> <span>icon icon-logged</span>

<i class='icon icon-login'></i> <span>icon icon-login</span>

<i class='icon icon-logout'></i> <span>icon icon-logout</span>

<i class='icon icon-mail'></i> <span>icon icon-mail</span>

<i class='icon icon-map-pin'></i> <span>icon icon-map-pin</span>

<i class='icon icon-marketing'></i> <span>icon icon-marketing</span>

<i class='icon icon-minus'></i> <span>icon icon-minus</span>

<i class='icon icon-password-hide'></i> <span>icon icon-password-hide</span>

<i class='icon icon-password-show'></i> <span>icon icon-password-show</span>

<i class='icon icon-pause'></i> <span>icon icon-pause</span>

<i class='icon icon-payment'></i> <span>icon icon-payment</span>

<i class='icon icon-pen-to-square'></i> <span>icon icon-pen-to-square</span>

<i class='icon icon-phone'></i> <span>icon icon-phone</span>

<i class='icon icon-pinterest'></i> <span>icon icon-pinterest</span>

<i class='icon icon-play'></i> <span>icon icon-play</span>

<i class='icon icon-plus'></i> <span>icon icon-plus</span>

<i class='icon icon-print'></i> <span>icon icon-print</span>

<i class='icon icon-question'></i> <span>icon icon-question</span>

<i class='icon icon-quickorder'></i> <span>icon icon-quickorder</span>

<i class='icon icon-register'></i> <span>icon icon-register</span>

<i class='icon icon-reload'></i> <span>icon icon-reload</span>

<i class='icon icon-retoure'></i> <span>icon icon-retoure</span>

<i class='icon icon-rma'></i> <span>icon icon-rma</span>

<i class='icon icon-search'></i> <span>icon icon-search</span>

<i class='icon icon-send'></i> <span>icon icon-send</span>

<i class='icon icon-service'></i> <span>icon icon-service</span>

<i class='icon icon-settings'></i> <span>icon icon-settings</span>

<i class='icon icon-share'></i> <span>icon icon-share</span>

<i class='icon icon-shipping'></i> <span>icon icon-shipping</span>

<i class='icon icon-sorting'></i> <span>icon icon-sorting</span>

<i class='icon icon-star-filled'></i> <span>icon icon-star-filled</span>

<i class='icon icon-star-half'></i> <span>icon icon-star-half</span>

<i class='icon icon-star'></i> <span>icon icon-star</span>

<i class='icon icon-subscriptions'></i> <span>icon icon-subscriptions</span>

<i class='icon icon-tiktok'></i> <span>icon icon-tiktok</span>

<i class='icon icon-trash'></i> <span>icon icon-trash</span>

<i class='icon icon-twitter'></i> <span>icon icon-twitter</span>

<i class='icon icon-upload'></i> <span>icon icon-upload</span>

<i class='icon icon-user'></i> <span>icon icon-user</span>

<i class='icon icon-users'></i> <span>icon icon-users</span>

<i class='icon icon-whatsapp'></i> <span>icon icon-whatsapp</span>

<i class='icon icon-xing'></i> <span>icon icon-xing</span>

<i class='icon icon-youtube'></i> <span>icon icon-youtube</span>

<i class='icon icon-zoom'></i> <span>icon icon-zoom</span>

</div>

Styleguide Base.Icons
*/
@font-face {
  font-family: "icons";
  font-display: swap;
  src: url("../fonts/icons1717744696.woff2") format("woff2"), url("../fonts/icons1717744696.woff") format("woff");
}
.icon {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

:root {
  --base-icon-360: "";
  --base-icon-academy: "";
  --base-icon-address: "";
  --base-icon-addressbook: "";
  --base-icon-angle-down: "";
  --base-icon-angle-left: "";
  --base-icon-angle-right: "";
  --base-icon-angle-up: "";
  --base-icon-arrow-down: "";
  --base-icon-arrow-left: "";
  --base-icon-arrow-right: "";
  --base-icon-arrow-up: "";
  --base-icon-basket: "";
  --base-icon-bike: "";
  --base-icon-chart: "";
  --base-icon-chat: "";
  --base-icon-check-circle: "";
  --base-icon-check: "";
  --base-icon-clock: "";
  --base-icon-close: "";
  --base-icon-columns: "";
  --base-icon-copy: "";
  --base-icon-date: "";
  --base-icon-document-archive: "";
  --base-icon-download: "";
  --base-icon-drag-drop: "";
  --base-icon-edit: "";
  --base-icon-exclamation-circle: "";
  --base-icon-exclamation: "";
  --base-icon-facebook: "";
  --base-icon-file-doc: "";
  --base-icon-file-document: "";
  --base-icon-file-image: "";
  --base-icon-file-pdf: "";
  --base-icon-file-powerpoint: "";
  --base-icon-file-video: "";
  --base-icon-file-xls: "";
  --base-icon-filter: "";
  --base-icon-gift: "";
  --base-icon-heart-filled: "";
  --base-icon-heart: "";
  --base-icon-home: "";
  --base-icon-info: "";
  --base-icon-instagram: "";
  --base-icon-invoice: "";
  --base-icon-language: "";
  --base-icon-linkedin: "";
  --base-icon-list: "";
  --base-icon-loading: "";
  --base-icon-lock: "";
  --base-icon-logged: "";
  --base-icon-login: "";
  --base-icon-logout: "";
  --base-icon-mail: "";
  --base-icon-map-pin: "";
  --base-icon-marketing: "";
  --base-icon-minus: "";
  --base-icon-password-hide: "";
  --base-icon-password-show: "";
  --base-icon-pause: "";
  --base-icon-payment: "";
  --base-icon-pen-to-square: "";
  --base-icon-phone: "";
  --base-icon-pinterest: "";
  --base-icon-play: "";
  --base-icon-plus: "";
  --base-icon-print: "";
  --base-icon-question: "";
  --base-icon-quickorder: "";
  --base-icon-register: "";
  --base-icon-reload: "";
  --base-icon-retoure: "";
  --base-icon-rma: "";
  --base-icon-search: "";
  --base-icon-send: "";
  --base-icon-service: "";
  --base-icon-settings: "";
  --base-icon-share: "";
  --base-icon-shipping: "";
  --base-icon-sorting: "";
  --base-icon-star-filled: "";
  --base-icon-star-half: "";
  --base-icon-star: "";
  --base-icon-subscriptions: "";
  --base-icon-tiktok: "";
  --base-icon-trash: "";
  --base-icon-twitter: "";
  --base-icon-upload: "";
  --base-icon-user: "";
  --base-icon-users: "";
  --base-icon-whatsapp: "";
  --base-icon-xing: "";
  --base-icon-youtube: "";
  --base-icon-zoom: "";
}

.icon-360:before {
  content: var(--base-icon-360);
}

.icon-academy:before {
  content: var(--base-icon-academy);
}

.icon-address:before {
  content: var(--base-icon-address);
}

.icon-addressbook:before {
  content: var(--base-icon-addressbook);
}

.icon-angle-down:before {
  content: var(--base-icon-angle-down);
}

.icon-angle-left:before {
  content: var(--base-icon-angle-left);
}

.icon-angle-right:before {
  content: var(--base-icon-angle-right);
}

.icon-angle-up:before {
  content: var(--base-icon-angle-up);
}

.icon-arrow-down:before {
  content: var(--base-icon-arrow-down);
}

.icon-arrow-left:before {
  content: var(--base-icon-arrow-left);
}

.icon-arrow-right:before {
  content: var(--base-icon-arrow-right);
}

.icon-arrow-up:before {
  content: var(--base-icon-arrow-up);
}

.icon-basket:before {
  content: var(--base-icon-basket);
}

.icon-bike:before {
  content: var(--base-icon-bike);
}

.icon-chart:before {
  content: var(--base-icon-chart);
}

.icon-chat:before {
  content: var(--base-icon-chat);
}

.icon-check-circle:before {
  content: var(--base-icon-check-circle);
}

.icon-check:before {
  content: var(--base-icon-check);
}

.icon-clock:before {
  content: var(--base-icon-clock);
}

.icon-close:before {
  content: var(--base-icon-close);
}

.icon-columns:before {
  content: var(--base-icon-columns);
}

.icon-copy:before {
  content: var(--base-icon-copy);
}

.icon-date:before {
  content: var(--base-icon-date);
}

.icon-document-archive:before {
  content: var(--base-icon-document-archive);
}

.icon-download:before {
  content: var(--base-icon-download);
}

.icon-drag-drop:before {
  content: var(--base-icon-drag-drop);
}

.icon-edit:before {
  content: var(--base-icon-edit);
}

.icon-exclamation-circle:before {
  content: var(--base-icon-exclamation-circle);
}

.icon-exclamation:before {
  content: var(--base-icon-exclamation);
}

.icon-facebook:before {
  content: var(--base-icon-facebook);
}

.icon-file-doc:before {
  content: var(--base-icon-file-doc);
}

.icon-file-document:before {
  content: var(--base-icon-file-document);
}

.icon-file-image:before {
  content: var(--base-icon-file-image);
}

.icon-file-pdf:before {
  content: var(--base-icon-file-pdf);
}

.icon-file-powerpoint:before {
  content: var(--base-icon-file-powerpoint);
}

.icon-file-video:before {
  content: var(--base-icon-file-video);
}

.icon-file-xls:before {
  content: var(--base-icon-file-xls);
}

.icon-filter:before {
  content: var(--base-icon-filter);
}

.icon-gift:before {
  content: var(--base-icon-gift);
}

.icon-heart-filled:before {
  content: var(--base-icon-heart-filled);
}

.icon-heart:before {
  content: var(--base-icon-heart);
}

.icon-home:before {
  content: var(--base-icon-home);
}

.icon-info:before {
  content: var(--base-icon-info);
}

.icon-instagram:before {
  content: var(--base-icon-instagram);
}

.icon-invoice:before {
  content: var(--base-icon-invoice);
}

.icon-language:before {
  content: var(--base-icon-language);
}

.icon-linkedin:before {
  content: var(--base-icon-linkedin);
}

.icon-list:before {
  content: var(--base-icon-list);
}

.icon-loading:before {
  content: var(--base-icon-loading);
}

.icon-lock:before {
  content: var(--base-icon-lock);
}

.icon-logged:before {
  content: var(--base-icon-logged);
}

.icon-login:before {
  content: var(--base-icon-login);
}

.icon-logout:before {
  content: var(--base-icon-logout);
}

.icon-mail:before {
  content: var(--base-icon-mail);
}

.icon-map-pin:before {
  content: var(--base-icon-map-pin);
}

.icon-marketing:before {
  content: var(--base-icon-marketing);
}

.icon-minus:before {
  content: var(--base-icon-minus);
}

.icon-password-hide:before {
  content: var(--base-icon-password-hide);
}

.icon-password-show:before {
  content: var(--base-icon-password-show);
}

.icon-pause:before {
  content: var(--base-icon-pause);
}

.icon-payment:before {
  content: var(--base-icon-payment);
}

.icon-pen-to-square:before {
  content: var(--base-icon-pen-to-square);
}

.icon-phone:before {
  content: var(--base-icon-phone);
}

.icon-pinterest:before {
  content: var(--base-icon-pinterest);
}

.icon-play:before {
  content: var(--base-icon-play);
}

.icon-plus:before {
  content: var(--base-icon-plus);
}

.icon-print:before {
  content: var(--base-icon-print);
}

.icon-question:before {
  content: var(--base-icon-question);
}

.icon-quickorder:before {
  content: var(--base-icon-quickorder);
}

.icon-register:before {
  content: var(--base-icon-register);
}

.icon-reload:before {
  content: var(--base-icon-reload);
}

.icon-retoure:before {
  content: var(--base-icon-retoure);
}

.icon-rma:before {
  content: var(--base-icon-rma);
}

.icon-search:before {
  content: var(--base-icon-search);
}

.icon-send:before {
  content: var(--base-icon-send);
}

.icon-service:before {
  content: var(--base-icon-service);
}

.icon-settings:before {
  content: var(--base-icon-settings);
}

.icon-share:before {
  content: var(--base-icon-share);
}

.icon-shipping:before {
  content: var(--base-icon-shipping);
}

.icon-sorting:before {
  content: var(--base-icon-sorting);
}

.icon-star-filled:before {
  content: var(--base-icon-star-filled);
}

.icon-star-half:before {
  content: var(--base-icon-star-half);
}

.icon-star:before {
  content: var(--base-icon-star);
}

.icon-subscriptions:before {
  content: var(--base-icon-subscriptions);
}

.icon-tiktok:before {
  content: var(--base-icon-tiktok);
}

.icon-trash:before {
  content: var(--base-icon-trash);
}

.icon-twitter:before {
  content: var(--base-icon-twitter);
}

.icon-upload:before {
  content: var(--base-icon-upload);
}

.icon-user:before {
  content: var(--base-icon-user);
}

.icon-users:before {
  content: var(--base-icon-users);
}

.icon-whatsapp:before {
  content: var(--base-icon-whatsapp);
}

.icon-xing:before {
  content: var(--base-icon-xing);
}

.icon-youtube:before {
  content: var(--base-icon-youtube);
}

.icon-zoom:before {
  content: var(--base-icon-zoom);
}

:root {
  --main-color-white: #ffffff;
  --main-color-black: #000000;
  --main-color-gray-base: #919191;
  --main-color-middle-gray: #d9dddd;
  --main-color-dark-gray: #919191;
  --main-color-light-gray: #f1f1f1;
  --main-color-primary: rgba(255, 0, 0, 0.49);
  --main-color-primary-dark: rgba(230, 0, 0, 0.49);
  --main-color-primary-darken: rgba(204, 0, 0, 0.49);
  --main-color-secondary: rgba(255, 51, 51, 0.49);
  --main-color-action: #142968;
  --main-color-danger: #D32D2D;
  --main-color-danger-dark: #bf2828;
  --main-color-warning: #FF9903;
  --main-color-warning-dark: #e98a00;
  --main-color-success: #160fdc;
  --main-color-success-dark: #0d76ae;
  --main-color-info: #f1f1f1;
  --main-color-primary-contrast: var(--main-color-white);
  --main-color-primary-dark-contrast: var(--main-color-white);
  --main-color-primary-darken-contrast: var(--main-color-white);
  --main-color-secondary-contrast: var(--main-color-white);
  --main-color-action-contrast: var(--main-color-white);
  --main-color-danger-contrast: var(--main-color-white);
  --main-color-danger-dark-contrast: var(--main-color-white);
  --main-color-warning-contrast: colorTextContrast(#FF9903);
  --main-color-warning-dark-contrast: colorTextContrast(#e98a00);
  --main-color-success-contrast: var(--main-color-white);
  --main-color-success-dark-contrast: colorTextContrast(#0d76ae);
  --main-color-info-contrast: colorTextContrast(#f1f1f1);
  --main-font-family: Inter,Helvetica, Arial, sans-serif;
  --main-font-weight: 400;
  --main-font-weight-bold: 600;
  --main-font-size-base: 1.6rem;
  --main-font-size-small: 1.4rem;
  --main-font-size-big: 1.8rem;
  --main-line-height: 1.4;
  --main-link-color: #000000;
  --main-link-color-hover: rgba(230, 0, 0, 0.49);
}

/* ----------------------------------
   Root Variables
---------------------------------- */
:root {
  --main-color-white: #ffffff;
  --main-color-black: #222222;
  --main-color-gray-base: #919191;
  --main-color-middle-gray: #d9dddd;
  --main-color-dark-gray: #919191;
  --main-color-light-gray: #f1f1f1;
  --main-color-primary: #222222;
  --main-color-primary-dark: #222222;
  --main-color-primary-darken: #222222;
  --main-color-secondary: #222222;
  --main-link-color-hover: #222222;
  --main-link-color-contrast: #222222;
  --main-link-color-active: #2b2b2c;
  --main-link-color-active-contrast: #222222;
  --main-font-size-base: 1.5rem;
  --main-font-family: "Alegreya Sans", sans-serif;
  --main-font-weight: 300;
  --main-font-weight-bold: 600;
}

/* ----------------------------------
   Allgemeines Layout
---------------------------------- */
.dcCookieModal .dcCookieBar__buttonaction {
  color: white;
}

.inline-social {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  align-items: center;
}

.c-text p {
  text-shadow: 0 0 9px rgba(255, 255, 255, 0.4588235294);
}

a.languageSwitchButton {
  position: absolute;
  left: 35px;
  font-size: 2rem !important;
  padding-right: 23px;
  text-decoration: none;
}

.languageSwitchList li img {
  display: none;
}

.inline-social p {
  margin: 0;
  padding-right: 4px;
}

.footerMain > div > div + .col-xs-12.col-sm-9.col-lg-6.col-xlg-7.marginBottom {
  display: none;
}

.iconList .icon {
  font-size: 60px;
}

div#dcCookieModalProvider {
  z-index: 100000;
}

.textblock-container h2, .textblock-container h3 {
  margin: 0;
}

.dcCookieModal .dcCookieBar__buttonaction:hover {
  color: #ffffff;
}

.collage-container.container {
  overflow: hidden;
}

.c-text .font-1 p, .c-text .font-2 p {
  margin: 0;
}

a.js-openCookieBanner + div,
nav div:first-child,
.mobileMenu__navigation.mobileMenu__navigation--main > div {
  display: none !important;
}

.grillo-text H3 {
  margin: 0;
}

div#js-toggleNavigation {
  position: absolute;
  right: 20px;
}

nav.headerMainNavigation.mainnav.js-mainNavigation {
  margin-top: 20px;
}

.headerLogo {
  max-width: 350px !important;
  text-align: center;
}
.headerLogo a,
.headerLogo img {
  display: block;
  aspect-ratio: 6/2;
  object-fit: contain;
  object-position: center;
}

.headerMain {
  padding: 30px 0;
  box-shadow: none;
}
.headerMain.sticky {
  position: unset;
}
.headerMain > .container {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}
.headerMain .headerLogo {
  margin: 0;
}

.sticky-helper {
  display: none;
}

header#header {
  z-index: 100;
}

.collage.extra-text-position {
  margin: auto;
  max-width: 1460px;
  min-width: auto;
}

.playlists {
  display: flex;
  align-content: center;
  align-items: center;
}

body {
  letter-spacing: 1.25px;
}

.copyright {
  width: auto;
  position: absolute;
  right: 50%;
  top: 72%;
  margin-right: 210px;
  left: unset;
}
.copyright img {
  height: 240px !important;
  width: auto !important;
}

/* ----------------------------------
   Typografie
---------------------------------- */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.itemcardHeadline,
.orderboxSummary__headline,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Abhaya Libre", serif;
  letter-spacing: -0.2px;
}

h1,
h2,
.h1,
.h2 {
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 0.9;
}

h4 {
  letter-spacing: 1px;
}

.textblock-container h3 {
  letter-spacing: 7px;
  text-transform: uppercase;
}

/* Headings */
.playlist-container {
  max-width: 850px;
}
.playlist-container h3 {
  font-size: 2rem;
  letter-spacing: 10px !important;
  text-transform: uppercase;
  margin: 0;
}

.bg--color .grillo-text {
  max-width: 500px;
}

.textblock-container h2,
.grillo-text h2 {
  font-size: 5rem;
  line-height: 1;
  transform: scaleY(1.25);
  margin: 30px 0 0;
}

.lowercase {
  text-transform: lowercase;
  font-style: italic;
  font-weight: 300 !important;
  letter-spacing: 7px;
  font-size: 3rem !important;
  line-height: normal !important;
  transform: none !important;
}

/* Text Styles */
.font-light {
  text-transform: uppercase;
  letter-spacing: 4px;
  font-family: "Abhaya Libre", serif;
}
.font-light p,
.font-light .c-text p {
  margin: 0;
}
.font-light strong {
  letter-spacing: 2px;
}

/* Positionierungen */
.c-text {
  position: absolute;
  top: 30px;
  left: 50%;
}
.c-text .font-1,
.c-text .font-2 {
  font-family: "Abhaya Libre", serif;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 3rem;
  letter-spacing: 4px;
}
.c-text .font-2 {
  text-transform: none;
  font-weight: 100;
  font-style: italic;
  letter-spacing: 10px;
}

.playlists {
  position: relative;
}
.playlists h3 {
  letter-spacing: 0 !important;
  margin: 0;
}

.playlist-img + .textcontent.noBackground {
  width: 75% !important;
  padding-right: 110px;
}

.play-button {
  position: absolute;
  right: 0 !important;
  width: auto;
}

/* Container & Textblöcke */
.textblock-container {
  position: relative;
  margin: auto;
  max-width: 1000px;
}

.textblock1,
.textblock2,
.textblock3,
.textblock4 {
  position: absolute;
  max-width: 300px;
}

.textblock1 {
  text-align: left;
  left: 59%;
  bottom: 100%;
}

.textblock2 {
  right: 63%;
  top: 0;
  text-align: right;
}

.textblock3 {
  top: 85%;
  right: 71%;
  margin-right: -165px;
}

.textblock4 {
  bottom: -25%;
  left: 72%;
  text-align: center;
  margin-left: -165px;
}

.textbox-bild {
  margin: 20% 0;
}

.extra-text-position-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 1010px;
}
.extra-text-position-2 * {
  text-transform: lowercase;
  font-size: 8rem;
  letter-spacing: 15px;
}

.big-font {
  text-transform: lowercase;
  font-size: 8rem;
  letter-spacing: 15px;
  font-family: "Abhaya Libre", serif;
}

/* Rezept */
.rezept-container {
  display: flex;
  align-content: center;
  justify-content: flex-end;
  background-size: contain;
  position: relative;
  padding: 15% 0;
}

.col-12.rezept-txt > div,
.rezept-txt {
  background: white;
  padding: 20px;
}

.rezept-txt {
  padding-bottom: 50px;
}

/* Text + Bild */
.textcontent.hasBackground {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.contentText .textcontent.noBackground {
  text-align: center;
}

/* Collage */
.collage {
  position: relative;
}

.grillo-text p strong {
  text-transform: uppercase;
}

.collage-img {
  text-align: center;
}
.collage-img *,
.collage-img > div {
  text-align: center;
  width: auto;
}
.collage-img img {
  max-width: 540px;
  width: 100% !important;
}

.collage-txt {
  position: absolute;
  right: 4%;
  width: 40%;
  top: 55%;
  padding: 0 35px;
  padding-right: 0;
}

/* Weitere Elemente */
.playlist-img * {
  border-radius: 10px !important;
}

.collectionArea .col-12.col-sm-6.col-md-3.marginBottom {
  width: 100% !important;
}

.media__previewimage.image {
  max-width: 200px;
  border-radius: 10px;
}

a.media {
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: flex-start;
}

.media__content {
  padding: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.bg--color {
  background-size: 50%;
}

.dot {
  font-size: 192px;
  line-height: 9rem;
  display: block;
  margin-bottom: -18px;
  color: #edb503;
  float: left;
  width: 100%;
}

.grillo-text {
  max-width: 670px;
  position: relative;
  margin: auto;
  padding-top: 20px;
}

.g-text {
  position: absolute;
  top: -10px;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 10px;
  left: 10px;
}

.inline-social > * {
  margin-bottom: 0;
}

/* ----------------------------------
   Responsive Styles
---------------------------------- */
@media (min-width: 1025px) {
  a.languageSwitchButton {
    font-size: 1.5rem !important;
    line-height: 2 !important;
  }
  .headerMain > .container {
    position: relative;
  }
}
@media (max-width: 1024px) {
  .textblock2 {
    bottom: 79% !important;
    top: unset;
  }
  ul.languageSwitchList {
    font-size: 2rem;
  }
  .rezept-container {
    background-size: cover;
    background-image: url(/userdata/images/Banner4-mobile.jpg) !important;
    justify-content: flex-end;
    padding: 40% 0;
  }
  .rezept-container.nero {
    background-image: url(/userdata/images/nero/tosone-nero-banner-4-mobile) !important;
  }
  .rezept-txt {
    width: 60%;
  }
  .contentImage {
    overflow: hidden;
  }
  .contentImage img {
    max-width: 180% !important;
    margin-left: -40%;
  }
  .bg--color {
    background-size: contain !important;
  }
}
@media (max-width: 768px) {
  :root {
    --main-font-size-base: 1.3rem;
  }
  a.languageSwitchButton {
    left: 20px;
  }
  .extra-logos img {
    width: 240px !important;
  }
  .rezept-container {
    padding: 40% 0 32% 0;
  }
  .nero .textblock1 {
    width: 222px;
    left: unset;
    right: -22px;
  }
  .footerBottom {
    display: flex;
    justify-content: center;
  }
  .font-light {
    padding: 0px 10px;
  }
  .collage-txt {
    position: relative;
    width: 100%;
    padding: 35px 20px;
    right: 0;
    left: 0;
    top: 0;
  }
  .copyright {
    top: 46%;
    right: 0%;
    margin: 0;
  }
  .collage-img,
  .collage-container {
    padding: 0;
  }
  .c-text {
    left: unset;
    right: 0 !important;
    width: auto;
    padding: 0 10px;
  }
  .collage-img img {
    padding-right: 40px;
  }
  .headerMain {
    margin-bottom: 30px;
  }
  .grillo-text {
    padding: 20px;
  }
  .textbox-bild {
    margin: 50% 0;
  }
  .textblock1,
  .textblock2,
  .textblock3,
  .textblock4 {
    padding: 0 10px;
    transform: scale(0.8);
  }
  .textblock2 {
    bottom: 74% !important;
    right: 59%;
  }
  .textblock3 {
    right: unset;
    left: -2% !important;
    top: 70%;
    max-width: 250px;
  }
  .textblock4 {
    bottom: -36%;
  }
  .playlist-img {
    max-width: 25%;
  }
  .headerLogo {
    max-width: 229px !important;
  }
  .extra-text-position-2 * {
    font-size: 6rem !important;
  }
  .playlist-img + .textcontent.noBackground {
    width: 75% !important;
    padding-right: 50px;
  }
  .playlist-img {
    padding: 0;
  }
  .playlists {
    margin: auto;
    padding-top: 30px;
    display: flex;
    align-content: center;
    align-items: center;
  }
  .footerBottomLeft {
    margin: 0 !important;
    text-align: center;
    margin-bottom: 32px !important;
  }
  .play-button {
    padding: 0;
    width: 35px;
  }
  .inline-social {
    justify-content: center;
    flex-direction: column;
  }
  .bg--color {
    background-size: 111%;
    background-position-y: 56%;
  }
  .logo-travel {
    margin-bottom: -20%;
  }
  .footer .nav ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .c-text p {
    font-size: 2.2rem;
  }
}
@media (max-width: 530px) {
  .logo-travel {
    margin-bottom: 0%;
  }
  .nero .c-text .font-2 {
    text-transform: none;
    font-weight: 100;
    font-style: italic;
    letter-spacing: 5px;
  }
  .textblock4 {
    bottom: -46%;
  }
}
@media (max-width: 410px) {
  .extra-text-position-2 * {
    font-size: 6rem;
    letter-spacing: 15px;
  }
  .nero .textblock4 {
    bottom: -48%;
  }
  .rezept-container {
    padding: 57% 0 47% 0;
  }
  .rezept-txt {
    width: 87%;
    transform: scale(0.8);
    -webkit-transform-origin-x: right;
  }
  .c-text .font-1,
  .c-text .font-2 {
    font-size: 2.4rem;
  }
  .textblock1 {
    left: 42%;
  }
  .copyright {
    bottom: 46%;
    right: 0%;
    margin: 0;
    top: unset;
  }
  .playlist-img {
    max-width: 23%;
    padding: 0;
  }
  .playlist-img + .textcontent.noBackground {
    width: 75% !important;
    padding-right: 52px;
  }
  .play-button {
    width: 37px;
    padding: 0;
  }
  .playlists {
    padding-bottom: 49px;
  }
  .textblock2 {
    bottom: 67% !important;
    right: 48%;
    background: white;
  }
  .textblock4 {
    bottom: -51%;
    left: 84%;
  }
}
/*# sourceMappingURL=child.css.map */