/*Benutzerspezifische Funktionen und Einstellungen*/
#DynamicBeschreibung{display:none;}
#UserFooter{display:none;}
#ZwischenSpeicher {display: none;}
/*Navigation Anzahl Spalten*/
/*Wenn SpaltenMap Modul aktiviert ist ergibt dies keinene Sinn*/
#KontaktFirmenDaten{
    /*display:none;*/
}
#Adresse{
    display:none;
}
#WebNavBlender{
    background-color: rgba(17,31,64,0.8);
}
#ManuelLandWahl{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    top: 0px;
    z-index: 120000;
    text-align: center;
    color:#fff;
}
.PumpenSeite .SP100Spez1 {
  padding-left: 50px;
  padding-right: 50px;
}
#ManuelLandWahl h1,#ManuelLandWahl a{
    color:#fff;
}
#ManuelLandWahl a{
    scale:1;
    transition: scale .5s
}
#ManuelLandWahl a:hover{
    scale:1.1;
    transition: scale .5s
}
.ManLandWahlBox{
    position:absolute;
    width:700px;
    left:calc(50% - 350px);
    top: 220px;
}
.ManLandWahlBox a{
    float: left;
  padding: 50px 0px;
  width: 250px;
  margin: 0px 50px;
}
#TempAnzeigeAus{
    position:absolute;
    top:5px;
    right:200px;
    color:#AFAFAF;
}
#TempAnzeigeAus img{
    width:35px;
    height:35px;
}
body {
    font-size: 20px;
}
h1{
    line-height: 1em;
}
.TextBox h1{
    line-height: 135%;
}
p{
    line-height: 1.35em;
}
.AnmeldenVergessen #SeitenTitel{
	background-color:#fec800;
	text-align: center;
	padding: 10px 10px;
	color:#284588;
}
#AnmeldenVergessen #LoginMaske h1{
	background-color:#284588;
	text-align: center;
	padding: 10px 10px;
	color:#fff;
}
#WebMain #BreadCrumbs{
    width:1400px;
    margin:auto;
    padding:20px 0px 15px;
    font-size: 16px;
}
#WebMain #BreadCrumbs a{
    background-color: transparent !important;
    color:#595b60;
    padding: 3px 0px 3px 0px;
}
#WebMain #BreadCrumbs a:hover{
    color:#284588;
}
#Rahmen #Inhalt .ZeileMaximal .InnereBreite3 h1{
  padding-top: 30px;
}
.BreitBild .DesignBildBox h1, .BreitBild .DesignBildBox h2, .BreitBild .DesignBildBox p {
  text-shadow: none;
}
/*Pumpselector Anmelden vergessen*/
#Main{
	min-height:800px;
	width:100%;
    margin:0px auto;
    max-width: 800px; 
    float:none;
}
/*Pumpselector Anmelden vergessen*/
#PumpSelectorSeite .WebMainHFlach{
    padding-top: 0px;
}
#PumpSelectorSeite .TopNavHHoch .TopNavBox2{
  top: 0px;
  transition: top 1s;
}
#PumpSelectorSeite .TopNavHHoch .TopNavBox3,
#PumpSelectorSeite .TopNavHHoch .TopNavBox1 {
  top: 15px;
  transition: top 1s;
}
#PumpSelectorSeite iframe{
    width: 99%;
    margin-left: 0.5%;
}

/*CKeditor*/
.BigTitle{
    font-size: 80px;
    padding:40px 20px;
}
.BreiteZeileSchmal h2{
    font-weight: 100;
}
#Inhalt {
    /*für Übergänge ohne Zwischenräume*/
    padding: 0px;
}
#BannerSlider {
  margin-bottom: 0px;
}
#BannerSlider .BannerBox .BBInhaltRechts {
  padding-right: 120px;
}
#BannerSlider .BBInhaltZenter div{
    max-width:1200px;
    margin:auto;
}
.PumpenSeite #BannerSlider .BannerBoxInhalt{
    background-image: url("../image/BannerSchraegBlau.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    vertical-align: bottom;
    padding-bottom: 30px;
}
.PumpenSeite #BannerSlider .BannerBoxInhalt h1,
.PumpenSeite #BannerSlider .BannerBoxInhalt p{
    margin-left: calc(100% - 1165px);
    margin-right: 100px;
}
.PumpenSeite .InhaltBoxen .BreitBild .DesignBildBox .PadBox {
  margin-left:33%;
    max-width:38%;
}

#FormMenschCheckLabel{
    width:100%;
}
#SeitenKontaktForm .MCPBild {
  float: left;
  width: 50px;
  height: 50px;
  background-image: url("../image/MenschBG.png");
  background-size: contain;
}
#SeitenKontaktForm textarea{
    padding: 10px;
}
#StandardFormSenden{
    cursor:pointer;
}
#StandardForm textarea {
    border-radius: 0px;
    
}
/*StudentFormular*/
#StudentFormular{
    position:absolute;
    width:100%;
    top:0px;
    display:none;
}
#KarriereSeite .FormularEin{
    display:block;
}
#StudentFormClose{
    position:absolute;
    right:100px;
    top:20px;
    cursor:pointer;
}
#StudentFormClose img{
    width:50px;
    height:50px;
}
/*normal normal*/
.ZeileSchmal,#Inhalt .InnereBreite0 {
  max-width: 1400px;
}
#Inhalt .ZeileMitBGBild .InnereBreite0 {
  padding: 0px;
}
.TopNavBox2 {
    position:absolute;
    left: 0px;
    width: 389px;
    height: 70px;
}
.TopNavHHoch .TopNavBox2{
    top: 75px;
    transition: top 1s;
}
.TopNavHFlach .TopNavBox2{
    top: 0px;
    transition: top 1s;
}
.TopNavHHoch,.TobNavBGTransp2{
    background-color: transparent;
}
#MenueEin,#MenueAus{
    background-color: #284588;
    width:36px;
    height:36px;
    text-align: center;
}
#TopNav svg {
  width: 30px;
    margin-top: 3.5px;
}
#TopNav svg .cls-1 {
  fill: rgb(255,255,255);
  transition: fill .5s;
}
#Sucheinblender {
    width:36px;
    height:36px;
}
#Sucheinblender img{
    width:100%;
    height:100%;
}
#SuchForm {
  width: 36px;
}
#Sucheinblender svg{
}
#SuchForm input[type="text"] {
    left: 70px;
    margin-top: 0px;
}
#Rahmen #Inhalt #SuchBox .BTNMore a {
  background-color: #284588;
}
#Inhalt .ProdSoloDB .BTNMoreBox a span {
  background-color: transparent;
}
#Inhalt .HauptZeile .BTNMore {
  background-image: none;
  color: #fff;
  background-color: transparent;
  padding: 10px 30px 10px 30px;
  border: none;
}

#Inhalt .HauptZeile .BTNMore:hover {
    background-color: transparent;
}
.SelectCountryBTN{
  background-image: none;
  padding: 3px 20px;
  background-color: #284588;
  color: #fff;
  border-radius: 20px;
  transition: background-color .5s;
  cursor: pointer;
 }

