a:hover { text-decoration: none; }

.page-head-img img { width: 100%; }

.navbar { background-color: white; padding-top: 33px; padding-bottom: 30px; display: flex; align-items: center; justify-content: center; border-bottom: 3px solid black; }

.main-nav { max-width: 1444px; display: flex; width: 100%; justify-content: space-between; }

.nav-item { font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 21px; color: black; transition: all .3s ease; }
.nav-item:hover { color: #71B0DC; }

.sidebarnav { position: fixed; z-index: 999; right: 8%; top: 30%; }
.sidebarnav ul { list-style-type: none; }
.sidebarnav .sidebar-nav-item { margin-bottom: 38px; }
.sidebarnav .sidebar-nav-item:hover { cursor: pointer; }

.sidebar-nav-content { position: absolute; width: 416px; right: 100px; top: 0; background-color: white; display: none; }
.sidebar-nav-content.active { display: block; }
.sidebar-nav-content .head { border-top: 4px solid black; border-bottom: 1px solid black; margin: 0; padding: 0; }
.sidebar-nav-content .fa-times { position: absolute; padding: 20px 10px; }
.sidebar-nav-content h2 { font-family: "Open Sans", sans-serif; font-size: 30px; text-align: center; padding: 20px 0; font-weight: bold; }
.sidebar-nav-content .sidebar-content { padding: 28px; }
.sidebar-nav-content .sidebar-content .tel { font-family: "Open Sans", sans-serif; font-weight: bold; color: #71B0DC; font-size: 30px; }
.sidebar-nav-content .sidebar-content .tel:hover { color: #71B0DC; }
.sidebar-nav-content .sidebar-content h3 { margin: 21px 0; font-size: 25px; color: black; font-family: "Open Sans", sans-serif; font-weight: bold; }
.sidebar-nav-content .sidebar-content p { font-family: "Open Sans", sans-serif; color: #3D3D3C; line-height: 25px; margin: 0; font-size: 15px; }
.sidebar-nav-content .sidebar-content p.text-bigger { font-size: 18px; }
.sidebar-nav-content .sidebar-content p.extra-margin { margin-bottom: 21px; }
.sidebar-nav-content .sidebar-content .dl-link { color: #3D3D3C; font-family: "Open Sans", sans-serif; font-size: 18px; display: block; line-height: 24px; margin-bottom: 21px; transition: all .3s ease; font-weight: bold; }
.sidebar-nav-content .sidebar-content .dl-link:hover { color: #71B0DC; }

.navbar-toggler { position: relative; top: 65px; }

.sidebarnav-img { float: left; }
.sidebarnav-img:hover { cursor: pointer; }

.sidebar-nav-content-kontakt, .sidebar-nav-content-notdienst, .sidebar-nav-content-anfahrt { z-index: 99999; right: 13%; top: 23%; position: fixed; }
.sidebar-nav-content-kontakt:hover, .sidebar-nav-content-notdienst:hover, .sidebar-nav-content-anfahrt:hover { cursor: pointer; }

.fernwartung { z-index: 7; position: absolute; left: 40px; top: 70%; min-width: 300px; }
.fernwartung .fernwartung-trigger { font-size: 1.25rem; text-align: center; background-color: #FED500; border-radius: 1rem; font-weight: 700; padding: 7px 0; position: relative; z-index: 9; }
.fernwartung .fernwartung-trigger:hover { cursor: pointer; }
.fernwartung .fernwartung-dl-img { position: absolute; width: 25px; left: 60px; top: 12px; }
.fernwartung .fernwartung-content { display: none; background-color: white; z-index: 7; padding-top: 3em; padding-bottom: 1em; padding-left: 2em; position: relative; top: -15px; }
.fernwartung .fernwartung-content a { display: block; font-size: 1.125rem; color: #3D3D3C; line-height: 1.33em; margin-bottom: 21px; font-weight: 700; }
.fernwartung .fernwartung-content a:hover { cursor: pointer; color: black; }

.content { margin-top: 173px; }

.text-over-image { position: absolute; display: block; width: 100%; text-align: center; bottom: 0; font-family: "ff-ginger-pro"; font-size: 71px; line-height: 1; color: white; font-weight: normal; letter-spacing: 1px; }

.container { max-width: 1444px; }

.col-tb-border { border-top: 4px solid black; border-bottom: 1px solid #3D3D3C; font-family: "ff-ginger-pro"; font-weight: normal; padding: 37px 0; }

h1 { font-size: 71px; letter-spacing: 40; line-height: 66px; margin: 0 auto; }

hr { padding-top: 30px; width: 100%; }

.container-fluid { position: relative; }

.container-links-wrapper .col, .container-links-wrapper .col-1, .container-links-wrapper .col-10, .container-links-wrapper .col-11, .container-links-wrapper .col-12, .container-links-wrapper .col-2, .container-links-wrapper .col-3, .container-links-wrapper .col-4, .container-links-wrapper .col-5, .container-links-wrapper .col-6, .container-links-wrapper .col-7, .container-links-wrapper .col-8, .container-links-wrapper .col-9, .container-links-wrapper .col-auto, .container-links-wrapper .col-lg, .container-links-wrapper .col-lg-1, .container-links-wrapper .col-lg-10, .container-links-wrapper .col-lg-11, .container-links-wrapper .col-lg-12, .container-links-wrapper .col-lg-2, .container-links-wrapper .col-lg-3, .container-links-wrapper .col-lg-4, .container-links-wrapper .col-lg-5, .container-links-wrapper .col-lg-6, .container-links-wrapper .col-lg-7, .container-links-wrapper .col-lg-8, .container-links-wrapper .col-lg-9, .container-links-wrapper .col-lg-auto, .container-links-wrapper .col-md, .container-links-wrapper .col-md-1, .container-links-wrapper .col-md-10, .container-links-wrapper .col-md-11, .container-links-wrapper .col-md-12, .container-links-wrapper .col-md-2, .container-links-wrapper .col-md-3, .container-links-wrapper .col-md-4, .container-links-wrapper .col-md-5, .container-links-wrapper .col-md-6, .container-links-wrapper .col-md-7, .container-links-wrapper .col-md-8, .container-links-wrapper .col-md-9, .container-links-wrapper .col-md-auto, .container-links-wrapper .col-sm, .container-links-wrapper .col-sm-1, .container-links-wrapper .col-sm-10, .container-links-wrapper .col-sm-11, .container-links-wrapper .col-sm-12, .container-links-wrapper .col-sm-2, .container-links-wrapper .col-sm-3, .container-links-wrapper .col-sm-4, .container-links-wrapper .col-sm-5, .container-links-wrapper .col-sm-6, .container-links-wrapper .col-sm-7, .container-links-wrapper .col-sm-8, .container-links-wrapper .col-sm-9, .container-links-wrapper .col-sm-auto, .container-links-wrapper .col-xl, .container-links-wrapper .col-xl-1, .container-links-wrapper .col-xl-10, .container-links-wrapper .col-xl-11, .container-links-wrapper .col-xl-12, .container-links-wrapper .col-xl-2, .container-links-wrapper .col-xl-3, .container-links-wrapper .col-xl-4, .container-links-wrapper .col-xl-5, .container-links-wrapper .col-xl-6, .container-links-wrapper .col-xl-7, .container-links-wrapper .col-xl-8, .container-links-wrapper .col-xl-9, .container-links-wrapper .col-xl-auto { padding-right: 5px; padding-left: 5px; }
.container-links-wrapper .row-2 { margin-top: 10px; }

.container-links { background-color: #71B0DC; text-align: center; font-family: "Open Sans", sans-serif; font-size: 25px; color: black; padding-top: 22px; font-weight: bold; display: flex; align-items: center; justify-content: center; height: 320px; transition: all .3s ease; }
.container-links img { width: 80px; display: block; margin: 0 auto 22px auto; transition: all .3s ease; }
.container-links .text { color: black; }
.container-links:hover { text-decoration: none; background-color: #FED500; }
.container-links:hover img { filter: invert(100%); }

.slide-wrapper { background: url("/static/images/globals/slide_bg.jpg"); padding-bottom: 154px; background-repeat: no-repeat; background-size: cover; }
.slide-wrapper h3 { text-align: center; font-family: "Open Sans", sans-serif; font-size: 30px; color: black; font-weight: bold; margin-bottom: 20px; }

#carousel { max-width: 618px; display: block; margin: 0 auto; text-align: center; min-height: 710px; }

.carousel-item { max-width: 100%; overflow: visible; }

.carousel-control-prev-icon, .carousel-control-next-icon { background-image: url("/static/images/pictos/pfeil.png"); width: 30px; height: 60px; }

.carousel-control-prev-icon { transform: rotate(180deg); }

.carousel-control-prev { left: -80px; top: 90%; }

.carousel-control-next { right: -80px; top: 90%; }

.page-header-img { display: block; padding: 150px 0 72px 0; margin: 0 auto; }

.leistungen-title { font-family: "Open Sans", sans-serif; font-size: 30px; line-height: 41px; color: black; font-weight: bold; padding: 21px 0 22px; border-top: 4px solid black; border-bottom: 1px solid black; }

.leistungen-text { font-family: "Open Sans", sans-serif; font-size: 18px; color: #3D3D3C; line-height: 25px; margin-top: 22px; }

.logo-datev { float: left; }

.logo-pascom { display: block; margin-top: 110px; }

@media screen and (max-width: 777px) { .logo-datev { float: unset; }
  .logo-pascom { margin-top: 0; } }
.mitarbeiter-container { max-width: 1066px; margin-top: 76px; }
.mitarbeiter-container .row { margin-bottom: 76px; }

.trenner-team { display: block; width: 100%; border-bottom: 4px solid black; border-top: 0; max-width: 1444px; margin-top: 76px; }

.col-mitarbeiter img { width: 100%; }
.col-mitarbeiter .text { font-size: 15px; color: #3D3D3C; line-height: 22px; font-size: 15px; padding: 20px 15px 20px 10px; }

.mitarbeiter-inner-container { padding: 16px 0 18px 14px; border-top: 4px solid black; border-bottom: 1px solid #3D3D3C; }
.mitarbeiter-inner-container .name { font-family: "Open Sans", sans-serif; font-size: 18px; color: black; line-height: 20px; padding: 0; margin: 0; font-weight: bold; }
.mitarbeiter-inner-container .title { font-family: "Open Sans", sans-serif; font-style: italic; color: #3D3D3C; font-size: 12px; margin: 0; }

.referenzen-container { max-width: 800px; }
.referenzen-container .row { margin-top: 55px; }

.col-referenz { text-align: center; }
.col-referenz a { font-family: "Open Sans", sans-serif; line-height: 20px; font-size: 18px; color: #3D3D3C; }
.col-referenz a .ort { font-size: 15px; font-style: italic; }

.datenschutz .container, .impressum .container { max-width: 742px; }
.datenschutz .container .row .col, .impressum .container .row .col { margin-top: 5em; }

.navbar.navbar-expand-lg.navbar-light { display: none; }

@media screen and (max-width: 991px) { .container-links-wrapper .col, .container-links-wrapper .col-1, .container-links-wrapper .col-10, .container-links-wrapper .col-11, .container-links-wrapper .col-12, .container-links-wrapper .col-2, .container-links-wrapper .col-3, .container-links-wrapper .col-4, .container-links-wrapper .col-5, .container-links-wrapper .col-6, .container-links-wrapper .col-7, .container-links-wrapper .col-8, .container-links-wrapper .col-9, .container-links-wrapper .col-auto, .container-links-wrapper .col-lg, .container-links-wrapper .col-lg-1, .container-links-wrapper .col-lg-10, .container-links-wrapper .col-lg-11, .container-links-wrapper .col-lg-12, .container-links-wrapper .col-lg-2, .container-links-wrapper .col-lg-3, .container-links-wrapper .col-lg-4, .container-links-wrapper .col-lg-5, .container-links-wrapper .col-lg-6, .container-links-wrapper .col-lg-7, .container-links-wrapper .col-lg-8, .container-links-wrapper .col-lg-9, .container-links-wrapper .col-lg-auto, .container-links-wrapper .col-md, .container-links-wrapper .col-md-1, .container-links-wrapper .col-md-10, .container-links-wrapper .col-md-11, .container-links-wrapper .col-md-12, .container-links-wrapper .col-md-2, .container-links-wrapper .col-md-3, .container-links-wrapper .col-md-4, .container-links-wrapper .col-md-5, .container-links-wrapper .col-md-6, .container-links-wrapper .col-md-7, .container-links-wrapper .col-md-8, .container-links-wrapper .col-md-9, .container-links-wrapper .col-md-auto, .container-links-wrapper .col-sm, .container-links-wrapper .col-sm-1, .container-links-wrapper .col-sm-10, .container-links-wrapper .col-sm-11, .container-links-wrapper .col-sm-12, .container-links-wrapper .col-sm-2, .container-links-wrapper .col-sm-3, .container-links-wrapper .col-sm-4, .container-links-wrapper .col-sm-5, .container-links-wrapper .col-sm-6, .container-links-wrapper .col-sm-7, .container-links-wrapper .col-sm-8, .container-links-wrapper .col-sm-9, .container-links-wrapper .col-sm-auto, .container-links-wrapper .col-xl, .container-links-wrapper .col-xl-1, .container-links-wrapper .col-xl-10, .container-links-wrapper .col-xl-11, .container-links-wrapper .col-xl-12, .container-links-wrapper .col-xl-2, .container-links-wrapper .col-xl-3, .container-links-wrapper .col-xl-4, .container-links-wrapper .col-xl-5, .container-links-wrapper .col-xl-6, .container-links-wrapper .col-xl-7, .container-links-wrapper .col-xl-8, .container-links-wrapper .col-xl-9, .container-links-wrapper .col-xl-auto { margin-bottom: 10px; }
  .container-links-wrapper .row-2 { margin-top: 0; }
  .col-mitarbeiter { max-width: 80%; margin: 0 auto; } }
@media screen and (max-width: 972px) { .navbar.fixed-top, .fernwartung { display: none; }
  #navbarText { margin-top: 2em; }
  .sidebar-nav-content-kontakt, .sidebar-nav-content-notdienst, .sidebar-nav-content-anfahrt, .sidebar-nav-content-downloads { width: 100%; left: 0; border-bottom: 1px solid black; }
  .sidebarnav { display: none; }
  .navbar.navbar-expand-lg.navbar-light { display: block; }
  #navbarText { text-align: right; }
  .navbar-toggler { float: right; }
  .content { margin-top: 0; }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link { color: black; } }
@media screen and (max-width: 996px) { .text-over-image { font-size: 2.5rem; } }
@media screen and (max-width: 991px) { .mitarbeiter-container .row { margin-bottom: 0; }
  .col-mitarbeiter { margin-bottom: 76px; } }
@media screen and (max-width: 768px) { h1 { font-size: 2.5rem; line-height: 1.2; } }
@media screen and (max-width: 750px) { .carousel-item img { max-width: 280px; } }
@media screen and (max-width: 733px) { #carousel { width: 60%; }
  #carousel .page-header-img { max-width: 180px; }
  .carousel-item { word-wrap: break-word; } }
@media screen and (max-width: 575px) { .row-referenz { margin-top: 0 !important; }
  .col-referenz { margin-top: 55px; } }
@media screen and (max-width: 320px) { .carousel-item img { max-width: 240px; } }
footer { margin-top: 350px; }
footer p, footer a { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 22px; }
footer a { color: black; transition: all .3s ease; margin-right: 17px; }
footer a:hover { color: #71B0DC; text-decoration: none; }