/* eb-garamond-regular - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/eb-garamond-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/eb-garamond-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v15-latin-regular.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-500 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/eb-garamond-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/eb-garamond-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v15-latin-500.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-600 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/eb-garamond-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/eb-garamond-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v15-latin-600.svg#EBGaramond') format('svg'); /* Legacy iOS */
}

/* eb-garamond-700 - latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/eb-garamond-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/eb-garamond-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/eb-garamond-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/eb-garamond-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/eb-garamond-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/eb-garamond-v15-latin-700.svg#EBGaramond') format('svg'); /* Legacy iOS */
}



/* noto-sans-regular - latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/noto-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
     url('fonts/noto-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/noto-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
     url('fonts/noto-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
     url('fonts/noto-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
     url('fonts/noto-sans-v12-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/noto-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
     url('fonts/noto-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/noto-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
     url('fonts/noto-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
     url('fonts/noto-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
     url('fonts/noto-sans-v12-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-100 - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/noto-sans-jp-v28-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-jp-v28-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-jp-v28-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-jp-v28-latin-100.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-300 - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/noto-sans-jp-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-jp-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-jp-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-jp-v28-latin-300.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}

/* noto-sans-jp-regular - latin */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/noto-sans-jp-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/noto-sans-jp-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/noto-sans-jp-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/noto-sans-jp-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/noto-sans-jp-v28-latin-regular.svg#NotoSansJP') format('svg'); /* Legacy iOS */
}



* {
  /*! margin: 0px; */
  /*! padding: 0px; */
}


/* Bearbeitung */

nav.tabs {
    margin-bottom: 0px !important;
}

nav.tabs ul {
  background: #fff !important;
}

.nav-tabs .nav-link {
  border: 0px !important;
  font-size: 14px;

}

.nav-tabs li {
  border-right: 1px solid;
}

.nav-tabs li:last-child {
  border-right: 0px;
}
nav.tabs ul .nav-item.active a {
  background: #fff !important;
  color: #104B4B !important;
  font-weight: bold;
}

.nav-tabs .nav-link.active {
  border: 1px solid #104B4B;

}


/* Navbar */


.menu-icon-9.nav-item a:after {
  display: none;
  text-decoration: none;
}

.gin--vertical-toolbar .navbar {
  margin-left: 35px;
}

.path-frontpage .intro .layout__region--first .field--name-field-media-image {
  max-width: 165px;
  display: flex;
  justify-content: center;
  margin: -25px auto 0px auto;
}


.path-frontpage .intro .layout__region--second {
  justify-content: center;
}

.path-frontpage .intro p {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

.path-frontpage .banner .wbf {
  top: -50px
}

.path-frontpage .nav-link.nav-link--.is-active {
  /*! display: none; */
}


.path-frontpage ul.nav li.menu-icon-8 a {
  visibility: hidden;
}

.path-frontpage footer {
  margin-top: 0px
}

.navbar.affix {
  background: rgba(255,255,255,0.98)
}

.navbar {
  box-shadow: 5px -6px 18px 2px #999;
  height: 85px;
}

.navbar-collapse {
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  margin: auto;
  position: relative;
  padding-right: 50px;
}

.navbar-brand {
  max-width: 100%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  left: 50px;
  right: 0px;
}

.navbar-brand img {
    position: relative;
    z-index: 10;
}
.img-fluid.d-inline-block.align-top {
	max-width: 12%;
}

.navbar-collapse .nav-link {
  position: relative;

}

.navbar-collapse .nav-item a {
    color: #104B4B;
}

.navbar-collapse .nav-link.active {
  font-weight: bold;
}

.navbar-collapse .nav-link:hover {
  color: 
}

.navbar-collapse .nav-link.active:after,
.navbar-collapse .nav-link:hover:after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  left: 25px;
  right: 25px;
  bottom: 10px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 25px;
    padding-left: 25px;
    font-family: 'EB Garamond';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
}


  #block-buttons {
      display: none;
  }
  


/* Body */

body, html {
    font-family: 'Noto Sans';
    font-style: normal;
   font-weight: 400;
   font-size: 14px
}

html {
  overflow-x: hidden;
}

.text-formatted ul {
  padding-left: 48px;
}

.text-formatted li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 180%;
  position: relative;
}


.text-formatted li:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 10px;
  background-color: #4A8690;
  border-radius: 90%;
  background-size: cover;
  height: 8px;
  width: 8px;
  display: block;
}

.dsgvo li {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 5px;
}

.dsgvo a {
  color: #4A8690 !important;
}


