/*header style*/

header {

   background-color: #c6dae0

}

/*Links sollen NICHT unterstrichen sein!*/

a {text-decoration: none;}

body {
    font-family: Roboto-Light, sans-serif; 
    src: url(/fonts format(ttf))
    font-size: 1.125em; color:#005E6E;
    line-height: 1.5
}

  // <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.roboto-<uniquifier> {
  font-family: "Roboto-Light", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: 
    "wdth" 100;
}


/*navigation menu style*/

nav {

text-align: center;
font-size: 1.125em; color:#005E6E;
   word-spacing: 50px;

   Padding: 10px;


}

h1 {
  margin-block: 0.67em;
  font-size: 2em;
  font-weight: 400;
}
h2 {
  margin-block: 0.67em;
  font-size: 1.5em;
  font-weight: 400;
}
h3 {
  margin-block: 0.5em;
  font-size: 1em;
  font-weight: 600;
}

/*navigation menu style*/

nav {

   text-align: center;

   word-spacing: 50px;

   Padding: 10px;


}

    .kasten {
      background: #ffffff;
      height: 100%; 
      width: 1200px; 

       margin-top: 70px;
       margin-left: auto;
       margin-right: auto;

       -webkit-box-shadow: 2px 2px 50px grey;
       -moz-box-shadow: 2px 2px 50px grey;
        box-shadow: 2px 2px 50px grey;

    }

    .kontakt {
      text-align: left;
      left: 50px;
      width: 1100px;
      position: relative;

    }


.post-text-box {
    flex: 70%;
    margin-left: 100px;
    padding: 20px;
}

/*Fußzeile zweispaltig*/

.multi-column {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
}

.multi-column div {
    width: 50%;
}

* {
   box-sizing: content-box;
}