@charset "utf-8";


body{
    background-color: #d9d9d9;
    font-family: 'Roboto';
    font-size: 16px;
    line-height: 24px;
    color: #3e3e3e;
}

#center {
    width: 100%;
    margin: 0 auto;
    background-color: #d9d9d9;
    margin-bottom: 100px;
}

.topmenu {
    width: 100%;
    height: 30px;
    margin-top: -30px;
}


.topmenu a {
    display: block;
    width: 33px;
    float: right;
    margin-right: 10px;
    border-radius: 15px;
    overflow: hidden;
    height: 20px;
    border: solid 5px #ffffff00;
    box-shadow: 0px 0px 8px 0 #0000003d;
}

.topmenu a:first-child{
    margin-right: 0px;
}

.topmenu a:hover {box-shadow: 0px 0px 3px 0 #00000045;}

.topmenu a:active {
    box-shadow: 0px 0px 0px 0 #00000000;
}

#content {
    width: 100%;
    float: right;
    background-color: #bebdb7;
    padding: 0px 5% 50px 5%;
    box-sizing: border-box;
    margin-bottom: 63px;
    position: relative;
    border-radius: 0 0 10px 10px;
}

img{
    width:100%;
    height:auto;
}

#bild-links {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

#simone-bol{
    margin-bottom: -170px;
    float:left;
    margin-top: -50px;
}

#bild-links::after{
    content: '';
    background-color: #bebdb8;
    width: 660px;
    height: 200px;
    position: absolute;
    bottom: 0px;
    display: block;
    transform: rotate(13deg);
    margin-left: -110px;
    margin-bottom: -115px;
}

h3{font-size: 41px;font-weight: 700;font-family: 'Montserrat', sans-serif;margin-bottom: 0;margin-top: 0;}

#buch{

}

#image-demut{
    margin-top: 50px;
}

#subheader-buch{font-family: 'Montserrat', sans-serif;font-size: 21px;}

#buch .button{
    background-color: #cfe5d6;
}

#buch .button:hover {
    background-color: #e0f5e7;
}

#buch .button:active {
    background: linear-gradient(0deg, #e0f5e7, #cfe5d6);
}


#info-buch{
    
}

#referenzen{
    width: 100%;
    background-color: #d1d1d1;
    margin-bottom: 52px;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 40px;
}

#bottom-menu {
    margin-top: 0px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: -90px;
    text-align: center;
}

img#dgs-logo{
    width: auto;
    box-shadow: 0 0px 10px 0 #0000001a;
    float: right;
    margin: -130px calc(170px + 5%) 0px 0;
    position: relative;
    z-index: 500;
    height: 80px;
}

img#pdifh-logo{
    width: auto;
    box-shadow: 0 0px 10px 0 #0000001a;
    float: right;
    margin: -130px 5% 0px 0;
    z-index: 500;
    position: relative;
    height: 80px;
}

img#ifbc-logo{
    box-shadow: 0 0px 10px 0 #0000001a;
    float: right;
    margin: -42px 5% 50px 0;
    z-index: 500;
    position: relative;
    height: auto;
    width: 162.45px;
}




h1, h1 strong, h2, h4{
       font-family: 'Montserrat', sans-serif;
       font-weight: 200;
       color: white;
       margin-bottom: 32px;
       font-size: 48px;
       line-height: 48px;
       margin-bottom: 20px;
}

h1 strong{
    font-weight: 700; 
}

h1.impressum{
    font-size: 40px;
}

h2{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 50px;
    line-height: 27px;
}

h4{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 17px;
    line-height: 27px;
}

.kontakt{
    text-align: center;
    margin-bottom: 0;
    font-size: 30px;
}


