@keyframes einzoomen {

 0%{transform:scale(2,2);opacity:1}

 100%{transform:scale(1,1);opacity:0.9}

}

.handylayout{
display:none !important;

}

html {
margin: 0px;
padding: 0px;
}

#middlebox {
position: relative;
}

.keinzahl{

display:inline-block;

height:0px;

width:0px;

}













body {
width: 100vw;
margin: 0px;
padding: 0px;
}





.iphoneheaderabstandhalter{

display:none;

}





.einzelseite #inhalteingeben{

position:absolute;

}



.einzelseite.typ3 #inhalteingeben {

position: relative;

}



#inhalteingeben #textboxkontakt{

margin: 0px 0px 0px 7vw;

}


#middlebox {
position: relative;
z-index:-1;
}


#footer {
margin: 4vw -1vw 0px -1vw;
padding: 4vw 5vw 0px 4vw;
clear: both;
position: relative;
background-image: url('../kleinbilder/welle_unten2.svg');
background-repeat: no-repeat;
background-size: 100%;
}

.medaillephone{
display:none;
}

.medaillepc {
position: absolute;
width: 7.5vw;
height: 7.5vw;
left: 75vw;
top: 6vw;
}

#textboxfooter {
position: absolute;
bottom: 10vw;
background-color: rgba(255,255,255,1);
z-index: 2;
width: 30vw;
left: 67vw;
padding: 0.5vw;
text-align:center;
display:none;
}

#textboxfooter h1, #textboxfooterein h1{
font-size: 1em;
font-weight: normal;
}

#textboxfooter .textboxinhalt {

}

#textboxfooterein{
text-align:center;
background-color: rgba(255,255,255,1);
z-index: 2;
width: 30vw;
left: 65vw;
position: absolute;
bottom: 8vw;
transform:rotate(-20deg);
font-size:2vw;
}


.einzelseite #footer{

margin: 5vw 0px 6vw 0px;

}



.einzelseite.editiermodus #footer{

margin: 55vw 0px 6vw 0px;

}


.zusatzbox{
border: 1px solid rgba(4,149,241,1);
background-color: rgba(255,255,255,0.7);
font-size: 1vw;
color: rgba(50,90,200,1);
position: absolute;
top: 2vw;
left: 13vw;
white-space: nowrap;
padding: 0.4vw 0.4vw 0.2vw 0.4vw;
font-weight: normal;
border-radius: 0.4vw;
}

.inhaltzeigen, .servicenaviitem:hover .zusatzbox{
display:block;
}




/*.einzelseite.typ1 #footer{

display: flex;

margin:0px;

padding: 4vw 5vw 4vw 4vw;

position:relative;

position:-webkit-sticky;

position:sticky;

top:20vw;

}*/

.footertextbox {
display: flex;
align-items: flex-end;
width: 90%;
position: relative;
top: -2vw;
}

.spalte {
width: 30%;
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 2;
}

#spalte1 {
flex-shrink: 0;
flex-grow: 0;
width: 25%;
}

#spalte2{
width:35%;
}


.footerelement {
margin-right: 6vw;
width: 33%;
display: block;
}

#footerlogo {
position: relative;
width: 15vw;
border: white 0.15vw solid;
}

#telefon {
margin-bottom: 1em;
}

/*#telefon::before, #telefon:before {
content: "Tel:";
font-size: 1.45em;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
font-family: Nixieone;
margin-bottom: 0.2em;
}*/

.googlediv iframe {
width: 100%;
height: 20vw;
}


.copy {
font-family: Roboto;
font-size: 1em;
color:rgba(197,67,145,1);
color: var(--pink);
white-space: nowrap;
}

#webbern{
position:relative;
bottom:initial;
left:initial;
}

.footerschwarz {
position: relative;
width: 100vw;
height: 5vw;
left: 0px;
background-color: black;
margin-top: -4vw;
z-index:-1;
}

.google #google{

width:15vw;

height:15vw;

margin-top:1vw;

}



.footertextbox{



}



.nichtfooter, .nichtpc{

display:none;

}



.adresstext{
font-size: 2vw;
font-weight: normal;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
line-height: 2.2vw;
font-family: NixieOne;
}

#adresse .adresstext.fett {
margin-top: 0px;
padding-top: 0px;
}

.adresstext a{



}



.pcfooterfootericon{

float:left;

}



#footer .serviceicon {
border: 0.15vw solid #FFFFFF;
border-radius: 50%;
width: 4vw;
height: 4vw;
display: flex;
margin: 0px 1.8vw 0px 0px;
background-color: transparent;
}



#footer .svgicon {

width: 80%;

height: 80%;

margin: auto;

}

.clickbar{
cursor:pointer;
}





.iconbildsfooternavi.serviceicon{

cursor:pointer;

}

#adressefootericon, .adresse p.adresstext.fett{
cursor:initial;
}

.adresstext.fett {
color:rgba(194,194,190,1);
color: var(--graumenuicons);
font-weight: 100;
font-size: 3vw;
font-family: Rebecca;
}



p.adresstext.fett{

position: absolute;
top: 3vw;
cursor: pointer;
}


#spalte3 .adresstext.fett {
display:none;
}

.email .adresstext p{
cursor: pointer;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
padding: 0px;
margin: 0px;
font-family: NixieOne;
}

#adressefootericon {
padding: 0px;
width: 4.8vw !important;
height: 4.8vw !important;
}

#adressedeutschtext h2 {
font-size: 1em;
white-space:nowrap;
}

#adressedeutschtext h2:first-child {
margin-top:0px;
}

