@charset "UTF-8";

body,h1,h2,h3,h4,h5,h6, p,.card-body, ul {font-family: "Dosis", sans-serif !important;}
body, html, .card-body, ul  {
  font-weight:400;
  height: 100%;
  color: #777;
  line-height: 1.8;
  letter-spacing:0.02em
}

p {font-size:140% !important;margin-top:10px !important;}

a {color:#333 !important}

.card {border:none !important;border-radius:none;}
.card .btn {background:none !important;font-size:180%;font-weight:600;color: #867237 !important;opacity:1;}
.card button[aria-expanded="false"]:hover {opacity:0.7;text-decoration:none !important;}
.card button {border:none;}
.card-header {background-color:#e4dfd8 !important;border-radius:none !important;font-size:120% !important;border-top:10px #fff solid;border-bottom:0 !important;padding:0 !important;margin-top:5px;text-decoration:none !important;}
.card-header .btn-link {text-decoration:none !important;}
.card-header .btn {width:100%;display:block;text-align:left;height:100%;padding:2px 20px 3px 20px;}
.card-header .btn:hover {text-decoration:none}
#accordion-1, #accordion-2, #accordion-3 {margin-bottom:40px}

#accordion-4 {margin-top:-10px;}
#accordion-4 .card-header button{background-color:#fed74e !important;color:#438282 !important;opacity: 1;}
#accordion-4 .card-header button[aria-expanded="false"] {background-color:#4c9292 !important;color:#fed74e !important;opacity:0.7;}
#accordion-4 .card-header button[aria-expanded="false"]:hover {opacity:1;}
#accordion-4 .card-header h5 {font-size:100% !important;}
#accordion-4 button {white-space:normal !important;line-height:3rem;padding:8px 20px 12px 20px;}
#accordion-4 .card-body {border-left:3px #fed74e solid !important;}

body {color:inherit !important;font-size:1.25rem !important;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: 1rem;
    font-weight: 600 !important;
    line-height: 1.2;
}
.h4,h4 {
    font-size: 2rem !important;
}

.h3, h3 {
    font-size: 3rem !important;
}

a:hover {
    text-decoration: none !important;
	color: #349999 !important;
}

.w3-bar, .w3-content h3, #navDemo a {
  font-weight:600 !important;
  text-transform:uppercase;
  letter-spacing:0.02em
}
.post-header, .bgimg-2, .bgimg-3 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.post-header {
  background-color: #b5ac9f;
  background-image: url('../media/top20.jpg');
  xmin-height: 100vh;
  height: 100vh;
}
@media (orientation: portrait) {
  .post-header {height: calc(100vh - 56px);}
}
@media (orientation: landscape) {
  .post-header {height: calc(100vh - 52px);}
  .w3-display-middle {top: 40% !important;}
}
.bgimg-2 {
  background-image: url('../media/middle.jpg');
  min-height: 400px;
}
.bgimg-3 {
  background-image: url('../media/bottom.jpg');
  min-height: 400px;
}

.dpr-flip-box .flip-wrap-front {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.w3-wide {letter-spacing: 0.2em;}
.w3-bar a {color:#fff}
.w3-animate-top a {opacity:1 !important;color:#7b6843 !important}
h3 {color: rgb(153, 130, 61) !important;}
a:hover {color: #349999;}
.cog {list-style:none;padding-top:0;margin:0 0 40px 0}
.cog .fa {color:#349999;text-indent:0;margin-left:0;position:relative;top:1px;display:inline-block;width:30px;}
.cog {padding-left:60px;text-indent:-45px;margin-left:0;line-height:1.5em}
.cog li {margin-bottom:10px}
#myNavbar {font-size:150% !important;background: linear-gradient(180deg, rgba(60,100,126,0.4) 0%, rgba(0,0,0,0) 100%);height:150px;margin-bottom:-80px;}
#myNavbar a {color:#fff !important;}
#myNavbar a:hover {color: rgb(153, 130, 61) !important;}
#myNavbar.navbar-shrink {margin-bottom:0}
#myNavbar.navbar-shrink a {color: rgb(153, 130, 61) !important;}
#myNavbar.w3-animate-top  {background: none;height:inherit;}
#navDemo {font-size:150% !important;font-weight:600;color: rgb(153, 130, 61) !important;}
#navDemo a, .w3-bar a {color: rgb(153, 130, 61) !important;}
#navDemo a:hover, .w3-bar a:hover {color: rgb(153, 130, 61) !important;}
.w3-display-middle {text-align:center;font-weight:600;width:100vw;}
.w3-display-container .w3-display-middle {text-transform:uppercase}
.container, body.content-full-screen .elementor-section-wrapper > .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
}
.w3-bar .w3-bar-item {height:70px;}
.w3-bar .w3-bar-item.w3-logo {padding-left: 70px;padding-right: 20px}
.w3-animate-top .w3-logo {background:url('../media/sw-logo-bar.png') 12px 12px no-repeat;}
.w3-logo {background:url('../media/sw-logo-start.png') 12px 12px no-repeat;}
.w3-logo:hover {background: url('../media/sw-logo-bar.png') 12px 12px no-repeat;}
#alle, #typ1, #typ2, #typ3 {border:none;font-size:150%; font-weight:600;margin:5px 10px;text-transform:uppercase;padding:5px 20px;color: rgb(153, 130, 61);background-color:#e4dfd8;}
#alle:hover, #typ1:hover, #typ2:hover, #typ3:hover {background-color:#efece8;}
.active {color:#fff !important;; background-color:rgb(153, 130, 61) !important;}
#open1, #open2 {font-size:150%; font-weight:600;color: rgb(153, 130, 61);margin-top:40px;}

.team {float:left;margin-bottom:25px;}
.team img {margin: 0 auto 15px auto;border-radius:50%;width:100% !important;height:auto;}
.team h4 {text-align:center;color:rgb(153, 130, 61);font-weight:600;text-transform:uppercase;font-size:2.5rem !important;}
.team p {text-align:center;margin-top:0 !important;}

.img-c {max-width:50%; height:auto; width:50%;}

.row {margin:0 !important};

.project-name {font-size:90%}

hr, hr.my-4 {border-top: 2px solid #ccc !important}
hr {margin-top: 1.2rem !important; margin-bottom: 1.8rem !important;}

footer .w3-button {font-size: 1.4em !important}

.card-body {
	-webkit-column-count: 1;
	-moz-column-count: 1;
   column-count: 1; 
   -webkit-column-gap: 1em;
	-moz-column-gap: 1em;
   column-gap:1em;
   column-width: 270px;
   margin-left:7px;
   border-left:2px #e4dfd8 solid !important;
   padding:1.25rem 0 0 20px !important;
   margin-left:0 !important;
}
.card-body p {
   font-size: 110% !important; 
	margin: 0 0 1.25rem 0 !important;
   line-height: 2.5rem;
   text-align: left; 
   hyphens:auto;
   orphans:2; 
   widows: 2;
}
.card-body h3 {
	font-size: 1.2rem; 
	line-height: 2.5rem;
	margin: 2.5rem 0 2.5rem 0;
	column-break-after: avoid;
	break-after: avoid-column;
	-webkit-column-break-inside:avoid;
}
.card-body img {
	max-width:95%;
	height: auto;
	margin: 0.75rem 0 1.75rem 0;
	column-break-after: avoid;
	break-after: avoid-column;
	-webkit-column-break-inside:avoid;
}

.banner-container {
max-width: 100vw;
  background-color: rgba(255, 227, 129, 0.7); /* Banner-Hintergrundfarbe */
  color: #3b6f6f;            /* Textfarbe */
  padding: 0.7rem 0 1rem 0;
  overflow-x: hidden;          /* Versteckt den Text außerhalb des Banners */
  white-space: nowrap;       /* Verhindert einen Zeilenumbruch */
  box-sizing: border-box;
  position:absolute;
  bottom:0;
  cursor:pointer;
}
.banner-container:hover {
  background-color: rgb(255, 227, 129); /* Banner-Hintergrundfarbe */
  color: 438282;
}

.lauftext {
  display: inline-block;
  white-space: nowrap;
  animation: laufschrift 20s linear infinite; /* Dauer und Art der Animation */
}

.lauftext span {
  display: inline-block;
  padding-right: 1.5rem;       /* Abstand zwischen den Wiederholungen */
  font-size: 2.5rem;
  font-weight: 600;
}

/* Keyframes für die Endlos-Bewegung nach links */
@keyframes laufschrift {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-25%); /* Bewegt den Text um exakt die Hälfte der doppelten Länge */
  }
}


@media (min-width:600px){
	.post-header .w3-display-middle .main {padding:10px 120px 5px 30px;display:block;font-size:30px !important}
	.post-header .w3-display-middle .sub {padding:0 30px 5px 100px;margin-top:-20px;display:block;font-size:16px !important;line-height:1.4em}
	.post-header .w3-display-middle .sub em {font-size:15px !important;position:relative;top:3px;}
	#myNavbar {font-size:150% !important}
	.card-body {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
	.logo .w3-wide.sub2 {font-size: 4vw !important;}
	.team.col-lg-3 {width:50%}
	.project-name {font-size:105%}
	#impressions .col-sm-6 {flex: 0 0 33.333% !important;; max-width: 33.333% !important;}
}
@media (orientation: portrait) and (min-width:600px){
	.post-header {height: 100vh;}
}
@media (orientation: landscape) and (min-height:480px){
	.post-header {height: 100vh;}
	.w3-display-middle {top: 47% !important;}
}
@media (max-width: 992px) {
    .w3-hide-small {display: none !important;}
}
@media (min-width: 993px) {
	.card-body {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
	.img-c {width:30%;}
    .logo .w3-wide.sub2 {font-size: 3vw !important;}
	#impressions .col-sm-6 {flex: 0 0 25% !important;; max-width: 25% !important;}
}
@media (min-width:1200px){
	#myNavbar {font-size:180% !important}
	.w3-bar .w3-bar-item {height:80px;}
	.w3-bar .w3-bar-item.w3-logo {padding-left: 80px;padding-right:20px}
	.w3-logo {background:url('../media/sw-logo-start.png') 16px 16px no-repeat;}
	.w3-logo:hover {background: url('../media/sw-logo-bar.png') 16px 16px no-repeat;}
	.w3-animate-top .w3-logo {background:url('../media/sw-logo-bar.png') 16px 16px no-repeat;}
	.img-c {width:25%;}
	.logo .w3-wide.sub2 {font-size: 2.5vw !important;}
}
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
	color:#777;
	margin-left: 0;
	}
.overlay table {
	margin: -5px 0 15px 0;
	padding: 0;
	border: none;
	}
.overlay table td {
    padding: 0;
    text-align: left;
    vertical-align: top;
    border-bottom: 0;
	font-size-adjust:none;
}
.overlay-content {
	position: relative;
	poiner-events: none;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	z-index:-1;
	}
.overlay-content p, .overlay-content h4 {
	text-align: left;
	margin-bottom:10px!important;
	}
	
.overlay-content table {
	font-size: 105%;
	line-height:1.6em;
	}
	
.overlay-content p {
	margin: 10px 0;
	line-height:1.3em;
	font-size: 130% !important;
	}
.overlay-content h4 {
	margin: 30px 0 10px 0;
	font-size: 140% !important;
	}
.fa-bars2::before {
    content: "\f00d";
}

#myNavbar .fa-bars {font-size:150% !important;margin: 0 4px 0 4px}

.fa-bars2 {font-size:200% !important}

.w3-bar a {opacity:0.6;}
.w3-bar a:hover {opacity:0.8;}
.logo:hover img {opacity:1;}
.logo:hover .sub2 {opacity:0.7;}
.w3-button:hover {
    background-color: #efece8 !important;
    color: #999 !important;
}
.w3-white, .w3-hover-white:hover {color: #999 !important;background-color: #e4dfd8 !important;}
.w3-bar-item2 {
    padding: 12px 16px 10px 16px;
	display:block;
}
button:focus {outline:none !important;}
.img-fluid {width:100%;}
.mfp-image-holder .mfp-close {color:#fff !important;margin-top:-35px;}
.mfp-image-holder .mfp-title {color:#fff !important;}
.mfp-content {top:-8px;}
.mfp-counter {top:5px !important}


/* dosis-regular - latin */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v34-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/dosis-v34-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* dosis-700 - latin */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dosis-v34-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/dosis-v34-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}