/*last modified: rz 21.02.2019  */



.start #wrapper > header {
/*	background-color: rgb(255,255,255,0.7);
	height:80px;*/
}

.caroufredsel_wrapper {
	cursor: auto !important;
}

.slide.hidden{
  opacity: 0;
  position: absolute;
}

.slider {
  position: relative;
  margin: 0;
  overflow: hidden;
  border: 0px solid red;
}
.slider .slider-inner {
  width: 200%;
  overflow: hidden;
}
.slider .slide {
	position: relative;
	float: left;
	width: 50%;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
}
.content .slider .slide {
	background-position:center;
}
.slider .slide#slide-home_all {
  background-image: url("/images/header/default.webp");
}
.slider .slide#slide-home_us {
  background-image: url("/images/header/default.webp");
}
.slider .slide#slide-home_gs {
  background-image: url("/images/header/gs.jpg");
}
.slider .slide#slide-home_en {
  background-image: url("/images/header/en.webp");
}
.slider .slide#slide-home_bt {
  background-image: url("/images/header/bt.jpg");
}
.slider .slide#slide-home_bg {
  background-image: url("/images/header/bg.jpg");
}
.slider .slide#slide-home_sl {
  background-image: url("/images/header/sl.jpg");
}

	
.slider .slide .slide-inner {
  border:0px solid red; 
  position: relative;
  margin: 0 auto;
  max-width: 80%;
  padding: 0rem 1rem 46% 1rem;
  height:100%;
}
@media only screen and (max-width: 1024px) {

	.slider .slide .slide-inner {
		max-width: 100%;
	}
}
.home .slider .slide .slide-inner {
	padding: 0rem 1rem 100vh 1rem;
}
.home .slider #slide-home_all .slide-inner {
	/*padding: 0rem 1rem 32vh 1rem;*/
}
.content .slider .slide .slide-inner {
	padding: 0rem 1rem 28% 1rem;
}
.start .slider .slide .slide-inner {
	padding: 0rem 1rem 18% 1rem;
	padding: 0rem 1rem 4% 1rem;
}


.slider .slide h1, .slider .slide h2  {
  margin-left: 0;
  font-size: 2em;
  line-height: 1.2;
  color: #79b41e;
}
.slider .slide p {
	border-radius: 15px;
	font-size: 1vw;
	font-size: 1.1em;
	line-height: 1.5em;
	/*color: #444;*/
	padding:1em 7.5em 1em 2em;
	background: rgba(218,238,194,0.9);
	background: rgb(255,255,255,1);
	margin: 1em 5em 1em 2em;
	font-weight:bolder;
}

.slider .slide .slide-text {
  position: absolute;
  top:20%;
  right: 10%;
  padding: 1rem 3em;
  width: 50%;
  color: #79b41e;
  border:0px solid #ccc;
  text-align:left;
	border-radius:10px;
	/*background-color: rgb(255,255,255,0.9);*/
}
.start .slider .slide .slide-text {
	  position:unset;
	  position:relative;
/*	  top:20%;
	  left:10%;
	  right: 10%;*/
	  width:70%;
	  margin: 12em auto 2em auto;
	  padding:1em 3em;
	  height:30vh;
	 /* background-color: rgb(255,255,255,0.9);*/
  }
/* 10.08.2022 */
.home_stoerer {
	border:0px solid red;
	position:absolute;
	bottom: 0.5rem;
}
  .home_stoerer img {
	max-width: 50%;
}

@media only screen and (max-width: 1441px) {
	.slider .slide p {
	  margin: 1em 3em 0 0vw;
	  /*display:none;*/
	}
	.slider .slide .slide-text {
	  top:36%;
	}
}

