@charset "utf-8";
/* CSS Document */
#Kontrolle{
	background-color:#ff0000;
	color:#fff;
}
body{
    font-size:23px;
}
#FullFrameDynamicBlender{top:70px;}
.MainNav a, .SpezNav a, .SP100 h2, .SP100Spez h2, .SP100Spez1 h2,#FooterIndex h1, 
.SP100Spez h1, .SP100Spez1 h1, #Inhalt .FlexBoxRahmen h2, 
#InhaltGross .FlexBoxRahmen h2, input,
.LangNav a, .SP100 p, .SP100Spez p, .SP100Spez1 p, .LangNav, ul, #Inhalt h3, h3, h4, h5, h6,
#Inhalt .SpaltenBoxen .boxlayout3 p, 
#Inhalt .SpaltenBoxen .boxlayout3 li, 
#Inhalt .SpaltenBoxen .boxlayout1 p, 
#Inhalt .SpaltenBoxen .boxlayout1 li,
#copyright{
    font-size: 23px;
}
#Inhalt .FlexBoxRahmen h2, #InhaltGross .FlexBoxRahmen h2{
   font-size: 25px;
}
.FlexBoxReihe .FlexBoxImgBox {
    max-width: 400px;
    display: block;
    margin: auto;
}
#DSVGOOK,#DSGVO .BTNMore{
	width: auto;
	height: auto;
	margin-bottom:10px;
}
#DSGVO p{
	margin:0px;
}
#Rahmen {min-width: 0px;}
#WebNavigation h2, .MenueGruppeSpez h2 {font-size: 22px}
#WebNavBlender{
	display:table;
    display:none;
}
#TopNav {
    padding: 0px 10px;
}
/*-Querformat Smartphone Kopf und Fusszeile anpassen------------------------*/
#Rahmen .Screen2Auf {
    padding: 0px 10px;
    position: absolute;
    top: 0px;
}
#Rahmen .Screen2Auf #NavBTN{
    position:fixed;
    top:0px;
    right:0px;
    background-color: rgba(0,0,0,0.5);
}
#Rahmen .Screen2Auf #NavBTN img{
    margin-top:25px;
}
#Rahmen .Screen2Auf #Language{
    display:none;
}
/*-------------------------*/
.NavMainMenue {
	padding:0px 20px;
    width: 30%;
	display:table-cell;
    float: none;
}
#NavBTN{
	margin-right:0px;
	right:20px;
	left:auto;
	height:70px;
}
#NavBTN img{
	width:50px;
	height:50px;
    top:-10px;
}

#BTN-Top, #BTN-Top img {
    height: 45px;
    width: 45px;
}
#Logo{
	left: 10px;
	width: auto;
}
.HeaderIcon img{width: 70px;}
.BTNBlender {padding-top: 0px;}
#Language .SprachBtnAktiv, #Language .SprachBtn{padding-bottom: 20px;}
.MainNav a, .SpezNav a{padding: 0 0 30px;}
.Gruppe .DesignBoxen {width: 48.5%;}
#Inhalt,#Main{
	width:100%;
	padding-top:0px;
}
#KopfFGBottom{
	width:100%;
	overflow:hidden;
}
#SeitenTitel {
    padding-top:70px;
	z-index:5000;
	width:95%;
	text-align: right;
}
.BannerBoxInhalt {
    width: 90%;
    padding: 50px 10px 10px 30px;
}
#BannerSlider, .BannerBox, .BannerBoxInhalt {height: 400px;}
.BannerOben #BannerSlider, .BannerOben .BannerBox, .BannerOben .BannerBoxInhalt {height: 500px;}
#BannerSlider h1 {font-size: 30px;}
#BannerSlider p {font-size: 22px;}
.ZeileSchmal {
    margin: 20px 50px;
}
.SP100Spez,.SP100Spez1 {padding:0 0 20px 20px;}
.TextBox {padding-right: 5%;}
.SP50{width:100%;} 
.SP40, .SP60{width:50%;}
.SP50 iframe {
    margin-bottom: 30px;
}
.ZeileBreit .VSBildLayout1{
    width:30%;
}
.ZeileBreit .VSBildLayout1{
    width:30%;
}
.ZeileBreit .TextLayout1{
     width:70%;
}
.SP25{width:100%;}

