/*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.jpg"); } .slider .slide#slide-home_us { background-image: url("/images/header/default.jpg"); } .slider .slide#slide-home_gs { background-image: url("/images/header/gs.jpg"); } .slider .slide#slide-home_en { background-image: url("/images/header/en.jpg"); } .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; } }