/* ----- Color codes ----- 

rot: #f05044
blau: #226182
orange: #f4932c
grau: #E6E6E6
*/

html, body {
background: #000;
}

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

body{
    background: url(images/2841151.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center; 
background-size: cover;
}


.mm-page {background: none !important;}

.frame-background-primary {
  --frame-color: #ffffff;
  --frame-background: #e74c1d;
  --frame-link-color: #ffffff;
  --frame-link-hover-color: #ffffff;
}

.header svg.logo-top path.sec {
  fill: #e74c1d;
}


main .control-label  {color:#fff;}
#inhalt {margin-bottom: 10vh;}
#startinhalt p {
  color: #fff;
font-size: 1.2rem;}
#startinhalt {display: none;}
#pageid1 #startinhalt {height: 100vh; display: block;}
.unten,
.oben {height: 10vh;}
.mitte {height: 80vh;}

.rechtsoben,
.rechtsunten {min-height: 50vh;}

.linksunten,
.linksoben {min-height: 50vh;}

.linksoben .textmedia  {

}

footer a {color:#fff !important;}

main p {color:#fff;}

main hr {border: none;}


.nopadding .frame {padding: 0;}

.headerimage {display: none;}
#pageid3 .headerimage {display: inherit;}
.frame a:not([class]) {
  color: #e74c1d;
}

a, h1 > a:focus, h1 > a:hover, h2 > a:focus, h2 > a:hover, h3 > a:focus, h3 > a:hover, h4 > a:focus, h4 > a:hover, h5 > a:focus, h5 > a:hover, h6 > a:focus, h6 > a:hover {
  color: #e74c1d;
}

/* -----Schriften-----*/ 

h1  {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 25px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: Poppins,Arial,serif;
  line-height: 1.2;
  font-weight: 700;
  color: #313131;
	text-transform: uppercase;
	color:#f05044;
}

.h2 {font-size: 2.5rem;}

h4 {  font-family: Poppins,Arial,serif;
  line-height: 1.2;
  font-weight: 700;
  color: #313131;
  font-size: 14px;
}

main .btn-primary {
  background: #226082;
  font-size: 1.4rem;
  border: none;
}

.orange {  background: #e74c1d;
  color: #fff !important;
}

footer {
  background: #226182;
  color: #bfbfbf;
}


.kopfbereich {
  z-index: 100;
  width: 100%;
  transform: none;
  position: sticky;
  top: 0;
  background:rgba(0,0,0,0.4);
  height: 100px;

}

footer {padding-bottom: 2vh;}
.headerimage .frame-container-default {max-width: inherit;}
.headerimage .frame {padding: 0;}

.blau {background: #023b6f;}
.blau h1, .blau h2, .blau h3, .blau a, .blau p,.blau h4, .blau h5 {color: #fff;}
.blau .frame a:not([class]) {  color: #fff;}

.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: #9195c2; margin:2% auto; padding: 1% 0;}
.hellgrau {background: #f9f9fb; padding: 1% 0;}
.hellblau p {color:#fff;}

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

.headerimage .textmedia {gap:0;}


.frame-custom-22 .gallery-item img {  width: 80%;}
.frame-custom-23 .gallery-item img {  width: 60%;}
.frame-custom-24 .gallery-item img {  width: 40%;}
.frame-custom-25 .gallery-item img {  width: 20%;}
.frame-custom-26 .gallery-item img {  width: 10%;}



/* -----Header-----*/
.hunderter .frame-container-default {  max-width: 100%;}

footer .textmedia {gap:0;}

mobileheader {display: none;}
.logo .frame {margin:0; padding: 0;}
.logo {max-width: 125px; margin:0 auto;}

.tx-powermail label {
width: 100% !important;
}

.tx-powermail .col-md-6 {width: 100% !important;}

/*Sidebar Formatierungen*/

/************************/


.sidebar .btn-close {color:#fff;}
.sidebar {
	position: fixed;
	height: 100%;
	width:400px;
	z-index: 2;
	right:-350px;
transition: all ease 1s;
	z-index: 200;
}

.sidebarshow {
	right:0;
transition: all ease 1s;

}

.sidebarclicker {
	position: absolute;
	top:13%;
	background: #ec6707;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
	box-sizing: border-box;
	  border-radius: 14px 0 0 14px;
	border:1px solid #fff;
	z-index: 2;
 

}

.sidebarcontent a, .sidebarcontent p,
.sidebarcontent .ce-bodytext {	color: #FFFFFF !important;}

.sidebarclicker a {
    padding: 5px 10px;
    display: inline-block;
    color: #FFFFFF !important;
    text-decoration: none;
    font-size: 32px;
}

.sidebarsocial .frame-container  {text-align: center;}
.social a, .sidebarsocial a {padding: 0 12px;}
.sidebarmenu ul {padding: 0; }
.sidebarcontent {
	position: sticky;
	float: right;
	width:350px;
	height: 100%;
	background: #1b1d1f;
		z-index: 4;
 top: 0;
border-left: 1px solid #fff;
}

.sidebarcontent .tx-powermail h3 {display: none;}

.sticky {position: sticky; top:0;}

.icon-box .image:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
	transition: all ease 1s;
}

/************************/

/*Sidebar Formatierungen*/

/************************/

footer a:hover {color:#fff !important;}


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

.orange a {color:#fff !important; text-decoration: underline;}

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


.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-prev {left: 25px !important;}
.slick-next {right: 25px !important;}

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

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


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

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

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}


#btn-back-to-top {
  background: #226082;
  border-radius: 20px;
  position: fixed;
  bottom: 14px;
  right: 20px;
  height: 40px;
  width: 40px;
  z-index: 9;
  line-height: 40px;
  font-size: 15px;
  color: #fff;
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  -webkit-transform: translateY(86px);
  transform: translateY(86px);
}



button#btn-back-to-top:hover {
    background: #9195c5;
    color: white;
}


.btn, .btn-primary, a.more {
	background: #226082;
	color: #fff;
 }
.btn:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #f05044 !important;
    border-color: #262626!important;
}
.btn-default:hover {
    color: #fff;
    background-color: #f4932c;
    border-color: #ecedee;
}
.card-footer {
    text-align: center;
}

.headerimage figure img {width: 100%;}
.headerimage h2 {display: none;}
/* -----Slickslider-----*/ 
.slick-prev::before, .slick-next::before {color:#fff;}

.footertext .frame {padding: 0;}

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

.mobilebutton {position: absolute; right: 10px; top:10px; z-index: 10000; }