.SelectCountryBTN:hover{
	background-color: #fec800;
}
#TopNav{
    border-bottom:none;
    width:auto; /*verdeckt sonst Suche und PumpselectorBTN*/
}
.TopNavBox3{
    position:absolute;
    left: 303px;
    width: 36px;
    height: 36px;
}
.TopNavHHoch .TopNavBox3,.TopNavHHoch .TopNavBox1{
    top: 90px;
    transition: top 1s;
}
.TopNavHFlach .TopNavBox3,.TopNavHFlach .TopNavBox1{
    top: 15px;
    transition: top 1s;
}
.TobNavBGTransp1 {
  background-color: transparent;
}
.Navigation {
  float: right;
    margin-right: 120px;
}
#MainMenueSpezPlatzierung{
    position:absolute;
    right: 130px;
    top: 520px;
}
.NavMainMenue{
    width:auto;
    /*max-width:220px;*/
    padding: 0px 0px 40px 0px;
    margin-right: 60px;
} 
.MenueGruppeSpez a:hover .LinkSpezName,
.MenueGruppeSpez a:hover h2{
    color:#fec800;
}
#Language {
  position: absolute;
  right: 185px;
  bottom: auto;
    top: 460px;
}
#Language, #SelectSprache {
  min-width: 150px;
}
#Language .DDContainer .clear40{
    height: 0px;
}
#SelectSprache {
  color: #284588;
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: all 1s;
  transition: all 1s;
  border: none;
}
#SelectSprache:hover{
	color:#284588;
	background-color: rgba(255, 255, 255, 1);
}
#SozialMediaBox{
    position: absolute;
    right: 450px;
    bottom: auto;
    top: 565px;
}
#SozialMediaBox img{
    width:25px;
    height:auto;
}
#SozialMediaBox a{
    margin-right:20px;
}
#PumpeBTN img{
    width: 30px;
    height: auto;
    position: absolute;
    margin-left: -32px;
    margin-top: -10px;
}
Element {
  height: 198px;
}
#Inhalt .SliderGruppe,
#Inhalt .SliderGruppe .SlideBoxen,
#Inhalt .SliderGruppe .SlideBoxen .BGInhaltBox{
    min-height:500px;
}
ul {
  list-style-image: url('../image/ListePfeilSchwarz.png');
}
.ListeWeiss{
    list-style-image: url('../image/ListePfeilWeiss.png');
}
.ListeBlau{
    list-style-image: url('../image/ListePfeilBlau.png');
}
.DesignBildText ul{
    margin-top:20px;
}

#Inhalt .SpaltenBoxen .ohneBild .FlexBoxText{
  padding: 15px 10% 30px 0px;
}
#Inhalt .SpaltenBoxen .BGEin .FlexBoxText{
  padding: 15px 10% 30px 10%;
}
#Inhalt .SpaltenBoxen .rahmenboxlayout0 .ohneBild .FlexBoxText {
  padding: 15px 0px 30px 0px;
}
#WebMain #Inhalt .SpaltenBoxen .ohneBild h2 {
  padding-left: 0px;
}
/*
Viele Probleme
#WebMain #Inhalt .SpaltenBoxen .BGEin h2 {
  padding-left: 10%;
}
*/
/*SpaltenMix bei companylocal*/

#WebMain #Inhalt .ZeileMaximal .InnereBreite3 .SpaltenBoxen .FlexBoxRahmen .ohneBild h2{
    padding-top:30px;
}
#WebMain #Inhalt .ZeileMaximal .InnereBreite3 .SpaltenBoxen .ohneBild .FlexBoxText{
    padding: 0px 0px 0px 0px;
}
/*SpaltenMix bei companylocal*/

.InhaltBoxen .SBLayout6 .PadBox {
  padding: 4px 5%;
}
#Rahmen #Inhalt .SpaltenBoxen p a{
    /*display:block;*/
    display:inline-block;
    /*Ersetzt in folgenden ContactSeite und */
}
#ContactSeite #Rahmen #Inhalt .SpaltenBoxen p a,
#CompanyLocalSeite #Rahmen #Inhalt .SpaltenBoxen p a{
    display:inline-block;
}
#WebNavigation h2, .MenueGruppeSpez h2,
#Footer .MenueGruppeSpez h2{
  font-size: 20px;
    color:#fff;
    margin-bottom:0px;
    padding-bottom:21px;
}
.LinkSpezName {
  border-bottom: none;
  padding: 0px;
  color: #fff;
    line-height: 1.4em;
}
.LinkSpezName span {
  padding-top: 0px;
}
.TopNavBox1{
    position: absolute;
    right: 350px;
    height: auto;
    width:auto;
}
.noPfeil .LinkSpezName img{
    display:none;
}
.noPfeil .LinkSpezName span,.LinkSpezName span{
    padding-left:0px;
}
#PumpSelectorBTN{
    position: absolute;
    right: 80px;
    height: 36px;
    width: 36px;
    cursor:pointer;
}
#PumpSelectorBTN img{
    height: 100%;
    width: auto;
}
#DSGVO{
    border-top: 3px solid #fec800;
}
#WebNavBlender .Aktiv .LinkSpezName,
#WebNavBlender .Aktiv h2{
  color: #fec800;
}
#ShortNav {
  position: absolute;
height: auto;
display: inline-block;
top: 100px;
right: 500px;
}
/*PumpSelector*/
#PW, #PW1{
    cursor:pointer;
}
#PW img, #PW1 img{
    width: 80%;
  height: auto;
  margin-left: 10%;
    
}
.PumpenSeite .BKZeile .SP60 input[type='text'],
.PumpenSeite .BKZeile .SP60 select{
    width:100%;
}
.PumpenSeite .BKZeile .SP60 #Passwort,
.PumpenSeite .BKZeile .SP60 #Passwort1{
    width:90%;
}
.PumpenSeite .BKZeile .SP60 #Passwort:invalid,
.PumpenSeite .BKZeile .SP60 #Passwort1:invalid,
.PumpenSeite .BKZeile .SP60 input[type='text']:invalid{
    background-color: #FFF9A9;
}

.PumpenSeite .BKZeile .SP60 select{
    padding:5px 10px;
}
#BKChange{
    font-size:25px;
    background-color: #284588;
    color:#fff;
    border:0px;
    cursor:pointer;
    padding:5px 15px;
    border-radius:7px;
    height:auto;
}
#PWGen{
    background-color: #284588;
    padding:5px 15px;
    border-radius:7px;
    display:inherit;
    color:#fff;
}

#ZeitSperreBG{
	position:fixed;
	z-index:30000;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0, 0, 0, 0.8);
    color:#fff;
    text-align: center;
}
#ZeitSperre{
	position:fixed;
	width:100%;
	height:100%;
	z-index:10001;
}
#ZeitSperreBox{
	position:relative;
	width:50%;
	margin:auto;
	height:100%;
	z-index:10001;
}
#ZeitSperreBox a{
	width:350px;
	margin:auto;
}
.ZeitSperreBTN{
	padding:20px;
	text-align:center;
	margin:80px auto;
	width:350px;
	font-size:30px;
	font-family:"Roboto-Medium", sans-serif;
	color:#fff;
	background-color:#284588;
	z-index:10002;
	border-radius:10px;
	box-shadow:#000000 10px 10px 20px;
}
.ZeitSperreBTN:hover{
	background-color:#900;
	box-shadow:#000000 2px 2px 5px;
	color:#fff;
}
/*PumpSelector*/
#SeitenNav {
    height: auto;
    display: inline-block;
    right: 0px;
    width:80px;
    z-index: 20000;
    top: 120px;
    position: fixed;
}
.LandWahl{
	padding: 5px;
	display: flex;
	height: 80px;
	background-color: rgba(0,0,0, 0.4);
	/*Manuela neu*/
	background-color: #284588;
	justify-content: center;
	align-items: center;
}
.landWahlLink{}
.countryImageFooter{
	max-width: 50px;
}
.globalContainer{
	text-align: center;	
	margin: 50px 0 100px 0;
}
.globalText{
	color: #284588;	
	}
