/* /public/css/ */

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/comfortaa-v40-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/comfortaa-v40-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/comfortaa-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v40-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v40-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v40-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v40-latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* Konfigurator */
.no-max-width { max-width: none !important; }
#gaia-svg-modifier-container svg { width:100%; height:100%; }
#car-container, #car-color, #car-container *, #car-color *{mix-blend-mode: multiply;} /* fuers korrekte Einfaerben */
.configurator-container .group-items-container { display:flex; flex-direction:row; flex-wrap:wrap; }
.gaia-item { padding:.15rem !important; flex-basis: 20%; }
.gaia-item.border { border:0 !important; }
.gaia-item .inner-item { position:relative; display:block !important; }
.gaia-item .inner-item .image-container + .text-container { position:absolute; bottom:0; text-align:center; width:100%; background-color:rgba(255,255,255,.7); }
.gaia-item .text-container { padding:0 !important; }
.gaia-item .text-container .item-name { font-size:0.85em; }
.gaia-item .inner-item .image-container .item-color-preview { height:40px !important; }
.gaia-group .group-items-container:not([template="checkbox"]) .gaia-item.is-active { background-color:#fff !important; }
.gaia-group .group-items-container:not([template="checkbox"]) .gaia-item.is-active .inner-item { border:1px solid #f07e04; }
#gaia-group-809 .form-control { border:0; }
#gaia-input-4904 { cursor:pointer; }
.product-detail-delivery-information { margin-bottom:0; }
.custom-product-image-container { height:100% }
#gaia-svg-modifier-container { height:80%; display:flex; align-items:center; }
#gaia-configurator .gaia-configurator-group-container.is-accordion .group-header, 
#gaia-configurator .gaia-configurator-group-container.is-multi-accordion .group-header { font-size:1.1rem; background-color:#fafafa; }
#gaia-configurator .gaia-configurator-group-container.is-accordion .gaia-group,
#gaia-configurator .gaia-configurator-group-container.is-multi-accordion .gaia-group { border-bottom:0; }
#gaia-configurator .gaia-configurator-group-container.is-accordion .gaia-group:last-child,
#gaia-configurator .gaia-configurator-group-container.is-multi-accordion .gaia-group:last-child { border-bottom:1px solid #ddd; }

/* Konfigurator ausgeblendete Elemente */
#gaia-group-809 .group-content .form-label,
.gaia-configuration-summary-container .caption,
.gaia-configuration-summary-container .gaia-configuration-summary,
.group-content-display,
.product-detail-tab-title { display:none !important; }
/* ^^ TAB "Beschreibung" bei Produktdetails ausgeblendet */

.product-detail-tabs:not(.product-detail-cross-selling) .product-detail-tabs-content { padding-top:0; }
.cms-block-product-heading,
.product-detail-tabs-content { text-align:center; }
.product-detail-tabs-content,
.product-detail-tabs-content * { padding-bottom:0 !important; margin-bottom:0 !important; }

#car-text * { stroke-width:0; }

#outline * { fill:none !important; stroke-width:3.7 !important; }


/* in Textbaustein per Leerzeichen ersetzt: "listing.listingTextFrom" original: "Ab" */

/* --- ausgeblendete Elemente --- */
.cms-element-product-listing .product-description,
.newsletter .js-field-toggle-newsletter-additional .form-group:first-child label,
.footer-service-menu-list { display:none; }

/* Widerrufsbelehrung-Link bei Kauf */
.revocation-notice { display:none; }

/* Warenkorb */
/* Add Cart und Gutschein */
.cart-add-promotion,
.cart-add-product { display:none; }

/* Offcanvas Menü */
/* Gutscheincode */
.js-offcanvas-cart-add-promotion { display:none; }

/* Registrierung: Abteilung, USt-ID, Bundesland ausblenden */
.js-field-toggle-contact-type-company .form-row:last-child,
.country-and-state-form-elements .form-group:last-child,
.country-and-state-form-elements,
.js-field-toggle-contact-type-company div:last-of-type div:last-of-type { display:none; }




/* --- ab hier Änderungen --- */

/* Header */
.extra-rows { width:46%; }
.extra-rows .rechnung,
.extra-rows .co2 { font-size:1rem; color:#000; background: #c5c4c4; background: linear-gradient(to right, #c5c4c4 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c4c4', endColorstr='#eeeeee', GradientType=1 ); }
.extra-rows .phone { color:#f07e04; }
.extra-rows .telefon { font-size:1.5rem; }
.extra-rows .telefon a { color:#000; }
.extra-rows .telefon a:hover { color:#f07e04; }

.navigation-dropdown-list { background:#999; }
.navigation-dropdown-link:hover, .navigation-dropdown-link:focus { background:#777; }

.container-main { padding-top:0; padding-bottom:0; }
.is-act-home .container-main { padding-top:0; margin-top:36px; }
.breadcrumb-container { background-color:#eee; margin-bottom:2rem; }

.base-slider.has-nav-outside {padding-left:80px; padding-right:80px; }

.navigation-dropdown-link { padding-top:1px; padding-bottom:1px; }

/* ----------------------------------------------
 * Generated by Animista on 2022-2-4 10:18:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* kann sein, dass das hier auf visible stehen muss, wenn das Zoomen aktiv ist */
.base-slider .tns-ovh { overflow:hidden; }

/* ZOOM Animation - erst mal ausgeschaltet ...
.is-act-home .tns-slide-active .img-fluid {
	-webkit-animation: kenburns-bottom 5s ease-out both;
	        animation: kenburns-bottom 5s ease-out both;
}
*/
@-webkit-keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}@keyframes kenburns-bottom{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 84%;transform-origin:50% 84%}100%{-webkit-transform:scale(1.25) translateY(15px);transform:scale(1.25) translateY(15px);-webkit-transform-origin:bottom;transform-origin:bottom}}

.main-navigation-wrapper-dropdown .main-navigation .main-navigation-link .main-navigation-link-text .icon svg,
.main-navigation-wrapper-dropdown .main-navigation .main-navigation-link .main-navigation-link-text { color:#fff; }
.main-navigation-wrapper-dropdown .main-navigation .dropdown-menu .icon svg { color:#444 !important }
.main-navigation-wrapper-dropdown .main-navigation .dropdown-menu .main-navigation-link-text { color:#444444; }
.base-slider.has-nav-outside {padding-left:80px; padding-right:80px; }
.main-navigation-wrapper-dropdown .main-navigation .main-navigation-menu > .main-navigation-link.active:hover > .main-navigation-link-text.active { color:#f07e04; }

.dropdown-menu { white-space:nowrap; }
.main-navigation-wrapper-dropdown .main-navigation .main-navigation-link { padding:0; }
.main-navigation-wrapper-dropdown div .main-navigation-link { line-height:30px; }
.main-navigation-link .main-navigation-link-text::after { left:0; right:40px; }
.main-navigation-link div .main-navigation-link-text::after { background:transparent; }

.cms-element-category-listing h2 { font-size:1rem; padding-top:4px; text-align:center; }
.cms-element-category-listing-item { border:1px solid #ccc; margin-bottom:50px; }



/* Produktliste */
.product-wishlist-action-circle { top:0; right:0; }
.product-name { margin-top:0; height:auto; }
.product-cheapest-price,
.product-price-info .product-price-unit { height:auto; min-height:auto; }
.is-act-home .cms-element-category-listing { padding:0 1.5rem; }



/* Produktdetail */
.is-ctl-product .footer-main { margin-top:20px; }
.product-detail-buy,
.product-detail-content { margin-bottom:0; }
/* Lupe bei Produktbild
.gallery-slider-item.is-contain .gallery-slider-image, 
.gallery-slider-single-image.is-contain .gallery-slider-image,
.magnifier-image { cursor:zoom-in !important; } */

.product-detail-media .gallery-slider-item.is-cover, .product-detail-media .gallery-slider-single-image.is-cover, .product-detail-media .gallery-slider-item.is-contain, .product-detail-media .gallery-slider-single-image.is-contain { margin:0; }


.product-detail-media .gallery-slider-item.is-cover, .product-detail-media .gallery-slider-single-image.is-cover, .product-detail-media .gallery-slider-item.is-contain, .product-detail-media .gallery-slider-single-image.is-contain { padding-top:0; min-height:500px !important; }


.product-detail-description-text ul { list-style:none; padding-left:0; }
.product-detail-description-text li { display:inline-block; line-height:1; }
.product-detail-description-text li::before { content: "\2022"; color: #f07e04; font-weight: bold; font-size: 2rem; display: inline-block; width: 0.75em; vertical-align: middle;margin-left: 10px; }
.product-detail-description-text li:first-child::before { margin-left:0; }

.product-detail-configurator-option-input + .product-detail-configurator-option-label.is-display-color { min-width:105px; height:50px; position:relative; }
.product-detail-configurator-option-input + .product-detail-configurator-option-label.is-display-color span { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; background: rgba(255,255,255,0.8); padding: 2px 0px; font-size:0.7rem; }

.custom-select { background-color:#eee; }
textarea.tmms-customer-input-value { border:1px solid #e8e7e8; }
.tmms-customer-input-detail-box-form br { display:none; }
.tmms-customer-input-detail-box-form label { font-weight:bold; }




/* Extras */
.handel-hinweis { background-color:#f07e04; text-align:center; padding:5px; font-weight:bold; font-size:1rem; }

.ueber-uns .cms-element-image .cms-image { margin-left:auto; }

/* Footer */
.footer-main { margin-top:40px }
.footer-bottom .social-icons .social-icon .icon { color:#fff; background-color:#6d6d6d; padding:5px; }
.footer-bottom .icon { width:35px; height:35px; }

.footer-contact-form,
.footer-contact-hotline a,
.footer-column-content p { margin:0 !important; }



/* ab hier responsive Einstellungen */
@media only screen and (max-width: 1800px) {
    .gaia-item { flex-basis: 25%; }
}

@media only screen and (max-width: 1670px) {
    .varianten-info .icon-arrow-up:nth-child(2) { display:none; }
    .gaia-item { flex-basis: 33.3333%; }
}

@media only screen and (max-width: 1260px) {
    .gaia-item { flex-basis: 50%; }
    .extra-rows .rechnung,
    .extra-rows .co2 { font-size:.8rem; }
    .extra-rows .telefon { font-size:1.2rem; }
}

@media only screen and (max-width: 991px) {
    .gaia-item { flex-basis: 33.3333%; }
    #gaia-svg-modifier-container { margin-bottom:20px; }
    .varianten-info .icon-arrow-up:nth-child(2) { display:inline-flex; }
    .product-detail-media .gallery-slider-item.is-cover, .product-detail-media .gallery-slider-single-image.is-cover, .product-detail-media .gallery-slider-item.is-contain, .product-detail-media .gallery-slider-single-image.is-contain { min-height:auto !important; }
    .product-detail-media .gallery-slider-item.is-cover, .product-detail-media .gallery-slider-item.is-contain, .product-detail-media .gallery-slider-single-image.is-cover, .product-detail-media .gallery-slider-single-image.is-contain { height:auto !important; }
    .gallery-slider-item.is-cover .gallery-slider-image, .gallery-slider-item.is-contain .gallery-slider-image, .gallery-slider-single-image.is-cover .gallery-slider-image, .gallery-slider-single-image.is-contain .gallery-slider-image { position:static; }
    .breadcrumb-container { background-color:#fff; }
    .extra-rows .rechnung,
    .extra-rows .co2 { display:none; }
    .extra-rows { width:auto; padding-top:1rem; }
}

@media only screen and (max-width: 768px) {
    .product-detail-name { font-size:28px }
    .varianten-info .icon-arrow-up:nth-child(2) { display:none; }
}

@media only screen and (max-width: 576px) {
    .gaia-item { flex-basis: 50%; }
    .extra-rows .telefon { margin-right:10px; margin:0; width:100%; text-align:center; }
    .extra-rows { padding-top:0; margin:0; width:100% }
}

@media (min-width: 1200px) {
	.container-main { min-height:900px; }
}

@keyframes hinweis {
  from {background-color: #6d6d6d;}
  to {background-color: #999999;}
}