/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

html, body  {
font-family: Roboto;
font-weight: 400;
font-size: 18px;
}

body {
color: #000000;
}

@media only screen and (min-width: 768px) {
	.header.original .logo {
	    float: left;
	}
	
	.header.original .mainmenu {
	    float: right;
	}
	
	.header.original .smartmenu {
	    float: right;
	    margin-top: 15px;
	}	
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.ce_revolutionslider_text.bold, .font_headline {
font-family: Roboto;
font-weight: 700;
}

.mainmenu ul li a  {
font-family: Roboto Condensed;
font-size: 0.9rem;
font-weight: 400;
}

.mainmenu ul li ul li a  {
font-family: Roboto Condensed;
font-size: 0.9rem;
font-weight: 400;
}

.smartmenu-content .mod_navigation li:not(.floatbox) {
font-family:Roboto;
}

.ce_revolutionslider_text {
    font-family: Roboto Condensed;    
    font-style: normal !important;
    word-break:break-word;
}

.ce_revolutionslider_text.bg-accent {
    font-style: normal !important;
    padding: 20px 20px 20px 20px;
}

.ce_revolutionslider_text.bg-white {
    background: rgba(255,255,255,1);
    font-style: normal !important;
}

.ce_leadertext.version1 {
    margin-bottom: 60px;
    max-width: 100%;
}

#footer .ce_iconbox_v2.style3 .ce_iconbox_outside {
    background: none;
    border: 1px solid rgb(220,220,220);
}

#footer .ce_iconbox_v2.style3 i {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

#footer .ce_iconbox_v2.style3 .content {
    color: rgba(255,255,255,1);
    min-height: 144px;
}

.list-col2.ce_featurelist li {
    display: block;
    width: 100%;
    float: none;
}

.bg-accent {
    background-color: #ffed00;
    color: #000;
    padding: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
	.bg-accent {
	    background-color: #ffed00;
	    color: #000;
	    padding: 15px 0 0 15px;
	}	
}

.bg-white {
    background-color: #ffffff;
    color: #000;
    padding: 15px 0;
}

/*##########################*/
/* Hamburger-Button - Grundstil */
/* Grundstil für den Hamburger-Button */
#nav-open-btn {
    display: inline-flex;          /* Inline + flex für Linie + Text */
    align-items: center;           /* vertikal zentrieren */
    position: absolute;            /* rechts oben */
    top: 32px;                     /* Abstand vom Header-Top */
    right: 20px;                   /* Abstand vom rechten Rand */
    cursor: pointer;
    z-index: 9999;
}

/* Die drei Linien */
#nav-open-btn span.line1,
#nav-open-btn span.line2,
#nav-open-btn span.line3 {
    display: block;
    width: 25px;
    height: 3px;
    margin: 4px 0;
    background-color: #FFED00;     /* gelbe Linien */
}

/* Optional: Text „Menu“ rechts neben den Linien */
#nav-open-btn strong {
    margin-left: 10px;
    color: #FFED00;
    font-size: 14px;
}

/* Sichtbarkeit nur Mobile */
@media screen and (max-width: 767px) {
    #nav-open-btn {
    	margin-top: 12px;
        display: inline-flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 36px;
        height: 36px;
        cursor: pointer;
        z-index: 9999;
        background: #ffffff; /* Hintergrundfarbe vom Button */
    }

    /* Hamburger-Linien */
    #nav-open-btn span {
        display: block;
        width: 25px;
        height: 3px;
        margin: 4px 0;
        background-color: #FFED00; /* Gelb */
        border-radius: 2px;        /* leicht abgerundet */
    }

    /* Menü-Text verstecken */
    #nav-open-btn strong {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    #nav-open-btn {
        display: none !important;
    }
}