body { padding-top: 0px; font-family: Lato, sans-serif; background: rgba(255, 255, 255, 0.9); }

.docs-container { background: transparent; }

.docs-content { box-shadow: initial; background-color: initial; padding: 1px 15px 80px 15px; }

.content-container { background: rgba(255, 255, 255, 0.9); width: 100%; }

.footer { margin-top: 0px; padding-top: 5px; padding-bottom: 5px; background: #212121; border-top: initial; }

.background-area { top: 0; left: 0; position: fixed; width: 100vw; height: 100vh; z-index: -1; background-image: url(/assets/images/logo.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }

.background-area.foreground { z-index: 1999; }

header { border-color: #e6e6e6; background-color: transparent !important; color: #fff; display: fixed; padding: 10px; /* navbar2 / fixed-navbar */ }

header.navbar2 { background-image: url(/assets/images/logo.png); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; }

header:nth-child(2) { transition: all 0.2s ease-in; min-height: 50px; display: none; }

header:nth-child(2) .navbar-logo { text-align: right; padding-right: 35px; }

header:nth-child(2) img { width: 50px; }

nav { float: left; text-transform: uppercase; }

.nav > li > a { padding-right: calc(100vw / 100 - 4px); padding-left: calc(100vw / 100 - 4px); padding-top: 14px; }

.nav li:nth-child(5) { background: #68a94a; }

.navbar1 .navbar-logo { margin-top: 15px; text-align: right; float: left; padding: 5px; }

.navbar2 nav { padding-left: 35px; }

.navbar2 .navbar-logo { margin-top: 12px; margin-left: 15px; height: 15px; }

@media (min-width: 992px) { .navigation-container { position: sticky; top: 70px; padding-left: 0px; padding-right: 0px; } }

/* first breakpoint, small devices */
@media (max-width: 767px) { .navbar1 .navbar-logo { margin-bottom: -20px; } .navbar1 .in .navbar-logo { position: relative; height: 0px; } nav { float: right; margin-right: 20px; } nav ul { text-align: right; } .navbar2 .navbar-logo { text-align: left !important; } }

/* second breakpoint, medium devices */
@media (min-width: 768px) and (max-width: 991px) { .navbar1 nav { /* margin-top: 75px; */ /* padding-left: calc(100% - 738px + 115px); */ padding-left: calc(100% - 686px); left: calc( ( 991px - 100vw )*0.73); } .navbar1 .navbar-logo { margin-left: -10px; height: 55px; } .navbar1 .navbar-logo img { width: 130px; margin-right: 10px; } .navbar1 li { margin: -1px; } .navbar2 .navbar-logo { height: 0px; text-align: left; } .navbar2 nav { padding-left: calc(100vw - 760px); left: calc( ( 948px - 100vw )*0.75); } }

.navbar-logo { z-index: 100; }

/* third breakpoint, larger devices */
@media (min-width: 992px) { .navbar1 nav { margin-top: 130px; padding-left: 50px; } .navbar1 .navbar-logo img { width: 200px; } }

@media (max-width: 450px) { .navbar1 .navbar-logo { height: 60px; } .navbar1 .navbar-logo img { width: 80px; } }

@media (max-width: 250px) { .navbar1 .navbar-logo { height: 30px; } .navbar1 .navbar-logo img { width: 50px; } }

.navbar-nav li { font-size: 16px; }

.navbar-nav li a { color: lightgrey !important; border-bottom: 3px solid transparent; transition: all 0.2s ease-in; padding-bottom: 10px !important; margin-bottom: 10px !important; margin-right: 5px; }

.navbar-nav li a:hover { border-color: #68a94a; color: #68a94a !important; }

.navbar-nav li a.active { border-color: #68a94a; color: #68a94a !important; }

@media (min-width: 768px) and (max-width: 850px) { .navbar1 nav { /* margin-top: 75px; */ /* padding-left: calc(100% - 738px + 115px); */ padding-left: calc(100% - 606px); left: calc( ( 991px - 100vw )*0.15); } .navbar2 nav { padding-left: calc(100% - 680px); left: calc( ( 991px - 100vw )*0.15); } }

@media (max-width: 767px) { .navbar-nav > li > a { line-height: 14px; } }

.sidenav { font-size: 16px; background: initial; }

.sidenav li { text-align: right; }

.sidenav li a { color: grey; border-right: 2px solid grey; transition: all 0.2s ease-in; padding-right: 20px; }

.sidenav li a:hover { color: #68a94a !important; border-color: #68a94a; }

.sidenav li a.active { color: #68a94a !important; }

.navbar { margin-bottom: 0px; }

.navbar-show { display: initial !important; }

.navbar-header { height: 0px; margin-right: 0px !important; }

.navbar-toggle { float: right; margin: 0px; margin-right: 15px; position: relative; top: -15px; }

.home { font-family: Ubuntu, ubuntu, sans-serif !important; padding-left: 43px; padding-right: 33px; padding-top: 0px; }

.home h1, .home h2, .home h3, .home h4 { text-transform: uppercase; margin-bottom: 30px; margin-top: 50px; hyphens: manual; }

.home h1:first-of-type, .home h2:first-of-type, .home h3:first-of-type, .home h4:first-of-type { margin-top: 30px; }

.home p { font-size: 18px; text-align: left; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; margin-bottom: 2rem; }

.home p.text-left { text-align: left !important; }

.home p.text-center { text-align: center !important; }

.home p.text-right { text-align: right !important; }

.home li { font-size: 18px; margin-bottom: 8px; }

.home hr { border-color: grey; }

.home button { width: 100%; background: #3d3d3d; border-radius: 3rem; height: 5rem; color: white; font-size: 16px; text-transform: uppercase; margin-top: 1rem; margin-bottom: 1rem; }

@media (max-width: 450px) { .home h1 { font-size: 32px; } .home h2 { font-size: 25px; } }

@media (max-width: 250px) { .home { padding-left: 25px; padding-right: 25px; } .home h1 { font-size: 25px; } .home h2 { font-size: 20px; } }

.videoframe { width: 560px; height: 315px; }

@media (max-width: 650px) { .videoframe { width: 450px; height: 253px; } }

@media (max-width: 550px) { .videoframe { width: 400px; height: 225px; } }

@media (max-width: 450px) { .videoframe { display: none; } }

.tbl img { max-width: 100%; }

.tbl > div { width: 100%; float: left; }

.tbl > div > div { padding-top: 0px; padding-right: 2rem; padding-bottom: 2rem; }

.tbl > div > div.wide { padding-right: 4rem; padding-bottom: 4rem; }

.tbl > div > div.compact { padding-right: 0.5rem; padding-bottom: 0.5rem; }

.tbl > div > div h1, .tbl > div > div h2, .tbl > div > div h3, .tbl > div > div h4, .tbl > div > div h5, .tbl > div > div h6 { margin-top: initial; }

img[alt$=">"] { float: right; padding-left: 2rem; }

img[alt$="<"] { float: left; padding-right: 2rem; }

img[alt$="><"] { display: block; max-width: 100%; height: auto; margin: auto; float: none !important; padding-left: 2rem; padding-right: 2rem; }

.impressum { background: rgba(63, 63, 63, 0.9); width: 100%; color: white; padding-top: 15px; padding-bottom: 15px; }

.impressum p { color: #c3c3c3; }

.impressum a { color: #68a94a; }

.impressum h4 { text-transform: uppercase; }

.impressum ul { padding: 0px; }

.impressum li { list-style: none; position: relative; /* left: -38px; */ }

/* unterstuetzen sidenav */
.content-container > .row, .navbar > .row { margin-left: auto; margin-right: auto; }

.navbar > .row { position: relative; left: 10px; }

@media (min-width: 992px) and (max-width: 1199px) { .content-container > .row { width: 900px; } .navbar > .row { width: 950px; } }

@media (min-width: 1200px) { .content-container > .row { width: 1100px; } .navbar > .row { width: 1150px; } }

.ul-expander { transition: padding-top 0.5s ease-out; }

.ul-expander li:last-of-type { padding-bottom: 15px; }

/*# sourceMappingURL=styles.css.map */