@charset "utf-8";
/* CSS Document */
#Kontrolle{
	background-color:#000000;
	color:#fff;
}
#DSGVOBoxL{
    width:100%;
}
#DSGVOBoxR{
    width:100%;
}
#DSGVOBoxL, #DSGVOBoxR{
    float:none;
}
#DSVGOOK,#DSGVO .BTNMore{
	width: auto;
	height: auto;
    margin: 30px 30px 30px 0px;
	float: left;
}
#DSGVO p{
	font-size: 25px;
	width:100%;
}
#Rahmen {
    min-width: 0px;
}
h1 {margin: 20px 0px 20px; line-height: 1.55em;}
h2,h3,h4,h5,h6 {line-height: 1.55em;}
#WebNavigation h2, .MenueGruppeSpez h2 {font-size: 35px;}
#WebNavBlender{
    padding-right: 0px;
    padding-top: 120px;
}

.NavMainMenue {
    width: 100%;
    float: none;
    border-radius: 10px 10px 10px 10px;
    padding-bottom: 10px;
}
.BTNDropDown {height: 55px;}
#TopNav {
    height: 120px;
    padding: 0;
}
.WebMainHFlach {
    padding-top: 120px;
}
.TopNavBox1{display:none;}
.TopNavBox2{
	width:66%;
	text-align: left;
}
#NavBTN{
	display:block;
	position:fixed;
	margin-right:0px;
	right:20px;
	left:auto;
	height:100px;
	padding-top:20px;
}
.label, input, .mass {
    height: 50px;
}

#NLAnmeldung input[type="text"] {
    max-width: 100%;
}
#NLAnmeldung label {
    padding-bottom:5px;
}
#SuchForm{right: 150px;}
#SuchForm input[type="text"] {
    right: -100px;
    top: 100px;
	font-size: 30px;
	height: 60px;
}
#NavBTN img{
	width:80px;
	height:80px;
    padding: 15px;
}
#NavBTN .TxtBlase, .TextBlase{
	margin-left:-10px;
	min-width: 120px;
}
#BTN-Top,#BTN-Top img{
	width:50px;
	height:50px;	
}
.TEL .TxtBlase {margin-left: 0px;}
.TEL .TxtBlase {margin-left: 0px;}
#Adresse{
	font-size:30px;
	line-height: 1.55em;
}
#FullFrameDynamicBlender{top:70px;}
.MainNav a, .SpezNav a, .SP100 h2, .SP100Spez h2, .SP100Spez1 h2, #FooterIndex h2, 
#Inhalt .FlexBoxRahmen h2, 
#InhaltGross .FlexBoxRahmen h2, input,
#LandSuche input,#TBKontakt,.SP100Spez,body, .LangNav a, .SP100 p, .SP100Spez p, .SP100Spez1 p, 
.LangNav, ul, #Inhalt h3,
#Inhalt h2,.SeitenWechselBox .SWBRechts .SeitenWechselText,
.DesignBoxen .BGInhaltBox .VAlignBox .PadBox,
#Inhalt .SpaltenBoxen .boxlayout3 p, 
#Inhalt .SpaltenBoxen .boxlayout3 li, 
#Inhalt .SpaltenBoxen .boxlayout1 p, 
#Inhalt .SpaltenBoxen .boxlayout1 li,
.boxlayout41 .FlexBoxText p, .boxlayout41 .FlexBoxText li,
.boxlayout42 .FlexBoxText p, .boxlayout42 .FlexBoxText li
{font-size: 30px;}

pre{font-size: 22px;}

