:root {
 --pink:rgba(197,67,145,1);/*Ueberschrift und Iconfüllung*/
 --pinkmenuschrift:rgba(190,45,144,1);
 --grau:rgba(150,147,149,1);/*Ueberschfirft h1*/
 --grauschrift:rgba(29,29,27,1);
 --graumenuicons:rgba(194,194,190,1);
 --h3grau:rgba(122, 122, 121, 1);
}


@font-face {
  font-family: 'OpenSans';
  src: url('schrift/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('schrift/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'OpenSans';
  src: url('schrift/OpenSans-Bold.eot'); /* IE9 Compat Modes */
  src: url('schrift/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/OpenSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/OpenSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/OpenSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
 font-weight: bold;
}

@font-face {
  font-family: 'Lato';
  src: url('schrift/Lato-Regular.eot'); /* IE9 Compat Modes */
  src: url('schrift/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/Lato-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/Lato-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/Lato-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
font-weight: 500;
}

@font-face {
  font-family: 'Lato';
  src: url('schrift/Lato-Bold.eot'); /* IE9 Compat Modes */
  src: url('schrift/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/Lato-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/Lato-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/Lato-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
 font-weight: bold;
}

@font-face {
  font-family: 'Lato';
  src: url('schrift/Lato-Light.eot'); /* IE9 Compat Modes */
  src: url('schrift/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/Lato-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/Lato-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/Lato-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Logoschrift';
  src: url('schrift/logoschrift-Regular.eot'); /* IE9 Compat Modes */
  src: url('schrift/logoschrift-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('schrift/logoschrift-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('schrift/logoschrift-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('schrift/logoschrift-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Roboto";
  src: url("schrift/Roboto-Regular.eot"); /* IE9 Compat Modes */
  src: url("schrift/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Roboto-Regular.woff") format("woff"), /* Modern Browsers */
    url("schrift/Roboto-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("schrift/Roboto-Regular.ttf")  format('truetype'); /* Open Type Font */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("schrift/Roboto-RegularItalic.eot"); /* IE9 Compat Modes */
  src: url("schrift/Roboto-RegularItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Roboto-RegularItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Roboto-RegularItalic.woff") format("woff"), /* Modern Browsers */
    url("schrift/Roboto-RegularItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("schrift/Roboto-Light.eot"); /* IE9 Compat Modes */
  src: url("schrift/Roboto-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Roboto-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Roboto-Light.woff") format("woff"), /* Modern Browsers */
    url("schrift/Roboto-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: lighter;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-ThinItalic";
  src: url("schrift/Roboto-ThinItalic.eot"); /* IE9 Compat Modes */
  src: url("schrift/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Roboto-ThinItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Roboto-ThinItalic.woff") format("woff"), /* Modern Browsers */
    url("schrift/Roboto-ThinItalic.woff2") format("woff2"); /* Modern Browsers */
}

@font-face {
  font-family: "Roboto-Thin";
  src: url("schrift/Roboto-Thin.eot"); /* IE9 Compat Modes */
  src: url("schrift/Roboto-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Roboto-Thin.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Roboto-Thin.woff") format("woff"), /* Modern Browsers */
    url("schrift/Roboto-Thin.woff2") format("woff2"); /* Modern Browsers */
}

@font-face {
  font-family: "NixieOne";
  src: url("schrift/NixieOne.eot"); /* IE9 Compat Modes */
  src: url("schrift/NixieOne.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/NixieOne.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/NixieOne.woff") format("woff"), /* Modern Browsers */
    url("schrift/NixieOne.woff2") format("woff2"); /* Modern Browsers */
}

@font-face {
  font-family: "Rebecca";
  src: url("schrift/Rebecca.eot"); /* IE9 Compat Modes */
  src: url("schrift/Rebecca.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Rebecca.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Rebecca.woff") format("woff"), /* Modern Browsers */
    url("schrift/Rebecca.woff2") format("woff2"); /* Modern Browsers */
}

@font-face {
  font-family: "RebeccaLight";
  src: url("schrift/Rebecca-Light.eot"); /* IE9 Compat Modes */
  src: url("schrift/Rebecca-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("schrift/Rebecca-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("schrift/Rebecca-Light.woff") format("woff"), /* Modern Browsers */
    url("schrift/Rebecca-Light.woff2") format("woff2"); /* Modern Browsers */
}

body, #mainbox{
overflow: hidden;
}

.clearbox{
clear:both;
}

button{
-moz-appearance: none;
-webkit-appearance: none;
apperance:none;
border:none 0px;
background:none;
font-family:Lato;
box-shadow: none;
}

.naviname {
font-family: "Roboto";
font-weight: lighter;
}

body, div, a, li, ul, textarea, input, p{
font-family:Roboto-thin, sans-serif;
color:rgba(29,29,27,1);
color: var(--grauschrift);
font-weight:lighter;
}

h1{
font-family:Rebecca, Courier;
}

a{
text-decoration:none;
color:rgba(29,29,27,1);
color: var(--grauschrift);
}

input, textarea{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 80%;
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);
}

#logintable{
display: none;
}

.fuerbots{
display:none;
}

.neutrallink{
color:rgba(29,29,27,1) !important;
color: var(--grauschrift) !important;
}

.hauptseite {
clear: both;
}

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

#oberbildcontainer{
position:absolute;
width:100%;
}

.ganzbildschirm{
width:100%;
}

.oberabstandsbild .ganzbildschirm{
width: 108%;
margin: -5vw 0px 0px 0px;
}

.durchsichtig{
background-color: rgba(255, 255, 255, 0);
}

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



#iphonebox{
  scroll-behavior: smooth;
}

.unsichtbar{
display:none !important;
}

.sichtbar{
display:block !important;
}

#favicon_x5F_klein_xA0_Bild_1_ {
display: block;
width: 100%;
}

	.footericonstile0{fill:#0D0E10;}
	.footericonstile1{fill:#C22382;}
	.footericonstile2{fill:#FFFFFF;}
	.footericonstile3{fill:none;}


.iconfarbe{
fill:rgba(190,45,144,1);;
fill:var(--pinkmenuschrift);
stroke-width:3;
stroke:rgba(190,45,144,1);;
stroke:var(--pinkmenuschrift);
}

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

.navibezeichnung{
color:rgba(194,194,190,1);
color:var(--graumenuicons);
}

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

.svgicon .farbe{
fill::rgba(197,67,145,1);
fill:var(--pink);
}


	  #logobild .a {
        fill: none;
      }

      #logobild .b {
        fill: rgba(20,40,210,1);
      }

      #logobild .c {
        fill: rgba(40,40,80,0.2);
      }
      
       #logobild .d {
        fill: rgba(255,255,255,1);
      }


.iconbildsfooternavi .svgicon .farbe{
fill:#FFFFFF;
}

.clearbox{
clear:both;
}

.versteckt{
display:none;
}

.neueseinfuegen{
width: 3vw;
display: block;
background: none;
border: none 0px;
color: inherit;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
height: 3vw;
}

.unclickbar{
cursor:initial !important;
}

#webbern{
position: absolute;
bottom: -3vw;
left: 4vw;
}

.copy {
font-family: Roboto;
font-size: 1.8vw;
color: rgba(0,140,255,1);
}

.hauptbild{
z-index:-10;
}

.zusatzbox{
display:none;
}

.iespan{
display:none;
position:absolute;
}


_:-ms-fullscreen,
:root .iespan {
    position:inherit;
}

_:-ms-lang(x),
.iespan {
    position:inherit\9;
}

.trennlinie{
display:none;
}

.servicesvghintergrund{
fill:#C44391;
stroke:#F7EFF5;
stroke-width:4;
stroke-miterlimit:10;
}

.servicenavirand{
fill:#F7EFF5;
}

.sevicenavigrund{
fill:#C44391;
}
.servicesvgfigur{
fill:#FFFFFF;
}

@keyframes wackeln{
  0%   {transform:scale(0.9,1)}
  25%  {transform:scale(1,0.9)}
  50%  {transform:scale(0.8,1)}
  65% {transform:scale(1,0.8)}
  80%  {transform:scale(0.7,1)}
  87%  {transform:scale(1,0.7)}
  94%  {transform:scale(0.6,1)}
  96%  {transform:scale(1,0.6)}
  98%  {transform:scale(0.5,1)}
  100% {transform:scale(1,0.5)};
}
	
	.wackelitem{
	transform:scale(1,1);
	}
	
	.wackelt{
	animation-name:wackeln;
	animation-duration:5s;
	}
	
	.unwackelt{
	animation:none;
	transform:scale(1,1);
	}
	
.medaille{
display:block;
width:100%;
height:100%;
background-image:url('../kleinbilder/icon_medaille_silber.png');
background-size:100%;
background-repeat: no-repeat;
}

.datenschutzfelder{
display:none;
cursor:pointer;
}

.datenschutzlink{
font-family: NixieOne;
font-weight: normal;
color: var(--graumenuicons);
}

.dsiconcls-1 {
        fill: #fff;
      }

.dsiconcls-2 {
        fill: #a9a9a9;
      }

.dsiconcls-3 {
        fill: #c54392;
      }

.dsiconcls-4 {
        fill: #d3d1d3;
      }