@charset "UTF-8";
/** CONTENT */
/** FONT */
/** COLORS */
/** Dark grey */
/** SIZES */
.content-container { min-height: calc(100vh - 324px - 75px); width: 1200px; max-width: 100%; margin: 0 auto; padding: 0 15px; margin-top: 80px; }

.content-text-center { text-align: left; }

.content-text-center > h1, .content-text-center > h2, .content-text-center > h3 { margin: 20px 0 30px 0; }

.content-text-center ul { list-style-position: inside; }

.centered-content { margin: 0 auto; height: auto; overflow: hidden; display: inline-block; }

#animated-header { height: calc(200vh + 200px); }

#scroll-area-header > div { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-size: cover; }

#scroll-area-header > div.stay { top: calc(100vh + 200px); position: absolute; }

#scroll-area-header #mainbanner { opacity: 0; height: 100vh; }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #mainbanner { background-image: url("../images/garage/banner/Banner-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #mainbanner { background-image: url("../images/garage/banner/Banner-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #mainbanner { background-image: url("../images/garage/banner/Banner-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #mainbanner { background-image: url("../images/garage/banner/Banner-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #mainbanner { background-image: url("../images/garage/banner/Banner-21_9.png"); } }

#scroll-area-header #mainbanner .scroll-icon { position: absolute; width: 50px; left: calc(50vw - 25px); bottom: 2%; text-align: center; }

#scroll-area-header #mainbanner .pink-area { top: 0; height: 100vh; }

#scroll-area-header #mainbanner .bannercontent { height: 100vh; width: 50%; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); padding-top: 50px; display: flex; flex-direction: column; justify-content: center; }

#scroll-area-header #mainbanner h2, #scroll-area-header #mainbanner p { color: white; margin-left: 0; }

#scroll-area-header #mainbanner h2 { font-size: 50px; line-height: 1.2; }

#scroll-area-header #mainbanner p { font-size: 24px; }

#scroll-area-header #mainbanner .littlesquares-container { margin-left: -30px; }

#scroll-area-header #garage-area { opacity: 0; }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area { background-image: url("../images/garage/bg/Garage-4_3.jpg"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area { background-image: url("../images/garage/bg/Garage-8_5.jpg"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area { background-image: url("../images/garage/bg/Garage-16_9.jpg"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area { background-image: url("../images/garage/bg/Garage-18_9.jpg"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area { background-image: url("../images/garage/bg/Garage-21_9.jpg"); } }

#scroll-area-header #garage-area .highlight-imagecontent { display: block; width: 100vw; height: 100vh; opacity: 0; background-size: cover; position: absolute; left: 0; top: 0; }

#scroll-area-header #garage-area .highlight-imagecontent.open { opacity: 1; }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-mobil.png"); background-size: contain; height: 100vw; } }

@media screen and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-4_3.png"); } }

@media screen and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-8_5.png"); } }

