:root {
  --farb1: #cc7832; // ;
  --farb2: #8c9755ab; // ;
  --farb3: #f2f2f2; //;
  --farb4: #808080; // grey;
  --farb5: #fff;  //;
  --farb6: #2f292c; //;
  --farb7: #000; //;
}

html {
  box-sizing: border-box;
  background: var(--farb3);
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
.frame-layout-304 {
  text-align: center;
}
.frame-layout-304 img {
  width: 350px;
  height: auto;
}
body {
  font-family: "embury-text",serif;
  font-weight: 200;
  font-style: italic;
  color: var(--farb6);
}
p {
  font-size: 1.2em;
  line-height: 1.6;
}
h1,h2,h3  {
    /* margin: .3em 0 0 0; */
  }
  .ce-bodytext {
    margin: 0;
}
#c11 p {
  text-transform: uppercase;
}
img {
  max-width: 350px;
  /* max-width: 100%; */
  height: auto;
}
.frame-layout-304 {
  min-height: 55vh;
  background-color: var(--farb5);
}
.frame-hervorheben {
  border-radius: 40px;
  background-color: var(--farb1);
  margin-bottom: 2em;
  /* float: right; */
}
div.frame-hervorheben {
  padding: 40px;
}

.frame-aktuell {
  background-color: var(--farb2);
  margin-bottom: 2em;
  padding: 18px;
}


.frame-aktuell header h2 {
/* font-size: 90px; */
/* color: var(--farb5);
 */
}

footer ul {
/* margin: 0 auto; */
/* max-width: 50em; */
list-style-type: none;
display: flex;
/* align-content: center; */
justify-content: center;
align-content: space-around;
column-gap: 20px;

}
footer li {
  text-decoration: none;
  /* min-width: 100px; */
}
/* ul {
  display: none;
}*/
a:link, a:visited {
  color: var(--farb4);
}
  .frame-layout-0 {
    /* background: var(--farb4); */

}
.ce-border img {
  border: none;
  border-bottom: 10px var(--farb3) solid;
}


main {
  display: flex;
  /* flex-direction: column-reverse; */
  flex-direction: column;
}
/* .frame-aktuell { order: 1; }
.frame-hervorheben { order: 2; border: 20px white solid;} */

footer {background: var(--farb6);
   color: white;

}
footer a:link, footer a:visited, .frame-aktuell a:link, .frame-aktuell a:visited {
   color: white !important;
}
a:hover {
  text-decoration: none;
  background: var(--farb6)

}

div .footer-content {}



@media screen and (min-width:768px) {
  .frame {
  padding: 18px 0;
  }
  main {
    /* display: block; */
    margin-top: 64px;
    margin: 64px auto;
  }
  .frame-layout-0 {
    max-width: 768px;
    margin: 0 auto;

  }
  .frame-type-header {
      max-width: 100%;
      text-align: center;
      background-color: var(--farb5);
      border-radius: 20px;
  }

  .frame-layout-304 {
    /* border: 2px blue solid; */
    max-width: 100%;
    min-height: 80vh;
    background-color: var(--farb5);
  }
  .frame-layout-304 {
    text-align: center;
    /* border: 2px blue solid; */
    }
img {
  max-width: 100%;
  }
  .frame-aktuell {
          max-width: 100%;
          position: relative;
          /* margin: 0; */
          /* margin-bottom: 5em; */

  }
  .frame-aktuell div {
    max-width: 50em;
    margin: 0 auto;
    padding: 0;
    /* padding: 18px; */
  }
  .frame-aktuell header h2 {
  /* font-size: 800%; */
  color: var(--farb5);
  text-align: center;
  }
  body {
    margin: 0 auto;
  }

  .frame-aktuell .ce-bodytext{
  display: grid;
  }
  .frame-aktuell .voll {
    grid-column: 1/3;
   grid-row: 1/2;
  }
  .frame-aktuell .breit {
      grid-column: 1/2;
    grid-row: 2/3;
  }


  .frame-aktuell header h2 {
    font-style: normal;
    z-index: 15;
    color: #c9cdb1;
    /* margin: 0; */
    /* padding: 0; */
    position: absolute;
    top: 10%;
    right: 100%;
    white-space: nowrap;
    font-size: 2.5em;
    text-transform:uppercase;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: right top;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: right top;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: right top;
    -o-transform: rotate(270deg);
    -o-transform-origin: right top;
    transform: rotate(270deg);
    transform-origin: right top;
  }



}
@media only screen and (min-width: 900px) {
  .frame-layout-304 img {
    /* max-width: 900px; */
    width: 1000px;
    height: auto;
  }
}

  @media print {
  *, a:link {
    color: #000;
    }
    .frame-layout-304 img {
    /* max-width: 900px; */
    width: 900px;
    height: auto;}
  }