@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto-Regular-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(../fonts/Roboto-Regular-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/Roboto-Slab-300.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Roboto-Slab-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
    font-family: "font-awesome";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../fonts/fa-regular.eot');
    src: url('../fonts/fa-regulard41d.eot?#iefix') format("embedded-opentype"), url('../fonts/fa-regular.woff2') format("woff2"), url('../fonts/fa-regular.html') format("woff"), url('../fonts/fa-regular.ttf') format("truetype"), url('../fonts/fa-regular.svg#fontawesome') format("svg");
}

@font-face {
    font-family: "font-awesome-brands";
    src: url('../fonts/fa-brand.eot');
    src: url('../fonts/fa-brandd41d.eot?#iefix') format("embedded-opentype"), url('../fonts/fa-brand.woff2') format("woff2"), url('../fonts/fa-brand.woff') format("woff"), url('../fonts/fa-brand.ttf') format("truetype"), url('../fonts/fa-brand.svg#Font Awesome 5 Brands') format("svg");
}

#header ul.contact li a:before,
#footer [href*="tel"]:before,
#footer [href*="mailto"]:before,
[href*="tel"]:before,
[href*="fax"]:before,
[href*="mailto"]:before,
[href*="https://wa.me/"]:before,
h2+span.toggle:after,
#content ul li:before,
#footer li a:before,
#header .open li.level-0.sub span:after{
    font-family: "font-awesome";
    font-weight: 400;
}

[href*="tel"]:before,
[href*="fax"]:before,
[href*="mailto"]:before,
#header li:after{
	display: inline-block
}

#content [href*="tel"]:before,
#content [href*="fax"]:before,
#content [href*="mailto"]:before {
	display:none
}

[href*="https://wa.me/"]:before {
    font-family: "font-awesome-brands";
}

#header ul.contact li a:before {
    display: inline-block;
    position: relative;
    margin-left: 9px;
    margin-right: 5px;
    font-style: normal;
    transform: scale(1);
}

#header ul.contact li a:hover:before {
    transform: scale(1.2);
}

#footer [href*="tel"]:before,
#footer [href*="mailto"]:before,
[href*="tel"]:before,
[href*="fax"]:before,
[href*="mailto"]:before,
[href*="https://wa.me/"]:before {
    margin-right: 10px;
}

#header ul.contact li.contact a:before,
[id*="popup"] [href*="mailto"]:before,
#footer [href*="mailto"]:before {
    content: "\f0e0";
}

[href*="https://wa.me/"]:before {
    content: "\f232";
}

[href*="tel"]:before,
#footer [href*="tel"]:before {
    content: "\f095"
}

[href*="fax"]:before,
#footer [href*="fax"]:before {
    content: "\f1ac"
}


.home[href*="tel"]:before,
#footer .home[href*="tel"]:before {
    content: "\f015"
}

#header ul.contact li.team a:before {
    content: "\f0c0";
}

#header ul.contact li.time a:before {
    content: "\f017";
}

#header ul.contact li.marker a:before {
    content: "\f3c5";
}


#content ul li:before,
#footer li a:before,
#header .open .sub span:after{
	content: "\f054";
	font-size: 11px;
}


.slider *,

{
	font-family:"Roboto Slab", sans-serif;
	font-weight:400;
	text-decoration:none
}


b,
strong,
#header nav a{
	font-family: 'Roboto-Regular', sans-serif;
}

h1,
h2,
h3,

h1 b,
h2 b,
h3 b,

h1 a,
h2 a,
h3 a,

h3 em,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
p,
li,
a,
td,
.row,
label,
span,
textarea,
dd,
dt,
input{
	font-family: 'Roboto-Regular', sans-serif;
	font-weight:normal;
	font-size: 17px;
	line-height: 27px;
	}

p,
li,
a,
td,
.row,
label,
span,
textarea,
select,
option,
dd,
dt,
input,
.powermail_submit{
    font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 27px;
}

p {
    margin: 0 0 10px 0;
/*	hyphens: auto; 
	text-align: justify*/
}

[id*="popup-"] * {
    font-size: 30px;
    margin: 0;
}

    {
    font-size: 50px;
    line-height: 39px;
    margin: 25px 0 30px 0;
}

.slider h3 span{
    font-size: 40px;
    line-height: 60px;
}

.slider span{
    font-size: 20px;
    line-height: 30px;
}

