body {

width:100vw;

}



.administratorbereichiphone{

display:none;

}


.falschmeldung {
margin: 1vw 0px -1vw 0px;
font-size: 0.8em;
color: var(--rotgut);
}


#footer{

background-color: var(--blau1);

position: relative;

padding: 1vw 0px;

margin-top:-4vw;

z-index:-1;

}







#footer::after{

content:"";

position:relative;

display:block;

width:100%;

height:2.8vw;

background-color:var(--blau140);

z-index:-1;

top:4vw;

}



#footertext{

margin: 0px auto;

display: flex;

justify-content: space-between;

position:relative;

width:92vw;

flex-wrap:wrap;

}



#footerhaupttitel{

position:relative;

width:100%;

white-space:pre;

}



#footerhaupttitel h1{

margin-left:2vw;

}





.footerspalte{

width: 18vw;

position:relative;

margin:0px 0px 0px 0px;

display:flex;

flex-direction: column;

font-family:Roboto;

font-size:1.2vw;

word-wrap: break-word;

font-weight:normal;

justify-content: space-between;

}







.footerspalte a, .footerspalte li, .footerspalte h2, .footerspalte h3, .footerspalte p, footerspalte > *{

font-family:Roboto;

font-size:1.2vw;

word-wrap: break-word;

font-weight:normal;

}



.footerspalte p{

display:none;

}

.impressum p{
display:block;
}

.footerspalte h1{

font-family:Roboto-medium;

font-size:1.2vw;

margin-left:1vw;

}



.spaltentitel::after {

content: "";

width: 137%;

height: 0.1vw;

position: relative;

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

display: block;

flex-shrink: 0;

}



.footerspalte .footertextitem{

display:flex;

height: 7vw;

align-items:center;

}



.spaltentitel{

flex-direction:column;

align-items: flex-start !important;

}



.spaltentitel{

margin-bottom: -2vw !important;

margin-top:-1vw;

}





.footerspalte .spaltentitel h1{

margin-left:0px;

font-size:1.6vw;

}



.footerelementtitelbox{

display:flex;

align-items:center;

}



#footerhaupttitel .footerelementtitelbox{



}



#footerhaupttitel .footericon{

width:4%;

}



.footericon{

display:flex;

justify-content:space-arround;

width:20%;

flex-shrink:0;

}



.footericon svg{

width:80%;

}



.footericon img{

width:100%;

height:100%;

}



.footericonfarbe{

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

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

}



.linkitem{

cursor:pointer;

}



#spruch {

width: 100vw;

left: -4vw;

position: relative;

top: -4vw;

color: rgba(0,0,0,1) !important;

margin: 0px 0px 0px 0px;

}



#spruch::after {

content: "";

display: block;

width: 20vw;

padding: 0.5px 0px;

background-color: rgba(247,105,55,1);

margin: -0.2vw auto 0px auto;

}



.spruchtext{

color: rgba(11,116,120,1) !important;

width: 100%;

text-align: center;

font-family:Roboto,sans-serif;

font-style:italic;

font-weight:lighter;

font-size:1.7vw;

}







.google #google{

width:15vw;

height:15vw;

margin-top:1vw;

}



.footertextbox{



}



.adresstext{

font-size:  1vw;

font-weight: normal;

}





.adresstext.fett{

margin:0px;

padding:0px;

font-weight: bold;

}



.adresstext a{

color:rgba(172,201,2,1);

}



#mainbox{

width:100vw;

position:absolute;

left: 0vw;

}



h1{

font-family: Roboto, sans-serif;

font-weight: normal;

color: var(--blau1);

font-size: 2vw;

}



h2{

}



h3{

font-family: Roboto, sans-serif;

font-weight: normal;

font-size:1,5vw;

color:var(--titelschwarz);

}



h4{

}



p{

}



ul{

}



li{

margin-left:-1em;

}



a{

}



.listenbutton{

display:inline;

}





#iphonebox{

display:inline;

position:fixed;

top: 8vw;

height:calc(100vh - 8vw);

left:0vw;

width:100vw;

overflow-y: scroll;

overflow-x:hidden;

z-index: 0;

-webkit-overflow-scrolling:touch;

}



#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{

z-index:3;

}



#menukasten{

display: inline-flex;

position: fixed;

top: 3vw;

left: 27vw;

}



#unteremenuzeile {

display: inline-flex;

position: fixed;

top: 9vw;

left: 53vw;

z-index: 2;

}

.home #unteremenuzeile {
left: 55.2vw;
}



.gescrollt #unteremenuzeile {

top: 8.5vw;

left: 58.2vw;

}



#unteremenuzeile::before{
content: "Kostenlos und unverbindlich!";
color: rgba(255,255,255,1);

width: 18vw;

margin-right: 2vw;

margin-top: 0.5vw;

white-space: nowrap;

}



.home #unteremenuzeile::before{

content: "Kostenlos und unverbindlich!";
color: var(--titelschwarz);

width: 18vw;

margin-right: -2vw;

margin-top: 0.5vw;
margin-left:2vw;
}



.gescrollt #unteremenuzeile::before, .home .gescrollt #unteremenuzeile::before{

color:var(--blau1);

content: "Kostenlos und unverbindlich!";
width: 18vw;

margin-right: -2vw;

margin-top: 0.5vw;
margin-left:0px;

}





.navicontainers{

position: relative;

display: inline;

margin-left:4.5vw;

}

.navicontainers.menuunterliste {
margin-left: 2vw;
}



.menuunterliste .icon{

display:none;

}



.menuunterliste .navibackground{

display: block;

width: 100%;

height: 2vw;

border: solid 1px;

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

position: absolute;

top: 0.1vw;

left: 2.1vw;

border-radius:0.5vw;

}



.tipps .menuunterliste .navibackground{

border-color:var(--blau1);

}





.gescrollt .menuunterliste .navibackground{

border-color:var(--blau1);

}



.menuunterliste .hauptitem a{

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

}



.tipps .menuunterliste .hauptitem a{

color:var(--blau1);

}



.gescrollt .menuunterliste .hauptitem a{

color:var(--blau1);

}




.hauptitem{

display: flex;

margin: 0.3vw 2.1vw 0px 0.2vw;

}



.hauptitem a {
position: relative;
top: 0.4vw;
left: 3.8vw;
font-weight: lighter;
font-size: 1.35vw;
color: var(--textschwarz);
white-space: nowrap;
}

.menuunterliste .hauptitem a {
top:0.3vw;
left: 3vw;
}


.aktiv .hauptitem a{

color: var(--textschwarz);

}



.aktiv .hauptitem a::after{

content:"";

display:block;

width:100%;

height:0px;

background-color:rgba(219,14,33,1);

border-bottom:solid 0.01vw rgba(219,14,33,1);

}



.rotgut {

left: -1vw;

top: -0.2vw;

}



.rotgut .navi {

margin-left: 0.2vw;

margin-top: 0.2vw;

}



.icon{

display: flex;

width: 2.9vw;

height: 2.8vw;

position: absolute;

top: -0.2vw;

left: 0.1vw;

border: solid 0.16vw rgba(33,140,216,1);

border-radius: 20%;

justify-content: center;

align-items: center;

}



.wiiss{

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

}



.farbig{

fill:var(--blau1);

}



.aktiv .farbig{

fill:var(--blau1);

}



.icon svg{

width:68%;

}



.icon{

cursor:pointer;

}



.hingergrundig{

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

}



.iconimg{

width: 80%;

margin: auto;

}



.pluszeichen{

display:none;

}



.popups{

position: absolute;

left: 2.2vw;

top: 2.7vw;

transform-origin: top;

width: 17vw;

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;

}







.aktiv.popup{

font-weight: bold;

}



.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;

}



.rotgut .icon {

border: none 0px #fff;

padding: 0px;

width: 3.1vw;

height: 3.1vw;

justify-content: flex-end;

margin: 0px -0.8vw 0px 0.2vw;

}



.homeicon .icon{

border: none 0px #fff;

}



#header{

position: fixed;

height: 8vw;

width: 100vw;

top: 0px;

}



#logo{

position: absolute;

height: 5vw;

width: 24vw;

left: 4vw;

top: 1.5vw;

}



.logobild{

position: absolute;

width: 100%;

}



#unterheader{

position:fixed;

