/* Diese Regel lädt die Schriftart aus dem Typekit-Kit */
@import url('https://use.typekit.net/ius8flt.css');

/* Definiere eine benutzerdefinierte Klasse, die die Schriftart verwendet */
.adobe-font {
    font-family: modula-sans, sans-serif; /* Ersetze 'Adobe Font Name' durch den tatsächlichen Namen der Schriftart aus deinem Typekit-Kit */
}
.adobe-font {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Ersetze 'Adobe Font Name' durch den tatsächlichen Namen der Schriftart aus deinem Typekit-Kit */
}

/* Beispiel-Nutzung der benutzerdefinierten Klasse auf einem Element */
h1 {
	font-family: modula-sans, sans-serif; font-size:4.2em; font-weight:700; text-transform: uppercase; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}
h2 {
	font-family: itc-avant-garde-gothic-pro, sans-serif; font-size:2.2em; font-weight:500; text-transform: uppercase; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}
h3 {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

h4 {
    font-family:modula-sans, sans-serif; text-transform:uppercase; font-weight:700; font-size:2em; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

h5 {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

h6 {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

ul {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

body {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

sup {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

sub {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

input {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
}

change-link {
    font-family: modula-sans, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

button {
    font-family: modula-sans, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

button-xs {
    font-family: modula-sans, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */	
}

dropdown-menu {
    font-family: itc-avant-garde-gothic-pro, sans-serif; /* Du kannst auch die Schriftart direkt auf einzelnen Elementen festlegen */
	
}

:root {


/*------------Palette------------*/
--primary-light: #CCCC00;
--primary-main: #fff;
--primary-dark: #fff;

--secondary-light: #1c1c1c;
--secondary-main: #1c1c1c;
--secondary-dark: #1c1c1c;

--accent-light: #CCCC00;
--accent-main: #CCCC00;
--accent-dark: #CCCC00;

--error: #e4032e;
--success: #86bc24;

/*--Font Settings--*/
--font-primary: 'itc-avant-garde-gothic-pro', sans-serif;
--font-title-primary: 'modula-sans', sans-serif;
--font-menu: 'itc-avant-garde-gothic-pro', sans-serif;
--font-fallback: 'itc-avant-garde-gothic-pro', sans-serif;

/*--Font Size Settings--*/
--font-body-size: 14px;
--font-p-size: 1em;
--font-h1-size: 3em;
--font-h2-size: 2.4em;
--font-h3-size: 1.2em;
--font-h4-size: 1.1em;
--font-h5-size: 1em;
--font-h6-size: 1em;
--font-sup-size: .8rem;
--font-sub-size: .9rem;
--font-input-size: .9em;
--font-button-size: .8em;
--font-button-sm-size: .8em;
--font-button-xs-size: .8em;
--font-menu-size: 1.2em;
--font-dropdown-menu-size: 1em;	

/*--Font Color Settings--*/
--text-primary-color:#1c1c1c;
--text-secondary-color:#1c1c1c;
--text-menu-color: #fff;
--text-menu-hover-color:#CCCC00;
--text-submenu-color: #1c1c1c;
--text-submenu-hover-color: var(--text-menu-hover-color);

--text-title-color: #CCCC00;

--text-on-navigation-bar: #fff;
--text-hover-on-navigation-bar:#CCCC00;
--text-hover-on-card:#CCCC00;
	
		
/*Icons Color Settings*/
--icon-primary: #1c1c1c;
--icon-secondary:#1c1c1c;
--icon-accent:#CCCC00;

/*Background Color Settings*/
--background-body: #fff;
--background-primary: #fff;
--background-secondary: #fff;
--background-accent: var(--accent-main);
--background-error: var(--error);
--background-widget-bar: #fff;
--background-menu-bar: #1c1c1c;
--background-navigation-bar: #1c1c1c;
--background-submenu: #fff;
--background-card: #1c1c1c;
--background-form-control:rgba(255,255,255,0.9);
--background-form-control-active: #fff;
--background-footer-main:#CCCC00;
--background-footer-copyright:#CCCC00;
--background-footer-payments:#CCCC00;
--background-dark: #1c1c1c;
--background-icon-contrast: rgba(200,200,200,0);
--background-slider-control: rgba(255,255,255,0.9);
--background-main-header:#CCCC00;
--shadow-hover-card: 0px 8px 20px 0px rgba(0,0,0,0.15);
	
/*Border Settings*/
--border-primary:#CCCC00;
--border-accent: var(--accent-main);
--border-error: var(--error);
--border-radius-sm: 0rem;
--border-radius-md: 1.5rem;
--border-radius-lg: 50rem;
--border-radius-arrow: 0rem;
--border-radius-img: .25rem;
--border-radius-button: 0rem;

}

.section-four-column-slider .slider-contain{
   min-height: 40vh; padding-bottom:0px; }

.section-four-column-slider .slider-contain .subtitle, .section-four-column-slider .slider-contain .title a:hover {
	color:  #CCCC00;}

.spaced-section {
padding-bottom: 1rem; padding-top: 1rem;
}

/*Mobil-Submenu*/
.navigation-bar .sub-menu-main>.submenu-item-container>.submenu-link {
    background-color: #fff;
}

.navigation-bar .main-menu .top-level-dropdown, .navigation-bar .main-menu .top-menu-link {
    font-size: 2em!important;
}