@media screen and (min-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-16_9.png"); } }

@media screen and (min-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-18_9.png"); } }

@media screen and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-21_9.png"); } }

@media screen and (max-width: 1000px) { #scroll-area-header #garage-area .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-mobil.png"); background-size: contain; height: 100vw; } }

#scroll-area-header #garage-area .svg { position: absolute; width: 100vw; height: 100vh; overflow: hidden; display: none; }

#scroll-area-header #garage-area .svg svg { width: auto; height: 100vh; }

#scroll-area-header #garage-area .svg svg path { fill: transparent !important; cursor: pointer; }

@media screen and (min-width: 1000px) and (max-aspect-ratio: 4 / 3) { #scroll-area-header #garage-area .svg.r4-3 { display: block; } }

@media screen and (min-width: 1000px) and (min-aspect-ratio: 4 / 3) and (max-aspect-ratio: 8 / 5) { #scroll-area-header #garage-area .svg.r8-5 { display: block; } }

@media screen and (min-width: 1000px) and (min-aspect-ratio: 8 / 5) and (max-aspect-ratio: 16 / 9) { #scroll-area-header #garage-area .svg.r16-9 { display: block; } }

@media screen and (min-width: 1000px) and (min-aspect-ratio: 16 / 9) and (max-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .svg.r18-9 { display: block; } }

@media screen and (min-width: 1000px) and (min-aspect-ratio: 18 / 9) { #scroll-area-header #garage-area .svg.r21-9 { display: block; } }

#scroll-area-header #garage-area .folded-imagecontent-onClick, #scroll-area-header #garage-area .folded-imagecontent-onClick2 { position: absolute; display: block; background-size: cover; background-position: center; top: 0; height: 100vh; width: calc(100vw - 500px); }

#control-area { position: absolute; background-color: #383c45; color: #fff; box-shadow: 4px 0px 20px #6666; width: 500px; top: 100vh; height: 100vh; overflow: hidden; padding-top: 100px; display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 24px; }

@media screen and (max-width: 1000px) { #control-area { padding-top: 0; } }

@media screen and (min-height: 900px) { #control-area { padding-top: 0px; } }

#control-area h2 { display: block; width: 70%; margin: 15px auto 0; }

@media screen and (min-height: 900px) { #control-area h2 { margin: 80px auto 0; } }

#control-area .textfield { display: block; width: 70%; margin: 0 auto; margin-top: 35px; }

#control-area #garage-area-mobile { display: none; }

@media screen and (max-width: 1000px) { #animated-header { height: auto !important; }
  #scroll-area-header #mainbanner { padding-top: 50px; min-height: 100vh; height: auto !important; opacity: 1; position: relative; background-image: url("../images/garage/banner/Banner-mobil.png"); }
  #scroll-area-header #mainbanner .pink-area { min-height: 100vh; height: auto !important; }
  #scroll-area-header #mainbanner .pink-area .bannercontent { min-height: 100vh; height: auto !important; width: 100%; }
  #scroll-area-header #mainbanner .pink-area .bannercontent .headline h2 { text-shadow: 2px 2px #555; font-size: 40px; font-size: 8vw; }
  #scroll-area-header #mainbanner .pink-area .bannercontent .text { padding-bottom: 70px; font-size: 18px; line-height: 24px; }
  #scroll-area-header #mainbanner .pink-area .bannercontent .text p { font-size: 18px; line-height: 24px; color: white; text-shadow: 1px 1px #555; }
  #scroll-area-header #garage-area { display: none; }
  #control-area { min-width: initial; max-width: initial; position: relative; width: 100%; top: 0 !important; height: auto !important; }
  #control-area h2 { width: 100%; padding: 0 20px; margin-top: 40px; }
  #control-area .textfield { width: 100%; padding: 0 20px; margin-top: 10px; }
  #control-area #garage-area-mobile { display: block; position: relative; opacity: 1; background-image: url("../images/garage/bg/Garage-mobil.jpg"); background-size: contain; height: 100vw; width: 100vw; margin: 30px 0; }
  #control-area #garage-area-mobile .highlight-imagecontent { display: block; width: 100vw; height: 100vh; opacity: 0; background-size: cover; position: absolute; left: 0; top: 0; background-size: contain; height: 100vw; }
  #control-area #garage-area-mobile .highlight-imagecontent.open { opacity: 1; }
  #control-area #garage-area-mobile .highlight-imagecontent.display { background-image: url("../images/garage/display/Display-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.vcu { background-image: url("../images/garage/vcu/VCU-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.driveunit { background-image: url("../images/garage/driveunit/DU-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.motorsteuerung { background-image: url("../images/garage/motorsteuerung/MS-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.batterie { background-image: url("../images/garage/batterie/Batterie-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.software { background-image: url("../images/garage/software/Software-mobil.png"); }
  #control-area #garage-area-mobile .highlight-imagecontent.ladegeraet { background-image: url("../images/garage/ladegeraet/Ladegeraet-mobil.png"); } }

@media screen and (min-height: 1000px) { #control-area .imagecontentselector { display: flex; flex-direction: column; justify-content: space-around; } }

.imagecontentselector { margin-top: 40px; margin-bottom: 80px; background-color: #383c45; color: #fff; }

.imagecontentselector .symbol-with-text-container { cursor: pointer; }

.imagecontentselector .symbol-with-text-container .symbol-with-text-wrapper { width: 90%; margin: 0px auto; padding: 0; }

.imagecontentselector .symbol-with-text-container .mobile-foldedContent { height: 0; margin: 0 0 0 auto; overflow: hidden; padding-top: 10px; }

.imagecontentselector .symbol-with-text-container .mobile-foldedContent p { text-align: left; margin: 5%; padding-left: 2%; }

.imagecontentselector .symbol-with-text-container .symbol-with-text { position: relative; border-bottom: 1px solid #eaebef; opacity: 1; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row { display: table; text-align: left; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row .number { padding-left: 0; display: inline-block; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row .name { display: inline-block; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row .plus { display: table-cell; vertical-align: middle; font-weight: 700; color: #fff; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row p { vertical-align: middle; padding-left: 30px; font-weight: 700; color: #fff; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row .plus { width: 1%; font-size: 24px; color: #b5b5b5; font-weight: 400; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent { height: 0; padding: 0; text-align: center; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent.open { margin-bottom: 30px; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent img { width: 90%; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link { text-align: right; display: block; position: relative; color: #ffcd00; padding-right: 35px; font-weight: bold; -webkit-transition: padding 0.3s linear; -moz-transition: padding 0.3s linear; -ms-transition: padding 0.3s linear; -o-transition: padding 0.3s linear; transition: padding 0.3s linear; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link:hover { padding-right: 25px; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link p { text-align: right; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow { display: inline-block; height: 12px; width: 12px; cursor: pointer; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow::before { content: ""; width: 100%; height: 100%; border-width: 1px 1px 0 0; border-style: solid; border-color: #ffcd00; transition: 0.2s ease; display: block; transform-origin: 100% 0; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow:after { content: ""; float: left; position: relative; top: -100%; width: 100%; height: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: #ffcd00; transform-origin: 100% 0; transition: 0.2s ease; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow.left { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow.right { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow.bottom { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow.top { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent .text-link .arrow.right { position: absolute; top: 0; bottom: 0; margin: auto; right: 5%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.imagecontentselector .symbol-with-text-container.open .symbol-with-text .closed-row p, .imagecontentselector .symbol-with-text-container.show .symbol-with-text .closed-row p { color: #ffcd00; }

.imagecontentselector .symbol-with-text-container.open.open .symbol-with-text .plus, .imagecontentselector .symbol-with-text-container.show.open .symbol-with-text .plus { color: #ffcd00; }

.modalbox, .modalbox.open { display: none; }

@media screen and (min-width: 500px) { .imagecontentselector .symbol-with-text-container .symbol-with-text-wrapper { width: 70%; } }

@media screen and (max-width: 1000px) { .imagecontentselector .symbol-with-text-container { display: block !important; margin-top: 0 !important; } }

@media screen and (min-width: 1000px) { .link { position: absolute; bottom: 0; }
  #clickableImageContainer > div:nth-child(1) .modalbox.open { display: flex; }
  #clickableImageContainer #imageContent { display: block; }
  .foldedContentImg .folded-imagecontent-onClick, .foldedContentImg .folded-imagecontent-onClick2 { position: absolute; width: 100%; height: 100%; z-index: 9; background-size: cover; }
  .foldedContentImg .folded-imagecontent { position: relative; width: 100%; height: 100vh; background-size: cover; background-position: center; }
  .foldedContentImg .folded-imagecontent.open.img .position { display: none; }
  .foldedContentImg .folded-imagecontent.open .position { display: block; }
  .foldedContentImg .folded-imagecontent .position { display: none; position: absolute; top: 50%; left: 50%; }
  .foldedContentImg .folded-imagecontent .position .content { position: relative; }
  .foldedContentImg .folded-imagecontent .position .content > div { position: absolute; z-index: 5; }
  .foldedContentImg .folded-imagecontent .position .content > div .svg { z-index: 10; position: relative; }
  .foldedContentImg .folded-imagecontent .position .content > div img { position: absolute; visibility: hidden; z-index: 0; }
  .foldedContentImg .folded-imagecontent .position .content > div.open img { visibility: visible; }
  .foldedContentImg .folded-imagecontent .position svg { height: auto; z-index: 2; }
  .foldedContentImg .folded-imagecontent .position svg path { cursor: pointer; fill: transparent !important; }
  .foldedContentImg .folded-imagecontent .position .display { top: -19.6vh; left: -4vh; }
  .foldedContentImg .folded-imagecontent .position .display svg { width: 5.4vh; }
  .foldedContentImg .folded-imagecontent .position .display img { width: 18vh; top: -7vh; left: -6.2vh; }
  .foldedContentImg .folded-imagecontent .position .vcu { left: 4.5vh; top: 18vh; }
  .foldedContentImg .folded-imagecontent .position .vcu svg { width: 5.5vh; }
  .foldedContentImg .folded-imagecontent .position .vcu img { left: -6.8vh; width: 16.7vh; top: -5.2vh; }
  .foldedContentImg .folded-imagecontent .position .driveunit { left: 8.2vh; top: 14.5vh; z-index: 4 !important; }
  .foldedContentImg .folded-imagecontent .position .driveunit svg { width: 9vh; }
  .foldedContentImg .folded-imagecontent .position .driveunit img { width: 20vh; top: -4.4vh; left: -6.2vh; }
  .foldedContentImg .folded-imagecontent .position .motorsteuerung { top: 16.3vh; left: 11.2vh; }
  .foldedContentImg .folded-imagecontent .position .motorsteuerung svg { width: 6.4vh; }
  .foldedContentImg .folded-imagecontent .position .motorsteuerung img { width: 18vh; top: -8.5vh; left: -7vh; }
  .foldedContentImg .folded-imagecontent .position .batterie { left: 7vh; top: -0.5vh; }
  .foldedContentImg .folded-imagecontent .position .batterie svg { width: 16vh; }
  .foldedContentImg .folded-imagecontent .position .batterie img { width: 25.5vh; top: -6.6vh; left: -6.3vh; }
  .foldedContentImg .folded-imagecontent .position .software { left: -12vh; top: -28vh; z-index: 3 !important; }
  .foldedContentImg .folded-imagecontent .position .software svg { width: 74vh; }
  .foldedContentImg .folded-imagecontent .position .software img { width: 97vh; top: 1.1vh; left: -9.7vh; }
  #clickableImageContainer { display: flex; flex-direction: row; }
  #clickableImageContainer > div:nth-child(1) { order: 1; width: 35%; }
  #clickableImageContainer > div:nth-child(2) { order: 2; display: block; width: 65%; height: 100vh; }
  #clickableImageContainer > div:nth-child(3) { order: 3; position: absolute; width: 65%; height: 100vh; right: 0; z-index: 5; padding: 0; }
  #clickableImageContainer > div:nth-child(3) .image-content { background-size: cover; background-position: center; }
  #clickableImageContainer > div:nth-child(3) .foldedContentImg { opacity: 0; }
  .imagecontentselector .symbol-with-text-container { cursor: pointer; }
  .imagecontentselector .symbol-with-text-container .symbol-with-text-wrapper { display: table; margin: 0px auto; padding: 0; }
  .imagecontentselector .symbol-with-text-container .symbol-with-text { position: relative; border-bottom: 1px solid #eaebef; opacity: 1; }
  .imagecontentselector .symbol-with-text-container .symbol-with-text .closed-row .name { margin-left: 5%; }
  .imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent { height: 0 !important; padding: 0 !important; display: none; }
  .imagecontentselector .symbol-with-text-container .symbol-with-text .mobile-foldedContent.open { margin: 0 !important; }
  .imagecontentselector .symbol-with-text-container.last .symbol-with-text { border-bottom: none; }
  .imagecontentselector .symbol-with-text-container.open .symbol-with-text p, .imagecontentselector .symbol-with-text-container.show .symbol-with-text p { color: #ffcd00; }
  .imagecontentselector .symbol-with-text-container.open.open .symbol-with-text .plus, .imagecontentselector .symbol-with-text-container.show.open .symbol-with-text .plus { color: #ffcd00; }
  .modalbox { display: none; width: 370px; height: auto; max-height: 90vh; position: absolute; top: 9%; right: 2%; z-index: 997; background-color: #161b1c; color: #fff; box-shadow: 5px 5px 15px #6666; overflow: hidden; }
  .modalbox.open { display: block; position: fixed; }
  .modalbox .modal-content { max-height: 85vh; }
  .modalbox .modal-content .modal-headline { width: 100%; }
  .modalbox .modal-content .modal-headline h3 { font-size: 34px; display: block; padding: 0 10%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .modalbox .modal-content .littlesquares-container { margin: 0; margin-left: 8%; margin-bottom: 50px; }
  .modalbox .modal-content .modal-text { display: block; margin: 0 10%; margin-bottom: 95px; overflow: auto; padding-top: 30px; padding-bottom: 15px; line-height: 1.5; }
  .modalbox .modal-content .modal-text strong { display: block; }
  .modalbox .modal-content .modal-text p { text-align: left; font-weight: 300; }
  .modalbox #modal-close { position: relative; cursor: pointer; margin-right: 0; margin-left: auto; width: 10%; height: 40px; margin-top: 10px; margin-right: 20px; }
  .modalbox #modal-close span { background-color: #fff; border-radius: 4px; display: block; height: 1.3px; width: 40px; opacity: 1; position: absolute; top: calc(40px / 2); }
  .modalbox #modal-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .modalbox #modal-close span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .modalbox #modal-close:hover span { background-color: #ffcd00; }
  .modalbox .modal-btn { width: 100%; background-color: #161b1c; height: 90px; position: absolute; bottom: 0; border-top: 1px solid #383c45; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
  .modalbox .modal-btn p { margin: 0 0 0 10%; margin-left: 10%; text-align: center; color: #fff; line-height: 90px; display: inline-block; font-size: 20px; font-weight: bold; }
  .modalbox .modal-btn .arrow { display: inline-block; height: 20px; width: 20px; cursor: pointer; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; }
  .modalbox .modal-btn .arrow::before { content: ""; width: 100%; height: 100%; border-width: 1px 1px 0 0; border-style: solid; border-color: #fff; transition: 0.2s ease; display: block; transform-origin: 100% 0; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }
  .modalbox .modal-btn .arrow:after { content: ""; float: left; position: relative; top: -100%; width: 100%; height: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: #fff; transform-origin: 100% 0; transition: 0.2s ease; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }
  .modalbox .modal-btn .arrow.left { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
  .modalbox .modal-btn .arrow.right { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  .modalbox .modal-btn .arrow.bottom { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .modalbox .modal-btn .arrow.top { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  .modalbox .modal-btn .arrow span { background-color: white; }
  .modalbox .modal-btn:hover { background-color: #ffcd00; padding-left: 20px; } }

.elementrow-row { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; height: auto; padding-bottom: 50px; }

.elementrow-row script { display: none; }

.elementrow-row .elementrow-container { text-decoration: none; overflow: hidden; background-color: #eaebef; height: 250px; float: left; margin: 0 auto 15px auto; width: calc(100%); cursor: pointer; opacity: 0.8; }

.elementrow-row .elementrow-container .elementrow-img-wrapper { background-color: #eaebef; height: 77%; display: block; overflow: hidden; }

.elementrow-row .elementrow-container .elementrow-img { display: block; background-repeat: no-repeat; background-size: contain; height: 200px; background-position: center; border: 0.5px solid #eaebef; }

.elementrow-row .elementrow-container .elementrow-text { margin-top: 13px; text-transform: uppercase; }

.elementrow-row .elementrow-container .elementrow-text p { text-align: center; font-size: 16px; }

.elementrow-row .elementrow-container.open { background-image: url("assets/images/hover_yellow.png"); background-position: bottom; box-shadow: 0px 2px 18px #6666; opacity: 1; }

.elementrow-row .elementrow-container.open p { color: black; }

@media screen and (min-width: 445px) { .elementrow-row .elementrow-container { width: calc(100% / 2 - 3px); margin: 0 1px 15px 2px; } }

@media screen and (min-width: 730px) { .elementrow-row .elementrow-container { width: calc(100% / 2 - 3px); } }

@media screen and (min-width: 1340px) { .elementrow-row .elementrow-container { width: calc(100% / 7 - 3px); } }

@media (pointer: coarse) { .elementrow-row .elementrow-container { opacity: 1; } }

#products-list { margin-bottom: 200px; }

#products-list .product-informations { display: flex; align-items: flex-start; padding-top: 200px; /** Image Slider */ /** Informatrions Grid */ }

@media screen and (max-width: 1000px) { #products-list .product-informations { padding-top: 70px; } }

#products-list .product-informations .product-images { flex: 0 0 50%; width: 50%; overflow: hidden; position: relative; }

#products-list .product-informations .product-images .product-image-slider .swiper-slide { background-size: cover; background-position: center; }

#products-list .product-informations .product-images .product-image-slider .swiper-slide::after { content: ""; display: block; padding-bottom: 70%; }

#products-list .product-informations .product-images .product-image-slider[data-image-count="1"] .swiper-pagination, #products-list .product-informations .product-images .product-image-slider[data-image-count="1"] .arrow-wrapper-styled { display: none !important; }

#products-list .product-informations .product-informations-grid { flex: 0 0 50%; width: 50%; padding-left: 70px; position: relative; }

#products-list .product-informations .product-informations-grid__header { display: flex; align-items: center; padding-right: 100px; }

#products-list .product-informations .product-informations-grid__headline { flex-grow: 2; padding-right: 15px; }

#products-list .product-informations .product-informations-grid__headline h2 { font-size: 36px; padding-top: 0; margin-left: 0; }

#products-list .product-informations .product-informations-grid .btn-back { flex-grow: 1; max-width: 120px; }

#products-list .product-informations .product-informations-grid__inner { display: flex; margin-top: 60px; align-items: flex-start; }

#products-list .product-informations .product-informations-grid__inner .grid-field { flex: 0 0 50%; width: 50%; padding-right: 100px; }

#products-list .product-informations .product-informations-grid__inner .grid-field > div { margin-bottom: 50px; }

#products-list .product-informations .product-informations-grid__inner .grid-field > div > h3 { margin-bottom: 10px; }

#products-list .product-informations .product-informations-grid__inner .grid-field > div .btn { width: 100%; margin-bottom: 5px; }

#products-list .product-informations .product-informations-grid__inner .grid-field > div.price-field-mobile { display: none; }

#products-list .product-informations .product-informations-grid__inner .grid-field .headline-with-border { border-bottom: solid 1px #161b1c; margin-bottom: 10px; padding-bottom: 10px; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed { position: relative; height: 300px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow { display: inline-block; height: 16px; width: 16px; cursor: pointer; position: absolute; right: 20px; top: 0; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow::before { content: ""; width: 100%; height: 100%; border-width: 1px 1px 0 0; border-style: solid; border-color: #161b1c; transition: 0.2s ease; display: block; transform-origin: 100% 0; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow:after { content: ""; float: left; position: relative; top: -100%; width: 100%; height: 100%; border-width: 0 1px 0 0; border-style: solid; border-color: #161b1c; transform-origin: 100% 0; transition: 0.2s ease; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow.left { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow.right { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow.bottom { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow.top { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow:hover::before, #products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow:hover::after { border-color: #ffcd00; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed::after { content: ""; display: block; position: absolute; width: 100%; height: 40px; bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 100%); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed.short-content .arrow, #products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed.short-content::after { display: none; }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed.collapsed .arrow { top: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed.collapsed::after { display: none; }

@media screen and (max-width: 1300px) { #products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed { height: auto !important; }
  #products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed .arrow { display: none !important; }
  #products-list .product-informations .product-informations-grid__inner .grid-field .grid-area-collapsed::after { display: none !important; } }

@media screen and (max-width: 1300px) { #products-list .product-informations .product-informations-grid__inner { display: block; }
  #products-list .product-informations .product-informations-grid__inner .grid-field { flex: 0 0 100%; width: 100%; }
  #products-list .product-informations .product-informations-grid__inner .grid-field > div.price-field { display: none; }
  #products-list .product-informations .product-informations-grid__inner .grid-field > div.price-field-mobile { display: block; } }

@media screen and (max-width: 1000px) { #products-list .product-informations { display: block; }
  #products-list .product-informations .product-images { flex: 0 0 100%; width: 100%; }
  #products-list .product-informations .product-informations-grid { flex: 0 0 100%; width: 100%; padding: 40px 10% 0 10%; }
  #products-list .product-informations .product-informations-grid__header { display: block; }
  #products-list .product-informations .product-informations-grid__headline { padding-right: 0; }
  #products-list .product-informations .product-informations-grid .btn-back { margin: 15px auto; }
  #products-list .product-informations .product-informations-grid__inner .grid-field { padding-right: 0; } }

#products-list .product-informations .table-container table { border-collapse: collapse; width: 100%; }

#products-list .product-informations .table-container table th { font-weight: 700; }

#products-list .product-informations .table-container table th, #products-list .product-informations .table-container table td { padding-right: 15px; padding-top: 3px; border-bottom: 1px solid #f5f5f6; text-align: left; }

.col-layout { display: table; margin: 0 auto; width: 100%; max-width: 1220px; padding: 0 40px; }

.col-container, .col-2-container, .col-3-container { position: relative; width: 100%; max-width: 100%; }

@media screen and (max-width: 1000px) { .col-layout { padding: 0 20px; } }

@media screen and (min-width: 1000px) { .col-container { float: left; }
  .col-2-container { float: left; width: 50%; }
  .col-3-container { float: left; width: 33.33333%; } }

.contentfield .col-layout .col-1-container { margin-top: 100px; margin-bottom: 50px; }

.productgrid { position: relative; display: flex; flex-wrap: wrap; margin: 20px 0; }

.productgrid .grid-single-product { background-color: #f5f5f6; background-size: contain; background-repeat: no-repeat; background-position: center bottom; width: 30%; margin-bottom: 2.5%; margin-left: 2.5%; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }

.productgrid .grid-single-product:hover { background-color: #b5b5b5; }

.productgrid .grid-single-product .stretch { display: block; padding-bottom: 50%; position: relative; }

.productgrid .grid-single-product .product-title { font-size: 22px; position: absolute; top: 20px; right: 20px; width: calc(100% - (40px)); text-transform: uppercase; }

@media screen and (max-width: 1000px) { .productgrid .grid-single-product { width: 42.5%; margin-bottom: 5%; margin-left: 5%; }
  .productgrid .grid-single-product .stretch { padding-bottom: 70%; } }

@media screen and (max-width: 460px) { .productgrid .grid-single-product { width: 90%; margin-bottom: 5%; margin-left: 5%; } }

.contentslider { margin: 20px 0; position: relative; }

.contentslider .swiper-wrapper .swiper-slide { display: flex; flex-wrap: no-wrap; min-height: 750px; }

.contentslider .swiper-wrapper .swiper-slide .part-left { flex: 0 0 50%; width: 50%; }

.contentslider .swiper-wrapper .swiper-slide .part-left .slider-img { width: 100%; height: 100%; min-height: 450px; background-position: center; background-size: cover; }

.contentslider .swiper-wrapper .swiper-slide .part-right { flex: 0 0 50%; width: 50%; padding: 40px 90px 40px 50px; background-color: #f5f5f6; flex-direction: column; display: flex; }

.contentslider .swiper-wrapper .swiper-slide .part-right h3 { margin-left: 0; padding-top: 0; margin-bottom: 50px; }

.contentslider .swiper-wrapper .swiper-slide .part-right .textfield { flex-grow: 2; }

.contentslider .swiper-wrapper .swiper-slide .part-right .textfield .text { font-style: italic; }

.contentslider .swiper-wrapper .swiper-slide .part-right .textfield .source { margin-top: 30px; display: block; max-width: 200px; }

.contentslider .swiper-wrapper .swiper-slide .part-right .product-list { margin-top: 50px; }

.contentslider .swiper-wrapper .swiper-slide .part-right .product-list h3, .contentslider .swiper-wrapper .swiper-slide .part-right .product-list h4 { font-size: 24px; margin-bottom: 10px; }

.contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container { display: flex; flex-wrap: wrap; }

.contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container .product-image { display: inline-block; height: 70px; margin-top: 10px; margin-right: 10px; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container .product-image:hover { opacity: 0.7; }

@media screen and (max-width: 1000px) { .contentslider .swiper-wrapper .swiper-slide { flex-wrap: wrap; }
  .contentslider .swiper-wrapper .swiper-slide .part-left { flex: 0 0 100%; width: 100%; }
  .contentslider .swiper-wrapper .swiper-slide .part-left .slider-img { height: 450px; }
  .contentslider .swiper-wrapper .swiper-slide .part-right { flex: 0 0 100%; width: 100%; padding: 40px 50px; }
  .contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container { justify-content: space-between; }
  .contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container > a { display: block; flex: 0 0 31%; }
  .contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container .product-image { margin: 0; height: auto; width: 100%; } }

@media screen and (max-width: 540px) { .contentslider .swiper-wrapper .swiper-slide .part-right .product-list .product-image-container > a { flex: 0 0 48%; } }

.contentslider.swiper-custom-dots-lines .swiper-pagination { position: relative; bottom: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: auto; justify-content: center; margin-top: 40px; }

.arrow-wrapper-styled { position: absolute; text-align: center; z-index: 2; width: 45px; height: 100px; background-color: rgba(22, 27, 28, 0.9); top: 0; bottom: 0; margin: auto 0; }

.arrow-wrapper-styled.left { left: 0; }

.arrow-wrapper-styled.left .arrow { position: absolute; top: 36px; left: 13px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

@media screen and (max-width: 1000px) { .arrow-wrapper-styled.left { -webkit-transform: scale(0.75) translateX(-20%); -moz-transform: scale(0.75) translateX(-20%); -ms-transform: scale(0.75) translateX(-20%); -o-transform: scale(0.75) translateX(-20%); transform: scale(0.75) translateX(-20%); } }

.arrow-wrapper-styled.right { right: 0; }

.arrow-wrapper-styled.right .arrow { position: absolute; top: 36px; right: 13px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

@media screen and (max-width: 1000px) { .arrow-wrapper-styled.right { -webkit-transform: scale(0.75) translateX(20%); -moz-transform: scale(0.75) translateX(20%); -ms-transform: scale(0.75) translateX(20%); -o-transform: scale(0.75) translateX(20%); transform: scale(0.75) translateX(20%); } }

.arrow-wrapper-styled .arrow { display: inline-block; height: 30px; width: 30px; cursor: pointer; }

.arrow-wrapper-styled .arrow::before { content: ""; width: 100%; height: 100%; border-width: 3px 3px 0 0; border-style: solid; border-color: #fff; transition: 0.2s ease; display: block; transform-origin: 100% 0; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.arrow-wrapper-styled .arrow:after { content: ""; float: left; position: relative; top: -100%; width: 100%; height: 100%; border-width: 0 3px 0 0; border-style: solid; border-color: #fff; transform-origin: 100% 0; transition: 0.2s ease; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; -ms-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }

.arrow-wrapper-styled .arrow.left { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.arrow-wrapper-styled .arrow.right { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.arrow-wrapper-styled .arrow.bottom { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.arrow-wrapper-styled .arrow.top { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Anchorpoints */
#produkte, #über-uns, #cases, #news, #kontakt { height: 80px; }

#technologie { visibility: hidden; position: absolute; margin-top: -75px; }

.clear { clear: both; }

.landingpage-roller, .product-driversystems { font-size: 16px; line-height: 1.5; }

.landingpage-roller .page__content > div:last-of-type, .product-driversystems .page__content > div:last-of-type { margin-bottom: 200px; }

h2 { padding-top: 20px; margin-bottom: 10px; }

.large-text { font-size: 24px; }

.small-text { max-width: 410px; }

.btn.btn-download { padding-right: calc(53px + 25px); position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.btn.btn-download .icon-download { position: absolute; display: flex; justify-content: center; align-items: center; right: 0; height: 100%; top: 0; border-left: 1px solid #fff; width: 53px; }

.btn.btn-download .icon-download svg path, .btn.btn-download .icon-download svg line { stroke: #161b1c; }

.btn.btn-download:hover .icon-download svg path, .btn.btn-download:hover .icon-download svg line { stroke: #fff; }