body {
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #24292e;
    background-color: #fff;
    margin: 0;
    padding: 0;
    height:100%;
}

h1 {
  font-size: 3.0em;
}

h2 {
  color: #fff;		
  font-size: 1.5em;
  font-weight: bold;  
}

h3 {
   font-size: 1.7em;
   color: rgb(41 115 178);
}

h4 {
   font-size: 1.4em;
}

#container-section {
  display: none;
}

#container {
  display: block;
  position: absolute;
  top: 1.0em;
  left: 2.0em;
  max-width: 100%;
  height: 10vw;
  padding: 1.0em 1.0em 2.0em 2.0em;
}

#hotline {
  display: block;
  position: absolute;
  top: 1.2em;
  right: 1.5em;
  font-size: 2.0em;
  color: #fff;
  background: #2f7461;
  padding: 0.2em 0.2em 0em 0.2em;
  transform: rotate(5deg);
}

#hotline a {
  color: #fff;
}

#hotline small {
  font-size: 0.5em;
  line-height: 2px;
  vertical-align: super;  
}
	
section#header {
  text-align: center;
  width: 100%;
  border-bottom	: 0.7em solid #e7e7e7;
}

section#excerpt {
  width: 100%;
  border-top: 1px solid #000;  
}

section#excerpt div {
  text-align: center;
  background-color: rgb(41 115 178);
  color: #fff;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 1.3em;
  line-height: 1.4em;
}

.section-title h3 {
  text-align: center;
  line-height: 1.4em;
}

.section-title div {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

section#content-boxes {
  background-color: #fff;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0em;
  padding-bottom: 1.5em;
}

section#content-boxes div {
  position: relative;
  //border: 1px solid #e7e7e7;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin: 0.5em;
  max-width: 56em;
  vertical-align: top;
  overflow: visible;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px 0px grey;
}

section#content-boxes img {
  max-width: 100%;
  height: auto;
  float: right;
  margin: 20px 20px;
}

.content-blue-bg {
  color: #fff;
  background-color: rgb(41 115 178);
  padding-top: 0.2em; 
  padding-left: 3.0em;
  padding-right: 3.0em;
  padding-bottom: 1.7em;
  margin-bottom: 1.5em;
  text-align: center;  
}

.content-blue-bg .section-title h3 {
  color: #fff;
}

.content-white-bg {
  background-color: #fff;
  padding-top: 0.2em; 
  padding-left: 3.0em;
  padding-right: 3.0em;
  padding-bottom: 1.7em;
  text-align: center;
  margin-bottom: 1.5em;  
}

.content-grey-bg {
  background-color: #f0f0f0;
  padding-top: 0.2em; 
  padding-left: 3.0em;
  padding-right: 3.0em;
  padding-bottom: 1.7em;
  text-align: center;
  margin-bottom: 1.5em;
}

.content-green-bg {
  background-color: #2f7461;
  padding-top: 0.2em; 
  padding-left: 3.0em;
  padding-right: 3.0em;
  padding-bottom: 1.7em;
  text-align: center;
  //margin-bottom: 1.5em;
  text-align: center;  
}

.content-green-bg h3 {
  color: #fff;
}

section#footer {
  padding: 4.5em;
  font-size: 0.75em;
  background-color: #f0f0f0;
}

section#privacy {
  padding: 4.5em;
  font-size: 0.75em;
  background-color: #f0f0f0;
  display: none;
}

#privacy h3, #privacy h2 {
  color: #000;
}

.contactdata {
  font-size: 2.5em;
  background: #2f7461;
  padding: 0.2em;
  color: #fff;
  line-height: 1.5em;
}

.contactdata a {
  color: #fff;
}

#price-section {
  font-size: 1.2em;
}

@media screen and (max-width: 810px) {
  section#header {
    font-size: 1.2em;
    width: 100%;
    position: relative;
  }
  
  h1 {
    font-size: 1.4em;
  }
  
  h2 {
    font-size: 1.3em;
  }
  
  h3 {
   font-size: 1.3em;
  }
  
  h4 {
   font-size: 1.2em;
  }
  
  #container-section {
    display: block;
    width: 100%;
    border-bottom: 0.7em solid #e7e7e7;
  }
  
  #container-section img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1.0em 1.0em 1.0em 1.0em;
    max-width: 100%;
    height: auto;
  }

  #container {
    display: none;
  }
  
  #hotline {
    display: none;
  }
  
  .contactdata {
    font-size: 1.5em;
    line-height: 2.0em;
  }
}