:root	{
	--main-view-width:62vw;
	--hellblau:#e20019;
	--hellblauBG: rgba(52,52,52,0.2)
}

img.Bild_links					{margin-right: 5px; float: left;}
img.Bild_mittig					{margin-right: 5px; margin-left: 5px; clear: both}
img.Bild_rechts					{margin-left: 5px; float: right;}
img.listIcon					{
	float:right;
	width:20vw;
	height:calc(20vw / 4 * 3);
}

body, input, textarea, select, button {
    -moz-font-feature-settings: "liga", "kern";
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}

*								{ box-sizing: border-box; }
body							{ 
	font-family: 'Montserrat', sans-serif; 
	background: #fbfbfb; 
	font-size:1.15vw;
}
a								{ outline: none; }
.clear							{ width: 100%; height: 0px; display: block; clear: both; }
#headerBG	{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
	top:0px;
	width:100vw;
	height:36.5vw;
	z-index:0;
	box-shadow: 0px 0px 15px 5px rgba(150,150,150,1);
	margin-bottom: 5vw;
}
#logo,#footer img	{
	width: 16vw;
    padding: 1vw 0px 0px 1vw;
}
#smButtons	{
	position:absolute;
	top:19vw;
	right:0vw;
	background-image:url(https://happedruck.scemos.de/Bildablage/UH-Hintergrund2.jpg);
	background-size:auto;
	background-repeat:no-repeat;
	background-position: center;
}
.smButton	{
	display:block;
	width: 3vw;
    height: 3vw;
    margin: 1vw;
}
.wrap							{ width: var(--main-view-width); margin:0px auto;  background: transparent; }
#header							{ 
	width:100%;
	position:relative;
	padding: 0px;
	height:10vw;
	background-image:url(https://happedruck.scemos.de/Bildablage/UH-Hintergrund2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}
#mainmenu_container				{
	display: block;
	position:absolute;
	right:1vw;
	top:7.5vw;
}
#mainmenu_container a			{ display: inline-block; text-decoration: none; font-size: 1.1vw; padding: 0.5vw 1.5vw; color: #fff; }
#mainmenu_container a.active	{ font-weight: bold; }
#mainmenu_container a:hover		{ text-decoration: underline; }
#content						{ width: 100%; position: relative;  }
#submenu_container				{ float: left; width: 30%; min-height: 10px; }
#submenu_container .ebene_2		{ margin-left: 15px; }
#submenu_container .ebene_3		{ margin-left: 30px; }
#submenu_container .ebene_4		{ margin-left: 45px; }
#submenu_container .ebene_5		{ margin-left: 60px; }
#submenu_container a			{ display: list-item; list-style-position: inside; text-decoration: none; font-size: 12px; padding: 5px 0 5px 10px; color: #666; }
#submenu_container a.active		{ font-weight: bold; }
#submenu_container a:hover		{ text-decoration: underline; }
#content_container,.content_container				{ 
	padding: 0px 0px 0px; 
	position: relative; 
	width: 100%;
	line-height: 1.85vw;
}
p {
	margin:2vw 0px;
}
#content_title	{
	
}
h1	{
	color:var(--hellblau);
	font-weight:bold;
	font-size:1.58vw;
}
#content_container form			{ padding-top: 10px; }
.content_list	{
	background-color:var(--hellblauBG);
	padding:3vw 0vw;
}
.content_list:nth-of-type(odd)	{
	background-color:transparent;
}
.content_list img	{
	max-width:var(--main-view-width);
	height:auto;
}
.content_list .listText					{
	display:inline-block;
	width:calc(var(--main-view-width) - 20vw);
	height:calc(20vw / 4 * 3);
	padding-right:1vw;
}
.content_list img.listIcon					{
	float:right;
	width:20vw;
	height:calc(20vw / 4 * 3);
}
#footer							{ 
	width: 100vw;
	color:#fff;
	clear: both; 
	text-align:center; 
	padding: 1vw 0 2vw; 
	background-image:url(https://happedruck.scemos.de/Bildablage/UH-Hintergrund2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	font-size: 0.8vw;
}
#footer p {
	margin:0;
}
#footer h2	{
	font-size:1.25vw;
}
#footer h3	{
	color: var(--hellblau);
    font-weight: bold;
    font-size: 2.5vw;
    margin: 1vw 0 2vw;
}
#footer a	{
	color:#fff;
}
#footmenu a	{
	padding:0vw 1vw;
	border-left:1px solid #fff;
}
#footmenu a:nth-of-type(1)	{
	border-left:0px;
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 100%;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0 45px 0px 45px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(../images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

#bgSlider	{
	height:25vw;
	position:relative;
	width:100vw;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
}
#slider {
	width: 100vw;
	/*height: 100%;*/
	list-style: none;
	overflow:hidden;
}
.anythingSlider	{
	width: 100vw;
	margin:0px! important;
	padding:0px;
	height:auto;
}
#slider	.pane					{ 
	/*min-width: 100vw! important; */
	background-size: cover;
	background-repeat:no-repeat;
	background-position: 50%;
	background-color:transparent;
	/*width: 100vw! important;*/
	position:relative;
}
#slider	.pane .sliderPaneImg					{ 
	/*min-width: 100vw! important; */
	background-size: cover;
	background-repeat:no-repeat;
	background-position: 50%;
	background-color:transparent;
	width:100%;
	height:100%;
	/*width: 100vw! important;*/
	position:relative;
}
#slider	.pane .sliderPaneImg.mob	{
	display:none;
}
#slider .panel	{
	border:0px;
	border-radius:0px;
}
#slider .sloganSpace			{ 
	display: block;
	width: 100%! important;
	/*max-width:650px! important;*/
	margin: 0px auto;
	text-align:left;
	position:relative;
}
#slider .slogan					{ 
	padding: 0px 5px;
    font-size: 0.85vw;
    line-height: 40px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    text-align: center;
    /*padding-left:20%;*/
    position:absolute;
    bottom:10px;
    right:0%;
    width:100%;
    /*text-shadow: 1px 1px rgba(0,0,0,0.5);*/
	/*box-shadow: 10px 0 0 rgba(255,255,255,0.3), -10px 0 0 rgba(255,255,255,0.3);
	margin-right:2.5%px;*/
}
.anythingSlider ul.thumbNav		{ 
	float: right; position: relative; z-index: 500; top: 27vw;}
