/* included stylesheet styles/fonts.css-- */


@font-face {
  font-family: 'Pontano Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/styles/fonts/pontano-sans-v8-latin-regular.eot'); 
  src: local(''),
       url('/styles/fonts/pontano-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/styles/fonts/pontano-sans-v8-latin-regular.woff2') format('woff2'), 
       url('/styles/fonts/pontano-sans-v8-latin-regular.woff') format('woff'), 
       url('/styles/fonts/pontano-sans-v8-latin-regular.ttf') format('truetype'), 
       url('/styles/fonts/pontano-sans-v8-latin-regular.svg#PontanoSans') format('svg'); 
}

/* included stylesheet styles/default.css-- */







body{font-family: "Pontano Sans", sans-serif; font-size: 18px; line-height: 1.5; background-color: rgb(254, 253, 253); padding: 0px; margin: 0px; height: 100%; width: 100%;}

#logodiv{position: relative; max-width: 1000px; margin: auto; padding-bottom: 20px;}

#menuwidget{display: none;}

#footer{min-height: 150px; width: 100%; background-color: rgb(8, 82, 134); margin-top: 0px;}

#footerContainer{max-width: 1000px; margin: auto; color: rgb(254, 253, 253); padding-top: 50px;}

#footerContainer a{text-decoration: none; color: rgb(254, 253, 253);}

#footerContainer a:hover{text-decoration: underline; color: rgb(115, 141, 252);}

#url-inactive{position: fixed; z-index: 1000000; border: 2px solid rgb(226, 46, 46); background-color: rgb(236, 235, 165); top: 100px; left: 30%;}

#header-bg{position: fixed; width: 100%; top: 0px; z-index: 100; background-color: rgb(254, 253, 253);}

.section{padding-bottom: 100px; padding-top: 30px; background-attachment: scroll; min-height: 100vh; color: rgb(68, 68, 68);}

#page{position: relative; margin: 0px; background-color: rgb(247, 247, 247); padding-top: 0px; background-image: none; background-attachment: fixed; background-size: cover;}

#services{color: rgb(68, 68, 68); background-attachment: fixed; background-color: rgb(247, 247, 247); border-top-style: solid; border-top-color: rgb(212, 0, 0); padding-top: 80px;}

#person{color: rgb(68, 68, 68); background-attachment: fixed; background-color: rgb(247, 247, 247); border-top-color: rgb(212, 0, 0); border-top-style: solid; padding-top: 80px;}

#kontakt{color: rgb(68, 68, 68); background-color: rgb(247, 247, 247); background-attachment: fixed; border-top-color: rgb(212, 0, 0); border-top-style: solid; padding-top: 80px;}

#jobs{color: rgb(68, 68, 68); background-color: rgb(247, 247, 247); background-attachment: fixed; border-top-color: rgb(212, 0, 0); border-top-style: solid; padding-top: 80px;}

#footerContainer ul{list-style-type: none; margin-top: 0px;}

#footerContainer li{display: inline-block; margin-right: 50px;}

#content .content-container{max-width: 1000px; margin: auto; background-color: rgb(247, 247, 247);}

#logo{margin-left: 0px; margin-top: 20px; transition-property: height; transition-duration: 0.5s; background-color: rgb(254, 253, 253);}

#header-bg.scrolled #logo{width: 100px;}

#langswitch{position: absolute; left: 40%; bottom: 27px; font-size: 1.3em; color: rgb(153, 153, 153);}

.scrolled #langswitch{bottom: 27px; transition-property: bottom, font-size; transition-duration: 0.5s; font-size: 1em;}

#langswitch a{color: rgb(88, 88, 88);}

a{color: rgb(34, 84, 145);}

#header-bg.scrolled{background-color: rgb(254, 253, 253);}

#cookie-erlaubnis{position: fixed; width: 100%; bottom: 0px; left: 0px; padding: 10px; background-color: rgb(68, 68, 68); color: rgb(254, 253, 253); text-align: center;}

#header .home-einrueck{margin: 0px; color: rgb(255, 255, 255); font-size: 18px; background-color: rgb(212, 0, 0); padding: 0px; box-shadow: rgb(68, 68, 68) 4px 4px 5px; border-radius: 6px;}

