* {margin: 0; padding: 0; border: 0;}
html {background-color: #dcdcdc;}
body {
    font-family: "Source Sans 3", sans-serif;
    font-size: 1em;
    line-height: 1.5em;   
    width: 1200px;
    margin: 0 auto;
    position: relative;
    background-color: #fafcf8;
}
/* Container */
nav {
    background-image: linear-gradient(to right, #005180, #0174aa);
    position: sticky; top: 0;
    height: 3.5rem;
    padding: 0.4rem 0;
    box-shadow: 0px 0px 6px rgb(0,0,0,0.5);
}
header {
    background-image: url(../img/header1200-240V3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: 240px;
}
footer {
    background-color: #002450;
    height: 4rem;
    padding: 0.5rem;
}
/* - - - */
/* Haupt-Navigation */
nav ul {
    list-style-type: none;
    display: inline;
    padding: 0 0 0 1.2rem;
    font-weight: 500;
    font-style: normal;
    font-size: 1.15rem;
}
nav ul li {
    display: inline-block;
    padding: 1rem 0 0 0;
}
nav a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    background-color: rgba(0, 81, 128, 0.4);
}
.logo-nav {
    padding: 0.2rem 0 0 1.5rem;
    float:left;
}
.aktiv {
    color: #C3EDFB;
    padding: 1.1rem 0.8rem;
    background-color: rgba(8, 157, 243, 0.4);
}
/* - - - */
/* Telefonnummer */
address {
    display: inline;
    float: right;
}    
.tel {
    padding: 1rem 2rem 0 0;
    font-weight: 500;
    font-size: 1.15rem;
    font-style: normal;
    color: #002450;
}
.tellink {
    text-decoration: none;
    color: #c3edfb;
    letter-spacing: 0.04rem;
    background-color: rgba(0, 81, 128, 0);
}
/* - - - */ 
/* Footer-Navigation */
.nav-footer {
    list-style-type: none;
    display: inline;
    padding: 0 0 0 3rem;
    font-weight: 400;
    font-style: normal;
}
.footer-link {
    display: inline-block;
    padding: 1.5rem 0 0 2rem;
}
.foot-nav-link {
    color: #fff;
    text-decoration: none;
    padding: 10px;
}
small { /* Copyright und Datum letzte Aktualisierung */
    float: right;
    color: #7bc7ed;
    padding-right: 1rem;
    padding-top: 3rem;
}
/* - - - */
/* Typo */
h1 {
    font-size: 1.75rem;
    line-height: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 1.0rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.02rem;
    color: #089df3;
    text-align: center;
}
h2 {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 6rem 0 0 3rem; 
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.06rem;
    color: #c3edfb;
}
.name {
    padding: 3.5rem 0 0.2rem 3rem;
    font-style: normal; 
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #7dcde8;
}
.zeile2 {
    padding: 0 0 0 3rem;
}
.zwisch {
    padding: 0.5rem 14rem 1rem 24rem;
    font-style: normal;
    color: #089df3;
}
.zwisch2 {
    letter-spacing: 0.02rem;
    padding: 0.5rem 14rem 1rem 24rem;
    font-style: normal;
    color: #089df3;
}
h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
    font-style: normal;
    color: #005383;
    padding: 0.5rem 14rem 0 24rem;
}
.marker {
    background-color: #d5ebff;
    border-radius: 0.4rem;
}
.kontakt {
    padding: 8rem 14rem 1rem 24rem;
}
.kontakt2 {
    padding: 2rem 14rem 1rem 24rem;
}
h4 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.5em;
    font-weight: 400;
    font-style: normal;
    color: #089df3;
}
p {
    font-family: "Source Serif 4", serif;
    margin-bottom: 1.8rem;
    font-weight: 400;
    font-style: normal;
    padding: 0 14rem 0 24rem;
    color: #002450;
}
.last {
    margin-bottom: 5rem;
}
.prof {
    margin-bottom: 0.6rem;
}
.strong {
    font-weight: 600;
}
.signa {
    font-family: "Nothing You Could Do", serif;
    font-size: 1.6rem;
    text-align: center;
    padding: 0.8rem 0 4rem 0;
    color: #005383;
}
.mailtel {
    font-family: "Source Sans 3", sans-serif;
    margin-bottom: 0; 
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 0 14rem 0 25rem;
   
}
.mailtel2 {
    letter-spacing: 0.06rem;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: 0 14rem 9rem 25rem;
   
}
/* - - - */
/* Bilder */
.logo {
    padding-left: 1.5rem;
    padding-top: 1.5rem;
}
.por{
    float: left;
    margin: 3rem 0rem 0rem 5rem;
    border-radius: 1rem;
    box-shadow: 3px 4px 6px 0 rgba(0,0,0,0.2); /* horizontal vertikal blur spread */
}
.por2{
    float: left;
    margin: 0rem 0rem 0rem 5rem;
    border-radius: 1rem;
    box-shadow: 3px 4px 6px 0 rgba(0,0,0,0.2); /* horizontal vertikal blur spread */
}
.aka {
    margin: 1rem 0 0 24rem;
}
.zerti {
    float: left;
    padding-left: 3rem;
}
.zerti2 {
    float: left;
    padding-left: 1rem;
}
/* - - - */
/* Anker */
.oben {
    position: sticky; top: 24rem;
    padding: 0 1rem 0 0;
    text-align: right;
    font-family: "Source Sans 3", sans-serif;
    font-size: 0.8rem;
    line-height: 1rem;    
}
/* - - - */
/* Links */
.ohne {
    text-decoration: none;
    color: #005383;    
}
/* - - - */