/* general elements and classes */
body {position:static;font-family: 'Open Sans', sans-serif;font-size:1rem;overflow-x:hidden;line-height:1.25;}
#get {background: url(https://http-get.de/get.gif) no-repeat;}
a{transition:all .5s;text-decoration:none;}
a:hover{cursor:pointer;text-decoration:none;}
p{margin-bottom:.5rem;}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1);}
#wrapper{position:relative;}

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-justify{text-align:justify!important;}

/* Button Classes */
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {cursor: pointer;}
.btn{display:inline-block;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn:hover {color: #212529;text-decoration: none;}
.btn-block{display:block;width:100%;}
.btn-primary {color: #fff;background-color: #007bff;border-color: #007bff;}
.btn-primary:hover {color: #fff;background-color: #0069d9;border-color: #0069d9;}
.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d;}
.btn-secondary:hover {color: #fff;background-color: #5a6268;border-color: #5a6268;}
.btn-success {color: #fff;background-color: #28a745;border-color: #28a745;}
.btn-success:hover {color: #fff;background-color: #218838;border-color: #218838;}
.btn-info {color: #fff;background-color: #17a2b8;border-color: #17a2b8;}
.btn-info:hover {color: #fff;background-color: #138496;border-color: #138496;}
.btn-warning {color: #212529;background-color: #ffc107;border-color: #ffc107;}
.btn-warning:hover {color: #212529;background-color: #e0a800;border-color: #e0a800;}
.btn-danger {color: #fff;background-color: #dc3545;border-color: #dc3545;}
.btn-danger:hover {color: #fff;background-color: #c82333;border-color: #c82333;}
.btn-dark {color: #fff;background-color: #343a40;border-color: #343a40;}
.btn-dark:hover {color: #fff;background-color: #23272b;border-color: #23272b;}
.btn-light {color: #212529;background-color: #f8f9fa;border-color: #f8f9fa;}
.btn-light:hover {color: #212529;background-color: #e2e6ea;border-color: #e2e6ea;}
.btn-link {font-weight: 400;color: #007bff;text-decoration: none;}
.btn-link:hover {color: #0056b3;text-decoration: underline;}
.btn-outline-primary {color: #007bff;border-color: #007bff;}
.btn-outline-primary:hover {color:#fff;background-color: #007bff;border-color: #007bff;}
.btn-outline-secondary {color: #6c757d;border-color: #6c757d;}
.btn-outline-secondary:hover {color:#fff;background-color: #6c757d;border-color: #6c757d;}
.btn-outline-success {color: #28a745;border-color: #28a745;}
.btn-outline-success:hover {color:#fff;background-color: #28a745;border-color: #28a745;}
.btn-outline-info {color: #17a2b8;border-color: #17a2b8;}
.btn-outline-info:hover {color:#fff;background-color: #17a2b8;border-color: #17a2b8;}
.btn-outline-warning {color: #ffc107;border-color: #ffc107;}
.btn-outline-warning:hover {color:#212529;background-color: #ffc107;border-color: #ffc107;}
.btn-outline-danger {color: #dc3545;border-color: #dc3545;}
.btn-outline-danger:hover {color:#fff;background-color: #dc3545;border-color: #dc3545;}
.btn-outline-dark {color: #343a40;border-color: #343a40;}
.btn-outline-dark:hover {color:#fff;background-color: #343a40;border-color: #343a40;}
.btn-outline-light {color: #f8f9fa;border-color: #f8f9fa;}
.btn-outline-light:hover {color: #f8f9fa;border-color: #f8f9fa;}

.flex-container, .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.row{margin-right:-15px;margin-left:-15px;}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12{padding-right:15px;padding-left:15px;}
.col{-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.col-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.col-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.col-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.col-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
.col-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.col-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
.col-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
.col-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
.col-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

.justify-content-center{-ms-flex-pack:center;justify-content:center;}
.justify-content-start{-ms-flex-pack:start;justify-content:flex-start;}
.justify-content-end{-ms-flex-pack:end;justify-content:flex-end;}
.justify-content-between{-ms-flex-pack:justify;justify-content:space-between;}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around;}

/* Colors */
.primary{color:#002c59;}
.secondary{color:#6c757d;}
.third{color:#333;}
.danger{color:#dc3545;}
.success{color:#28a745;}
.info{color:#17a2b8;}
.warning{color:#ffc107;}
.white{color:#fff;}

/* Background-colors */
.bg-primary{background-color:#002c59;}
.bg-secondary{background-color:#6c757d;}
.bg-third{background-color:#333;}
.bg-danger{background-color:#dc3545;}
.bg-success{background-color:#28a745;}
.bg-info{background-color:#17a2b8;}
.bg-warning{background-color:#ffc107;}

/* contact form */
::placeholder{font-family:'Open Sans', sans-serif;font-size:.9rem;}
label{display:inline-block;margin-bottom:.5rem;}
#maedchenname{position:absolute;top:-9999px;left:-9999px;}
.form-group{margin-bottom:.5rem;}
.form-control{display:block;padding:.5rem 1rem;width:100%;border:none;border:2px solid #999;border-radius:.3rem;box-shadow:3px 3px 7px 0px rgba(0,0,0,.75) inset;font-size:.9rem;font-family:'Open Sans', sans-serif;}
.form-control:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0;border-color:#80bdff;background-color:#fff;color:#495057;}

/* pure css modal */
.modal{opacity:0;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;text-align:left;background:rgba(0,0,0,.9);transition:opacity .25s ease;z-index:99;}
.modal__bg{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;}
.modal-state{display:none;}
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
.modal-state:checked + .modal .modal__inner {top: 50%;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.modal__inner {transition: top .25s ease;position: absolute;top: -20%;right: 0;left: 0;width: 90%;margin: auto;overflow: auto;background: #fff;border-radius: 5px;padding: 1em 2em;height: auto;}
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
.modal__close:after,
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
.modal__close:hover:after,.modal__close:hover:before {background: #aaa;} 
.modal__close:before {transform: rotate(-45deg);}
.modal__header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);}
.modal__footer{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(0,0,0,.1);}

/* conversion header */
#conversion-header{color:#fff;}
.conversion-item{border-left:1px solid #fff;border-right:1px solid transparent;}
.conversion-item a{color:#fff;padding:.5rem 1rem;}

/* header - menu */
#header-menu{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;box-shadow:2px 2px 4px 0px rgba(0,0,0,.75);}
.logo-container img{max-width:200px;}
.menu-container{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.menu-btn{width:32px;height:32px;text-align:center;position:relative;}
.menu-btn a{display:block;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;color:#002c59;}
.burger{margin-right:35px;position:relative;}
.menu-hover-text{display:none;font-size:12px;color:#002c59;position:absolute;bottom:0;left:100%;}
.burger:hover .menu-hover-text{display:block;}
.suche{margin-right:15px;}
.suche-input{position:relative;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;height:0px;transition:all .4s;overflow:hidden;}
.suchfeld{width:100%;padding:.5rem 1rem;}
.search-btn{height:34px;width:34px;padding:0;margin:0;line-height:1;border:none;background:none;position:absolute;top:0;right:0;color:#002c59;}
.search-btn i{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#suche:target + .suche-input{height:44px;padding:5px 15px;}
#suche:target .open-search{display:none;}

/* Off Canvas Navigation */
.canvas-menu{position:fixed;top:0;right:-320px;height:100%;width:100%;max-width:320px;overflow-y:auto;background-color:#fff;transition:all 1s;z-index:1040;}
#header-menu:target #main-navigation{right:0;box-shadow:-2px 2px 4px 0px rgba(0,0,0,.75);}
.canvas-menu a{display:block;position:relative;top:auto;left:auto;-ms-transform:translate(0,0);transform:translate(0,0);}
.menu-close{display:-ms-flexbox!important;display:flex!important;-ms-flex-pack:start;justify-content:flex-start;align-items:center;padding:.5rem 25px;border-top:1px solid #333;border-bottom:1px solid #333;}
.navigation-link{padding:.8rem 25px;text-align:left;font-size:1.3rem;}
.navigation-link:nth-child(2n){background-color:#ddd;}
.navigation-link:hover{background-color:#002c59;color:#fff;}

/* Content */
.content-main{min-height:700px;}
.content{padding-top:75px;}
.inViewport{opacity: 0;transition: all .5s ease-in-out;}
.inViewport:nth-of-type(odd) {transform: translateX(-100%);} 
.inViewport:nth-of-type(even) {transform: translateX(100%);} 
.inViewport.visible {transform:translateX(0);opacity: 1;}

/* Footer */
.footer-main{padding-top:4rem;padding-bottom:4rem;}

/* Google Maps on contact page */
.map {width: 100%;position: relative;height: 300px;}
.map:before, .map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.map:before {content: '';z-index: 1;}
.map iframe {border: none;}
.map.active {z-index: 1}
.map.active:before {z-index: 0}

/* powered by on imprint page */
.wpt img {max-width: 100px;}
.powered-by {font-size: 14px;font-weight: 500;}
.powered-by small {font-size: 10px;}
.wpt-adress {font-size: 12px;}

@media screen and (min-width:576px){
    .col-sm{-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
    .col-sm-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
    .col-sm-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .col-sm-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-sm-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .col-sm-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-sm-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-sm-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-sm-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .col-sm-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-sm-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-sm-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .justify-content-sm-center{-ms-flex-pack:center;justify-content:center;}
    .justify-content-sm-start{-ms-flex-pack:start;justify-content:flex-start;}
    .justify-content-sm-end{-ms-flex-pack:end;justify-content:flex-end;}
    .justify-content-sm-between{-ms-flex-pack:justify;justify-content:space-between;}
    .justify-content-sm-around{-ms-flex-pack:distribute;justify-content:space-around;}

    .modal__inner {
        max-width: 90%;
    }
}

@media screen and (min-width:768px){
    .col-md{-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
    .col-md-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
    .col-md-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .col-md-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-md-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .col-md-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-md-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-md-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-md-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .col-md-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-md-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-md-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-md-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .justify-content-md-center{-ms-flex-pack:center;justify-content:center;}
    .justify-content-md-start{-ms-flex-pack:start;justify-content:flex-start;}
    .justify-content-md-end{-ms-flex-pack:end;justify-content:flex-end;}
    .justify-content-md-between{-ms-flex-pack:justify;justify-content:space-between;}
    .justify-content-md-around{-ms-flex-pack:distribute;justify-content:space-around;}

    .modal__inner {
        max-width: 600px;
    }
}

@media screen and (min-width:992px){
    .col-lg{-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
    .col-lg-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
    .col-lg-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .col-lg-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-lg-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .col-lg-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-lg-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-lg-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-lg-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .col-lg-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-lg-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-lg-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-lg-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .justify-content-lg-center{-ms-flex-pack:center;justify-content:center;}
    .justify-content-lg-start{-ms-flex-pack:start;justify-content:flex-start;}
    .justify-content-lg-end{-ms-flex-pack:end;justify-content:flex-end;}
    .justify-content-lg-between{-ms-flex-pack:justify;justify-content:space-between;}
    .justify-content-lg-around{-ms-flex-pack:distribute;justify-content:space-around;}

    .modal__inner {
        max-width: 700px;
    }
}

@media screen and (min-width:1200px){
    .col-xl{-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
    .col-xl-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
    .col-xl-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .col-xl-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-xl-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .col-xl-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-xl-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-xl-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-xl-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .col-xl-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-xl-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-xl-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-xl-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

    .justify-content-xl-center{-ms-flex-pack:center;justify-content:center;}
    .justify-content-xl-start{-ms-flex-pack:start;justify-content:flex-start;}
    .justify-content-xl-end{-ms-flex-pack:end;justify-content:flex-end;}
    .justify-content-xl-between{-ms-flex-pack:justify;justify-content:space-between;}
    .justify-content-xl-around{-ms-flex-pack:distribute;justify-content:space-around;}
}

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