<style type="text/css">
/*<![CDATA[*/

/*----------------------------------------
Formular-Auswahlfelder vergrößern
----------------------------------------*/
select.cc-product-variant-selectbox {
    font-size: 1.6rem !important;
    margin-top: 10px !important;
}


/*----------------------------------------
Breadcrum Menue ausblenden
----------------------------------------*/
.jtpl-breadcrumbs .j-nav-variant-breadcrumb {
    display: none;}


/*----------------------------------------
Breadcrum Menue ausblenden
----------------------------------------*/
.jtpl-breadcrumbs .j-nav-variant-breadcrumb {
    display: none;
}


/*----------------------------------------
Mobiles Menue Abstand 1. Eintrag von oben
----------------------------------------*/
.jtpl-mobile-navigation__inner  {
    padding-top: 30px;
}


/*----------------------------------------
Mobiles Menue 2. Ebene Schrift - Inkl. 1 Vorkommen
----------------------------------------*/
.jtpl-mobile-navigation__inner .j-nav-level-1 a:link, .jtpl-mobile-navigation__inner .j-nav-level-1 a:visited {

    font-size: 17px !important;
    line-height: 1.5 !important;
    padding: 10px 30px;
    transition: all .5s cubic-bezier(.23,.96,.58,1);
	white-space: nowrap;
}


/*----------------------------------------
Mobiles Menue Abstand zwischen Text 1. Ebene und 2. Ebene
----------------------------------------*/
.jtpl-mobile-navigation__inner .j-nav-level-0 .j-nav-level-1 li:first-child a:first-child, .jtpl-mobile-navigation__inner .j-nav-level-0 .j-nav-level-2 li:first-child a:first-child {
    padding-top: 5px;
}


/*----------------------------------------
Mobiles Menue 1. Ebene Schrift
----------------------------------------*/
.jtpl-mobile-navigation__inner a:link, .jtpl-mobile-navigation__inner a:visited {
    font-size: 19px !important;
    line-height: 1.5 !important;
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid rgba(33,33,33,.1);
    color: #999;
    padding: 8px 13px;
    transition: color,.3s ease-out;
    text-decoration: none;
    display: block;
    position: relative;
}


/*----------------------------------------
Desktop Menue oben fixieren
----------------------------------------*/

.jtpl-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
	width: 100%;
	z-index: 87654321 !important;
}


/*----------------------------------------
Desktop Menue Schriftgroesse
----------------------------------------*/
.jtpl-navigation__inner a:link, .jtpl-navigation__inner a:visited {
    font-size: 19px !important;;
}


/*----------------------------------------
Desktop Menue 1. Ebene Schrift
----------------------------------------*/      
.j-nav-level-1 a:link, .j-nav-level-1 a:visited {
    font-size: 19px !important;
    line-height: 1.5 !important;
    padding: 10px 16px;
    transition: all .5s cubic-bezier(.23,.96,.58,1);
	white-space: nowrap;
}
        

/*----------------------------------------
Logo fixiert links oben, ID über Firefox ermitteln
----------------------------------------*/
.jtpl-logo a img {
    max-height: 100% !important;
    max-width: 500px !important;
}

.jtpl-logo {
    
}
.jtpl-logo {
    position:fixed !important;
    z-index: 99999999999 !important;
    left:-5px !important;
    top:-35px!important;
    max-height: 100% !important;
    max-width: 500px !important;
    padding: 0 !important;
}



/*----------------------------------------
Hamburger Ausrichtung rechts
----------------------------------------*/
.jtpl-navigation__label {
    position: sticky;
    right:20px;
}


/*----------------------------------------
Mobile Navigation breiter machen und nach oben
----------------------------------------*/
.jtpl-mobile-navigation__inner {
    position: sticky;
    display: block;
    visibility: hidden;
    width: 260px;
    overflow: hidden;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    position: relative;
    z-index: 99999999;
    margin-top: 0px;
    margin-left: 0px;
    top:-30px !important;
    left:calc(100% - 260px) !important;
    -ms-transform-origin: left;
    transform-origin: left;
    transition: all .5s cubic-bezier(.6,-.61,.38,2.03);
}


/*----------------------------------------
Titelbild Hoehe Break 1 festlegen | Smartphone
----------------------------------------*/
@media (min-width: 1px)
 {
    .jtpl-header {
        min-height:  240px !important;
    }
}

/*----------------------------------------
Titelbild Hoehe Break 2 festlegen | Tablet Hochformat 
----------------------------------------*/
@media (min-width: 767px)
 {
    .jtpl-header {
        min-height:  300px !important;
    }
}

/*----------------------------------------
Titelbild Hoehe Break 3 festlegen | Tablet Querformat 
----------------------------------------*/
@media (min-width: 1023px)
 {
    .jtpl-header {
        min-height:  350px !important;
    }
}


/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 1 
----------------------------------------*/
@media (min-width: 1180px)
 {
    .jtpl-header {
        min-height:  380px !important;
    }
}

/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 2 
----------------------------------------*/
@media (min-width: 1380px)
 {
    .jtpl-header {
        min-height:  410px !important;
    }
}

/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 3 
----------------------------------------*/
@media (min-width: 1500px)
 {
    .jtpl-header {
        min-height:  440px !important;
    }
}

/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 4 
----------------------------------------*/
@media (min-width: 1650px)
 {
    .jtpl-header {
        min-height:  470px !important;
    }
}


