:selection {background: #bea78c; color: #FFFFFF;}
::-moz-selection {background: #bea78c; color: #FFFFFF;}
/*::-webkit-scrollbar { display:none;}*/

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('font/titillium-web-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('font/titillium-web-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('font/titillium-web-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('font/titillium-web-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/titillium-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/titillium-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('font/titillium-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/titillium-web-v15-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('font/titillium-web-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('font/titillium-web-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('font/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('font/titillium-web-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('font/titillium-web-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('font/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}


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

*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.next1 {
position: absolute;
display: block;
margin-top: -50px;
padding-top: 50px;
}

.abstand {
width: 100%;
height: 12.5vw;
float: left;
clear: both;
}

html {
width: 100%;
height: 100%;
}
body {
margin: 0px;
font-family: 'Titillium Web';
height: 100%;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
animation: fadein 1.0s;
-moz-animation: fadein 1.0s;
-webkit-animation: fadein 1.0s;
font-weight: 400;
color: #bea78c;
background-color: #ebe5dc;
font-size: 1.1vw;
line-height: 1.7vw;
}

.bgbody {
background-color: #faf9f7;
}

.urlaub {
width: 100%;
height: 100%;
text-align: left;
}
.urlaubw {
width: 100%;
height: 100%;
text-align: left;
color: #fff;
font-weight: 700;
text-align: center;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 100px;
}

.data {
width: 100%;
position: relative;
z-index: 1;
padding-top: 7.5vw;
padding-right: 25vw;
padding-bottom: 12.5vw;
padding-left: 12.5vw;
color: #333;
}
.datb {
position: fixed;
width: 8vw;
height: auto;
top: 9.5%;
right: 7.5%;
z-index: 100;
}
.dtop {
position: absolute;
width: 55px;
height: auto;
z-index: 100;
bottom: 5%;
right: 5%;
}

.stopanker {
margin-top: -350px;
padding-top: 350px;
position: relative;
}

.skip-link {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link:focus {
position: absolute;
left: 0;
top: 0;
width: auto;
height: auto;
padding: 1em;
background-color: rgba(252,196,34,1);
color: #000;
z-index: 10000;
}

.listdata {
list-style-image: none;
list-style-type: none;
background-image: url("bilder/dot.svg");
background-repeat: no-repeat;
padding-left: 2.25vw;
background-position: left 0.7vw;
background-size: 0.5vw 0.5vw;
}
.liste {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_haken_gelb.svg);
background-repeat: no-repeat;
padding-left: 3vw;
background-position: left 0.3vw;
background-size: 1.2vw 1.2vw;
margin-bottom: 0.5vw;
}
.listew {
list-style-image: none;
list-style-type: none;
background-image: url(bilder/icon_haken_weiss.svg);
background-repeat: no-repeat;
padding-left: 3vw;
background-position: left 0.3vw;
background-size: 1.2vw 1.2vw;
margin-bottom: 0.5vw;
}

img {
width: 100%;
height: auto;
border: 0px;
}
h1 {
font-size: 2.2vw;
line-height: 2.8vw;
font-weight: 400;
}
h2 {
font-size: 1.6vw;
line-height: 1.6vw;
font-weight: 400;
}
h3 {
font-weight: 400;
}
h4 {
}
h5 {
}
h6 {
}
.tf {
font-weight: 700;
}
.tfl {
font-weight: 600;
}
.tfg {
font-weight: 600;
color: #fcc422;
}
.tfgw {
font-weight: 600;
color: #fff;
}
.tn {
font-weight: 400;
}
.tk {
font-style: italic;
}
.tkx {
font-style: italic;
color: #bea78c;
}
.tu {
border-bottom: 1px solid rgba(255,255,255,1.00);
}
.tx1 {
font-weight: 600;
color: #bea78c;
}

a:link, a:hover, a:visited, a:active {
font-family: 'Titillium Web'; 
text-decoration: none;
outline: none;
cursor: pointer;
}
A.telo:link, A.telo:active, A.telo:visited, A.telo:hover {
color: #bea78c;
}
A.telw:link, A.telw:active, A.telw:visited, A.telw:hover {
color: #fff;
}
A.tel:link, A.tel:active, A.tel:visited, A.tel:hover {
color: #333;
}

A.nava:link, A.nava:visited {
color: #bea78c;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(190,167,140,1.00);
}
A.nava.active, A.nava:hover {
color: #fcc422;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(252,196,34,1.00);
}

A.navb:link, A.navb:visited {
color: #bea78c;
transition: all ease-out .3s;
}
A.navb:hover {
color: #fcc422;
transition: all ease-out .3s;
}
A.navb.active {
color: #fcc422;
transition: all ease-out .3s;
}

A.navbx:link, A.navbx:visited {
color: #fff;
transition: all ease-out .3s;
}
A.navbx:hover {
color: #fcc422;
transition: all ease-out .3s;
}
A.navbx.active {
color: #fcc422;
transition: all ease-out .3s;
}

A.navc:link, A.navc:visited {
color: #fff;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,1.00);
}
A.navc.active, A.navc:hover {
color: #fcc422;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(252,196,34,1.00);
}

A.navd:link, A.navd:visited, A.navd.active, A.navd:hover {
color: #fff;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(255,255,255,1.00);
}

A.nave:link, A.nave:visited {
color: #bea78c;
transition: all ease-out .4s;
}
A.nave.active, A.nave:hover {
color: #fcc422;
transition: all ease-out .4s;
}

A.navf:link, A.navf:visited {
color: #333;
transition: all ease-out .4s;
border-bottom: 1px solid #333;
}
A.navf.active, A.navf:hover {
color: #fcc422;
transition: all ease-out .4s;
border-bottom: 1px solid rgba(252,196,34,1.00);
}

A.navg:link, A.navg:visited {
color: #333;
transition: all ease-out .4s;
}
A.navg.active, A.navg:hover {
color: #fcc422;
transition: all ease-out .4s;
}

.aus1 {
display: inline;
}

header {
float: left;
width: 100%;
position: relative;
}

section {
width: 85vw;
float: right;
position: relative;
}
.layout1 {
height: 100%;
}

footer {
width: 85vw;
float: right;
position: relative;
}
.secbox {
width: 100%;
float: left;
margin-top: 10vw;
background-color: #faf9f7;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-top: 7.8125vw;
position: relative;
}
.secboxa {
width: 100%;
float: left;
margin-top: 2.5vw;
background-color: #faf9f7;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 7.8125vw;
padding-top: 7.8125vw;
position: relative;
background-image: url(bilder/icon_bm_hell_background.svg);
background-repeat: no-repeat;
background-position: right top;
background-size: 50%;
}
.secboxb {
width: 100%;
float: left;
background-color: #faf9f7;
padding-top: 7.8125vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 7.8125vw;
position: relative;
}
.secboxc {
width: 100%;
float: left;
margin-top: 2.5vw;
background-color: #faf9f7;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
padding-bottom: 7.8125vw;
padding-top: 7.8125vw;
position: relative;
}
.secboxd {
width: 100%;
float: left;
background-color: #faf9f7;
padding-top: 7.8125vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
position: relative;
}

.layout {
height: 100%;
float: right;
position: relative;
display: flex;
}

.lay {
width: 50%;
height: 100%;
float: left;
position: relative;
}
.laya {
width: 100%;
height: 107vh;
position: relative;
float: left;
background-color: #faf9f7;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
clip-path: polygon(0 0, 100% 0, 100% 100%, 90% 100%, 0 92%);
border-radius: 0px 0px 4vw;
max-height: 107%;
overflow-y: auto;
display: flex;
align-items: center;
flex-wrap: wrap;

}
.layb {
width: 50%;
height: 100vh;
float: left;
background-image: url(bilder/foto_01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: absolute;
right: 0px;
}



nav {
position: fixed;
z-index: 1;
height: 100%;
}


.navia {
width: 15vw;
float: left;
position: relative;
}
.naviaa {
width: 100%;
float: left;
position: relative;
margin-top: 7.5vw;
padding-left: 2.5vw;
font-weight: 700;
}
.naviab {
width: 2.34375vw;
height: auto;
position: absolute;
float: left;
bottom: 3vw;
left: 2.5vw;
opacity: 1;
transition: all ease-out .4s;
}
.active1 {
transition: all ease-out .4s;
opacity: 0;
}
.naviac {
width: 100%;
float: left;
margin-bottom: 0.85vw;
line-height: 1.5vw;
}

.navic {
width: 100%;
position: relative;
float: left;
}
.navica {
width: 100%;
}
.navid {
width: 50%;
height: 100%;
float: left;
position: relative;
background-image: url(bilder/foto_01.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.navida {
position: absolute;
right: 9vw;
top: 3vw;
z-index: 2;
}
.navidb {
float: right;
width: 3.75vw;
height: 3.75vw;
background-color: #fcc422;
border-radius: 50vw;
position: fixed;
right: 2.5vw;
top: 3vw;
z-index: 1001;
transition: all .2s ease-in-out;
}
.navidb:hover {
transform: scale(1.2);
}
.navidba {
float: left;
width: 100%;
height: 100%;
}

.navidc {
float: left;
border-radius: 50vw;
border: 1px solid rgba(255,255,255,1.00);
padding-left: 2.25vw;
padding-right: 2.25vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
display: flex;
align-items: center;
color: rgba(255,255,255,1.00);
}
.navidcx {
float: left;
border-radius: 50vw;
border: 1px solid rgba(255,255,255,1.00);
padding-left: 2.25vw;
padding-right: 2.25vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
display: flex;
align-items: center;
color: rgba(255,255,255,1.00);
}
.navidcx2 {
float: left;
border-radius: 50vw;
border: 1px solid rgba(255,255,255,1.00);
padding-left: 2.25vw;
padding-right: 2.25vw;
padding-top: 1.25vw;
padding-bottom: 1.25vw;
margin-right: 1vw;
display: flex;
align-items: center;
color: rgba(255,255,255,1.00);
}
.navidca {
width: 1.25vw;
height: 0.9137447916666668vw;
float: left;
margin-right: 1vw;
background-image: url(bilder/icon_kleiner_gelber_pfeil.svg);
background-position: center center;
background-size: cover;
position: relative;
}
.navidcb {
float: left;
line-height: 1.1vw;
}
.navidcb2 {
float: left;
line-height: 1.1vw;
}
.navidcbx {
width: 5vw;
height: 5vw;
float: left;
}

.navidd {
float: left;
margin-right: 3vw;
}

.navidd2 {
width: 7.587vw;
height: 7.587vw;
float: left;
margin-right: 3.5vw;
background-image: url(bilder/praxis_app.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 1.5vw;
position: relative;
top: -0.5vw;
z-index: 1000;
}
.praxisappa {
width: 100%;
float: left;
position: relative;
clear: both;
margin-top: 1.5vw;
margin-bottom: 1.5vw;
}
.praxisapp {
position: relative;
float: left;
}
.praxisappb {
width: 12.447916666666666vw;
height: 3.6458333333333335vw;
position: relative;
float: left;
}
.praxisappc {
width: 12.447916666666666vw;
height: 3.6458333333333335vw;
position: relative;
float: left;
clear: both;
margin-top: 0.5208333333333333vw;
}
.praxisappd {
width: 7.8125vw;
height: 7.8125vw;
position: relative;
float: left;
margin-left: 0.5208333333333333vw;
}

.praxisappe {
width: 100%;
float: left;
position: relative;
clear: both;
}

.praxisappf {
width: 4.587vw;
height: 4.587vw;
float: left;
margin-left: 2.5vw;
background-image: url(bilder/praxis_app.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 1vw;
position: relative;
margin-top: 2.5vw;
}
.praxisappg {
width: 7.8125vw;
height: 7.8125vw;
position: relative;
float: left;
margin-right: 2.5vw;
background-image: url(bilder/praxis_app.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 1vw;
}
.praxisappgx {
width: 7.8125vw;
height: 7.8125vw;
position: relative;
float: left;
margin-right: 2.5vw;
background-image: url(bilder/praxis_app.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-radius: 1vw;
}

.navie {
width: 25vw;
height: auto;
position: relative;
float: left;
}
.navif {
width: 100%;
float: left;
margin-top: 2.5vh;
}
.navig {
width: 100%;
float: left;
color: #333333;
position: relative;
margin-bottom: 7.5vw;
}
.navih {
width: 100%;
float: left;
margin-top: 2vh;
}

.hdb {
width: 2.6vw;
height: 3vw;
float: left;
margin-top: 2.5vw;
margin-left: 2.5vw;
transition: all ease-out .3s;
}
.hdba {
top: 1.5vw;
width: 2.6vw;
height: 2px;
background-color: #bea78c;
position: relative;
}
.hdbb {
top: 1.4vw;
width: 2.6vw;
height: 2px;
background-color: #fcc422;
position: relative;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
transition: all ease-out .2s;
}
.hdb:hover .hdbb {
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
transform: rotateZ(90deg);
transition: all ease-out .2s;
}


.konta {
width: 100%;
float: left;
}
.kontb {
width: 85%;
float: left;
padding-top: 2.5vw;
/*text-transform: uppercase;*/
}
.kontc {
width: 25vw;
clear: both;
float: left;
margin-top: 5vw;
}
.kontd {
width: 42.5vw;
float: right;
margin-top: 5vw;
background-color: #fcc422;
padding-left: 5.208333333333334vw;
padding-top: 4vw;
padding-bottom: 4vw;
color: #fff;
border-top-right-radius: 3vw;
}
.kontda {
width: 86%;
float: left;
}
.kontdb {
width: 100%;
float: left;
/*margin-top: 2vw;*/
}
.kontdc {
width: 100%;
float: left;
margin-top: 1.25vw;
font-weight: 600;
}
.kontdca {
width: 3vw;
float: left;
}
.kontdcb {
float: left;
}
.kontdcc {
float: left;
margin-left: 1vw;
margin-right: 1vw;
font-weight: 400;
}
.kontdcd {
float: left;
}
.kontdce {
width: 100%;
margin-top: 0.1vw;
margin-bottom: 0.1vw;
float: left;
}
.kontdcf {
width: 100%;
margin-top: 0.5vw;
float: left;
}


.kontdd {
width: 100%;
float: left;
margin-top: 2vw;
}
.kontde {
width: 100%;
float: left;
margin-top: 1.25vw;
font-weight: 600;
}
.kontdea {
width: 3vw;
float: left;
}
.kontdeb {
float: left;
}
.kontdec {
float: left;
margin-left: 2.5vw;
}


.kontdf {
width: 42.5vw;
float: right;
background-color: #bea78c;
padding-left: 5.208333333333334vw;
padding-right: 5.208333333333334vw;
padding-top: 2.4vw;
padding-bottom: 2.6vw;
color: #fff;
border-bottom-right-radius: 3.5vw;
border-bottom-left-radius: 3.5vw;
position: relative;
}
.kontdfa {
width: 100%;
float: left;
clear: both;
}
.kontdfb {
width: 2.5vw;
height: auto;
position: absolute;
top: -0.5vw;
left: 2.5vw;
}


.konte {
width: 100%;
float: left;
clear: both;
margin-top: 2.5vw;
}
.kontea {
width: 1vw;
height: auto;
float: left;
position: relative;
top: 2px;
}
.konteb {
float: left;
margin-left: 1.25vw;
}
.kontf {
float: left;
clear: both;
color: #fff;
border-radius: 50vw;
background-color: #fcc422;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1vw;
padding-bottom: 1vw;
margin-top: 3.5vw;
transition: all ease-out .2s;
}
.kontf:hover {
padding-left: 2.5vw;
transition: all ease-out .2s;
}
.kontfa {
width: 1.15vw;
height: 0.9137447916666668vw;
float: left;
margin-right: 1vw;
position: relative;
}
.kontfb {
float: left;
}
.kontg {
float: left;
clear: both;
color: #fff;
border-radius: 50vw;
background-color: #bea78c;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1vw;
padding-bottom: 1vw;
margin-top: 1.15vw;
transition: all ease-out .2s;
}
.kontg:hover {
padding-left: 2.5vw;
transition: all ease-out .2s;
}

.konth {
width: 100%;
float: left;
clear: both;
}

.konti {
width: 100%;
float: left;
clear: both;
margin-top: 1.5vw;
}
.konti1 {
width: 40%;
float: left;
clear: both;
margin-top: 0.25vw;
}

.kontia {
width: 100%;
float: left;
clear: both;
margin-top: 5vw;
}
.kontib {
width: 100%;
height: 1px;
float: left;
clear: both;
margin-top: 1vw;
margin-bottom: 1vw;
background-color: #ded3c5;
}
.kontiba {
width: 100%;
height: 1px;
float: left;
clear: both;
margin-top: 1vw;
background-color: #ded3c5;
}
.kontic {
float: left;
width: 50%;
font-weight: 600;
color: #333;
margin-top: 0.3vw;
}
.kontica {
width: 100%;
float: left;
display: flex;
align-items: center;
}
.konticb {
width: 50%;
float: left;
clear: both;
}
.konticc {
width: 50%;
float: left;
clear: both;
}

.kontid {
float: left;
font-size: 2.2vw;
line-height: 2.2vw;
}
.kontie {
float: left;
font-size: 2.2vw;
line-height: 2.2vw;
}
.kontif {
float: left;
width: 50%;
color: #333;
}

.kontja {
float: left;
}
.kontjb {
width: 100%;
float: left;
margin-top: 1.75vw;
}

.kontk {
width: 100%;
clear: both;
float: left;
margin-top: 2.5vw;
}
.kontl {
width: 80%;
float: left;
clear: both;
margin-top: 2.5vw;
margin-bottom: 2.5vw;
opacity: 0.5;
}

.kontm {
float: left;
clear: both;
color: #fff;
border-radius: 50vw;
background-color: #fcc422;
padding-left: 2vw;
padding-right: 2vw;
padding-top: 1vw;
padding-bottom: 1vw;
margin-top: 1vw;
transition: all ease-out .2s;
}
.kontm:hover {
padding-left: 2.5vw;
transition: all ease-out .2s;
}

.leia {
width: 100%;
float: left;
}
.leib {
width: 100%;
float: left;
margin-top: 2.5vw;
}
.leic {
width: 100%;
float: left;
margin-top: 2.5vw;
}
.leid {
width: 100%;
float: left;
margin-top: 5vw;
position: relative;
}
.leida {
width: 100%;
float: left;
margin-top: 1.5vw;
font-size: 1.5vw;
line-height: 1.5vw;
}
.leidb {
float: left;
width: 75%;
margin-top: 0.25vw;
}
.leidc {
float: right;
width: 1.8229166666666667vw;
height: 2.083333333333333vw;
}
.leidd {
width: 100%;
float: left;
margin-top: 1.5vw;
}
.leidf {
width: 100%;
display: flex;
align-content: center;
justify-content: space-between;
align-items: center;
}
.leidg {
float: left;
width: 75%;
margin-top: 0.25vw;
line-height: 2.5vw;
}

.leide {
width: 100%;
height: 50vw;
float: left;
position: relative;
background-image: url(bilder/foto_02.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: 0;
}
.leidea {
width: 11vw;
height: 11vw;
position: absolute;
right: 7.8125vw;
top: -1.25vw;
}
.leidh {
width: 100%;
float: left;
margin-top: 1vw;
}

.stell {
width: 100%;
float: left;
position: relative;
}
.stella {
width: 100%;
float: left;
margin-top: 2.5vw;
}

.akt {
width: 100%;
float: left;
position: relative;
}
.akta {
width: 100%;
float: left;
margin-top: 2.5vw;
color: #333;
}
.aktb {
width: 100%;
float: left;
margin-top: 2.5vw;
}

.prax {
width: 100%;
float: left;
position: relative;
}
.praxa {
width: 75%;
float: left;
margin-top: 2.5vw;
color: #333;
}
.praxb {
width: 100%;
float: left;
margin-top: 5vw;
}
.praxc {
width: 5vw;
height: 5vw;
position: absolute;
right: 7.8125vw;
top: 7.8125vw;
}
.praxd {
width: 3.5vw;
height: auto;
position: absolute;
float: right;
right: 7.8125vw;
bottom: 2.5vw;
/*bottom: 7.8125vw;*/
transition: all ease-out .3s;
}
.praxd:hover {
bottom: 1.5vw;
transition: all ease-out .3s;
}
.praxe {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
transition: all ease-out .3s;
}
.praxe:hover, .praxf:hover, .praxg:hover, .praxg:hover, .praxi:hover, .praxj:hover, .praxk:hover, .praxl:hover, .praxm:hover, .praxh:hover, .praxn:hover {
background-color: #fcc422;
transition: all ease-out .3s;
}
.praxea {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/m_himpel.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxeb {
width: 100%;
float: left;
color: #333;
position: relative;
top: 2.5vw;
left: 2.5vw;
}
.praxeba {
width: 100%;
float: left;
clear: both;
color: #333;
font-size: 0.9vw;
line-height: 1.4vw;
}
.praxf {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
transition: all ease-out .3s;
}
.praxfa {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/h_ritter.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxg {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
transition: all ease-out .3s;
}
.praxga {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/i_schulz.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxh {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
clear: both;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxha {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxi {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxia {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/g_jensch.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxj {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxja {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url(bilder/mita/a_jensch.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxk {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
clear: both;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxka {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url(bilder/mita/j_wichmann.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxl {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxla {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/d_henning.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxm {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
margin-left: 4.35vw;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxma {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url(bilder/mita/l_leichtenberger.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxn {
width: 19.53125vw;
height: 25.520833333333332vw;
background-color: #ebe5dc;
position: relative;
border-radius: 1.25vw;
float: left;
clear: both;
margin-top: 6vw;
transition: all ease-out .3s;
}
.praxna {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/julia_doelle.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}
.praxoa {
width: 15.625vw;
height: 19.270833333333336vw;
float: left;
position: absolute;
background-image: url("bilder/mita/c_tewaag.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
border-bottom-left-radius: 7.5vw;
right: -2vw;
bottom: -2vw;
}

.foo {
width: 100%;
float: left;
position: relative;
margin-top: 5vw;
margin-bottom: 5vw;
padding-left: 7.8125vw;
padding-right: 7.8125vw;
}
.fooa {
float: left;
}
.foob {
float: left;
margin-left: 4vw;
}
.fooc {
float: left;
margin-left: 4vw;
}
.food {
width: 100%;
float: left;
position: relative;
padding-top: 10vw;
padding-bottom: 7.5vw;
}

.floral1 {
width: 6.5vw;
height: auto;
position: absolute;
left: -3.25vw;
top: 32vw;
z-index: 1;
}
.floral2 {
width: 7vw;
height: auto;
position: absolute;
top: -3vw;
right: 12vw;
z-index: 1;
}
.floral22 {
width: 4vw;
height: auto;
position: absolute;
top: 7vw;
right: 9vw;
z-index: 1;
}
.floral3 {
width: 2.5vw;
height: auto;
position: absolute;
top: 15vw;
left: 2.5vw;
z-index: 1;
}
.floral4 {
width: 2.5vw;
height: auto;
position: absolute;
top: -5vw;
right: 2.5vw;
z-index: 1;
}
.floral5 {
width: 5vw;
height: auto;
position: absolute;
top: 7vw;
left: -0.5vw;
z-index: 1;
}
.floral6 {
width: 6vw;
height: auto;
position: absolute;
top: 21vw;
left: -2vw;
z-index: 1;
}
.floral7 {
width: 2.5vw;
height: auto;
position: absolute;
top: 67vw;
left: 1.5vw;
z-index: 1;
}
.floral8 {
width: 12vw;
height: auto;
position: absolute;
top: -2vw;
right: 10vw;
z-index: 1;
}
.floral9 {
width: 4vw;
height: auto;
position: absolute;
top: -3vw;
left: 24vw;
z-index: 1;
}
.floral10 {
width: 6vw;
height: auto;
position: absolute;
top: -3vw;
left: 26vw;
z-index: 2;
}
.floral11 {
width: 5vw;
height: auto;
position: absolute;
top: -5vw;
right: 0vw;
z-index: 2;
}
.floral12 {
width: 10vw;
height: auto;
position: absolute;
top: -9vw;
right: 22vw;
z-index: 2;
}
.floral13 {
width: 5vw;
height: auto;
position: absolute;
top: 18vw;
left: -1vw;
z-index: 2;
}
.floral14 {
width: 5vw;
height: auto;
position: absolute;
top: -6vw;
right: 20vw;
z-index: 2;
}
.floral15 {
width: 5vw;
height: auto;
position: absolute;
top: 5vw;
left: 24vw;
z-index: 2;
}
.floral16 {
width: 5vw;
height: auto;
position: absolute;
top: 54vw;
left: -1vw;
z-index: 2;
}
.floral17 {
width: 3vw;
height: auto;
position: absolute;
bottom: 29vw;
left: -1vw;
z-index: 2;
}
.floral18 {
width: 7vw;
height: auto;
position: absolute;
bottom: -4vw;
right: 25vw;
z-index: 2;
}

/* Anfang - Mobile Navigation */

.icon {
z-index: 1000001;
position: relative;
}
.mobilenav {
top: 0px;
left: 0px;
z-index: 30000000001;
opacity: 1;
display: none;
position: fixed;
width: 100%;
height: 100%;
overflow-y: auto;
padding-bottom: 0vw;
background-color: #bea78c;
color: #fff;
background-image: url(bilder/icon_bm_hell_background_4.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}
.mobilenav.aktiv {
display: block;
}
.schliessen {
position: fixed;
z-index: 1000000000;
top: 3vw;
left: 2.7vw;
width: 1.9270833333333335vw;
height: 1.9270833333333335vw;
}
.panelx {
position: relative;
width: 100%;
height: 100%;
}
.panela {
width: 100%;
height: 100%;
float: left;
position: relative;
padding-left: 15vw;
display: flex;
align-items: center;
align-content: center;
flex-wrap : wrap
}
.panelb {
float: left;
font-size: 3vw;
line-height: 3vw;
}
.panelc {
width: 100%;
float: left;
}
.panelca {
width: 100%;
float: left;
margin-top: 1vw;
}
.paneld {
float: left;
position: absolute;
bottom: 5vw;
left: 5vw;
}
.panelda {
width: 1.3vw;
height: auto;
float: left;
}
.paneldb {
width: 1.3vw;
height: auto;
float: left;
clear: both;
margin-top: 3vw;
}
.panele {
display: none;
}

/* Ende - Mobile Navigation */


/* Anfang - Acoord */

.accordion-title {
width: 100%;
float: left;
clear: both;
cursor: pointer;
background-image: url(bilder/icon_accord.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 1.5625vw 1.5625vw;
color: #bea78c;
border-top: 1px solid #ded3c5;
-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;
padding-bottom: 1.5vw;
}
.accordion-title:hover {
color: #fcc422;
-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-image: url(bilder/icon_accord_gelb_hover.svg);
background-repeat: no-repeat;
background-position: right center;
background-size: 1.5625vw 1.5625vw;
}
.accordion-title.open {
background-image: url(bilder/icon_accord_gelb_aktiv.svg);
background-repeat: no-repeat;
background-position: right center;
color: #fcc422;
background-size: 1.5625vw 1.5625vw;
-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;
}
.accordion-content {
display: none;
width: 100%;
float: left;
clear: both;
padding-bottom: 1.5vw;
}
.accorda {
position: relative;
padding-top: 1.5vw;
font-size: 1.5vw;
line-height: 1.5vw;
display: flex;
align-items: center;
}
.accordb {
width: 100%;
margin-top: 0.5vw;
position: relative;
}
.accordc {
width: 100%;
height: 1px;
float: left;
clear: both;
background-color: #ded3c5;
}
.accordd {

}
.accorde {
width: 1vw;
height: auto;
float: left;
margin-right: 1.25vw;
}
.accordf {
position: relative;
padding-top: 1.5vw;
font-size: 1.5vw;
line-height: 1.5vw;
display: flex;
align-items: center;
}

/* Ende - Acoord */


/* Anfang - Up and Down Animation */

.uad {
position: relative;
z-index: 3;
-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;
animation-delay: 4s;
}
@-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 */


@media screen and (min-width: 927px) {
.navidd, .navidd2 {
display: none;
}
}

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


@media screen and (max-width: 1366px) {
.data {
  padding-right: 15vw;
}
.datb {
  width: 10vw;
  top: 7.5%;
}
.listdata {
  padding-left: 2.5vw;
  background-position: left 0.7vw;
  background-size: 0.6vw 0.6vw;
}
.panelca {
  margin-top: 2vw;
}
body {
font-size: 1.3vw;
line-height: 2vw;
}
}


@media screen and (max-width: 1194px) {
.kontl {
  width: 100%;
}
.praxeba {
  font-size: 1vw;
  line-height: 1.5vw;
}
.praxea, .praxfa, .praxga, .praxha, .praxia, .praxja, .praxka, .praxla, .praxma, .praxna, .praxoa {
bottom: -2.75vw;
}
.accorde {
  width: 1.5vw;
  margin-right: 1.5vw;
}
}


@media screen and (max-width: 1080px) {
.leidg {
  line-height: 3.75vw;
}
.praxisappf {
  width: 6vw;
  height: 6vw;
}
.praxisappa {
  margin-top: 2vw;
  margin-bottom: 2.5vw;
}
.konti1 {
  width: 75%;
}
.praxeba {
  font-size: 1.3vw;
  line-height: 1.8vw;
}
.accorde {
  width: 2vw;
  margin-right: 2vw;
}
.kontk {
  margin-top: 3.5vw;
}
.abstand {
height: 0vw;
}
.data {
  padding-right: 12.5vw;
}
.datb {
  width: 15vw;
  top: 7%;
}
.listdata {
  padding-left: 2.75vw;
  background-position: left 1vw;
  background-size: 0.8vw 0.8vw;
}
.layout1 {
  height: auto;
}
.leidb, .leidg {
  margin-top: 0.85vw;
}
.accordb {
  margin-top: 1vw;
}
.accordion-title {
  padding-bottom: 2vw;
}
.accordion-title.open,
.accordion-title,
.accordion-title:hover {
  background-size: 2vw 2vw;
}
.schliessen {
  top: 3vw;
  left: 3.5vw;
  width: 3vw;
  height: 3vw;
}
.praxea, .praxfa, .praxga, .praxha, .praxia, .praxja, .praxka, .praxla, .praxma, .praxna, .praxoa {
  width: 25vw;
  height: 30vw;
  bottom: -3vw;
}
.praxe, .praxf, .praxg, .praxh, .praxi, .praxj, .praxk, .praxl, .praxm, .praxn, .praxm {
  width: 45%;
  height: 37.5vw;
}
.praxg, .praxi, .praxm {
margin-top: 10%;
margin-left: 0px;
clear: both;
}
.praxh, .praxn {
clear: none;
margin-top: 10%;
margin-left: 10%;
}
.praxf, .praxj, .praxl {
margin-left: 10%;
}
.naviab {
  width: 3vw;
  left: 3vw;
}
.floral1 {
  left: -2.5vw;
  top: 43vw;
}
.naviac {
  margin-bottom: 1vw;
  line-height: 2vw;
}
.laya {
  padding-left: 5vw;
  padding-right: 5vw;
}
body {
  font-size: 1.5vw;
  line-height: 2.3vw;
}
.accorda, .accordf {
  position: relative;
  padding-top: 2.25vw;
  font-size: 2vw;
  line-height: 1.5vw;
}
.accordion-content {
  padding-bottom: 1.8vw;
}
.leidc {
  width: 2.7777777777777777vw;
  height: 3.1746018518518513vw;
}
.liste, .listew {
  padding-left: 4.5vw;
  background-position: left 0.25vw;
  background-size: 2vw 2vw;
  margin-bottom: 0.75vw;
}
.kontib {
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
}
.kontiba {
  margin-top: 1.5vw;
}
.kontdfb {
  width: 2.75vw;
  top: -0.75vw;
}
.kontd, .kontdf {
  width: 100%;
}
.konteb {
  margin-left: 1.75vw;
}
.konte {
  margin-top: 3.5vw;
}
.kontea {
  width: 1.5vw;
}
.kontja {
  width: 50%;
}
.kontjb {
  width: 50%;
  margin-top: 0px;
}
.kontc {
  width: 100%;
}
.kontb {
  width: 97%;
}
.hdb {
  margin-left: 3vw;
  width: 4vw;
  height: 4vw;
}
.hdba {
  width: 4vw;
  top: 2vw;
}
.hdbb {
  width: 4vw;
  top: 1.75vw;
}
.naviaa {
  margin-top: 10vw;
  padding-left: 3vw;
}
.navidca {
  width: 1.66015625vw;
  height: 1.22595703125vw;
  float: left;
  margin-right: 1.25vw;
  top: 1px;
}
.kontfa {
  width: 1.66015625vw;
  height: 1.22595703125vw;
  margin-right: 1.5vw;
}
.navida {
  right: 10.5vw;
}
.navidb {
  width: 5vw;
  height: 5vw;
  right: 3vw;
}
.navidc, .navidcx, .navidcx2 {
  border: 1px solid #fcc422;
  padding-left: 2.5vw;
  padding-right: 2.6vw;
  padding-top: 1.9vw;
  padding-bottom: 1.9vw;
  color: #bea78c;
}
.kontg, .kontf, .kontm {
padding-left: 2.5vw;
padding-right: 2.6vw;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.kontf:hover, .kontg:hover, .kontm:hover {
padding-left: 3.5vw;
}
.navig {
  width: 100%;
  margin-top: 5vh;
}
.navia {
  width: 17.5vw;
}
.navid {
  width: 100%;
  height: auto;
  clear: both;
}
section, footer {
  width: 82.5vw;
}
.praxd {
  width: 5vw;
  bottom: 5vw;
}
.praxd:hover {
bottom: 5vw;
}
.praxb {
  margin-bottom: 15vw;
}
.floral18 {
  width: 8vw;
  bottom: -10vw;
  right: 35vw;
}
.praxc {
  width: 7.5vw;
  height: 7.5vw;
  right: 6.5vw;
  top: 6.5vw;
}
.praxa {
  width: 85%;
}
.kontic, .kontif {
  width: 55%;
}
.navidcx2 {
display: none;
}
}

@media screen and (max-device-width : 1080px) and (orientation : portrait) {
.leidea {
  width: 13vw;
  height: 13vw;
}
.paneldb {
  width: 2vw;
  margin-top: 5vw;
}
.panelda {
  width: 2vw;
}
.panelca {
  margin-top: 3vw;
}
.panelb {
  font-size: 6vw;
  line-height: 6.5vw;
}
section {
  width: 77.5vw;
}
.laya {
  padding-left: 7.8125vw;
  padding-right: 7.8125vw;
}
.naviab {
  width: 5vw;
}
.navia {
  width: 20vw;
}
section, footer {
  width: 80vw;
}
.secbox {
clear: both;
margin-top: 0px;
}
.naviac {
margin-bottom: 1.5vw;
line-height: 2.5vw;
}
h1 {
  font-size: 4vw;
  line-height: 4.5vw;
}
h2 {
  font-size: 2.6vw;
  line-height: 2.6vw;
  font-weight: 400;
}
.accorda, .leida, .accordf {
  font-size: 2.25vw;
  line-height: 2.75vw;
}
.floral16 {
  width: 7vw;
  top: 51vw;
  left: 3vw;
}
.floral10 {
  width: 7vw;
  top: -4vw;
  left: 24vw;
}
.floral14 {
  width: 6vw;
  top: -9vw;
  right: 17vw;
}
.floral15 {
  width: 7vw;
  top: 1.5vw;
  left: 15vw;
}
.floral13 {
  width: 7vw;
  left: -3vw;
}
.floral11 {
  width: 8vw;
}
.floral12 {
  width: 13vw;
  right: 24vw;
}
.floral9 {
  width: 5vw;
  left: 30vw;
}
.floral18 {
  width: 10vw;
  right: 20vw;
}
.floral6 {
  width: 8vw;
  top: 17vw;
  left: -4vw;
}
.floral4 {
  width: 4.5vw;
  top: -7vw;
  right: 4.5vw;
}
.floral22 {
  width: 5vw;
  top: 8vw;
  right: 8vw;
}
.floral5 {
  width: 7vw;
  top: 2vw;
  left: -2.5vw;
}
.floral2 {
  width: 8vw;
}
.floral1 {
width: 11vw;
left: -4.25vw;
top: 56.5vw;
}
.floral17 {
  width: 4vw;
  bottom: 28vw;
  left: 5vw;
}
body {
  font-size: 1.75vw;
  line-height: 2.75vw;
}
.navie {
width: 32.5vw;
top: 5vw;
}
.layout {
  flex-wrap: wrap;
}
.navic {
  width: 100%;
  height: auto;
  margin-top: 10vw;
}
.layb {
  width: 100%;
  height: 60vw;
  position: relative;
  clear: both;
  background-position: center bottom;
  background-size: 125%;
}
.lay {
  width: 100%;
  height: 55%;
}
.laya {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  border-radius: 0px 0px 0vw;
  height: 100%;
  max-height: 100%;
}
.navig {
  margin-top: 0px;
  margin-bottom: 7.5vw;
}
}

@media screen and (max-width: 926px) {
.leidg {
    line-height: 4.75vw;
}
.praxisappd {
  width: 11.182505399568035vw;
  height: 11.182505399568035vw;
  margin-left: 1vw;
}
.praxisappg, .praxisappgx {
  width: 11.182505399568035vw;
  height: 11.182505399568035vw;
}
.praxisappc {
  margin-top: 1vw;
}
.praxisappb, .praxisappc {
  width: 17.386609071274297vw;
  height: 5.092311015118791vw;
}
.praxh, .praxn, .praxg, .praxi, .praxm, .praxj, .praxl, .praxk {
  margin-top: 12.5%;
}
.praxea, .praxfa, .praxga, .praxha, .praxia, .praxja, .praxka, .praxla, .praxma, .praxna, .praxoa {
  bottom: -5vw;
}
.praxeba {
  font-size: 1.5vw;
  line-height: 2.2vw;
}
.accorde {
  width: 35px;
  margin-right: 2.5vw;
}
.accordf {
  width: 65%;
}
.listdata {
  padding-left: 3.75vw;
  background-position: left 1.25vw;
  background-size: 1vw 1vw;
}
.paneld {
  left: auto;
  right: 5vw;
}
.panelda {
  width: 3vw;
}
.paneldb {
  width: 3vw;
  margin-top: 6vw;
}
.panela {
  padding-left: 12.5vw;
}
.schliessen {
  top: 5vw;
  left: 4.25vw;
  width: 5vw;
  height: 5vw;
}
.floral18 {
  width: 10vw;
  right: 25vw;
}
.floral17 {
  width: 5vw;
  bottom: 34vw;
  left: 5vw;
}
.praxc {
  width: 9.5vw;
  height: 9.5vw;
}
.floral15 {
  width: 10vw;
  top: 3.5vw;
  left: 40vw;
}
.aktb {
  margin-top: 5vw;
}
.floral13 {
width: 13vw;
left: -9vw;
top: 42vw;
}
.floral12 {
  width: 15vw;
  right: 20vw;
  top: -7vw;
}
.leidea {
  width: 15vw;
  height: 15vw;
  right: 8.813vw;
  top: -3.25vw;
}
.floral10 {
  width: 10vw;
  top: -6vw;
  left: 9vw;
}
.leide {
  height: 55vw;
}
.praxd {
  width: 6vw;
  bottom: 5vw;
  right: 7.5vw;
}
.praxd:hover {
bottom: 5vw;
}
.secbox, .secboxa, .secboxb, .secboxc, .secboxd {
padding-top: 10vw;
padding-left: 12.5vw;
padding-right: 12.5vw;
}
.secboxa, .secboxb, .secboxc {
padding-bottom: 12.5vw;
}
.kontie {
  font-size: 3vw;
  line-height: 3vw;
  clear: both;
  margin-top: 0.75vw;
}
.kontic, .kontif {
  width: 100%;
}
.kontica {
width: 100%;
flex-wrap: wrap;
}
.leid {
  margin-top: 7.5vw;
}
.leidb, .leidg {
  margin-top: 0.5vw;
}
.kontib {
  margin-top: 2vw;
  margin-bottom: 2.5vw;
}
.kontiba {
  margin-top: 2.5vw;
}
.leidc {
  width: 3.5637149028077757vw;
  height: 4.072818574514039vw;
}
.leib, .leic, .akta, .stella {
  margin-top: 5vw;
}
.accordion-title.open, .accordion-title, .accordion-title:hover {
  background-size: 2.75vw 2.75vw;
}
.accorda, .leida, .accordf {
  font-size: 3vw;
  line-height: 3vw;
}
.floral7 {
  width: 4.5vw;
  top: 77vw;
  left: 89.5vw;
}
.floral6 {
  width: 8vw;
  top: 25vw;
  left: 2vw;
}
.liste, .listew {
  padding-left: 6.5vw;
  background-position: left 0.6vw;
  background-size: 2.5vw 2.5vw;
  margin-bottom: 1vw;
}
.floral5 {
  width: 10vw;
  top: -125vw;
  left: 78.5vw;
}
.kontid {
  font-size: 3vw;
  line-height: 3vw;
  margin-top: 0.75vw;
}
.kontg, .kontf, .kontm {
  padding-left: 2.5vw;
  padding-right: 3vw;
  padding-top: 1.75vw;
  padding-bottom: 1.75vw;
}
.kontfa {
  width: 1.9438444924406046vw;
  height: 1.4354535637149028vw;
  margin-right: 2vw;
}
.floral3 {
  width: 4.5vw;
  top: 35vw;
  left: 4.5vw;
}
.kontdfb {
  width: 3.75vw;
  left: 6.5vw;
}
.kontdf {
  padding-left: 7vw;
  padding-right: 6vw;
  padding-top: 3.9vw;
  padding-bottom: 4.1vw;
}
/*.kontdb, */.kontdd {
  margin-top: 4vw;
}
.kontdc, .kontde {
  margin-top: 2vw;
}
.kontdea, .kontdca {
  width: 5vw;
}
.kontd {
margin-top: 6vw;
padding-left: 7.5vw;
padding-top: 7vw;
padding-bottom: 7vw;
}
.kontf {
  margin-top: 6vw;
}
.navidb {
  width: 7vw;
  height: 7vw;
  right: 3vw;
  top: 4vw;
}
.navida {
right: 13.5vw;
top: 4.25vw;
position: fixed;
}
.navidc, .navidcx, .navidcx2 {
padding-left: 3vw;
padding-right: 3.7vw;
padding-top: 2.5vw;
padding-bottom: 2.65vw;
}
.hdb {
  margin-left: 4.25vw;
  width: 5vw;
  height: 5vw;
  margin-top: 5.5vw;
}
.hdba {
  width: 5vw;
}
.hdbb {
  width: 5vw;
}
.kontb {
  width: 100%;
  padding-top: 5vw;
}
.floral2 {
  width: 10vw;
  top: 3vw;
  right: 18vw;
}
.floral22 {
  width: 7vw;
  top: 15vw;
  right: 9vw;
}
.floral1 {
  width: 15vw;
  left: 72.5vw;
  top: 94vw;
}
.navie {
  width: 50vw;
  top: 0px;
}
.navig {
  margin-top: 0vw;
  margin-bottom: 12.5vw;
}
body {
  font-size: 2.25vw;
  line-height: 3.5vw;
}
section, footer {
  width: 100%;
}
.layout {
  flex-wrap: wrap;
}
.hdbb {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.laya {
  height: auto;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%);
  border-radius: 0px 0px 0vw;
  padding-top: 22.5vw;
  padding-left: 12.5vw;
  padding-right: 12.5vw;
  overflow-y: visible;
}
.layb {
  width: 100%;
  height: 60vw;
  float: left;
  position: relative;
  background-size: 105%;
  }
nav {
  width: 100%;
  background: #fff;
  height: 15vw;
  z-index: 2;
}
.lay {
  width: 100%;
  height: auto;
}
.naviaa, .naviab, .aus1, .floral14, .praxisappf {
display: none;
}
}

@media screen and (max-width: 834px) {
.konti1 {
  width: 100%;
}
}
@media screen and (max-width: 768px) {
.praxeba {
  font-size: 1.75vw;
  line-height: 2.6vw;
}
.praxea, .praxfa, .praxga, .praxha, .praxia, .praxja, .praxka, .praxla, .praxma, .praxna, .praxoa {
  bottom: -7vw;
}
.praxh, .praxn, .praxg, .praxi, .praxm, .praxj, .praxl, .praxk {
  margin-top: 17.5%;
}
}

@media screen and (max-device-width : 749px) and (orientation : landscape) {
.panelb {
font-size: 3.5vw;
line-height: 4.75vw;
}
.panele {
display: block;
width: 100%;
height: 4vw;
float: left;
clear: both;
}
.panelda, .paneldb {
  width: 2.5vw;
}
.panelc {
  width: auto;
  margin-top: 0vw;
  padding-right: 4vw;
}
.panelca {
  width: auto;
  margin-top: 0vw;
  clear: both;
  padding-right: 4vw;
}
.panela {
  padding-left: 15vw;
  padding-right: 12.5vw;
}
}

@media screen and (max-width: 500px) {
.leidg {
line-height: 9vw;
}
.praxisappa {
  margin-top: 5vw;
  margin-bottom: 7.5vw;
}
.praxisappd {
  width: 20.86vw;
  height: 20.86vw;
  margin-left: 2vw;
}
.praxisappg {
  width: 20.86vw;
  height: 20.86vw;
  border-radius: 2vw;
  margin-right: 3.5vw;
}
.praxisappc {
  margin-top: 2vw;
}
.praxisappb, .praxisappc {
  width: 32.2vw;
  height: 9.43096vw;
}
.kontl {
  margin-top: 7.5vw;
  margin-bottom: 7.5vw;
}
.praxeba {
  font-size: 2.75vw;
  line-height: 3.6vw;
}
.accorde {
width: 55px;
margin-right: 4vw;
}
.accordf {
  width: 85%;
}
.kontk {
  margin-top: 6.5vw;
}
.listdata {
  padding-left: 7.75vw;
  background-position: left 2.3vw;
  background-size: 2vw 2vw;
}
.data {
  padding-top: 15vw;
}
.datb {
  width: 20vw;
  top: 3%;
}
.panelca {
  margin-top: 4vw;
}
.aktb {
  margin-top: 10vw;
}
.praxd {
  width: 12vw;
  bottom: 5vw;
  right: 5vw;
}
.praxd:hover {
bottom: 5vw;
}
.foob {
margin-left: 8vw;
}
.fooc {
margin-left: 0vw;
margin-top: 3vw;
}
.foo {
  margin-top: 10vw;
  margin-bottom: 10vw;
  padding-left: 10vw;
  padding-right: 10vw;
}
.praxb {
  margin-top: 10vw;
}
.praxa {
  width: 100%;
  margin-top: 6vw;
}
.praxc {
  width: 15vw;
  height: 15vw;
}
.leidea {
  width: 20vw;
  height: 20vw;
  right: 7.5vw;
  top: -6.25vw;
}
.leide {
  height: 65vw;
}
.kontie {
  font-size: 6vw;
  line-height: 6vw;
  margin-top: 1.75vw;
}
.leidc {
  width: 6.976744186046512vw;
  height: 7.973418604651163vw;
}
.leid {
  margin-top: 10vw;
}
.accordion-title.open, .accordion-title, .accordion-title:hover {
background-size: 5.75vw 5.75vw;
}
.accordion-title {
  padding-bottom: 4.25vw;
}
.accordion-content {
  padding-bottom: 4.25vw;
}
.accorda, .accordf {
  padding-top: 4.25vw;
}
.accordb {
width: 80%;
  margin-top: 1.5vw;
}
.liste, .listew {
  padding-left: 9vw;
  background-position: left 1.25vw;
  background-size: 4.5vw 4.5vw;
  margin-bottom: 3vw;
}
.leib, .leic, .akta, .stella {
  margin-top: 6vw;
}
.kontiba {
  margin-top: 5vw;
}
.kontib {
  margin-top: 4vw;
  margin-bottom: 4.5vw;
}
.konti {
  margin-top: 3vw;
}
.kontid {
  font-size: 6vw;
  line-height: 6vw;
  margin-top: 1.75vw;
}
.accorda, .leida, .accordf {
  font-size: 6vw;
  line-height: 8vw;
}
.kontda {
  width: 100%;
}
.kontdfb {
  width: 8.75vw;
  left: 17.5vw;
}
.kontdf {
  padding-top: 7.5vw;
  padding-bottom: 7.5vw;
  border-bottom-right-radius: 10vw;
  border-bottom-left-radius: 10vw;
  text-align: center;
}
/*.kontdec,*/ .kontdcd {
margin-left: 1.5vw;
  /*margin-left: 11vw;
  clear: both;*/
}
.kontdec {
margin-left: 0vw
}
.kontdcc {
  margin-left: 2vw;
  margin-right: 0vw;
}
.kontdea, .kontdca {
  width: 11vw;
}
h2 {
  font-size: 6vw;
  line-height: 7.5vw;
}
.konteb {
  margin-left: 3.75vw;
}
.kontg, .kontm {
  margin-top: 3.25vw;
}
.kontfa {
width: 3.5999999999999996vw;
height: 2.52632vw;
margin-right: 3vw;
top: -0.2vw;
}
.kontg, .kontf, .kontm {
  padding-left: 6.5vw;
  padding-right: 6.5vw;
  padding-top: 3.75vw;
  padding-bottom: 3.75vw;
}
.kontf:hover, .kontg:hover, .kontm:hover {
padding-left: 6.5vw;
}
.kontd {
  margin-top: 11vw;
  border-top-right-radius: 10vw;
  padding-right: 10vw;
}
.konte {
  margin-top: 9vw;
}
.kontea {
  width: 4.25vw;
  top: 1px;
}
.kontf {
  margin-top: 11vw;
}
.konte {
  margin-top: 6vw;
}
.kontc {
  margin-top: 7.5vw;
}
.kontjb {
  width: 100%;
  clear: both;
  margin-top: 8vw;
}
.kontja {
  width: 100%;
}
.kontb {
  padding-top: 6vw;
}
.secbox, .secboxa, .secboxb, .secboxc, .secboxd {
  padding-top: 10vw;
  padding-left: 10vw;
  padding-right: 10vw;
}
.paneldb {
  width: 5vw;
  margin-top: 8vw;
}
.panelda {
  width: 5vw;
}
.schliessen {
  top: 7vw;
  left: 5.25vw;
  width: 9vw;
  height: 9vw;
}
.panelb {
  font-size: 8vw;
  line-height: 8.5vw;
}
.layb {
  height: 75vw;
  background-position: -10vw bottom;
  background-size: 112%;
}
h1 {
  font-size: 7vw;
  line-height: 8.5vw;
}
.floral1 {
  width: 20vw;
  left: 73vw;
  top: 174vw;
}
.floral2 {
  width: 15vw;
  top: 72vw;
  right: 10vw;
}
.floral22 {
  width: 10vw;
  top: 115vw;
}
.floral5 {
  width: 20vw;
  top: -174vw;
  left: 77.5vw;
}
.floral4 {
  width: 6.5vw;
  right: 3vw;
}
.floral15 {
  width: 20vw;
  left: 67vw;
}
.floral8 {
width: 20vw;
top: -4vw;
right: -9vw;
}
.floral9 {
  width: 10vw;
  left: 60vw;
  top: -5vw;
}
.floral12 {
  width: 30vw;
  right: 6vw;
  top: -6vw;
}
.floral6 {
  width: 18vw;
  top: -9vw;
  left: 73vw;
}
.floral17 {
  width: 10vw;
  bottom: -4vw;
  left: 14vw;
}
.hdb {
  margin-left: 5vw;
  width: 10vw;
  height: 10vw;
  margin-top: 9.75vw;
}
.hdba {
  width: 10vw;
}
.hdbb {
  width: 10vw;
}
.navida {
  right: 23vw;
}
.navidb {
  width: 14vw;
  height: 14vw;
  right: 5vw;
  top: 5vw;
}

.navidd2 {
  width: 14vw;
  height: 14vw;
  margin-right: 4.25vw;
  border-radius: 2vw;
  top: 0.75vw;
}
.navidca {
display: none;
  /*
  width: 3.5999999999999996vw;
  height: 2.52632vw;
  float: left;
  background-image: url(none);
  background-position: center center;
  background-size: cover;
  margin-right: 2.25vw;
  top: 0.1vw;
  */
}
.navidcbx {
  width: 6vw;
  height: 6vw;
}
.navidcx, .navidcx2 {
  width: 14vw;
  height: 14vw;
  justify-content: center;
  padding-left: 0vw;
  padding-right: 0vw;
  padding-top: 0vw;
  padding-bottom: 0vw;
  margin-top: 0.75vw;
}
.navidc {
  width: 14vw;
  height: 14vw;
  justify-content: center;
  padding-left: 0vw;
  padding-right: 0vw;
  padding-top: 0vw;
  padding-bottom: 0vw;
}
.navidd {
  margin-right: 4vw;
  margin-top: 0.75vw;
}
nav {
  height: 23.75vw;
}
.navidcb, .floral3, .praxc, .floral18, .floral11, .floral13, .floral10, .floral7, .floral16, .praxisappgx {
display: none;
}
.navig {
  margin-bottom: 10vw;
}
.laya {
  padding-left: 10vw;
  padding-right: 10vw;
  padding-top: 35vw;
}
.navie {
  width: 100%;
}
body {
  font-size: 4.5vw;
  line-height: 6.5vw;
}
.praxeb {
  width: 81%;
  height: 11vw;
  top: 3.5vw;
  left: 3.5vw;
}
.praxe, .praxf, .praxg, .praxh, .praxi, .praxj, .praxk, .praxl, .praxm, .praxn, .praxm {
width: 47.5%;
font-size: 3.6vw;
line-height: 5.25vw;
height: auto;
margin-top: 5%;
}
.praxea, .praxfa, .praxga, .praxha, .praxia, .praxja, .praxka, .praxla, .praxma, .praxna, .praxoa {
  width: 100%;
  height: 45vw;
  clear: both;
  right: 0vw;
  bottom: 0vw;
  margin-top: 17.5vw;
  position: relative;
  border-bottom-left-radius: 0px;
}
.praxg, .praxi, .praxm, .praxh, .praxn, .praxj {
margin-top: 5%;
}
.praxf, .praxj, .praxl, .praxh, .praxn, .praxn {
margin-left: 5%;
}
}
	
@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;}
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

a:focus-visible,
a.nave:focus-visible,
a.navf:focus-visible,
a.navd:focus-visible,
a.nava:focus-visible {
outline: 2px dotted #005ea5;
outline-offset: 2px;
}
a:focus:not(:focus-visible) {
outline: none;
}

a:focus-visible {
outline: 2px dotted #005ea5;
outline-offset: 2px;
}
a:focus:not(:focus-visible) {
outline: none;
}
a img:focus-visible {
outline: 2px dotted #005ea5;
outline-offset: 2px;
}
a img:focus:not(:focus-visible) {
outline: none;
}
:focus-visible {
outline: 2px dotted #005ea5;
outline-offset: 2px;
}
:focus:not(:focus-visible) {
outline: none;
}
button:focus-visible,
.icon:focus-visible,
.remodal-close:focus-visible {
outline: 2px dotted #005ea5;
outline-offset: 2px;
}
.accordion-title:focus-visible {
outline:2px dotted #005ea5;
outline-offset:2px;
}
.navbx:focus-visible {
outline:2px dotted #005ea5;
outline-offset: 2px;
}
a.icon:focus-visible {
outline:2px dotted #005ea5;
outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}