:selection {background: #000; color: #fafafa;}
::-moz-selection {background: #000; color: #fafafa;}
::-webkit-scrollbar { display:none;}
* {
margin: 0px;
padding: 0px;
}

@-moz-document url-prefix() {
html,
body {
scrollbar-width: none;
}
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v12-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-sans-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v12-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-sans-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v12-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/pt-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-sans-v12-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


html {
font-family: PT Sanss, sans-serif;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
font-weight: 400;
}
body {
font-family: PT Sans, sans-serif;
height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
background-color: #fafafa;
animation: fadein 2.0s;
-moz-animation: fadein 2.0s;
-webkit-animation: fadein 2.0s;
font-weight: 400;
color: #000;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}
.data {
width: 100%;
position: relative;
z-index: 99;
padding-top: 7.5%;
padding-right: 9.115vw;
padding-bottom: 9.115vw;
padding-left: 9.115vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.25vw;
line-height: 2vw;
}
.datb {
position: absolute;
width: 3.646vw;
height: auto;
top: 7.5%;
right: 7.5%;
z-index: 100;
}
.dtop {
float: right;
width: 1.615vw;
height: auto;
z-index: 101;
position: relative;
bottom: -2vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/dot.svg);
background-repeat: no-repeat;
padding-left: 2vw;
background-position: left 14px;
background-size: 0.5vw;
}
.listea {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_schraeg_liste_a.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 2.656vw 2.656vw;
padding-left: 5vw;
}
.listeb {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_schraeg_liste_b.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 2.656vw 2.656vw;
padding-left: 5vw;
}
img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-size: 3.333vw;
line-height: 3.7vw;
font-weight: 400;
}
h2 {
font-size: 3.333vw;
line-height: 4.2vw;
font-weight: 400;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}
.posi {
position: absolute;
top: -15vw;
}
.tf {
font-weight: 700;
}
.tfk {
font-weight: 700;
font-style: italic;
}
.tsh {
color: #808080;
}
.tk {
font-style: italic;
}
.absta {
float: left;
clear: both;
width: 100%;
height: 3vw;
}
.abstb {
float: left;
clear: both;
width: 100%;
height: 3vw;
}

a:link, a:hover, a:visited, a:active {
font-family: PT Sans, sans-serif;
text-decoration: none;
outline: none;
cursor: pointer;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #000;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.nava:link, A.nava:visited {
color: #000;
}
A.nava:hover {
color: #000;
}
A.nava.active {
color: #000;
border-bottom: 1px solid #000;
padding-bottom: 5px;
}
A.navb:link, A.navb:visited {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,0);
padding-bottom: 0px;
}
A.navb:active, A.navb:hover {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 5px;
}
A.navc:link, A.navc:visited {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,0.3);
padding-bottom: 4px;
}
A.navc:active, A.navc:hover {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 4px;
}
A.navd:link, A.navd:visited {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 5px;
}
A.navd:active, A.navd:hover {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 5px;
}
A.nave:link, A.nave:active, A.nave:visited, A.nave:hover {
color: #000;
}
A.navf:link, A.navf:visited {
color: #fff;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,1);
padding-bottom: 5px;
}
A.navf:active, A.navf:hover {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 5px;
}
A.navg:link, A.navg:visited {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,0.3);
padding-bottom: 4px;
}
A.navg:active, A.navg:hover {
color: #000;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(0,0,0,1);
padding-bottom: 4px;
}



header {
float: left;
width: 100%;
z-index: 2;
position: fixed;
top: 0px;
left: 0px;
}
section {
float: left;
width: 100%;
position: relative;
}
.one {
margin-top: 8.646vw;
}
.two {
margin-top: 8.646vw;
}
footer {
float: left;
width: 100%;
position: relative;
}

.bm {
width: 3.646vw;
height: auto;
float: left;
position: relative;
}