#icon_footeradressefootersvg {
height: 100% !important;
width: 100% !important;
}

#mainbox{

width:100vw;

position:absolute;

left: 0vw;

}



h1{

}



h2{

}



h3{
font-size:1.25em;
color:rgba (8, 12, 228, 1);
font-weight:300;
}



h4{

}



p{
font-size:1em;
font-weight:lighter;
/*color:rgba(20,31, 106, 0.7);*/
}



ul{

}



li{

margin-left:-1em;

}



a{

}



.listenbutton{

display:inline;

}





#iphonebox{

display: inline;

position: fixed;

top: 0px;

height: 100vh;

left: 0vw;

width: 100vw;

overflow-y: scroll;

overflow-x: hidden;

z-index: 0;

-webkit-overflow-scrolling: touch;

}



.einzelseite #iphonebox {

display: inline;

position: fixed;

top: 13.5vw;

height: calc(100vh - 13.5vh);

left: 0vw;

width: 100vw;

overflow-y: scroll;

overflow-x: hidden;

z-index: 0;

}



#listenbildli{

-webkit-transform: scale(1,1);

-ms-transform: scale(1,1);

-moz-transform: scale(1,1);

-o-transform: scale(1,1);

transform: scale(1,1);

position: relative;

height: 100%;

width: 100%;

top: 0px;

}



#hamburger{

position: absolute;

top: 3vw;

left: 90vw;

width: 5vw;

height: 5vw;

display: none;

}

	

.listenstrichli{

position:absolute;

width:100%;

height:10%;

background-color:rgba(1,8,26,0.9);

}

	

#listenstrichli1{

top:0px;

}

#listenstrichli2{

top:45%;

}

#listenstrichli3{

top:90%;

}





#menu{



}

#menukasten {
display: inline-flex;
position: fixed;
top: 3vw;
left: 20vw;
z-index: 4;
width: 53vw;
justify-content: space-evenly;
}


.navicontainers{

position: relative;

display: inline;

margin-left: 0px;

}






.hauptitem a{
position: relative;
top: 0px;
left: 2.5vw;
font-weight: lighter;
font-size: 1.6vw;
font-family: 'Roboto', Roboto;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
}

.navi{
display:flex;
}



.aktiv .hauptitem a, a.aktiv, .aktiv{


}

.navibezeichnung {

margin-top: -0.75vw;
}

.naviname{
font-size: 1.5vw;
}

.navi.aktiv::before{
content: "";
width: 12vw;
background-color: transparent;
border-radius: 0%;
display: none;
position: absolute;
top: 1vw;
left: 4vw;
background-image: url('../kleinbilder/locke_navi.svg');
height: 12vw;
background-repeat: no-repeat;
cursor:text;
}



.navicontainers:hover .icon{
/*background-color:var(--graumenuicons);*/
border-color:white;
}

.navicontainers:hover .navibezeichnung{
color:white;
}

.navicontainers:hover .iconfarbe {
fill: white;
stroke-width: 2;
stroke: white;
}

.navicontainers.aktiv:hover .iconfarbe{
fill:rgba(194,194,190,1);
fill:var(--graumenuicons);
stroke-width:2;
stroke:rgba(194,194,190,1);
stroke:var(--graumenuicons);
}

.navicontainers.aktiv:hover .navibezeichnung{
color:rgba(190,45,144,1);
color: var(--pinkmenuschrift);
}

.navicontainers.aktiv:hover .icon{
background-color:black;
border-color:rgba(194,194,190,1);
border-color:var(--graumenuicons);
}


.icon {
width: 2.8vw;
height: 2.8vw;
position: relative;
left: 0vw;
padding: 0.3vw;
border-radius: 50%;
background-color: rgba(29,29,27,1);
border: rgba(194,194,190,1) 0.15vw solid;
border: var(--graumenuicons) 0.15vw solid;
margin: -1.5vw 0.6vw 0px 1vw;
}

#laden {
width: 95%;
position: relative;
left: 0.1vw;
}


.iconimg{

width: 100%;

max-width: 100%;

max-height: 100%;

}



.pluszeichen{

display:none;

}



.popups{
position: absolute;
left: 2.2vw;
top: 2.7vw;
transform-origin: top;
width: 110%;
padding: 1vw 1vw 1vw 1vw;
background-color: rgba(255,255,255,0.8);
}



.popup{

display: flex;

margin-bottom: 0.4vw;

transform-origin:top;

font-size:1.3vw;

}


a.popup {
color: rgba(5,103,250,0.7);
}




.aktiv.popup{

font-weight: bold;

}

.untericon {
display: none;
}

.navitrenn{

display:none;

}



#servicenavitupf{

display:none;

}



.transform{

transition: -webkit-transform 0.5s;

transition: -ms-transform 0.5s;

transition: -moz-transform 0.5s;

transition: -o-transform 0.5s;

transition: transform 0.5s;

}







#header{

position: fixed;

height: 17.2vw;

width: calc(100vw + 1px);

background-color: rgba(255, 255, 255, 0);

top: 0px;

left: -1px;

z-index:1;

padding-top:1vw;

background-image: url('../kleinbilder/welleneu.svg');

background-size:100%;

background-repeat:no-repeat;

background-position: left top;

}



#logo {
position: absolute;
width: 25vw;
left: 1vw;
top: 1vw;
}



#logo svg {
width: 80%;
}



#servicenavi {
display: flex;
position: relative;
left: 86vw;
flex-direction: column;
}

.servicenaviitem {
display: flex;
margin-bottom: 1.5vw;
}


