/* Webfonts in use
  OpenSans, OpenSansBold, OpenSansItalic
*/
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/

#content {padding:0;}
#content > div:last-child {margin-bottom:0;}
.fullwidth-grid,
.section-inner-grid {margin-bottom:50px;}
#wrapper > footer {margin-top:0;}
.ce-gallery {margin-bottom:0 !important;}

#intro,
#education {padding:100px 30px;}
#projects {padding:120px 30px 180px;}

/* locations */
#locations .section-inner-grid {max-width:none; padding:0; margin:0;}
#locations h2 {margin:0 0 5px 0;}
#locations h2,
#locations h2 a {color:#fff; font-size:2.4rem; font-weight: 500;}
#locations h2 a:hover {text-decoration:none;}
#locations p {color:#fff; margin:0;}
#locations .col {width:33.333333%; padding:18px 30px;
background: rgb(6,133,81);
background: linear-gradient(90deg, rgba(6,133,81,1) 0%, rgba(0,136,80,1) 100%);}
#locations .col:first-child {background: rgb(0,136,80);
background: linear-gradient(90deg, rgba(0,136,80,1) 0%, rgba(9,115,71,1) 100%);}
#locations .col:last-child {background: rgb(0,111,65);
background: linear-gradient(90deg, rgba(0,111,65,1) 0%, rgba(0,136,80,1) 100%);}

/* intro */
#intro {background-color:rgba(178,205,150,0.2);}
#intro .col:first-child {position:relative;}
#intro .col:first-child > div {position: absolute; top: 50%; transform: translateY(-50%); }
#intro .ce-image {overflow: visible;}
#intro .ce-column {float:none;}
#intro .ce-border {position: relative; overflow:visible !important;}
#intro .ce-border .ce-row {overflow:visible !important;}
#intro .ce-border img {border:none;}
#intro .ce-border::before {position: absolute; right:-5px; top:-5px; content:""; width:155px; height:16px; background-color:#008850;}
#intro .ce-border::after {position: absolute; left:-5px; bottom:-5px; content:""; width:155px; height:16px; background-color:#008850;}

/* education */
#education .section-inner-grid {padding:0;}
#education .col-4,
#education .col-6 {position: relative;}
#education .col-4 .frame::after,
#education .col-6 .frame::after {content:""; position: absolute; top:0; height:100%; width:100%; background-color:rgba(0,136,80,0.8);}
#education .flex-grid:last-child .col-4:nth-child(2) .frame::after,
#education .flex-grid:last-child .col-4:last-child .frame::after {background-color:rgba(83,136,158,0.8);}
#education .col-4 h2,
#education .col-6 h2 {position: absolute; bottom:35px; left:35px; margin:0; color:#fff; z-index:999; text-shadow: 0px 2px 5px rgba(0,0,0,0.6);}
#education .col-4 h2 a,
#education .col-6 h2 a {color:#fff;}
#education .col-4 h2 {font-size:3.6rem; line-height:1.2;}

