@font-face {
  font-family: opensans;
  src: url(OpenSans-Regular.ttf);
}

@font-face {
    font-family: opensansextra;
    src: url('OpenSans-ExtraBold.ttf');
}

body {
    margin:0;
    padding:0;
    font-family: opensans, arial, sans-serif;
    font-size: 1rem;
}
header {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    background:#fffbf2;
}

h1 {font-family:opensansextra;}
h2 {font-family:opensansextra; text-transform:uppercase; font-size: 2.5rem; font-weight: bold; text-align: center; color: #003969;}
h4 {font-family:opensansextra; text-transform: uppercase;font-size: 1.6rem;}
section { margin:auto; padding-left:20px; padding-right:20px;}
div {
    box-sizing: border-box;
}

button {
    background:#E46305;
    padding:15px;
    font-family: opensansextra;
    font-size: 1.2rem;
    border:0;
    border-radius:35px;
    color: #fff;
    cursor: pointer;
}

button:hover {
    background: #cb5804;
}

.logo {
    max-width:500px;
}

.kooperation, .leistungen, footer{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: center;    
}

.intro {
    text-align: center;
}

.leistungenwrapper{
    background: #ECF6FF; text-align: center; padding:60px 0;
}

.gallery {
    margin: 20px auto;
}

.kooperation {
    background: #f9efe0 ;
}
.kooperation > p {
    width: 100%; text-align: center;
    margin-top:60px;
}
.kooperation > h2 {
    margin-top: 0px;
}

.impressum{
    max-width: 1000px;
    margin:auto;
}

.cta {
    background: #B9DFFF;
    border-radius:35px;
    padding:20px;
    text-align: center;
    max-width: 1000px;
    margin: auto;
}

footer {
    background: #003969;
    color: #fff;
    font-size: 0.8rem;
}

footer a {
    color: #fff;
}
footer a:hover {
    text-decoration: none;
}

.lb-number {
    display: none!important;
}

/*phone*/
@media only screen and (max-width: 768px) {

.leistungen > div {

    text-align: center;
    padding:15px;
    margin: 15px;
    background: #fff;
    border-radius:35px;
}

header{
    height:60vh;
    text-align: center;
    background: ;
    margin-bottom:0
}

header img {
    width:80%;
}
header > h1 {
    display: none;
}

.claimmobile {
    text-align: center;
    background: #93afd8;
    padding: 50px 20px 50px 30px;
    margin-top:0;
    color: #fff;
}

.logo {
    margin-top:-80px!important;
    display: block;
}


}
/*tablet*/
@media only screen and (min-width: 769px) {
header{
    height:60vh;
}
.claimmobile {
    display: none!important;
}

.claimdesktop {
    max-width:60%;
    margin: auto;
    text-align: center;
}

.intro, .gallery{
    max-width:1000px;
    margin:60px auto;
}

.leistungen {
    max-width:1000px; margin:auto;
}

.leistungen > div {
    width: 30%;
    text-align: center;
    padding:15px;
    margin: 15px;
    background: #fff;
    border-radius:35px;
}

}
/*desktop*/
@media only screen and (min-width: 1024px) {

.claimdesktop {
    max-width:100%;
    margin: 0 auto;
}
.logo {
    margin-top:0!important;
    display: block;
}

}