.servicenaviitem:hover .servicenavi{
color:rgba(190,45,144,1);
color: var(--pinkmenuschrift);
}


.serviceicon {
width: 3.5vw;
height: 3.5vw;
cursor: pointer;
}

.undurchsichtigweiss {
background-color: rgba(255, 255, 255, 1) !important;
}

.hintergrundtransition{
-webkit-transition: background 1s;
  transition: background 1s;
}



/*#adresseicon{

padding: 0.4vw 0.35vw 0.4vw 0.45vw;

}*/



#emailicon{

padding: 0.4vw 0.45vw 0.4vw 0.35vw;

}



.svgicon{

width: 100%;

height: 100%;
display:block;
}



.servicenavi{
font-size: 1.4vw;
margin: 0.8vw 1vw 0px 0.5vw;
cursor: pointer;
color: rgba(256,256,256,1);
width: 5vw;
font-family: Roboto;
font-weight: lighter;
}





.servicenavibox .sevicenavi{

float:right;

}



#ganzheit{

display:none;
}


#oberabstandbild {
width: 100vw;
height: 25vw;
position: relative;
overflow: hidden;
}

#oberbildcontainer {
width: 100%;
height: 25vw;
overflow: hidden;
opacity: 1;
display: flex;
align-items: baseline;
}

#symbolbild {
width: 106%;
margin-top: 5.5vw;
transform: rotate3d(1,0,0,180deg);
flex-shrink: 0;
margin-left: -3%;
}

.nullopcity{
opacity:1 !important;
}

.hauptseite {
clear: both;
padding-top: 0px;
}





.headersticky{

position:relative;

position: -webkit-sticky;

position:sticky;

top: -22.4vw;

}



.headerrelativ{

position: relative;
position: -webkit-sticky;
position: sticky;

top: -2vw;

}



.zurueckgehen{

position:relative;

position: -webkit-sticky;

position:sticky;

display: flex;

width: 92vw;

height: 6vw;

left: 4vw;

top: 0px;

background-color:rgba(255,255,255,1);

}



.einzelseite.editiermodus .zurueckgehen{

z-index:1;

}



.raemlibox{

display:none;

}



.einzelseite.typ1 .raemlibox, .einzelseite.typ4 .raemlibox{

display:initial;

position: absolute;

width: calc(90vw - 2px);

left: 0px;

top: 4vw;

border-top: 1px solid rgba(43, 64, 94,1);

border-left: 1px solid rgba(43, 64, 94,1);

border-right: 1px solid rgba(43, 64, 94,1);

height: 2vw;

border-radius: 5vw 5vw 0px 0px;

}



.toptitellink{

width: 89vw;

text-align: center;

}



.toptitellink a{

font-size: 2vw;
font-weight: lighter;
color: rgba(189, 0, 75,1);

}



.linkicon{

cursor:pointer;

width:1.5vw;

padding-top:0.5vw;

}





.oberabstandsbild .ganzbildschirm {

width: 100%;
image-rendering: optimizeSpeed;
bottom: calc((100vh - 70vw) * 1);
bottom: calc((100vh - 70vw) * var(--oberzahl));
position: absolute;


}



.oberabstandsbild{

transform:scale(1,1);


}



#hauptbild{

height: 26vw;

width: 100vw;

left: 0vw;

z-index: 200;

clear: both;

}


.zwischenbild {
position: relative;
width: 100vw;
}

.hauptbildbox {
position: relative;
width: 100vw;
height: 20vw;
overflow: hidden;
}

.hauptbildbox::after {
content: "";
width: 100vw;
height: 18.7vw;
display: block;
position: absolute;
top: 0.5vw;
left: 0px;
border-top: white 0.15vw solid;
z-index: 10;
border-bottom: white 0.15vw solid;
}



/*#hauptbildteam{

margin: 0px 0px -26vw 0px;

top:-26vw;

}*/



.unterseitenhauptbild{

height: initial !important;

}



.hauptbildbild{

width: 100%;

position: absolute;

left: 0vw;

top: -5vw;

}



.nichtsbild, .keinbild{

display:none;

}



.bildbutton{

visibility:hidden;

}





.hauptbildbanner{

position: relative;
width: 38%;
float: left;
padding-top: 3vw;
padding-right: 1vw;

}



.einzelseite.typ2 .hauptbildbanner{

position: relative;

width: 52vw;

float: left;

top:-2vw;

padding: 0px;

z-index:-1;

}



.einzelseite.typ1 .hauptbildbanner, .einzelseite.typ4 .hauptbildbanner {

position: relative;

position: -webkit-sticky;

position: sticky;

width: 31vw;

clear: both;

top: 22vw;

left: 4vw;

padding: 2vw 0px calc(100vh - 50vw) 1vw;

z-index: -1;

border-left:1px solid rgba(43, 64, 94,1);

}



.einzelseite.typ1.editiermodus .hauptbildbanner, .einzelseite.typ4.editiermodus .hauptbildbanner {

z-index:0;

}



.einzelseite.typ1.editiermodus, .einzelseite.typ4.editiermodus{

z-index: 0;

}






.bannertext h1, .bannertext textarea{
font-weight: lighter;
color:rgba(150,147,149,1);
color: var(--grau);
font-size: 3.2vw;
padding: 0px;
margin: 0px 0px 0px 0px;
font-family: NixieOne;
}





.einzelseite.typ2 .bannertext h1{

font-size: 2vw;

font-weight: normal;

color: rgba(186,130,17,0.8);

margin: 0px 0px 0px 3vw;

}



