body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
 :root {
 --font-family: 'Open Sans', sans-serif;
 --font-family-title: 'Open Sans', sans-serif;
 --font-size: 16px;
 --font-weight-normal: 400;
 --font-weight-bold: 700; 
 
 --color-gruen: #52ae32;
 --color-blaugrau: #2C4653;
 --color-blaugrau-medium: #7E8C95;
 --color-weiss: #FFFFFF; 
 --color-orange: #F68700; 
 --color-grau:   #D3D8DB;
 
 --color-akzent-1: rgba(0, 84, 163, 0.1);
 --color-akzent-2: rgba(100, 165, 28, 0.1);  
 
 --color-font: #2B4252;
 
 --background-color:  #C2BC7B; 
 --background-color-akzent: var(--color-blaugrau);
 --background-color-footer: #014C2E;
 
 --content-width-small: 800px;
 --content-width-medium: 980px;
 --content-width-large: 1600px;
 
 --article-width-default: 1200px;
 --article-width-large: 1600px; 
 
 --font-color: var(--color-weiss);
 --font-color-footer: var(--color-weiss);
 --color-content-text: var(--color-weiss);
 
 
}


body {
  text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%; 
  -moz-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%;
}
body{
  font-family: var(--font-family);  
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size);
  color: var(--color-content-text);

}


h1, h2, h3, h4{
  font-family: var(--font-family-title);
  color: var(--color-content-title);
}

h1              { font-size: 2rem; margin:   0 0 1.0rem 0 }
h2              { font-size: 1.5rem; margin: 0 0 0.8rem 0 }
h3              { font-size: 1.2rem; margin: 0 0 0.6rem 0 }
h4              { font-size: 1rem; margin:   0 0 0.5rem 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 0 0 1.12rem 0 }
h5              { font-size: .83rem; margin: 1.5em 0 }
h6              { font-size: .75rem; margin: 1.67em 0 }


a {color: var(--color-content-text);}


h1 a, h2 a, h3 a, h4 a{
  text-decoration: none;
}

#content {
  background: var(--background-color);
  padding: 3em 1em;
 }
 
 #content figure {text-align: center;}
 
 #content .inside figure:nth-child(2) {margin: 3em 0;}
 #footer .inside section:nth-child(2) {margin: 3em 0;}

#footer {
  background: var(--background-color-footer);
  color: #C2BC7B;
  padding: 3em 1em;
}


#footer .inside {
  line-height: 1.6;
  text-align: center;
}

#footer h2 {font-size: 100%;}

#footer section:first-child {font-weight: bold;}



a {color: #C2BC7B;}

@media only screen and (min-width: 769px) {

#content {
  padding: 8em 1em 3em 1em;
  height: 75vh;
      display: flex;
    align-items: center;
 }
 #content figure {text-align: initial;}

#content .inside,
#footer .inside {
  position: relative;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  text-align: initial;
}


#content .inside figure:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
}

#content .inside figure:nth-child(3) {
  margin: 2em 0 3em 0;
}


#footer .inside {
  display: flex;
  gap: 2em;
  justify-content: space-between;
}

#footer section:first-child {
 width: 55%;
}

#footer .inside section:nth-child(2) {margin: initial;}

}

.scroll-up-button {display: none;}