h1, h2 {
  font-family: 'EB Garamond';
  font-weight: 400;
  line-height: 150%;
  font-size: 36px;
  margin-bottom: 15px;
}


h3 {
  font-family: 'EB Garamond';
  font-weight: 400;
  line-height: 130%;
  font-size: 40px;
  
}

h4 {
  font-family: 'EB Garamond';
  font-size: 36px;  
}

h5 {
  font-family: 'EB Garamond';
  font-size: 30px;
}


/* Button */


/* Layout */

.container {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.node__content {
  margin-top: 0px;
}

.full {
  max-width: 100%;
}

.full img {
  max-width: 100%;
  width: 100% !important;
  height: auto;
}

.full .field--type-image,
.boxed .field--type-image, 
.nested .field--type-image{
  float: none;
}

.boxed, .nested {
  max-width: 1200px;
  margin: 0px auto 0px auto;
}

.boxed.banner {
  margin: 0px auto;
  min-height: 1px;
  position: relative;
}

.full .nested img {
  width: auto;
}

.boxed img, .nested img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}

.node .field--type-image {
  margin: 0px;
}

.layout__region--first,
.layout__region--first-above,
.layout__region--first-below{
  padding-right: 25px;
}

.layout__region--second,
.layout__region--second-above,
.layout__region--second-below{
 padding-left: 25px;
}


.nested .layout__region--first,
.boxed .layout__region--first {
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.nested .layout__region--second,
.boxed .layout__region--second{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.nested .paragraph--type--button {
  float: left;
}

.nested .paragraph--type--button {
  display: flex;
}



.boxed .layout__region--first-above,
.boxed .layout__region--first-below {
    display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.boxed .layout__region--second-above,
.boxed .layout__region--second-below {
    display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.boxed .layout__region--first {
  flex: 0 32% !important;
}

.boxed .layout__region--second {
  flex: 0 1 68%;
  padding: 50px;
}

.layout__region--content {
  margin-bottom: 0px;
}


.nested .layout__region--first {
  flex: 0 1 50%;
  margin-top: 75px;
}

.nested .layout__region--second {
  flex: 0 1 50%;
  margin-top:75px;}

.nested .layout__region--first .text-formatted {
  margin-right: -10%;
  margin-left: 15%;
}

.nested .layout__region--second .text-formatted {
  margin-left: 0%;
  margin-right: 15%;
}

.nested .layout__region--second img {
  margin-left: 10%;
  padding-right: 75px;
}

.full.offset {
  margin-top: 100px;
}

/* Button */

.layout__region--first .paragraph--type--button {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 50px;

}

.layout__region--second .paragraph--type--button {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin-top: 50px;
}
.text-formatted .button, 
.readmore-extrafield-link.button,
.button{
  text-decoration: none;
  display: inline-block;
  background: #4A8690;
  padding: 12px 20px;
  min-width: 215px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #fff !important;
  font-size: 15px;
}

.button.outline{
  text-decoration: none;
  display: inline-block;
  background: #fff;
  padding: 12px 100px;
  min-width: 325px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #4A8690 !important;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #4A8690;
}

.paragraph--type--button {
  display: flex;
  justify-content: center;
  width: 100%;
}

.paragraph--type--button a {
    text-decoration: none;
  display: inline-block;
  background: #fff;
  padding: 12px 100px;
  min-width: 325px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #4A8690 !important;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #4A8690;
  margin-left: -50px;
  margin-top: 50px;
}

.text-formatted .button, .button {
  display:inline-block;
  margin-top: 25px;
  margin-right: 25px;
}

.entity-pager-item-all a {
  text-decoration: none;
  display: inline-block;
  background: #fff;
  padding: 12px 20px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #4A8690 !important;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #4A8690;
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: 25px;
  
}

.entity-pager-item-next a {
  text-decoration: none;
  display: inline-block;
  background: #fff;
  padding: 12px 20px;
  min-width: 300px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #4A8690 !important;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #4A8690;
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: 25px;
 
}


.paragraph--type--file {
  margin: auto;
}


.liegenschaft .node__content {
  margin-bottom: -75px
}


/* TABELLEN */

.text-formatted table, .text-formatted td, .text-formatted tr {
  background: none;
  border: none;
}


.field--type-entity-reference {
  margin: 0px;
}

.community .layout--twocol .layout__region--first img {
  padding-left: 180px;
}

/* WEBFORM */


.webform-submission-kontakt-form {
  max-width: 1200px;
  margin: auto;
}

.kontaktformular {
  position: relative;
  z-index: 0;
}


.kontaktformular {
  background: #4A8690;
  clear: both;
  display: block;
  margin-bottom: -25px;
}


.webform-submission-kontakt-form {
  max-width: 1200px;
  margin: auto;
}


.webform-submission-kontakt-form h2:after {
  content: "";
  position: absolute;
  right: 100px;
  background-repeat: no-repeat;
  height: 250px;
  width: 250px;
  bottom: 6px;
  z-index: 99999;

}


.webform-submission-kontakt-form fieldset {
  position: relative;
}

.webform-submission-kontakt-form label {
  background: #4A8690; 
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.02em;
 position: absolute; 
  top: -9px;
  left: 15px;
  pointer-events: none;
  padding: 0px 5px;
  color: #e1e9e9;
}

.webform-submission-kontakt-form .form-item-datenschutz label {
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  margin-top: -25px;
  margin-left: 36px;
  border-radius: 0px;
  pointer-events: auto;
}

.webform-submission-kontakt-form .js-form-item {
  position: relative;
}

.js-form-item-vorname-und-zuname label {
  top: 6px !important;
}

.webform-submission-form .form-required::after {
  display: none;
}


.webform-submission-kontakt-form .form-control {
  border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: none;
  background: none;
  min-height: 55px;
  color: #fff;
  margin-bottom: 15px;
}

.webform-submission-kontakt-form {
  position: relative;
  display: table;
}



.webform-submission-kontakt-form .form-item-titel  {
  width: calc(50% - 10px) !important;
}

.webform-submission-kontakt-form .form-item-anrede  {
  width: calc(50% - 10px) !important;
  float: right;
  margin-right: 0px;
}

.webform-submission-kontakt-form textarea.form-control {
  min-height: 307px !important;
  padding-top: 15px;
}


#edit-left {
  float: left;
  width: 30%;
  padding-right: 18px;
}

#edit-right {
  float: right;
  width: 70%;
  padding-left: 18px;
  padding-right: 75px;
}

.webform-submission-kontakt-form #edit-actions {
  clear: both;
  display: flex;
  justify-content: flex-end;
  padding-right: 75px;
  padding-bottom: 50px;
  padding-top: 25px;
}

.webform-submission-kontakt-form .webform-button--submit {
  background: #efefef !important;
  color: #4a8690 !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  padding: 15px 60px;
  letter-spacing: 0.1em;
  margin-right: 0px;
}

.webform-submission-kontakt-form .webform-button--submit.form-submit::before { 
  display: none; 
}

.form-item-datenschutz.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0;
}