.einzelseite.typ1 .bannertext h1, .einzelseite.typ4 .bannertext h1 {

font-size: 2.5vw;

font-weight: 400;

color: rgba(43, 64, 94,1);

margin: 0px auto 2vw auto;

text-align: center;

}



.einzelseite.typ1 .hauptbildbanner h1, .einzelseite.typ4 .hauptbildbanner h1{

font-weight: 400;

color: rgba(186,130,17,0.8);

font-size: 3.2vw;

padding: 0px;

margin: 0px 0px 0px 0px;

text-align: left;

}





.bannertext h1 a{

font-weight: normal;

color: rgba(255,255,255,1);

font-size: 1.8vw;

}



.trennlinie{

width: 80%;

margin: 2vw 4vw;

height: 0.12vw;

background-color: rgba(0,140,255,1);

border: none;

}

.wuermli{
	stroke:rgba(5, 103, 250, 0.8);
	stroke-width:0.1vw;
	}
	
.wuermlikreis{
	fill:rgba(206, 40, 4, 0.94);
	r:0.3vw;
	}
	
.wurmcontainer{
display:block;
padding: 0px 4vw;
margin-top: -2vw;
margin-bottom:2vw;
}

.gewurmt{
margin-top: -4.5vw;
margin-bottom:4.5vw;
transition:margin-top 1.5s ease-out, margin-bottom 1.5s ease-out;

}

.wuermlianimation {
padding-right: 10px;
}



.einzelseite.typ2 .trennlinie{

display:none;

}



.einzelseite.typ1 .trennlinie, .einzelseite.typ4 .trennlinie{

width:100%;

margin:2vw 4vw 2vw 0px;

}



#sprachen{

position: absolute;

left: 92vw;

top: 10.5vw;

}



.sprachbutton{

float: left;

margin-right: 1.8vw;

}



.unterseitencontent{

top: 12.5vw;

position: relative;

}






.textbox {
width: 92vw;
font-size: 2vw;
margin: 0px 4vw 2vw 4vw;
}

.bannertext h2 {
color:rgba(29,29,27,1);
color: var(--grauschrift);
font-size: 1em !important;
font-family: Roboto-thin;
font-weight: normal;
}

.textbox .linksbuendig{
text-align:left;
}

.textbox .rechtsbuendig{
text-align:right;
}

.textbox img {
width: 100%;
margin: auto;
}

.textbox img.linksbuendig {
margin: 1vw 1vw 1vw 0px !important;
}

.textbox img.rechtsbuendig {
margin: 1vw 0px 1vw 1vw !important;
}


.textbox .textkasten.hinterlegt {
display: block;
padding: 3vw 10%;
background-color: rgba(244,244,242,1);
}

.zusatzbilderdiv.rechtsbuendig {
display: flex;
width: 50%;
object-fit: fill;
flex-direction: column;
float: right;
}

.zusatzbilderdiv.linksbuendig {
display: flex;
width: 50%;
object-fit: fill;
flex-direction: column;
float: left;
}


.bildlegende {
text-align: left !important;
font-size: 0.8em;
margin: -0.2vw 0px -0.5vw 0px;
}


.bildlegende.rechtsbuendig{
margin-left:1vw;
}

.textbox img.blocksatz, .textbox img.mittiganordnen {
width: 100%;
margin: 1vw 0px 1vw 0px !important;
}



.einzelseite.typ2 .textbox{

width: 52vw;

float: right;

font-size: 1.6vw;

margin: 0px 6vw 0px 0px;

}



 .einzelseite.typ1 .textbox, .einzelseite.typ4 .textbox{

width: 52vw;

float: right;

font-size: 1.6vw;

margin: -1vw 6vw 0px 0px;

min-height: 100vh;

border-right:1px solid rgba(43, 64, 94,1);

}



.einzelseite.typ1.editiermodus .textbox, .einzelseite.typ4.editiermodus .textbox{

margin: -1vw 0vw 0px calc(6vw - 2px);

}

.hauptseitenbox {
margin-bottom: -6vw;
}


.textboxtext {
float: left;
}

.textboxinhalt0 {
width: 60%;
position: relative;
margin-top: 2vw;
}

.textboxinhalt{
width: 60%;
position:relative;
}

.textboxinhalt2 {
width: 34.7%;
position: relative;
margin: 0px 0px 0px 4vw;
}


.bildlinks {
width: 70% !important;
}

.bildrechts {
width: 70% !important;
margin-left:30% !important;
}








#eingabebox {



margin: 4vw 3vw 1.5vw 0vw;

font-size: 1.2vw;

}



#eingabebox h1, #eingabebox h2, #eingabebox h3, #eingabebox a{

font-size: 1.2vw;

}



.unterseitentext #textboxinhalt{

margin-top:-2.3vw;

}



.gesamttitel{
position: relative;
top: 0vw;
text-align: left;
width: 62%;
left: 36%;
}
#seitentitelteam{
position: relative;
width:100%;
top: 0vw;
left:0px;
text-align: center;
}


.einzelseite.typ2 .gesamttitel{

position: relative;

top: 0vw;

text-align: initial;

left: 3vw;

z-index:-1;

}



.einzelseite.typ2.editiermodus .gesamttitel {

position: relative;

top: 0vw;

text-align: initial;

left: 42vw;

z-index: 0;

}



.einzelseite.typ1 .gesamttitel, .einzelseite.typ4 .gesamttitel{

display:none;

}



.titellink, #seitentitel h1{

font-size: 2vw;

font-weight: lighter;

color: rgba(192, 60, 10, 1);

}



.einzelseite.typ2 .titellink, .einzelseite.typ1 .titellink, .einzelseite.typ4 .titellink{

font-weight: 400;

color: rgba(186,130,17,0.8);

font-size: 3.2vw;

}