top:8vw;

width:100vw;

height: 5vw;

z-index:1;

background-color:transparent;

border-bottom:0px none;

}



#unterheader.gescrollt{

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

border-bottom:0.02vw solid;

border-color:var(--rotgut);

}



.loginseite #unterheader, .firmenstart #unterheader{

display:none;

}







#ganzheit{

font-size: 2.5vw;

position: absolute;

top: 3.9vw;

left: 19.5vw;

letter-spacing: -0.02em;

white-space: nowrap;

font-weight: bold;

}



#headerbild {

width: 100vw;

height: calc(100vh - 21vw);

min-height: 30vw;

overflow: hidden;

margin: 0px;

display: flex;

align-items: flex-start;

flex-direction: column;

max-height: var(--maxbildhoehe);

position:relative;

z-index:1;

}



#headerbildbox{

width: 100%;

height: 100%;

display: flex;

align-items: center;

}





#headerbildbild {

width: 100%;

position: relative;

}



.headersticky{

position: -webkit-sticky;

position:sticky;

top: var(--stickystop);

}



.headerrelativ{

position: relative;

top: 0vw;

}



#hauptbild{

height: 26vw;

width: 100vw;

left: 0vw;

z-index: 200;

}



#hauptbildbox{

position: absolute;

width: 100vw;

height: 26vw;

overflow: hidden;

}



.hauptbildbild{

width: 100%;

position: absolute;

left: 0vw;

top: 0vw;

}



.nichtsbild, .keinbild{

display:none;

}



.bildbutton{

visibility:hidden;

}







.bannersticky{

position:relative;

position: -webkit-sticky;

position:sticky;

top: 2vw;

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

padding-top: 1vw;

z-index:1;

}



.hauptbildbanner{

background-color: initial;

padding-top: 1vw;

z-index: 1;

margin-bottom:6vw;

position: absolute;

bottom: -2vw;

}



#titellinks{

display: flex;

position: relative;

padding: 0px 4vw;

width: 80vw;

flex-direction: column;

top:-5vw;

}



.bannertext h1{

font-family: Roboto-medium;

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

font-size: 4vw;

padding: 1vw 0px 0px 0px;

margin:0px;

}



.bannertext h2{

font-weight: normal;

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

font-size: 2vw;

padding: 1vw 0px 0px 0px;

margin:0px;

}



.bannertext h1 a{

font-weight: normal;

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

font-size: 1.8vw;

}



.trennlinie{

width: 25%;

height: 1px;

background-color: rgba(247,105,55,1);

border: none 0px;

margin: 1vw auto 1vw auto;

}



.bannertext .trennlinie{

display:none;

}



#sprachen{

position: absolute;

left: 92vw;

top: 10.5vw;

}



.sprachbutton{

float: left;

margin-right: 1.8vw;

}



.textbox {

margin: 1vw 0px 6vw 0px;

height: auto;

display: inline-block;

position:relative;

}



.textboxtext h1, #google h1{

font-family: Roboto, sans-serif;

font-weight: normal;

color: var(--blau1);

font-size: 2vw;

padding: 1vw 0px 0px 0px;

}









.hauptseitenbox.keinwidget #textboxinhalt div, .hauptseitenbox.keinwidget #eingabebox div{

width:29%;

margin:0px 1.5%;

float:left;

}



.textboxinhalt{

float: left;

width: 48vw;

padding:0px 4vw;

font-family:Roboto;

}



.textboxinhalt2{

float: right;

width: 32vw;

padding:0px 4vw;

font-family:Roboto;

}



.textboxinhalt img, .textboxinhalt2 img{ 

width:100%;

}



.textboxinhalt p, .textboxinhalt li, .textboxinhalt ul, .textboxinhalt2 p, .textboxtext > *, .textboxtext h2, .textboxtext h3, .textboxtext h4, .textboxtext h5, .textboxtext h6{ 

font-family:Roboto;

font-weight:normal;

font-size:1.5vw;

color:var(--textschwarz);

}



.textboxtext h2{

font-size:1.55vw;

color:rgba(91,80,86,1);

}



.textboxtext h3{



}



.textboxinhalt .bildlegende, .textboxinhalt2 .bildlegende{ 

font-style: italic;

margin-top: -1em !important;

font-weight: lighter;

position: relative;

font-family:Roboto;

font-size:1.2vw;

}



.textboxinhalt .textkasten.hinterlegt, .textboxinhalt2 .textkasten.hinterlegt{

width: 80%;

display: block;

padding: 3vw 10%;

background-color:var(--textboxen);

border-radius:1vw;

font-weight:lighter;

}



.textboxwidgetblock{

	margin-top:2vw;

	display:flex;

	justify-content:space-between;

	flex-wrap: wrap;

	}

	

.textboxwidgetblock::after{

	content:"";

	display:block;

	height:0.1vw;

	background-color:rgba(193,196,198,1);

	position:relative;

	width:100%;

	}

	

.textboxwidgetblockheader{

width: 100%;

flex-shrink: 0;

display:flex;

flex-direction:column;

align-items:center;

margin-bottom:2vw;

}



.textboxwidgetblock h1 {

text-align:center;

font-size:1.7vw;

}

	

	.textboxwidget.spalten3{

	display:flex;

	align-items:center;

	flex-direction:column;

	width:25vw;

	}

	

	.textboxwidget.spalten4{

	display:flex;

	align-items:center;

	flex-direction:column;

	width:22vw;

	}

	

	

	

	.textboxwidgetbildkasten{

	display:block;

	width:6vw;

	height:6vw;

	}

	

	/*.textboxwidgetheaderbildkasten::before, .textboxwidgetheaderbildkasten::after{

	content:"";

	display:block;

	height:0.4vw;

	background-color:rgba(193,196,198,1);

	position:relative;

	}

	

	.textboxwidgetheaderbildkasten::before{

	left: -42.5vw;

	width: 40vw;

	top: 2.8vw;

	}

	

	

	.textboxwidgetheaderbildkasten::after{

	left: 8.3vw;

	width: 40vw;

	top: -3.85vw;

	}*/

	

	

	

	

	.spalten3 .textboxwidgetbildkasten{

	display:block;

	width: 20vw;

	height: 14vw;

	}

	

	.textboxwidgetbildkasten img{

	border:none;

	width:100%;

	}

	

	.textboxwidgeth3{

	text-align:center;

	color:var(--rotgut) !important;

	}

	

	.textboxwidgetp{

	text-align:center;

	}



.hinterlegt p, .hinterlegt h1, .hinterlegt h2, .hinterlegt h3, .hinterlegt h4, .hinterlegt h5, .hinterlegt h6, .hinterlegt li, .hinterlegt div{

color:var(--textschwarz);

}



.hinterlegt a{

color:var(--textschwarz);

}



.footer.hinterlegt p, .footer.hinterlegt h1, .footer.hinterlegt h2, .footer.hinterlegt h3, .footer.hinterlegt h4, .footer.hinterlegt h5, .footer.hinterlegt h6, .footer.hinterlegt li, .footer.hinterlegt div{

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

}



.footer.hinterlegt a{

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

}   



#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;

}



#seitentitel{

position: absolute;

left: 3vw;

top:26vw;

}



.titellink, #seitentitel h1{

font-size: 1.8vw;

font-weight: normal;

color: var(--blau1);

}



.navibackground{



}





.widgetblock, .hauptwidgetblock {

position: relative;

display: flex;

justify-content: space-between;

margin:4vw;

}

.unterseitenwidgetblock{
flex-direction: column;
}




.widget, .hauptwidget{

width:25%;



cursor:pointer;

flex: 0 1 auto;

}





.hauptwidget{

width: 25%;

padding:2vw;

cursor: pointer;

border:0.01vw solid var(--blau1);

}



.spalten4 .widget, .spalte4 .hauptwidget{

width:20%;

}



.spalten2 .widget, .spalte2 .hauptwidget{

width:40%;

}







.unterseitenwidgetblock .widget {
width: 92%;
cursor: pointer;
display: flex;
border: 0.01vw solid var(--blau1);
padding: 4vw 2vw 2vw 2vw;
position:relative;
margin-bottom:2vw;
}



.widgettitel {
font-weight: bold;
position: absolute;
top: 1.5vw;
left: 2vw;
}


