/*
 /* ----- Color codes ----- 
blau: #354e90
rot: #c03b32
grün: #62a168
orange: #f4932c
grau: #E6E6E6
*/



html {scroll-padding-top:130px;}

html, body {
  height: auto;
}


body{

}
	
 .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout { background:none;}

.kopfbereich + .inhalt{
  padding-top: 184px;
}

.kopfbereich {z-index: 2;position: relative; position: sticky;
top: 0;}
footer { }


@media (min-width:1400px) {
 .container,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl,
 .container-xxl,
	
.frame-container-default {
  max-width:1320px
 }
}
.kopfbereich .menu a,
footer p, footer h2, footer h3, footer a {color: #1B1B1B !important;}

.tx-powermail  .powermail_legend {    margin-top: 30px;  }
.kopfbereich .spruch .frame {padding: 0; padding-top: 10px;}
.kopfbereich .spruch  .frame-container {margin-left: 1%;}
/* --- sidebar leistungen ----- */
.col-md-3.col-sm-12.links.sidebar {
    position: sticky;
    top: 11%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.gelb {background-color: #ffde1d;}
.kopfbereich {	background: #fff;}
.black {background: #2c2c2b;} 
.black h2::before {background-color:#ffde1d;}
.black h3, .black h2, .black p {color:#fff;}
main hr {border:none;}


main {background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);}

#c23 .image {max-width: 120px; float: right;}




main #inhalt h2 {margin-top:2%;}

.headerimage .frame {margin:0;}

.sidebar {
  --offset: var(--space);
  flex-grow: 1;
  flex-basis: 300px;
  align-self: start;
  position: sticky;
  top: var(--offset);
}

main .leistungen  .frame {margin: 3% auto;}

main .leistungen .col-12 {
  padding-right: calc(var(--bs-gutter-x) * .1);
	padding-left: calc(var(--bs-gutter-x) * .1);}

main .textmedia {gap: 0px 40px;}
.links {padding-top: 2%; }
.links .btn-primary {text-align: left;}
main .frame {  gap:0;}

main .tx-powermail .col-sm-2 {width:100%;}

.themen ul {
	list-style: none; 
	padding: 0;
}

.themen li a {
  color: #fff ;
  padding: 6px 14px;
  border-radius: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  font-family: inherit;
  background: #2a5d9c;
  border: 1px solid #999;
  text-decoration: none !important;
  font-size: 17px;
  margin-bottom: 1%;
}

.themen ul.list-normal a {
    color: white;
}

.themen ul.list-normal a:hover {
    color: black;
	background-color: #E7DC00;
}

.headerimage .textmedia-gallery {position: relative; z-index: 0;}
.headerimage .textmedia-text {position: absolute; top:40%; z-index: 1; text-align: center;}
.headerimage h1 {background: #185198; padding: 8px 30px; color: #fff; font-size: 2.5rem; display: inline; }


.headerimage .frame-container-default {max-width: inherit;}
.headerimage .frame {padding: 0;}


.schwarz {background: #000;}
.schwarz h2, .schwarz h3, .schwarz a, .schwarz p, .schwarz h5,.schwarz h4 {color: #fff;}
.schwarz .frame a:not([class]) {  color: #fff;}

.hellblau {background: #023b6f; padding: 1% 0; color: white; margin: 0 auto;}
.hellgrau {background: #c4c2c2; margin:2% auto; padding: 1% 0;}
.hellblau p {color:#fff;}

.headerimage {position: relative; z-index: 1;}
#pageid1 .headerimage {display: block;}

.headerimage .textmedia {gap:0;}
/* -----Header-----*/


main .card {
  color: #fff;
	background: #2c2c2b; border:none;
  justify-content: center;
}

.hunderter .frame-container-default {  max-width: 100%; --bs-gutter-x: 0px;
  --bs-gutter-y: 0;}
.kopfbereich .textmedia {gap:0px;}
footer .textmedia {gap:0;}

mobileheader {display: none;}
.logo .frame {margin:0; padding: 0;}

.logomenu .row {padding: 10px 0;}

main .frame a:not([class]) {
  color: #2D2D2D;
}
.spruch h4 {font-size: 1rem;}

/* -----Schriften-----*/ 
h1 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    position: relative;
	font-family: 'Open Sans', sans-serif;
	margin-top: 50px;
	
}

h2 {
font-size: 2.4rem;
font-weight: 600;
   margin: 0 0 20px 0;
     position: relative;
	font-family: 'Open Sans', sans-serif;

	
}

h2::before {
    background-color: #2c2c2b;
  bottom: -6px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}

main p {font-size: 120%;}

main h4{
  font-size: 2.2rem;
  font-weight: 400;
}

main h3{
  font-size: 2rem;
  font-weight: 700;
}


footer h3 {font-weight: bold;}
footer a {color:#185198 !important; text-decoration: underline;}
.content .ce-bodytext {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:25px;
	}
	
.content .ce-textpic {margin-bottom:40px;}
	
.content .ce-bodytext li {
	margin-left:20px;
	}	
	
.content figcaption {
    background: #fff none repeat scroll 0 0;
    bottom: 11px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1% 4%;
    position: absolute;
}

/* -----Container-----*/ 
.headericons  .grafikelement {float: right; width:40%;}

/*----- Links -----*/
.frame a:not([class]){
	color: #354e90;
}
.frame .news-backlink-wrap a:not([class]) {
	color: #fff;
}

/*----- Links -----*/
.frame .news-backlink-wrap a:not([class]):hover {
	color: #EEE300;
}

.frame a[class=""]:hover, .frame a:not([class]):hover{
	text-decoration: none;
	color:#5B78C2;
	
}

.headericons .frame {padding-bottom: 0 !important;}
.headericons .textmedia {
  display: flex;
  flex-wrap: wrap;
  right: 0;
  float: right;
}



#pageid6 main li::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    margin: 0 5px 0 0px;
    color: #2c2c2b;
    font-size: 30px;
    font-weight: 900;
   list-style: none;
}

#pageid6 main ul {
  padding-left: 0rem;
	list-style: none;}



.slick-slide img {
    display: block;
    width: 100%;
	margin: 0 auto;
}

.slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
	position: relative;
	background: #888;
}
.slick-prev, .slick-next {z-index: 100000;}
slider .container {max-width: inherit !important; width: 100% !important;}
slider .container .col, slider .container, 
slider .container .row {padding: 0; margin:0;}
slider h2 {display: none !important;}

.slick-dotted.slick-slider {margin-bottom: 0;}

 .slick-prev {left: 25px !important;}
.slick-next {right: 25px !important;}

.slick-next::before,
.slick-prev::before {color:#ffde1d; font-size: 40px;}

ul.slick-dots {
    bottom: 3% !important;
}


/* ----- Timeline ----- */
time {
    display: none;
}
.timeline-item-header-headline {
	color: #354e90;
}

/* -----Button-----*/ 


.powermail_fieldwrap_abschicken {display: inline-block; width: 100%;}

.pull-right {float: right;}

.btn-primary:hover {
    color: #262626;
    background-color: #E7DC00!important;
    border-color: #185198 !important;
}

.btn-primary {
    color: #ffde1d;
    background-color: #000000;
    border-color: #fff;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%);

}

/*++++++ Back to top button  ++++*/

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
	z-index: 100000;
	border-radius: 2rem;
border: 2px solid #000;
	color: #000;
	margin:0;
	height: 40px;
	width: 40px;
	background: #fff;
	opacity: 0.8;
	transition: 0.3s;
}
#btn-back-to-top:hover {background: #000; color:#fff;}


/*++++++ Back to top btn Ende ++++*/


.btn, .btn-primary, a.more {
 }

.btn-default:hover {
    color: #fff;
    background-color: #f4932c;
    border-color: #ecedee;
}

.frame-custom-10 .image {max-width: 50%;}
.frame-custom-11 .image {max-width: 65%;}
.frame-custom-12 .image {max-width: 80%;}


.frame-space-before-extra-small {margin-top:0.5%;display: block;}
.frame-space-before-small {margin-top:3%!important;display: block;}
.frame-space-before-medium {margin-top:6% !important;display: block;}
.frame-space-before-large {margin-top:9%;display: block;}

.frame-space-after-extra-small {margin-bottom:0.5%;display: block;}
.frame-space-after-small {margin-bottom:3%;display: block;}
.frame-space-after-medium {margin-bottom:6%;display: block;}
.frame-space-after-large {margin-bottom:9%; display: block;}

.frame-size-default.frame-background-none.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-none.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-primary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-primary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-secondary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-secondary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-tertiary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-tertiary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-quaternary.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-quaternary.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-light.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-light.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-dark.frame-space-after-none:not(.frame-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-dark.frame-space-before-none:not(.frame-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-layout-embedded.frame-space-after-none:not(.frame-ruler-after)+.frame-layout-embedded.frame-space-before-none:not(.frame-ruler-before) {
 --frame-outer-spacing-before: calc(-1.5 * var(--frame-spacing));
}

.headerimage figure img {width: 100%;}
.headerimage h2 {display: none;}

.footertext .frame {padding: 0;}

.frame-custom-18 {max-width: 30%; margin:0 auto;}

/* ----- Balken ----- */ 
.blaubalken {
	width: 100%;
	background: #354e90; 
}

/* ------ Card ----- */

h3.card-title {
    text-align: center;
}

/* ----- Leistungen -----*/ 
 .leistungen .textmedia-gallery {position: relative; z-index: 0;}
 .leistungen .textmedia-text {position: absolute; top:40%; z-index: 1; text-align: center; background-color: rgba(0,0,0,0.63);padding: 2%;}
.leistungen h3 {padding: 8px 30px; color: #fff!important; font-size: 2.5rem; display: inline; }
.leistungen a {color: #fff!important;   transition: .5s ease; }
 .leistungen a:hover {color: #F0E500!important; text-decoration: none;  transition: .5s ease;}

 .caption a:hover {color: #F0E500!important; text-decoration: none;  transition: .5s ease;}




.black img {
transition: 1s ease;
}

.black img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}




/*---- Gallerie ----*/
ul.f3-widget-paginator {
    display: flex;
    list-style: none;
    width: 100%;
}


 .news li {
    padding: 0.5% 1.1%;
    background: #185198;
    color: white;
    border-style: solid;
    font-size: 1.0rem;
}
 
 .news li:hover {
    padding: 0.5% 1.1%;
    background: #185198;
    color: #EEE300;
    border-style: solid;
}
.f3-widget-paginator a {
	color: white !important; }
  
.f3-widget-paginator a:hover {
	color: #EEE300; }