#BannerSlider h1, 
#Inhalt h1,#FooterIndex h1,
.SP100 h1, .SP100Spez h1, .SP100Spez1 h1,#Footer h2
{font-size: 40px;}
#Footer .MenueGruppeSpez h2{
    font-weight: lighter;
    font-style: italic;
}
#Inhalt .FlexBox h2{
    margin-top:20px;
}
#Footer, #Fuss, .TxtBlase p{font-size: 35px;}
#Language{
	position: absolute;
	font-size: 35px;
	width:30%;
	right: 200px;
    top: 25px;
	text-align: center;
}
#Language .DropDown{width:100%;}
.ShortNav3{width:30%;}
#Logo img{
	height: 100%;
	width: auto;
}
#Language .SprachBtnAktiv, #Language .SprachBtn{
	padding-bottom: 20px;
}
.LanguageHHoch,.LanguageHFlach{top: 120px;}
.WebMainHHoch {padding-top: 120px;}
.MainNav a, .SpezNav a{padding: 0 0 30px;}
.HeaderIcon {
    padding-top:0px;
	height: 100px;
	float:left;
	width:auto;
}
.HeaderIcon img, #SuchForm img{
    width: 80px;
    height: 80px;
}
#Sucheinblender {
    width: auto;
    height: auto;
}
.LinkFooter .HeaderIcon {
	height: 80px;
    width: 33%;
}
#ShortNav{display:none;}
#Inhalt,#Main{width:100%;}
#KopfFGBottom{
	width:100%;
	overflow:hidden;
}
#SeitenTitel {
    padding-top:70px;
	z-index:5000;
	width:95%;
}
#BannerSlider, .BannerBox, .BannerBoxInhalt {
    height: 850px;
}
.BannerOben #BannerSlider, .BannerOben .BannerBox, .BannerOben .BannerBoxInhalt {height: 500px;}
.BannerBoxInhalt {
    width: 100%;
    padding: 0px 10px 20px 30px;
}
.BBInhaltLinks {
    background-image: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.6), rgba(0,0,0,0.3));
}
.HauptZeile {
    padding: 0px;
}
.ZeileSchmal {
    margin: 20px 40px;
}
.BreiteZeileSchmaler{
    padding: 15px 5%;
}
.SP100Spez,.SP100Spez1 {padding:0 0 20px 20px;}
.TextBox {padding-right: 5%;}
.SP25, .SP20, .SP33, .SP50, .SP60, .SP66{
	width:100%;
    padding-left: 0px;
}
.BreiteZeileMaximal {
  padding: 30px 50px;
}
.SP50 iframe {
    margin-bottom: 30px;
}
.SP45{
	text-align:left;
	padding:10px;
}
.SP55A{
	padding-left:10px;
	margin:0px;
}
.SP45,.SP55,.SP45A,.SP55A,#SpalteRechts{
	width:50%;
}
.SP45 .BildHoch, .SP45A .BildHoch{
	width:90%;
	margin:0px;
}
.SP10-40{width:40%;}
.SP20-40{width:40%;}
.SP30-60{width:60%;}
.SP30{width:100%;}
.SP33-100{width:100%;float:left;}
.SP20-50{width:50%;float:left;}

.ZenterBoxMittel {
    width: 90%;
    margin: 0px 5%;
}
.BoxDesign2 {
    width: calc(50% - 50px);;
    height: 380px;
}
.BoxDesign6{
	width:33%;
	margin-left:0px;
}
/*BannerSlider*/
.BannerBoxInhalt {
    width: 100%;
}
.BannerBoxInhalt .BTNMore{
	height: auto;
}
#BannerSliderNavBox {
    padding-top: 0px;
}
/*PICTURES*/
.BildBox {
    display: block;
    width: 100%;
	margin:0px;
}
.SP33 .VSBEinzel, .VSBEinzel img {
    height: auto;
    width: 100%;
}
.SP33 .VSBEinzel {text-align: center;}
.SP33 .VSB {padding: 0px 5px;}
.VSBSerie .LupeBild {bottom: 15px;}
.VSBildLayout5,.VSBildLayout6{
	width:100%;
	padding:0px;
}
.VSBildLayout5,.VSBildLayout6{
	width:100%;
	padding:0px;
}
.VSBildLayout0,.VSBildLayout7,.TextLayout0,.TextLayout7,.TextBox {
    padding: 0px;
}