.hauptwidgettitel{

margin: 2vw auto 3vw auto;

text-align: center;

}



.hauptwidgetbildkasten{

position: relative;

max-width: 100%;

overflow: hidden;

height: 14.55vw;

}

.widgetbildkasten {
position: relative;
max-width: 20%;
overflow: hidden;
margin-right:2vw
}

.unterseitenwidgetblock .teiltext.lang {
margin-right: -2vw;
flex-grow: 2;
max-width: 95%;
}

.hauptwidgetbildkasten{

border:0.01vw solid var(--blau1);

}



.widgetbild, .hauptwidgetbild {

width: 100%;

position: relative;

}



.teiltext, .hauptwidget .teiltext{



}



.teiltext::after, .mehrbutton::before,.hauptwidget .teiltext::after{

content:"...";

}



.hauptwidget .mehrbutton::before{

content:"";

}



.hauptwidget .teiltext.kurz, .teiltext.kurz{

display:none;

}





.mehrbutton{

display: block;



}
.unterseitenwidgetblock .mehrbutton {
width: 8vw;
color: rgba(255,255,255,1);
background-color: rgba(48, 137, 201, 1);
background-image: url('../kleinbilder/icon_pfeilrund_rechts.png');
background-repeat: no-repeat;
background-position: 90% center;
background-size: 20%;
padding: 0.8vw 1.4vw 0.6vw 1vw;
font-size: 1.3em;
text-align: left;
border-radius: 1vw;
height: 2vw;
position: relative;
left: 1vw;
margin-top: 1vw;
display: inline-block;
}


.hauptwidget .mehrbutton{

width: 7vw;

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

background-color: rgba(48, 137, 201, 1);

background-image: url('../kleinbilder/icon_pfeilrund_rechts.png');

background-repeat: no-repeat;

background-position: 90% center;

background-size: 22%;

padding: 1vw 1.4vw 0.6vw 1vw;

font-size: 1.3em;

margin: 1vw 0px;

text-align: left;

border-radius: 1vw;

margin-left: 60%;

}



.spalten4 .hauptwidget .mehrbutton {

width: 7vw;

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

background-color: rgba(48, 137, 201, 1);

background-image: url('../kleinbilder/icon_pfeilrund_rechts.png');

background-repeat: no-repeat;

background-position: 90% center;

background-size: 20%;

padding: 0.8vw 1.4vw 0.6vw 1vw;

font-size: 1.3em;

margin: 2vw 0px 0vw 0px;

text-align: left;

border-radius: 1vw;

margin-left: 50%;

}



.spalten4 .hauptwidgetbildkasten{

border:0.01vw solid var(--blau1);

height:12vw;

}



.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);

}



#headerbildbanner, .beitragsheader #headerbildbanner{

display:none;

}



.beitragsheader.headersticky{

position:relative;

top:inherit;

float:left;

margin: 6vw 1vw 1vw 6vw;

}



.beitragsheader{

width:35vw;



}



.beitragsheader .headerbildbild{

width:100%;

}









#textboxinhalt a{

color: rgba(172,201,2,1);

}



.kontaktbody, berstaetigungstext{

width: 48vw;

float: left;

margin:2vw 0px 15vw 0px;

}











.kontaktbody .formularfelder{

margin:0px 0px 0px 4vw;

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

color:rgba(96,96,96,0.7);

}



.kontaktbody .formularfelder h2{

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

color: rgba(44,131,197,0.8);

}



.kontaktbody .formularinputs{

display: inline-flex;

align-items:center;

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

color:rgba(96,96,96,0.7);

}



.kontaktbody .formularinputs input, .kontaktbody .formularinputs textarea{

font-family: Roboto;

font-weight: 600;

font-size: 1.2vw;

color: rgba(96,96,96,0.5);

padding: 0.05vw 0.2vw 0px 0.4vw;

}



.kontaktbody .formularinputs p, .kontaktbody .formularinputs button{

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

color: var(--textschwarz);

}



.kontaktbody .formularinputs button{

background-color:rgba(44,131,197,0.7);

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

/*font-weight:lighter;*/

}



.kontaktbody .textareafeld{

flex-direction:column;

align-items:left;

min-width:30vw;

font-family: Roboto;

font-weight: 600;

font-size: 1.kontaktbody .35vw;

color:rgba(96,96,96,0.kontaktbody .7);

}



.kontaktbody .textareafeld .inputvortext{

display: block;

width: 100%;

text-align: left;

}



.kontaktbody .textareafeld .textarea{

display: block;

width: 32.kontaktbody .7vw;

text-align: left;

height:8em;

margin:0px 3% 0px 1%;

}



.kontaktbody .anderesfeld {

display: block;

}







.kontaktbody .kontaktbutton {

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

display: block;

position: relative;

color: var(--textschwarz);

border: solid 0.12vw rgba(96,96,96,0.7);

border-radius: 0.4em;

height: 2.6vw;

text-align: center;

cursor: pointer;

left:18.2vw;

}



.bidwechseln{

position:absolute;

z-index:5000;

}



.bildbutton .bidwechseln{

display:block;

visibility:visible;

top:0px;

}



.mce-floatpanel.mce-fixed {

position: fixed;

top: 16vw !important;

}



:root {

--googleheight:20vw;

}



#google{

width: calc(32vw - 4px);



position: absolute;

display: flex;

flex-direction:column;

left: 60.8vw;

top: 0vw;

}



#google iframe{

width:100%;

height: var(--googleheight);

}



.kontakttextinhalt div:nth-child(2) {

  margin-left:-6vw !important;

}



.kontakttextinhalt2{

margin:calc(var(--googleheight) + 9vw) 0px 0px 0px;

width:42vw;

}



#loginerscheinbutton{

opacity:0;

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

display: block;

position: relative;

color: var(--textschwarz);

border: solid 0.12vw rgba(96,96,96,0.7);

border-radius: 0.4em;

height: 2.6vw;

text-align: center;

cursor: pointer;

}



#absender{



position: relative;

padding-top: 0.3vw;

cursor: pointer;

}



#loginerscheinbutton:hover {

opacity:1 !important;

}



#logintable{

display: block;

}



.login{

margin: 0px;

position: relative;

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

padding: 10vw;

border: 1px solid var(--textschwarz);

border-radius: 3vw;

}



.mitabstand{

margin-left:4vw;

}



#vergessform {

background-color: transparent;

position: relative;

top: -6vw;

width:20em;

margin:0px auto;

}



#passwortvergessen{

height: 2em;

background-color: transparent;

color: white;

position-relative;

}



#logform{

position:relative;

width:92%;

margin-left:4vw;

margin-top:6vw:

}



#logform .inputvortext{

color:white;

}



.pwtablecell{

display:flex;

}



.pwtablecell #absendermail{

width:30%;

background-size:5%;

}



.pwtablecell #abbrecher {

background-color: transparent;

border: none;

background-image: initial;

margin: 2vw auto 0px auto;

cursor: pointer;

}



.logbuttons{

margin: 0vw 0px 0px 0vw;

position: absolute;

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

padding: 0px;

border: 0px none;

border-radius: 0px;

cursor:pointer;

}



#closebutton{

position:absolute;

top:0px;

right:0px;

width:2em;

height:2em;

border-radius:1em;

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

display: block;

color: var(--textschwarz);

border: solid 0.12vw rgba(96,96,96,0.7);

border-radius: 1em;

text-align: center;

cursor: pointer;

}



#eingeloggt{

position: absolute;

color: rgba(247,105,55,1);

top:-1vw;

}






#copyright {
margin: 1vw 0px 0px 75vw;
width: 25vw;
}




#copyright a{

color: var(--blau1);

font-size: 1.2vw;

}



/*Bedienelemente*/



.pfilibox {

display: inline-flex;

margin: 1vw auto;

}



.neueseinfuegen {

width: 3vw;

display: block;

background: none;

border: none 0px;

color: inherit;

padding: 0;

font: inherit;

cursor: pointer;

outline: inherit;

height: 3vw;

}



.neueseinfuegen {

margin: auto;

}






.erstefarbe {

fill: var(--blau1);

}



.zweitefarbe {

fill: none;

stroke: none;

}



.drittefarbe {

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

}



#widgeteinfuegeformular {

position: absolute;

}



/*////

Bestellformular

////*/













.homeinhalt{





}



