@import url('https://fonts.googleapis.com/css?family=Source Sans Pro:300,400,700');

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
*/
.panel-login {
border-top-left-radius:2px;
}


/* Allgemeines */

body {
  background-color: #e1e1e1;
  font-family: 'Open Sans', sans-serif;
  color: #555555;
  font-size: 15px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.4rem;
}

h1, .h1 {
	font-size: 1.6875rem;
}
h2, .h2 {
  font-size: 1.5rem;
  color: #8b2a2e;
  font-variant: small-caps;
  margin: 0.3rem 0 1.5rem 0;
  line-height: initial;
}

h3, .h3 {
  font-size: 1.3rem;
  color: #8b2a2e;
  font-variant: small-caps;
  margin: 0.5rem 0 0 0;
}

h4, .h4 {
  font-size: 1.2rem;
  font-weight: bold;
}

h5, .h5 {
  font-size: 100%;
  font-weight: bold;
  /*letter-spacing: 0.34rem;*/
}

h6, .h6 {
  font-weight: bold;
  font-size: 1.7rem;
line-height: 1.7rem;
color: #8b2a2e;  
}

a {
  color: #c00000;
  text-decoration: none;
}

a[href^="tel:"], a[href^="tel:"]:visited, a[href^="tel:"]:active {
	color: black;
	text-decoration: none;
}

a[href^="tel:"]:hover {
	color: #8b2a2e;
}

a[href^="mailto"]:after, a[href^="javascript:linkTo_UnCryptMailto"]:after {
	content:" \f16d";
	font-family: "foundation-icons";
}

a:hover {
  color: #8b2a2e;
  text-decoration: none;
}

ul.einausblenden {
	padding-left: 0;
	list-style-position: inside;
}

.alert {
  color: #8b2a2e;
}

/* für jquery-Einblendung */
h5.pfeil_rauf:after, h6.pfeil_rauf:after {
	content: "\2191";
}

h5.pfeil_runter:after, h6.pfeil_runter:after {
	content: "\2193";
}

hr.ce-div {
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	border: 0;
    border-top: 1px solid rgba(208,0,0,.7);
}

.text-muted {
  font-variant: small-caps;
}

.frame-grau hr.ce-div{
	border-top: 1px solid rgba(0,0,0,.1);
}

/* für IE */
.frame-layout-1, .frame-layout-0, .frame-layout-4, .frame-layout-5 {
	display: block;
	margin: .5em;
	padding: 0;
	clear: both;
}

.frame-layout-5 {
	padding: .5rem;
	border-bottom: 0px;
	
}

.frame-layout-50, .frame-layout-51, .frame-layout-52, .frame-layout-53 {
	display: flow-root;
	margin: 0;
	padding: .5em;	
}

@supports (display: grid) {
/* für ordentliche Browser */
	.frame-layout-0, .frame-layout-1, .frame-layout-4 {
		display:flow-root;
		margin: .5em;
		padding: 0;
	}

	.frame-layout-50, .frame-layout-51, .frame-layout-52, .frame-layout-53 {
		display: block;
		margin: 0;
		padding: .5em;	
	}
}

/* roter Hintergrund, weiße Schrift */

.frame-layout-52, .frame-layout-53 {
	background-color: #8b2a2e;
	color: white;
}

/* Boxen */

.frame-layout-2 {
	margin: -.5rem -1rem;
}

.frame-layout-3 {
	display: none;
}

.frame-layout-50 h5, .frame-layout-51 h5, .frame-layout-52 h5, .frame-layout-53 h5, .frame-layout-50 h6, .frame-layout-51 h6, .frame-layout-52 h6, .frame-layout-53 h6 {
	cursor: pointer;
}

/* für jquery-Einblendung */
.einblenden {
	display: none;
}

.frame-layout-99 {
	display: none !important;
}

/* Bilde klein mit Rand */
.frame-layout-4 .media img {
	max-width: 230px;
	-moz-box-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.row {
	margin-left: 0;
	margin-right: 0;
}

/* News erste Seite */
.kowal-news {
	display: grid;
	text-align: center;
	margin: .5rem auto -1rem;
}

/* erste Seite Boxen */
.kowal_shadow {
  display: flex;
  -moz-box-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
  padding: 1rem;
  margin-right: auto;
  margin-left: 0;
  max-width: 100%;
  background: white;
}

.kowal_shadow .frame-layout-1 {
	display: flex;
	margin: .5em;
	padding: 0;
}

.kowal_shadow figure {
	margin: 0 auto;
}

.kowal_shadow img {
	max-width: 100%;
	height: auto;
}

.kowal_shadow:last-child {
	margin-right: 0;
}

.erste_box {
	display: grid;
	height: 100%;
}

.platz {
	display: block;
	height: 1.5rem;
}

.knopf {
	display: grid;
	display: -ms-grid-row;
	align-self: end;
	-ms-grid-row: 1;
	-ms-grid-column-align: end;
}

/* Tabellenformatierung */

table.ce-table-striped tr {
	line-height: 1.55;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

table.ce-table-striped tr:last-child {
	border-bottom: 1px solid #dddddd;
}

/* Seiteninhalte ohne linkes Menü und kleine Darstellung */

div.haupt, div.inhalt {
	display: block;
	width: 100%;
	min-height: 300px;
	margin: .5rem 0;
	padding: .5rem 1rem;
	background:white;
}

/* Navbar Beginn*/

div.menue {
	text-transform: uppercase;
	line-height: 1.5rem;
}

li.dropdown:hover .dropdown-menu {
  display: block;
}

.navbar {
	padding: 0;
	margin: 0;
}

.nav-item {
	font-size: 0.9rem;
}

/*.active {
	font-weight: bold;
}*/

.navbar-brand {
	display: none;
}

.navbar img {
	display: none;
}

.navbar-light .navbar-toggler-icon, .navbar-default .navbar-toggler-icon, .navbar-default-transition .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' 	  xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-light .navbar-toggler {
  border-color: rgba(221,221,221,.3) !important;
}
/* Navbar Ende*/

/*Navbar Seite Beginn */
div.menue_links .nav-item {
	font-size: 0.85rem;
	padding: 0;
	text-transform: uppercase;
	line-height: 2.2em;
}

div.menue_links .nav-link {
	padding: 0;
}
/* Navbar Seite Ende */

.dropdown-menu {
  font-size: inherit;
  border-radius: unset;
  border: none;
  background-color: rgba(208,0,0,0.8);
  margin-top: 0;
}

.dropdown-item {
  color: #EEEEEE;
}

/* Ende Navbar */

/* Menue links */

div.menue_links {
	display: none;
}


.bg-kowal {
  background-color: #8b2a2e !important;
}

.link-kowal {
  color: #EEEEEE !important;
}

.link-kowal:hover {
  color: #FFFFFF;
}

.lightgrey {
	background-color: #efefef !important;
}

@media (min-width: 768px) {
	.kowal_shadow {
		max-width: 32%;
	}
	
	.frame-layout-3 {
		display: block;
	}
}

@media (min-width: 992px) {
		/* Seiteninhalt mit linkem Menü */
	div.inhalt {
		display: block;
		max-width: 79%;
		margin: .5rem 0;
		padding: .5rem 1rem;
		background:white;
		float: right;
	}

	div.menue_links {
		display: block;
		width: 20%;
		height: auto;
		margin: .5rem 0;
		background:#8b2a2e;
		float: left;
	}
	div.frame-layout-1 {
		margin-top: 3rem;
	}
}