/* news */
#news {
  display:grid;
  grid-template-columns:repeat(12, minmax(0, 1fr));
  align-items:center;
  min-height:750px;
  max-width:1920px;
  margin-inline:auto;
  padding-block:35px;
  background:none;
}
#news::before {
  content:"";
  grid-column:1 / span 9;
  grid-row:1;
  align-self:stretch;
  min-height:750px;
  background:url(/fileadmin/user_upload/contentpics/news-bg.jpg) center / cover no-repeat;
}
#news .news-container {
  position:relative;
  grid-column:7 / -1;
  grid-row:1;
  top:auto;
  right:auto;
  z-index:1;
  width:100%;
  max-width:1035px;
  justify-self:end;
  transform:none;
  padding:clamp(40px, 4vw, 60px) clamp(40px, 5vw, 80px);
  background-color:#e0e9d7;
}
.news-list-view .news-img-wrap {display:none;}
.news-list-view .article {border-bottom:solid 1px #fff;}
.teaser-text {display:flex; flex-wrap:wrap;}
.news-list-view .article {margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #fff;}
.news-list-view .news-text-wrap {display:flex; flex-wrap:wrap;}
.news-list-view .article-list-text {width:85%; padding-right:10px;}
.news-list-view .article:last-child {margin-bottom:0; border-bottom:0;}


.news-list-date {font-size:14px; font-size:1.4rem; line-height:16px; color:#757575;}

.article .more {display:block; padding: 15px 0; align-self: center; margin-top:0; width:15%; text-align: center; font-size:0; border-left: 1px solid #fff;}
.article .more::after {margin-left:5px; font-size:5rem; color:#333; content:"\f105"; font-family:"Font Awesome 5 Pro"; font-weight: 300;}
.article .more:hover,
.article .more:hover::after {text-decoration: none; color:#008850;}
.news-list-date {display:none;}

/* projects */
#projects .section-inner-grid {max-width:none; padding:0; margin:0;}
#projects .flex-grid h2 {font-size:2.8rem; margin-bottom:15px;}
#projects .flex-grid p {margin:15px 0;}
#projects .flex-grid p:last-child {margin-bottom:0;}
#projects .ce-textpic {position: relative; overflow: visible;}
#projects .ce-bodytext {position: relative; max-width:668px; margin:-35px auto 0; padding:25px 25px; background-color:#fff;
  -webkit-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 4px 6px 0px rgba(0,0,0,0.2);
}
#projects .link-internal-button  {padding: 10px 25px; font-size:1.8rem;}

@media only screen and (max-width:1440px) {
#projects,
 #intro {padding:100px 0;}
 #education {padding:100px 15px;}

 #education .col-4 h2, #education .col-6 h2 {font-size:2.8rem; left:20px; bottom:20px;}

 #projects .ce-bodytext {margin:0 auto;}
}

@media only screen and (max-width:1024px) {
  #locations h2, #locations h2 a {font-size:2rem;}
  #locations p {font-size:1.6rem;}

  #education {padding:50px 15px;}

  #news {display:block; min-height:0; padding:0;}
  #news::before {display:none;}
  #news .news-container {max-width:none; padding:30px 35px;}
}

@media only screen and (max-width:990px) {
  .frame-space-after-large {margin-bottom: 25px;}
  #locations {display:none;}
  #education {padding:50px 15px;}
  #projects {padding:45px 0;}
  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption,
  .tx-ff-owl-slider .layout-2 .caption-wrapper,
  .tx-ff-owl-slider .layout-3 .caption-wrapper {position: static;}
  .tx-ff-owl-slider .layout-2 .caption-wrapper,
  .tx-ff-owl-slider .layout-3 .caption-wrapper {background-color: #008850; padding:20px 15px;}
  .tx-ff-owl-slider .layout-2 .slider-caption,
  .tx-ff-owl-slider .layout-3 .slider-caption {transform:none; max-width: none; width: 100%;}
  .tx-ff-owl-slider .layout-1 h3, .tx-ff-owl-slider .layout-2 h3, .tx-ff-owl-slider .layout-3 h3 {font-size:3.2rem;}
  .tx-ff-owl-slider .layout-1 p, .tx-ff-owl-slider .layout-2 p, .tx-ff-owl-slider .layout-3 p {font-size:1.8rem;}
  .tx-ff-owl-slider .link-internal-button {margin-top:15px; background-color: #fff; color: #008850; font-size:1.6rem; padding:8px 15px;}

   #education .col-4 h2, #education .col-6 h2 {font-size:2.4rem;}
}

@media only screen and (max-width:800px) {
#intro {padding:45px 0;}
#intro .col-6 {width:100%;}
#intro .col-6:last-child {margin-top:20px;}
#intro .col:first-child > div {position: static; transform: none;}
#intro .ce-gallery figure {display: block;}
#intro .ce-border::before {height:10px;}
#intro .ce-border::after {height:10px;}

#education .section-inner-grid {margin-bottom:0;}
#education .col-4, #education .col-6 {width:100%; margin-bottom:15px;}
#education .col-4 h2, #education .col-6 h2 {position: static; width:100%; background-color: #008850; padding:8px; text-shadow: none;}
#education .col-4 .ce-textpic , #education .col-6 .ce-textpic  {display:none;}
#education .col-4 .frame::after, #education .col-6 .frame::after {display: none;}

  #education .col-4:nth-child(2) h2,
  #education .col-4:last-child h2 {background-color: rgba(83,136,158);}

#projects  .flex-grid .col-6 {width:100%; margin-bottom: 20px;}
#projects .ce-bodytext {max-width: 100%;}
#projects .ce-left .ce-gallery, #projects .ce-column {float:none;}
#projects .ce-gallery figure {display:block;}
}

@media only screen and (max-width:640px) {
  .tx-ff-owl-slider .layout-1 p, .tx-ff-owl-slider .layout-2 p, .tx-ff-owl-slider .layout-3 p {font-size:1.6rem;}

  #intro .col-6:last-child {margin-top:0px;}

  #education .col-4 h2, #education .col-6 h2 {font-size:1.8rem;}

  .article .more {display:none;}
  .news-list-view .article-list-text {width: 100%; padding-right:0;}
  #news .news-container {padding: 30px 15px;}
  .news-list-view h4 a {font-size:2rem;}
}