.selectCountryBTN{
	width: 200px;
	background-color: #284588;
	text-align: center;
	padding: 5px 10px;
	margin: 30px auto;
   border-radius: 20px;
   color: white; 
}
.SeitenNavAus{
    /*position: fixed; */
    top: 120px !important;
}
.SeitenNavEin{
   position: absolute !important;
}
#SeitenKontaktNavBTN{
    margin-top:3px;
    cursor:pointer;
}
#SeitenNav #SeitenMainNavBTN{
    display:none;
}
#SeitenNav a,#SeitenNav #SeitenMainNavBTN{
    width:80px;
    height:80px;
    cursor:pointer;
}
#SeitenNav img{
    width:100%;
    height:auto;
}
.countryImage{
	width: 30px!important;
}
.countryImageTest{
	width: 31px !important;
  	height: 31px !important;
  	border-radius: 100%;
  	object-fit: none;
  	scale: 1.3;
  object-position: 54%;
}
#SeitenKontaktFormBox{
    width:470px;
    z-index: 20000;
    display:none;
}
.SeitenKontaktFormAus{
    position:absolute;
    /*top: 203px !important;*/
    right:-420px;
    transition: right .2s ease-out;
}
.SeitenKontaktFormEin{
    position:absolute;
    right:80px;
    transition: right .5s ease-out;
}
#SeitenKontaktFormBox input,
#StudentFormular input{
    width:100%;
    float: none;
    border-radius: 10px;
     border:none;
    font: normal normal 22px "Fliesstext";
}
#StudentFormular #StudyFormMenschCheck{
	max-width: 150px;
}
#SeitenKontaktFormBox textarea{
    border-radius: 10px;
     border:none;
    font: normal normal 22px "Fliesstext";
    height: 236px;
    width:100%;
}
#SeitenKontaktFormBox input[type="submit"]{
    font: normal normal bold 20px "Fliesstext";
    height:40px;
    width:160px;
    border-radius:20px;
    color: #FFFFFF;
    background-color: #284588;
    border:none;
}
#SeitenKontaktForm{
    width:100%;
    background-color: #E5E5E5;
    padding:0px 20px 10px 25px;
}
#SeitenNavKopf{
    font-size: 26px;
    background-color: #fec800;
    padding:25px 5px 0px 25px;
    height:80px;
    font: normal normal bold 26px "Fliesstext";
    color: #284588;
}
#SeitenKontaktForm .Label{
    font: normal normal 22px "Fliesstext";
    padding: 7px 0px 0px;
    color: #595b60;
}
#SeitenKontaktForm input[type="checkbox"],
#StudentFormular input[type="checkbox"]{
    float:left;
    width: 25px;
    height: 25px;
  margin-right: 15px;
}
#KarriereSeite #StudentForm textarea{
	padding: 9px 7px;
	font-size: 18px;
	font-family: "Fliesstext",sans-serif;
	border: 1px solid #CCCCCC;
	border-radius: 7px;
	margin: 0px;
}
.KontaktSeiteFormBox #StudentForm textarea {
  background-color: rgb(255,255,255,0.3);
  border: 1px solid #fff;
  color: #fff;
  font-size: 20px;
  padding: 20px;
}
#StudentForm input[type="submit"]{
	/*background-color: #00547a;*/
    background-color: rgba(0,84,122,1);
	color:#fff;
	text-align: left;
	width: auto;
	height:auto;
	border:0px;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	padding:10px 50px 10px 20px;
	cursor:pointer;
    transition: background-color 1s
}
#StudentFormForm input[type="submit"]:hover{
    background-color: rgba(184,0,3,1);
	color:#fff;
}
/*Captcha*/
#StudentForm .MCPBild{
	float:left;
	width:50px;
	height:50px;
	background-image: url("../image/MenschBG.png");
	background-size: contain;
}
/****/
#Funktionsbereich{
    font-size: 22px;
}
.WebMainHHoch,
.WebMainHFlach{
  padding-top: 0px;
}
/*Spalte volle Breite*/
#Inhalt .SpaltenBoxen .rahmenboxlayout0 h2{
    font-size:48px;
}
#Inhalt .SpaltenBoxen .rahmenboxlayout0 .FlexBoxText{
    font-size:30px;
}
#Zusatzseite #Inhalt .SpaltenBoxen .rahmenboxlayout0 h2{
    font-size:35px;
}
#Zusatzseite #Inhalt .SpaltenBoxen .rahmenboxlayout0 .FlexBoxText{
    font-size:20px;
}
/*Volle Breite im Parent Datensatz mit Spalten*/
.ZeileMaximal .InnereBreite3 .SpaltenBoxen .FlexBoxRahmen {
  padding: 0px 0px 0px;
}
#Inhalt .InnereBreite2 {
  max-width: 980px;
    padding-top: 50px;
}
#Inhalt .ZeileMitBGBild .InnereBreite2  {
  font-size:30px;
}
.ZeileMaximal .SeitenWechselBox .SWBRechts .VAlignBox {
  max-width: 800px;
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBRechts{
    height:100%;
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBRechts h1{
    /*font-size:48px;*/
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBRechts p{
    /*font-size:25px;*/
}
.SeitenWechselBox .SWBRechts .VAlignBox {
  padding: 20px 40px 20px 40px;
}
.ZeileMaximal{
    padding: 0px;
}
.ZeileMitBGBild .ZeileMaximal{
    /*padding-top: 50px;*/ /*wastewater darf krin Rand oben haben*/
}
.ZeileMaximal .TextBox{
    padding: 20px 0px 80px;
    margin-top:0px;
}
/*companylocal Mitarbeiter*/
#Zusatzseite .InnereBreite0 .BreiteZeileMaximal{
    padding:0px;
}
#Zusatzseite .ZeileMaximal .TextBox {
  padding: 0px;
}
#Zusatzseite #Inhalt .FlexBoxRahmen{
    padding: 0px 0px 50px;
}
.SP100 .ZeileMaximal h1{
    padding: 30px 0px 0px;
}
.ZeileMitBGBild .ZeileMaximal h1{
    padding: 30px 0px 0px;
}
.ZeileMitBGBild .ZeileInhalt{
    padding-top: 50px;
}
#Inhalt .Layout0{
    display:block;
}
#Footer{
    width: 100%;
    background-color: #284588;
}
#AdresseFuss{
    display:none;
}
#ShortNaviBox{
    position:fixed;
    right:0px;
    top:300px;
}
#ShortNaviBox a{
   clear:both;
    float: left;
}
#ShortNaviBox a img{
    width:80px;
    height:80px;
}
.FilmAktiv {
  height: 950px;
}
.BOFilm-2 {
  height: 950px;
}
.InnereBreite0 .SeitenWechselBox .FilmBoxMitFilm .FilmInBoxen video{
    max-width:100%;
}
.SeitenWechselBox .FilmBoxMitFilm .FilmInBoxen video {
    /*display: flex;*/
    width:100%;
}
/*
.Zwischenraum {
    width: 6%;
}
.rahmenboxlayout3 .Zwischenraum {
    width: 3%;
}
*/
/*
.SpaltenBoxen  .rahmenboxlayout3 {
  padding: 0px 0px 50px;
}
*/
/*
.ZeileMaximal .InnereBreite3 .SpaltenBoxen .rahmenboxlayout3 .Zwischenraum {
    width: 0%;
}
*/
/*
#Inhalt .ZeileMaximal .InnereBreite3 .SpaltenBoxen .rahmenboxlayout3 .boxlayout3 {
    margin: 0px auto;
}
*/
/*Gezielt auf einen Datensatz*/
#HidroScopeSeite .Zeile-hidroscope-2 .SpaltenBoxen .rahmenboxlayout1 .mitBild .FlexBoxImg,
#HidroScopeSeite .Zeile-hidroscope-2 .SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxImg {
    height: 180px;
    background-size: contain;
}
/**/
.SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxImg {
    height: 480px;
}
.InnereBreite2 .SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxImg {
    height: 350px;/*InnereBreiteSchmal 4SpaltenBox, Bild entspricht Seitenverhältnis A4*/
}

