/*Roboto: 900 - Black // 700 - Bold // 500 - Medium // 400 - Regular // 300 Light // 100 Thin */

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Black-webfont.eot');
	src: url('../Fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Black-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Black-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Black-webfont.svg#robotoblack') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-BlackItalic-webfont.eot');
	src: url('../Fonts/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-BlackItalic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-BlackItalic-webfont.svg#robotoblackitalic') format('svg');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'robotocd';
	src: url('../Fonts/roboto-condensed-v25-latin-700.eot');
	src: url('../Fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/roboto-condensed-v25-latin-700.woff') format('woff'),
		 url('../Fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),
		 url('../Fonts/roboto-condensed-v25-latin-700.svg#robotocondensedbold') format('svg');
	font-weight: 700;font-weight:bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Bold-webfont.eot');
	src: url('../Fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Bold-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Bold-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: 700;font-weight:bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-BoldItalic-webfont.eot');
	src: url('../Fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-BoldItalic-webfont.svg#robotobolditalic') format('svg');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Medium-webfont.eot');
	src: url('../Fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Medium-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Medium-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-MediumItalic-webfont.eot');
	src: url('../Fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-MediumItalic-webfont.svg#robotomediumitalic') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Regular-webfont.eot');
	src: url('../Fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Regular-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Regular-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: 400;font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Italic-webfont.eot');
	src: url('../Fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Italic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Italic-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
	font-weight: 400;font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Light-webfont.eot');
	src: url('../Fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Light-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Light-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-LightItalic-webfont.eot');
	src: url('../Fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-LightItalic-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-LightItalic-webfont.svg#robotolightitalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../Fonts/Roboto-Thin-webfont.eot');
	src: url('../Fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Roboto-Thin-webfont.woff') format('woff'),
		 url('../Fonts/Roboto-Thin-webfont.ttf') format('truetype'),
		 url('../Fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'robotocd';
	src: url('../Fonts/roboto-condensed-v25-latin-700.eot');
	src: url('../Fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/roboto-condensed-v25-latin-700.woff') format('woff'),
		 url('../Fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),
		 url('../Fonts/roboto-condensed-v25-latin-700.svg#robotocondensed700') format('svg');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}






/*kill the shit*/
frame-type-textmediahtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,
caption,command,datalist,dfn,font, sub,sup,tt,var{    border: 0 none;  font: inherit;  margin: 0;  padding: 0;  vertical-align: baseline;background:transparent;outline:0;}
article, aside, details, figcaption, figure, footer, header, nav, section {display: block;}

body 	{line-height: 1;margin: 0}
ol, ul 	{list-style: none outside none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {    content: none;}
table, table td { border-collapse: collapse;    border-spacing: 0;border:none;padding:0}
img {vertical-align:top;border:0}
embed {vertical-align:top;}
input[type=text], textarea{ outline:none;}
* {margin: 0;    padding: 0;-webkit-text-size-adjust: none;-webkit-padding-start: 0px;}
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}


/***** ALLGEMEINER KRAMs *****/
*, *:before, *:after{box-sizing: border-box;font: 300 1rem/1.5 'roboto', sans-serif; padding: 0; margin: 0;}
.ie9 img[src$=".svg"] {  width: 100%; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%;}}
svg:not(:root){overflow:hidden}

/*html, body { height: 100%;}*/
html {-moz-text-size-adjust: none;  overflow-y: scroll;}
html {line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

html, body	{background: #fff;font-family: var(--FontFamily);}
body		{color: #000;margin: 0; padding: 0;font-size: 100%; line-height: 140%;font-weight: 300; }
header		{position: relative}

h1,h2,h3,h4,h5,p,a,figcaption  {font-family: var(--FontFamily);font-weight: normal;}

h1,h2,h3,h4,h5{color: #000;line-height: 140%;margin: 0; padding: 1em 0 .25em 0; /*overflow-wrap: break-word;column-break-before: column;*/}

h1			{font-size:6rem;font-weight: 700; line-height: 90%; padding: 0 0 .5em 0; text-align: center; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.8);overflow-wrap: break-word;column-break-before: column;}


h2 {font-size:3.25rem; font-weight: 300; line-height: 120%; color: var(--HUSSblack70); padding: 1em 0; }
header sup,
h2 sup, h1 sup,
.btn-Link sup	{top: -1.125em;font-size: 40%;}

h3		{font-size:2.85rem;font-weight: 400; padding-bottom: .25em }
.layout-1 h3{font-size:3rem;font-weight: 700; text-transform: uppercase;}
.layout-1 h3 a{font-weight: 700;}
.layout-1 h3 a:hover{color: var(--HUSSgelb)}
.layout-5 h3{font-size:3.25rem; font-weight: 300; line-height: 120%; color: var(--HUSSblack70); padding: 1em 0; padding-top: 0 }

h4		{font-size:1.55rem;font-weight: 500}
h5		{font-size:1.55rem;  font-weight: 400; }

footer h5{font-size: 2rem; font-weight: 400;padding-bottom: .5em}
/*[target="_blank"]:before{content: " ";}
a[target="_blank"]:after{content: " ➚";margin-right:5px;white-space: nowrap;}
*/

figcaption,
figure	    {display:block; }
pre			{font-family:monospace,monospace;font-size:1rem}
i, italic   {font-style: italic}
a			{background-color:transparent; color: #000;text-decoration: none; }
a:hover		{color: var(--HUSSgelb)}
abbr[title]	{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong	{font-weight:inherit;font-weight:700}
mark		{background-color:#ff0;color:#000}
small		{font-size:80%}
sub,sup		{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub			{bottom:-.25em}
sup			{top:-.5em}
audio,video	{display:inline-block}
audio:not([controls]){display:none;height:0}
img			{border-style:none; width: auto; height: 100%}
figcaption {font-size: .85rem; padding: .5em 0; line-height: 140%}

p sup{font-size: 50%;top: -1em; top:-.8em}

.image a[target="_blank"]:after{content: "";margin-right:0;/*padding-right:15px; */white-space: nowrap;}

p			   			{font-size: 1.55rem; line-height: 160%; padding-bottom: .85em; padding-top:0; /*-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/font-weight: 300;}
.tool:before {content: " ";background-image: url('../Icons/tools.svg');background-repeat: no-repeat;background-position: center;width: 2em;height: 2em;display: block;float: left;margin-right: 0.5em;}


.btn-Link{font-size:3.25rem; font-weight: 300; line-height: 120%; color: var(--HUSSblack70); padding: 1em 0;position: relative;display: inline-block; overflow:hidden }	
.btn-Link:hover{color: var(--HUSSgelb)}

/*.btn-Link:after,
.btn-Link:before {content: "";opacity: 1;
border-top: 4px solid var(--HUSSblack70);border-right: 4px solid var(--HUSSblack70);
height: 20px;width: 20px;position: absolute;}
.btn-Link:before {inset: 42% 30% 0 -10%;transform: translateY(20%) rotate(45deg);}
.btn-Link:after {inset: 43% 0 0 105% ;transform: translateY(20%) rotate(-135deg);}
*/

/*.btn-Link:hover:before,
.btn-Link:hover:after{border-top: 4px solid var(--HUSSgelb);border-right: 4px solid var(--HUSSgelb);}*/


.small-indent  			{margin-left: 1.5em}
.medium-indent 			{margin-left: 3em}
.large-indent  			{margin-left: 6em}
.xlarge-indent 			{margin-left: 8em}

.lead					{font-weight: 200; font-size: 2.345rem; line-height: 140%}
.uppercase	   			{text-transform:uppercase}

.frame-space-small		{padding-top: 1em; display: block}
.frame-space-medium		{padding-top: 1.5em; display: block}
.frame-space-large		{padding-top: 2.5em; display: block}
.frame-space-extra-large{padding-top: 4.5em; display: block}

.text-right, .right		{text-align: right}
.text-left, .left		{text-align: left}
.text-center, .center	{text-align: center}

.frame-type-mask_content_textmedia ul,
.frame-type-mask_content_textmedia li 		{font-size: 1rem; line-height: 160%}
.frame-type-mask_content_textmedia ul		{margin: 0 0 2em 0; padding: 0 0 0 1.25em;list-style-type: square;}
.frame-type-mask_content_textmedia li 		{margin: 0;  padding: 0 0 .5em 0;}

.frame-type-uploads ul{margin-bottom:3em}
.frame-type-uploads li{padding: 1em;border-bottom: 1px solid var(--HUSSblack10);width: 100%;display: flex;flex-direction: row-reverse;justify-content: space-between;flex-wrap: nowrap;}

.frame-type-uploads li:hover{background-color: var(--HUSSblack10)} 
.frame-type-uploads li a{font-size: 1.25rem; color: #000; }
.frame-type-uploads li a:hover{color: var(--HUSSgelb)}
.frame-type-uploads .download.icon {width:20px}





.grayscale {
	filter: grayscale(100%); /* Standard */
	-webkit-filter: grayscale(100%); /* Webkit */
	filter: gray;  /* IE6-9 */
	-webkit-filter: grayscale(1); /* Old WebKit */
}

.frame-type-uploads,
.container2Spalten,
.maxwidthcontent {width: var(--width-max-content); margin: auto;position: relative}
.widthcontent 	 {width: var(--width-content); margin: auto;}

.content .maxwidthcontent{width: 100%}

.hintadmin {background: yellow; color:red; border: 1px solid green}

button#btn2top 		{border:0; background: transparent; position: relative; margin-top: 0.25em;cursor: pointer}
#btn2top span		{position: absolute;top: 0;width: 30px;aspect-ratio:1/1;}
#btn2top span:after {content:"";position:absolute;inset:30%;transform:translateY(20%) rotate(-45deg);border-top:3px solid #000;border-right:3px solid #000;}
#btn2top:hover span:after{border-color:var(--HUSSgelb)} 
#btn2top 			{text-transform: uppercase; font-weight: 700;font-size: 1.25rem;cursor: pointer; color: #000}
#btn2top:hover		{color: var(--HUSSgelb); cursor: pointer}
#btn2top:link		{color: #000}

article, aside, 
.maxwidthcontent	{margin-bottom: 3em; margin-bottom: 0; padding-bottom: 3em}
.site__main, .site__footer{overflow-y:hidden}
/*
***** **************** HEADER **************** ****
*/

/*----- Navigation -----*/
.site__header		{width: 100%;height: 90px; position: fixed;  top:0;  background: white;  z-index: 12000;box-shadow: var(--boxshadow)}

.site__header .logo 	{z-index: 100;display: block;float: left;width: 200px;margin-top: 28px;background: transparent; position: relative}
.site__header .logo img	{background-color: transparent;box-shadow: var(--boxshadow);	border-radius: 8px;}

.site__header input	{display: none}

.site__header nav 						{background: transparent;width: 100%;position: absolute;top: 50px;padding-left: 220px}

.site__header nav ul 					{padding-left: 0;list-style: none;display:flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: space-between;align-items: flex-start;}
.site__header nav > ul > li 			{display: inline-block;font-size: 1rem; text-transform: uppercase; position: relative;}
.site__header nav > ul > li > a 		{color: #000;font-weight: 300; display: block;padding:0; font-size: var(--FontNav);padding-bottom:.97em;padding-left:.5em; padding-right: .5em; text-decoration: none}

.site__header nav > ul > li > a:hover 	{font-weight:700;color: var(--HUSSgelb);}
.site__header nav > ul > li > a::after  {display:block; content:attr(name); font-weight:700; visibility: hidden; overflow: hidden; height: 0px;  font-size: var(--FontNav); } 

.site__header nav > ul > li:hover > a,
.site__header nav > ul > li > a.is-active,
.site__header nav > ul > li > a.is-current 	{color: var(--HUSSgelb); font-weight: 700;}

.site__header span.subtoggler {display: none}

.site__header .sub-container			{background: white;visibility: hidden;opacity: 0;transition: visibility 0s, opacity 0.5s linear;
										position: absolute;left: 0;right: 0; width: 830px; margin: 0 auto; overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between; /*padding-top: .95em;*/box-shadow: var(--boxshadowSub)}
.site__header .sub-container ul 				{text-align: left; display: block;background: #fff; padding:1em 0 2em 2.5em; width: 35%; min-height: 290px}
.site__header .sub-container ul li 				{padding: 1em 0 0 0;}
.site__header .sub-container ul li a 			{color: #000; text-transform: none; font-size: var(--FontNav); font-weight: 300; line-height: 140%; padding: .125em 0; text-decoration: none}
.site__header .sub-container ul li a:hover,
.site__header .sub-container ul li a.is-active,
.site__header .sub-container ul li a.is-current {color: var(--HUSSgelb);font-weight: 700; }
.site__header .sub-container ul li a::after   {display: block;content:attr(name); font-weight:700; visibility: hidden; overflow: hidden; height: 0px; font-size: var(--FontNav);} 


.site__header .sub-container .item,
.site__header .sub-container .subitem    		{margin: 0; width: 65%; background: #fff;}
.site__header .sub-container .item.Image figure	{padding:1em;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;align-content: center;justify-content: center;height: 100%;}
.site__header .sub-container .item.Image img 	{width: 100%;height: auto;}


.site__header .sub-container .item.Image {
	min-height: 290px;
	max-height: 300px;
	overflow: hidden;
}

.site__header .sub-container .subitem 			{position:absolute;right: 0;top: 0;visibility: hidden;opacity: 0;/*transition: visibility 0s, opacity 0.5s linear; */background: #fff}
.site__header .sub-container .subitem.Image		{min-height: 290px}
.site__header .sub-container .subitem.Image img {width: 100%;height: auto;}

.site__header .dropdown 					 {position: static;}
.site__header .dropdown:hover .sub-container,
.site__header ul.sub-nav li.has-file:hover .subitem {visibility: visible;opacity: 1;}

/*Sprachmenü*/
#language {margin-top: -6px}
#language img					{width: 30px; height: auto; margin-left:.5em}
#language .language-menu 		{display: none; width: initial; position: absolute;right: 0; background-color: white;padding: 2em; }
#language:hover .language-menu	{display: block}
#language:hover .language-menu .text-muted, #language li.text-muted {color: rgba(0, 0, 0, 0.1)}
#language:hover .language-menu a {color: #000}
#language:hover .language-menu a:hover,
#language:hover .language-menu .active a{color: var(--HUSSgelb)} 

/*----- Foo Navigation -----*/
.site__footer 				{background-color: var(--HUSSblack10)}
.site__footer section		{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;padding-top: 3em; padding-bottom: 2em}
.site__footer .maxwidthcontent{margin-bottom: 0}
.site__footer  .logofoo		{width: 150px; display: block; float: left}
.site__footer  .logofoo img {width: 100%;height: auto; 	background-color: transparent; border-radius: 6px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);}

.site__footer address {padding-right: 2.5em; float: left}
.site__footer address h4,
.site__footer address .h4{font-weight: bold; font-size: 1.125rem; padding-top: .25em; padding-bottom: 0;}
.site__footer address p {float: left; padding: .25em 3.5em 1em 0; font-size: 1rem; font-weight: 400}
.site__footer address a{color: #000}	
.site__footer address a:hover{color: var(--HUSSgelb)} 
.site__footer nav					{padding:1em;padding-top:.5em}
.site__footer ul 					{padding-left: 0;margin-top: 0;margin-bottom: 0;list-style: none; }
.site__footer ul > li 				{display: inline-block;font-size: .9rem; padding: 0 .25em 0 .25em;border:0}
.site__footer ul > li > a 			{color: #000; display: block;padding:0;text-transform: uppercase}

.site__footer ul > li > a:hover, 		
.site__footer ul > li:hover > a,
.site__footer ul > li > a.is-active,
.site__footer ul > li > a.is-current {color: var(--HUSSgelb); font-weight: bold;}
.site__footer ul > li > a::after     {display:block; content:attr(name); font-weight:bold; visibility: hidden; overflow: hidden; height: 0px; height: 2em} 


.site__footer li.menuitem-28  {padding-left: 2em; }

.site__footer li.menuitem-27 a::after, 
.site__footer li.menuitem-28 a::after{background-position: center;background-repeat: no-repeat; color:transparent; font-size: .95rem; text-align: center; visibility: visible; margin-top: .125em; } 
/*LinkedIn*/
.site__footer li.menuitem-27 a::after{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='m22.5,0H2.5C1.12,0,0,1.12,0,2.5v20c0,1.38,1.12,2.5,2.5,2.5h20c1.38,0,2.5-1.12,2.5-2.5V2.5c0-1.38-1.12-2.5-2.5-2.5Zm-14.17,19.79h-3.12v-11.46h3.12v11.46Zm-1.56-12.78c-1.01,0-1.82-.82-1.82-1.84s.82-1.84,1.82-1.84,1.82.82,1.82,1.84-.82,1.84-1.82,1.84Zm14.06,12.78h-3.12v-5.84c0-3.51-4.17-3.24-4.17,0v5.84h-3.12v-11.46h3.12v1.84c1.45-2.69,7.29-2.89,7.29,2.58v7.04Z'/%3E%3C/svg%3E");}
/*YouTube*/
.site__footer li.menuitem-28 a::after{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='m10.42,9.72l5.56,2.77-5.56,2.78v-5.56Zm14.58-7.22v20c0,1.38-1.12,2.5-2.5,2.5H2.5c-1.38,0-2.5-1.12-2.5-2.5V2.5C0,1.12,1.12,0,2.5,0h20c1.38,0,2.5,1.12,2.5,2.5Zm-4.17,10c-.02-4.29-.34-5.94-3.04-6.12-2.5-.17-8.08-.17-10.58,0-2.71.18-3.03,1.82-3.05,6.12.02,4.29.34,5.94,3.04,6.12,2.5.17,8.07.17,10.58,0,2.71-.18,3.02-1.82,3.05-6.12Z'/%3E%3C/svg%3E");  }
/*Facebook*/
.site__footer li.menuitem-108 a::after{background-image: url('../Icons/facebook.png');position: relative; top: 0px;margin: 0 auto; background-position: center; background-repeat: round; color: transparent; font-size: 16px; text-align: center; visibility: visible; position: relative; width: 36px; height: 34px;  }
/*Instrgram*/
.site__footer li.menuitem-110 a::after{background-image: url('../Icons/instagram.png');position: relative; top: -2px; margin: 0 auto; background-position: center; background-repeat: round; color: transparent; font-size: 16px; text-align: center; visibility: visible; position: relative; width: 40px; height: 38px;  }
@supports (display: -webkit-flex) and (not (display: -ms-flexbox)) {
  .site__footer li.menuitem-110 { position: relative; top: 0px; }
  .site__footer li.menuitem-108{ position: relative; top: 0px; }
}
@supports (-moz-appearance: none) {
	.site__footer li.menuitem-108{ position: relative; top: 2px; }
	.site__footer li.menuitem-110 { position: relative; top: 6px; }
}
/*
***** **************** MAIN-PART **************** ****
*/
main					{min-height: 50em;  /*margin-top: 5em*/}
.main__content			{position: relative; padding-top: 2em}
.main__content p a		{ font-weight: 300}
.main__content p a:hover {color: var(--HUSSgelb)}

.page__entree 			{background-color: var(--HUSSGelb); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%;  position: relative; z-index: 2}
.page__entree header 	{position: absolute; top: 12em;right: 0;left: 0;}

.main__content .content ul     {width: 80%; list-style-type: square;padding-bottom: 0.75em}
.main__content .content ul li   {margin:0 1em .5em 1em; font-size: 1.5rem; }

/*Startseite*/
.layout-1 .page__entree {height: 50em;}
.layout-1 .page__entree header 	{top: 32em;}

/*Themenseite*/
.layout-2 .page__entree {height: 50em;}
.layout-2 .page__entree header{bottom: 20em; 	top: unset; }	
.layout-2 h1{font-size:7rem;}

/*Projektseite*/
.layout-3 .page__entree {height: 30em;}
.layout-3 .page__entree header	{width: var(--width-max-content); margin: 0 auto;}
.layout-3 h1{font-size:7rem;text-align: left}

.layout-3 .breadcrumb-item{display: block; font-size: 12rem; line-height: 100%;font-family: var(--FontFamilyCD); font-weight: 700;color:#f7f7f7;text-transform: uppercase; position: absolute; top: -26px;left: -10px;z-index: 0}
.layout-3 .main__content {background-repeat: no-repeat; background-size: cover; background-position: top 150px left; }

#HUSS-35 .layout-3 .main__content{background-position: top -200px left}

/*Newsseite*/
.layout-4 .page__entree {height: 30em;}
.layout-4 .page__entree header	{width: var(--width-max-content); margin: 0 auto;}
.layout-4 h1{font-size:7rem;text-align: left}

.layout-4 .breadcrumb-item{display: block; font-size: 12rem; line-height: 100%;font-family: var(--FontFamilyCD); font-weight: 700;color:#f7f7f7;text-transform: uppercase; position: absolute; top: -26px;left: -10px;z-index: 0  }


/*Textseiten*/
.layout-5 .page__entree {height: 30em;background-color: var(--HUSSgelb)}
.layout-5 .page__entree header	{width: var(--width-max-content); margin: 0 auto;}
.layout-5 h1{font-size:7rem;text-align: left}

.layout-5 .breadcrumb-item{display: block; font-size: 12rem; line-height: 100%;font-family: var(--FontFamilyCD); font-weight: 700;color:#f7f7f7;text-transform: uppercase; position: absolute; top: -26px;left: -10px;z-index: 0  }


/*Container2Spalten // col-0: 2/3 zu 1/3 // col-1: 1/3 zu 2/3 // col-2: 50-50 */
.container2Spalten .maxwidthcontent {width: 100%}
.container.colLeft	{float: left;}
.container.colRight {float: right;}
.container2Spalten.col-0 .container.colLeft	 		 {width: calc(100% /1.51 ); }
.container2Spalten.col-0 .container.colRight 		 {width: calc(100% /3 - .65em ); }
.container2Spalten.col-0 .container.colLeft .content {padding-right: 3em;}

#c301 .image,
#c295 .image,
#c283 .image,
#c313 .image,
#c314 .image,
#c318 .image{width: 200px}

.container2Spalten.col-1 .container.colLeft	 {width: calc(100% /3 - 1em); }
.container2Spalten.col-1 .container.colRight {width: calc(100% /1.525 );}

.container2Spalten.col-2 .container.colLeft	{width: calc(100% /2 - 1em); }
.container2Spalten.col-2 .container.colRight{width: calc(100% /2 - 1em); }


@media screen and (max-width:1280px ) {
	.container2Spalten.col-2 .ContentInfoBox table td{padding-right: 1em;}
	
}
@media screen and (max-width:940px ) {
	#HUSS-61 #c283{margin-top: 1.75em}
	
}
@media screen and (max-width:900px ) {
	.container2Spalten.col-0 .container.colLeft,
	.container2Spalten.col-0 .container.colRight {width: 100%; float: left; } 
	.container2Spalten.col-0 .container.colLeft .content {padding-right: 0;}
	
	#HUSS-7 .container2Spalten {display: flex;flex-direction: column-reverse;}
	#HUSS-7 #c300 .frame-space-extra-large{padding-top: 2.5em;}
	#HUSS-7 #c300 aside{padding-bottom:0}
	
}
@media screen and (max-width:940px ) {
	.container2Spalten.col-2 .container.colLeft,
	.container2Spalten.col-2 .container.colRight {width: 100%; float: left} 
}

@media screen and (max-width:850px ) {
	.container2Spalten.col-1 .container.colLeft,
	.container2Spalten.col-1 .container.colRight 	 {width: 100%; }
}


/**** Clearfix stuff ****/
.clearfix:after { visibility: hidden; display: block;font-size: 0;content: " ";clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

@media screen and (max-width:1380px ) {
	.site__header nav > ul > li > a{padding-left: .5em; padding-right: .5em}
}

@media screen and (max-width:1340px ) {
	.site__header nav > ul > li > a,
	.site__header nav > ul > li > a::after,
	.site__header .sub-container ul li a,
	.site__header .sub-container ul li a::after{font-size: 1rem}
}

@media screen and (max-width:1280px ) {
	button#btn2top {position: absolute;right: 1em;bottom: 2em;}
}
/*.site__header,.site__main, .site__footer button{display: none}*/




@media screen and (max-width:1230px ) {
	.site__footer section {justify-content: flex-start;}
	.site__footer address {padding-left: 2.5em;}
	.site__footer article {margin-bottom: 0}
}
@media screen and (max-width:1220px ) {
	.site__header 					{height: 81px;}
	.site__header nav 				{top: 45px;padding-left: 200px}
	.site__header nav > ul > li > a {padding-bottom:.8em}
	#language 						{margin-top: 0;}
	#language img 					{width: 20px}
	.site__header .logo 			{width: 170px;}
	.site__header .logo img 		{background-color: transparent;-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);border-radius: 6px;}
	
	.site__header .sub-container{width: 650px;}
	.site__header .sub-container ul{padding-bottom: 1em}
}

@media screen and (max-width:1200px ) {
	.site__header nav > ul > li > a{padding-left: .25em; padding-right: .25em}
}

@media screen and (max-width:1165px ) {
	.site__footer address {padding-left: 1.25em;}
	.site__footer article {padding-bottom: 2em;}
}
@media screen and (max-width:1125px ) {
	.site__header nav > ul > li > a::after,
	.site__header nav > ul > li > a,
	.site__header .sub-container ul li a,
	.site__header .sub-container ul li a::after	{font-size: .925rem}
	.site__header nav {padding-left: 180px;}
	
	
}



@media screen and (max-width:1050px ) {
	.site__header 		{height: 75px;}
	.site__header .logo {margin-top: 22px}
	
	
	/*Burgermenü taucht auf*/
	.burger						{padding:1.75em 0 0.25em;width:50px;display: block; cursor: pointer; background-color: transparent;float: right}
	
	.burger span:before,
	.burger span:after 			{border-bottom: 5px solid var(--HUSSgelb);}
	
	.burger span 				{display: inline-block; border: 0; background: transparent; outline: 0; padding: 0; cursor: pointer; border-bottom: 5px solid var(--HUSSgelb); width: 40px; }
	.burger::-moz-focus-inner 	{border: 0; padding: 0; }
	.burger span:before 		{content: ""; display: block; width: 100%; margin-bottom: 6px; transition: transform 0.5s ease-in-out;  -webkit-transition: -webkit-transform 0.5s ease-in-out;   }
	.burger span:after 			{content: ""; display: block; width: 100%; margin-bottom: 6px; }
	.burger-check 				{display: none; }
	.burger-check:checked ~ .burger			{position: fixed;top:2em;  padding-top:0; padding-bottom:0.75em;right: .5em }
	.burger-check:checked ~ .burger::before	{content:"" }
	.burger-check:checked ~ .burger span	{border-bottom: 5px solid transparent; transition: border-bottom 0.8s ease-in-out; -webkit-transition: border-bottom 0.8s ease-in-out; }
	.burger-check:checked ~ .burger span:before {transform: rotate(-410deg) translateY(1px) translateX(-5px); -webkit-transform: rotate(-410deg) translateY(1px) translateX(-5px);
												 transition: transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; }
	.burger-check:checked ~ .burger span:after 	{transform: rotate(405deg) translateY(-4px) translateX(-5px);-webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
												 transition: transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; }
	
	.burger-check:checked ~ nav.site-nav {max-height: 100%; height:100%; transition: max-height 0.5s ease-in-out; width: 100% ; background-color: rgba(255, 255, 255, 1)}
	
	.site__header nav.site-nav 	{overflow: hidden; max-height: 0%; transition: max-height 0.5s ease-in-out; position: fixed;background:rgba(255, 255, 255, 0.125);top:0;padding: 0; overflow-y: scroll;height: 100%;left: 0;z-index:-10  }
	.site__header .container   {position: unset;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;}
	.site__header nav			{margin-top:0}
	.site__header nav ul 		{margin: 5em 30px; width: 95%; padding-top: 0; margin-top: 110px }
	.site__header nav ul li		{float: none; border:0;padding:0;margin-top: 1em}
	.site__header nav ul li a	{padding: 0; overflow: hidden; display: block;  margin: .5em 0; height: auto; background-color: transparent; color:#000; font-size: 1.25rem;; margin-bottom: 0  }

	
	.site__header nav > ul > li > ul,
	.site__header nav div.sub-container img {display:block;}
		
	.site__header .sub-container .item.Image{display: none}
	.site__header .dropdown {margin-top: 1em}
	.site__header .sub-container {background: transparent;visibility: hidden;opacity: 0;position: unset;display: none;box-shadow: none;}
	.site__header .sub-container ul {background: transparent;padding: 0;width: 99%;min-height: 100%;margin:0; }
	.site__header .sub-container ul li {margin: 0.5em 0.5em 0.25em 0;padding: 0.25em 0.75em .125em 1.5em;	width: max-content;}
	.site__header .sub-container ul li a {padding: 0;margin: 0}
	.site__header .sub-container .item, 
	.site__header .sub-container .subitem {display: none;}

	.site__header .sub-container ul li a,
	.site__header .sub-container ul li a::after	{font-size: 1.25rem;}

	
	.site__header nav ul li.dropdown 	{position: relative}
	.site__header nav .dropdown span.subtoggler	{ text-align: center; transform: rotate(90deg);display: block;
		background:#fff;
		width: 1.5em;height: 1.5em;
		position: absolute;top: 0.5em;left: 14em;cursor: pointer
	}
	.site__header nav .dropdown span.subtoggler.checked{background:var(--HUSSgelb)}
	
	.site__header .sub-container.is-visible {visibility: visible;opacity: 1;position: unset;display: block;}

	
	#language {margin-top: 1em}
	#language img{display: none}
	#language .language-menu{display: block; position: relative;padding: 0;margin:0; border-top: 1px solid grey;padding-top: 0.5em;background: none;}
	#language .menusubitem-lang,
	#language .menusubitem-lang a {text-transform: none; font-size: 1rem}
	#language li {float: left; padding-right: .5em}
	#language li a{margin: 0}
	/*Burgermenü ende*/
}

@media screen and (max-width:910px ) {
	.layout-3 .breadcrumb-item,
	.layout-4 .breadcrumb-item,
	.layout-5 .breadcrumb-item {font-size: 10rem;}
	
	
}

@media screen and (max-width:850px ) {
	.container2Spalten.col-1 .container.colLeft,
	.container2Spalten.col-1 .container.colRight 	 {width: 100%; }
	
	p {font-size: 1.25rem;}
}

@media screen and (max-width:755px ) {
	.layout-3 .breadcrumb-item,
	.layout-4 .breadcrumb-item,
	.layout-5 .breadcrumb-item {font-size: 7.5rem;}
}
@media screen and (max-width:685px ) {
	.site__footer address {padding-left: 1em;padding-top: 2em}
	
	button#btn2top {right: 1em;top: 2em;bottom: auto;}
}

@media screen and (max-width:600px ) {
	.site__footer li.menuitem-27 {padding-left:.35em;}
}
@media screen and (max-width:666px ) {
	h1, .layout-2 h1, .layout-3 h1, .layout-4 h1, .layout-5 h1{font-size: 6rem}
}

@media screen and (max-width:650px ) {
	#HUSS-54 .layout-5 .page__entree{background-position: top right -1.75em;}
}

@media screen and (max-width:580px ) {
	.layout-3 .breadcrumb-item,
	.layout-4 .breadcrumb-item,
	.layout-5 .breadcrumb-item {font-size: 5rem;line-height: 90%;top: -6px;}
	h2{padding-top: 0}
}
@media screen and (max-width:570px ) {
	h1, .layout-2 h1, .layout-3 h1, .layout-4 h1, .layout-5 h1	{font-size:5rem;} 
	h2, .btn-Link, .layout-5 h3 {font-size: 2.75rem;}
	h3 							{font-size: 2.5rem}
	
	.page__entree 			{margin-bottom: 0}
	.layout-1 .page__entree, .layout-2 .page__entree, 
	.layout-3 .page__entree, .layout-4 .page__entree, .layout-5 .page__entree {height: 30em;}
	
	.page__entree header, .layout-1 .page__entree header, .layout-2 .page__entree header, .layout-3 .page__entree header, 
	.layout-4 .page__entree header, .layout-5 .page__entree header 	{bottom: 0;top: auto}
	
	.lead {font-size: 2rem;}

}
@media screen and (max-width:500px ) {
	/*.site__footer ul {display: flex;flex-direction: row-reverse;flex-wrap: wrap;}*/
	
	.site__footer .maxwidthcontent {overflow: hidden;}
	button#btn2top {right: 1.5em;top:1em;}
	.site__footer ul .menuitem-9 {margin-right:20%}
	.site__footer ul > li.menuitem-9 > a::after,
	.site__footer ul > li.menuitem-17 > a::after,
	.site__footer ul > li.menuitem-8 > a::after,
	.site__footer ul > li.menuitem-16 > a::after{height:0}

	
	
}
@media screen and (max-width:481px ) {
	h1, .layout-2 h1, .layout-3 h1, .layout-4 h1, .layout-5 h1{font-size: 4.5rem}
}
@media screen and (max-width:425px ) {
	.site__header 		{height: 57px;}
	.site__header .logo {width: 150px;	margin-top: 10px;}
	.burger 			{padding-top: 1em }
	.site__header nav ul{margin-top: 80px;}
	h1, .layout-2 h1, .layout-3 h1, .layout-4 h1, .layout-5 h1	{font-size:3.125rem;} 
	h2, .btn-Link, .layout-5 h3, h3 		{font-size: 2rem;}

	.lead {font-size: 1.75rem;}
	.layout-1 .page__entree, .layout-2 .page__entree, 
	.layout-3 .page__entree, .layout-4 .page__entree, .layout-5 .page__entree  {height: 20em;}
	
	.site__footer ul .menuitem-9 {margin-right: 10%;}
	
	
}

@media screen and (max-width:380px ) {
	.layout-3 .breadcrumb-item,
	.layout-4 .breadcrumb-item,
	.layout-5 .breadcrumb-item {font-size: 4rem;}
}

@media screen and (max-width:370px ) {
	.site__footer ul .menuitem-9 {margin-right: 45%;}
}