@charset "utf-8";

html 
{ 
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

html, body, #main 
{
  height: 100%;
}

body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
	font-size:15px;

    margin: 0;
    padding: 0;

    min-height:100%;
    position: relative;
}

#Footer
{
  
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a
{
	color: #e26f6f;
	text-decoration:underline;
}

a:hover
{
	color: #e26f6f;
	text-decoration: none;
}


.convertforms .cf-content-wrap, .convertforms .cf-form-wrap
{
	padding: 0px !important;
}

#cf_1
{
  max-width: 100% !important;
}

div#Hauptmenu .maximenumobiletogglericonck
{
	background-color: white !important;
	height: 40px !important;
}

div#Hauptmenu .maximenumobiletogglericonck::after
{
  display: none !important;
}

div#Umenu .maximenumobiletogglericonck
{
	background-color: white !important;
	height: 40px !important;
}

div#Umenu .maximenumobiletogglericonck::after
{
  display: none !important;
}

#Angebot_box .col-md-3 h2
{
	font-size: 18px;
}

#Umenu
{
	padding-top:1%;
	padding-bottom:1%;
	margin-top:1%;
	margin-bottom:1%;
}

#Umenu#Umenu
{
	border-top: 2.5px #e26f6f solid;
	border-bottom: 2.5px #e26f6f solid;
}

#UMenu ul
{
	background-color: white !important;
}

#UMenu ul
{
	font-size: 25px;
}

#Umenu ul li a span
{
	color: black !important;
}

#Umenu li.active
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Umenu li.current a span
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Umenu li:hover
{
	background-color: white !important;
}

#Umenu li:hover a span
{
	color: #e26f6f !important;
	background-color: white !important;
}

#Hauptmenu li.active
{
	 border-top: 2.5px #e26f6f solid;

}

#Hauptmenu li.active a span
{
   color: #e26f6f;
}

#Uebermich
{
	padding: 2% 0px 2% 0px;
}

#Uebermich_Spruch
{
	text-align: center;
	padding-bottom:1%;
}

#Uebermich_Bild img
{
	width: 100%;
	Height: auto;
}

#Service
{
	background-color:#f2f2f2;
	padding: 2% 0px 2% 0px;
}

#Service #Angebot_box a
{
	color:black;
	text-decoration: none;
}

#Service #Angebot_box a.col-md-3
{
	box-shadow: 1px 1px 5px 1px grey;

	padding-top:1%;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;

	margin-left:1%;
	margin-right:1%;

	background-color: white;
}

#Service #Angebot_box a.col-md-3:hover
{
	box-shadow: 5px 5px 25px 5px grey;
}

.row
{
	margin-left:0px;
	margin-right: 0px;
	
	padding-left: 0xp !important;
	padding-right: 0px !important;
	padding-left: 0% !important;
	padding-right: 0% !important;
}

img.schwarzweiß 
{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
/*
img.schwarzweiß:hover {
filter: none;
}*/

.parallaxlinks {
    position: relative;
    background-size: cover;
    transform: translateX(0%); /* Starten außerhalb des Bildschirms */
    transition: transform 0.6s ease-out; /* Sanfte Animation für den Effekt */
}

.parallaxrechts {
    position: relative;
    background-size: cover;
    transform: translateX(0%); /* Starten außerhalb des Bildschirms */
    transition: transform 0.6s ease-out; /* Sanfte Animation für den Effekt */
}

h1 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:35px;
	text-transform: uppercase;
}

h2 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:25px;
	text-transform: uppercase;
	text-align: center;
	color: black;
}

h3 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
  	color: black;
}

hr
{
	text-align: center;
	border: 15px solid #f2f2f2;
	border-radius: 5px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0px;
	margin-right: 0px;
}

div
{
	/* border: 1px solid black; */
}

.container-fluid
{
	padding-left:0px;
	padding-right:0px;
    width: 100vw;
    height: 100vh;
}

#Header
{
	margin-top:2vh;
	margin-bottom:2vh;
}

#Hauptmenu
{
  z-index:999;
  /* margin-bottom:5%; */
	color: #d11b06 !important;
}

