body {
  background: white;
  font-family: "Inter", sans-serif;
  font-weight:300;
  font-size:16px;
}
/* cookie consent*/

.content{
  margin-top:120px;
}
header {
  background-color:white;
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
  padding: 1rem 0;
}
p{
  color:#2c2b31;
  line-height:1.7;
}
a {
  color: #888;
}
.align-c{
  text-align:center;
}
.logo {
  max-height: 80px;
}
h1, h2, h3, h4, h5{
  font-family:'Inter', 'Nixie One', cursive;
  color: #b50404;
  text-transform: uppercase;
  padding: 12px 0px 8px;
}
h3{
  padding-bottom: 12px;
}

strong, a strong, strong a{
  font-weight: 600;
}

header .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1170px;
}

header .container::before, header .container::after {
  display: none;
}

@media screen and (max-width: 992px){
header .container {
  flex-direction: column;
  gap: 2rem;
}
}

@media screen and (max-width: 768px){
header .container {
  flex-direction: row;
}
}


.top-nav {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 40px;
  align-items: center;
}

.top-nav li {
  list-style: none;
  font-size: 15px;
  font-weight: 100;
  font-family:'Inter', cursive;
  text-transform:uppercase;
}
.padding-t{
  padding-top:70px;
}
.padding-b{
  padding-bottom:50px;
}
.top-nav li a {
  color: black;
}
.top-nav li a:hover, .top-nav li.active a{
  color:#b50404;
}
.facebook-icon{
  font-size:32px;
  line-height:35px;
}
.facebook-icon:hover{
  color:#b50404;
}
.curved{
  background-size:cover;
  background-position:center;
  border-radius:50%;
  overflow:hidden;
  width: 420px;
  height: 420px;
  float: left;
  margin-right: 10rem; 
  -webkit-shape-outside:circle();
  shape-outside:circle();
}

@media screen and (max-width: 700px){ 
.curved-section {
  display: flex;
  flex-direction: column;
}

.curved {
  margin-bottom: 50px;
}
}

@media screen and (max-width: 576px){
.curved {
  width: 100%;
  height: revert;
  aspect-ratio: 1 / 1;
}

}

.insta-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.insta-section a {
  width: calc(25% - 1rem);  
}

.insta-section img {
  max-height: 200px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

@media screen and (max-width: 576px){ 
.insta-section a {
  width: calc(50% - 1rem);
}
}

.split-banner {
  display: flex;
  height: 70vh
}

.split-banner > * {
  width: 50%;
}

.split-banner img {
  object-fit: cover;
}

.split-banner-text {
  padding: 6rem;
  background-color: #C9E265;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.split-banner-text h1, .split-banner-text h2,.split-banner-text h3,.split-banner-text h4,.split-banner-text p, .split-banner-text i {
  color: #fff;
}

@media screen and (max-width: 992px){
.split-banner {
  height: revert;
}
}

@media screen and (max-width: 576px){
.split-banner {
  flex-direction: column;
}

.split-banner > * {
  width: 100%;
}

.split-banner > img {
  object-fit: cover;
}

.split-banner-text {
  padding: 16px;
} 
}


.banner{
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-size: 100% auto;
  height: auto;
  width:100%;
  position:relative;
}

.banner > img{
  vertical-align: top;
  width: 100%;
  opacity: 1;
  max-height: 50vh;
  object-fit: cover;  
}

.banner-caption{
  line-height: 1.3; 
  padding: 8px 0; 
  margin: 20px auto;
  text-align:right;
  z-index:5;
}
.banner-caption h1{
  padding: 8px 18px;
  margin: 8px 0px;
  color: black;
}
.banner-caption span{
  position: relative;
  display: inline-block;
  background: white;
  right: -10px; 
}
.banner-angle-down{
  font-size: 6em;
  padding-top: 30px;
  text-align: center;
  width: 100%;
}
.banner-angle-down a{
  color:white;
}
.title{
  background-color:#f4f4f4;
  padding-top:60px;
  padding-bottom:40px;
  margin-bottom:40px;
}
.rezensionen{
  background: #fff;
  border-bottom: 2px solid #b50404;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 60px;
  margin-bottom: -40px;
}
.title h2{
  color:#b50404;
}
.section{
  padding-top:50px;
  padding-bottom:50px;
}
/* leistungen */
.service{
  margin-bottom:50px;
}
.service h2, .service h3,.service h4,.service h5{
  color:#b50404;
}
footer {
  background-color:#f4f4f4;
  clear: both;
  margin-top: 40px;
  padding: 40px 0px;
  font-size: 1.5rem;
  font-family: 'Inter', cursive;
}

footer a {
  color: black;
  margin-right: 10px;
}

footer .imprint-footer{
  margin-top: 12px;
  font-size: 1.25rem;
}

.g-recaptcha{
  margin-bottom:10px;
}
.contact-info > i{
  font-size:4em;
  padding: 10px 20px;
  color:#b50404;
  margin-bottom:20px;
}
.contact-info > i:first-child{
  padding-left:0px;
}

/*googleMap*/
#myMap{
  height:400px;
  width:100%;
}