p.text-center {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

p.referenzen{
    text-align: center;
    margin-top: 30px;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #7a7a7a;
    font-size: 16px;
    letter-spacing: 9px;
}

a.button {
    display: block;
    width: 100%;
    background-color: #ceebf2;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    text-decoration: none;
    color: #3e3e3e;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Roboto';
    text-align: center;
    margin-bottom: 50px;
    box-shadow: 0 5px 6px 0 #00000021;
}

a.button:hover{
    background-color: #def0f5;
}

a.button:active{
    box-shadow: inset 0 1px 3px 0 #0000005c;
    background: linear-gradient(0deg, #d6e8ed, #b4d2d9);
}

a.buttonsmall{
    margin-bottom: -10px;
}

a.mail {
    color: #3e3e3e;
    text-decoration: none;
}


a.impressum{
    color: #858585;
    text-decoration: none;
    font-size: 14px;
    display: block;
    cursor: pointer;
    margin-top: 30px;
}

a.impressum:hover{
    color: #000000;
}


/* ------------------------ 440px ------------------------ */

@media (min-width: 360px) {

h1, h1 strong, h2{
       font-size: 52px;
}

h2{
    font-size: 20px;
}

}


/* ------------------------ 440px ------------------------ */

@media (min-width: 440px) {


p.referenzen{
    font-size: 24px;
}

a.button {
}

a.button:hover{
    background-color: #def0f5;
}

a.button:active{
    box-shadow: inset 0 1px 3px 0 #0000005c;
    background: linear-gradient(0deg, #d6e8ed, #b4d2d9);
}

a.mail {
    color: #3e3e3e;
    text-decoration: none;
}


}

/* ------------------------ 560px ------------------------ */

@media (min-width: 560px) {

body{
}

#center {
    max-width: 960px;
    margin-bottom: 0px;
}

.topmenu {margin-top: 20px;}



#content {
    width: 50%;
    margin-bottom: 100px;
}

img{
}

#bild-links {
    width: 49.5%;
    float: left;
}

#simone-bol{
    margin-bottom: 190px;
    margin-top: 0;
}

#bild-links::after{
    background-color: #d9d9d9;
    width: 660px;
    height: 240px;
    transform: rotate(26deg);
}

#referenzen{
    margin-bottom: 64px;
}


img#dgs-logo{ margin: -360px 5% 0px 0; width: 200px; height: auto; }

img#pdifh-logo{ margin: -177px 5% 0px 0; width: 200px; height: auto; }

img#ifbc-logo { margin: -68px 5% 0px 0; width: 200px; height: auto; }


h1, h1 strong, h2{
       font-size: 38px;
}

h1{
    margin-top: 100px;
}

h2{
    font-size: 18px;
    margin-bottom: 60px;
    line-height: 28px;
}


p.referenzen{font-size: 17px;letter-spacing: 6px;}


a.button:hover{
    background-color: #def0f5;
}

a.button:active{
    box-shadow: inset 0 1px 3px 0 #0000005c;
    background: linear-gradient(0deg, #d6e8ed, #b4d2d9);
}

a.mail {
    color: #3e3e3e;
    text-decoration: none;
}




}


/* ------------------------ 720px ------------------------ */


@media (min-width: 720px) {

body{
}

#center {
    max-width: 960px;
    margin-bottom: 0px;
}


#content {
    width: 50%;
    margin-bottom: 100px;
}

#bild-links {
    width: 49.5%;
    float: left;
    /* overflow: hidden; */
}

#simone-bol{
    margin-bottom: 300px;
    margin-top: 0;
}

#bild-links::after{
    background-color: #d9d9d9;
    width: 660px;
    height: 240px;
    transform: rotate(
26deg
);
}

#referenzen{
    margin-bottom: 64px;
}

img#dgs-logo{ margin: -360px 5% 0px 0; width: 200px; height: auto; }

img#pdifh-logo{ margin: -178px 5% 0px 0; width: 200px; height: auto; }



h1, h1 strong, h2{font-size: 48px;}

h2{font-size: 18px;}

p.referenzen{font-size: 24px;letter-spacing: 9px;}

a.button:hover{
    background-color: #def0f5;
}

a.button:active{
    box-shadow: inset 0 1px 3px 0 #0000005c;
    background: linear-gradient(0deg, #d6e8ed, #b4d2d9);
}

a.mail {
    color: #3e3e3e;
    text-decoration: none;
}



}


/* ------------------------ 960px ------------------------ */

@media (min-width: 960px) {

h1, h1 strong {
       margin-bottom: 32px;
       font-size: 65px;
}

h2{
    font-size: 23px;
    line-height: 36px;
}


}