.anythingSlider ul.thumbNav	a	{ 
	background: #fff! important; padding: 0! important; 
	width: 10px! important; height: 10px! important; display: inline-block; border-radius: 0px; }
.anythingSlider ul.thumbNav	a.cur	{ background: rgba(238,113,1,0.9)! important; width:10px;height:10px; }
.anythingSlider ul.thumbNav	span	{ display: none; }

.anythingSlider .arrow			{ z-index: 500;  }
.anythingWindow					{ border: 0! important; margin: 0! important; }
.anythingSlider-default .arrow.forward a { background-image:url();background-size:contain;background-position:center; }
.anythingSlider-default .arrow.back a { background-image:url();background-size:contain;background-position:center; }
.anythingSlider-default .arrow.forward { right: 15px; }
.anythingSlider-default .arrow.back { left: 15px; }
.anythingControls	{
	max-width: 650px;
	width:90%;
    margin: 0px auto;
    position: relative;
    top: -29vw;
}
.anythingSlider-default .forward a:hover, .anythingSlider-default .forward a.hover
{
    background-position: right;
    background-size:cover;
}
.anythingSlider-default .back a:hover, .anythingSlider-default .back a.hover {
    background-position: left;
    background-size:cover;
}
#bgSlider.half	{
	width:40%;
}
#bgSlider.half #slider .slogan	{
	width:100%;
	right:0px;
}
#bgSlider.hasSub	{
	height:calc(100vh - 8vw - 6vw)! important;
}
#content.typ1 #bgSlider	{
	height:calc(100vh - 10vw)! important;
}
#content.typ1 #bgSlider.hasSub	{
	height:calc(100vh - 10vw - 6vw)! important;
}
#bgSlider.half #slider .pane	{
	background-size:contain;
}
#slider .pane a.show	{
	position:absolute;
	z-index:400;
}
#bgSlider.half .anythingSlider-default .arrow.forward { right: 0%; }
#bgSlider.half .anythingSlider-default .arrow.back { left: 0%; }