.navibackground{



}













.widget{

width: 29.1vw;

/* border: solid 0.3vw rgba(199, 178, 153, 1); */

float: left;

height: 18.65vw;

margin: 0px 0.4vw 1.5vw 0px;

/* display: flex; */

padding: 1vw 1vw 3vw 1vw;

background-color: rgba(241, 236, 229, 1);

cursor:pointer;

}







.widgettitel{

font-weight:bold;

}



.widgetbildkasten{

position: relative;

max-width: 100%;

overflow: hidden;

height: 14.55vw;

}



.widgetbild{

width: 100%;

top: -1vw;

position: relative;

}



.teiltext{

width: 100%;

font-family: Roboto, 'Roboto';

font-size: 1.2vw;

color:#2b405e;

}



.typ1 .teiltext::after, .typ4 .teiltext::after, .mehrbutton::after{

content:"...";



}



.teiltext.kurz{

display:none;

}





.mehrbutton{

display: block;

position: absolute;

top: 13.05vw;

background-color: rgba(255,255,255,1);

height: 1.5vw;

width: 6.1vw;

}



.zu{

-webkit-transform: scale(1,0);

-ms-transform: scale(1,0);

-moz-transform: scale(1,0);

-o-transform: scale(1,0);

transform: scale(1,0);

}



.navicontainers:hover .popups, .navicontainers:hover .popup{

-webkit-transform: scale(1,1);

-ms-transform: scale(1,1);

-moz-transform: scale(1,1);

-o-transform: scale(1,1);

transform: scale(1,1);

}



.beitragsheader{



}



.einzelseite.typ2 #headerbildbanner{

display:none;

}



.einzelseite.typ1 #headerbildbanner, .einzelseite.typ4 #headerbildbanner{



margin: 0px 0px 0px -1px;

padding:1vw 0px 0px 0px;

}



.beitragsheader.headersticky{

position:relative;

top:inherit;

float:left;

margin: 6vw 1vw 1vw 6vw;

}



.beitragsheader{

width:35vw;



}



.einzelseite.typ2 .beitragsheader{

width: 35vw;

position:relative;

position: -webkit-sticky;

position: sticky;

margin-left: 4vw;

float: left;

top: 4vw;

z-index:-1;

}



.einzelseite.typ1 .beitragsheader, .einzelseite.typ4 .beitragsheader{

width: 30vw;

position: fixed;

margin-left: 4vw;

float: left;

top: 17vw;

padding: 1vw 0px;

z-index: -1;

height: auto;

display: flex;

flex-direction: column-reverse;

border-left:1px solid rgba(43, 64, 94,1);



}



.beitragsheader .headerbildbild{

width:100%;

}

.headerabstandhalter{

display:block;
height: 12vw;
}


.einzelseite.typ1 #headerbildbox, .einzelseite.typ4 #headerbildbox{

width: 9vw;

height: 9vw;

margin: auto;

padding: 1vw;

background-color: rgba(224,197,110,1);

border-radius: 50%;

}



.unterseitentext{



}

.typ3 .hauptbildbanner {
position: relative;
width: 34vw;
float: left;
padding-top: 0vw; 
margin-top: -1vw;
}

.typ3 .unterseitentext{
margin-top: -28vw;
}

.typ3 .textboxinhalt::before{
content:"“";
margin: 0px;
padding: 0px;
position: relative;
top: 7vw;
left: -2.5vw;
font-size: 6vw;
color:rgba(0, 70, 220, 1);
}

.einzelseite.typ3 .textboxinhalt p:last-child::after {
content:"”";
margin: 0.2vw 0px 0px 0.5vw;
padding: 0px;
position: absolute;
font-size: 6vw;
color:rgba(0, 70, 220, 1);
}

.typ3 #menukasten {
display: inline-flex;
position: fixed;
top: 6.5vw;
left: 26vw;
z-index: 4;
width: 70vw;
justify-content: space-evenly;
height: 2vw;
}

.typ3 .zurueckgehen {
position: absolute;
display: flex;
width: 100%;
height: 2.5vw;
left: 0px;
top: 11vw;
background-color: rgba(255,255,255,1);
}

.typ3 .linkicon {
cursor: pointer;
width: 1.5vw;
padding-top: 0.5vw;
margin-left: 3vw;
}

.typ3 .toptitellink{

width: 100%;

text-align: center;
left:0px;

}

.typ3 #headerbildbox {
width: 20vw;
height: 20vw;
margin: 3vw;
border-radius: 50%;
overflow: hidden;
}

.typ3 #headerbildbanner {
display: none;
}

.typ3 .wurmcontainer{
display:none;
}

 .typ3 .gesamttitel {
position: relative;
top: 0vw;
text-align: center;
width: 26vw;
}

.typ3 .gesamttitel .titellink{
font-size: 2vw;
font-weight: lighter;
color: rgba(5,109,250,1);
}

.typ3 .bannertext h1{
font-weight: lighter;
color: rgba(0, 70, 220, 1);
font-size: 1.8vw;
padding: 0px;
width: 26vw;
text-align: center;
margin:0px;
}


.typ3 .toptitellink a{

font-size: 2vw;
font-weight:100;
color: rgba(192,60,10,0.9);

}




#logintable{

position: relative;

max-width:10vw;

float:left;

margin-left:5vw;

}


.textboxtext h1{
font-weight: lighter;
color:rgba(150,147,149,1);
color: var(--grau);
font-size: 1.6em;
font-family: RebeccaLight;
}