.BoxDesign2 {
    width: 33%;
    height: 380px;
}
.BoxDesign6{width:25%;}
.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%;}
.SP30-60{width:60%;}
.SP33-100{width:100%;float:left;}
.SP20-50{width:50%;float:left;}
.PadBox50 {
    width: 80%;
}
.PadBoxL30 {
    padding-right: 0px;
}
label, .label, input, .mass{
    font-size: 23px;
    height: 50px;
}
#NLAnmeldung input[type="text"] {
    max-width: 100%;
}
#NLAnmeldung label{
    height: 35px;
}
/*Download*/
#DownloadInhalt a{
    width:33%;
}
/*BildBox*/
.VSBildLayout5 .VSBSerie,.VSBildLayout6 .VSBSerie{
	width:calc(50% - 3.33px);
	background-size: cover;
}
.BildBox .VSBEinzel,.VSBildLayout7 .BildBox .VSBEinzel {
    padding: 5px 0px 0px 0px;
    margin: 0px;
}
.VSBildLayout1, .VSBildLayout5, .TextLayout4 {
    padding-right: 0px;
}
.VSBildLayout6 .VSBSerie,.VSBildLayout6 .VSBSerie img,
.VSBildLayout2 .VSBSerie,.VSBildLayout2 .VSBSerie img, 
.VSBildLayout3 .VSBSerie,.VSBildLayout3 .VSBSerie img
{
    height: 200px;
}
.VSBildLayout2 .VSBSerie, .VSBildLayout2 .VSBSerie img, 
.VSBildLayout3 .VSBSerie, .VSBildLayout3 .VSBSerie img {
    width: calc(33.33% - 3.33px);
}
.VSBildLayout5 .VSBSerie,.VSBildLayout5 .VSBSerie img,
.VSBildLayout6 .VSBSerie,.VSBildLayout6 .VSBSerie img{
    height:120px;
}
.VSBildLayout6 {
    padding-left: 0px;
}
.TextLayout5{
    padding-left:20px;
}
.TextLayout1 h1{
    margin-top:20px;
}
.SP33 .VSVorwBTN img, .SP33 .VSBackBTN img {margin-top: 80px;}
.CloseNavBlender, .CloseNavBlender img {
    height: 70px;
    width: 70px;
}
#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{font-size: 16px;}
.FlexBoxRahmen{
    display:block;
    padding: 0px;
}
.SWBLinksBox, .SWBRechtsBox {
    width: 100%;
    height:auto;
    float:none;
}
.SeitenWechselBox .SWBRechts {
    height: auto;
    padding-bottom: 30px;
}
.FlexBoxReihe{display:block;}
.FlexBox{display:block;}
.FlexBoxImg{height:450px;}