.homeinhalt .headerbild{





}



.homeinhalt #headerbildbox{

width: 80%;

height: 100%;

display: flex;

align-items: flex-start;

margin-left: 20vw;

}



.homeinhalt .headerbildbild{





}



.homeinhalt .hauptbildbanner{

bottom:initial;

top:12vw;

}



.homeinhalt #titellinks{

width:58%;

}



.homeinhalt #titellinks h1{

color:var(--titelschwarz);

font-size:2.8vw;

white-space:pre;

font-family: Roboto-bold;

margin-bottom: 1vw;

}



.homeinhalt #titellinks h2{

color:var(--titelschwarz);

font-size:1.4vw;

margin-top:1vw;

margin-bottom: 1vw;

font-weight:normal;

}







.homeinhalt .gutzeichenkasten, .gutzeichenkasten {

position: relative;

padding: 1.2vw;

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

border-radius: 1vw;

margin-top: -22vw;

}



.homeinhalt .gutzeichenkasten.oben{

left: 51vw;

width:38vw;

}



.homeinhalt .gutzeichenkasten.unten{

left: 0px;

width:45vw;

}



.homeinhalt .gutzeichenkasten.ganzoben {

position: absolute;

top: -3vw;

left: 50%;

}



.homeinhalt .gutzeichenitem{



margin-bottom:2vw;

}



.homeinhalt .schritte {

margin-top: 6vw;

width:60%;

}

















.unsichtbar{

display:none;

}



/*.step3 .formularinputs {

width: 35%;

padding:2vw;

margin-right:5%;

}



.step3 .formularinputs > :nth-child(2){ 

height:100%;

}



.step3 .formularfelder {

display: flex;

flex-wrap: wrap;

margin: 2vw;

background-color: rgba(193,226,242,1);

position: relative;

padding: 0px 0px 4vw 4vw;

border-radius:2vw;

}



.step3 .formularfelder.gerade {

padding: 0px 0px 8vw 4vw;

}



.step3 .formularfelder h2 {

position:absolute;

top:-4vw;

width: 100%;

left:0px;

}





.step3 #erwuenscht {

position: absolute;

bottom: -4vw;

left:0px;

}



.step3 .formularinputs,.step3 .formularinputs input,.step3 .formularinputs textarea,.step3 .formularinputs select {

font-family: Roboto;

font-weight: normal;

font-size: 1.35vw;

color: var(--textschwarz);

}







.step3 .inputvortext {

display: block;

width: 100%;

margin-bottom: 1vw;

}



.step3{

margin-left:2.5vw;

}



.step3 button {

height: 4.3vw;

left: 5%;

top: 4.4vw;

border-radius: 0.7vw !important;

}



.step3 .formularfelder h2 {

font-family: Roboto-light;

font-weight: lighter;

font-size: 1.7vw;

color: var(--blau1);

}



.step3 .formularinputs {

width: 35%;

padding:2vw;

margin-right:5%;

}



.step3 .formularinputs > :nth-child(2){ 

height:100%;

}



.step3 .formularfelder {

display: flex;

flex-wrap: wrap;

margin: 2vw;

background-color: rgba(193,226,242,1);

position: relative;

padding: 0px 0px 4vw 4vw;

border-radius:2vw;

}



.step3 .formularfelder.gerade {

padding: 0px 0px 8vw 4vw;

}



.step3 .formularfelder h2 {

position:absolute;

top:-4vw;

width: 100%;

left:0px;

}



.step3 .formularfelder h2 {

font-family: Roboto-light;

font-weight: lighter;

font-size: 1.7vw;

color: var(--blau1);

}





.step3 #erwuenscht {

position: absolute;

bottom: -4vw;

left:0px;

}



.step3 .formularinputs,.step3 .formularinputs input,.step3 .formularinputs textarea,.step3 .formularinputs select {

font-family: Roboto;

font-weight: normal;

font-size: 1.35vw;

color: var(--textschwarz);

}



.step3 .inputvortext {

display: block;

width: 100%;

margin-bottom: 1vw;

}



.step3{

margin-left:2.5vw;

}



.step3 button {

height: 4.3vw;

left: 5%;

top: 4.4vw;

border-radius: 0.7vw !important;

}

*/



.fortschrittsbar {

width: 80vw;

display: flex;

position: relative;

top: 3vw;

left: 4vw;

justify-content:space-between;

}



.fortschrittsbar span{

display:none;

}



.fortschrittsbar.bar3{

width: 60vw;

}



.fortschrittsbar.bar2{

width: 40vw;

}



.stepfortschritt{

display:flex;

align-items: baseline;

cursor:pointer;

}



.stepfortschritt.aktiv{

cursor:initial;

}



.fortschrittnummer {

width: 3.1vw;

height: 2.6vw;

padding-top: 0.3vw;

background-color: rgba(193,226,242,1);

display: flex;

justify-content: center;

align-items: center;

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

border-radius: 50%;

font-size: 1.8vw;

margin-right:1vw;

flex-shrink: 0;

}



.fortschritttext {

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

white-space:nowrap;

flex-shrink: 0;

font-size:0.8em;

}







.aktiv .fortschrittnummer {

background-color: var(--blau1);

}



.fortschrittnummer:hover{

background-color: var(--blau1);

}



.fortschritttext:hover {

color: var(--textschwarz);

}



.aktiv .fortschritttext {

color: var(--textschwarz);

}



.linienboexli {

display: block;

margin:0px 1vw 0px 0.5vw;

}



.linienboexli svg{

position:relative;

top:-0.3vw;

}



.aktiv .linienboexli {

display: none;

}



.letztes .linienboexli{

display:none;

}





.bitteausfuellen {

font-size: 1em;

font-family: Roboto-medium;

font-weight: inherit;

color: var(--blau1);

}



.belobigung{

display:block;

position:relative;

top:-4vw;

left:-4vw;

color:black;

width:120%

}



.spanisiert{

margin-top:3vw;

}



.bestellbody{

padding-top:11vw;

}





.formularinputs {

margin-bottom: 1vw;

}



.formularinputs input.checkbox{

}



.formularinputs input.checkbox:checked{	



}



.formularinputs input.checkbox::after{



}



.formularinputs input.checkbox:checked::after{



}





.radiofeld {

display: flex;

align-items: baseline;

justify-content: space-between;

}



.selectfeld label,.einfachesfeld label,.textareafeld label{

margin-bottom:0.5vw;

}



.felder2{

width:35%;

}



.checkfeld {

display: flex;

align-items: center;

justify-content: space-between;

width: 30%;

}



.checkfeld label{

margin-bottom: 0px !important;

padding-top: 0.5vw;

}



.textbox select {

height: 3.2vw;

}



/*#textboxumzug .step3 #formularfeld1::before {

content: "Umzug von:";

position: absolute;

left: 3vw;

font-family: Roboto-light;

font-weight: lighter;

font-size: 1.7vw;

color: var(--blau1);

top: 1.7vw;

}



#textboxumzug .step3 #formularfeld5::before {

content: "Umzug nach:";

position: absolute;

left: 3vw;

font-family: Roboto-light;

font-weight: lighter;

font-size: 1.7vw;

color: var(--blau1);

top: 22.6vw;

}





#textboxumzug .step3 button {

top: 9.4vw;

}*/









.homeinhalt .step1{

margin-top:6vw;

color:var(--titelschwarz);

}



.homeinhalt .step1 h2{

color:var(--titelschwarz);

font-size: 1.35vw;

font-family: Roboto;

}



.homeinhalt .step1.gescrollt {

top: 9vw;

}



.absolutisiert {

position: relative;

width: 100%;

margin-top: 4vw;

background-color: var(--textboxen);

}



.homeinhalt .textboxinhalt, .homeinhalt .textboxinhalt2 {

float: left;

padding: 0px 4vw;

font-family: Roboto;

}



.homeinhalt .textboxinhalt0, .textboxinhalt0 {

clear: both;

width: 92vw;

padding: 0px 4vw;

font-family: Roboto;



}



.homeinhalt .textboxtetxt {

position: relative;

}



.homeinhalt #bestellbody{

float:initial;

}



.homeinhalt .fortschrittsbar{



}



.uebrbild {

width: 8vw;

height: 8vw;

position: absolute;

top: 6vw;

left: 90vw;

z-index:1;

}