.heada {
width: 100%;
position: relative;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
padding-top: 2.5vw;
padding-bottom: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(250,250,250,1.00);
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
font-size: 1.771vw;
line-height: 1.771vw;
font-weight: 400;
}
.active1 {
width: 100%;
position: relative;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(255,255,255,1.00);
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.headb {
width: 46.250vw;
float: right;
margin-top: 1vw;
}
.headba {
float: left;
}
.headbb {
float: left;
margin-left: 3vw;
}
.headbc {
float: right;
font-style: italic;
}


.seca {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 15vw;
}
.secaa {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-bottom: 15vw;
}
.secb {
width: 46.250vw;
float: right;
margin-top: 8.5vw;
position: relative;
}
.secba {
width: 7.813vw;
height: auto;
float: left;
}
.secbb {
width: 100%;
float: left;
margin-top: 1.5vw;
}
.secbc {
float: left;
width: 100%;
font-size: 2.292vw;
line-height: 2.292vw;
font-weight: 400;
margin-top: 5vw;
}
.secbca {
float: left;
width: 100%;
font-size: 2.292vw;
line-height: 2.292vw;
font-weight: 400;
margin-top: 1.5vw;
}
.secbcb {
float: left;
clear: both;
width: 100%;
font-size: 1vw;
line-height: 1vw;
font-weight: 400;
margin-bottom: 0.5vw;
color: #ccc;
}
.secbd {
float: left;
width: 100%;
font-size: 1.250vw;
line-height: 1.250vw;
font-weight: 400;
margin-top: 1.5vw;
}
.secbe {
width: 3.125vw;
height: auto;
position: absolute;
left: -17.5vw;
top: 12.5vw;
}
.secbf {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
}
.secbfa {
width: 3.125vw;
height: auto;
}


.newsa {
width: 100%;
float: left;
position: relative;
}
.newsb {
width: 100%;
height: 100%;
padding-top: 12.5vw;
padding-bottom: 15vw;
padding-left: 15vw;
padding-right: 15vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
background-image: url(bilder/verlauf_index.jpg);
background-repeat: no-repeat;
background-position: center center;
background: linear-gradient(5deg);
background-size: 200% 100%;
animation: gradient 15s ease infinite;
font-size: 1.771vw;
line-height: 2.771vw;
font-weight: 700;
text-align: center;
color: #fff;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.newsc {
width: 15vw;
height: 15vw;
position: absolute;
top: -10vw;
left: 12.5vw;
}
.newsd {
width: 2.708vw;
height: 2.708vw;
position: absolute;
top: 5vw;
right: 7.5vw;
}
.newse {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
}
.newsea {
width: 7.813vw;
height: auto;
position: absolute;
bottom: 5vw;
}
.newsf {
float: left;
width: 100%;
font-size: 1.771vw;
line-height: 2.771vw;
}
.newsfa {
float: left;
width: 100%;
margin-bottom: 2vw;
}


.arba {
float: left;
width: 100%;
margin-bottom: 2vw;
}
.arbb {
float: left;
width: 48.75%;
height: auto;
}
.arbc {
float: left;
width: 48.75%;
height: auto;
margin-left: 2.5%;
}
.arbd {
width: 100%;
float: left;
clear: both;
margin-top: 1vw;
font-size: 1.771vw;
line-height: 2.771vw;
}
.arbe {
width: 23.125%;
height: auto;
float: left;
}
.arbea {
width: 23.125%;
height: auto;
float: left;
}
.arbf {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbfa {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbfb {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbfc {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbfd {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbfe {
width: 23.125%;
height: auto;
float: left;
margin-left: 2.5%;
}
.arbg {
width: 100%;
float: left;
clear: both;
margin-top: 1vw;
font-size: 1.250vw;
line-height: 2vw;
}
.arbh {
width: 100%;
clear: both;
float: left;
margin-top: 12.5vw;
color: #fff;
font-weight: 700;
}
.arbha {
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
flex-flow: row wrap;
-ms-flex-wrap: row-wrap;
}
.arbhb {
width: 100%;
text-align: center;
font-size: 2.75vw;
line-height: 2.75vw;
}
.arbhc {
width: 100%;
text-align: center;
font-size: 1.75vw;
line-height: 1.75vw;
margin-top: 1vw;
}
.arbi {
padding-top: 3vw;
padding-right: 7vw;
padding-left: 7vw;
padding-bottom: 2.75vw;
background-image: url(bilder/verlauf_button.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 50vw 50vw 50vw 50vw;
display: inline-block;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.arbi:hover {
border-radius: 50vw 0vw 50vw 50vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}


.uebera {
float: left;
width: 100%;
}
.ueberb {
float: left;
width: 46.250vw;
position: relative;
}
.ueberba {
float: left;
width: 1.5vw;
height: auto;
position: absolute;
z-index: 1;
bottom: 0px;
left: 26.75vw;
}
.ueberc {
float: right;
width: 46.250vw;
font-size: 1.250vw;
line-height: 2vw;
}

.leista {
float: left;
width: 100%;
position: relative;
}
.leistb {
float: left;
width: 46.250vw;
position: relative;
}
.leistc {
float: right;
width: 46.250vw;
font-size: 1.250vw;
line-height: 2vw;
}
.leistca {
float: left;
width: 21.875vw;
font-size: 1.250vw;
line-height: 2vw;
}
.leistcb {
float: right;
width: 21.875vw;
font-size: 1.250vw;
line-height: 2vw;
}
.leistd {
width: 7.813vw;
height: 7.813vw;
position: absolute;
bottom: -7.5vw;
left: 0px;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
}
.leistd:hover {
-moz-transform: rotate(45deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(45deg); /* Safari */
-o-transform: rotate(45deg); /* Opera */
-ms-transform: rotate(45deg); /* IE9 */
transform: rotate(45deg); /* W3C */
}


.konta {
float: left;
width: 100%;
margin-bottom: 2vw;
margin-top: 2.5vw;
}
.kontb {
width: 46.250vw;
float: right;
font-size: 1.250vw;
line-height: 2vw;
margin-top: 15vw;
}
.kontba {
width: 27vw;
float: left;
}
.kontc {
width: 100%;
float: left;
margin-top: 2.5vw;
}
.kontd {
float: left;
position: relative;
}
.kontda {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_a_mueller.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontda:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontdb {
width: 100%;
float: left;
clear: both;
margin-top: 2vw;
font-size: 1.250vw;
line-height: 2vw;
position: relative;
}
.konte {
float: left;
position: relative;
margin-left: 2.5%;
margin-top: 15vw;
}
.kontea {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_m_schmidt.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontea:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontf {
float: left;
margin-left: 2.5%;
margin-top: 5vw;
position: relative;
}
.kontfa {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_w_fahle.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontfa:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontg {
float: left;
margin-left: 2.5%;
margin-top: 20vw;
position: relative;
}
.kontga {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_h_beckert.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontga:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.konth {
float: left;
position: relative;
top: -5vw;
clear: both;
}
.kontha {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_c_sprunk.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontha:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.konti {
float: left;
margin-left: 2.5%;
margin-top: 7.5vw;
position: relative;
}
.kontia {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url("bilder/mita/portrait_l_mueller.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontia:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontj {
float: left;
margin-left: 2.5%;
margin-top: 0px;
position: relative;
}
.kontja {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_p_waechtler.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontja:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontk {
float: left;
margin-left: 2.5%;
margin-top: 15vw;
position: relative;
}
.kontka {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url("");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontka:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontjob {
float: left;
margin-left: 2.5%;
margin-top: 0px;
position: relative;
}
.kontjoba {
width: 21.875vw;
height: 30.208vw;
float: left;
position: relative;
background-image: url(bilder/mita/portrait_job.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 9.375vw 2.604vw 13.021vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontjoba:hover {
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontl {
width: 15.625vw;
height: auto;
float: left;
margin-left: 5vw;
}
.kontm {
width: 46.250vw;
float: right;
position: relative;
}
.kontn {
width: 100%;
float: left;
position: relative;
margin-top: 10vw;
font-size: 1.771vw;
line-height: 2.771vw;
}
.konto {
width: 46.250vw;
float: left;
position: relative;
}
.kontp {
width: 46.250vw;
float: right;
position: relative;
}
.kontq {
width: 46.250vw;
float: right;
position: relative;
margin-top: 10vw;
}
.kontr {
height: 100%;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
color: #ffffff;
background-color: #ffeb00;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10%;
padding-top: 10%;
padding-right: 10%;
border-radius: 9.375vw 2.604vw 13.021vw;
cursor: pointer;
}
.kontr:hover {
opacity: 0.8;
border-radius: 9.375vw 2.604vw 13.021vw 0vw;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.kontra {
display: block;
}
.kontrb {
font-size: 1.250vw;
line-height: 2vw;
color: #fff;
position: absolute;
bottom: 3vw;
left: 3vw;
}


.foo {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 25vw;
margin-bottom: 2.5vw;
}
.fooa {
position: absolute;
right: 2.5vw;
bottom: 10vw;
width: 3.125vw;
height: 8.688vw;
background-image: url(bilder/icon_preil_no.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.fooa:hover {
-webkit-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
-ms-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
transition: all ease-out .3s;
background-position: 0% top;
}
.foob {
float: left;
font-size: 1.250vw;
line-height: 1.250vw;
}
.fooba {
float: left;
}
.foobb {
float: left;
margin-left: 2vw;
}
.foobc {
float: left;
margin-left: 2vw;
}
.foobd {
float: left;
margin-left: 2vw;
}
.fooc {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.fooca {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-top: 10vw;
}

.refera {
width: 100%;
float: left;
padding-left: 2.5vw;
padding-right: 2.5vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.referb {
width: 100%;
float: left;
position: relative;
}
.referba {
width: 100%;
height: auto;
}
.referbb {
width: 100%;
display: flex;
display: -ms-flexbox;
justify-content: center;
-ms-flex-pack: center;
}
.referbc {
width: 3.125vw;
height: auto;
position: absolute;
bottom: 7.5vw;
}
.referc {
width: 100%;
float: left;
margin-top: 10vw;
font-size: 1.250vw;
line-height: 2vw;
position: relative;
}
.referca {
width: 46.250vw;
float: left;
position: relative;
top: 0vw;
}
.refercb {
width: 2.396vw;
height: auto;
float: left;
}
.refercc {
width: 46.250vw;
float: right;
}
.refercd {
float: left;
width: 100%;
}
.referd {
width: 100%;
float: left;
margin-top: 10vw;
}
.referda {
width: 46.250vw;
float: left;
margin-top: 2.5vw;
}
.referdb {
width: 46.250vw;
float: right;
margin-top: 2.5vw;
}
.refere {
width: 100%;
float: left;
}
.referea {
width: 100%;
float: left;
margin-top: 2.5vw;
}
.refereb {
width: 100%;
float: left;
margin-top: 10vw;
}
.referf {
width: 100%;
float: left;
}
.referfa {
width: 46.250vw;
float: left;
}
.referfb {
width: 46.250vw;
float: right;
margin-top: 2.5vw;
}
.referg {
width: 100%;
float: left;
margin-top: 7.5vw;
font-size: 1.250vw;
line-height: 1.75vw;
}
.referga {
float: left;
text-align: right;
border-bottom: 1px solid rgba(0,0,0,1.00);
padding-bottom: 5px;
opacity: 0.5;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.referga:hover {
opacity: 1;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.refergb {
float: right;
border-bottom: 1px solid rgba(0,0,0,0.30);
padding-bottom: 5px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.refergb:hover {
float: right;
border-bottom: 1px solid rgba(0,0,0,1.00);
padding-bottom: 5px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.refergc {
float: left;
text-align: right;
border-bottom: 1px solid rgba(0,0,0,0.30);
padding-bottom: 5px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.refergc:hover {
border-bottom: 1px solid rgba(0,0,0,1.00);
padding-bottom: 5px;
-webkit-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
-ms-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
transition: all ease-out .4s;
}



/* Anfang Accord */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(bilder/icon_plus.svg);
background-position: right 2vw;
background-size: 2.240vw 2.240vw;
background-repeat: no-repeat;
}
.accordion-title.open {
background-image: url(bilder/icon_minus.svg);
background-repeat: no-repeat;
background-position: right 2vw;
background-size: 2.240vw 2.240vw;
}
.accordion-content {
display: none;
width: 100%;
padding-bottom: 5vw;
float: left;
clear: both;
}
.accorda {
width: 100%;
position: relative;
padding-bottom: 5vw;
padding-top: 5vw;
border-top: 1px solid #000;
}
.accordb {
width: 90%;
position: relative;
}
.accordc {
width: 100%;
float: left;
}
.accordd {
width: 100%;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.accorde {
width: 47.5%;
height: auto;
float: left;
}
.accordea {
width: 47.5%;
height: auto;
float: left;
margin-left: 5%;
}
.accordf {
width: 100%;
float: left;
clear: both;
margin-top: 2vw;
}
.accordfa {
widrh: 100%;
float: left;
}
.accordfb {
float: left;
margin-left: 3vw;
}
.accordx {
width: 100%;
float: left;
border-bottom: 1px solid #000;
}
.accordg {
width: 100%;
float: left;
/*margin-top: 5vw;*/
margin-bottom: 5vw;
}
.accordh {
width: 100%;
float: left;
margin-bottom: 10vw;
}
.accordi {
width: 100%;
float: left;
padding: 3vw;
background-color: #f1f1ef;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #f5a832;
margin-top: 3px;
text-align: center;
}

.accordja {
width: 30%;
height: auto;
float: left;
}
.accordjb {
width: 30%;
height: auto;
float: left;
margin-left: 5%;
}
.accordjc {
width: 30%;
height: auto;
float: left;
margin-left: 5%;
}
/* Anfang Accord  */




/* Anfang - Up and Down Animation */

.uad {
position: relative;
z-index: 1;
-webkit-animation-name: uad;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: 10;
-moz-animation-name: uad;
-moz-animation-duration: 2.5s;
-moz-animation-iteration-count: 10;
animation-name: uad;
animation-duration: 2.5s;
animation-iteration-count: 10;
}
@-webkit-keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes uad {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes uad {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Ende - Up and Down Animation */


/* Anfang Responsive Navigation */
.anzeige {
cursor: pointer;
width: 4.5vw;
height: auto;
position: fixed;
z-index: 2000;
top: 4.75vw;
right: 2.5vw;
}
.panel {
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
min-height: 100%;
z-index: 2000;
float: left; /* this is only here for IE7 */
overflow: auto;
color: #fff;
background-color: #000;
animation: fadein ease 0.3s;
-webkit-animation: fadein ease 0.3s;
-moz-animation: fadein ease 0.3s;
-o-animation: fadein ease 0.3s;
-ms-animation: fadein ease 0.3s;
background-image: url(bilder/verlauf_responsive_navi.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.navi.open .panel {
display: block;
}
.panela {
float: left;
width: 100%;
}
.panelb {
width: 7.5vw;
height: auto;
margin-top: 2.5vw;
margin-left: 2.5vw;
}
.panelc {
float: left;
margin-left: 2.5vw;
font-size: 9vw;
line-height: 9vw;
}
.panelca {
float: left;
clear: both;
margin-top: 10vw;
}
.panelcb {
float: left;
clear: both;
margin-top: 4vw;
}
.panelcc {
float: left;
clear: both;
margin-top: 4vw;
}
.panelcd {
float: left;
clear: both;
margin-top: 4vw;
}
.panelce {
float: left;
clear: both;
margin-top: 15vw;
font-style: italic;
}
.schliessen {
position: absolute;
z-index: 11;
top: 3.6vw;
right: 2.3vw;
width: 5vw;
height: 5vw;
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
cursor: pointer;
}
.schliessen:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

/* Ende Responsive Navigation */




@media screen and (min-width: 569px) {
}

@media screen and (min-width: 667px) {
}

@media screen and (min-width: 769px) {

}

@media screen and (min-width: 813px) {
.anzeige {display: none;}
}

@media screen and (min-width: 961px) {
}

@media screen and (min-width: 1921px) {
.active1 {
padding-top: 1vw;
padding-bottom: 1vw;
}
}





@media screen and (max-width: 1680px) {
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
.secba, .newsea {
width: 9vw;
}
.bm, .datb {
width: 4vw;
}
.headb {
margin-top: 1.15vw;
}
.secbd {
font-size: 1.5vw;
line-height: 1.5vw;
}
.newsd {
width: 3vw;
height: 3vw;
}
.arbg, .ueberc, .leistc, .kontb, .kontdb, .leistca, .leistcb, .referc, .data {
font-size: 1.5vw;
line-height: 2.5vw;
}
.referg {
font-size: 1.5vw;
line-height: 2.25vw;
}
.foob {
font-size: 1.5vw;
line-height: 1.5vw;
}
.newsf, .newsb, .arbd, .kontn {
font-size: 2vw;
line-height: 3vw;
}
.kontba {
width: 31vw;
}
}

@media screen and (max-width: 1180px) {
}

@media screen and (max-width: 1112px) {
.bm, .datb {
width: 5vw;
}
.headb {
margin-top: 1.75vw;
}
.heada, .secbd {
font-size: 2vw;
line-height: 2vw;
}
.newsd {
width: 4vw;
height: 4vw;
right: 5vw;
}
.secba, .newsea {
width: 11vw;
}
.fooa, .secbfa, .secbe {
width: 4.074vw;
}
.referbc {
width: 4.074vw;
bottom: 7.5vw;
}
.newsc {
width: 17.5vw;
height: 17.5vw;
top: -11vw;
left: 10vw;
}
h1, h2 {
font-size: 4vw;
line-height: 5vw;
}
.secbc, .arbhb, .secbca {
font-size: 3vw;
line-height: 3vw;
}
.arbhc {
font-size: 2vw;
line-height: 2vw;
margin-top: 1.25vw;
}
.arbi {
padding-top: 3.25vw;
padding-right: 8vw;
padding-left: 8vw;
padding-bottom: 3.1vw;
border-radius: 50vw 0vw 50vw 50vw;
}
.arbg, .ueberc, .leistc, .kontb, .kontdb, .leistca, .leistcb, .referc, .referg, .data, .kontrb  {
font-size: 1.75vw;
line-height: 2.75vw;
}
.referg {
font-size: 1.75vw;
line-height: 2.5vw;
}
.foob {
font-size: 1.75vw;
line-height: 1.75vw;
}
.ueberba {
width: 2vw;
bottom: 7px;
}
.kontba {
width: 36vw;
}
.refercb {
width: 3vw;
}
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 960px) {
}

@media screen and (max-device-width : 926px) and (orientation : landscape)  {
}

@media screen and (max-width: 926px) {
}

@media screen and (max-device-width : 896px) and (orientation : landscape)  {
}

@media screen and (max-width: 812px) {
A.navg:link, A.navg:visited {
padding-bottom: 1px;
}
A.navg:active, A.navg:hover {
padding-bottom: 1px;
}
.two {
margin-top: 12.5vw;
}
.fooa, .secbfa, .secbe {
width: 5vw;
}
.referbc {
width: 5vw;
bottom: 7.5vw;
}
.fooa {
height: 12.5vw;
}
.heada, .secbd {
font-size: 2.5vw;
line-height: 2.5vw;
}
.active1 {
padding-top: 2.5vw;
padding-bottom: 2.5vw;
}
.secbc, .arbhb, .secbca {
font-size: 3.5vw;
line-height: 3.5vw;
}
h1, h2 {
font-size: 4.4vw;
line-height: 5.4vw;
}
.accordion-title, .accordion-title.open {
background-size: 3vw 3vw;
}
.headb {
display: none;
}
.bm, .datb {
width: 7.5vw;
}
.newsd {
width: 5vw;
height: 5vw;
}
.secba {
width: 12vw;
}
.newsea {
width: 12vw;
bottom: 7.5vw;
}
.arbi {
padding-top: 3.75vw;
padding-right: 9vw;
padding-left: 9vw;
padding-bottom: 3.6vw;
border-radius: 50vw 0vw 50vw 50vw;
}
.foob {
font-size: 2vw;
line-height: 2vw;
}
.secbb {
margin-top: 2.5vw;
}
.newsc {
width: 20vw;
height: 20vw;
top: -13vw;
left: 9vw;
}
.newsb {
padding-left: 12.5vw;
padding-right: 12.5vw;
padding-top: 15vw;
padding-bottom: 17.5vw;
}
.newsf, .newsb, .arbd, .kontn {
font-size: 2.5vw;
line-height: 3.5vw;
}
.arbg, .ueberc, .leistc, .kontb, .kontdb, .leistca, .leistcb, .referc, .referg, .data  {
font-size: 2vw;
line-height: 3vw;
}
.arbhc {
font-size: 2.5vw;
line-height: 2.5vw;
margin-top: 1.5vw;
}
.kontba {
width: 41vw;
}
.kontdb {
width: 90%;
}
.kontc {
margin-top: 5vw;
}
.kontq {
margin-top: 15vw;
}
.kontda, .kontea, .kontfa, .kontga, .kontha, .kontia, .kontja, .kontka, .kontjoba {
width: 21.95vw;
height: 31vw;
}
.kontd, .konth, .konte, .kontf, .kontg, .konti, .kontj, .kontk, .kontjob {
width: 21.91vw;
}
}

@media screen and (max-device-width : 812px) and (orientation : landscape)  {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 736px) {
.panelc {
margin-left: 5.4vw;
}
.panelb {
margin-left: 5.4vw;
}
.schliessen {
right: 5.3vw;
}
.referea {
margin-top: 6vw;
}
.referda {
width: 41.848vw;
margin-top: 6vw;
}
.referdb {
width: 41.848vw;
margin-top: 6vw;
}
.referfb {
width: 41.848vw;
margin-top: 6vw;
}
.referca {
width: 41.848vw;
}
.anzeige {
right: 5.435vw;
}
.seca, .foo, .fooc, .heada, .refera, .fooca {
padding-left: 5.435vw;
padding-right: 5.435vw;
}
.fooa {
right: 5.435vw;
}
.secbe, .newsd {
display: none;
}
.secaa {
padding-left: 0vw;
padding-right: 0vw;
margin-top: 7.5vw;
}
.secb {
width: 100%;
float: left;
margin-top: 20vw;
}
.secba {
width: 20vw;
}
.secbc {
margin-top: 10vw;
}
h1, h2 {
font-size: 8.5vw;
line-height: 10vw;
}
.secbc, .arbhb, .secbca {
font-size: 4.5vw;
line-height: 4.5vw;
}
.heada, .secbd {
font-size: 3.5vw;
line-height: 3.5vw;
}
.secbd {
margin-top: 2vw;
}
.newsc {
width: 27.5vw;
height: 27.5vw;
top: -20vw;
left: 60vw;
}
.newsf, .newsb, .arbd, .kontn {
font-size: 3.5vw;
line-height: 5vw;
}
.arbg, .ueberc, .leistc, .kontb, .kontdb, .leistca, .leistcb, .referc, .referg, .data  {
font-size: 2.5vw;
line-height: 4vw;
}
.kontrb {
font-size: 2.5vw;
line-height: 4vw;
bottom: 7.5vw;
left: 7.5vw;
}
.newsea {
width: 17.5vw;
bottom: 10vw;
}
.newsb {
padding-left: 7.5vw;
padding-right: 7.5vw;
padding-top: 15vw;
padding-bottom: 20vw;
}
.accordion-title, .accordion-title.open {
background-size: 5vw 5vw;
background-position: right 3vw;
}
.accorda, .accordg {
padding-bottom: 7.5vw;
padding-top: 7.5vw;
}
.accordf {
margin-top: 3vw;
}
.accordion-content {
padding-bottom: 7.5vw;
}
.fooa, .secbfa {
width: 7.5vw;
}
.referbc {
width: 6.5vw;
bottom: 7.5vw;
}
.fooa {
height: 20vw;
}
.arba, .newsfa {
margin-bottom: 3vw;
}
.arbi {
padding-top: 5vw;
padding-right: 15vw;
padding-left: 15vw;
padding-bottom: 5vw;
}
.ueberb, .leistb {
width: 100%;
margin-bottom: 3vw;
}
.ueberc, .leistc, .kontb {
float: left;
width: 100%;
}
.kontb {
margin-top: 20vw;
}
.leistca, .leistcb {
width: 50%;
}
.kontba {
width: 70vw;
}
.leistd {
width: 10vw;
height: 10vw;
bottom: -15vw;
left: 88.5%;
}
.ueberba {
bottom: -10vw;
left: 0vw;
}
.arbhc {
font-size: 3vw;
line-height: 3vw;
margin-top: 2vw;
}
.uebera {
margin-top: 5vw;
}
.arbh {
margin-top: 15vw;
}
.listea, .listeb {
background-size: 4vw 4vw;
padding-left: 7.5vw;
}
.kontc {
margin-top: 10vw;
}
.kontm {
width: 65%;
float: left;
}
.konto {
width: 100%;
}
.kontp {
width: 100%;
float: left;
margin-top: 15vw;
}
.kontq {
width: 100%;
float: left;
}
.foob {
font-size: 2.5vw;
line-height: 2.5vw;
}
.foobb, .foobc, .foobd {
margin-left: 3vw;
}
.konta {
margin-top: 7.5vw;
}
.kontl {
width: 25vw;
margin-left: 60vw;
}
.foo {
margin-top: 35vw;
margin-bottom: 5vw;
}
.abstb {
height: 5vw;
}
.kontf {
clear: both;
margin-left: 0px;
}
.konte, .kontg, .konti, .kontk {
margin-left: 5.435vw;
float: right;
}
.kontj, .kontjob {
margin-left: 5.435vw;
margin-top: 20vw;
}
.kontda, .kontea, .kontfa, .kontga, .kontha, .kontia, .kontja, .kontka, .kontjoba {
width: 41.848vw;
height: 57.5vw;
}
.kontd, .konte, .kontf, .kontg, .konth, .konti, .kontj, .kontk, .kontjob {
width: 41.848vw;
}
.kontdb {
width: 100%;
margin-top: 3vw;
}
.arbc {
width: 100%;
margin-top: 6vw;
margin-left: 0px;
}
.arbb {
width: 100%;
}
.arbe {
width: 41.848vw;
}
.arbf {
width: 47.5%;
float: left;
margin-left: 5%;
}
.arbfb {
width: 47.5%;
float: left;
margin-left: 5%;
margin-top: 6vw;
}
.kontg, .konti, .kontk {
margin-top: 15vw;
}
.konth {
top: 4vw;
}
.kontf {
margin-top: 6vw;
}
.arbfa {
width: 47.5%;
clear: both;
margin-left: 0vw;
margin-top: 6vw;
}
.absta {
height: 6vw;
}
.arbg, .arbd, .arbg {
margin-top: 3vw;
}
.arbfc {
width: 47.5%;
margin-left: 0vw;
margin-top: 6vw;
}
.arbfd {
width: 47.5%;
margin-left: 5%;
margin-top: 6vw;
}
.arbea {
width: 41.848vw;
height: auto;
float: right;
}
.arbfe {
width: 47.5%;
float: left;
margin-left: 0vw;
}
}

@media screen and (max-width: 750px) {
}

@media screen and (max-device-width : 736px) and (orientation : landscape)  {
}

@media screen and (max-width: 667px) {
}

@media screen and (max-device-width : 667px) and (orientation : landscape)  {
}

@media screen and (max-width: 568px) {
.schliessen {
top: 4.6vw;
width: 8vw;
height: 8vw;
}
.panelb {
width: 10.5vw;
margin-top: 3vw;
margin-left: 5.3vw;
}
.two {
margin-top: 16.989vw;
}
.fooca {
margin-top: 15vw;
}
.referf, .refere {
margin-top: 0vw;
}
.referda, .referdb, .referfb, .referea {
width: 100%;
float: left;
margin-top: 5.435vw;
}
.referda {
width: 100%;
}
.refercc {
width: 65vw;
}
.referca {
width: 7.5vw;
}
.refercb {
width: 5vw;
}
.bm, .datb {
width: 10vw;
}
.anzeige {
width: 7.5vw;
top: 6.25vw;
}
.secba {
width: 22.5vw;
}
.secb {
margin-top: 22.5vw;
}
.secbb {
margin-top: 3.5vw;
}
.secbc, .arbhb, .secbca {
font-size: 5.5vw;
line-height: 5.5vw;
}
.secbc {
margin-top: 12.5vw;
}
.heada, .secbd {
font-size: 4.5vw;
line-height: 4.5vw;
}
.heada {
padding-top: 3.5vw;
padding-bottom: 3.5vw;
}
.secbca, .secbd {
margin-top: 3.5vw;
}
.secaa {
margin-top: 15vw;
}
.newsc {
width: 32.5vw;
height: 32.5vw;
top: -25vw;
left: 57.5vw;
}
.newsb {
padding-bottom: 25vw;
}
.newsea {
width: 22.5vw;
bottom: 12.5vw;
}
}

@media screen and (max-device-width : 568px) and (orientation : landscape)  {
}

@media screen and (max-width: 430px) {
.accordja, .accordjb, .accordjc {
width: 100%;
height: auto;
float: left;
clear: both;
margin-left: 0%;
}
.accordjb, .accordjc {
margin-top: 5%;
}
.foo {
margin-bottom: 10vw;
}
.arbhc {
font-size: 4vw;
line-height: 4vw;
}
.leistca {
width: 100%;
}
.leistcb {
width: 100%;
}
.kontj, .kontjob {
margin-top: 25vw;
}
.konth {
top: 8vw;
}
.kontg, .konti, .kontk {
margin-top: 19vw;
}
.konte {
margin-top: 20vw;
}
.kontf {
margin-top: 10vw;
}
.panelcb, .panelcc, .panelcd {
margin-top: 5vw;
}
.panelce {
margin-top: 20vw;
}
.panelc {
font-size: 12.5vw;
line-height: 12.5vw;
}
.panelca {
margin-top: 15vw;
}
.panelb {
width: 12.8vw;
margin-top: 3.3vw;
}
.schliessen {
top: 5.5vw;
width: 9vw;
height: 9vw;
}
.bm, .datb {
width: 12.5vw;
}
.anzeige {
width: 8.5vw;
top: 7.25vw;
}
.secb {
margin-top: 27.5vw;
}
.newsc {
width: 35vw;
height: 35vw;
top: -27vw;
left: 56.5vw;
}
.newsf, .newsb, .arbd, .kontn {
font-size: 4vw;
line-height: 5.75vw;
}
.accordion-title, .accordion-title.open {
background-size: 6vw 6vw;
background-position: right 4vw;
}
.accorda, .accordg {
padding-bottom: 9vw;
padding-top: 9vw;
margin-bottom: 0vw;
}
.accordion-content {
padding-bottom: 11vw;
}
.accorde {
width: 100%;
}
.accordea {
width: 100%;
clear: both;
margin-top: 5%;
margin-left: 0px;
}
.accordf {
margin-top: 4vw;
}
.arbc {
width: 100%;
margin-top: 6vw;
}
.arbb {
width: 100%;
}
.arbd {
margin-top: 4vw;
}
.arbg, .ueberc, .leistc, .kontb, .kontdb, .leistca, .leistcb, .referc, .referg, .data {
font-size: 4vw;
line-height: 5.75vw;
}
.kontrb {
font-size: 4vw;
line-height: 6.25vw;
bottom: 5vw;
left: 5vw;
}
.ueberba {
width: 3.5vw;
top: 10px;
left: 86.5vw;
}
.uebera {
margin-top: 10vw;
}
.kontb {
margin-top: 30vw;
}
.kontba {
width: 83vw;
}
.leistd {
width: 15vw;
height: 15vw;
bottom: -19vw;
left: 80%;
}
.leistd:hover {
-moz-transform: rotate(90deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(90deg); /* Safari */
-o-transform: rotate(90deg); /* Opera */
-ms-transform: rotate(90deg); /* IE9 */
transform: rotate(90deg); /* W3C */
}
.listea, .listeb {
background-size: 6vw 6vw;
padding-left: 10vw;
}
.abstb {
height: 6vw;
}
.foob {
font-size: 4vw;
line-height: 4vw;
}
.foobb {
margin-left: 4vw;
}
.foobc {
margin-left: 0vw;
clear: both;
margin-top: 4vw;
}
.foobd {
margin-left: 4vw;
margin-top: 4vw;
}
.kontq {
margin-top: 20vw;
}
.arba, .newsfa, .ueberb, .leistb  {
margin-bottom: 4vw;
}
.kontl {
width: 30vw;
margin-left: 55vw;
}
.konta {
margin-top: 10vw;
}
.refercc {
width: 70vw;
}
.two {
margin-top: 19.509vw;
}
}

@media screen and (max-width: 390px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 320px) {
}


	
@keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-moz-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-webkit-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}
@-o-keyframes fadein {
	from{opacity:0;}to{opacity:1;}
}