/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 5 
----------------------------------------*/
@media (min-width: 1775px)
 {
    .jtpl-header {
        min-height:  500px !important;
    }
}


/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 6 
----------------------------------------*/
@media (min-width: 1910px)
 {
    .jtpl-header {
        min-height:  530px !important;
    }
}


/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 7 
----------------------------------------*/
@media (min-width: 2030px)
 {
    .jtpl-header {
        min-height:  580px !important;
    }
}


/*----------------------------------------
Titelbild Hoehe Break 4 festlegen | Desktop Querformat 8
----------------------------------------*/
@media (min-width: 2258px)
 {
    .jtpl-header {
        min-height:  650px !important;
    }
}



/*----------------------------------------
Titelbild Startseite wie Folgeseiten
----------------------------------------*/
.cc-indexpage .jtpl-header {
    height: auto !important;
    }  



/*----------------------------------------
Menue Buchstabenabstände
----------------------------------------*/
.jtpl-navigation__inner a:link, .jtpl-navigation__inner a:visited {
    letter-spacing: 1.5px;
}


/*----------------------------------------
Desktop Menue Ausrichtung rechts
----------------------------------------*/
.navigation-alignment {
    text-align: right;
}


/*----------------------------------------
Desktop Menue Abstände außen
----------------------------------------*/
.jtpl-navigation__inner {
   	padding: 0px 12px 0px 0px!important;
	}


/*----------------------------------------
Desktop Menue Level 1 Menüs Breite und Ausrichtung
----------------------------------------*/
.jtpl-navigation .j-nav-level-1 {
   	min-width:230px; /*auto;*/
	text-align: left;
} 


/*----------------------------------------
Mobiles Menue fixieren
----------------------------------------*/
.jtpl-mobile-topbar,
.jtpl-mobile-navigation {
    position:fixed !important;
	z-index: 999999999 !important;
}


/*----------------------------------------
Mobile Navigation nach oben schieben
----------------------------------------*/
.jtpl-mobile-navigation__inner {
    position: fixed !important;
    top: 50px !important;
}

	
/*----------------------------------------
Kundenbewertungen mit Linie
----------------------------------------*/
.com-list-noava li, .j-comment li {
    overflow: hidden !important;
    position: relative !important;
    padding: 40px 15px 40px 0!important;
    border-top: 2px groove #eeeeee !important;
}


/*----------------------------------------
H3 mittig und groesser
----------------------------------------*/
.content-options h3, .content-options .j-rss h3 a:link, .content-options .j-rss h3 a:visited {
font-weight: normal;
font-style: normal;
text-align: center;
}


/*----------------------------------------
Desktop: Hauptmenue seitlicher Abstand
----------------------------------------*/
.jtpl-navigation__inner a:link, .jtpl-navigation__inner a:visited {
padding: 14.5px 10px !important;
}



/*----------------------------------------
Footer: Keine Unterstreichung + Farbe weiss
----------------------------------------*/

.footer-options a:link, .footer-options a:visited, .footer-options .leftrow, .footer-options .rightrow {
color: #fff;
}
.jtpl-footer a:link, .jtpl-footer a:visited {
text-decoration: none;
}


/*----------------------------------------
Mobile Ansicht: Warenkorb fixieren
----------------------------------------*/
.jtpl-cart{
    position:fixed!important;
    z-index:99999999999999!important;
    right:0%;
    top:100px;
}


/*----------------------------------------
Warenkorb ausblenden, wenn leer
----------------------------------------*/
.j-cart.is-empty {
display: none;
}


/*----------------------------------------
Links nicht unterstreichen
----------------------------------------*/
.j-module a:link, .j-module a:visited, .j-static-page a:link, .j-static-page a:visited {
text-decoration: none;
}



/*----------------------------------------
Mobiles Menue Pfeil nach rechts
----------------------------------------*/
.jtpl-navigation__checkbox:checked + .jtpl-main .jtpl-navigation__label .jtpl-navigation__borders {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); 
}


/*----------------------------------------
Mobiles Menue erstes + Zeichen Abstand von oben 
----------------------------------------*/
.jtpl-mobile-navigation__inner .j-nav-level-0 li:first-child a:first-child + span {
    top: 1px !important;
}


/*----------------------------------------
Mobiles Menue Abstand im ersten Menuepunkt
----------------------------------------*/
.jtpl-mobile-navigation__inner .j-nav-level-0 li:first-child a:first-child {
    padding-top: 7px !important;
}


/*----------------------------------------
Cookie Dialog Anpassung
----------------------------------------*/
.cc-individual-cookie-settings-overlay {
opacity: 0.8 !important;
z-index: 999999999999999;
}

div.cc-individual-cookie-settings.ui-dialog {
left: 50% !important;
transform: translate(-50%, -3%);
max-width: 700px;
width: 95% !important;
}

.cc-individual-cookie-settings.ui-dialog {
    font-family: "Source Sans Pro",sans-serif,"google";
}

.cc-individual-cookie-settings.ui-dialog .btn-primary {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #f59e00 !important;
}


#cookie-settings-selected {
    background-color: #f59c00 !important;
}




button.toggle span.fill {
    background-color: #f59e00 !important;
}

button:focus { outline: none !important; }
button:focus,

.cc-individual-cookie-settings.ui-dialog .links a:focus {
    outline: none !important; }

/*]]>*/
</style>