/* landing page */
.all .slider .slide .slide-text-all {
  position: relative;
  padding: 1rem;
  top:20vh;
  color: #79b41e;
  border:0px solid red;
}
.all .slider .slide .slide-text-all p {
	/*background:none;
	font-weight:normal;
	font-size: 1.2em;*/
	padding:0;
}
.all .slider .slide .slide-text-all h1, .all .slider .slide .slide-text-all h2  {
/*  font-size: 2em;
  line-height: 1.2;
  padding:0.5em 1em;
  color: #79b41e;
  margin:0;
  background-color:#FFF;
  border-radius:15px;*/

}
.slider .slide .slide-text-all .home-us {
	width:100%;
	text-align:left;
	border:0px solid #ccc;
	border-radius:15px;
	display:flex;
	flex-direction: row;
}
.home-us .box-left, .home-us .box-right  { 
	width: 50%;
	position:relative;
	margin-bottom:2em;
}
.home-us .box-left {
	border-radius: 15px;
	padding:0em 1em 0em 2em;
    margin: 5em -3em 0em 4em;
  	background: rgba(218,238,194,0.7);
	background-color: #D7EDBE;
	
}
.home-us .box-right {
    width: 54vh;
    height: 54vh;
    border-radius: 100%;
    border: 6px solid #fff;
/*    padding: 1.35vh;
*/    background-color: #D7EDBE;
    position: relative;
}
.home-us .box-right-inner  { 
	width: 50vh;
	height: 50vh;
	border-radius:100%;
	background: url(/images/yt-teaser.jpg) no-repeat;
	background-size: cover;
	background-position: bottom;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1240px) {
	.slider .slide .slide-text-all .home-us {
		display:flex;
		flex-direction: column;
	}
	.home-us .box-left, .home-us .box-right  { 
		width: 60vw;
		position:relative;
		margin:0em auto;
	}
	.home-us .box-right  { 
		width: 50vw;
		height: 50vw;
		margin: -2em 0em 2em auto;
	}
}

.home-us-headline {
	text-align:center;
}
.home-us-headline h2 {
	color:#444;
	margin-bottom:2em;
	padding: 0.5em 2em 0.5em 2em;
	font-size:1.3em;
	border-radius: 15px;
	line-height: 1.5em;
	color: #444;
	background: rgba(218,238,194,0.9);
	display: inline-block;
}


.home-row {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.home-box {
	width: 30%;
	min-width:220px;
	/*min-height:320px;*/
	border:1px solid #ccc;
	margin: 0 1em 2em 1em;
	border-radius:10px;
	background-color: rgb(255,255,255,0.9);
	text-align:center;
	position:relative;
	padding-bottom: 4em;
}
.home-box.double {
	width: calc(50% + 2em);
}
.home-box .box-top {
	margin: 2em;
	padding-bottom:0.7em;
	border-bottom: 2px solid #79b41e;
	font-weight:bold;
}
.home-box .box-cont {
	/*min-height:220px;*/
	margin: 1em;
}
.home-box h3 {
	color: #79b41e;
	text-transform: none;
	margin-top:1em;
}
.home-box .box-bottom {
	background-color:#79b41e;
	color:#FFF;
	padding: 0.6em 0;
	border:1px solid #79b41e;
	margin:-1px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	margin-top:2em;
	position:absolute;
	bottom:0;
	width:100%;
	
}
.home-box .box-bottom a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
} 
.box-bottom::after, .slbutton::after {
	content: '';
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	display: inline-block;
	padding: 4px;
	margin-left: 1.1em;
}

@media only screen and (max-width: 1240px) {
	.slider .slide .slide-text-all 
	.home-us {
		width: calc(100% - 2em);
	}
	.slider .slide .slide-text-all 
	.home-box {
		width: 40%;
	}
}


/* // landing page */

.content .slider .slide .slide-text {
	display:none;
}

.slider .slide .bubble {
  position: absolute;
  right: -2%;
  bottom: -1%;
  padding: 1rem;
  width: 15vw;
  height:15vw;
  color: #fff;
  background-color: #79b41e;
  border:1px solid #eee;
  border-radius: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 16px 15px -15px #666;
}
.content .slider .slide .bubble {
	display:none;
}
.slider .slide h3  {
  font-size: 1.45vw;
  line-height: 1.3;
  color: #fff;
  font-style: italic;
  transform: rotate(-8deg);
}