.webform-submission-kontakt-form .form-item-datenschutz.form-check a {
  color: #e1e9e9;
}

.webform-submission-kontakt-form label.error {
  border-bottom: 1px solid red;
  font-weight: bold;
  border-radius: 0px;
  white-space: normal;
}

.form-item-datenschutz label.error{
    width: 460px;
    white-space: normal;
}

.icheckbox_square {
	border-radius: 20%;
	background-color: #fff;
}

.kontakt .boxed .layout__region--first {
   flex: 0 1 40% !important;
}

.kontakt .boxed .layout__region--second {
   flex: 0 1 40%;
}

.intro .layout__region--first {
   flex: 0 1 28%;
}

.intro .layout__region--second {
   flex: 0 1 72%;
}


/* FOOTER */


.site-footer {
    padding: 0px;
    margin-top: 75px;
}

footer table td, footer table tr {
  border: 0px;
  background: none;
}

footer table {
  max-width: 1200px;
  margin: auto;
}


#block-footer {
    background: #828588;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

#block-footer td {
    font-size: 16px;
}

footer a {
  text-decoration: none !important;
}

.site-footer__bottom {
    letter-spacing: 0.2px;
    margin-top: 0px;
    border-top: 0px;
}

.site-footer__bottom .region {
    margin-top: 0px;
}

.site-footer__bottom .block {
    margin: 0;
}

.site-footer a {
  padding: 0px 6px;
}

.site-footer img {
    width: 300px;
    height: auto;
}

.footer a {
    color: #bcbcbc !important;
}

footer {
  margin-top: 0px;
}

.rustler .layout__region--second {
  margin: auto;
  justify-content: center;
}

@media screen and (max-width: 1240px) {


.boxed, .nested {
  max-width: 100%;
  margin-left: 50px;
  margin-right: 50px;
  }
}

@media screen and (max-width: 820px) {

  .layout--twocol {
    display: flex;
    flex-wrap: nowrap;
}
}


@media screen and (max-width: 768px) {
  
    .layout--twocol {
    display: flex;
    flex-wrap: wrap;
}
    
  .boxed, .nested {
    margin-left: 25px;
    margin-right: 25px;
  }
}