.InhaltBoxen .SeitenWechselBox, 
.InhaltBoxen .SeitenWechselBox .SWBLinks, 
.InhaltBoxen .SeitenWechselBox .SWBRechts {
    height: auto;
}
.ZeileMaximal .InhaltBoxen .SeitenWechselBox, 
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBLinks, 
.ZeileMaximal .InhaltBoxen .SeitenWechselBox .SWBRechts{
    height: auto;
}
.InhaltBoxen .SWBLinks img, .InhaltBoxen .SBLayout3 img {
    width: 100%;
}
.boxlayout1 .FlexBoxImg{
    height:450px;
}
.SpaltenBoxen .FlexBoxReihe .boxlayout41 {
    width: 100%;
}
.boxlayout1 .FlexBoxImg{
    /*H abgestimmt auf 3 Spalten Bilder/BSP/Bildvorlage (825x550)*/
    height:490px;
}
.SpaltenBoxen .boxlayout1 .FlexBoxImg,
.SpaltenBoxen .boxlayout2 .FlexBoxImg,
.SpaltenBoxen .boxlayout3 .FlexBoxImg{
    height: 300px;
}
.boxlayout2 .FlexBoxImg{
    /*H abgestimmt auf 3 Spalten Bilder/BSP/Bildvorlage (825x550)*/
    height:700px;
}
.boxlayout3 .FlexBoxImg, .DesignBoxen .BGInhaltBox{
    /*H abgestimmt auf 3 Spalten Bilder/BSP/Bildvorlage (825x550)*/
    height:670px;
}
.boxlayout0, .boxlayout1, .boxlayout2, .boxlayout3 {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    max-width: 700px;
    margin: auto;
}
.ZeileMitBGBild .boxlayout0,.ZeileMitBGBild .boxlayout1,.ZeileMitBGBild .boxlayout2,.ZeileMitBGBild .boxlayout3 {
    border-bottom: none;
}
.boxlayout0, .boxlayout1, .boxlayout2, .boxlayout3,.FlexBoxReihe{
    margin-bottom: 50px;
    background-color: #fff;
}
.ZeileMitBGBild .boxlayout0,.ZeileMitBGBild .boxlayout1,.ZeileMitBGBild .boxlayout2,.ZeileMitBGBild .boxlayout3,.ZeileMitBGBild .FlexBoxReihe{
    margin-bottom: 50px;
    background-color: transparent;
}
.BreiteZeileBreit{
    padding:0px 30px;
}
.boxlayout41, .boxlayout42, .boxlayout51, .boxlayout52 {
	float:none;
    width: 100%;
}
.Zwischenraum {
    display:none;
}
.SpaltenBoxen .boxlayout1, .SpaltenBoxen .boxlayout2, .SpaltenBoxen .boxlayout3 {
    background: transparent;
}
#Inhalt .SpaltenBoxen .Ausrichtungcenter .FussLink, #WebMain .Ausrichtungcenter .RahmenLinkWeiss, #WebMain .Ausrichtungcenter .RahmenLinkSchwarz {
    left: 0%;
    transform: translate(0%, 0%);
}
#WebMain .SpaltenBoxen .RahmenLinkWeiss, #WebMain .SpaltenBoxen .RahmenLinkSchwarz {
  position: relative;
}
.clearLinie{
	margin-left:0px;
	padding-left:10px;
}
hr{margin-left:0px;}
.SP20ever img {
    height: auto;
    max-width: auto;
    width: 95%;
}
.Gruppe .DesignBoxen {width: 100%;}
.BreitBild {
    width: 100%;
    margin:0px auto 4px;
}
.DesignBoxen .BGInhaltBox,.DesignBoxen .BGInhaltBox .VAlignBox{
    min-height:400px;
    height:auto;
    display: inline-block;
    width:100%;
}
.DesignBildBox {
    min-height: 400px;
    position: relative;
}
.DesignBildBox:hover, .BGInhaltBox:hover{
	transform: scale(1);
	transition: all .5s;
}

.BreitBildImg img {
    display:none;
}
#Inhalt .InhaltBoxen .SeitenWechselBox h1,
#InhaltGross .InhaltBoxen .SeitenWechselBox h1{
    font-size:25px;
}
.SeitenWechselBox {
    height: auto;
	padding-bottom: 0px;
}
.SeitenWechselBox .SWBRechts .VAlignBox{
	position:relative;
	height:auto;
}
.SeitenWechselBox .SWBRechts .VAlignBox{
	margin:auto;
}
.SeitenWechselBox .SWBRechts .VAlignBox {
    display: block;
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    transform: translateY(-0%);
    top:5px;
}
#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;
}
.WhatsAppBoxBTN{
	text-align: center;
	right: auto;
	width:280px;
	left: calc(50% - 140px);
	padding: 15px 20px;
	margin-top:-120px;
}
.FilmAktiv
{
    transition-property:none;
    transform: scale(1);
    transition: all 0s;
}
#Inhalt .FlexBox h2 {
    padding-top: 20px;
}
#Inhalt .SpaltenBoxen .FussLink {
    position: relative;
    bottom: 0px;
    right: 0px;
}
.KontaktFormInhaltBox {
  width: 90%;
}
#Fuss{
    position:relative;
}