.SpaltenBoxen .rahmenboxlayout3 .mitBild a .FlexBoxImg,
.Layout0 .SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxImg{
    height: 280px;
}
.SpaltenBoxen .boxlayout3{
    margin: 0px auto;
text-align: center;
}
.ZeileSchmaler .InnereBreite0 .SpaltenBoxen .mitBoxAbstand .rahmenboxlayout3 .mitBild .FlexBoxImg{
    height:150px;
    
}
#Inhalt .SpaltenBoxen .rahmenboxlayout0 .mitBild .FlexBoxText,
#Inhalt .SpaltenBoxen .rahmenboxlayout1 .mitBild .FlexBoxText,
#Inhalt .SpaltenBoxen .rahmenboxlayout2 .mitBild .FlexBoxText,
#Inhalt .SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxText{
  padding: 15px 8% 30px;
}
#Inhalt .SpaltenBoxen .rahmenboxlayout0 .mitBild .FlexBoxTitel,
#Inhalt .SpaltenBoxen .rahmenboxlayout1 .mitBild .FlexBoxTitel,
#Inhalt .SpaltenBoxen .rahmenboxlayout2 .mitBild .FlexBoxTitel,
#Inhalt .SpaltenBoxen .rahmenboxlayout3 .mitBild .FlexBoxTitel{
  padding: 45px 8% 30px;
    height: 90px;/*!= bei Textumbruch rutscht spalte runter*/
}
/*SpaltenMix bei companylocal*/
#WebMain #Inhalt .ZeileMaximal .InnereBreite3 .SpaltenBoxen .FlexBoxRahmen .InhaltLeer .FlexBoxText{
    padding:0px;
}
#WebMain #Inhalt .ZeileMaximal .InnereBreite3
.boxlayout2 .FlexBoxImg {
    height: 400px;
    background-position: top center;
}
#Inhalt .SpaltenBoxen .boxlayout2 h2{
    padding-top: 35px;
}
.InhaltBoxen .DesignBoxen .BGInhaltBox{
    height: 400px;
}
#Inhalt a, #WebMain a{
    background-image: none;
    padding: 3px 20px;
    background-color: #284588;
    color:#fff;
    border-radius: 20px;
    transition: background-color .5s;
}
#Inhalt a:hover, #WebMain a:hover{
    background-image: none;
    padding: 3px 20px;
    background-color: #fec800;
    color:#fff;
    transition: background-color .5s;
}
#Inhalt .BoxLinkGesamt, #WebMain .BoxLinkGesamt,
#Inhalt .BoxLinkGesamt:hover, #WebMain .BoxLinkGesamt:hover{
    background-color: transparent;
}
#Inhalt .BTNMoreFussWeiss, #WebMain .BTNMoreFussWeiss,
#Inhalt .BTNMoreFussBlau, #WebMain .BTNMoreFussBlau{
    position: absolute;
    bottom: 30px;
    width:100%;
    left:0px;
}
#Inhalt .BTNMoreFussWeiss a, #WebMain .BTNMoreFussWeiss a,
#WebMain .BTNMoreWeiss{
    background-color: #fff;
    color:#284588;
    height:auto;
}
#Inhalt .SpaltenBoxen .BTNMoreFussWeiss a, #WebMain .SpaltenBoxen .BTNMoreFussWeiss a,
#WebMain .SpaltenBoxen .BTNMoreWeiss{
	margin: 10px 10px 0px 0px;
}
#Inhalt .BTNMoreFussWeiss:hover a, #WebMain .BTNMoreFussWeiss:hover a{
    background-color: #fec800;
    transition: background-color .5s;
}

#Inhalt .BTNMoreFussBlau a, #WebMain .BTNMoreFussBlau a{
    background-color:#284588;
    color: #fff;
    height:auto;
}
#Inhalt .BTNMoreFussBlau:hover a, #WebMain .BTNMoreFussBlau:hover a,
#WebMain .BTNMoreWeiss:hover{
    background-color: #fec800;
    color:#284588;
    transition: all .5s;
}
#Inhalt .BTNMapBlau,
#Inhalt .BTNMapBlau:hover{
    padding-right: 30px;
    background-image: url("../image/GPS-Weiss.png");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    
}
#Inhalt a .LinkPfeil{
    padding-right: 30px;
    background-image: url("../image/LinkPfeil.png");
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
}
.SpaltenBoxen .boxlayout0 .BTNMoreFussWeiss,
.SpaltenBoxen .boxlayout1 .BTNMoreFussWeiss,
.SpaltenBoxen .boxlayout2 .BTNMoreFussWeiss,
.SpaltenBoxen .boxlayout3 .BTNMoreFussWeiss,
.SpaltenBoxen .boxlayout0 .BTNMoreFussBlau,
.SpaltenBoxen .boxlayout1 .BTNMoreFussBlau,
.SpaltenBoxen .boxlayout2 .BTNMoreFussBlau,
.SpaltenBoxen .boxlayout3 .BTNMoreFussBlau{
    padding: 5px 12%;
}
.SpaltenBoxen .BGAus .BTNMoreFussBlau{
    padding: 5px 5%;
}
#WebMain .textlink{
    color:#000;
    background-color: transparent;
}
#WebMain .textlink:hover{
    background-color: transparent;
}
#Rahmen #WebMain .buttonwhite{
    background-color: #ffffff;
    color: #284588;
}
#Rahmen #WebMain .buttonwhite:hover{
    background-color: #fec800;
}

#Rahmen #WebMain .FlexBox a{
    width:auto;
}
#Rahmen #WebMain .DesignBoxText .textlink,
#Rahmen #WebMain .DesignBoxText h1 .textlink,
#Rahmen #WebMain .DesignBoxText h2 .textlink,
#Rahmen #WebMain .DesignBoxText h3 .textlink,
#Rahmen #WebMain .DesignBoxText h4 .textlink,
#Rahmen #WebMain .DesignBoxText h5 .textlink,
#Rahmen #WebMain .DesignBoxText h6 .textlink,
#Rahmen #WebMain .DesignBoxText h1 .textlink a,
#Rahmen #WebMain .DesignBoxText h2 .textlink a,
#Rahmen #WebMain .DesignBoxText h3 .textlink a,
#Rahmen #WebMain .DesignBoxText h4 .textlink a,
#Rahmen #WebMain .DesignBoxText h5 .textlink a,
#Rahmen #WebMain .DesignBoxText h6 .textlink a,
#Rahmen #WebMain .DesignBoxText p .textlink{
    background-color: transparent;
    border-radius: 0px;
    padding:1px 5px;
    width:100%;
    display: inline-block;
}

#Rahmen #WebMain .DesignBoxText .textlink span{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 1px 15px;
}


#Rahmen #WebMain .DesignBoxText .textlink:hover{
    background-color: rgba(0,0,0,0.5);
    border-radius: 0px;
    transition: all .5s;
    padding:1px 5px;
}
#Rahmen #WebMain .DesignBoxText .textlink:hover span{
    transition: all .5s;
     backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}
#Rahmen #WebMain #UserSubNavApplication .DesignBoxText .textlink span{
     padding: 1px 0px;
}
#Inhalt #DownloadInhalt a, #WebMain #DownloadInhalt a{
    background-image: none;
    padding: 0px;
    background-color: transparent;
    color:#000;
    border-radius: none;
    transition: none;
}
#RentalPropertySeite .Artikel{
    
    /*padding-bottom:50px;*/
}
#RentalPropertySeite .Artikel .ZeileSchmal{
    padding-bottom:50px;
    border-bottom: 1px solid #eee;
}
#RentalPropertySeite .DokGruppe{
    background-color: #06a0e1;
    padding:10px 20px;
    /*border-radius: 10px 10px 0px 0px;*/
}
#RentalPropertySeite .Dok{
    background-color: #eeeeee;
    /*border-radius: 0px 0px 10px 10px;*/
}
#RentalPropertySeite .DokGruppe .DokGruppeSymbol,
#RentalPropertySeite .DokGruppe .DokGruppeTitel,
#RentalPropertySeite .Dok a .DokSymbol,
#RentalPropertySeite .Dok a .DokName{
    display: table-cell;
    vertical-align: middle;
}
#RentalPropertySeite #Rahmen #Inhalt .Dok a{
    text-align: left;
    color:#284588;
    padding:20px;
    font-size: 20px;
}
#RentalPropertySeite #Rahmen #Inhalt .Dok a:hover{
    background-color: #fec800;
    border-radius: 10px;
}
#RentalPropertySeite .DokGruppe .DokGruppeTitel,
#RentalPropertySeite .Dok .DokGruppeTitel{
    color:#fff; 
    padding-left:20px;
    font-size:25px;
}