.slider .slide .bubble span  {
  font-size: 1.45vw;
  line-height: 1.3;
  color: #fff;
  font-style: italic;
  transform: rotate(-8deg);
  font-weight: bold;
}
/* 27.07.2017 */
.slide-mobile-link {
	position:absolute;
	top: 20px;
	width:94%;
	height:70%;
	border:0px solid red;
	cursor:pointer;
}

.slider .slide .slbutton {
  padding: 0.6em 1.5em ;
  background-size: 6px 10px;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  border:2px solid #ccc;
  background-color: #79b41e;
  border-radius: 10px;
  margin:  1em 1em 1em 1em;
  text-decoration:none;
  display: inline-block;
/*   position:absolute;
  left:80%;
  bottom: 2em;
 
  right:0;
  bottom: 4em;
  */
}
.slider .slide .box-left .slbutton {
/*  position: absolute;
  bottom: 0;
  right:0;*/
}
.slider .slide .box-right .slbutton {
  position: absolute;
  bottom: 0em;
  right:0;
}

.arrow {
  	text-indent: -1000em;
    border: solid #fff;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 16px;
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    margin-top: -38px;
}
.arrow.prev {
    left: 10vw;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.arrow.next {
    right: 8vw;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.slider .slider-nav {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.slider .slider-nav a {
  margin: 0 6px;
  display: inline-block;
  background-color: transparent;
  width: 20px;
  height: 20px;
  text-indent: -1000em;
  border:2px solid #444;
  border-radius: 50%;
  overflow: hidden;
}
.slider .slider-nav a:hover, .slider .slider-nav a:active,.slider .slider-nav a.selected {
  background-color: #fff;
}
@media only screen and (max-width: 960px) {
	
	.slider .slide .slide-inner {
		padding: 0rem 1rem 60% 1rem;
	}
	.content .slider .slide .slide-inner {
		padding: 0rem 1rem 50vh 1rem;
	}
	.start .slider .slide .slide-inner {
		padding: 0rem 5rem 0vh 1rem;
	}
	.start .slider .slide .slide-text {
/*		width:70%;
		left: 5%;*/
		right: 5%;
		padding:0;
		/* margin: 20vh 0 0 0; */
	}
	.slider .slide p {
		margin: 1em 0;
		padding: 0.5em 1.2em;
	}
	.arrow {
		top: 50vh;
	}
	.arrow.prev {
		left: 3vw;
	}
	.arrow.next {
	    right: 3vw;
	}
	.slider .slide .slbutton {
		/*font-size: 0.8em;*/
	}
	.all #mobile_button {
		display: none;
	}
	.all #wrapper > header {
		background-color: rgb(255,255,255,0.0);
	}
	#wrapper > header.scrolled {
		height: 68px;
		border-bottom: 0px solid #ccc;
		box-shadow: 0 0 0 0;
	}
}
@media only screen and (max-width: 960px) {
	.slider .slide .bubble {
		right: -20%;
		bottom: -1%;
		padding: 1rem;
		width: 15vw;
		height: 15vw;
	}
}

@media only screen and (max-width: 520px) {
	.slider .slide .slide-text-all .home-box {
		width: 100%;
	}
}

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

	.slider .slide .slide-inner {
		padding: 0rem 1rem 80% 1rem;
	}
	.content .slider .slide .slide-inner {
		padding: 0rem 1rem 80% 1rem;
	}
	.start .slider .slide .slide-inner {
		padding-top:2em;
	}
	.start .slider .slide .slide-text {
		/*display:none;*/
		width: 72vw;
		font-size:0.8rem;
	}
	.slider .slide .slbutton {
		/*font-size: 0.5em;*/
	}
	.slider .slide .bubble {
		display:none;
	}
}