#news_box { position:relative; margin-top:15px; width:1000px; height:330px; background:#fff; }
#carousel_inner { position:absolute; left:48px; top:0; width:900px; height:330px; overflow: hidden;  }
#carousel_ul { position:relative; left:-300px; width:20000px; }
#carousel_ul li{ float: left; width:300px; padding:0px; height:300px; }
#left_scroll, #right_scroll{ position:absolute; top:15px; height:300px; width:49px; display:block;}
#left_scroll { background:#fff url(../images/left.jpg) no-repeat; left:0; width:49px; border-right:1px solid #dbe1e5; }
#right_scroll { background:#fff url(../images/right.jpg) no-repeat; right:0; border-left:1px solid #dbe1e5; }
#left_scroll:hover, #right_scroll:hover { background-position: 0 -300px;}

#image_box { position:relative; margin-top:15px; width:100%;  }
.rabatt {position:absolute; left:70px; bottom:8%;z-index:10;}
.landing .rabatt {position:absolute; left:auto; bottom:auto; top:20%; right:10%; z-index:10;}
#start_txt {position:absolute; left:42px; top:138px;}
#start_txt h1 { font-size:20px; }
#start_txt p { font-size:12px; line-height:17px;margin-top:10px; }

#cooperation {margin:40px 0 10px; font-size:16px; font-family: 'font_regular';}
#cooperation a {margin-left:20px;color:#4a596e;}
#cooperation a:hover {text-decoration:underline;}
#cooperation .grey { width:140px; display:inline-block;}

.news { position:relative; width:300px; height:300px; margin-top:15px; border-left:1px solid #dbe1e5; }
.news_date { position:relative; margin-left:18px; top:0; font-size:10px; color:#8e9ca9;}
.news_header { position:relative; left:18px; margin-bottom:10px; font-size:16px; display:block; width:264px;}
.news_text { position:relative; margin-left:18px;  font-size:12px; line-height:17px; text-align:justify; width:264px;}
.news img { position:absolute; left:18px; bottom:0; }
.news_text .button { position:relative; display:block; background:#00d6e5; color:#293d5a; width:120px; height:70px; border-radius:50%; padding:0; font-size:14px; text-align:center; padding-top:50px;}
.news_text .button:hover {color:#fff;}

.landing #logo_text {color:#fff;}
.background {position:fixed; height:100%; width:100%; cursor:default;}
.background picture {position:relative; height:100%; width:100%;}
.background picture img {width:100%; height:100%; object-fit:cover;}
.background picture.no_objectfit {position:absolute; background-size: cover; background-position: center center;}
.background picture.no_objectfit img {display:none;}
.landing header {position:absolute;}
.landing main {position:absolute; bottom:10%; width:100%;}
.landing main .center {height:100%;}
.welcome {position:absolute;bottom:10%;}
.welcome h1 {color:#00d6e5; font-size:30px; line-height:30px; letter-spacing:0.5px; display:inline-block; margin-right:50px;}
.welcome a {display:inline-block; background:#00d6e5; color:#293d5a; font-size:16px; line-height:16px; padding:4px 20px 6px; position:relative; top:-4px;}
.welcome a:hover {color:#fff;}
.order_link {display:inline-block; background:#00d6e5; color:#293d5a; font-size:16px; line-height:16px; padding:4px 20px 6px;}
.order_link:hover {color:#fff !important;}
.swiper-container .order_link {position:absolute; z-index:20; bottom:25px; right:50px;}

.button_study {position:absolute; right:15%; top:50%; margin-top:-50px; background:#ffff00; color:#293d5a; width:190px; height:190px; border-radius:50%; text-align:center; font-size:20px; line-height:22px; transform: rotate(15deg);}
.button_study p {padding:48px 10px 0; }
.button_study p span { font-size:18px; }
.button_study:hover {color:#00d6e5;}

@media (max-width: 1024px) { 
	#image_box, #news_box { width:100%;  }
	#carousel_inner {width:90%;left:8%;}
	#left_scroll, #right_scroll{ width:8%; }
	.welcome {left:2%;}
}

@media (max-width: 768px) {
	#start_txt { left:20px; top:50px;}
	#left_scroll, #right_scroll{ background-position:-5px 0; }
	#left_scroll:hover, #right_scroll:hover { background-position: -5px -300px;}
	#cooperation .grey { display:block;}
	#cooperation a {margin-left:0;}
	.button_study {position:absolute; right:5%; top:40%; }
}
@media (max-width: 600px) { 
	.welcome h1 {display:block; margin-right:0;}
	.welcome a {top:10px;}
	.rabatt {display:none;}
	.landing .rabatt {display:block;}
}
@media (max-width: 500px) {
	#start_txt { left:10px; top:60px;}
	#start_txt h1 {width:180px;}
	#start_txt p {display:none;}
	#image_box {margin-top:0px;}
	#left_scroll, #right_scroll{ background-position:-10px 0; }
	#left_scroll:hover, #right_scroll:hover { background-position: -10px -300px;}
	.news_date, .news_header, .news img, .news_text  { left:5px;} 
	.news_header { font-size:12px; width:264px;margin-left:10px;}
	.news img { width:220px; height:auto;margin-left:10px;}
	.news_text { width:225px; margin-left:0;padding:0 10px; text-align:left;}
	.button_study {position:absolute; right:5%; top:20%; }
}