#RentalPropertySeite .Dok .DokName{
    padding-left:20px;
}
#RentalPropertySeite .DokGruppe img,
#RentalPropertySeite .SmallIcon img{
    width:50px;
    height:auto;
}
#RentalPropertySeite .DokumentBox{
    background-color: #ededed;
    padding:0px 0px 10px 0px;
    border-radius: 0px 0px 10px 10px;
}

#RentalPropertySeite .RentalDokBox{
    margin-top: 40px;
    border-radius: 10px 10px 10px 10px;
}
#RentalPropertySeite .Layout-0 .RentalDokBox,
#RentalPropertySeite .Layout-1 .RentalDokBox,
#RentalPropertySeite .Layout-2 .RentalDokBox,
#RentalPropertySeite .Layout-3 .RentalDokBox{
    width:26%;
    float:right;
}
#RentalPropertySeite .Layout-0 .VSBildLayout0{
    padding-top: 35px;
}
#RentalPropertySeite .Layout-1 .VSBildLayout1{
    padding-top: 35px;
}
#RentalPropertySeite .Dok{
    width:100%;
}
#RentalPropertySeite .Dok .DokName{
    /*float:left;*/
}
#RentalPropertySeite .Dok img{
    width:40px;
    height:auto;
    float:left;
}

#RentalPropertySeite .TextOhneBildL{
    padding-right:50px;
}
#RentalPropertySeite .Layout-4 .TextLayout4{
  padding-right: 50px;
  padding-top: 0px;
}

#Rahmen #Inhalt .Dok a{
    background-image: none;
    padding: 0px;
    background-color: transparent;
    color:#000;
    border-radius: none;
    transition: none;
}
.PumpenSeite #Rahmen #Inhalt .Dok a img{
    float:left;
   
    width: 40px;
}
.PumpenSeite #Rahmen #Inhalt .Dok a .DokName{
    display:table-cell;
    height:40px;
    vertical-align: middle;
    text-align: left;
}
#Rahmen #UserSubNavApplication .Aktiv,
#Rahmen #UserSubNavApplication .Aktiv span,
#Rahmen #UserSubNavServices .Aktiv,
#Rahmen #UserSubNavServices .Aktiv span{
    color:#fec800 !important;
}
body #Rahmen #WebMain #UserSubNavApplication .DesignBoxText .Aktiv,
body #Rahmen #WebMain #UserSubNavServices .DesignBoxText .Aktiv{
    background-color: rgba(0,0,0,0.5);
}
#UserSubNavApplication .PadBox,
#UserSubNavServices .PadBox{
  padding: 40px 20px 10px 15px;
}
#Rahmen #Inhalt .FussLink,
#Rahmen .FussLink{
    background-image: none;
    padding: 3px 20px;
    bottom: 30px;
    background-color: #284588;
    color:#fff;
    border-radius: 20px;
    transition: background-color .5s;
}
#Rahmen #Inhalt .FussLink:hover,
#Rahmen .FussLink:hover{
    background-image: none;
    padding: 3px 20px;
    bottom: 30px;
    background-color: #fec800;
    color:#fff;
    transition: background-color .5s;
}
/*Länderliste*/
#LandStandard .LandAktiv,
#LandStandard .LandPassiv{
    background-image: none;
    padding: 0px;
    width:100%;
    display: inline;
    
}
#LandStandard .LandAktiv:hover,
#LandStandard .LandPassiv:hover{
    background-image: none;
    padding: 0px;
    color:#284588;
}
.LandAdressInhalt{
    padding-right:50px;
}
.LaenderBox{
    -moz-column-count: 4;
    -moz-column-width: 100%;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-width: 100%;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-width: 100%;
    column-gap: 20px;
    margin-bottom: 50px;
    overflow: hidden;
    height:100%;
}
#LandStandard .LandAktiv .LandWahlFlag{
    /*background-color: #284588;*/
    color:#000;
}
#LandStandard .LandPassiv .LandWahlFlag{
    /*background-color: #284588;*/
    color:#aaa;
}
#LandStandard .LandAktiv .LandIstAktiv .LandWahlFlag{
    /*background-color: #fec800;*/
    color:#000;
    font-weight: bold
}
#LandStandard .LandPassiv .LandName{
    /*text-decoration: line-through;*/
}
.LandWahlFlag{
    clear:both;
    width:100%;
    padding: 5px 10px;
    transition: background-color .5s;
    display:inline-block;
}
#LandStandard .LandAktiv:hover .LandWahlFlag,
#LandStandard .LandPassiv:hover .LandWahlFlag{
    /*background-color: #fec800;*/
    background-color: #06a0e1 !important;
}
.LandWahlFlag img{
    float:left;
    width: 30px;
    margin-right: 20px;
}
.LandName{
    float:left;
    font-size: 18px;
margin-top: 4px;
}
#LandAdress{
    width:100%;
}
#LandAdress .LandAdressBox,
#LandAdress .AdressMap{
    float:left;
    width:50%;
}
/*#ContactSeite #LandListe,
#CompanyLocalSeite #LandListe,
#RentalSeite #LandListe,
#CompanyWorldSeite #LandListe{
    display:none;
}
*/
#GewLand{
    position: fixed;
    right: 20px;
    bottom: -5px;
    z-index: 50000;
    scale: 0.75;
    opacity: 0.2;
    transition: opacity .5s;
}
#GewLand:hover{
    opacity: 1;
}
#Zustaendigkeitsmeldung{
    position:fixed;
    top:100px;
    left:calc(50% - 480px);
    margin:auto;
    z-index: 500;
    width:960px;
    background-color: #fff;
    text-align: center;
    font-size:30px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
#Zustaendigkeitsmeldung .Kopf{
    background-color: #284588;
    height:70px;
    padding: 10px;
}
#Zustaendigkeitsmeldung .Kopf .KopfTitel{
    color:#fff;
    height:50px;
    font-size:40px;
}
#Zustaendigkeitsmeldung .ZustaendigkeitsmeldungInhalt{
    padding:50px;
}
#Zustaendigkeitsmeldung .ZustMeldClose{
    position:absolute;
    width:50px;
    height:50px;
    right:20px;
    
}
#Zustaendigkeitsmeldung .ZustMeldClose img{
    width:100%;
    height:100%;
}
#Zustaendigkeitsmeldung .BTNMore{
    color:#fff;
    background-color: #284588;
    border-radius: 20px;
    padding: 3px 20px;
}
#Rahmen .mail,#Rahmen .web{
    background-color: transparent;
    color:#000;
}
#Rahmen .mail:hover,#Rahmen .web:hover{
    background-color: transparent;
    color:#000;
}
#Rahmen .FlexBox .FlexBoxText .TelSymbol{
background-image: url("../image/tellink.png");
    padding: 10px 0px 10px 30px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}
#Rahmen .FlexBox .FlexBoxText .TelSymbol,
#Rahmen .FlexBox .FlexBoxText .mail{
    padding: 0px 0px 0px 30px;
}
#Rahmen #Inhalt .RahmenLinkWeiss {
  padding: 5px 30px;
    bottom: 10px;
}
#Rahmen #Inhalt .SpaltenBoxen .FussLink {
  bottom: 30px;
}
#Inhalt .boxlayout2 .FlexBoxText {
  padding: 0px 30px 80px;
    margin-top:0px;
}
#Inhalt .boxlayout2 .FlexBoxText p{
    margin-top:0px;
}
#Inhalt .SpaltenBoxen .boxlayout2 h2{
    padding: 30px 30px 15px;
}
#Inhalt .SpaltenBoxen .boxlayout0 h2, 
#Inhalt .SpaltenBoxen .boxlayout1 h2, 
#Inhalt .SpaltenBoxen .boxlayout3 h2, 
#InhaltGross .SpaltenBoxen .boxlayout1 h2, 
#InhaltGross .SpaltenBoxen .boxlayout2 h2, 
#InhaltGross .SpaltenBoxen .boxlayout3 h2 {
  padding: 15px 30px;
}