h1,
h1>a {
    font-size: 32px;
    line-height: 39px;
    margin: 25px 0 10px 0;
    letter-spacing: 4px;
    text-transform: uppercase;
}

h2,
h2>a {
    font-size: 27px;
    line-height: 34px;
    margin: 20px 0 10px 0;
	text-decoration: none
}


header h2,
header h2>a {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

header h1+h2 {
    margin-top: 35px;
}

.frame-default header h2 {
    margin-bottom: 25px;
}

.frame-layout-2 header h2 {
    margin-bottom: 10px;
}

.frame-default header h2+h3 {
    position: relative;
    margin: -20px 0 35px 0;
    font-size: 18px;
    opacity: 0.7;
}

h3,
h3>a {
    font-size: 20px;
    margin: 25px 0 10px 0;
    letter-spacing: 1px;
	text-decoration: none
}

table h3 {
    margin: 20px 0 20px 0;
    line-height: 45px
}

body>div[id*="popup"] h3,
body>aside>div[id*="popup"] h3 {
    margin-top: 0;
}

h4,
h4>a {
    font-size: 20px;
    margin: 5px 0 10px 0;
    letter-spacing: 4px;
}

h1+h2 {
    margin-top: 0;
}

[id*="popup-"] .powermail_form h3 {
    margin: 0;
}

.frame-type-textpic h2.ce-headline-center,
.frame-type-textpic h2.ce-headline-center * {
    font-size: 19px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-decoration: none
}

.col-4 .frame-type-textpic h2.ce-headline-center {}

[id*="popup-"] * {
    font-size: 30px;
    margin: 0;
}

.nav .level-0 a {
    font-size: 18px;
    letter-spacing: 1px;
}

#content header * {
    text-align: center
}

#footer * {
    font-size: 13px;
}

#footer .adresse p {
    line-height: 28px;
    margin: 2px 0 4px 0;
}

header li.level-0 a,
#header ul.level-0 li.level-0 a{
    font-size: 16px;
	line-height: 40px
}

.start #content .col-4 p {
    font-size: 15px;
}

header li.level-1 a, #header ul.level-0 li.level-1 a{
	font-size: 14px
}


#footer * {
    font-size: 13px;
}

#footer .adresse p {
    line-height: 28px;
    margin: 2px 0 4px 0;
}


#header * {
	text-decoration: none;
	text-transform: uppercase
	
}

#content *,
#anfrage *,
#anfrage  [for*="input_"] {
	color: #3F3F3F
}


#content .container{
	background-color: #FFFFFF
}

#header div.logo{
	background-color: #adaeb3d9
}

.mobile #header div.logo{
	background-color:transparent;
	box-shadow: none
}

.frame-full-width-bg10{
    background-color: #DDDDDD;
}

#header .icons li:after {
    background: rgb(146, 145, 145);
    background: linear-gradient(90deg, rgba(146, 145, 145, 0) 0%, rgba(146, 145, 145, 0.8) 50%, rgba(146, 145, 145, 0) 100%);
}


.frame-layout-2,
table h3 {
    background-color: #F3F2F0;
}

#header .slider li {
    background: inherit
}


#header ul.level-0 li.level-0.active a,
#header ul.level-0 li.level-0:hover a,
#pid1  #header ul.level-0 li.level-0:first-child a,

#header .banner .slider li *,
#content .slider-2 .slick-prev:before,
#content .slider-2 .slick-next:before,
#footer *,
input.btn,
input[type*="submit"],
#anfrage button.powermail_submit,
#content .frame-full-width-bg15 *,
input[type='checkbox']+label,
.video_iframeoverlay #unlockiframe,
#content label[for*="powermail_field_ichhabediedatenschutzhinweisegelesenundstimmedernutzungmeinerdatenzudiesemzweckzu_1"],
#content a.btn,
#content [class*="frame-bg"] header *,
#content input.powermail_submit,
#header .open .sub span:after,
#header .menue-2 li.level-1 a,
#header .wrapper.menue-2 a,
#header.top ul.contact li a:before,
#header .icons.open ul.contact li a:before,
#content [for*="powermail_field_marker_1"],
#content [for*="powermail_field_datenschutz_1"],
#header div.book a,
#content .content-navi.level-1 li a,
#content #c57 *{
    color: #FFF;
}

/*#header,*/

