/* Template Seitenbreite Anweisung Kuhlmann */
/* brauche es aber hier ansich NICHT mehr, weil in Astroid bei Basis einstellbar */
.container, .container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper { max-width_: 1280px; }


/* Systemoutput */
#inhalt {
    background-color: transparent;
    padding: 0;
}


/* Submenüblock nach unten | Farbe entspricht Seiten-Hgr ! */
.megamenu-container {
  border-top: 5px solid #f6f6f6;
}

/* Horizontale Linie */
hr {
  background-color: #4d4d4d;
  opacity: 1;
}

/* Titelüberschriften | Linie darunter hinzufügen */
/* Andere Anweisungen in Astroid bei Typo H3 */
h3 {
  color_: red;
  line-height_: 1.8em;
  font-family_: ;
  border-bottom_: 1px solid red;
}


/* Komplette Navbar / header / z-index > eins weniger als .logo-modul */
.astroid-header-section {
	height_: 100px;
	margin-top: -8px !important;
    box-shadow_: none !important;
    background_: #72c6c7 !important;
    z-index: 998 !important;
}

/* Das Logo steht auf Pos logo-oben-links und muss nach unten
> muß in Reihenfolge (z-index) ÜBER die Navbar stehen > astroid-header-section */
.logoobenlinks {
	margin-top: 15px !important;
    position: absolute;
    z-index: 999 !important;
}


 /* Abstände Hauptmenüpunkte horizontal */
.astroid-nav > li > a {
    margin-left: 0px;
    margin-right: 0px;
}


/* Hauptmenüpunkte activ */
.astroid-nav .nav-link.active {
    color_: #fff;
    background: #f0f0f0;
    font-size_: 14pt;
    padding-top_: 16px;
    margin-top_: -10px;
    height_: 60px;
    transition: color 2000ms, background-color 2000ms;
}

/* Hauptmenüpunkte hover | transition ist default */
.astroid-nav .nav-link:hover {
    color_: #12879a;
    background: #f0f0f0;
    font-size_: 14pt;
    padding-top_: 18px;
    margin-top_: -10px;
    height_: 60px;
    transition: color 400ms, background-color 400ms; 
}


/* Hauptmenüpunkte */
li {
  padding: 1px 0;
}


.has-megamenu:hover {
  background: #4d4d4d !important;
  transition: color 400ms, background-color 400ms; 

}


/* SUBMENÜs */

/* Submenü normal > Breite und Position etc */
.astroid-nav .nav-submenu > li > a {
	width: 300px;
	font-family: Oswald SemiBold;
    font-size: 16pt;
	border-top_: 0px solid rgba(0, 0, 0, 0.0);
	color: #fff;
    background: #32974f;
    margin-left: 10px !important;
    transition: all 0.3s ease-in-out;
}


/* Submenü hover */
.astroid-nav .nav-submenu > li > a:hover {
	width: 300px;
	border-top_: 0px solid rgba(0, 0, 0, 0.0);
	color: #4e4e4e;
    background: #32974f;
    transition: all 0.3s ease-in-out;
  	padding-left: 25px;
}

/* Submenü aktiv */
.astroid-nav .nav-submenu > li a.active {
  color: #4e4e4e;
  background-color: #32974f;
}

.nav-submenu-container .nav-submenu > li {
  font-family_: library-font-fira-sans-semibold, Arial, Helvetica, sans-serif;
  background: #32974f;
}

.nav-submenu > li {
  width: 300px;
  margin-top: 7px;
}


/* Hier klasisches OffCanvas Modul als mobile Menü samt Hgrbild mit Text: "MENÜ" */
.burger-menu-button .button {
background-image: url("../../../images/Mobilemenu_Hgrbild_MENU_transp.jpg");
  padding: 0;
  text-align: left !important;
  background-color: transparent;
  width: 125px;
  height: 50px;
  font-size: 80px !important;
}


/* ↓ MEGA-MENÜ ab hier ↓ */

/* Das Modul das im Megamenü erscheint, 
muss aber anderweitig überall unsichtbar gemacht werden ! */
.modulfuersmegamenu {
  display: none;
}

.megamenu-container {
  background_: #d2d2d2 !important;
  background_: rgba(255, 255, 255, 0.5);
  border-top_: 0px solid #f6f6f6 !important;
  margin-top_: 71px !important;
  padding_: 0px !important;
}

.megamenu-container .row > * {
  padding-left_: 0px !important;
  padding-right_: 0px !important;
  margin-top_: 5px !important;
  margin-bottom_: -11px !important;
}

.nav-submenu {
  margin-left_: -10px !important;
}



/* ↑ MEGA-MENÜ ENDE ↑ */


hr {
  background-color: #4e4e4e !important;
}
















/* ↓ FLEXICONTACTPLUS ↓  */

/* Hintergrund */
div.fcp_wrapper {
    border: 0px solid #e8e8e8;
    background-color: transparent;
}


/* Absendenknopf */
.fcp_form input.fcp_btn {
    background-color: #4e4e4e !important;
    font-size: 14pt !important;
    padding: 5px !important;
}

/* Absendenknopf */
.fcp_form input.fcp_btn:hover {
	background-color: #32974f !important;
    font-size: 14pt !important;
    padding: 5px !important;
}


/* Feldnamen / Labels */
div.fcp_line label {
    font-size: 15px;
}


/* Texte IN den Feldern */
div.fcp_label {
	position_: absolute;
	padding: 7px 0px 3px 10px;
}

/* Texte die IM Anfragefel geschrieben werden */
div.fcp_line input {
    border: 1px solid #878787 !important;
    background-color: rgba(0, 0, 0, 0.1) !important;
    padding: 0px 0px 0px 10px !important;
}

/* hover über Texte die IM Anfragefel geschrieben werden */
div.fcp_line input:hover {
	transition: all 0.3s ease-in-out;
    border: 1px solid #878787 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Texte ÜBER den Eingabefeldern, wenn geschrieben wird */
div.fcp_line label.fcp_focus {
	color: #32974f !important;
}


/* hover über dem Nachrichten-Eingabefeld */
div.fcp_line textarea {
    border: 1px solid #878787;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 7px 0px 3px 10px;
}

/* hover über dem Nachrichten-Eingabefeld */
div.fcp_line textarea:hover {
	transition: all 0.3s ease-in-out;
    border: 1px solid #878787;
    background-color: rgba(0, 0, 0, 0.3) !important;
}


/* Info nach Verschicken */
div.fcp_wrapper {
  color: #6e6e6e;
  font-family: Oswald Regular;
  font-size: 16px;
}

/* ↑ FLEXICONTACTPLUS ENDE ↑ */


/* ToTop Sroller */
#astroid-backtotop {
  background: #d2d2d2 !important;
}

#astroid-backtotop:hover {
  background: #32974f !important;
}