@media screen and (max-width: 570px) {
  
.layout__region.layout__region--second {
    padding-left: 0px;
}
}

.tuerkis {
  background-color: #4A8690;
  color: #fff;
  padding: 8%;
  position: relative;
  margin-left: -30%;
  margin-top: -14%;
  display: block;
 

}

.tuerkis::after {
  content: "";
  right: 0;
  position: absolute;
  top: 0px;
  width: 50%;
  bottom: 0px;
  background-color: #4A8690;
  z-index: -1;
}



.tuerkis-rechts {
  background-color: #4A8690;
  color: #fff;
  padding: 50px;
  position: relative;
  margin-left: -19%;
  margin-top: 32%;
 

}

.tuerkis-rechts::after {
  content: "";
  right: 0;
  position: absolute;
  top: 0px;
  width: 50%;
  bottom: 0px;
  background-color: #4A8690;
  z-index: -1;
}

.tuerkis-links {
  background-color: #4A8690;
  color: #fff;
  padding: 8%;
  position: relative;
  z-index: 100;
  margin-right: -19%;
  margin-top: 40%;
  display: flex;
  justify-content: flex-end;

}

.tuerkis-links::after {
  content: "";
  left: 0;
  position: absolute;
  top: 0px;
  width: 50%;
  bottom: 0px;
  background-color: #4A8690;
  z-index: -1;

}

.tuerkis-rechts .text-formatted {
  max-width: 600px;
}

.tuerkis-links .text-formatted {
  max-width: calc(600px + 19%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  float: right;
}

.full.rechts .layout__region--first {
  flex: 0 1 45%;
}

.full.rechts .layout__region--second {
  flex: 0 1 40%;
}

.full.rechts .layout__region--first {
    display: block;
    
}
.layout__region--first, .layout__region--first-above, .layout__region--first-below {
  padding: 0px;
}

.layout__region--second, .layout__region--second-above, .layout__region--second-below {
    padding-left: 0px;
}

.full.rechts .layout__region--first .image-style-teaser  {
  width: 100% !important;
  max-width: 100% !important;
}



.full.links .layout__region--second {
  flex: 0 1 45%;
}

.full.links .layout__region--first {
  flex: 0 1 55%;
}

.full.links .layout__region--second     {
    display: block;
    
}
.layout__region--second, .layout__region--second-above, .layout__region--second-below {
  padding: 0px;
}

.layout__region--first, .layout__region--first-above, .layout__region--first-below {
    padding-left: 0px;
}

.full.links .layout__region--second .image-style-teaser  {
  width: 100% !important;
  max-width: 100% !important;
}

.boxed.paragraph {
	margin-top: 0px;
  display: block;
  
}

.align-left {
	float: left;
	max-width: 80%;
}

.logo {
  max-width: 55%;
  margin: 17% auto;
}

.text-rechts {
  display:flex;
}

.text-rechts .layout__region--first {
  flex: 0 1 40%;
  display: flex;
  align-items: center;
}

.text-rechts .layout__region--second {
  flex: 0 1 60%;
  display: flex;
  align-items: center;
}

.text-links .layout__region--first {
  padding: 5%;
  display: flex;
  align-items: center;
  
}



.text-rechts .layout__region--second {
  padding: 5%;
  display: flex;
  align-items: center;
  
}



.text-links {
  display:flex;
}

.text-links .layout__region--second {
  flex: 0 1 40%;
}

.text-links .layout__region--first {
  flex: 0 1 60%;
}

.text-links .layout__region--first {
  padding: 5%;
}



.tabelle-tuerkis {
  color: #fff;
  background-color: #4A8690;
}

.projekte {
  display: flex;
  margin-top: 5%;
}

.projekte .layout__region--first{
   flex: 0 1 40%;
}

.projekte .layout__region--second{
   flex: 0 1 60%;
}

.projekte .layout__region--second{
   padding: 5%;
   margin: auto;
}

.view-projects, .view-news {
  margin-top: 75px;
  margin-bottom: -50px
}

.view-display-id-block_1 {
  margin-top: 0px;
}


.view-projects .layout, .view-news .layout {
  display: flex !important;
  align-items: center;
}

.view-projects .layout__region--first,
.view-news .layout__region--first{
  flex: 0 1 40% !important;
  display: flex;
  align-items: center;
    flex-direction: column;

}

.view-projects .layout__region--second,
.view-news .layout__region--second {
  flex: 0 1 60% !important;
  padding: 5%;
  flex-direction: column;
}

.view-projects h2,
.view-news h2 {
  padding-top: 0px;
}

.view-projects .button,
.view-news .button {
  margin-top: 25px;
}

.view-projects .node--view-mode-teaser,
.view-projects .node--view-mode-referenzteaser, 
.view-news .node--view-mode-teaser{
    border-bottom: 0;
    margin-bottom: 75px;
    padding-bottom: 0px;
}


.node--view-mode-teaser .layout__region--second {
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
}

.view-projects.view-display-id-referenzen .field--name-field-year {
  font-weight: bold;
  margin: 20px 0px;
  position: relative;
}

.view-projects.view-display-id-referenzen .field--name-field-location {
  font-weight: bold;
  margin: 25px 0px;
  position: relative;
  padding-left: 36px;
}

.view-projects.view-display-id-referenzen .field--name-field-location:before {
   font-family:"Font Awesome 5 Free";
 font-style:normal;
 font-weight:900;
  content: "\f3c5";
  font-size: 32px;
  position: absolute;
  left: 0px;
  top: -10px;
}

.kontakt {
  display: block;
  margin-bottom: -75px;
}

.kontakt .layout__region--first {
  justify-content: start;
  
}

.webform-confirmation__message {
  color: #fff;
  display: flex;
  width: 100%;
  height: 500px;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}



@media screen and (max-width: 1400px) {
  
  .navbar-collapse{
    padding-right: 25px;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
  }
 
   #block-cita-imprint table {
    max-width: 100%;
    width: 100%;
  }
  
  #block-cita-imprint td {
    width: 33% !important;
    padding-left: 30px;
    padding-right: 30px;
  }
 
  #block-cita-imprint img.align-left{
    width: 100px !important;
   
  }
  
  .navbar-collapse .nav-link.active:after,