#Inhalt .SpaltenBoxen .boxlayout3 .FlexBoxText h2{
    padding: 15px 0px;
    min-height: 100px;
}
.PadBox2 {
  max-width: 1400px;
}
.BildTitel {
  background-color: #CCCCCC;
    color:#284588;
  padding: 8px 30px;
  border-radius: 20px;
    font-weight: bolder;
}
/*ProduktDatum*/
#NewsWorldSeite,
#NewsLocalSeite,
#EventsSeite{
    background-image: url("../image/Bauwesen-blau.jpg");
    background-size: cover;
    background-attachment: fixed;
}
#NewsContainer{
    display:flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    max-width: none;
}
#WorldWideNav{
    width:100%;
    text-align: center;
    margin:90px 20px 20px 20px;
}
.WWNavBox{
    display: inline-block;
}
#WorldWideNav .Aktiv{
    background-color: #CCCCCC;
    color: #284588 !important;
    padding: 8px 30px;
    border-radius: 20px;
    font-weight: bolder;
    float:left;
    margin:0px 20px;
}
#WorldWideNav .WWNavBTN{
    border-radius: 20px;
    padding: 8px 30px;
    font-weight: bolder;
    float:left;
    margin:0px 20px;
    color:#fff;
    cursor:pointer;
}
#WorldWideNav .WWNavBTN:hover{
    border-radius: 20px;
    padding: 8px 30px;
     margin:0px 20px;
    background-color: #fec800;
    color: #284588;
    transition: all .8s;
}
.NewsBox .NewsInhalt {
  max-width: 1400px;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
}
.NewsBox h1{
    max-width: 1360px;
  margin: 50px auto;
}
.NewsBox .NewsInhalt h1{
    margin: 20px 0px;
}
#NewsBox .BoxTitel{
    color:#fff;
}
#EventBox .BoxTitel{
    color:#000;
}
#NewsBoxArchiv .BoxTitel{
    color:#fff;
}
#EventBoxArchiv .BoxTitel{
    color:#fff;
}

#NewsContainer .SpaltenFlex3 {
  display: flex;
  width: calc(33% - 40px);
  padding-bottom: 30px;
  margin: 20px;
}
#NewsContainer .SpaltenFlex3 .MainSpalte {
   width: 100%;
    height:100%;
    position: relative;
}

#NewsContainer .SpaltenFlex3 .MainSpalte .FlexBoxImg {
  transform: scale(1);
  transition: none;
}
#NewsContainer .Spalte1,#NewsContainer .Spalte2,#NewsContainer .Spalte3{
    position: relative;
}

#NewsContainer .Spalte1{
    margin-right:20px;
}
#NewsContainer .Spalte2{
    margin:0px 10px;
}
#NewsContainer .Spalte1{
    margin-left:20px;
}
#NewsContainer .SpaltenFlex3 .MainSpalte .ZAlignLinks{
    position:absolute;
    bottom: 0px;
    left:25px;
}
#NewsContainer .TextLayout0{
    padding-bottom: 40px;
}
#NewsContainer .Datum{
    color:#C6C6C6;
    padding:10px 0px;
}
#EventsSeite .Datum{
    display:none;
}

#Zusatzseite #Inhalt .Datum{
	float:right;
	margin:20px 20px 20px 20px;
	
}
#Zusatzseite #Inhalt .BreiteZeileMaximal .Datum{
	float:right;
	margin:20px 100px 20px 20px;
	
}

#NewsContainer .SpaltenFlex3 .TextLayout0{
    padding: 0px 10% 40px;
}

#Inhalt #NewsContainer .BTNWeiter {
  background-image: none;
  padding: 3px 20px;
  background-color: #284588;
  color: #fff;
    border:1px solid #fff;
  border-radius: 20px;
  transition: background-color .5s;
    margin-bottom:0px;
}

#WebMain #Inhalt #NewsContainer .ZAlignLinks .BTNWeiter {
    display:inline;
}
#Rahmen #Inhalt .BTNWeiter{
  padding: 3px 20px 5px;
  margin-bottom: 30px;
}

#Inhalt .BTNWeiter, #WebMain .BTNWeiter, .BTNWeiter {
  border: 1px solid rgba(255, 255, 255,1);
  background-color: rgba(40, 69, 136, 1);
  color: #fff;
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;
}

#Inhalt .BTNWeiter:hover, #WebMain .BTNWeiter:hover, .BTNWeiter:hover {
  border: 1px solid rgba(40, 69, 136,1);
  background-color: rgba(254, 200, 0, 1) !important;
  color: #284588;
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;
}
#CompanyLocalSeite .Layout1{
    display:block;
}

#CompanyLocalSeite .Layout1 .VSBildLayout1 {
  padding-top: 0px;
}

#NewsContainer .NewsBox{
    width:100%;
}
/*Zeilenausrichtung <br><p> in Spalten*/
.FlexBoxText p{
    margin-bottom: 30px;
}
#Inhalt .ZeileMaximal .InnereBreite3 {
  width: 100%;
  padding: 0px;
}
#Inhalt .ZeileMaximal .ScrollEffektAktiv {
  
}
.BreiteZeileMaximal {
  padding: 0px;
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox{
    height:600px;
}
#Inhalt .ZeileMaximal .InnereBreite3 .TextLayout7{
    padding-left:50px;
}
.ZeileMaximal .InnereBreite3 .TextLayout7 .TextContainer{
    margin:auto;
    float: right;
    margin-right:100px;
}
.ZeileMaximal .InnereBreite3 .TextLayout7 .TextBox{
    display:inline-block;
    
}
.VSBildLayout1 {
  padding-right: 50px;
  padding-top: 10px;
}
.VSBildLayout0 {
  padding-top: 20px;
}
.VSBildLayout5 .VSBSerie, .VSBildLayout6 .VSBSerie {
  width: calc(50% - 3.33px);
    background-position: center center;
}
.VSBildLayout5 .VSBSerie,.VSBildLayout6 .VSBSerie,
.VSBildLayout5 .VSBSerie img,.VSBildLayout6 .VSBSerie img{
  height: 150px;
}

#CompanyLocalSeite .ZeileMaximal .boxlayout1 .FlexBoxImg {
  height: 455px;
}
.DesignBoxen .BGInhaltBox .VAlignBox .PadBox {
  padding: 50px 35px 10px;
}

#Rahmen #Inhalt .DesignBoxen .BGInhaltBox .VAlignBox .mitBild h1{
    backdrop-filter: blur(7px);
    padding:10px 0px;
}

.SliderGruppe .SlideBoxen .DesignBoxText{
    margin-left:50%;
    width:50%;
    padding: 0px 50px;
}
/*RentalProperty*/
/*
#RentalPropertySeite .BTNMore{
    display:inline-block;
    margin: 10px 0px;
    background-image: none;
    padding: 10px 20px 10px 20px;
    border: 1px solid rgba(0, 0, 0,1);
    background-color: rgba(0, 0, 0, 0);
    width:auto;
    height:auto;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
*/
/*
#RentalPropertySeite .BTNMore:hover{
    margin: 10px 0px;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
    color:#000;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
}
*/
/*
#RentalPropertySeite .BildBox .VSBEinzel{
    padding: 30px 80px 80px 0px;
}
*/
#RentalPropertySeite #Inhalt{
    padding-bottom:80px;
}
#RentalPropertySeite .VSBildLayout4 {
  padding-top: 40px;
}


#RentalPropertySeite .Layout-4 .TextBox{
    padding-right:50px;
}
#RentalPropertySeite .BTNDrop img{
    width:30px;
    height:auto;
}
#RentalPropertySeite .BTNDrop{
    cursor:pointer;
    display:inline-block;
    margin: 10px 0px;
    background-image: none;
    padding: 10px 20px 10px 0px;
    width:auto;
    height:auto;
}
#RentalPropertySeite .BTNDrop:hover{
    margin: 10px 0px;
    background-image: none;
    color:#000;
}
#RentalPropertySeite .WeiterBTN{
    margin-top:20px;
}
/*RentalpropertyZusatz*/
#RentalPropertySeite .SP45{
   float:left; 
}
#RentalPropertySeite .ZurueckBTN{
    margin-top:20px;
}