.uebrbild img {

width: 100%;

}



#bestellbody.step1{

margin: 3vw 0px 0px 0px;

width: 48vw;

float: left;

}



	.step1 select, .step1 input, .step1 textarea, .step1 button{

-webkit-appearance: none;

-moz-appearance: none;

appearance: none;

border: none 0px;

height: 3.8vw;

font-size: 1em;

border-radius:0px;

flex-grow:0;

color:var(--textschwarz)

}



.step1 input{

font-family: Roboto;

font-weight: 600;

color: rgba(96,96,96,0.5);

padding: 0.05vw 0.2vw 0px 0.4vw;

}



.step1 .erstoption{

font-family: Roboto;

font-weight: 600;

color: rgba(96,96,96,0.5);

}



.step1 select::-ms-expand{

display:none;

}



.step1 select option:first-child{

font-family: Roboto;

font-weight: 600;

color: rgba(96,96,96,0.5);

}



.step1 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  font-size:1em;

  text-align:center;

}

.step1 input::-moz-placeholder { /* Firefox 19+ */

  font-size:1em;

  text-align:center;

}

.step1 input:-ms-input-placeholder { /* IE 10+ */

  font-size:1em;

  text-align:center;

}

.step1 input:-moz-placeholder { /* Firefox 18- */

  font-size:1em;

  text-align:center;

}



.step1 input:placeholder-shown, .step1 input::placeholder{

font-size:1em;

  text-align:center;

}



.step1 select{

width:17vw;

flex-grow:2;

margin-right:2vw;

background-image:url('../kleinbilder/icon_pfeilrund_unten.png');

background-repeat:no-repeat;

background-position: 95% center;

background-size: 4%;

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

}



.step1 .formularfelder{

	display: flex;

background-color:var(--blau160);

box-sizing: border-box;

position: relative;

padding: 1.5vw;

width: 47vw;

border: 1px solid rgba(166, 166, 166, 1);

border-radius: 1vw;

margin: 0px 0px 0px 4vw;

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

flex-wrap: wrap;

flex-direction:initial;

	}

	

.step1 .anderesfeld {

display: block;

}

	

	.step1 .inputvortext{

	display:none;

	}

	

	.step1 .bestellbutton {

display: block;

position: relative;

cursor: pointer;

left: 18.2vw;

}



.step1 .formularinputs{

align-items: center;

font-family: Roboto;

font-weight: 600;

font-size: 1.35vw;

color: rgba(96,96,96,0.7);

margin-bottom:initial;

}

	

.step1 .selectfeld{

	

}



.step1 button{

width:7vw;

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

background-color:rgba(48, 137, 201, 1);

background-image:url('../kleinbilder/icon_pfeilrund_rechts.png');

background-repeat:no-repeat;

background-position: 80% center;

background-size: 15%;

padding-left:1vw;

font-size:1.5em;



margin-left: -20vw;

margin-bottom:initial;

margin-top:initial;

text-align:left;

vertical-align: center;

}



.step1.gescrollt .formularfelder{

padding: 0px;

width: 34vw;

background-color: var(--blau120);

}







.step1.gescrollt select{

height: 3vw;

margin: 0.5vw;

}



.step1.gescrollt input{

height: 2.9vw;

width: 7vw;

margin: 0.5vw 0.5vw 0.5vw 0px;

}



.step1.gescrollt input:placeholder-shown {

font-size:1.15vw;

}

.step1.gescrollt button {

margin: 0.5vw 0px 0.5vw -18vW;

height: 3vw;

}





.step1.gescrollt .formularfelder h2 {

color: var(--blau1) !important;

top: 0px;

left: -18vw;

}



.step1.bestellbody{

margin:initial;

padding:initial;

width:initial;

}



.step1.gescrollt {

position: fixed;

top: 8.5vw;

z-index: 2;

left: 18vw;

margin-top:-1vw !important;

}



.step1 #erwuenscht{

display:none;

}







.step1 .formularfelder h2{

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

position:absolute;

top:-4vw;

left:-0.1vw;

font-weight:normal;

}



.homeinhalt .step1 #bitteausfuellen {

color: var(--blau1);

}







.home .bestellbody.step1{

margin: 0px 0px 0px 0px !important;

}



.home .bestellbody.step1.gescrollt{

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

}



.umzuginhalt .step8 .custom-radiobox {

align-items: baseline;

margin-right:0.5vw;

}



.bannertext .step1.gescrollt h2 {

padding: initial;

padding-top:1vw;

}



.step8 button{

width:82%;

background-size:3%;

background-position:96% center ;

}



.teilschrittgrafik .nuemmerli {

justify-content: center;

line-heigh:0px;

width:3vw;

height:3vw;

}



.landingpageinhalt .step1{

display:none;

}



.landingpageinhalt .stepfortschritt{

display:none;

}



.landingpageinhalt .fortschrittsbar::after{

content:"Sie werden die Offerten demnächst erhalten. Wir empfehlen es sehr eine Besichtigung mit unseren Qualitätsgeprüften Firmen zu organisieren. Bei einer Besichtigung können Sie sicher gehen, dass Sie eine exakte Offerte erhalten. Somit haben Sie eine 100% Sicherheit, dass der Preis während dem gesamten Umzug unverändert bleibt.";display:block;

font-family:Roboto-medium;

color:var(--blau1);

position:absolute;

top:-3vw;

width:88vw;

z-index:1;

}



.landingpageinhalt .formularfelder{

background-color:initial;

flex-direction:initial;

flex-wrap:wrap;

margin-left:-4vw;

justify-content: space-between;

}



.landingpageinhalt .bestellbutton{

display:none;

}



.landingpageinhalt .datumsfeld{

display:block;

width:40%;

}

.landingpageinhalt .datumsfeld label{



}



.landingpageinhalt .datumsinputfeld{

border:0.1vw solid;

border-color:var(--blau1);

width:55%;

}



.landingpageinhalt .selectinputfeld{

display:block;

width: 50%;

}



.landingpageinhalt .selectinputfeld label{

border:none 0px;

}



.landingpageinhalt .selectinputfeld .selecttrigger{

width:2vw;

border-left:0px none;

}



.landingpageinhalt .selectinputfeld input{

border-right:0px none;

text-align:left;

}

.landingpageinhalt .selectinputfeld .inputcontainer{

width: 90%;

margin-top:0px;

}

.landingpageinhalt .radiofeld{

width:80%;

margin-right:20%;

}



.landingpageinhalt .custom-radiobox {

display: flex;

width: 20%;

justify-content: initial;

}



.landingpageinhalt .custom-radiobox .inputvortext {

display: block;

margin-right: 1vw;

}



.landingpageinhalt .triggefeld{

width:95%;

border-bottom: 0.1vw solid;

border-color: var(--blau1);



}



.landingpageinhalt .triggerkasten{

width:60%;

border:0.15vw solid;

border-bottom:0px none;

border-top:0px none;

border-color: var(--blau1);

}



.landingpageinhalt .berstaetigungstext{

diesplay:block;

position:relative;

margin-left:4vw;

font-size:2vw;

font-family:Roboto-medium;

color:var(--blau1);

}



 .landingpageinhalt .datumsfeld label {

float: left;

margin: 1vw;

}



.landingpageinhalt .selectinputfeld label{



}



.footerhinterlegt{

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

}






.falschmeldung {
margin: 1vw 0px -1vw 0px;
font-size: 0.8em;
color: var(--rotgut);
}


.loginseite #headerbild{

display:none;

}



.loginseite #headerbild.einblenden{

display:flex;

}



.loginseite #siegel{

display:none;

}



.administratorbereich.tabelle{

position:relative;

}

.administratorbereich .tabellenzeile form, .administratorbereich .tabellenzeile{

display:flex;



}



.administratorbereich .tabellenzeile{



}



.administratorbereich #tabellenkopf{

display:block;

}



.administratorbereich .tabellenzelle{

width:19%;

padding-left:1%;

padding-top: 0.2vw;

padding-bottom: 0.2vw;

border:solid 0.02vw;

border-color:var(--blau1);

word-break: break-word;

font-size:1.2vw;
position: relative;
}


.deleter {
position: absolute;
bottom: 1vw;
border: solid 1px var(--blau1));
padding: 0.5vw;
background-color: white;
cursor: pointer;
}



