/* Farben anpassen */
:root {
    --cassiopeia-color-primary: #FFFFFF;
    --cassiopeia-color-link: #00913d;
    --cassiopeia-color-hover: #000000;
	--baderweb-border-color: #000000;

}

/* Header */
.container-below-top, .container-topbar {
  color: unset;
}


/* Hintergrund formatieren */
html {
  background-color: #f4f6f7;
  padding:20px;
}

/* body formatieren */

body {
	display: flex;
	flex-direction: column;
	max-width: 940px;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	border-color: lightgray;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
}

/* Position Logo */
.container-header .grid-child {
    padding: 1.0em;
    padding-left: 1.3em;
}

.logoobenlinks {
	align-items:unset !important;
}
@media (min-width: 991px) {
	.newsfeldobenrechts {
		margin-left: 3em;
	}
}

@media (max-width: 990px) {
	.logoobenlinks {
		align-items:unset !important;
	}

	.newsfeldobenrechts {
		margin-top: -40px;
		margin-left: 3em;
		margin-right: 2em;		
	}
		
	.container-below-top, .container-topbar {
		display: unset;
	}		
}

/* Schriftgrösse und Farbe des Menüs */
.metismenu.mod-menu .metismenu-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: .8em 1.4em;
}




.h1, h1 {
    font-size: 1.5rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.h3, h3 {
    font-size: 1.5rem;
}

/* Buttons zentrieren */
.moduletable {
		display: grid;
		justify-content: center;
		align-items: center;
}

.mod-list li a:hover {
    /* text-decoration: underline;*/
    color: var(--cassiopeia-color-hover);
	}






/* .container-header .mod-menu { */
    /* color: #000000; */
    /* list-style: none; */
	/* font-size: 1.5em; */
	/* color: var(--cassiopeia-color-link); */
	/* border-bottom-style: solid; */
/* } */

/* Farben des Hamburger Button */
.container-header .navbar-toggler {
    color: #000;
    cursor: pointer;
    border: 1px solid #000;
}

/* Farben des BAck-to-top Links */
.back-to-top-link {
    /*position: fixed;*/
    position: sticky;
    /* top: calc(100vh - 4em);*/
    padding: .5em;
    color: var(--cassiopeia-color-link/*,#112855*/);
    pointer-events: all;
    background-color: var(--white /*,#fff*/);
    border: 1px solid var(--cassiopeia-color-link);
    border-radius: .25rem;
    transition: all .2s ease-in;
	width: 40px;
	left: 82%;
}



/* Hintergrundbild im Header wegnehmen */
.container-header {
    position: relative;
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
    box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;

} */

/* Linie oberhalb des Footers zum Abtrennen vom Inhalt, beide ==> Eintrag 2x nötig! */
.container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b {
    position: relative;
    border-top-style: dotted;
    border-top-color: var(--baderweb-border-color);
    border-top-width: 1px;
    padding-top: 15px;
}

.container-bottom-a, .container-bottom-b, .container-top-a, .container-top-b {
    position: relative;
    border-top-style: dotted;
    border-top-color: var(--baderweb-border-color);
    border-top-width: 1px;
    padding-top: 15px;
}

/* Menu vom rechten Rand einziehen */
.container-header nav {
    padding-right: 50px;
    margin-top: .5em;
}

/* Flecicontact Symbole verkleinern */
.fc_inactive {
    border-radius: 5px;
    border: 2px solid transparent;
    width: 3em;
}

.fc_active {
	border-radius:5px; 
	border:2px solid #00913d !important; 
	box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.63);
	width:3em}
	

.fc_image_inner {
	text-align: center;
	}
	
.fc_image_inner img {
	display:inline;
	}
	
.fc_images .fc_error {
	margin-left:0;
	}

/* Button für com_flexicontact */

div.fc_send input.fc_button_baderweb {
	background-color:#a6a2a2;  
	border:none; 
	border-radius:3px;
    width:auto; 
	height:30px; 
	margin:2px 5px; 
	padding:0 35px; 
	text-align:center; 
    /*text-shadow:1px 1px 0 rgba(0, 0, 0, 0.33);*/ 
	font-size:16px; 
	color:white !important; 
	cursor:pointer;
	}
	
div.fc_send input.fc_button_baderweb:hover    {
	background-color:#cc0000; 
	}
	
div.fc_send input.fc_button_baderweb:disabled {
	background-color:#ececec; 
	border:none; 
	color:#ececec; 
	cursor:not-allowed;}