html{height: 100%; width: 100%; overflow: auto;}

#content{padding-top: 75px;}

.home #page{background-attachment: fixed; background-size: cover;}

#lebenslauf tr > td{vertical-align: top; padding: 5px;}

.content-container h2{margin-bottom: 40px; padding-top: 20px;}

#content .bg-spacer{min-height: 250px; background-attachment: fixed; background-size: cover; background-position: center center; height: 280px; position: relative;}

.bg-spacer p{margin: 0px;}

.content-container > ul{margin-bottom: 50px;}

ul.toggler-body{list-style-type: none; margin: 0px 0px 35px; padding: 0px;}

h3.toggler-header{padding: 20px 40px; margin: 20px 0px 0px; cursor: pointer; background-color: rgb(255, 255, 255); font-size: 1.3em;}

.toggler-body{margin-bottom: 35px; margin-top: 0px;}

.toggler-header{cursor: pointer; position: relative; margin-bottom: 20px;}

.toggler-header::after{content: "›"; font-size: 1.3em; font-weight: bold; transform: rotate(90deg); position: absolute; right: 18px; top: 10px;}

h2.toggler-header::after{position: static; margin-left: 20px; display: inline-block; vertical-align: middle;}

.toggler-header.open::after{transform: rotate(270deg);}

#services .verrechnungspreise strong::after{content: "›"; font-size: 1.3em; font-weight: bold; transform: rotate(90deg); position: absolute; right: 18px; top: 2px;}

#services .verrechnungspreise strong.open::after{transform: rotate(270deg);}

.content-container .toggler-body .toggler-body{list-style-type: "❚   "; padding: 10px 30px 25px 65px;}

.verrechnungspreise{padding-top: 1px; background-color: rgb(254, 253, 253);}

#services .verrechnungspreise{padding: 0px;}

.verrechnungspreise p{padding: 10px 40px; margin-top: -4px;}

#services .verrechnungspreise li{padding: 5px; margin: 18px;}

#services .verrechnungspreise strong{display: block; position: relative; padding: 8px 12px; border: 1px solid rgb(153, 153, 153); border-radius: 1px; font-weight: normal; cursor: pointer;}

p.toggler-header{padding: 2px 12px; box-shadow: rgb(68, 68, 68) 1px 1px 3px; margin: 10px 0px 3px; cursor: pointer; background-color: rgb(255, 255, 255);}

#person .content-container > ul{list-style-type: none; padding: 0px;}

h3.toggler-header.open{background-color: rgb(255, 255, 255);}

#services ul.toggler-body .verrechnungspreise ul{border: 0px; outline: none;}

#services #verrech-details ul{padding-left: 12px; list-style-type: "❚  "; padding-right: 15px; margin: 0px 48px 30px; border: 1px solid rgb(153, 153, 153); background-color: rgb(243, 242, 242);}

#services .verrechnungspreise strong.open{border-color: rgb(153, 153, 153); background-color: rgb(243, 242, 242);}

#person ul .toggler-body{padding: 10px; background-color: rgb(255, 255, 255);}

#services .verrechnungspreise ul{background-color: rgb(217, 217, 217);}

#services .toggler-body .verrechnungspreise ul{background-color: rgb(255, 255, 255);}

.shadowImg{box-shadow: rgb(68, 68, 68) 4px 4px 5px;}

.verrechnungspreise ul{list-style-type: none; padding: 10px 10px 10px 25px; width: 49%; display: inline-block;}

#header .content-container{max-width: none; margin-top: 10px; background-image: url("/images/airport/AdobeStock_280828161.jpg"); border-bottom: 4px solid rgb(212, 0, 0); background-repeat: no-repeat; background-size: cover; height: 550px; padding-top: 0px; background-position: center center;}

#dr-katarzyna img{max-width: 100%;}

#dr-katarzyna{max-width: 30%; line-height: 1.2em; font-size: 14px;}

#dr-katarzyna a{text-decoration: underline; cursor: pointer;}

#header h1{background-color: rgb(212, 0, 0); color: rgb(255, 255, 255); max-width: 470px; margin: 0px; padding: 20px;}