.navbar-collapse .nav-link:hover:after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  left: 15px;
  right: 15px;
  bottom: 10px;
}
  
  .beispiel h4 {
    font-size: 30px;
  } 

  .beispiel .tabelle-tuerkis {
	  padding: 75px 30px 225px 30px !important;
  }

   .beispiel .text-formatted li strong {
	  font-size: 18px;
  }
   .beispiel .text-formatted strong {
	  font-size: 18px;
  }
  
    .kontaktformular {
   
    padding-left: 30px;
  }

}

@media screen and (max-width: 1200px) {
 
  .img-fluid.d-inline-block.align-top {
    max-width: 120px !important;
  }
  
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
  }
 
   .beispiel h4 {
    font-size: 30px;
  } 

  .beispiel .tabelle-tuerkis {
	  padding: 75px 30px 225px 30px !important;
  }

   .beispiel .text-formatted li strong {
	  font-size: 18px;
  }
   .beispiel .text-formatted strong {
	  font-size: 18px;
  }
  
  
}

@media screen and (max-width: 1140px) {
 
  .img-fluid.d-inline-block.align-top {
    max-width: 100px !important;
  }
  
    .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px;
    font-size: 13px;
  }
  
  .navbar-brand {
    left: 25px;
  }
    .navbar-collapse .nav-link.active:after,
.navbar-collapse .nav-link:hover:after{
  content: "";
  position: absolute;
  border-bottom: 1px solid;
  left: 10px;
  right: 10px;
  bottom: 8px;
  width: 100%;
}
  
     .beispiel h4 {
    font-size: 28px;
  } 

  .beispiel .tabelle-tuerkis {
	  padding: 75px 50px 225px 50px !important;
  }

   .beispiel .text-formatted li strong {
	  font-size: 16px;
  }
   .beispiel .text-formatted strong {
	  font-size: 16px;
  }
  
  .text-formatted li {
    font-size: 16px;
    
  }
    .full.rechts .layout__region--first {
	flex: 0 1 50%;
}
  
  .full.rechts .layout__region--second {
	flex: 0 1 50%;
}
  
  .node--type-project .layout #header .info, .node--type-news .layout #header .info {
    max-width: 90% !important;
    padding: 75px 75px !important;
    margin-top: -75px;
}
  
  
  
}

