@charset "UTF-8";

@import url('mo-grid.css');
@import url('fonts.css');
@import url('menu.css');
@import url('module.css');
@import url('animation.css');
@import url('barierefrei.css');
@import url('owl.carousel.min.css');
@import url('owl.theme.default.min.css');
@import url('formular.css');
@import url('rechner.css');

:root,
:root.dark {
  --bg-color: #ffffff;
  --bg-color-light-grey: #ffffff;
  --bg-light-grey:#181818;
  --bg-primary-grey: #181818;
  --bg-hover-1: #333333;    
  --bg-aqua-grey:#181818;
  --bg-dark-grey:#181818;  
  --bg-color-zwei: #ffffff;
  --rahmen-color: #000000;   
  --text-color: #000000;
  --text-color-1: #ffffff;  
  --text-color-2: #ffffff;
  --text-color-3: #000000;    
  --text-color-4: #f6f6f6;
  --text-color-5: #ffffff;
  --text-color-6: #ffffff;
  --text-color-7: #ffffff;   
  --text-color-zwei: #ffa600;
  --filter-color-2:invert(95%) sepia(5%) saturate(0%) hue-rotate(355deg) brightness(103%) contrast(106%);
}

:root.light {
  --bg-color: #ffffff;
  --bg-color-light-grey: #E5E6E1;
  --bg-light-grey:#F3F3F1;
  --bg-primary-grey: #E5E6E1;
  --bg-hover-1: #98A7A6;  
  --bg-aqua-grey:#b0bbba;
  --bg-dark-grey:#98A7A6; 
  --text-color: #000000;
  --text-color-1: #ffffff;
  --text-color-2: #222222;
  --text-color-3: #222222;
  --text-color-4: #b0bbba;   
  --text-color-5: #363636;
  --text-color-6: #747373;
  --text-color-7: #ffa600;    
  --bg-color-zwei: #000000;
  --rahmen-color: #ced4da;   
  --text-color-zwei: #ffa600;
  --filter-color-2:filter: brightness(0) saturate(100%);
}

html,
body {
	scroll-behavior: smooth;
}

body {
 font-style: normal;
 font-weight: 400;
 font-size: 18px;
 line-height: 1.4;
 font-family: 'Open Sans', sans-serif;
 letter-spacing: 0px;
 text-align: left;
 color: var(--text-color);
 background:var(--bg-color);
}

.logo {
  max-width: 180px;
}
.logo img {
  width: 100%;
  height: auto;
}
.unterseite .logo img{
  max-height:80px;
  width:auto;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height:1.3;
}
@media (min-width: 1200px) {
  p + p {
    margin-top: 27px;
  }
}
@media (min-width: 992px) {
  p + p {
    margin-top: 18.9px;
  }
}
p + p {
  margin-top: 13.5px;
}
em{
	font-style:italic;
}
.relative{
	position:relative;
}
.no-768{
	display:inline-block;
}
.no-767{
	display:none;
}

@media (max-width: 767px){
	.no-767{
	display: inline-block;
	}
	.no-768{
	display:none;
	}
}
h1{
  font-weight: 400;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #363636;
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0px;
  margin-bottom:12px;
}
h1 span {
  color: var(--bg-aqua-grey)!important;
  font-weight: bolder;
}
h2{
  font-weight: 400;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #363636;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0px;
  margin-bottom:12px;  
}
h2 span {
  color: #ec8b00 !important;
  font-weight: bold;
}
h2 strong {
  color: var(--bg-aqua-grey)!important;
  font-weight: bold;
}