#more-header-text{max-width: 1000px; margin: 60px auto auto;}

div#vita{background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 1px 1px 8px; padding: 10px 30px; border-radius: 2px;}

.verrechnungspreise #verrech-details ul{width: auto;}

#topbutton img{width: 35px; filter: drop-shadow(rgb(68, 68, 68) 1px 1px 2px);}

#topbutton.show{opacity: 1;}

#topbutton{opacity: 0; transition-duration: 0.5s; transition-property: all; position: fixed; bottom: 85px; right: 7vw;}

p.vorteil{box-shadow: rgb(204, 204, 204) 1px 1px 8px; border-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255); padding: 15px; margin-left: 15px; border-radius: 1px;}

.kmhred{color: rgb(212, 0, 0);}

#header .div-sizer{max-width: 1500px; margin: auto;}

#verrech-details .no-boller-text{list-style-type: none; margin: 4px 4px 4px 10px;}

#dr-katarzyna.floatRight{margin-left: 40px;}

#services > div > ul > li{box-shadow: rgb(204, 204, 204) 1px 1px 8px;}

#services ul ul{background-color: rgb(255, 255, 255);}

.toggler-body.shadowBox{box-shadow: rgb(68, 68, 68) 1px 1px 4px; background-color: rgb(255, 255, 255); padding: 1px 15px; cursor: pointer; border-radius: 4px;}

#more-header-text p{font-size: 1.3em;}

#services .verrechnungspreise #verrech-details li.no-boller-text{margin-left: 0px;}

#services .verrechnungspreise #verrech-details li{margin: 0px 20px;}

ul.toggler-body li{margin-bottom: 8px;}

#person.section h3{margin-top: 50px;}

.bg-spacer h1{text-align: right; margin: 0px; color: rgb(255, 255, 255); font-size: 160px; position: absolute; line-height: 160px; bottom: -20px; right: 10px;}

#header .content-container > div{max-width: 1000px; margin: auto; position: relative;}

#weinachten{position: absolute; width: 460px; height: 350px; right: 78px; top: -64px;}

#weinachten #tanne{position: absolute; height: 200px; right: 32px; bottom: 36px;}

#weinachten p{text-align: right; position: absolute; right: 201px; bottom: 42px;}

#content strong{font-weight: normal;}

#cookie-erlaubnis button{background-color: rgb(243, 242, 242); padding: 4px 8px; border-radius: 10px; font-size: 16px; color: rgb(68, 68, 68);}

#jobs hr{color: rgb(226, 46, 46); margin: 20px 15%;}



/* included stylesheet styles/primnav.css-- */







#primnav{position: absolute; right: 0px; bottom: 27px;}

#primnav li{display: inline-block; position: relative;}

#primnav ul{padding: 0px; margin: 0px;}

#primnav a{text-decoration: none; font-size: 1.1em; color: rgb(136, 136, 136); margin-left: 30px; text-shadow: rgb(254, 253, 253) 1px 1px 1px; transition-property: font-size; transition-duration: 0.5s;}

#primnav ul ul{opacity: 0; position: absolute; visibility: hidden; transition: visibility 0s linear 0.5s, opacity 1s ease 0s; box-shadow: rgb(180, 179, 179) 2px 2px 3px; background-color: rgb(255, 255, 255); left: 30px;}

#primnav ul ul li{float: none; padding: 4px 8px; width: 100%; box-sizing: border-box; cursor: pointer; white-space: nowrap; color: rgb(153, 153, 153);}

#primnav li:hover > ul{opacity: 1; visibility: visible; transition-delay: 0s;}

#primnav ul ul ul{top: 10px; left: 90%;}

#primnav li.current{border: 1px solid rgb(115, 141, 252);}

#header-bg.scrolled #primnav a{font-size: 1em;}

#header-bg.scrolled #primnav{bottom: 27px; transition-property: bottom; transition-duration: 0.5s;}



/* included stylesheet styles/elements.css-- */







*{box-sizing: border-box;}

.grid-dl dt{padding: 0.5em 0px; grid-column-start: 1;}

.grid-dl dd{margin: 0px; padding: 0.5em 0px; grid-column-start: 2;}