@media screen and (max-width: 992px) {

  body {
    touch-action: pan-y;
  }

  html, body{
    overflow-x:hidden;
}
  
  
    #block-buttons {
        position: absolute;
        z-index: 10;
        right:60px;
        top: 15px;
        display: block;
    }
    
    #block-buttons a {
      color: #fff;
      text-decoration: none;
      margin: 0px 8px;
      font-size: 28px;
      display: inline-block;
      height: 30px;
      width: 30px;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
      font-size: 14px;
      letter-spacing: 0.07em;
    }
    
    .menu-icon-9 {
      display: none;
    }
 
  .img-fluid.d-inline-block.align-top {
    max-width: 180px !important;
  }
  
  h1, h2 {
    font-size: 32px;
  }
  
  h3{
    font-size: 30px;
  }
  
  p {
    font-size: 14px;
  }
  
  .paragraph--type--button a, .text-formatted .button, .readmore-extrafield-link.button, .button {
    padding: 10px 15px;
    min-width: 200px;
    font-size: 14px;
  }

  .navbar {
    height: auto;
    min-height: 75px;
    box-shadow: none;
  }
  
  .navbar-collapse {
    width: 100% !important;
    border: 1px solid;
    display: block;
    margin-top: 75px;
    padding-left: 15px;
  }
  
  .navbar-brand {
    position: absolute;
    top: 6px;
    left: 25px;
  }
  
  .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 20px;
    border: 0 !important;
  }
  
  .navbar-toggler:focus {
    box-shadow: none !important;
  }
 
  .navbar-toggler-icon {
    background: none;
  }
  
  .navbar-toggler-icon::before {
    content: "\f0c9";
    color: #fff;
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:900;
    font-size: 26px;
  }
  
      .full.rechts .layout__region--first {
	flex: 0 1 60%;
}
  
  .full.rechts .layout__region--second {
	flex: 0 1 40%;
}
  
      .full.links .layout__region--second {
	flex: 0 1 60%;
}
  
  .full.links .layout__region--first {
	flex: 0 1 40%;
}
  
  .node--type-project .layout #header .info, .node--type-news .layout #header .info {
    max-width: 90%;
    padding: 75px  !important;
  }
  
  .verwertung .text-formatted {
    padding: 250px 50px 50px 50px;
}
  
  .beispiel table td:nth-child(2) {
    padding-left: 36px !important;
}

  
}

@media screen and (max-width: 768px) {
  
.boxed .layout__region--first {
    flex: 0 100% !important;
}
  
  .tuerkis-rechts {
    margin-bottom: 50px;
  }

  #block-cita-imprint td {
    width: 100% !important;
    float:  left !important;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  
  .kontaktformular{
  padding-left: 0px !important;
}
  
  .webform-confirmation__message {
    padding: 0px 50px;
  }


    .webform-submission-kontakt-form .form-item-titel {
      width: 100% !important;    
  }

    .webform-submission-kontakt-form .form-item-anrede {
      width: 100% !important;
    }

    .webform-submission-kontakt-form .form-control {
      margin-bottom: 5px;
    }

    .webform-submission-kontakt-form textarea.form-control {
     min-height: 350px !important;
  }
  
  #edit-right {
    width: 50%;
    padding-right: 25px;
  }
  
  #edit-left {
    width: 50%;
  }
  
  .webform-submission-kontakt-form #edit-actions {
    padding-right: 25px;
  }
  
  .kontakt .boxed .layout__region--second {
	flex: 0 1 60%;
}
  .text-formatted li {
    font-size: 14px;
  }
   .full.rechts .layout__region--first {
	flex: 0 1 100%;
     padding-right: 50px;
}
  
  .full.rechts .layout__region--second {
	position: relative;
    padding: 0px 25px 0px 50px;
	flex: 0 1 100%;
    float: right;
    
   
}
  
  .tuerkis-rechts {
    margin-left: 0px;
    margin-right: -25px;
    margin-top: -25px;

  }
    .tuerkis-rechts::after {
	content: "";
	display: none;
}
 
  
  
 
    .full.links .layout__region--second {
	   flex: 0 1 100%;
     padding-right: 0px;
      order: 1;
     
}
  
  .full.links .layout__region--first {
	  position: relative;
    padding: 0px 0px 0px 50px;
	  flex: 0 1 100%;
    float: right;
    order: 2 !important;
}
  
  .layout__region--bottom {
    display: flex;
    order: 3;
  }
  
  
  .view-projects .layout__region--second {
    flex: 0 1 100%;
    padding-right: 0px;
    order: 2 !important;
    display: flex;
    margin-bottom: 25px;
}
  
  
  
  
  .view-news .layout__region--first,
  .view-projects .layout__region--first{
    padding-right: 0px !important;
    order: 1 !important;
    flex: 0 1 100% !important;
    padding: 0px 0px 25px 0px !important;
  }
  
   .view-news .layout__region--second,
  .view-projects .layout__region--second {
        flex: 0 1 100% !important;
    padding-bottom: 0px !important;
  }
  
  .view-projects {
    margin-bottom: -75px;
  }
  
  .tuerkis-links {
margin: -25px 0px 0px 0px;

  }
    .tuerkis-links::after {
	content: "";
	display: none;
}
  