.administratorbereich .input{

width:initial;

position:relative;

border:none 0px;

display:flex;

align-items:center;

}



.administratorbereich .input > input, .administratorbereich .input > label{

flex-shrink:0;

}



.administratorbereich .input.checked{

top:0px;

width:19%;

padding-left:1%;

}



.administratorbereich .firmenzuweisungsselect{

background-size:10%;

}



.administratorbereich .keininhalt{

width:0px;

padding-left:0px;

}



.administratorbereich .ueberschriftenzeile{

padding:0.3vw 0px;

}



.administratorbereich .ueberschriftenzeile .tabellenzelle{

font-family:Roboto-medium;

}



.administratorbereich .ueberschriftenzeile .tabellenzelle, .administratorbereich .keininhalt{

border:none 0px;

}



.administratorbereich .etwasdrinnen::before{

content:"Zusätzliche Kolonnen enzeigen:";

padding-top: 0.4vw;

}



.administratorbereich .etwasdrinnen{

padding-top:0px;

}



#firmenaufladung .bestellbutton{

width:100%;

background-size:8%;

}



#firmenaufladung{

position: fixed;

top: 30vh;

left: 40vw;

padding: 3vw 2vw 2vw 2vw;

background-color: var(--blau1);

z-index:12;

}



#ladeabbruch {

position: absolute;

top: 0.4vw;

left: 90%;

}



.firmenloginseite #anfragen{

position:relative;

}



.firmenloginseite .kundenzeile{

padding:1vw;

margin-left:30%;

width: 70%;

position:relative;



}



.firmenloginseite .nummerzahl{

display:none;

}







.firmenloginseite .erstezeile{

margin-top:-24vw;

}



.firmenloginseite .zusammenfassungszelle{

width: 30%;

margin-right:5%;

}



.firmenloginseite .kleinformat .zusammenfassungszelle{

display:flex;

align-items: baseline;

}



.firmenloginseite .kleinformat .alterort, .firmenloginseite .kleinformat .neuerort{

flex-shrink:0;

}



.firmenloginseite .service{

width: 35%;

}



.firmenloginseite .branche{

width:30%;

}



.firmenloginseite .alteadresse{



}



.firmenloginseite .nuemmerzahl{

display:none;

}





.firmenloginseite .allesgezeigt{

display: flex;

flex-wrap: wrap;

padding-top:8vw;

}



.firmenloginseite.tabelle{

position: relative;

min-height: 32vw;

}

.firmenloginseite .kleinformat .chundetabellezelle.zeit {
flex-shrink: 0;
}

.firmenloginseite .chundetabellezelle.bemerkung {
max-width: 20%;
margin-left: 1vw;
}


.firmenloginseite .neuschild{

width: 120%;

display: flex;

background-color: white;

height: 1.4em;

align-items: baseline;

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

}



.firmenloginseite .neuschild h2{

padding: 0px;

margin: 0.2vw 1vw 0px 1vw;

font-size: 1.2em;

color: var(--rotgut);

}



.firmenloginseite #buttonblock{

position: -webkit-sticky;

position:sticky;

width:26%;

left:4vw;

top:8vw;

height:24vw;

}



.firmenloginseite .firmenbuttonbutton{

background-color:var(--blau1);

heigth:2vw;

padding:0.2vw;

margin-bottom:0.3vw;

display:flex;

justify-content:center;

cursor:pointer;

}



.firmenloginseite .firmenbuttonbutton h2{

width:initial;

padding:0px;

color:white;

}



.firmenloginseite .firmenbuttonbutton.aktiv{

background-color:var(--blau110);



}



.firmenloginseite .firmenbuttonbutton.aktiv h2{

color:var(--textschwarz);

}



.firmenloginseite .firmenbuttonbutton.aktiv h2::after{

content: "";

position:relative;

display: block;

height: 0px;

background-color: rgba(219,14,33,1);

border-bottom: solid 0.01vw rgba(219,14,33,1);

}



.firmenloginseite .hellblau, .administratorbereich .hellblau{

background-color:var(--blau120);

}



.firmenloginseite .dunkelblau, .administratorbereich .dunkelblau{

background-color:var(--blau140);

}



.firmenloginseite .drueckdinger{

display: flex;

flex-direction: column;

width: 40%;

margin-top:2vw;

margin-left:-5vw;

}



.firmenloginseite .iconbutton{

display:block;

width:9%;

heigth:9%;

}



.firmenloginseite .kaufbuttons{

display: flex;

flex-wrap:wrap;

width:100%;

justify-content: center;

margin-top:2vw;

position:relative;

padding:1vw;

cursor:pointer;

}



.firmenloginseite .kaufbuttons .kleingedrucktes{

font-size:1vw;

font-family:Roboto-light;

margin: 0px auto;

}



.firmenloginseite .kaufbuttons span:first-of-type {

width:80%;

margin: 0px auto;

text-align: center;

}



.firmenloginseite .annehmen.kaufbuttons{

background-color:var(--blau1);

}



.firmenloginseite .annehmen.kaufbuttons{

color:white;

}



.firmenloginseite .positivbuttontext{

color: white;

}



.firmenloginseite .buttonmehr{

position: absolute;

right: 1vw;

top: 1vw;

}



.firmenloginseite .annehmen.kaufbuttons .iconbutton{

background-image:url('../kleinbilder/icon_gut_check.png');

background-repeat: no-repeat;

width:8vw;

height:8vw;

position:absolute;

top:-2.5vw;

left:-1.5vw;

background-size: 100%;

}



.firmenloginseite .ablehnen.kaufbuttons.buttonteil, .loginseite .ablehnen.kaufbuttons.buttonteil {

    flex-direction: column;

}



.firmenloginseite .ablehnen.kaufbuttons .iconbutton, .loginseite .ablehnen.kaufbuttons .iconbutton{

border:solid 0.02vw;

border-radius:50%;

text-align:center;

height: 2vw;

width: 2vw;

font-size: 1.2em;

margin: 0px auto;

}



.firmenloginseite .guthabenkasten{

background-color: var(--blau1);

padding: 0.2vw;

margin-bottom: 0.3vw;

display: flex;

cursor: pointer;

flex-direction: column;

margin-top: 3vw;

margin-bottom: 3vw;

padding:1.2vw 0px 1.2vw 0px;

}



.firmenloginseite .guthabenkasten p, .firmenloginseite .guthabenkasten h2{

color:white;

margin:0.4vw auto;

text-align:center;

}





.firmenloginseite .tabellentitel, .administratorbereich .tabellentitel{

display: flex;

align-items: baseline;

position: -webkit-sticky;

position:sticky;

top: 0px;

background-color: white;

z-index: 2;

width: 96vw;

}



.firmenloginseite .tabellentitel .auswahlbutton, .administratorbereich .tabellentitel .auswahlbutton{

margin-left:5vw;

color:white;

background-color:var(--blau1);

cursor:pointer;

padding:1.5vw 1vw;

}



.administratorbereich .bearbeitenbutton, .firmenbearbeitungsformular .bearbeitenbutton{

margin-left:0.1vw;

color:white;

background-color:var(--blau1);

cursor:pointer;

padding:0.5vw 1vw 0.5vw 0.5vw;

background-image: url('../kleinbilder/icon_pfeilrund_rechts.png');

background-repeat: no-repeat;

background-position: 97% center;

background-size: 8%;

margin-bottom: 0.1vw;

}



.firmenbearbeitungsformular .bearbeitenbutton{

width:18vw;

margin-left:69vw;

}



.firmenbearbeitungsformular{

background-color:var(--blau120);

border:solid 0.02vw;

border-color:var(--blau1);

margin-bottom:4vw;

}



.firmenbearbeitungsformular h1{

margin-left:2vw;

}



.firmenformularfeld{

display:flex;

padding:1vw 0px;

}



.firmenformularfeld label{

min-width:16vw;

padding-left:2vw;

}



.firmenformularfeld textarea{

width:75%;

}



.firmenformularfeld label::after{

content:":";

}



.partnerbody .formularinputs {

    margin-bottom: 1vw;

    display: flex;

    justify-content: flex-start;

    width: 100%;

}



.partnerbody .formularinputfeld {

    width: 60%;

}