.textboxtext h2{
font-weight: normal;
color:rgba(197,67,145,1);
color: var(--pink);
font-size: 1.4em !important;
font-family: Rebecca;
}

.textboxtext h3{
color:rgba(122, 122, 121, 1);
color: var(--h3grau);
font-size: 1em !important;
font-family: Roboto-thin;
font-weight:bold;
}

.textboxtext p, .textboxtext h4, .textboxtext h5, .textboxtext h6, .textboxtext a, .textboxtext li {
font-size: 1em;
font-weight: lighter;
color:rgba(29,29,27,1);
color: var(--grauschrift);
}

.textboxtext li {
margin: 0px 0px 1vw 0px;
}

.textboxtext a:hover{
color: rgba(0,140,255,0.9);
}

.textboxtext .bildlegende {
text-align: left;
font-size: 0.8em;
margin: -2vw 0px -0.5vw 0px;
font-style: italic;
color:rgba(29,29,27,1);
color: var(--grauschrift);
}

h1.bannertext {
font-weight: lighter;
color:rgba(150,147,149,1);
color: var(--grau);
font-size: 3.2vw;
padding: 0px;
margin: 0px 0px 0px 0px;
font-family: NixieOne;
}


.kontaktbody, berstaetigungstext{



}



.bidwechseln{

display: block;
position: relative;
width: 12vw;
color: rgba(255, 255, 255, 1);
border: none 0px;
font: normal 1.8vw 'Roboto';
border-radius: 0.8vw;
height: 2.8vw;
text-align: center;
padding: 0.3vw 0px 0px 0px;
cursor: pointer;
background-color: rgba(8, 155, 240, 0.7);
z-index:5000;
margin-left:3vw;
}



.bildbutton .bidwechseln{

display:block;

visibility:visible;

top:0px;

}



.mce-floatpanel.mce-fixed {

position: fixed;

top: 16vw !important;

}



#google{

width:28vw;

height:28vw;

}



.kontakttextinhalt div:nth-child(2) {

  margin-left:-6vw !important;

}



#loginerscheinbutton{

opacity:0;

}



#loginerscheinbutton:hover {

opacity:1 !important;

}



#logintable {
background: black;
border: solid rgba(255,255,255) 0.18vw;
border-radius: inherit;
flex-direction: column;
justify-content: auto;
margin:0px auto;
}

.tablerow {
margin: 1vw auto 0px auto;
}

.tablecell {
color:rgba(194,194,190,1);
color: var(--graumenuicons);
text-align: center;
}

.aktiviert {
top: 30vh;
left: 30vw;
position: fixed !important;
padding: 2vw 10vw 5vw 10vw;
display: flex !important;
}

#logintable input{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 60%;
margin: 0px auto 0px auto;
border: none 0px;
border-bottom: 1px solid rgba(5,105,204,1);
height: 1.2em;
font-size: 1em;
display: block;
color:rgba(29,29,27,1);
color: var(--grauschrift);
}







.widgetblock{

position:relative;

left:3vw;

clear:both;

display:block;

}



.widget.typ1, .widget.typ4{

width: 27vw;

border: solid 0.12vw #2b405e;;

float: left;

height: 21vw;

margin: 1vw;

/* display: flex; */

padding: 1vw 1vw 3vw 1vw;

background-color: rgba(255, 255, 255, 1);

cursor: pointer;

border-radius:0.8vw;

}



.widget.typ1 .widgettitel:before, .widget.typ4 .widgettitel:before, .widget.typ2 .widgettitel:before{

display: inline-block;

width: 1vw;

height: 1vw;

content: " ";

background-color: rgba(222,6,12,1);

margin-right: 1vw;

position: relative;

top: -0.1em;

border-radius:0.3vw;

}



.widget.typ1 .widgettitel, .widget.typ4 .widgettitel, .widget.typ2 .widgettitel{

font-weight: lighter;

text-align: center;

color:#2b405e;

}



.widget.typ1 .widgettitel, .widget.typ4 .widgettitel{

margin: 0px 0px 0px -1vw;

font-size: 2.2vw;

}



.widget.typ1 .widgetbildkasten, .widget.typ4 .widgetbildkasten {

position: relative;

width: 8vw;

overflow: initial;

height: 8vw;

border-radius: 8vw;

border: solid 0.5vw #e0c56d;

margin: 1vw auto;

-webkit-box-shadow: inset 0.3vw 0.3vw 0.34vw 0.08vw rgba(193,190,182,0.3), 0.3vw 0.3vw 0.4vw 0.08vw rgba(193,190,182,0.3);

-moz-box-shadow: inset 0vw 0vw 0.5vw 0.01vw rgba(193,190,182,1);

box-shadow: inset 0.5vw 0.5vw 0vw 0.01vw rgba(193,190,182,1));

}



.widget.typ1 .widgetbild, .widget.typ4 .widgetbild  {

width: 6vw;

top: 1vw;

position: absolute;

left: 1vw;

}



.typ1 .mehrbutton, .typ4 .mehrbutton, .typ2 .mehrbutton {

display: block;

position: absolute;

width: 100%;

color: rgba(186,130,17,0.8);

border: solid 0.12vw rgba(222,6,12,1);

font: normal 1.8vw 'Roboto';

border-radius: 0.5vw;

height: 2vw;

text-align: center;

padding-bottom: 0.5vw;

}



.typ1 .mehrbutton, .typ4 .mehrbutton{

margin: 1.5vw auto 0 auto;

position: static;

width: 25%;

}







#widgetblockteam2{

min-height: 60vw !important;

display: block;

