@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------
					RESPONSIVE CSS STARTS HERE
---------------------------------------------------------------------------------*/

@media (min-width:280px) and (max-width:479px) {
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section, .top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-image img {
		height: 460px;
	}
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-body {
		right: 0;
		width: 80%;
		left: 0;
		margin: 0 auto;
		text-align: center;
	}
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-body p, .top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-link a {
		display: inline-block;
		margin: 0 auto 10px;
		text-align: center;
		float: none;
	}
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-link {
		bottom: 80px;
		right: 0;
		width: 136px;
		left: 0;
		margin: 0 auto;
		display: inline-block;
		float: none;
	}

	.block-views-blocknews-block-1>h2 span {
		margin: 0 0 20px;
	}
}


@media (min-width:480px) and (max-width:767px) {
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section, .top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-image img {
		height: 460px;
	}

	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-body {
		width: 70%;
	}	
}


@media (max-width:767px) {
	header.header nav.menu--language-menu ul {
		padding-left: 115px;
	}

	.top-header li .views-field-body .field-content {
		position: relative;
	}

	.top-header li.flex-active-slide .views-field-body .field-content {
		animation-delay: 0s;
		animation-duration: .5s;
	}

	.top-header li.flex-active-slide .views-field-body .field-content br {
		display: none;
	}

	.block-views-blocknews-block-2 .view-news.view-id-news .views-row .views-field-created, .block-views-blocknews-block-2 .view-news.view-id-news .views-row .views-field-title, .block-views-blocknews-block-2 .view-news.view-id-news .views-row .views-field-field-teaser-text {
		width: 100%;
		padding: 0;
	}

	/* menu logo size*/
	header.header .block-system-branding-block {
		width: 80px;
		min-height: 30px;
		position: absolute;
		z-index: 9999;
		left: 0;
		background: #fff;
		padding: 0;
		margin: 4px 0 4px 0;
		border-radius: 5px;
	}

	header.header .block-system-branding-block img {
		display: block;
		padding: 5px 6px 6px;
	}

	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-body p, .top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-link a {
		padding: 5px 15px;
		line-height: 20px;
		font-size: 16px;
	}

	/* Mobile slider: move text below image instead of overlay */
	.top-slider--content--wrapper {
		position: relative !important;
		bottom: auto !important;
		margin-bottom: 20px !important;
	}

	.top-slider--content {
		position: relative !important;
		background-color: transparent !important;
	}

	/* Adjust slider height for mobile - keep enough space but not 92vh */
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section,
	.top-header .views_slideshow_cycle_main.views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-slider-image img {
		height: 460px !important;
	}

	.top-header #block-views-block-top-slidershow-block-1 .skin-default,
	#block-rt360-views-block-top-slidershow-block-1 .skin-default {
		height: auto !important;
		min-height: auto !important;
		padding-bottom: 60px !important;
	}

	.top-header #block-views-block-top-slidershow-block-1 .views_slideshow_cycle_main,
	#block-rt360-views-block-top-slidershow-block-1 .views_slideshow_cycle_main {
		height: 460px !important;
	}

	/* Move dots below the text content on mobile */
	.top-header #block-views-block-top-slidershow-block-1 .views-slideshow-controls-bottom,
	#block-rt360-views-block-top-slidershow-block-1 .views-slideshow-controls-bottom {
		position: relative !important;
		bottom: auto !important;
		top: auto !important;
		margin-top: 20px !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	/* Style "Mehr erfahren" button as arrow on mobile */
	.top-slider--link a {
		font-size: 0 !important;
		width: auto !important;
		padding: 0 !important;
		background: transparent !important;
		border-radius: 0 !important;
	}

	.top-slider--link a::after {
		content: "→";
		font-size: 28px;
		color: #2294d3;
		display: inline-block;
		font-weight: normal;
	}

	.top-slider--link {
		text-align: center !important;
		margin-top: 10px;
	}

	.node-homepage .layout-content .field__item.has-media.col-right article .teaser-block--footer {
		margin: 0;
	}

	#block-form.block-webform-block {
		width: 100%;
		margin: 0 0 30px;
	}
	.footer .region-footer nav.menu--main>ul>li {
		padding-right: 0;
	}
}


@media (min-width:768px) and (max-width:990px) {
	.node-homepage article .teaser__node__content .field--name-field-image, 
	body:not(.page-node-1091, .page-node-1109, .page-node-1154, .page-node-1155) article .teaser__node__content .field--name-field-image img,
	.teaser__node__content .field--name-field-yt-video {
		height: 220px;
	}
	
	
	.block-views-blocknews-block-1 {
		padding: 0 0 0 20px;
	}
	.top-header li.flex-active-slide .views-field-body .field-content {
		max-width: 95%;
	}
}