.partnerbody .inputvortext {

    display: block;

    width: 30%;

    text-align: right;

    margin-right:4%;

}



.partnerbody .custom-checkbox {

display: flex;

align-items: baseline;

justify-content: space-between;

width: 60%;

}



.partnerbody .error .custom-checkbox-decker{

border-color:var(--rotgut);

}



.partnerbody button {

width: 25vw;

background-size: 4%;

background-position: 95% center;

padding-top: 0.4vw;

position:absolute;

bottom:5vw;

right:3vw;

}



#passwortzurueck .formularinputs {

display: flex;

align-items: center;

}



#passwortzurueck .inputvortext {

min-width: 20%;

}



#passwortzurueck input {

width: 50%;

}



#passwortzurueck .formularfelder{

padding: 2vw 0px 4vw 4vw;

}



#pwsender {

    position: relative;

    padding-top: 0.3vw;

    cursor: pointer;

    width: 13vw;

    background-size: 11.5%;

    top: -6vw;

    left: 4vw;

}



.displaybutton {

left: 4vw;

color: white;

position: relative;

top: 0vw;

}



#allesanzeigen2{

color:var(--rotgut);

}



.profilzeile {

display: flex;

align-items: baseline;

flex-wrap: wrap;

}



.profilzeile #passwortzurueck {

width: 100%;

flex-shrink: 0;

}



.profilzeile h2 {

margin-right: 1vw;

}



.profilzeile #passwortzurueck .formularfelder {

padding: 2vw 0px 4vw 0.5vw;

}



.profilzeile #passwortzurueck .inputvortext {

min-width: 30%;

}



.profilzeile #passwortzurueck input {

width: 40%;

}



.tabellenzeile.partnerbody {

margin-top: -25vw;

}



.bewertungszeile{

display:flex;

position:relative;

height:4vw;

}



.notenbeschriftung{

min-width:25vw;

z-index:0;

}



#bewertungsformular {

display: flex;

align-items: baseline;

}



#linksspalte {

width: 50%;

}



.formularspalten {

flex-shrink: 0;

}



#rechtsspalte {

width: 45%;

margin-left: 2vw;

}



#bewertungstext {

width:100%;

height:5vw;

background-color:var(--blau110);

}



#bewertungstitel {

width:100%;

height:2vw;

background-color:var(--blau110);

margin-bottom:1vw;

}



.bewertungsbutton {

width: 50%;

background-size: 6%;

margin-left: 50%;

background-position-x: 95%;

font-size:1em;

font-family:Roboto;

height:1.2em;

padding-top:0.1em;

}



.bewertungstabellen .bewerterinfos {

display: flex;

font-size: 1em;

padding: 1vw 0px;

margin-right: 4vw;

}



.bewertungstabellen .ratingkasten {

display: flex;

align-items: center;

margin: 1vw 0px 0vw 0px;

position: relative;

flex-shrink: 0;

}



.bewertungstabellen .bewertungswidget {

padding: 2vw 2vw 2vw 2vw;

border: 0px none;

display: flex;

flex-direction: row;

align-items: center;

width:100%;

}



.bewertungstabellen .ratingkasten.einzelner{

width:25%;

}



.notenzeile{

width:100%;

display:flex;

align-items:baseline;

}



.notenzeile .sterne{

flex-shrink:0;

}



.kriterienbeschrieb {

    min-width: 40%;

}



.bewertungstabellen .bewertungstitelkasten .sterne{

margin:0px 0px 1vw 1vw;

width:30%;

}





.bewertungstabellen .bewertungsdatum{

margin-top:2vw;

font-size:0.8vw;

}



#umseitenschalteriphone, .guthabenkasten.iphone{

display:none;

}



.landingpage .step2 .formularfelder {

margin-top: 0px;

}



.zusammenfassungszelle.offertenanzeige {

width: 100%;

}



.bewerterbutton{

margin-top:-2vw;

width: 110%;

font-size: 1em;

background-size: 6%;

display: flex;

padding-top: 0.2vw;

background-position: 98% center;

}



#bewertungskundenanrede{

margin-top:6vw;

}

/*Termine css*/
#terminesenden .bestellbutton{

width:100%;

background-size:8%;

}

#termindirektzuweisen .bestellbutton {
width: 110%;
background-size: 6%;
margin-left: -5%;
background-position: 95% 10%;
}

.ablehnen{
cursor:pointer;
}

#terminesenden, #termindirektzuweisen{

position: fixed;

top: 30vh;

left: 40vw;

padding: 3vw 2vw 2vw 2vw;

background-color: var(--blau1);

z-index:12;

}

.firmenzuweisungsselect.direkt {
margin-bottom: 0.4vw;
width: 99%;
background-size: 6%;
background-position: 97% center;
}

.weissknopf {
width: 90%;
height: 3vw;
background-color: #fff;
display: flex;
align-self: center;
cursor:pointer;
margin: 0px 0px 1vw -1.7vw;
}


.weissknopf p {
margin: auto;
text-align: center;
padding: 0.2vw 0px 0px 0px;
}


.absendeformular {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.textzutermine {
height: 4em;
width: 10em;
margin-right: 0.2em;
}

.termintextformularfeld {
width: 100%;
display: flex;
align-items: center;
margin-bottom:0.2em;
justify-content:space-between;
}

.datumeingabe {
width: 6em;
}

.zeiteingabe {
width: 3em;
}

.termineingabe{
margin:0px 0.2em;
}

#datumbutton{
cursor:pointer;
}

/*2.etappe*/

#tableframe.aussenrum.woche {
width: 65%;
position: absolute;
top: 7vw;
left: 30vw;
display: flex;
justify-content: space-between;
}

.kolonne.wochentag {
display: flex;
flex-direction: column;
justify-content: space-evenly;
}

.kolonne.wochentag h2 {
margin: auto;
}

.freietermine.anzahl {
text-align: center;
color: rgba(255,255,255,1);
}

.freietermine {
padding: 0.5vw 0px;
cursor: pointer;
color: rgba(255,255,255,1);
}

.tageszeit {
margin: 1vw 1vw 1vw 0px;
}

.abend {
background-color: var(--blau1);
}

.vormittag {
background-color: var(--blau1);
}

.nachmittag {
background-color: var(--blau1);
}

#nulltag .tageszeit {
background-color: initial;
}

#nulltag {
margin: 0px 1vw 0px 0px;
}

.kleineranzeigen {
font-size: 0.6em;
display: flex;
}

.wochentagtitel {
margin: 0px 1vw 0px 0px;
}

.nullfeld {
background-color: rgba(200,200,200,0.8);
color: rgba(150,150,150,0.8);
}

.nullfeld .anzahl {
color: rgba(150,150,150,0.8);
cursor:initial;
}

.firmenloginseite.kauftermineanzeige .allesgezeigt {
display: flex;
flex-wrap: initial;
padding-top: 8vw;
}

.firmenloginseite.kauftermineanzeige .drueckdinger {
display: flex;
flex-direction: column;
width: initial;
margin-top: 2vw;
margin-left: initial;
}

.kauftermineanzeige .zusammenfassungszelle.offertenanzeige {
width: initial;
}

.firmenloginseite.kauftermineanzeige .zusammenfassungszelle {
width: initial;
margin-right: initial;
}

.firmenloginseite.kauftermineanzeige .branche {
width: initial;
}

.firmenloginseite.kauftermineanzeige .kaufbuttons {
display: flex;
flex-wrap: wrap;
width: initial;
justify-content: center;
margin-top: 2vw;
position: relative;
padding: 1vw;
cursor: pointer;
}

.zeit::before {
content: "um ";
}

#schliessbutton{
border: solid 0.02vw;
border-radius: 50%;
padding-top:0.12vw;
text-align: center;
height: 1.88vw;
width: 2vw;
font-size: 1.2em;
margin: -2vw 0px 0px 80%;
cursor:pointer;
}

.besichtigungwichtig {
color: var(--rotgut);
}

.firmenbuttonbutton .menuicon {
width: 20%;
display: flex;
height: 4vw;
margin-left: -2vw;
margin-right: 2vw;
}

.weissiconfarbe{
fill:rgba(255,255,255,1);
}

.rundex {
border: var(--textschwarz) solid 1px;
display: inline-block;
width: 1em;
height: 1em;
text-align: center;
position: relative;
top: -0.1em;
border-radius: 50%;
}