position: relative;

margin:5vw 0px;

}






#widgetblockteam3{

margin: 5vw 3vw;

display: flex;

justify-content: center;

flex-direction: row;

width: 89vw;

flex-wrap: wrap;

}







.widget.typ2{

clear: both;

width: 50vw;

padding: 0px;

background-color: initial;

}



.widget.typ2 .widgettitel{

font-size: 1.6vw;

font-weight: 500;

width: 25%;

text-align:left;

margin-top:10%;

}



.widget.typ2 .widgettitel:before{

top: -0.05em;

}



.widget.typ2 .widgetbildkasten{

position: relative;

width: 70%;

overflow: hidden;

height:initial;

margin-bottom: 1vw;

}



.widget.typ2 .teiltext{

width: 25%;

font-family: Roboto, 'Roboto';

font-size: 1.2vw;

color: #2b405e;

margin-top:1vw;

height:75%;

}



.widget.typ2 .teiltext:after{

content:"...";

}



.widget.typ2.ausrichtung1 .teiltext{

float: right;

}



.widget.typ2.ausrichtung1 .widgettitel{

float: right;

}



.widget.typ2.ausrichtung1 .widgetbildkasten{

float: left;

}



.widget.typ2.ausrichtung2 .teiltext{

float: left;

}



.widget.typ2.ausrichtung2 .widgetbildkasten{

float: right;

}



.widget.typ2.ausrichtung2 .widgettitel{

float: left;

}



.widget.typ2.ausrichtung2{

position: relative;

left: 42vw;

}



.widget.typ2 .mehrbutton{

width: 8vw;

position: absolute;

display: block;

top: calc(30vw + 2vh);

}



.widget.typ2.ausrichtung2 .mehrbutton{

right: 14.5vw;

}



.widget.typ2.ausrichtung1 .mehrbutton{

left: 14.55vw;

}



.widget.typ2 .rahmeninschrift, .widget.typ3 .rahmeninschrift{

position:relative;

clear:both;
margin: 2vw 0px 0px 0px;

}



.widget.typ2.ausrichtung2 .rahmeninschrift{

text-align:center;

width:125%;

}



.widget.typ2.ausrichtung1 .rahmeninschrift{

text-align:center;

width:75%;

}



.widget.typ2 .rahmeninschrift .rahmentitel, .widget.typ3 .rahmeninschrift .rahmentitel{

font-size:1.9vw;

font-weight:lighter;

color: rgba(0, 70, 220, 1);

}

.widget.typ3 .rahmeninschrift .rahmenuntertitel{
font-size:1.7vw;

font-weight:lighter;

color: rgba(255, 128, 69, 0.94);
margin:0.5vw 0px 0px 0px;
}



.widget.typ3 .rahmeninschrift .rahmentitel, .widget.typ3 .rahmeninschrift{

text-align:center;

}



.widget.typ2.ausrichtung1 .rahmeninschrift .trennlinie, .widget.typ3 .rahmeninschrift .trennlinie{

width: 20%;
display:none;

}



.widget.typ2.ausrichtung2 .rahmeninschrift .trennlinie{

width: 12%;

}



.widget.typ2 .rahmeninschrift .trennlinie, .widget.typ3 .rahmeninschrift .trennlinie{

margin: 0.7vw auto;

height: 1px;

background-color: rgba(210,4,17,1);

border: none;

}



.widget.typ3{

width: 22vw;

float: left;

height: 22vw;

margin: 0px 0px 5vw 0px;

cursor: pointer;

background-color: initial;

position:relative;

}



.wrapbox{

width:100vw;

}



.wrapmargin{

width:4vw;

}



.widget.typ3 .teiltext, .widget.typ3 .mehrbutton, .widget.typ3 .widgettitel, .widget typ3 .trennlinie{

display:none;

}



.widget.typ3 .widgetbildkasten {

position: relative;

left:3vw;

width: 16vw;

overflow: hidden;

height: 16vw;

border-radius: 50%;


}



.widget.typ2 .widgetbild, .widget.typ3 .widgetbild{

width: 100%;

top:0px;

position: relative;

}



#widgetblockteam4{

width: 30vw;

margin: 15vw 0px -10vw 0px;

z-index:4;

position:absolute;

}



/*#hauptbildbannerteam{

top: -38vw;

}*/



#textboxteam{

min-height:45vw;

}





#googleframe{

width:100%;

height:30vw;

}



.neueseinfuegen{

margin:auto;

}



.pfilibox{

display: inline-flex;

margin: 1vw 35%;

}



.plusbutton{

margin-bottom: 30vw;

}



.einfuegformular{

position: fixed;

width: 60vw;

height: calc(100vh - 50vw);

left: 15vw;

top: calc(100vh - 45vw);

padding: 5vw;

z-index: 10;

background: rgba(148, 202, 254, 1);
border: solid rgba(255,255,255) 0.2vw;
border-radius: 1vw;

}



.eingabesenden{
display: block;
position: relative;
width: 16vw;
color: rgba(255, 255, 255, 1);
border: none 0px;
font: normal 1.8vw 'Roboto';
border-radius: 0.8vw;
height: 2.8vw;
text-align: center;
padding: 0.3vw 0px 0px 0px;
cursor: pointer;
background-color: rgba(8, 155, 240, 0.7);
margin-top:2vw;
}

#neuseitentitel{
margin-top:1vw;
}



.clickdecker{

position: relative;

top: -3.2vw;

left: 0px;

width: 3vw;

height: 3vw;

}



#hauptbildbannerkontakt{

float:initial;

}

#kontakt {

}

#textboxkontakt{


}



