/* Allg Hintergrund mit Bild im html | brauch ich aber nicht | Bild ist in Astroid platziert */
html {
    background-image_: url("../../../images/Hgr_ganz_hinten.jpg"); no-repeat center center fixed;
    background-size_: scale;
    background-color_: #283b47;
}


/* Template Seitenbreite NUR BEI BOXED LAYOUT wirksam */
.container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper {
	max-width: 1240px;
}

/* Template Inhalte innen | Mann könnte .container samt Anweisung auch eins weiter oben bei .container-sm dazunehmen */
.container {
    max-width_: 1200px;
    margin-left: unset;
}

.astroid-header.has-sidebar {
  width: 250px;
}


/* Boxshadow weg UND keine Hintergrundfarbe UND Hgr-Anweisung für den Inhalt "unter" den Modulen */
.astroid-layout.astroid-layout-boxed .astroid-wrapper {
    max-width_: 1240px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
    background-color_: transparent;
    background-image_: linear-gradient(45deg, rgba(248, 248, 248, 0.45), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 0.2));
}



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


/* Modul-TITEL-Überschriften */
/* Schriftart ist H3 > über Astroid festlegen */
.module-title {
    background: #c5a3b4 !important;
    border-bottom: 0px solid rgba(76, 76, 76, 1.0);
    padding: 5px 5px 5px 10px;
    font-size: 16pt;
    text-transform: uppercase;
    color: #617d75 !important;
}

/* TERMINE Monats-Module-TITEL-Überschriften */
h2.module-title {
    background: #c5a3b4 !important;
    border-bottom: 0px solid rgba(76, 76, 76, 1.0);
    margin-left: -8px !important;
    margin-right: -8px !important;
    padding: 4px 8px 4px 8px !important;
    font-size: 16pt;
    text-transform: uppercase;
    color: #617d75 !important;
}

/* Horizontale Linie */
hr {
    margin-bottom: -10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}


/* SIDEBAR-MENU */

/* Sidebar-MENU Hintergrund */
.astroid-sidebar-content {
  background_: #bebebe;
  background: #98aba7;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
}

/* Sidebar Activer MENUpunkt Hintergrund */
.nav-item-current {
  background: #c5a4b5;
}

/* Sidebar-MENU Submenu */
.astroid-sidebar-menu li > ul {
  padding-left: 5px;
  border-top_: 1px solid #eee;
}

/* Sidebar-MENU Submenu */
.astroid-sidebar-menu li {
  border-bottom: 1px solid #fff;
}

/* Sidebar-MENU Submenu */
.astroid-sidebar-menu li a:hover {
  background: #c5a4b5;
  color: #4b6f5d !important;
  margin-left: 10px !important; 
  transition: margin-left 0.5s; 
}

/* mobile-Menu > Hgr aussenrum weg*/
.astroid-header.has-sidebar {
  background: transparent;
}


/* totop scroller | backtotop */
#astroid-backtotop {
    background: #cccccc !important;
}

/* totop scroller | backtotop */
#astroid-backtotop:hover {
    background: #c24f8d !important;
}


/* slideshow ck - Bildunterschriften */
.camera_caption > div {
	font-size_: 10pt;
    background_: rgba(0, 0, 0, 0.5);
    padding_: 6px 10px;
}

/* slideshow ck - Bildunterschriften */
.camera_caption {
    font-weight_: normal;
}

/* slideshow ck - Block der Bildunterschrift UNTER das Bild bringen */
#camera_wrap_155 .camera_target_content {
overflow_: visible;
font-size_: 10pt;
}

/* slideshow ck - Block der Bildunterschrift UNTER das Bild bringen */
#camera_wrap_155 .camera_caption {
transform_: translateY(100%);
}


/* slideshow ck - Navigation Knöpfe unten mittig platzieren */
.camera_wrap .camera_pag .camera_pag_ul {
	margin-top_: 20px;
	text-align_: center;
}

/* slideshow ck - Navigation Knöpfe Abstände */
.camera_wrap .camera_pag .camera_pag_ul li {
    margin_: 30px 8px -20px 8px;
}


/* slideshow ck - Pfeil-Navigation im Bild */
.camera_prev, .camera_next, .camera_commands {
	background_: #7c7c7c !important;
}


/* ↓ FLEXICONTACTPLUS ↓ */

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


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

/* Absendenknopf */
.fcp_form input.fcp_btn:hover {
	background-color: #c24f8d !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;
}


/* 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;
}

/* Feldbeschriftung | Farbe, wenn geschrieben wird */
div.fcp_line label.fcp_focus {
    color: #1593a9 !important;
}

/* ↑ FLEXICONTACTPLUS ENDE ↑ */