.VSBildLayout5 .VSBSerie, .VSBildLayout5 .VSBSerie img, .VSBildLayout6 .VSBSerie,
.VSBildLayout6 .VSBSerie img,
.VSBildLayout2 .VSBSerie, .VSBildLayout2 .VSBSerie img, 
.VSBildLayout3 .VSBSerie, 
.VSBildLayout3 .VSBSerie img
{
    height: 180px;
}
.VSBildLayout1{
  padding-right: 0px;  
}
.VSBildLayout2 .VSBSerie, .VSBildLayout2 .VSBSerie img, 
.VSBildLayout3 .VSBSerie, 
.VSBildLayout3 .VSBSerie img {
    width: calc(33% - 3px);
}
.ZeileMaximal .BreiteZeileMaximal, .BreiteZeileBreit{
    padding:0px 30px;
    margin-bottom: 50px;
}
.ZAlignZenter{
    padding:0px 30px 15px;
}
/*PICTURES*************************************/
.Gruppe .DesignBoxen {width: 100%;}
.DesignBoxen .BGInhaltBox,.DesignBoxen .BGInhaltBox .VAlignBox{
    min-height:0px;
    display: inline-block;
    background-image: none;
}
.BOFilm-0, .BO-Layout-0 {
    height: 530px;
}
.PadBox50 {
    width: calc(100% - 100px);
}
.PadBoxL30 {
    padding-right: 0px;
}
.DesignBoxen .BGInhaltBox .VAlignBox .PadBox{
    padding: 40px 30px 10px;
}
.DesignBildBox,.FlexBoxRahmen,.FlexBox {
    background: rgb(246,246,246);
}
.FilmAktiv 
{
    transition-property:none;
    transform: scale(1);
    transition: all 0s;
}
#Inhalt .DesignBoxen .BGInhaltBox .PadBox h1, 
#InhaltGross .DesignBoxen .BGInhaltBox .PadBox h1 {
    font-size: 30px;
}
.FlexBoxText li {
    font-size: 30px;
}
#Rahmen .InhaltBoxen .SeitenWechselBox, .SeitenWechselBox {
    height: auto !important;
	padding-bottom: 50px;
}
.BOFilm-2, .FilmAktiv,
.BOFilm-2, .FilmAktiv .BGInhaltBox,
.BOFilm-2, .FilmAktiv .BGInhaltBox, .BOFilm-0{
    height: 950px;
}
/*Seitenwechsler höhe nach text*/
.SeitenWechselBox .SWBLinks, .SWBLinksBox, .SWBRechtsBox{
	background-size: contain;
	width: 100%;
}
.InhaltBoxen .SeitenWechselBox, 
.InhaltBoxen .SeitenWechselBox .SWBLinks{
    height: 550px;
}
.InhaltBoxen .SeitenWechselBox .SWBRechts,
.SWBRechtsBox {
    height: auto;
}
.InhaltBoxen .SeitenWechselBox .SWBRechts .VAlignBox .SeitenWechselText{
    border-bottom: 1px solid #aaa;
}
.SeitenWechselBox .SWBRechts .VAlignBox {
    top: 5%;
}
.SeitenWechselBox .SWBRechts{
	width: 100%;
	height: auto;
	display:block;
}
.SeitenWechselBox .SWBRechts .VAlignBox{
	position:relative;
	height:auto;
}
.SeitenWechselBox .SWBRechts .VAlignBox{
	display:block;
    -webkit-transform: translateY(-0%);
	-moz-transform: translateY(-0%);
	-ms-transform: translateY(-0%);
	transform: translateY(-0%);
}
#Inhalt .SBLayout2 .PadBox{
    padding: 20px 30px;/*BoxOben BoxUnten nicht stören*/
}
.DesignBildBox {
    min-height: 350px;
}

.DesignBildBox .PadBox {
    padding: 20px 0px;/*BoxOben BoxUnten Film Bild volle breite*/
    text-align: center;
}
.DesignBildBox:hover{
	transform: scale(1);
	transition: all .5s;
}
.DesignBildBox .BoxOLayout-2{
    padding-right: 30px;
    padding-left: 30px;
}
.BreitBildImg img {
    display:none;
}
.BreitBild .DesignBildBox .PadBox {
    min-height: 0px;
}
#Inhalt .InhaltBoxen .SeitenWechselBox, .InhaltBoxen .SeitenWechselBox .SWBLinks {
    background-image: none;
    height:auto;
   
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox, 
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBLinks, 
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBRechts,
.SWBLinksBox, .SWBRechtsBox{
    height:auto; 
}
.InhaltBoxen .SWBLinks img {
    opacity: 1;
    width: 100%;
}
.BreitBild img{
    opacity: 1;
    left:0px;
}
.SBLayout3 img{
    opacity: 0;
}
#Inhalt .Dok {
    width: 33%;
}
#Inhalt .Dok img{
    width: 50%;
}
/*Download*/
#DownloadInhalt a{
    width:50%;
}
.DownLoadBild {
    height: 320px;
}
.WhatsAppBoxBTN{
	text-align: center;
	right: auto;
	width:450px;
	left: calc(50% - 225px);
	padding: 15px 20px;
	margin-top:-120px;
}
.FliessRechts, .FliessLinks {float: none;}
#SpalteRechts .SpezImg{margin-top:0px;}
#TBKontakt{
	display:inline-block;
	width:95%;
}
#TBKontakt .TabRow .T1,#TBKontakt .TabRow .T2,#TBKontakt .TabRow .T3 {
	width: 100%;
	display:block;
}
.TabRow .T1 {
	padding-top:20px;
	margin-top:20px;
	border-top: 1px solid #cdcdcd;
}
.TabRow{
	display:inline-block;
	width: 100%;
}
.TF{
	display:none;
}
.TabelleComaxx .TCell, .TabDownloadZusatz, .TabDownloadZusatz p{font-size: 16px;}
.FlexBoxRahmen{
    display:block;
    padding: 0px;
}
.FlexBoxReihe{display:block;}
.FlexBox{display:block;}
.FlexBoxImg{height:450px;}
.boxlayout1 .FlexBoxImg,.boxlayout2 .FlexBoxImg,.boxlayout3 .FlexBoxImg{
    /*H alle abgestimmt Spalten Bilder/BSP/Bildvorlage (825x550) Sichtbar grüner bereich*/
    height:400px;
}
.SpaltenBoxen .boxlayout1 .FlexBoxImg,
.SpaltenBoxen .boxlayout2 .FlexBoxImg,
.SpaltenBoxen .boxlayout3 .FlexBoxImg{
    /*H alle abgestimmt Spalten Bilder/BSP/Bildvorlage (825x550) Sichtbar grüner bereich*/
    height:300px;
    max-width:auto;
    margin:auto;
}
.SpaltenBoxen .boxlayout3 .FlexBoxImg,.SpaltenBoxen .boxlayout3 .FlexBoxImg:hover{
    background-size: cover;
}
.boxlayout1, .boxlayout2, .boxlayout3 {
    width: 100%;
}
.boxlayout0, .boxlayout1, .boxlayout2, .boxlayout3, .FlexBoxReihe {
    margin-bottom: 50px;
}
.SpaltenBoxen .boxlayout1, .SpaltenBoxen .boxlayout2, .SpaltenBoxen .boxlayout3,
.DesignBildBox, .FlexBoxRahmen, .FlexBox{
    background: transparent;
}