@media (max-width:1199px) {
/*mobile 2020*/
/*menu layer two display: none */
	header.header nav.menu--main.block-menu li ul li ul, header.header nav.menu--main.block-menu li ul li ul a{
		display: none;
	}
	.region-header_top .menu--language-menu {
		position: relative;
		z-index: 99;
	}
	.region-header_top .menu--language-menu {
		width: auto;
		max-width: 300px;
	}
	/* mobile 2020 */
	/* hamburger menu aligned */
	header.header nav.menu--main.block-menu.opened #display-when-opened.fa.fa-bars.toggle_btn::before{
		display:none;
	}
	header.header nav.menu--main.block-menu.opened{
		height: 100%;
		background-color:rgba(0, 0, 0, 0.6);
		backdrop-filter: blur(7px);
	}
	header.header nav.navigation.menu--main{
		top: 41px;
		left: 0;
		width: 100%;
		z-index: 6;
		position: fixed;
		margin: 8px 0px;
		right: 0;
	}
	header.header nav.menu--main #display-when-opened {
		display: block;
		cursor: pointer;
		/* position: absolute;
		top: 0px; */
	}

	header.header nav.menu--main>ul li {
		text-align: left;
		display: block;
	}

	/*mobile 2020*/
	header.header nav.menu--main>ul {
		margin: 0 0 15px;
		padding: 10px 0 120px 0;
		background: #555!important;
		position: fixed;
		left: 0;
		height: 100vh;
		overflow-x: hidden;
		overflow-y: scroll;
		width: 80%;
		display: none;
	}

	header.header nav.menu--main>ul li a {
		line-height: 30px;
	}

	/*mobile 2020*/
	header.header nav.menu--main>ul li a.is-active, header.header nav.menu--main>ul li ul a.is-active, header.header nav.menu--main.block-menu li ul li a.is-active {
		color: #009fe3;
	}
		
	header.header nav.menu--main.block-menu li ul {
		margin: 0 0 15px 0;
		padding: 0 0 0 30px;
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		float: left;
		background: transparent;
	}
	/*mobile 2020*/
	header.header nav.menu--main>ul li a, header.header nav.menu--main.block-menu li ul li a {
		color: #fff;
		border: none;
		padding: 6px 15px;
		line-height: 16px;
		float: left;
		width: 100%;
	}
	header.header nav.menu--main>ul li a:hover/*, header.header nav.menu--main.block-menu li ul li a:hover*/, header.header nav.menu--main>ul li a:focus/*, header.header nav.menu--main.block-menu li ul li a:focus*/ {
		color: #fff;
	}
	
	header.header nav.menu--main.block-menu.opened>ul {
		display: block;
		z-index: 9;
	}

	body.overlay_body.hide_Scroll {
		height: 100vh;
		overflow-y: hidden!important;
		position: fixed;
		}

	/*Hamburger Menu Icons*/
	header.header nav.menu--main i.toggle_btn {
	    position: fixed;
	    top:10px;
	    right: 15px;
	    padding:0px;
	    height: 30px;
	    width: 30px;
	    margin: 0;
	    line-height:30px;
	    text-align:center;
	}

	header.header nav.menu--main.block-menu.opened i#display-when-opened {
    	top: 10px;
	}

	@supports (-moz-appearance:none) {
		header.header nav.menu--main.block-menu.opened i#display-when-opened.toggle_btn{
			top:10px;
		}
	}
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
	  .selector:not(*:root), header.header nav.menu--main.block-menu.opened i#display-when-opened {
		    top:-40px;
		  }
	}
	header.header nav.menu--main #display-when-opened.fa.fa-bars.toggle_btn::before {		
		font-size: 24px;
		
	}
	header.header nav.menu--main.block-menu.opened #display-when-opened:after {
		content: "\f00d"; 
		font-size: 24px;
}

	#block-hauptnavigation-3>ul>li:nth-child(7) {
		display: block;
		padding: 0 0 100px 0;
		float: left;
		left: 0;
	}
}


@media (min-width:1200px) {
	header.header nav.menu--main #display-when-opened {
		display: none;
	}
	.node-homepage article .teaser__node__content .field--name-field-image, 
	body:not(.page-node-1091, .page-node-1109, .page-node-1154, .page-node-1155) article .teaser__node__content .field--name-field-image img,
	.teaser__node__content .field--name-field-yt-video {
		height: 250px;
	}
}


@media (min-width: 767px) and  (max-width:1199px) {
	
	header.header nav.menu--main>ul {
		padding: 100px 25px 15px;
	}
}
/*-------------------------------------------------------------------------------
				RESPONSIVE CSS ENDS HERE
---------------------------------------------------------------------------------*/