/* resp nav*/

.nav-toggle-button{
  width:auto;
  background: #fff;
  text-align:center; 
  color: #3d3d3d;
  display:inline-block;
  padding:5px;
  font-size:20px;
  z-index: 3;
  float:right;
}

.nav-toggle-button *{
  color:#3d3d3d;
}

.dropdown-nav{
  /*position:fixed;*/
  top:36px;
  width:100%;
  background: #fff;
  text-align: center;
  padding:0;
  padding-bottom:15px;
  z-index: 3;
  left:0;
}

.dropdown-nav ul{
  width:100%;
  margin:0;
  padding-left:0;
  *padding-bottom:20px;
  left:0;
  top:36px;
  
}

.dropdown-nav ul li{
  width:100%;
  text-align: center;
  padding:0;
  padding-bottom:15px;
  margin-top:15px;
  border-bottom:1px dotted white;
  font-family:'Inter', cursive;
  text-transform:uppercase;
}
.dropdown-nav ul li.active a{
  color:#b50404;
}
.dropdown-nav ul li:last-child{
  margin-bottom:15px; 
  padding-bottom:15px;
  
}


.dropdown-nav ul li a{
  color: #3d3d3d;
  font-size:20px;
}

.jk-collapse{
  min-height:0 !important;
}

.jk-collapse.collapsed {
  min-height:1px; 
}
.service label{
  display:none;
}
.subscribe-form {
  font-family:'Inter', cursive;
  margin-top:10px;
}
.subscribe-form label{
  display:none;
}
.subscribe-form input {
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
}
.subscribe-form .btn, .btn{
  background-color:#B50404;
  border:none;
  text-transform:uppercase;
  width: auto;
  border-color: #B50404;
}

.subscribe-form .btn {
  width: 100% !important;
}

.subscribe-form .btn:hover, .btn:hover {
  background-color: #B50404;
  border-color: #B50404;
  opacity: .8;
  {
  
}


.blog-entry {
  margin-bottom: 50px; 
}




/* swiper -> rezensionen startseite*/
.swiper-container {
  width: 100%;
  height: auto;
  min-height: 20vh;
  margin: 20px auto;
}
.swiper-slide {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  height:auto !important;
}
.swiper-custom-text{
  position: relative;
  margin:auto;
  width:80%;
  padding:40px 0px;
}
.swiper-custom-text h3, .swiper-custom-text h4{
  color:#b50404 !important;
}

.swiper-pagination-bullet-active{
  background:#b50404 !important;
}
/*
.swiper-pagination-bullet{
background:#f4f4f4 !important;
}*/
.swiper-pagination{
  position:relative !important;
}

@media screen and (max-width: 1000px){
.top-nav li {
  
  margin-right: 25px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 100;
}
.curved{
  height:300px;
  width:300px;  
}
.contact-info > i{
  font-size:3em;
}
.banner{
  /* height:500px;*/
}
.logo {
  max-height: 50px;
}
}
@media screen and (max-width: 776px){
.banner{
  /*height:400px;*/
}
.banner-caption{
  padding: 4px 0; 
}
.banner-caption h1{
  font-size:25px;
}
.curved{
  float: none;
  margin: 20px auto;
}
.contact-info > i{
  font-size:2em;
}
}



/* CSS KAI */
.subscribe-form.frontpage-subscribe {
  margin: 0;
  float: right;
  font-family: "Inter", sans-serif
}

.subscribe-form.frontpage-subscribe .btn {
  font-family: 'Inter', cursive;
}