.grid-dl{display: grid; grid-template-columns: 0.3fr 1fr; grid-template-rows: auto;}

.clearfix::after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px;}

.floatRight{float: right; margin-left: 15px; margin-bottom: 10px;}

.floatLeft{float: left;}

.align_center{text-align: center;}

.align_right{text-align: right;}

.align_left{text-align: left;}

.align_justify{text-align: justify;}

dt[data-required="1"]::after{content: "*"; color: red; font-weight: bold; font-size: 18px;}

#errors{border: 1px solid rgb(184, 207, 240); background-color: rgb(255, 255, 204); padding: 8px; font-weight: bold;}

.loginbackend{outline: rgb(51, 153, 34) dashed 2px;}

.clearall{clear: both;}




/* included stylesheet styles/mobile.css--screen and (max-width: 900px) */

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






#footerContainer{padding: 20px;}

#logodiv{padding-left: 15px;}

#menuwidget{display: block; position: fixed; font-size: 20px; text-shadow: rgb(254, 253, 253) 2px 2px 0px; padding: 6px; z-index: 1000; right: 11px; top: 6px;}

#primnav{position: fixed;top: 0px; right: auto; bottom: auto; left: -100%; background-color: rgb(254, 253, 253); border: 1px solid rgb(204, 204, 204); padding: 4vw 6vw; box-shadow: rgb(102, 102, 102) 3px 3px 8px; transition-property: left; transition-duration: 0.4s;}

#primnav li{float: none; font-size: 16px; padding: 10px; display: block;}

#primnav ul ul{display: none;}

#primnav li:hover{background-color: transparent;}

#primnav ul ul li{list-style-type: square;}

div.twocol-float{float: none; width: 100%;}

#content .content-container{padding: 15px;}

#page{background-image: none;}

body{font-family: "Pontano Sans", sans-serif; font-size: 18px; line-height: 1.5;}

#header .home-einrueck{margin-top: 0px; margin-left: 0px;}

#langswitch{right: 6vw; left: auto;}

#primnav a{display: block; font-size: 6vw;}

#header-bg.scrolled #primnav{transition-property: left; transition-duration: 0.4s; bottom: auto;}

.scrolled #langswitch{display: none;}

#menuwidget img{max-width: 10vw;}

#dr-katarzyna{max-width: 40vw; line-height: 1.1em;}

#person .content-container p{font-size: 0.9em;}

#person #dr-katarzyna p{font-size: 0.8em; line-height: 1.1em;}

#more-header-text{padding: 15px;}

#header h1{font-size: 7vw; max-width: 90vw;}

#topbutton{bottom: 15px; right: 15px;}

.bg-spacer h1{font-size: 10vw; line-height: 16vw;}

#header .content-container{background-position: left center; height: 400px; background-image: url("/images/airport/AdobeStock_280828161_mobile.jpg");}

.verrechnungspreise ul{width: 100%; padding: 0px;}

#services .verrechnungspreise ul ul{list-style-type: "❚ "; margin: 0px; border: 1px solid rgb(153, 153, 153); background-color: rgb(243, 242, 242); padding: 0px 10px;}

.verrechnungspreise ul ul .no-boller-text{list-style-type: none; padding: 0px; margin: 0px;}

#services .verrechnungspreise ul ul li{margin: 8px 15px;}

#services .verrechnungspreise ul ul .no-boller-text{margin: 8px 0px; padding: 0px;}

.content-container h1{font-size: 8vw;}

#weinachten #tanne{height: 135px; right: 230px; bottom: 10px;}

#weinachten{width: 100%; height: 160px; background-color: rgba(255, 255, 255, 0.6); right: -2px; top: 190px;}

#weinachten p{text-shadow: rgb(255, 255, 255) 1px 1px 0px; font-weight: bold; right: 10px; bottom: -11px;}

#header-bg.scrolled #primnav a{font-size: 6vw;}


}



/* included stylesheet styles/mobile-wide.css--screen and (min-width:560px) and (max-width: 900px) */

@media screen and (min-width:560px) and (max-width: 900px)
{

}



/* included stylesheet styles/compatibility.css-- */



/* included stylesheet styles/print.css-- */