.terminsammler h3{
font-size:0.9em;
}

.anrisstext {
clear: both;
width: 92vw;
padding: 0px 4vw;
font-family: Roboto;
font-weight: bold !important;
font-size: 1.2em !important;
}

.unteranrisstext {
clear: both;
width: 92vw;
padding: 0px 4vw;
font-family: Roboto;
font-weight: bold !important;
}

.widgetblocktitel {
margin-top: -4vw;
}

.region1.region{
fill:#B5DBC6;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region2.region{
fill:#AAD2A1;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region3.region{
fill:#D6DF79;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region4.region{
fill:#D9D3E8;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region5.region{
fill:#F7C5DA;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region6.region{
fill:#F5C48F;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region7.region{
fill:#F6C7BB;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region8.region{
fill:#C5E2DD;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

	.region9.region{
fill:#CBDAEF;
stroke:#343434;
stroke-width:0.4893;
stroke-linecap:round;
stroke-linejoin:round;
}

#schweizerkarte .region:hover{
fill:var(--blau160) !important;
}

.region{
fill:rgba(210,210,210,1) !important;
}

.region.gewaehlt{
fill:var(--blau1) !important;
}



	.huelle{
fill:none;
stroke:rgba(255,255,255,1);
stroke-width:6;
stroke-miterlimit:10;
}

.huellegewaehlt{
stroke:rgba(255,255,255,1);
}

	.gewaesserstil{
fill:#B0DDE8;
stroke:#010202;
stroke-width:0.1382;
}



	.namen{
font-family:'Roboto';
font-size:30px;
fill:rgba(180,180,180,1);
}

.namengewaehlt{
fill:white;
}

#svgkarte {
width: 100%;
}

#schweizerkarte{
width:40vw;
background-color: rgba(193,226,242,1);
height:30vw;
overflow:hidden;
display:block;
border-radius:2vw;
}

.regionenmodell {
align-items: flex-start;
}

.regionenformular {
display: flex;
min-width: 80%;
}

#regionenfelder {
display: block;
margin: 3vw 0px 0px 1vw;
}

.regionenfeld {
display: flex;
align-items: center;
margin-bottom: 0.5vw;
font-size:0.8em;
}

.kantonsbezeichnungen {
margin-right: 1vw;
}

.wahlbox{
display:block;
width:2vw;
height:2vw;
border:solid 0.1vw var(--blau1);
background-color:rgba(255,255,255,1);
margin-top: -0.5vw;
}

.regfeldgewaehlt .wahlbox{
background-color:var(--blau1);
}

.regfeldgewaehlt .wahlbox::after, .regfeldgewaehlt .wahlbox::after{
content: " ";
width: 3vw;
height: 3vw;
display: block;
position: relative;
top: -0.8vw;
left:-0.1vw;
background-image: url('../kleinbilder/icon_gut_check.png');
background-size: 100%;
background-repeat: no-repeat;
}
/*Umzugskosten*/

#umzugskostenrechner {
width: 60vw;
position: relative;
display: flex;
flex-direction: column;
background-color: var(--blau120);
border-radius: 2vw;
margin: 2vw 0px;
}

#rechnerelemente {
display: flex;
position: relative;
width: 100%;
margin-bottom: 2vw;
}

.fueregeklappt.gescrollt #formularfelder {
background-color: rgba(101, 168, 217, 1);
height: 30vw;
top: 5vw;
flex-direction: column;
justify-content: center;
border-radius:2vw;
left:10vw;
}

.fueregeklappt.gescrollt .formularinputs, .fueregeklappt.gescrollt #bestellbutton {
margin: 2vw auto 0px  auto;
left: initial;
}

.fueregeklappt.step1.gescrollt .formularfelder h2 {
color: rgba(255,255,255,1) !important;
left: 0px;
text-align: center;
width: 100%;
}

.home .step1 .formularfelder {
transition: width 1s, height 1s, border-radius 1s, left 1s;
}

.step1.gescrollt .formularfelder{
height: 4.15vw;
left:0px;
}
#zusatzbestellen {
text-align: center;
}

#zusatzbestellen.schieberbuttonanzeigen{
display:block;
}

#gratisbestellen {
margin: 0px auto;
padding-top: 0.4vw;
}

.itzischda {
display: block !important;
}

#bestellbody.zuesatzchruez::before {
content: "";
display: block;
position: absolute;
width: 1vw;
height: 0.2vw;
background-color: white;
left: 45vw;
top: 6.5vw;
z-index: 1000000;
transform: rotate(-45deg);
}

#bestellbody.zuesatzchruez form::before {
content: "";
display: block;
position: absolute;
width: 1vw;
height: 0.2vw;
background-color: white;
left: 45vw;
top: 6.5vw;
z-index: 1000000;
transform: rotate(45deg);


/*suchformular*/

.waagrechtformular {
display: flex;
align-items: center;
width: 45vw;
padding: 0.5em;
background-color: var(--blau140);
position: relative;
align-self: center;
margin-left: 8em;
}

.waagrechtformular button {
padding: initial;
padding-left: 1vw;
display: flex;
width: 12em;
position: relative;
background-position: 95% 43%;
background-size: 0.8em;
font-size: 1.3vw;
align-items: center;
flex-shrink: 0;
margin:initial;
font-weight: normal;
}

.waagrechtformular select {
width: 9em !important;
background-position: 96% 58%;
background-size: 0.9em;
font-size: 0.9em;
flex-shrink: 0;
margin-right: 0.5em;
}

#suchstring {
margin-right: 0.5em;
}

.unsichtbar {
display: none !important;
}

.unsichtbar {
visibility: hidden !important;
}

#spezialpreisfestlegen {
position: fixed;
top: 30vh;
left: 40vw;
padding: 1vw 2vw 2vw 2vw;
background-color: var(--blau1);
z-index: 12;
}

#spezialpreisneupreis {
margin-top: 1vw;
}

#spezialpreisbutton {
width: 100%;
background-size: 8%;
}

#spezialpreisfestlegen .iconbutton.buttonteil {
position: absolute;
top: 0px;
left: 93%;
height: 1em;
width: 1em;
border: solid 0.05em black;
display: flex;
align-items: baseline;
justify-content: center;
border-radius: 50%;
z-index:1;
cursor:pointer;
}

#automatischzuweiser {
width: 8%;
position: relative;
left: 2.5%;
margin-right: -8%;
display: flex;
flex-direction: column;
align-items: center;
}

#automatischtext {
padding: 0px;
margin: 0px;
position: relative;
top: -1.5em;
text-align: center;
}

#automatischknopf {
display: block;
padding: 0.2em;
width: 80%;
height: 1.8em;
position: relative;
margin-top: -1.2em;
border-radius: 150px;
box-shadow: 0px 0px 0.1em 0.10em rgba(255,255,255,1) inset;
border: solid 0.05em rgba(180, 180, 180, 1);
}

.eingeschaltet{
background-color: var(--blau1);
}

.ausgeschaltet{
background-color: rgba(236, 236, 236, 1);
}

#automatischschieber{
display:block;
width:1.8em;
height:1.8em;
border: solid 0.08em rgba(41, 112, 163, 1);;
position: relative;
transition: left 1s;
border-radius:50%;
top:-0.08em;
background: linear-gradient(217deg, rgba(0,196,255,1) 0%, rgba(48,137,201,1) 80%, rgba(2,0,36,1) 100%);
}

.ausgeschaltet #automatischschieber{
left:0px;
}

.eingeschaltet #automatischschieber{
left:58%;
}

#anspan, #auspan{
font-family: Roboto, sans-serif;
position:absolute;
top:28%;
}

#anspan{
left:20%;
color:white;
}

#auspan{
left:60%;
color:var(--blau1);
}

.firmenloginseite .drueckdinger {
display: flex;
flex-direction: column;
width: 40%;
margin-top: 2vw;
margin-left: 20.3vw;
}

.firmenloginseite .gekauft .service, .firmenloginseite .erledigt .vorschauservice {
width: 100%;
margin-top:1em;
}


.firmenloginseite .branche {
width: initial;
}

.bewerterbutton{
margin-top:initial;
margin-bottom:2vw;
}

.rotgross {
left: -30%;
top: 1em;
position: relative;
text-align: left;
}