#RentalPropertySeite .DokumentBox2{
    width:33%;
    float:left;
    padding:0px;
    border-radius: 0px;
    margin:25px 10px 25px 0px;
}
#RentalPropertySeite .DokumentBox2 .Dok{
    padding:0px;
    border-radius: 0px;
    display:block;
}
#RentalPropertySeite .DokumentBox2 .Dok a{
    border-radius: 0px;
}
#RentalPropertySeite #Rahmen #Inhalt .DokumentBox2 .Dok a:hover{
    border-radius: 0px;
}
.InhaltCloseBox {
  display: block;
    padding-bottom: 60px;
}
.InhaltCloseBoxContainer{
    overflow: hidden;
    height: 0px;
    transition: height .5s linear; 
}

.InhaltCloseBoxContainer[data-status='offen']{
    height: 100%;
}
.InhaltCloseBoxContainer[data-status='geschlossen']{
    height: 0px;
}
.BTNDrop[data-status='open'] img{
    rotate: 90deg;
    transition: rotate .5s linear; 
}
.BTNDrop[data-status='close'] img{
    rotate: 0deg;
    transition: rotate .5s linear; 
}
.BTNDrop span{
  vertical-align: top;
  top: 3px;
  position: relative;
}
/*SVG*/
#MapBox{
    margin-top:30px;
    overflow:scroll;
    overflow:hidden;/*Edge ohne Scrollbalken*/
}
#MapBox svg viewBox{
    transition:scale 1s;
}
#MapKontinente svg path{
	cursor:pointer;
	stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1;
	
}
svg path{
	cursor:pointer;
	stroke: #00478A;
    stroke-miterlimit: 10;
    stroke-width: 0.5;
	
}
#sea rect{
	fill:none;
}
#MapKontinente path:hover{
	fill:#00478A;
}
/*WorldMap*/
/*
CD/CI
rgb(40,69,143) Hauptfarbe Blau dark
rgb(0,156,221) Türkies
rgb(239,213,31) gelb
rgb(187,214,238) Hellblau
rgb(86,166,219) Mittelblau 1
rgb(105,127,177) Mittelblau 2
rgb(40,69,143) Hauptfarbe Blau dark

*/
#Asien path, #Groenland path{fill:rgb(197,217,243);}
#Suedamerika path,#Afrika path{fill:rgb(197,217,243);}
#Europa path,#Australien path,#Mittelamerika path{fill:rgb(197,217,243);}
#USA path,#Kanada path,#Alaska-234 path,#Mexico-118 path{fill:rgb(197,217,243);}

#Asien path:hover,
#Suedamerika path:hover,
#Afrika path:hover,
#Europa path:hover,
#Australien path:hover,
#Mittelamerika path:hover
{
    fill:rgb(40,69,143);
    cursor:pointer;
}

/*Einzelkarten*/
#MapEuropa path,#MapEuropa,
#MapMittelamerika path,#MapMittel,
#MapSuedamerika path,#MapSuedamerika,
#MapAfrika path, #MapAfrika,
#MapAsien path, #MapAsien,
#MapAustralien path, #MapAustralien, #MapKanada,#MapKanada path, #MapUSA, #MapUSA polygon,#MapUSA path,
#District_of_Colombia-242 path,#Hawaii-245 path
{
	fill:rgb(197,217,243) !important;
}
#MapEuropa path:hover, 
#MapMittelamerika path:hover,
#MapSuedamerika path:hover,
#MapAfrika path:hover,
#MapAsien path:hover,
#MapAustralien path:hover,
#MapKanada path:hover,
#MapUSA polygon:hover,
#MapUSA path:hover
{
	fill:rgb(6,160,225) !important;
    cursor:pointer;
}
#Text text, #Text text tspan{
	fill:rgb(40,69,143);
}
/*Inseln Zusammenfassen*/
#Europa:hover path, 
#Kanada:hover path,
#Australien:hover path,
#Asien:hover path,
#Afrika:hover path,
#Mittelamerika:hover path,
#Suedamerika:hover path,
#CA-NT:hover path,
#CA-NU:hover path,
#CA-NL:hover path,
#CA-NS:hover path,
#CA-BC:hover path,
#Dominica:hover path,
#Groenland:hover path
{
    fill:rgb(6,160,225) !important;
}
#Groenland,#Groenland path {
    fill:rgb(197,217,243) !important;
}
#USA-197{
    cursor:pointer;
}
#MapBox svg .LandAktivColor path,
#MapBox svg .LandAktivColor polygon{
    fill:rgb(254,200,0) !important;
}
.MapNavigation{
	position: relative;
	display:none;
    text-align: center;
}
#MapKontinente{
	display:block;
}
.BTNMapKontinente{
	position:absolute;
	left:0px;
	top:20px;
	cursor:pointer;
}
.BTNMapKontinente img{
	width:70px;
	height:70px;
}
/*Jobs*/
#JobAusgabe{
    padding-top:50px;
    margin-bottom: 50px;
}
.JobTabelle{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 10px;
    
    border-bottom: 1px solid #666666;
}
#SortBox{
  border-top: 1px solid #666666;
}
.JobSpalte{
    font-size: 18px;
    text-align: left;
}
.JobSpalteTT img{
    cursor:pointer;
}
.JobSpalte0{
   -ms-flex-preferred-size: 600px;
flex-basis: 600px;
}
.JobSpalte1{
      -ms-flex-preferred-size: calc(50% - 400px);
  flex-basis: calc(50% - 400px);
    padding: 10px 0px;
}
.JobSpalte2{
    -ms-flex-preferred-size: 40%;
flex-basis: 40%;
    padding: 10px 0px;
}
.JobSpalte3{
    -ms-flex-preferred-size: 10%;
flex-basis: 10%;
    padding: 10px 0px;
}
/*
.JobSpalte4{
    -ms-flex-preferred-size: 10%;
    flex-basis: 5%;
}
*/
#JobAusgabe .JobSpalte a{
    color: #284588;
    text-decoration: underline;
    width:90%;
    padding: 10px 10px;
    background-color: aliceblue;
    border-radius:0px;
    display:inline-block;
}
#JobAusgabe .JobSpalte a:hover{
    background-color: #fec800;
}
/*job Filter*/
.NichtAnzeigen{
    display:none;
}
.WhatsAppBTN:hover{
    background-color: transparent !important;
}
#JobAusgabe .JobSpalte4 .WhatsAppBTN, #JobAusgabe .JobSpalte4 .WhatsAppBTN:hover{
	background-image: url("../image/WhatsApp.png");
	background-size: contain;
	background-repeat: no-repeat;
	display:block;
	cursor: pointer;
    color: #000;
    padding:15px;
    background-position: 0px center;
}
.WhatsAppBTN span,
.FacebookBTN span,
.LinkedinBTN span{
    display:none;
}
#Inhalt .SocialMediaContainer{
    width:100%;
    text-align: center;
    padding:30px;
}
#Inhalt .SocialMediaBox{
    display: inline-block;
}
#Zusatzseite #Inhalt .SocialMediaBox{
    width: 100%;
    text-align: center;
}
#Zusatzseite .LinkkopierenBTN{
    float:none;
}
#Zusatzseite .LinkkopierenLink{
    margin-left:calc(50% - 350px);
    text-align: center;
}
#Inhalt .SocialMediaBox .SMButton{
    display:block;
    float:left;
}
#Zusatzseite  #Inhalt .SocialMediaBox .SMButton{
    display:inline-block;
    float:none;
}
#Inhalt .SocialMediaBox a,#Inhalt .SocialMediaBox a:hover{
    width:50px;
    height:50px;
    background-color: transparent !important;
    padding:0px;
    margin: 0px 20px;
    border-radius: 0px;
}
#PrintLogo{
    display:none;
}
#DruckBTNBox{
    text-align: center;
}
#SeiteDrucken{
    padding: 7px 50px;
  background-color: #fec800;
  display: inline-block;
  border-radius: 30px;
  margin-top: 30px;
    cursor:pointer;
    transition: all .5s;
}
#SeiteDrucken:hover{
    background-color: #284588;
}
#SeiteDrucken img{
    width:35px;
    height: 35px
}
.SP70{
    width:70%;
    float:left;
}
.SP35{
    width:35%;
    float:left;
}
#Footer{
    padding: 30px 120px 40px;
}
#Footer .NavMainMenue{
    max-width: none;
    width:auto;
    margin-right: 4%;
}
#FooterLogo{
    display:none;
}
#Footer #FooterLogo{
    display:block;
    padding-bottom: 30px;
    margin-left: -20px;
}
#Footer .Navigation {
    max-width: none;
    width: 100%;
}
#Footer .LinkSpezName {
    color: #fff;
    padding: 0px 0px;
}
#Footer .notFooter{
    display:none;
}
#Footer .LinkSpezName img{
    display:none;
}
#Footer .LinkSpezName span {
  padding-left: 0px;
}
#Footer #SozialMediaBox{
    top:auto;
    right:160px;
}
#Footer #MainMenueSpezPlatzierung{
    float:left;
    position: relative;
    right:auto;
    top:auto;
    max-width: none;
