html, body {
background-color: #fff;
margin: 0;
height: 100%; 
color: #000; 
font-family: Jost;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 24px;
box-sizing: border-box;
word-wrap: break-word !important;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-animation: slide-in-top 0.8s ease-in-out both;
animation: slide-in-top 0.8s ease-in-out both;
}
a:link {
color: #005a9e;
text-decoration: underline;
}
a:visited {
color: #005a9e;
text-decoration: underline;
}
a:hover {
color: #005a9e;
text-decoration: underline;
}
#header-wrapper {
width: 100%;
height: auto;
border-bottom: 0px solid #000;
}
#header {
max-width: 950px;
height: auto;
margin: 0px auto;
padding: 25px;
text-align: center;
}
/*
#header-links {
font-size: 20px;
float: right;
margin-top: 55px;
}*/
#header-links {
font-size: 20px;
float: none;
margin-top: 55px;
text-align: center;
}
#header-links a {
color: #000000;
text-decoration: none;
margin-left: 20px;
font-weight: 600 !important;
text-transform: uppercase;
}
#header-links a:hover {
color: #000000;
text-decoration: underline;
}
.nav-active {
color: #000000;
text-decoration: none !important;
border-bottom: 2px solid #000;
}
#header-mobile {
display: none !important;
}


#content {
max-width: 910px;
height: auto;
margin: 0px auto;
padding: 15px;
margin-top: 40px;
}
#content-wide {
max-width: 1000px;
height: auto;
margin: 0px auto;
padding: 15px;
margin-top: 40px;
}
#footer {
max-width: 100%;
height: auto;
font-size: 12px;
margin: 0px auto;
margin-top: 50px;
padding-top: 35px;
padding-bottom: 25px;
padding-left: 0px;
text-align: center;
}
#footer a:link {
color: #000000;
font-weight: 500;
font-size: 14px;
text-decoration: none;
}
#footer a:visited {
color: #000000;
font-weight: 500;
text-decoration: none;
}
#footer a:hover {
color: #000000;
font-weight: 500;
text-decoration: none;
}

h1 {
line-height: 38px !important;
}
h2 {
line-height: 33px !important;
}
.col-h1{
font-size: 50px;
line-height: 50px;
margin-top: 70px;
}

.col-content{
padding-left: 35px;
padding-right: 35px;
padding-top: 35px;
}


.mobilenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #000;
border-right: 0px solid #000;
overflow-x: hidden;
padding-top: 10px;
box-shadow: 1.5px 0px 2.2px rgba(0, 0, 0, 0.02),3.5px 0px 5.3px rgba(0, 0, 0, 0.028),6.6px 0px 10px rgba(0, 0, 0, 0.035),11.8px 0px 17.9px rgba(0, 0, 0, 0.042),22.1px 0px 33.4px rgba(0, 0, 0, 0.05),53px 0px 80px rgba(0, 0, 0, 0.07);
}
.mobilenav a {
text-decoration: none;
font-size: 25px;
color: #ffffff;
font-weight: 600 !important;
display: block;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-top: 10px;
}
.mobilenav a:hover {
color: #ffffff;
}
@media screen and (max-height: 450px) {
.mobilenav {padding-top: 15px;}
.mobilenav a {font-size: 18px;}
}
.menue-button {
font-size: 17px;
font-weight: 600;
float: right;
padding-top: 5px;
margin-top: 10px;
margin-right: 5px;
cursor: pointer;
text-transform: uppercase;
}
.close-button {
font-size: 14px !important;
font-weight: 500;
padding: 10px;
margin-right: 5px;
margin-bottom: 20px !important;
display: block;
cursor: pointer;
text-transform: uppercase;
}
.close-button::after {
content: "✕";
padding-left: 5px;
}





/* KONTAKTFORMULAR */
input, select, textarea {
width: 100%;
padding: 13px; 
border: 2px solid #000000; 
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 15px;
resize: vertical;
font-size: 18px;
}
input[type=submit] {
background-color: #005994;
color: #fff;
padding: 14px 20px;
border: none;
cursor: pointer;
font-size: 18px;
font-weight: 500;
font-family: Jost;
}
input[type=submit]:hover {
background-color: #0B5A98;
}
textarea {
font-family: Jost;
}
label {
font-family: Jost;
font-size: 22px;
font-weight: 500;
margin-top: 25px;
}
.cta {
padding-left: 22px;
padding-right: 22px;
padding-top: 12px;
padding-bottom: 12px;
font-family: Jost;
font-size: 19px;
font-weight: 600;
color: #000 !important;
text-transform: uppercase;
background-color: #ffffff;
cursor: pointer;
border: 3px solid #000;
border-radius: 10px;
text-decoration: none !important;
margin-top: 20px !important;
display: inline-block;
-webkit-transition: ease-out 0.3s;
-moz-transition: ease-out 0.3s;
transition: ease-out 0.3s;
}
.cta:hover {
padding-left: 22px;
padding-right: 22px;
padding-top: 12px;
padding-bottom: 12px;
font-size: 19px;
font-weight: 600;
color: #fff !important;
text-transform: uppercase;
background-color: none;
cursor: pointer;
border: 3px solid #000;
border-radius: 10px;
box-shadow: inset 500px 0 0 0 #000000;
}
b{
font-weight: 500;
}
.nav-active{
color: #000 !important;
}





@media (max-width: 900px) {
#content {
padding-left: 25px;
}
#header-mobile {
max-width: 900px;
height: auto;
margin: 0px auto;
padding: 15px;
display: block !important;
}
#header {
display: none !important;
}
#footer {
text-align: center;
background-color: #fff;
}
}








/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../com/webfonts/jost-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../com/webfonts/jost-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../com/webfonts/jost-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../com/webfonts/jost-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}






/* CALLTO */
/*  SECTIONS  */
.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  margin: 0% 0 0% 0%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
  width: 100%;
}
.span_1_of_2 {
  width: 50%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
  .col { 
    margin: 1% 0 1% 0%;
  }
.col-h1{
  font-size: 50px;
  line-height: 50px;
  margin-top: 20px;
  }
.col-content{
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 35px;
  }  
  
}

@media only screen and (max-width: 700px) {
  .span_2_of_2, .span_1_of_2 { width: 100%; }
}





















@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.covertipp{
margin-top: 50px !important;
display: block;
}