h3{
  font-weight: 500;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #363636;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0px;
  margin-bottom:12px;  
}
h4{
  font-weight: 500;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #363636;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0px;
  margin-bottom:12px;  
}
h5{
  font-weight: 500;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #434f53;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  margin-bottom:20px;  
}
@media (max-width: 767px){
	h1{font-size:26px; }
	h1,h2,h3,h4,h5,h6{
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}
strong {
  font-weight: bold;
}
.position-relative {
  position: relative !important;
}

.text-left {
  text-align: left!important;
}

.text-right {
  text-align: right!important;
}

.text-center {
  text-align: center!important;
}


.i-blog{
	display:inline-block;
	width:100%;
	height:100%;
}
.w100{
	width:100%;
}
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
img, svg {
  vertical-align: middle;
}



.novi-background {
  background-size: cover;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .section-xs {
    padding: 45px 0;
  }
}
.section-xs {
  padding: 55px 0;
}
.bg-primary {
	background:#E5E6E1;
}
.page-title h1{
	font-size:2rem;
}
/* Unterseite ohne Header
 ================================================================ */
.u-site-cont{
	padding:190px 0 0 0;
} 
.u-site-head h1{
	font-family:font-family: 'Montserrat', sans-serif;
	font-size:76px;
	font-weight:500;
	line-height:1.2;
} 
.u-site-txt h1{
	font-family:font-family: 'Montserrat', sans-serif;
	font-size:76px;
	font-weight:500;
	line-height:1.2;
} 
.u-site-txt h2{
	font-family:font-family: 'Montserrat', sans-serif;
	font-size:56px;
	font-weight:500;
	line-height:1.2;
}
.u-site-txt h3{
	font-family:font-family: 'Montserrat', sans-serif;
	font-size:46px;
	font-weight:500;
	line-height:1.2;
}
.u-site-txt h4{
	font-family:font-family: 'Montserrat', sans-serif;
	font-size:40px;
	font-weight:500;
	line-height:1.2;
}
.u-site-txt p{
	font-size:28px;
	font-weight:400;
	line-height:1.5;
}
/* Footer
 ================================================================ */
.footer-area {
	position: relative;
	z-index: 1;
	padding: 60px 0;
	background-color: #212529;  /* fallback for old browsers */
}
.hyp{
	hyphens: auto;
    -webkit-hyphens: auto;
}
.footer-about {
    padding-right: 0;
}
.footer-logo {
	margin-bottom: 20px;
	display: inline-block;
}
@media (max-width: 767px){
	.footer-logo img{
		text-align: center;
	}
}
.footer-list h5 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 30px;
}

.footer-list p {
	color: #efefef;
	font-size: 16px;
}

.footer-list ul li {
	color: #efefef;
	margin-bottom: 16px;
}

.footer-list ul li:last-child {
	margin-bottom: 0px;
}

.footer-list .footer-contact-info ul li i {
	color: #ffffff;
	font-size: 16px;
	margin-right: 5px;
}

.footer-list ul li a {
	display: inline-block;
	font-size: 16px;
	color: #efefef;
	text-decoration:none;
}

.footer-list ul li a:hover {
	color: #ec8b00;
    text-decoration: underline;
}
@media (max-width: 767px){
	.footer-list{
		margin-top: 40px;
	}
}
ul.footer-contact-list li{
	padding-left:12px;
}
.footer-contact-info .footer-contact-list li span {
	display: inline-block;
	color: #efefef;
	font-size: 16px;
	font-weight: 700;
}
.footer-list .footer-contact-info ul li i {
  color: #ffffff;
  font-size: 16px;
  margin-right: 5px;
}
.ab1{
  font-size: 24px!important;
  margin-right: 5px!important;
}
.ab2{
  font-size: 20px!important;
  margin-right: 5px!important;
}

.ab3{
  font-size: 26px!important;
  margin-right: 8px!important;
}
.ab4{
	font-size: 18px !important;
	margin-right: 3px !important;
	margin-top: 3px;
}

.footer-social-icon {
	margin-top: 25px;
}

.footer-social-icon li {
	margin-right: 10px;
	display: inline-block;
}

.footer-social-icon li a {
	color: #fff !important;
	font-size: 15px !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
    border-radius: 30px;
    text-align: center;
    border: 1px solid rgb(255, 255, 255, 0.25);
    background: transparent;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.footer-social-icon li i{
	margin-top:11px;
}
.footer-social-icon li a:hover {
	color: #fff !important;
    border: 1px solid #ec8b00;
	background: #ec8b00;
}

.footer-opening-time-list li {
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-opening-time-list li:last-child {
    padding-bottom: 0;
}

.footer-reviews {
	margin-top: 30px;
	text-align:center
}
.footer-reviews img{
	width:100%;
	max-width:200px;
	height:auto;
}
/* .- ..- - .... --- .-. ---... / -... .- .-. .- -.- .- .... / - .... . -- . ... */
.copyright-area {
    padding: 35px 0 25px 0;
    background-color: #1a1d20;
}

.copyright-area p {
	color: #efefef;
	font-size: 15px;
}

.copyright-area ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	text-align: right;
}

.copyright-area ul li {
	position: relative;
	color: #efefef;
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.copyright-area ul li a,
.author-name a {
	display: inline-block;
	color: #efefef;
	text-decoration:none;
}

.copyright-area ul li a:hover,
.author-name a:hover{
	color: #ec8b00;
}

.copyright-area ul li::before {
	content: '';
	position: absolute;
	top: 5px;
	right: -13px;
	width: 1px;
	height: 14px;
	background-color: #ffffff;
}

.copyright-area ul li:last-child {
	margin-right: 0;
}

.copyright-area ul li:last-child::before {
	display: none;
}

.copyright-area ul li:first-child {
	margin-left: 0;
}

@media screen and (max-width:51em){
	.footer-box-item{
		min-height: 300px;
		margin-bottom: 20px;
	}
}