.entity-pager-item-all a {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-right: 0px;
    min-width: 365px;
}
  
  .entity-pager-item-next a {
    display: block;
    min-width: 365px;
    margin-top: 0px;
    margin-bottom: 25px;
    margin-right: 0px;
}
  
  .entity-pager-list .entity-pager-item {
    display: inline-block; 
    margin: 0; */
}
  
  .extra-field--content h3 {
    line-height: 110%;
  }
  
   .verwertung .layout__region--first,
   .verwertung .layout__region--second {
    flex: 0 1 90% !important;
}

  .verwertung .text-formatted {
    padding: 50px 25px 0px 25px !important;
}
  
  .verwertung {
    margin-bottom: -50px;
  }
  
  .beispiel table td:nth-child(2) {
    padding-left: 36px !important;
}
  
  
  
}

@media screen and (max-width: 640px) {
 
  
  .node--type-project .layout #header .info, .node--type-news .layout #header .info {
    padding: 25px !important;
  }

  
  .beispiel td {
    width: 100% !important;
    float: left;
  }
  

.tuerkis {
    background-color: #4A8690;
    color: #fff;
    padding: 8%;
    position: relative;
    margin-left: 0;
    margin-top: 0;
    display: block;
}
  
  .logo {
    max-width: 55%;
    margin: 50px auto !important;
}
 
  
  .text-ohne .layout__region--second {
    margin-bottom: -100px;
  }
  
  .text-links .layout__region--first {
    flex: 0 1 100%;
    order: 2;
}
  
    .text-links .layout__region--second {
    flex: 0 1 100%;
    order: 1;
}
  
  
    .text-rechts .layout__region--first {
    flex: 0 1 100%;
    order: 1;
}
  
    .text-rechts .layout__region--second {
    flex: 0 1 100%;
    order: 2;
}
  
  .text-formatted .button, .button {
    margin-bottom: 15px;
  }
  
 .boxed .layout__region--first,
  .boxed .layout__region--second{
    flex: 0 1 100%;
    padding: 0px;
   
    margin-bottom: 50px;
}
 .boxed .layout__region--first h3,
  .boxed .layout__region--second h3 {
    width: 240px;
    margin-bottom: 0px;
  }
  
  .paragraph--type--button a {
    margin-left: 0px;
    margin-right: 0px;
  }
  
.extra-field--interesse td {
  width: 100% !important;
  float: left;
}

  .extra-field--interesse td:nth-child(3) {
    padding: 0px  25px !important;
  }
  
  .extra-field--interesse img {
    width: 100% !important;
  }
  
  .layout--twocol {
    display: flex;
    flex-wrap: wrap;
}
  
.full.links .layout__region--second {
    flex: 0 1 100%;
    padding-right: 0px !important;
    order: 1;
}
  
  .boxed .layout__region--first h3, .boxed .layout__region--second h3 {
    width: 100%;
    margin-bottom: 0px;
}
  
  .boxed .layout__region--first, .boxed .layout__region--second {
    margin-bottom: 25px;
}
  

  .paragraph--type--button a {
   margin-top: 0px;
  }
  
  .beispiel table td:nth-child(1) {
    border-right: none !important;
    border-bottom: 2px solid #fff;
    padding-left: 5px;
}
  
    .beispiel table td:nth-child(2) {
      padding-top: 25px;
      padding-left: 5px !important;
  }
  
}