#textboxinhaltkontakt{



}



#kontaktbody{



}



#kontaktbody h2{

}



.formularinputs {
display: flex;
align-items: baseline; 
}

.inputvortext {
width: 10vw;
text-align: center;
color: rgba(206, 40, 4, 0.94);
}

#hauptbildbannerkontakt {

}

input, textarea {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 60%;
margin:0px 0px 0px 10%;
border: none 0px;
border-bottom: 1px solid rgba(5,105,204,1);
height: 1.2em;
font-size: 1em;
display: block;
color: rgba(5,105,204,1);
}

.kontaktbutton{

display: block;

position: relative;
width: 12vw;
color: rgba(255, 255, 255, 1);
border: none 0px;
font: normal 1.8vw 'Roboto';
border-radius: 0.8vw;
height: 2.8vw;
text-align: center;
padding: 0.3vw 0px 0px 0px;
cursor: pointer;
background-color: rgba(49, 124, 239, 0.89);
}








.closebutton{

position:relative;

background-color: black;

margin:1vw auto;

width: 2vw;

height: 2vw;

display:block;
border-radius: 50%;
border: rgba(194,194,190,1) solid 0.15vw;
border: var(--graumenuicons) solid 0.15vw;

color:rgba(197,67,145,1);
color: var(--pink);
font-weight:bold;

}



#absender{
display: block;
position: relative;
width: 8vw;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
border: none 0px;
font: 1em 'Roboto';
border-radius: 0.8vw;
height: 2.8vw;
text-align: center;
padding: 1vw 1vw 1vw 1vw;
cursor: pointer;
background-color:rgba(197,67,145,1);
margin:0.5vw auto;
}

#loginerscheinbutton, #absender.logoutbutton{

display: block;
left: 1.8vw;
position: relative;
width: 12vw;
color:rgba(194,194,190,1);
color: var(--graumenuicons);
border: none 0px;
font: normal 1.8vw 'Roboto';
border-radius: 0.8vw;
height: 2.8vw;
text-align: center;
padding: 0.3vw 0px 0px 0px;
cursor: pointer;
background-color:rgba(197,67,145,1);
margin:initial;
}

.preistabelle{
width:100%;
}

.preistabelle td:nth-of-type(2n) {
width: 9vw;
text-align: right;
}



/*Blasenanimation*/

.typ3:hover .widgetbildkasten{
width:12vw;
height:12vw;
transition:width,height;
transition-duration: 0.5s;
}

.typ3:hover .blase{
transform:scale(1,1);
transition:transform;
transition-duration: 0.5s;
}

.blase{
	display: flex;
width: 5vw;
height: 5vw;
background-color: rgba(87,180,255,1);
justify-content: space-evenly;
align-items: center;
border-radius: 100%;
position: absolute;
left: 15vw;
z-index: 2;
top: 0px;
transform:scale(0,0);
transform-origin(left,bottom);
}

.blase::before{
content: "";
display: block;
position: absolute;
top: 3.5vw;
left: -0.5vw;
border-left: 2.5vw solid transparent;
border-right: 0.5vw solid transparent;
border-top: 1.5vw solid rgba(87,180,255,1);
width: 0vw;
height: 0vw;
transform: rotate(300deg);
z-index: -1;
}
	
	
	.kugeli{
	display:block;
	width:0.8vw;
	height:0.8vw;
	background-color:rgba(255,255,255,1);
	border-radius: 50%;
	}
	
	.kugeli1 {
margin-left: 0.5vw;
}

.kugeli3 {
margin-right: 0.5vw;
}

.typ3:hover .kugeli{
background-color: transparent;
}

.blase:hover{
animation-name: blasenatem;
animation-duration: 4s;
animation-iteration-count: 3;
}

.typ3:hover .kugeli1{
animation-name: kugeli1marsch;
animation-duration: 2s;
animation-iteration-count: infinite;
}

.typ3:hover .kugeli2{
animation-name: kugeli2marsch;
animation-duration: 2s;
animation-iteration-count: infinite;
}

.typ3:hover .kugeli3{
animation-name: kugeli3marsch;
animation-duration: 2s;
animation-iteration-count: infinite;
}

@keyframes kugeli1marsch {
  0%  {background-color: transparent;}
  20% {background-color: transparent;}
  21% {background-color:rgba(255,255,255,1);}
  89% {background-color:rgba(255,255,255,1);}
  90% {background-color: transparent;}
}

@keyframes kugeli2marsch {
  0%  {background-color: transparent;}
  40% {background-color: transparent;}
  41% {background-color:rgba(255,255,255,1);}
  89% {background-color:rgba(255,255,255,1);}
  90% {background-color: transparent;}
}

@keyframes kugeli3marsch {
  0%  {background-color: transparent;}
  60% {background-color: transparent;}
  61% {background-color:rgba(255,255,255,1);}
  89% {background-color:rgba(255,255,255,1);}
  90% {background-color: transparent;}
}

@keyframes blasenatem {
  0%  {height: 5vw;transform:rotate(2deg);}
  10% {transform:rotate(-2deg);}
  20% {transform:rotate(2deg);}
  30% {transform:rotate(-2deg);}
  40% {transform:rotate(0deg);}
  50% {height: 4vw;}
  100% {height: 5vw;}
}

.datenschutzfelder {
display: flex;
position: absolute;
height: 4vw;
left: 73vw;
top: 55%;
align-items: center;
}

#datenschutzicon {
display: block;
width: 3vw;
}

.datenschutzlink {
display: block;
font-size: 1.3vw;
margin-left: 0.5em;
}