#Inhalt .SpaltenBoxen .boxlayout0 h2, 
#Inhalt .SpaltenBoxen .boxlayout1 h2, 
#Inhalt .SpaltenBoxen .boxlayout2 h2, 
#Inhalt .SpaltenBoxen .boxlayout3 h2, 
#InhaltGross .SpaltenBoxen .boxlayout1 h2, 
#InhaltGross .SpaltenBoxen .boxlayout2 h2, 
#InhaltGross .SpaltenBoxen .boxlayout3 h2 {
    border-bottom: 0px;
}
.Zwischenraum{
    display:none;
}
.FlexBoxReihe .boxlayout41,
.FlexBoxReihe .boxlayout42,
.FlexBoxReihe .boxlayout51,
.FlexBoxReihe .boxlayout52 {
	float:none;
    width: 100%;
}
#Inhalt .WhatsAppBTN, #Inhalt .WhatsAppBTN:hover {
    text-indent: 50px;
}
#SuchBox .BTNMore, #SuchBox .BTNMore img {
    height: auto;
    width: auto;
}
.clearLinie{
	margin-left:0px;
	padding-left:10px;
}
hr{margin-left:0px;}
.SP20ever img {
    height: auto;
    max-width: auto;
    width: 100%;
}
.LinkkopierenLink {
    width: 80%;
}
#Inhalt .SpaltenBoxen .FussLink {
    position: relative;
    bottom: 0px;
    right: 0px;
}

#Inhalt .SpaltenBoxen .Ausrichtungcenter .FussLink, #WebMain .Ausrichtungcenter .RahmenLinkWeiss, #WebMain .Ausrichtungcenter .RahmenLinkSchwarz {
    left: 0%;
    transform: translate(0%, 30%);
    width:100%;
}

#MenschPictBox, #MenschPictHut {
    width: 480px;
    height: 80px;
}

#StandardForm .MCPBild, #BKMaskeNeu .MCPBild {
    float: left;
    width: 80px;
    height: 80px;
   
}
.MCPBild img{
    width:80px;
    height:80px;
}
#MenschPictHut {
    background-color: rgba(55, 104, 170, 0.6);
}
#StandardForm .MCPBild, #BKMaskeNeu .MCPBild {
    /*opacity: 0.95;*/
}
.KontaktFormInhaltBox {
  width: 90%;
}
#Fuss {
    padding: 20px 50px 0px;
    min-height: 70px;
}
#Footer .LinkSpezName {
    max-width: none;
    padding: 20px;
}
#Footer {padding: 30px 30px;}
#Footer .NavMainMenue {width: 100%;}
.LinkSpezName img {width: 45px;}
#UserFooter {padding: 20px 10px 100px;}
.LinkFooter {padding: 0px;}
#copyright {font-size: 20px;}
.clear150Linie {
    padding-top: 10px;
    margin-bottom: 10px;
}