:root {
	--primaryLightestColor:#cbcf61 !important;
	--primaryLighterColor: #c3c84a !important;
	--primaryLightColor: #bcc134 !important;
	--primaryColor: #b5bb1e !important;
	--primaryDarkColor: #a2a81b !important;
	--primaryDarkerColor: #909518 !important;
	--primaryDarkestColor: #7e8215 !important;
	--secondaryColor: #0047ba !important;
	  
        --footerSubBgColor: var(--primaryColor); 
        --footerSubLinkColor: var(--shadeLightestColor); 
        --footerSubTextColor: var(--shadeLightestColor); 
        --topMetaBarBgColor: var(--primaryColor); 
        --topMetaBarTextColor: var(--shadeLightestColor); 
        --topMetaBarLinkColor: var(--shadeLightestColor); 
        --topMetaBarLinkHoverColor: var(--secondaryColor); 
        --topMetaBarLinkActiveColor: var(--secondaryColor);
}

/* --- FILLED BACKGROUND FOR SMALL PRODUCT PICTURES --- */
img.object-fit-contain.lazyautosizes.lazyloaded {
	background-color: white;
}

/* --- REGISTRATION INVISIBLE --- */
@layer legacy {
  a.d-inline-block.mt-4 {
    display: none !important;
  }

  .sky-form > hr {
    display: none !important;
  }

  .sky-form > p {
    display: none !important;
  }
}

.p-4.rounded.bg-shade-lightest {
    visibility: hidden;
}

input.js-timefrom.flatpickr-input {
    display: none;
}
input.js-timeuntil.flatpickr-input {
    display: none;
}
/* H1 auf der Startseite anzeigen */
h1.mt-6.sr-only {
    height: auto !important;    
    overflow: visible !important;   
    position: static !important;
    width: auto !important;
    white-space: normal !important;   
}
@media (max-width: 768px) {
  h1.mt-6.sr-only {
    font-size: 8vw;  /* Skaliert die Schriftgröße je nach Bildschirmbreite */    l
  }
}
/* Zentrieren von h1-Überschriften + Anpassen der Farbe*/
h1
{
    color: #51565c !important;
    text-align: center !important;
}

/*Anpassen der Zertifikatsdateien im Footer*/
@media (min-width: 601px){
div[style*="grid-template-columns: repeat(2,1fr)"] {
    width: 200px;
}
}

/*Anpassen der Zertifikatsdateien im Footer für kleinere Bildschirme*/

div[style*="grid-template-columns: repeat(2,1fr)"] {
    width: 26vw;
    max-width:200px;
    min-width: 125px;
}

}
/* Ändern der H2-Überschriftenfarbe*/
h2
{
color: #0047BA !important;
}

/* Vertauschen der Schriftgrößen (Überschriften) beim Hero*/
.hero__text.hero__subtitle.text-white.font-weight-bold.text-uppercase {
    font-size: 64px;
}
/* Vertauschen der Schriftgrößen (Überschriften) beim Hero*/
.hero__text.hero__title.r-line-height.text-white.font-weight-bold.text-uppercase.mt-1 {
    font-size: 24px;
}

@media (max-width: 600px)
{
/* Vertauschen der Schriftgrößen (Überschriften) beim Hero*/
.hero__text.hero__subtitle.text-white.font-weight-bold.text-uppercase {
    font-size: 40px;
}
/* Vertauschen der Schriftgrößen (Überschriften) beim Hero*/
.hero__text.hero__title.r-line-height.text-white.font-weight-bold.text-uppercase.mt-1 {
    font-size: 20px;
}
}