width: auto;
margin-right: 50px;
}
.clearLinie{
    border-bottom: 0px;
}
.ZeileMaximal .InnereBreite3 .clearLinie{
    padding: 0px;
    margin-bottom: 0px;
}
/*Navigation mit Zoombilder*/
.BKZeile{
    background-color: #ededed;
    max-width: 800px;
    margin:2px auto;
    text-align: left;
    padding:5px 15px;
}
/*
#WebNavBlender .BildNavigation .SubNavSpezLink {
    height: 200px;
    width: 31%;
    margin: 0px 1% 10px 0px;
    display: inline-block;
    background-position:top center;
    position: relative;
    color: #000;
}
.BildNavigation a {
    background-size: cover;
    background-size: 100%;
    transition: background-size 0.3s ease;
    -moz-transition: background-size 0.3s ease;
    -ms-transition: background-size 0.3s ease;
    -o-transition: background-size 0.3s ease;
    -webkit-transition: background-size 0.3s ease;
}
.BildNavigation a:hover{
	background-size: cover;
	background-size: 125%;
     transition: background-size 0.4s ease;
    -moz-transition: background-size 0.4s ease;
    -ms-transition: background-size 0.4s ease;
    -o-transition: background-size 0.4s ease;
    -webkit-transition: background-size 0.4s ease;
}

.BildNavigation h2 {
    padding: 0px 20px 15px 0px;
}
#Footer .BildNavigation h2 {
    padding: 0px 20px 0px 0px;
}
#WebNavBlender .BildNavigation .LinkSpezName {
    bottom: 20px;
    position: absolute;
	width:100%;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	border-image: linear-gradient(to right, transparent 0%,#fff 50%,transparent 100%);
	-moz-border-image: -moz-linear-gradient(to right, transparent 0%,#fff 50%,transparent 100%);
	-webkit-border-image: -webkit-linear-gradient(to right, transparent 0%,#fff 50%,transparent 100%);
    border-image-slice: 1;
}
#WebNavBlender .BildNavigation .SubNavSpezLink .LinkSpezName{
	background:rgba(0, 0, 0, 0.7);
    color:#fff;
}
#WebNavBlender .BildNavigation .Aktiv .LinkSpezName{
    background: 
		linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 33%,rgba(255,255,255,0.3) 100%);
	-moz-background: 
		linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 33%,rgba(255,255,255,0.3) 100%);
	-webkit-background: 
		linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.6) 33%,rgba(255,255,255,0.3) 100%);
    color:#000;
	
	
}
#WebNavBlender .BildNavigation .SubNavSpezLink:hover .LinkSpezName{
	background:rgba(0, 0, 0, 0.7);
	color:#fff;
	transition: background 0.5s ease-out;
}
*/

/*
Für Benutzerverwaltung durch User
hat Einfluss auf Pumpselector
*/

#LoginUser{
	display:none;
}

/*
#LoginMenue{
	display:table-cell;
	width:15%;
	text-align: right;
}
*/
#LoginMenueBTN{
	cursor:pointer;
    position:absolute;
    right:10px;
    top:0px;
	
}


#LoginMeldung{
	position:absolute;
	right:0px;
    top:0px;
	padding: 0px 5px 5px 20%;
}

#LoginMenueBTN img{
	width: 45px;
	height: 45px;
	
}
#Landfahne{
    position:absolute;
    right:80px;
    top:8px;
}
#Landfahne img{
    width:30px;
    height:30px;
}
@media (max-width: 1150px) { 
	#LoginMenueBTN img{
		width: 80px;
		height: 80px;
	}
	#LoginUser{
		font-size: 40px;
	}
}
#LoginMenueBox{
	top:45px;
	display:none;
	width:250px;
	position:absolute;
	z-index: 40000;
	/*margin-left:calc((-250px /2) + 30px);*/
	right:0px;
}
#LoginMenueBox a{
    border-radius: 0px;
    display:block;
    padding:0px;
}
#LoginMenueBox a:hover{
    padding:0px;
}
.LoginMenueDropBTN{
	width:100%;
	background-color: #164e99;
    color: #fff;
    padding: 15px 5px;
    text-align: center;
	cursor:pointer;
}
.LoginMenueDropBTN:hover{
	background-color:#999;
	color:#164E99;
}
.ZenterBox{
    text-align: center;
}
#MultiSliderContainer{
	position:absolute;
	z-index: 5000;
	top:500px;
	left: 97px;
	background-color:rgba(255,255,255,0.3);
	height:270px;
	overflow:hidden;
	backdrop-filter: blur(20px);
	border-radius:20px;
	
}
#MultiSliderContainer .SlideAktiv{
	left:0px;
	opacity:1;
	transition:left 2s,opacity 4s;
}
#MultiSliderContainer .SlidePassiv{
	left:-500px;
	opacity:0;
	transition:left 2s, opacity 1s;
}

#MultiSliderContainer,
#MultiSliderContainer #MultiSliderBTNContainer,
#MultiSliderContainer .SliderBox{
	width:400px;
}
#MultiSliderContainer .SliderBox{
	position:absolute;
	height:160px;
}
#MultiSliderContainer .SliderBox .NewsBGInhaltBox{
	width:100%;
	padding:30px;
}
#MultiSliderContainer #MultiSliderBTNContainer{
	position:absolute;
	bottom:10px;
}
#MultiSliderBTNContainer .SlideBTNContainer{
	text-align:center;
	
}
#MultiSliderBTNContainer .SlideBTNBox{
	display:inline-block;
	
}
#MultiSliderBTNContainer .SlideNavBTN{
	float:left;
}
#MultiSliderContainer .SliderBox .NewsBGInhaltBox .NewsBoxTitel{
	font-size: 12px;
	color:#164e98;
}
#MultiSliderContainer .SliderBox .NewsBGInhaltBox .NewsBoxTitel h2{
	font-size: 16px;
	font-family:"Fliesstext";
}
#MultiSliderContainer .NewsBoxInhalt p{
	font-size: 20px;
	line-height: 1.15em;
}
#MultiSliderContainer .NewsBoxInhalt a{
	color:#fff;
	background-image: none;
	padding: 3px 20px;
	background-color: #284588;
	color: #fff;
	border-radius: 20px;
	transition: background-color .5s;
}
.SelectContainer{
	margin-top: 10px;
}
#FilterSelect{
	padding: 10px 30px;
  border: none;
  font-size: 20px;
}