#Hauptmenu a
{
	 color: black !important;
	 background-color: white;
	 font-size: 15px
}

#Hauptmenu a:hover span 
{
   color: #e26f6f;
	 background-color: white !important;
}

#Hauptmenu li
{
	margin-left:1%;
	margin-right: 1%;
}

#Hauptmenu li:hover  
{
	 border-top: 2.5px #e26f6f solid;
}

#Hauptmenu li.current 
{
    border-top: 2.5px #e26f6f solid;
}

#Hauptmenu li.current a span
{
	 color: #e26f6f;
}

#Hauptmenu .col-md-11
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Hauptmenu .col-md-1
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#Hauptmenu ul
{
	background-color: white !important;
}

#Logo img
{
	display: block; 
	max-width: 100%; 
	height: auto;
	max-height: 100px;
	margin-right:auto;
	margin-left:auto;
    margin-bottom:2vh;
}

#Picture_inside
{
  	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#Picture_inside img
{
	width: 100%;
	height: auto;
}

#Aktuelles_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Team_box
{
	width:95%;
	padding-left:0px;
	padding-right:0px;
}

#Team_box div
{
	min-width: 14.5%;
	margin-left: 1%;
	margin-right: 1%;

	min-height: 40vh;
}

#UeberUns_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Leistungen_inside
{
	width:95%;
	height:70vh;
	margin-top:5vh;
	margin-bottom:5vh;
}

#Service_Text_oben
{
  text-align:center;
}

#Service_box
{
	padding-left:0px;
	padding-right:0px;

  	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

#Service_box div
{
/*	min-width: 30%;
  	min-height: 20vw; */
  
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 1%;
	margin-bottom: 1%;
    padding:0px 0px 0px 0px;

	min-height: 100%;

	border-radius: 10px;
	z-index:9999;
}

#Service_box div img
{
  width:100%; /* 100% */
  height: auto;
  opacity: 0.6;
/*  border-radius: 2%;
  border: 0px solid blue !important; */
}

#Service_box div p
{
	margin-left:1%;
	font-size:40px;
	color:black;
	position:absolute;
	
	z-index: 99999;
}

#Service_box div a:hover img
{
  box-shadow: 10px 10px 15px 10px black;
	opacity: 0.1;
}

#Service_box div a:hover p
{
	margin-left:1%;
	font-size:40px !important;
	color:black !important;
	position:absolute;
	
	z-index: 99999;
}

#Leitspruch
{
	margin-top:10vh;
	margin-bottom:10vh;
	
	font-size: 5vh;
	font-style: italic;

    animation: fadeIn ease 10s;
}

#References
{
	margin-left:0px;
	margin-right:0px;
  padding: 0px 0px 0px 0px;
}

#References_inside_bild
{
	margin-top:10vh;
	margin-bottom: 10vh;
	margin-left:0px;
	margin-right:0px;
	padding: 0px 0px 0px 0px;
}

#References img
{
	width: 100%;
	height: auto;
}

#References p
{
  position: absolute;
	z-index: 999;
	right: 1vw;
}

#Map_inside
{
	width:95%;
	height:50vh;
}

#Footer
{
	color: #e26f6f !important;

}

#Footer_inside
{
	width:95%;
	padding-left:0px;
	padding-right:0px;
    text-align: center;
    border-top: 2.5px #e26f6f solid;
	padding-top: 1%;
}

/* 
 * Hier kann das css individuell anhand der breite geregelt werden 
 * z.B. wenn eine Tabelle sich auf dem Rechner aber nicht auf dem Handy nach, oben und unten einordnen soll 
 * andere individuelle einstellungen (aber nur für eine geräte-größe)
*/

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
@media (max-width: 768px) 
{
   .row
   {
      margin-left:0px;
      margin-right:0px;
   }
}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) and (max-width: 992px)
{
   .row
   {
      margin-left:0px;
      margin-right:0px;
   }
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) and (max-width: 1200px)
{

}

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: 1200px) 
{
  
}

@keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}