a.btn:hover,
body #content input[type*="submit"]:hover,
input[type*="submit"]:hover,
input[type*="text"]:focus,
input[type*="email"]:focus,
input[type*="number"]:focus,
input[type*="password"]:focus,
textarea:focus,
body>div[id*="popup"],
body>aside>div[id*="popup"],
.toggle-first-nav span:before,
.toggle-first-nav span:after,
.toggle-first-nav span {
    background-color: rgba(255, 255, 255, 1);
}

.container.top .wrapper,
.video_iframeoverlay #unlockiframe:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

#header ul.level-0 li.level-0:hover:before,
#header ul.level-0 li.level-0.active:before,
#pid1  #header ul.level-0 li.level-0:first-child:after,

#header ul.level-0 li.level-0:before{
    background-color: rgba(255, 255, 255, 0.5);
}

#header ul.level-0 li {
	border-bottom: 1px rgba(255, 255, 255, 0.5) solid
}

#header ul.level-0 li:hover {
	border-bottom: 1px rgba(255, 255, 255, 1) solid
}


#header .gradient{
/*	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.9) 100%);
	
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.4) 100%);*/
	
	
    background: rgb(0,0,0);
    background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
	
}


.toggle-first-nav.open span:before,
.toggle-first-nav.open span:after{
	background-color: rgba(255, 255, 255, 1);
}



a.btn:hover {
    background-color: rgba(217, 109, 0, 0.7);
}

/*BLAU*/
#content h1,
#content h2,
#content h3,
a.active,
input[type*="submit"]:hover,
.video_iframeoverlay #unlockiframe:hover,
#header ul li.map a,
#header ul li a,
#header ul li a:after,
#header a,
.cc-compliance .cc-btn,
#content input.powermail_submit:hover,
.frame-type-textpic h2.ce-headline-center,
.frame-type-textpic h2.ce-headline-center *,
body>div[id*="popup"] a,
body>aside>div[id*="popup"] a {
    color: #178CCD;
}

input.btn,
input[type*="submit"],
button.powermail_submit,
input[type='checkbox']:hover+label::before,
input[type='radio']:hover+label::before,
input[type='checkbox']:checked+label::before,
input[type='radio']:checked+label::before,
h2.ce-headline-center:after,
.video_iframeoverlay #unlockiframe,
 ::-webkit-scrollbar-thumb, 
#content .content-navi.level-1 li{
    background-color: #178CCD;
}


/*DUNKEL BLAU*/


#header .slider,
.frame-bg-blue,
.frame.frame-bg-box,
#content
{
    background-color: rgb(147 149 156);
}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 920px){
  
.toggle-first-nav span:before,
.toggle-first-nav span:after,
.toggle-first-nav span {
    background-color: rgb(147 149 156);
	  }
}

#footer,
#header .menue-2 ul.level-1,
#header .menue-2 ul.level-2,
#header .open .sub span,
#header .wrapper.menue-2,
::-webkit-scrollbar-track{
    background-color: #7D7F87;
}

#header .mask{
	background-color: rgba(147, 149, 156,0.8);
}


/*#header .banner div.slide-content span span,
#header .banner div.slide-content span a span,
#header .container.fullwidth, #header .container.banner*/
#header .banner div.slide:after {
	background: rgb(147, 149, 156);
	background: linear-gradient(0deg, rgba(147, 149, 156,1) 0%, rgba(147, 149, 156,0) 100%);
}

a.btn{
    background-color: rgba(81,101,141, 0.6);
}

#content [class*="frame-bg"] [class*="col-"] header *{
    background-color: rgba(81,101,141, 0.9);
}

#c4 li a{
	background-color: rgba(23,140,205,0.1)
}

.back-to-top {
    background-color: rgba(53,66,92, 0.1);
}

#content [class*="frame-bg"] header:hover  *{
    background-color: rgba(0,0,0, 0.5);	
}

#header ul.level-0 li.level-0  a:hover{
	color: #E4E4E4
}


/*ORANGE*/

#header div.book a,
#c57 p a {
	background-color:#b5893b;
}

{
	background-color: rgba(217,163,0,0.2)
}

/*SCHWARZ*/

button[id*="btn-close-modal"] span,
button[id*="btn-close-modal"] span:before,
button[id*="btn-close-modal"] span:after{
	background-color: #000000
}


#header .toggle-first-nav.open {
	background-color: transparent
}