@media screen and (max-width: 480px) {
  
   .full.links .layout__region--first .tuerkis-links {
	position: relative;
	padding: 25px;
	flex: 0 1 100%;
	float: right;
	order: 2;
   margin-left: 25px !important;
  
}
  
  .tuerkis-rechts {
    margin-bottom: 0px;
    padding-right: 50px !important;
    display: block;
  }
  
  .tuerkis-rechts .text-formatted {
    max-width: 100%;
    padding: 0;
}
  
.full.rechts .layout__region--second .tuerkis-rechts {
    position: relative;
    padding: 25px 15px 0px 25px;
    flex: 0 1 100%;
    float: right;
    top: -50px;
    margin-left: 0px !important;
}  
   #edit-right {
     min-height: 100px !important;
     width: 100% !important;
     padding-right: 25px;
     padding-left: 0px;
     margin-top: -50px;

  }

    #edit-left {
      float: left;
      width: 100%;
      padding-right: 25px;
  }
  
    .webform-submission-kontakt-form #edit-actions {
      clear: both;
      display: flex;
      justify-content: center;
      padding-right: 35px;
      padding-left: 0px;
      padding-bottom: 50px;
      padding-top: 15px;
    }
  
  
   .full.rechts .layout__region--first {
	   flex: 0 1 100%;
     padding-right: 0px;
}
  
  .full.rechts .layout__region--second {
	position: relative;
    padding: 25px 15px 0px 25px;
	flex: 0 1 100%;
    float: right;
  }  
  
    .full.rechts .layout__region--second .tuerkis-rechts {
	position: relative;
    padding: 25px 15px 0px 25px;
	flex: 0 1 100%;
    float: right;
     top: -50px;
    margin-left: 20px;
  }  
  
  .tuerkis-rechts {
    padding: 25px;
  }
 
  h1, h2 {
    font-size: 28px;
    line-height: 120%
  }
  
  h3 {
    font-size: 24px;
    
  }
  
  p {
    font-size: 13px;
  }

    
    .img-fluid.d-inline-block.align-top {
        max-width: 140px !important;
      margin-top: 5px;
    }
  
  
  .view-projects {
    margin-top: 50px;
    margin-bottom: -120px;
  }
  
  .node--type-project .view-projects {
    margin-bottom: -25px;
    margin-top: 0px;
  }
  
  .view-projects .layout__region--first, .view-news .layout__region--first {
	flex: 0 1 100% !important;
	display: flex;
	align-items: center;
	flex-direction: column;
    order: 1 !important;
    
}
  
  .view-projects .layout__region--second, .view-news .layout__region--second {
	flex: 0 1 100% !important;
	padding: 5%;
	flex-direction: column;
    order: 2;
}
  

  .full.links .layout__region--first {
	position: relative;
	padding: 0px;
	flex: 0 1 100%;
	float: right;
	order: 2;
}
    
 .full.links .layout__region--first .tuerkis-links {
	position: relative;
	padding: 25px;
	flex: 0 1 100%;
	float: right;
	order: 2;
   margin-left: 50px;
  
}
  
  .beispiel .tabelle-tuerkis {
	 padding: 15px 25px 200px 15px !important;
  }
  
 .beispiel h4 {
    font-size: 22px;
  }
  
  .beispiel .text-formatted strong {
	font-weight: 400;
	font-size: 16px;
}
  
  .beispiel .text-formatted li strong {
    font-size: 16px !important;
  }
  
  .beispiel table td:nth-child(2) {
	padding-left: 15px !important;
}
  
  .verwertung .layout__region--first {
	flex: 0 1 90%!important;;
}
  
  .verwertung .text-formatted {
	padding: 50px 25px 25px 50px!important;
}
  
  .entity-pager-item-all a {
  display: inline-block;
    white-space:normal;
  width: 100%;
  min-width: 100%;
}

.entity-pager-item-next a  {
  display: block;
  width: 100%;
  min-width: 100%;
}
  
  .entity-pager-list .entity-pager-item {
    display: block;
  margin: 0px 25px;
}
.site-footer img {
    max-width: 300px;
  width: 100%;
    height: auto;
}
  
  .full.links .layout__region--first .tuerkis-links {
    position: relative;
    padding: 25px;
    order: 2;
    margin-left: 50px;
    display: block;
}
  
  h1, h2, h3, h4, h5 {
    line-height: 115%;
  }
  
  .ergebnis {
    margin-top: 50px;
    margin-bottom: 0px;
  }
  
  
  .beispiel .tabelle-tuerkis {
    padding-bottom: 50px !important;
  }
  
  .verwertung .text-formatted {
    padding: 25px 25px 25px 25px !important;
}
  
  .view-projects .layout__region--second h2 {
    padding-right: 50px;
  }
  
    .view-projects .layout__region--second .text-formatted {
    padding-right: 25px;
  }
  
  .beispiel .tabelle-tuerkis {
    padding-bottom: 200px !important;
    padding-top: 25px !important;
}
  
.kontakt .boxed .layout__region--first {
   flex: 0 1 100% !important;
}

.kontakt .boxed .layout__region--second {
   flex: 0 1 100%;
}
  
  
}  
  
@media screen and (max-width: 380px) {
    .navbar .fa-home{
      display: none;
    }
  
  .img-fluid.d-inline-block.align-top {
    max-width: 40% !important;
    margin-top: 10px;
}
}    
    
  
  @media screen and (max-width: 300px) {
    
    .navbar .fontawesome-icon-inline {
      display: none;
    }