div.bg {
    background-image: url(/Buchholtz_Hero_BG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
   }
   div.firstpart {
     padding: 0 0 10ex 0;
     margin: 0 auto;
     max-width: 75em;
     width: 80%;
   }
   #main-title-subtext-upper {
     max-width: 30em;
     color:rgb(198, 91, 78);
     margin-top:3ex;
     font-weight:500;
   }
   #main-title-subtext-lower {
     max-width: 25em;
     color:rgb(51,110,106);
     font-weight:500;
     margin-top:2ex;
     font-size:110%;
   }
   #upper-contact-button-wrapper {
     margin-top:2ex;
   }
   #upper-contact-button {
     width: 15em;
   }
   #anker-coach-logo-large  {
     margin-top:5ex;
     float: right;
     width: 40%;
   }
   #anker-coach-logo-large img {
     width: 100%;
     padding-left: 20px;
   }
   #anker-coach-logo-small {
     margin: 5ex auto 0 auto;
     text-align: center;
     display: none;
   }
   #anker-coach-logo-small img {
     width: 50%;
   }
   #circles-wrapper {
     margin: 0 auto;
     max-width:60em;
     width:80%;
   }
   #circles-title {
     font-size:200%;
     text-align:center;
     margin:5ex auto 0 auto;
     font-weight:600;
     color:rgb(198, 91, 78);
     line-height:120%;
     max-width: 25em;
   }
   #circles {
     display:flex;
     margin:2ex auto 5ex auto;
     width:100%;
     justify-content: space-between;
     box-shadow: 20px 20px 20px 10px rgba(0, 0, 0, 0.2);
     border: 1px solid #eee;
     flex-direction: row;
   }
   div.circles-subtitle {
     font-weight:600;
     margin: 3ex 0 1ex 0;
   }
   #circles-left {
     background-color:rgb(241, 251, 250);
     padding: 5ex 2ex;
     flex: 1;
   }
   #circles-right {
     background-color:rgb(255,255,255);
     padding: 5ex 2ex;
     flex:1;
   }
   div.circles-inner-wrapper {
     text-align: center;
   }
   div.circles-subtext {
     width: 80%;
     margin: 0 auto;
   }
   div.secondpart {
     background-color: #ffffff;
   }
   #wenn-die-wellen-wrapper {
     margin: 0 auto;
     max-width: 50em;
     padding:0 5% 0 5%;
   }
   #wenn-die-wellen-title {
     font-size:200%;
     text-align:center;
     margin:5ex auto 2ex auto;
     font-weight:600;
     color:rgb(198, 91, 78);
     line-height:120%;
     max-width: 25em;
   }
   #wenn-die-wellen-float {
     float: left;
     padding: 0 20px 20px 0;
     max-width:50%;
     text-align: center;
   }
   #wenn-die-wellen-image {
     width: 100%;
     border:1px solid #ccc;
     border-radius: 5px;
   }
   #wenn-die-wellen-text {
   }
   #wenn-die-wellen-button-wrapper {
     text-align:center;
     margin-top: 4ex;
   }
   #wenn-die-wellen-button {
     display:inline;
     padding-left: 5em;
     padding-right: 5em;
   }
   /*
   #wenn-die-wellen-lower-text {
     clear: left;
     margin: 0 auto;
     max-width:50em;
     padding: 4ex 5% 0ex 5%;
   }
   */
   div.auf-kurs {
     margin: 3ex 0;
   }
   .st0 {
     fill:#c7d5d8;
     fill-opacity:0.2;
   }
   .st1 {
     fill:#d7e5e8;
     fill-opacity:0.4;
   }
   .st2 {
     fill:#a7c5c8;
     fill-opacity:0.6;
   }
   .st3 {
     fill:#d7e5e8;
     fill-opacity:0.8;
   }
   .st4 {
     fill:#c7d5d8;
     fill-opacity:1;
   }
   #neues-buch {
     max-width: 30em;
     margin: 5ex 0 3ex 0;
     background-color: rgba(240,240,240,0.55);
     border: 1px solid #aaa;
     border-radius: 6px;
     display: flex;
     flex-direction: column;
 }
   #neues-buch-link-anchor {
     position:absolute;
     width:100%;
     height:100%;
     top:0;
     left: 0;
     z-index: 1;
   }
   #neues-buch-intro {
   }
   #neues-buch-text {
     margin: 3ex 0;
     text-align: center;
   }
   #neues-buch-title {
     color:rgb(198, 91, 78);
     font-weight: bold;
     font-size: 120%;
   }
   #neues-buch-subtitle {
     color:rgb(51,110,106);
     font-size: 105%;
   }
   #neues-buch-mockup {
     text-align: center;
     margin-bottom: 1ex;
   }
   #neues-buch-mockup-image {
     max-height: 30ex;
   }
   #leitfaden {
     display: flex;
     margin: 5ex 0 3ex 0;
     flex-direction: row;
     max-width: 30em;
     border: 1px solid #aaa;
     background-color: rgba(240,240,240,0.55);
     border-radius: 6px;
   }
   #leitfaden-button-wrapper {
     vertical-align:top;
     padding:0;
     margin: 5ex auto 0 auto;
   }
   #leitfaden-button {
     color:rgb(198, 91, 78);
     text-align:center;
     font-weight: 100;
     padding: 0 5% 0 5%;
   }
   #download-button {
     width:7em;
     margin-top: 3ex;
   }
   #download-submit {
     width: 50%;
   }
   #download-thanks {
     margin-top: 1ex;
     display: none;
   }
   #leitfaden-image {
     width: 15em;
   }
   #from-cloud {
     width: 1.5em;
     position:relative;
     top:5px;
   }
   #leitfaden {
     text-align: center;
   }
   #leitfaden-download-main {
     display: none;
   }
   #leitfaden-lower-icons {
     max-width: 30em;
     margin-top:0ex;
     text-align:center;
   }
   #leitfaden-download-description {
     font-size:90%;
     width: 90%;
     margin: 0 auto;
   }
   #download-mail {
     width: 100%;
   }
   div.leitfaden-cell {
     display: table-cell;
   }
   #anker-setzen-wrapper {
     background-color: rgb(199, 213, 216);
     margin-top:0;
     padding-top:0ex;
   }
   #anker-setzen {
     margin:0 auto;
     max-width:60em;
   }
   #anker-setzen-title {
     font-size:200%;
     text-align:center;
     padding: 0 5%;
     font-weight:600;
     color:rgb(198, 91, 78);
     line-height:120%;
     max-width:25em;
     margin:0 auto;
   }
   #anker-setzen-columns {
     display:table;
     width:100%;
   }
   div.anker-setzen-column {
     display:table-cell;
     width:50%;
     padding:2%;
     vertical-align:top;
   }
   div.anker-setzen-paragraph {
     padding: 2ex 0 0 2ex;
   }
   #anker-setzen-video {
     width:90%;
     object-fit:cover;
     padding: 3ex 2ex;
   }
   #ankerplatz-1 {
     width:80%;
     border: 1px solid #888;
     border-radius: 5px;
   }
   #ankerplatz-2-3-wrapper {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     width: 80%;
   }
   #ankerplatz-2-3-spacing {
     width: 10%;
   }
   div.ankerplatz-2-3 {
     text-align: center;
   }
   #ankerplatz-2 {
     width: 100%;
     border: 1px solid #888;
     border-radius: 5px;
   }
   #ankerplatz-3 {
     width: 100%;
     border: 1px solid #888;
     border-radius: 5px;
   }
   #ankerplatz-4 {
     width:80%;
     border: 1px solid #888;
     border-radius: 5px;
   }
   #je-hoeher-die-wellen-wrapper {
     background-image: url(Buchholtz_Sailing_BG.jpg);
     width:100%;
     min-height:400px;
     background-size:cover;
     background-position:center;
     background-repeat: no-repeat;
     display:table;
   }
   #je-hoeher-die-wellen {
     font-size:200%;
     text-align:center;
     display: table-cell;
     vertical-align: middle;
     color: #ffffff;
     font-weight: 600;
     line-height:150%;
   }
   #adventskalender-wrapper {
     max-width: 50%;
     border: 1px solid #aaa;
     background-color: rgba(240,240,240,0.55);
     border-radius: 6px;
   }
   #adventskalender-subscribe {
     display: none;
     margin: 2ex 5%;
   }
   #adventskalender-button {
     margin: 0 auto;
   }
   #adventskalender-mail {
     width: 100%;
   }

   div.ankommen-durchatmen {
     margin: 0 auto;
     max-width:50em;
     padding: 4ex 5% 0ex 5%;
   }
   #ankommen-durchatmen-title {
     font-size:200%;
     text-align:center;
     margin:5ex auto 2ex auto;
     font-weight:600;
     color:rgb(198, 91, 78);
     line-height:120%;
     max-width: 25em;
   }


   @media only screen and (max-width: 80em) {
     #adventskalender-wrapper {
       width:100%;
       max-width: 40em;
     }
   }

   @media only screen and (max-width: 45em) {
     #anker-coach-logo-small {
       display: block;
     }
     #anker-coach-logo-large {
       display: none;
     }
     #circles {
       flex-direction: column;
     }
   }

   @media only screen and (max-width: 35em) {
     #ankerplatz-2-3-wrapper {
       flex-direction: column;
     }
     #ankerplatz-2-3-spacing {
       display: none;
     }
     #leitfaden {
       flex-direction: column;
       margin: 5ex auto 3ex auto;
       padding: 3ex 0 3ex 0;
       align-self: initial;
       width: 100%;
       max-width: 20em;
     }
   }