@media screen and (min-width: 1920px){
	#slider .sloganSpace			{ 
		/*display: block;
		width: 90%! important;
		max-width:650px! important;
		margin: 0px auto;
		text-align:right;
		position:relative;*/
		/*top:10vw;*/
	}
	#slider .slogan					{ 
		/*font-weight:normal;
		color: #ffffff; 
		background: rgba(255,255,255,0.3); 
		padding: 2px 5px; 
		font-size: 64px;
		text-shadow:1px 1px rgba(0,0,0,0.5);*/
		/*box-shadow: 10px 0 0 rgba(255,255,255,0.3), -10px 0 0 rgba(255,255,255,0.3);
		margin-right:2.5%px;*/
	}
}
.mobile	{
	display:none;
}
@media (max-width: 780px)		{
	body	{
		font-size:5vw;
	}
	.mobile	{
		display:block;
	}
	h1 {
	    font-size: 6.58vw;
	    width: 90%;
	}
	.wrap						{ width: 100%; border: 0;padding:3vw; }
	#content_container, .content_container {
	    padding: 0px 0px 0px;
	    position: relative;
	    width: 100%;
	    line-height: initial;
	}
	.content_list .listText					{
		display:inline-block;
		width:100%;
		height:initial;
		padding-right:0vw;
	}
	.content_list img.listIcon					{
		float:none;
		width:100%;
		height:auto;
	}
	#mobheader							{ 
		width:100%;
		position:relative;
		padding: 0px;
		height:24vw;
		background-image:url(https://happedruck.scemos.de/Bildablage/UH-Hintergrund2.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		z-index:1;
	}
	#logo,#footer img	{
		width:40vw;
		padding:3vw;
	}
	#smButtons	{
		display:none;
	}
	.no-mobile	{
		display:none! important;
	}
		#mobile-menu				{ 
		display:block;
	/*	width:30vw;
		height:30vw;*/
		z-index:10001;
		position:absolute;
		top:5vw;
		right:1vw;
	}
	#mobile-menu .buttons .mobile			{ text-align:center; margin: auto;height:10vw;vertical-align:middle;}
	.buttons .mobile a			{display:block;padding:auto;height:100%;}
	#mobile-menu svg 			{ width:10vw; height:10vw;max-width:15vw;fill: #fff;margin:9px 9px auto 0px;}
	#mobile-menu svg			{ padding:0px;border:0px solid #fff; border-radius: 0px;}
	#mobbutton svg	{
		 padding:0.75vw;border:0.9vw solid #fff; border-radius: 12px;
	}
	#mobileDivMenu				{ 
		position:fixed;
		overflow:scroll! important;
		z-index:100000;
		width: 100%; 
		min-height:calc(100vh - 24vw)! important;
		max-height:calc(100vh - 24vw)! important;
		padding:20px 10px 60px 10px; 
		background-color: rgba(255,255,255,0.95);
		border: 0px solid #dc340b;
		border-radius:0px;
		margin-left:0%;
		margin-right:0%;
		margin-bottom:0px! important;
		left:0px;
		top:24vw;
		-webkit-transition-property: left;
    	-webkit-transition-duration: 0.5s;
    	-webkit-transition-timing-function: ease-in-out;
    	transition-property: left;
    	transition-duration: 0.5s;
    	transition-timing-function: ease-in-out;
	}
	.noMoreScroll				{ overflow:hidden; }
	#mobileDivMenu.invMen		{ 
		left:-100vw;
		-webkit-transition-property: left;
    	-webkit-transition-duration: 0.5s;
    	-webkit-transition-timing-function: ease-in-out;
    	transition-property: left;
    	transition-duration: 0.5s;
    	transition-timing-function: ease-in-out;
	}
	#mobileDivMenu ul			{ background-color: transparent; list-style: none;margin:0px 10px;padding:0px;}
	#mobileDivMenu ul li		{ background-color: rgba(31,98,127,0); border-bottom:1px solid  #1f627f; border-radius:0px; margin: 0px;}
	#mobileDivMenu ul li a		{ cursor:pointer; display:inline-block; text-decoration:none; width:90%; padding:14px 0px 14px 0px; vertical-align:middle; margin: 0px 0px 0px 0px;}
	#mobileDivMenu .closeMobileMenu				{ cursor:pointer;position:absolute;display:none;top:5px;right:5px;height:25px;width:25px;border: 0px solid rgba(248,173,0,0.5);border-radius:25px;background-color: transparent;padding-top:0px;color:#1f627f; }
	.invBut{display:none;}
	#mobileDivMenu i				{ font-size: 14px;display:none;}
	#mobileDivMenu ins 			{ vertical-align: text-bottom; display: inline-block; height: 18px; margin: 0; padding: 0; text-decoration: none; width: 18px; }
	#mobileDivMenu li:last-child 		{ border-bottom:0px; }

	#mobileDivMenu li.node_folder > ins				{ cursor: pointer; font-size: 18px; text-align: center; vertical-align: middle; color: #1f627f; text-decoration:none;}
	#mobileDivMenu li.node_closed.node_folder > ins.fa:before	{ content: "\f0da"; }
	#mobileDivMenu li.node_open.node_folder > ins.fa:before	{content: "\f0d7";}
	#mobileDivMenu li.node_closed.node_folder > ul		{ display:none;}
	#mobileDivMenu li.node_open.node_folder > ul		{ display:block;}
	#mobileDivMenu li.node_loading > a > i.fa:before 	{ content: "\f110"; }
	#mobileDivMenu li.node_loading > a > i.fa			{ -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

	#mobileDivMenu .language_menu				{ position:absolute;right:10px;display:block;}
	.language_menu				{ display:none;}

	#footer							{ 
		width: 100vw;
		color:#fff;
		clear: both; 
		text-align:center; 
		padding: 0 0 2vw; 
		background-image:url(https://happedruck.scemos.de/Bildablage/UH-Hintergrund2.jpg);
		background-size:cover;
		background-repeat:no-repeat;
		height:initial;
		font-size: 2.8vw;
	}
	#bgSlider	{
		height:60vw;
	}
	#footer h2	{
		font-size:3.25vw;
	}
	#footer h3	{
		color: var(--hellblau);
	    font-weight: bold;
	    font-size: 7.5vw;
	    margin: 1vw 0 2vw;
	}
	#footer a	{
		color:#fff;
	}
	#footmenu a	{
		padding:0vw 1vw;
		border-left:1px solid #fff;
	}
}