@charset "utf-8";
:root{
		--color-white:rgb(255,255,255);
		--color-light:rgb(206,206,201);
		--color-dark:rgb(53,54,53);
		--color-extradark:rgb(27,28,27);
		--color-main:rgb(29,77,97);
		--color-sec:rgb(15,47,61);
		--color-accent:rgb(56,156,198);
		--bgcolor-dark:rgb(53,54,53);
		--bgcolor-extradark:rgb(27,28,27);
		--bgcolor-accent:rgb(56,156,198);
		--bgcolor-sec:rgb(15,47,61);
		--bgcolor-main:rgb(29,77,97);
		--bgcolor-light:rgb(206,206,201);
		--textcolor:rgb(51,51,51);
		--headercolor:rgb(29,77,97);
		--linkcolor:rgb(56,156,198);
		--linkcolor-hover:rgb(15,47,61);
		--inputcolor:rgb(206,206,201);
		--inputcolor-hover:rgb(182,181,174);
		--bgcolor-body:rgb(21,28,29);
		--bgcolor-head:rgb(255,255,255);
		--bgcolor-content:rgb(255,255,255);
		--errorcolor:rgb(255,0,255);
		--resultcolor:rgb(89,153,0);
		--header-height-standard:185px;
		--header-menu-padding-standard:55px;
		--pagewidthmax:1920px;
		--mainwidthmax:1280px;
		--mainwidthmax-narrow:700px;
		--leftmenu-width:300px;
		--textpadding-top:45px;
		--textpadding-bottom:45px;
		--textpadding-extra:90px;
		--textpadding-low:15px;
		--main-padding-v:5vw;
		--main-padding-h:5vw;
		--padding-v:30px;
		--padding-h:30px;
		--gridpadding:10px;
		--gridcolumns:4;
		--thumbpadding:15px;
		--thumbcolumns:4;
		--aspectratio_s:1;
		--aspectratio_m:0.75;
		--aspectratio_l:0.666;--bgcolor-dark100:rgba(53,54,53,1);--color-main100:rgba(29,77,97,1);--color-sec100:rgba(15,47,61,1);--color-sec50:rgba(15,47,61,0.5);--bgcolor-light50:rgba(206,206,201,0.5);--bgcolor-extradark0:rgba(27,28,27,0);--bgcolor-extradark100:rgba(27,28,27,1);--bgcolor-light0:rgba(206,206,201,0);--bgcolor-light100:rgba(206,206,201,1);--color-light20:rgba(206,206,201,0.2);--bgcolor-extradark50:rgba(27,28,27,0.5);--bgcolor-dark50:rgba(53,54,53,0.5);--bgcolor-main50:rgba(29,77,97,0.5);--bgcolor-sec50:rgba(15,47,61,0.5);--bgcolor-accent50:rgba(56,156,198,0.5);--color-main30:rgba(29,77,97,0.3);--bgcolor-main20:rgba(29,77,97,0.2);--bgcolor-head70:rgba(255,255,255,0.7);--bgcolor-sec25:rgba(15,47,61, 0.25);--color-light25:rgba(206,206,201, 0.25);--bgcolor-main100:rgba(29,77,97, 1);--color-sec25:rgba(15,47,61,0.25);--textcolor50:rgba(51,51,51,0.5);--textcolor80:rgba(51,51,51,0.8);--bgcolor-dark80:rgba(53,54,53,0.8);--bgcolor-main80:rgba(29,77,97,0.8);--bgcolor-light80:rgba(206,206,201,0.8);--bgcolor-sec80:rgba(15,47,61,0.8);--bgcolor-main75:rgba(29,77,97,0.75);--bgcolor-main95:rgba(29,77,97,0.95);--bgcolor-content0:rgba(255,255,255,0);--bgcolor-content100:rgba(255,255,255,1);--bgcolor-dark0:rgba(53,54,53,0);--bgcolor-main0:rgba(29,77,97,0);--bgcolor-extradark80:rgba(27,28,27,0.8);--bgcolor-dark70:rgba(53,54,53,0.7);--bgcolor-main60:rgba(29,77,97,0.6);--bgcolor-light60:rgba(206,206,201,0.6);--bgcolor-sec60:rgba(15,47,61,0.6);--bgcolor-accent60:rgba(56,156,198,0.6);}@charset "utf-8";

body, html{
	margin: 0;
	padding:0;
	/*height: 100%;*/
	font-family: 'Barlow', Calibri, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	line-height: 23px;
	color: var(--textcolor);
	text-decoration:none;
	-webkit-text-size-adjust: 100%;
}

a {
	color: var(--linkcolor);
	text-decoration:none;
	outline:0 none;

	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
a:hover {
	color:var(--linkcolor-hover);
}
p {margin:0 0 0.625em 0;}
blockquote {margin-left:2em;}
h1, .h1 {
    font-family: 'Barlow Condensed', Calibri, Verdana, Geneva, Arial, sans-serif;
    letter-spacing: 0.02em;
	color: var(--headercolor);
	font-size:2rem;
	line-height:1.25em;
	font-weight:600;
	font-style:normal;
	margin-bottom:0.5em;
}
h2, .h2 {
    font-family: 'Barlow Condensed', Calibri, Verdana, Geneva, Arial, sans-serif;
    letter-spacing: 0.02em;
	color: var(--headercolor);
	font-size: 1.75rem;
	line-height: 1.25em;
	font-weight: 600;
	font-style:normal;
	margin-bottom:0.5em;
}
/*text-edge: cap alphabetic;leading-trim: both;*/
h3, .h3 {
    font-family: 'Barlow Condensed', Calibri, Verdana, Geneva, Arial, sans-serif;
    letter-spacing: 0.02em;
	color:var(--headercolor);
	font-size: 1.25rem;
	line-height: 1.4em;
	font-weight: bold;
	font-style:normal;
	margin:0;
	margin-bottom:0.5em;
}
h4, .h4 {
	color: var(--headercolor);
	font-size: 1rem;
	line-height: 1.5em;
	font-weight: bold;
	font-style:normal;
	margin:0;
	margin-bottom:0.5em;
}
.p{
  font-size: 1rem;
	line-height: 1.4em;
  font-weight: normal;
	color: var(--textcolor);
}
.capitels	{
	text-transform:uppercase;
}


.linebg {
  display: inline;
  background: var(--linkcolor);
  box-shadow: 10px 0 0 var(--linkcolor), -10px 0 0 var(--linkcolor);
  color:var(--color-white);
  padding:5px 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin-left:10px;
}
.serif {font-family:Georgia, "Times New Roman", Times, serif;}
.color-black { color: #000;}
.color-white { color: var(--color-light);}
.color-dark {color:var(--bgcolor-dark);}
.color-main { color:var(--color-main);}
.color-sec { color:var(--color-sec);}
.color-accent { color:var(--color-accent);}


.underline {
    margin-bottom: 0.75em;
    position: relative;
}

/*
.underline {
  text-decoration: none;
  background-image: linear-gradient(var(--bgcolor-dark100), var(--bgcolor-dark100)),
    linear-gradient(var(--color-main100), var(--color-main100)),
    linear-gradient(var(--color-sec100), var(--color-sec100));
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: background-size 1s linear, background-position 1s linear;
  transition: background-size 1s linear, background-position 1s linear;
}
.underline:hover {
  background-size: 20px 2px, 0 2px, 100% 2px;
  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}*/
.xxl{font-size:clamp(2rem, 5vw, 4rem);line-height:0.9em; font-weight: 200; letter-spacing: 0.05em}
.xl{font-size:2.25rem;line-height:1.22em;}
.l{font-size:1.5rem;line-height:1.333em;}
.m{font-size: 1.25rem;line-height: 1.25em;}
.p{font-size: 1rem; line-height: 1.5em;}
.s{font-size: 0.8rem;line-height: 1.5em;}
.xs	{font-size: 0.6rem;line-height:1.5em;}

.light{	font-weight:300}
.regular{	font-weight:400}
.medium{	font-weight:500}
.bold{	font-weight:600}

.round {
	-webkit-border-radius: 50%; -moz-border-radius:50%; border-radius:50%;
}
.button_box{
	display:inline-block;
	background:var(--linkcolor);
	font-weight: normal;
	font-style:normal;
	color:var(--color-white);
	padding:7px 14px;
  /*-webkit-border-radius: 50px;
  border-radius: 50px;*/
}
.button_box:hover{
	color:var(--color-white);
	background:var(--linkcolor-hover);
}

/*hide*/

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

.mce-content-body {background-color:  #DEDEDE !important;}
.mce-content-body .colcontent>div{padding: 15px; margin: 15px; border: 1px dotted #CCC; display: inline-block;}
.mce-content-body .displaybox{border: 1px dotted #000; padding: 30px;}
.mce-content-body .displaybox:after{ content: 'Display box for toggled content'}

.menuhead .content a[target="_blank"]{text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness:0.05em}
.content a.arrow{padding-left: 15px; display: inline-block; position: relative; color: #000 }
.content a.arrow:before{ content: '› '; position: absolute; left: 0; }
.content a.arrow:hover:before{ animation: smallswing 1s ease infinite;-webkit-animation: smallswing 1s ease infinite;}
@-webkit-keyframes smallswing {
	0%  { -webkit-transform: translate(0,0); }
	70% { -webkit-transform: translate(-10px,0); }
	100%  { -webkit-transform: translate(0,0); }
}
@keyframes smallswing {
	0%  { transform: translate(0,0); }
	70% { transform: translate(-10px,0); }
	100%  { transform: translate(0,0); }
}

.underline::after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0%;
    bottom: -0.4em;
    width: 200px;
    border-top: 2px dotted var(--textcolor);
    clear: both;
}
.center .underline:after, .center.underline:after {left: 50%; margin-left: -100px;}

h1 .xxl, h2 .xxl, .h1 .xxl, .h2 .xxl {display: inline-block;}
h1 .xl, h2 .xl, .h1 .xl, .h2 .xl {display: inline-block;}
h1 .l, h2 .l, .h1 .l, .h2 .l {display: inline-block;}
h1 .m, h2 .m, .h1 .m, .h2 .m {display: inline-block;}
h1 .s, h2 .s, .h1 .s, .h2 .s {display: inline-block;}
h1 .xs, h2 .xs, .h1 .xs, .h2 .xs {display: inline-block;}

.iconoffset{
	width: 75px;
	height: 75px;
	margin-top: -75px;
	margin-bottom: -25px;
	margin-left:-105px;
	margin-right: 30px;
}
.mce-content-body .iconoffset{margin-left:-15px; margin-top:0;margin-bottom:0;margin-right:0;display: block;}
.timeline .iconoffset{
	width: 30px;
    height: 30px;
    margin-top: -3px;
    margin-bottom: 0;
    margin-left: -61px;
    margin-right: 30px;
    position: absolute;
    z-index: 1;
}
.mce-content-body .timeline .iconoffset{position: relative;}

.iconwrap {
    position: relative;
    padding-left: 45px;
    display: inline-block;
}
.iconwrap .icon {position: absolute; top:0;left: 0; margin-top: -0.25em;}
.iconwrap .icon.bg {position: absolute; top:0;left: 0; margin-top: -0.25em;}

.iconwrap.block{
	padding-left: 65px;
    padding-top: 14px;
    display: block;
    margin-bottom: 30px;
}
.icon, [class^="icon-"],[class*=" icon-"] {
	display: inline-block;
  --color-fill: var(--color-sec);
  --color-stroke: currentColor;
  fill:currentColor;
	width: 2em;
	height: 2em;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.icon path, .icon *[style*="stroke"]{
stroke-width: 0.0625em;
stroke: var(--color-stroke);
fill: var(--color-fill);
}

.icon.bg{width: 32px; height: 32px; background-color: var(--bgcolor-dark); color:var(--color-light);}
.icon.round{-webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%;}

a .icon.bg, button .icon.bg{background-color: var(--color-main); color: var(--color-white); }
a:hover .icon.bg, button:hover .icon.bg{background-color: var(--linkcolor); color: var(--color-white);}

.icon.bg.l{width: 50px; height: 50px;}
.icon.bg.m{width: 32px; height: 32px;}
.icon.bg.s{width: 24px; height: 24px;}



.image-scale-100 {
	display: block;
	width:100%;
	height:auto;
}
.image-scale-max {
	max-width:100%;
	height: auto
}

ul {
list-style-type: none;
list-style-position:outside;
margin:0 0 0.5em 0;
padding:0;
}
ul li {
position:relative;
margin:0.25em 0 0.25em 1.5em;
}

ul li:before { position:absolute; content: "• "; font-weight: bold; color:var(--color-main); left:-1.5em; /*top:-0.2em;*/}

hr {color:transparent; display: block; background-color:var(--color-main); height:1px; border:none;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}

.inlineblock{display: inline-block;}
.block{display: block;}
.vatop{vertical-align: top;}
.vamiddle{vertical-align: middle;}
.vabottom{vertical-align: bottom;}

.badge_circle{
	position: relative;
    display: inline-block;
	text-align: center;
}
.badge_circle:after {
    content:" ";
    position: absolute;
	z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 20px);
    height: 0;
    display: block;
    padding: 0 0 calc(100% + 20px) 0;
    border: 1px solid #000;
    border-radius: 50%;
}
.number_circle {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;
    box-sizing: content-box;
}
ol.numbers{ counter-reset: num;
  list-style-type: none; position: relative}
ol.numbers li{margin-left: 40px;}
ol.numbers li:before{
	counter-increment: num;
	content: counters(num, ".", decimal-leading-zero);
	position: absolute;
	left: 0;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;
    box-sizing: content-box;
}
.grey{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	/*	-webkit-filter: sepia(.9) hue-rotate(180deg); filter: sepia(.9) hue-rotate(180deg);	*/
}
.grey:hover, .grey.act{
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

table:not(.fixedTable) td {vertical-align: top; padding: 8px; }
table.lines{  border-collapse: collapse;}
table.lines tr, .table.lines .trow:not(.head):not(.togglerow){ border-bottom:1px solid var(--color-sec50);}
table.lines tr:first-child, .table.lines .trow:not(.head):not(.togglerow):first-child{ border-top:1px solid var(--color-sec50);}
table.lines td, .table.lines .trow:not(.togglerow) .tcell,
table.evenrows td, .table.evenrows .trow:not(.togglerow) .tcell,
table.oddrows td, .table.oddrows .trow:not(.togglerow) .tcell {padding:5px 15px;}

table th, .trow.head{ background:var(--bgcolor-light);}
table.evenrows th, .table.evenrows .trow.head{ background:rgb(87,87,87);}
table.oddrows th, .table.oddrows .trow.head{ background:rgb(87,87,87);}
table.evenrows th *, .table.evenrows .trow.head *{color:var(--color-light);}
table.oddrows th *, .table.oddrows .trow.head *{color:var(--color-light);}

table.evenrows tr:nth-child(even), .table.evenrows .trow:not(.head):nth-child(even){ background:var(--bgcolor-light50);}
table.evenrows tr:nth-child(odd), .table.evenrows .trow:not(.head):nth-child(odd){ }
table.evenrows tr:first-child, .table.evenrows .trow:not(.head):first-child{ }
table.oddrows tr:nth-child(odd), .table.oddrows .trow:not(.head):nth-child(odd){ background:var(--bgcolor-light50);}
table.oddrows tr:nth-child(even), .table.oddrows .trow:not(.head):nth-child(even){ }
table.oddrows tr:first-child, .table.oddrows .trow:not(.head):first-child{ }

table tr.dark td { background:rgb(55,55,55);} table tr.dark td * { color:var(--color-light);}
table tr.color td { background:var(--color-main);} table tr.color td * { color:var(--color-light);}
.trow.dark { background:rgb(55,55,55);} .trow.dark *:not(.icon):not(use):not([class*="color"]) { color:var(--color-light);}
.trow.color { background:var(--color-main);} .trow.color *:not(.icon):not(use):not([class*="color"]) { color:var(--color-light);}

.trow.togglerow{border:none;}

/*.neon{
    margin: 0;
    padding: 15%;
    font-family: "roboto condensed";
    font-weight: 100;
    font-size: 10em;
    color: var(--color-light);
    background-color: rgb(55,55,55);
    text-shadow: 0 0 100px rgba(5, 255, 163, 0.9), 0 0 20px rgb(5, 255, 255), 0 0 9px rgba(255,255,255,1), 1px 1px 5px rgba(255,255,255,1), -1px -1px 5px rgba(255,255,255,1);
}*/



@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.eot');
  src: local('Barlow Condensed Thin'), local('BarlowCondensed-Thin'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.eot');
  src: local('Barlow Condensed Thin Italic'), local('BarlowCondensed-ThinItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-100italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.eot');
  src: local('Barlow Condensed ExtraLight'), local('BarlowCondensed-ExtraLight'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.eot');
  src: local('Barlow Condensed ExtraLight Italic'), local('BarlowCondensed-ExtraLightItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-200italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.eot');
  src: local('Barlow Condensed Light'), local('BarlowCondensed-Light'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.eot');
  src: local('Barlow Condensed Light Italic'), local('BarlowCondensed-LightItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-300italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.eot');
  src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-regular.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.eot');
  src: local('Barlow Condensed Medium'), local('BarlowCondensed-Medium'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.eot');
  src: local('Barlow Condensed Medium Italic'), local('BarlowCondensed-MediumItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-500italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.eot');
  src: local('Barlow Condensed Italic'), local('BarlowCondensed-Italic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.eot');
  src: local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.eot');
  src: local('Barlow Condensed SemiBold Italic'), local('BarlowCondensed-SemiBoldItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-600italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.eot');
  src: local('Barlow Condensed Bold'), local('BarlowCondensed-Bold'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.eot');
  src: local('Barlow Condensed ExtraBold'), local('BarlowCondensed-ExtraBold'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.eot');
  src: local('Barlow Condensed ExtraBold Italic'), local('BarlowCondensed-ExtraBoldItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-800italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.eot');
  src: local('Barlow Condensed Bold Italic'), local('BarlowCondensed-BoldItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-700italic.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.eot');
  src: local('Barlow Condensed Black'), local('BarlowCondensed-Black'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900.svg#BarlowCondensed') format('svg');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  src: url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.eot');
  src: local('Barlow Condensed Black Italic'), local('BarlowCondensed-BlackItalic'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.woff2') format('woff2'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.woff') format('woff'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.ttf') format('truetype'),
       url('font/barlow/barlow-condensed-v4-latin-ext_latin-900italic.svg#BarlowCondensed') format('svg');
}




@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  src: url('font/barlow/barlow-v4-latin-ext_latin-100.eot');
  src: local('Barlow Thin'), local('Barlow-Thin'),
       url('font/barlow/barlow-v4-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-100.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-100.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-100.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-100.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  src: url('font/barlow/barlow-v4-latin-ext_latin-100italic.eot');
  src: local('Barlow Thin Italic'), local('Barlow-ThinItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-100italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-100italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-100italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-100italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-100italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url('font/barlow/barlow-v4-latin-ext_latin-200.eot');
  src: local('Barlow ExtraLight'), local('Barlow-ExtraLight'),
       url('font/barlow/barlow-v4-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-200.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-200.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-200.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-200.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('font/barlow/barlow-v4-latin-ext_latin-300.eot');
  src: local('Barlow Light'), local('Barlow-Light'),
       url('font/barlow/barlow-v4-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-300.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-300.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-300.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-300.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  src: url('font/barlow/barlow-v4-latin-ext_latin-200italic.eot');
  src: local('Barlow ExtraLight Italic'), local('Barlow-ExtraLightItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-200italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-200italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-200italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-200italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-200italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('font/barlow/barlow-v4-latin-ext_latin-regular.eot');
  src: local('Barlow Regular'), local('Barlow-Regular'),
       url('font/barlow/barlow-v4-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-regular.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-regular.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-regular.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-regular.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('font/barlow/barlow-v4-latin-ext_latin-300italic.eot');
  src: local('Barlow Light Italic'), local('Barlow-LightItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-300italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-300italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-300italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-300italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('font/barlow/barlow-v4-latin-ext_latin-italic.eot');
  src: local('Barlow Italic'), local('Barlow-Italic'),
       url('font/barlow/barlow-v4-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('font/barlow/barlow-v4-latin-ext_latin-500.eot');
  src: local('Barlow Medium'), local('Barlow-Medium'),
       url('font/barlow/barlow-v4-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-500.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-500.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-500.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-500.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('font/barlow/barlow-v4-latin-ext_latin-500italic.eot');
  src: local('Barlow Medium Italic'), local('Barlow-MediumItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-500italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-500italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-500italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-500italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('font/barlow/barlow-v4-latin-ext_latin-600italic.eot');
  src: local('Barlow SemiBold Italic'), local('Barlow-SemiBoldItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-600italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-600italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-600italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-600italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-600italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('font/barlow/barlow-v4-latin-ext_latin-600.eot');
  src: local('Barlow SemiBold'), local('Barlow-SemiBold'),
       url('font/barlow/barlow-v4-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-600.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-600.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-600.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-600.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('font/barlow/barlow-v4-latin-ext_latin-700.eot');
  src: local('Barlow Bold'), local('Barlow-Bold'),
       url('font/barlow/barlow-v4-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-700.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-700.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-700.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-700.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('font/barlow/barlow-v4-latin-ext_latin-700italic.eot');
  src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-700italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-700italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-700italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-700italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('font/barlow/barlow-v4-latin-ext_latin-800.eot');
  src: local('Barlow ExtraBold'), local('Barlow-ExtraBold'),
       url('font/barlow/barlow-v4-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-800.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-800.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-800.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-800.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('font/barlow/barlow-v4-latin-ext_latin-800italic.eot');
  src: local('Barlow ExtraBold Italic'), local('Barlow-ExtraBoldItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-800italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-800italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-800italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-800italic.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('font/barlow/barlow-v4-latin-ext_latin-900.eot');
  src: local('Barlow Black'), local('Barlow-Black'),
       url('font/barlow/barlow-v4-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-900.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-900.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-900.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-900.svg#Barlow') format('svg');
}

@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('font/barlow/barlow-v4-latin-ext_latin-900italic.eot');
  src: local('Barlow Black Italic'), local('Barlow-BlackItalic'),
       url('font/barlow/barlow-v4-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('font/barlow/barlow-v4-latin-ext_latin-900italic.woff2') format('woff2'),
       url('font/barlow/barlow-v4-latin-ext_latin-900italic.woff') format('woff'),
       url('font/barlow/barlow-v4-latin-ext_latin-900italic.ttf') format('truetype'),
       url('font/barlow/barlow-v4-latin-ext_latin-900italic.svg#Barlow') format('svg');
}
@charset "utf-8";
@media print {
	.noprint { display:none; visibility:hidden; }
}
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;

	margin:0;
	padding:0;
	border:0;
	 /*
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2; */
}
header, nav, main, section, article, footer {display: block;}
img {border:none; }
.clear {clear:both;}
.hide {display:none;}
.block {display:block;}


.nomargin{margin:0;}
.margintop{margin-top: var(--textpadding-top) !important;}
.marginbottom{margin-bottom: var(--textpadding-bottom) !important;}
.extramargintop{margin-top: var(--textpadding-extra) !important;}
.extramarginbottom{margin-bottom: var(--textpadding-extra) !important;}
.basepadding { padding:var(--padding-h); }
.textpadding {padding-top: var(--textpadding-top); padding-bottom:var(--textpadding-bottom);}
.extra>.textpadding {padding-top: var(--textpadding-extra) !important; padding-bottom:var(--textpadding-extra) !important;}
.textpaddingtop {padding-top: var(--textpadding-top); padding-bottom:var(--textpadding-low);}
.textpaddingbottom {padding-top: var(--textpadding-low); padding-bottom:var(--textpadding-bottom);}
.paddingtop {padding-top: var(--textpadding-top) !important; }
.paddingbottom { padding-bottom:var(--textpadding-bottom) !important;}
.extrapaddingtop {padding-top: var(--textpadding-extra) !important; }
.extrapaddingbottom { padding-bottom:var(--textpadding-extra) !important;}
.nopaddingy>.textpadding {padding-top:0 !important; padding-bottom:0 !important;}
.nopaddingx>.mainwidth {padding-left:0 !important; padding-right:0 !important;}
.nopadding>.textpadding, .nopadding>.mainwidth, .nopadding>.group {padding:0 !important;}
.nopaddingtop>.textpadding{padding-top: 0 !important;}
.lowpaddingtop>.textpadding{padding-top: var(--textpadding-low) !important;}
.nopaddingbottom>.textpadding{padding-bottom: 0 !important;}
.lowpaddingbottom>.textpadding{padding-bottom: var(--textpadding-low) !important;}
/*[class*="bgcolor"]*/ .textpadding>:last-child{margin-bottom: 0}

.fLeft{ display:block; float:left;}
.fRight{ display:block; float:right;}
.sticky-top{position: sticky !important; top:0;}
.sticky-bottom{position: sticky !important; bottom:-1px;}
.sticky-bottom.is-sticky{-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.25);box-shadow: 0 0 20px rgba(0,0,0,0.25)}
.fixed-top{position:fixed !important; top:0;}
.fixed-bottom{position:fixed !important; bottom:0}
.topborder{border-top: 15px solid var(--color-main);}
.bordered{border: 1px solid var(--textcolor)}
.border-top{border-top: 1px solid var(--textcolor)}
.border-bottom{border-bottom: 1px solid var(--textcolor)}
.border-left{border-left: 1px solid var(--textcolor)}
.border-right{border-right: 1px solid var(--textcolor)}
.padding-15{padding: 15px}
.padding-30{padding: 30px}
.padding-45{padding: 45px}

.rotate-left {-webkit-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.rotate-right {-webkit-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);}

.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}

@media(min-width:360px){.cb-up-360{display: block;} .show-360{display: none !important}}
@media(min-width:480px){.cb-up-480{display: block;} .show-480{display: none !important}}
@media(min-width:600px){.cb-up-600{display: block;} .show-600{display: none !important}}
@media(min-width:768px){.cb-up-768{display: block;} .show-768{display: none !important}}
@media(min-width:960px){.cb-up-960{display: block;} .show-960{display: none !important}}
@media(min-width:1024px){.cb-up-1024{display: block;} .show-1024{display: none !important}}
@media(max-width:360px){.cb-down-360{display: block;} .hide-360{display: none !important}}
@media(max-width:480px){.cb-down-480{display: block;} .hide-480{display: none !important}}
@media(max-width:600px){.cb-down-600{display: block;} .hide-600{display: none !important}}
@media(max-width:768px){.cb-down-768{display: block;} .hide-768{display: none !important}}
@media(max-width:960px){.cb-down-960{display: block;} .hide-960{display: none !important}}
@media(max-width:1024px){.cb-down-1024{display: block;} .hide-1024{display: none !important}}

html{max-width:100%; overflow-x:hidden;}
body{background:var(--bgcolor-body);}
#page{
	position:relative;
	display:block;
	max-width:1920px;
	margin:auto;
	padding:0;
  /*  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.3);
            box-shadow: 0 0 50px rgba(0,0,0,0.3);*/
}
:root{
	--header-height:var(--header-height-standard);
	--header-menu-padding:var(--header-menu-padding-standard);
}

.menuhead #page{padding-top:var(--header-height,175px); }
.menuhead #head .headpadding{padding-top:var(--header-menu-padding,45px);padding-bottom:var(--header-menu-padding,45px);}
/*@media (min-width: 1920px){
.menuhead .content>*[class*="bgcolor"]{width: 100vw; margin-left: calc((1920px - 100vw) / 2);}
}*/
#pagewrap.fix{position: fixed;left: 0px;width: 100%;height: 100%;overflow: hidden;}
#pagewrap.fix #pagefix::before{content:' ';position:absolute; z-index:5000; top:0; left:0; bottom:0; right:0; background-color:var(--color-sec50);}
.content.layeredPage::before{content:' ';position:absolute; z-index:5; top:0; left:0; bottom:0; right:0; background-color:var(--color-sec50);}


.pagewidth{
	max-width:1920px;
	margin:auto;
}
.menuhead #head .pagewidth{background:var(--bgcolor-head); /*box-shadow: 0 0 20px rgba(0,0,0,0.2);*/}

.content {background-color: var(--bgcolor-content);}
.mainwidth {
	position:relative;
	display:block;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
}
.didblock{position: relative;}
.content>.didblock>.mainwidth, .content>.didblock>.group>.didblock>.mainwidth, .didblock[class*="bgcolor"]:not(.fullwidth)>.mainwidth, .didblock[class*="bgcolor"]>.group,
.galleryImg>.didblock>.mainwidth, footer>.didblock>.mainwidth{
	padding-left:var(--padding-h);
	padding-right:var(--padding-h);
}
.content>.didblock>.mainwidth, .content>.didblock>.group>.didblock>.mainwidth, .content>.didblock[class*="bgcolor"]>.mainwidth, .content>.didblock[class*="bgcolor"]>.group,
footer>.didblock>.mainwidth, footer>.didblock>.group>.didblock>.mainwidth, footer>.didblock[class*="bgcolor"]>.mainwidth, footer>.didblock[class*="bgcolor"]>.group, .fullwidth>.mainwidth{
	padding-left:var(--main-padding-h);
	padding-right:var(--main-padding-h);
}
.main>.mainwidth {max-width: 1280px;}
.narrow>.mainwidth, .narrow>.group {max-width: 700px; margin-left: auto; margin-right: auto;}
.fullwidth>.mainwidth,.fullwidth>*{  max-width: 1920px; margin-left: auto; margin-right: auto; }
@media (max-width:1920px){
	.fullwidth>.mainwidth,.fullwidth>*{  max-width: 100%;}
}
@media (min-width:1280px){
	.content>.fullwidth.nopaddingx)>.mainwidth{padding-left: 0; padding-right: 0}
}


.pos-R>*{position: absolute; right: 0}
.pos-B>*{position: absolute; bottom: 0}
.pos-L>*{position: absolute; left: 0}
.pos-T>*{position: absolute; top: 0}
.pos-R-neg>*{position: absolute; right: -5em}
.pos-B-neg>*{position: absolute; bottom: -5em}
.pos-L-neg>*{position: absolute; left: -5em}
.pos-T-neg>*{position: absolute; top: -5em}
.pos-R-pos>*{position: absolute; right: 5em}
.pos-B-pos>*{position: absolute; bottom: 5em}
.pos-L-pos>*{position: absolute; left: 5em}
.pos-T-pos>*{position: absolute; top: 5em}
.pos-B-neg {margin-top: -10px;margin-bottom: 10px;} /* prevent fade in bug */

[class*="pos-"]{z-index: 5}

.max-600 .mainwidth {max-width: 600px}
.max-500 .mainwidth {max-width: 500px}
.max-400 .mainwidth {max-width: 400px}
.max-300 .mainwidth {max-width: 300px}
.max-200 .mainwidth {max-width: 200px}

.color-white{
	--textcolor:var(--color-white);
	--linkcolor:var(--color-white);
  --linkcolor-hover:var(--color-sec);
	--headercolor:var(--color-white);
  color: var(--textcolor);
}
.color-white .button_box { --linkcolor:var(--color-main);--linkcolor-hover:var(--color-extradark); }

.bgcolor-content{position: relative; z-index: auto; background-color:var(--bgcolor-content); --bgcolor:var(--bgcolor-content);}
.bgcolor-white{position: relative; z-index: auto; background-color:var(--color-white);--bgcolor:var(--bgcolor-white);}
.bgcolor-dark, .bgcolor-extradark{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-dark);
	/*--color-main:var(--color-white);*/
	--color-extradark: var(--color-sec);
	--textcolor:var(--color-white);
	/*--linkcolor:var(--color-main);*/
  --linkcolor-hover:var(--color-white);
	--headercolor:var(--color-white);
	/*--color-sec:var(--color-white);*/
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-dark);
}
.bgcolor-extradark{background-color:var(--bgcolor-extradark);--bgcolor:var(--bgcolor-extradark);}
.bgcolor-dark .button_box:hover, .bgcolor-extradark .button_box:hover { color:var(--color-extradark); --linkcolor-hover:var(--color-accent); }
.bgcolor-dark .input,.bgcolor-dark .select, .bgcolor-extradark .input,.bgcolor-extradark .select { color:var(--color-extradark); }

.bgcolor-extradark-gradient::before{ content: ' '; position: absolute; height: 100%; width: 100%; top: 0; background-image:radial-gradient(circle, var(--bgcolor-extradark0), var(--bgcolor-extradark100));}
.bgcolor-extradark-gradient-linear::before{ content: ' '; position: absolute; height: 100%; width: 100%; top: 0; background-image:radial-gradient(0deg, var(--bgcolor-extradark0), var(--bgcolor-extradark100));}


.bgcolor-main{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-main);
	--textcolor:var(--color-white);
  --headercolor:var(--color-white);
  --linkcolor:var(--color-accent);
  --linkcolor-hover:var(--color-white);
  --inputcolor:var(--bgcolor-main-light);
	--color-light:var(--color-sec);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-main);
}
.bgcolor-main-light{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-main-light);
	/*--textcolor:var(--color-light);
  --headercolor:var(--color-white);
  --linkcolor:var(--color-extradark);
  --linkcolor-hover:var(--color-white);*/
  --inputcolor:var(--color-white);
	--color-extradark:#000;
	--textcolor:var(--color-extradark);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-main-light);
}
.bgcolor-light{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-light);
	--linkcolor:var(--color-main);
  --linkcolor-hover:var(--color-sec);
	--inputcolor:var(--color-light);
	--color-extradark:#000;
	--textcolor:var(--color-extradark);
	color:var(--textcolor);
	--bgcolor:var(--bgcolor-light);
}
.bgcolor-light-gradient-linear::before{ content: ' '; position: absolute; height: 100%; width: 100%; top: 0; background-image:radial-gradient(0deg, var(--bgcolor-light0), var(--bgcolor-light100));}

.bgcolor-sec{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-sec);
	--textcolor:var(--color-white);
  --headercolor:var(--bgcolor-main);
  --linkcolor:var(--color-light);
  --linkcolor-hover:var(--color-main);
  --inputcolor:var(--color-dark);
	--color-sec:var(--color-main);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-sec);
}
.bgcolor-sec-light{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-sec-light);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-sec-light);
}
.bgcolor-sec .button {color: var(--color-main);background-color: var(--color-light);}
.bgcolor-sec .button:hover,
.bgcolor-sec .button:focus{color: var(--color-light);background-color: var(--color-main);}

.bgcolor-sec .input {color: var(--color-light);background-color: var(--inputcolor);}
.bgcolor-sec .input:hover,.bgcolor-sec .input:focus {color: var(--color-light);background-color: var(--color-main);}
.bgcolor-sec .css_toggle>input:checked ~ label ~ figure {background-color: var(--color-light20);}

.bgcolor-accent{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-accent);
	--textcolor:var(--color-white);
  --headercolor:var(--color-white);
  --linkcolor:var(--color-white);
  --linkcolor-hover:var(--color-white);
  --inputcolor:var(--color-dark);
	--color-light:var(--color-extradark);
	--color-accent:var(--color-white);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-accent);
}

.bgcolor-grey{
	position: relative; z-index: auto;
	background-color:var(--bgcolor-grey);
	--textcolor:var(--color-extradark);
  --headercolor:var(--color-extradark);
  --linkcolor:var(--color-white);
  color: var(--textcolor);
	--bgcolor:var(--bgcolor-grey);
}
.mix-blend-mode-color .bgimg::before{mix-blend-mode: color;}
.mix-blend-mode-multiply .bgimg::before{mix-blend-mode: multiply;}
.mix-blend-mode-hard-light .bgimg::before{mix-blend-mode: hard-light;}
.mix-blend-mode-saturation .bgimg::before{mix-blend-mode: saturation;}
.mix-blend-mode-color-burn .bgimg::before{mix-blend-mode: color-burn;}
.normal-on-hover[class*="mix-blend-mode"]:hover .bgimg::before{mix-blend-mode:normal; opacity: 0; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*
.bgcolor-main *:not(.icon):not(use):not([class*="color"]) {color:var(--color-light);}
.bgcolor-main a:not(.icon):not(use):not([class*="color"]){color:var(--color-sec);}
.bgcolor-main a:not(.icon):not(use):not([class*="color"]):hover{color:var(--color-main);}
.bgcolor-main .button{background-color:var(--color-main); color: var(--color-light);}
.bgcolor-main .button:hover{background:#000; color:var(--color-main);}
.bgcolor-main ul li::before { color:var(--color-light); }
*/
.galleryImg.bgcolor-extradark:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-extradark50);}
.galleryImg.bgcolor-dark:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-dark50);}
.galleryImg.bgcolor-main:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-main50);}
.galleryImg.bgcolor-light:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-light50);}
.galleryImg.bgcolor-sec:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-sec50);}
.galleryImg.bgcolor-accent:not(.nolayercolor) picture::after{content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-color:var(--bgcolor-accent50);}

.galleryImg .col2 picture::after{display: none; content: none;}
/*
#headerImages .colcontent .galleryImg.bgcolor-dark picture::after{display: none; content: none;}
#headerImages .colcontent .galleryImg.bgcolor-main picture::after{display: none;}
#headerImages .colcontent .galleryImg.bgcolor-light picture::after{display: none; content: none;}
#headerImages .colcontent .galleryImg.bgcolor-sec picture::after{display: none; content: none;}
#headerImages .colcontent picture::after{display: none}
*/
.bgdirt{position: relative;}
.bgdirt::before {content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; z-index: 0; background-image:url(_pix/bg_dirt.png); background-size:auto; background-attachment:fixed;}
.bgdirt>.bgimg::before { background-image:url(_pix/bg_dirt.png); background-size:auto; background-attachment:fixed;}

.bgstructure{position: relative;}
.bgstructure::before {content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; z-index: 0; background-image:url(_pix/structure-tile.png); background-size:auto; background-attachment:fixed;}
.bgstructure>.bgimg::before { background-image:url(_pix/structure-tile.png); background-size:auto; background-attachment:fixed;}


.bggrid{position: relative;}
.bggrid::before {content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; z-index: 0; background-image:url(_pix/bg_grid.gif); background-attachment:fixed;}
.bggrid.parallax::before{content: none; display: none}
.bggrid.parallax .bgimg::after, .bggrid .bgimg::after {content:' '; display: block; top:0; bottom:0; left:0; right:0; position:absolute; background-image:url(_pix/bg_grid.gif); background-attachment:fixed;}
.bgcolor-dark.bggrid.parallax .bgimg::after{background-image:url(_pix/bg_grid_neg.gif); }
.bgcolor-main.bggrid.parallax .bgimg::after{background-image:url(_pix/bg_grid_neg.gif); }

#top{
	position:absolute;
	top:0;
	left:0;
}
#topheader{
	padding:0;
	position: relative;
	z-index: 205;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#topheader>.mainwidth{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#topnavL,#topnavR{ display: -webkit-box;display: -ms-flexbox;display: flex;}

#topheader a .icon.bg, #topheader button .icon.bg {background-color: var(--color-main-light); color:var(--color-main)}
#topheader a:hover .icon, #topheader button:hover .icon {background-color: var(--color-accent); color:var(--color-white)}

.menuhead #topheader.pagewidth, .menuleft #topheader.pagewidth{background-color:var(--bgcolor-light);}
#topheader>.mainwidth>*>ul>li>*:not(ul) {
    display: block;
    line-height: 0;
}
/*#topnavL{padding:0; margin: 0}

#topnavR {
    position: absolute;
    right: var(--padding-h);
    top: 0;
}*/
/*#topheader .icon.bg.round:hover{color: var(--color-main); background-color: var(--color-light);}
#topheader .icon.bg.round{background-color: var(--color-main); color: var(--color-light);}*/
:root {--topheadericonsize:36px}
#topheader .icon{width:var(--topheadericonsize,32px); height:var(--topheadericonsize,32px);}


#topheader ul{margin: 0;}
#topheader ul li::before{content: none;}
#topheader ul li{display: block; margin: 0; padding: 0;}
#topheader ul ul{display: block;max-height: 0; overflow: hidden; padding: 0; margin: 0; position: absolute; z-index: 1000;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
#topheader ul li {display: inline-block; margin: 0; vertical-align:middle}
.menuhead #topheader ul ul{top:var(--topheadericonsize,32px); left: 0;}
.menuhead #topheader #topnavR ul ul{left:auto; right: 0;}
#topheader ul ul li{margin: 0}
#topheader ul li:hover>ul, #topheader ul li.hover>ul, #topheader ul *:target+ul, #topheader ul ul.open {max-height: 500px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.25); box-shadow: 0 0 30px rgba(0,0,0,0.25); }
#topheader ul li:hover>a[aria-expanded=false]+ul{max-height: 0; padding: 0}
[id^=topnav]>ul>li>a[aria-expanded=true] .icon{ opacity: 0 }
[id^=topnav]>ul>li>a[aria-expanded=true]::before{ content: '';width: 30px;color: inherit;transform: rotate(45deg);position: absolute;height: 0; border-bottom: 1px solid;left: 50%;top: 50%; margin-left: -15px;}
[id^=topnav]>ul>li>a[aria-expanded=true]::after{ content: '';width: 30px;color: inherit;transform: rotate(-45deg);position: absolute;height: 0; border-bottom: 1px solid;left: 50%;top: 50%; margin-left: -15px;}
#topheader ul ul li{display: block; padding: 15px; margin: 0; background-color:var(--bgcolor-content); color: var(--textcolor); min-width: 250px;  }
@media screen and (max-width:360px){
	#topheader ul li {margin: 0;}
}
ul.langmenu  ul a {display: block; text-align: center; background-color: var(--color-sec); padding: 0.5em 1em; color: var(--color-white); margin-bottom: 1px; text-transform: uppercase;}
ul.langmenu  ul a.act {background-color: var(--color-main);}
ul.langmenu  ul a:hover {background-color: var(--color-accent);}

#language-selection::after{content: attr(data-lang); position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-weight: bold; font-size: 0.6em; text-transform: uppercase; color: #FFF;}

/*_______________________________________________left bar */
@media screen and (min-width:961px){
	.menuleft.leftbar #topheader{position: absolute; left: 0; top:0; width: 50px; min-height: 100vh; z-index: 201;}
	.menuleft.leftbar #topheader .mainwidth{padding: 15px 0; text-align: center;}
	.menuleft.leftbar #head>.mainwidth{padding-left: 80px}
	.menuleft.leftbar #topnavL a{margin: 0; display: block}
	.menuleft.leftbar #topnavR {position: relative;right: auto; top: auto;}
	.menuleft.leftbar #head .inputSearch {right: auto;left: 40px;}
	.menuleft.leftbar #head .search:hover #head .inputSearch {width:calc(var(--leftmenu-width) - 50px);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);box-shadow: 0 0 20px rgba(0,0,0,0.5);}

	.menuleft.leftbar #topheader ul li {display: block; margin:1px 0;}
	.menuleft.leftbar #topheader ul li ul{top:0; left: 50px;}
	.menuleft.leftbar #topheader ul li ul li{min-width: calc(var(--leftmenu-width) - 50px);}

	.menuleft.leftbar #topnavR{margin-top: var(--padding-h);}
}

#langmenu {
		white-space:nowrap;
    display:inline-block;
		margin-left: 2px;
}
#langmenu a{
	display:inline-block;
	text-transform:uppercase;
	font-size:13px;
	color:var(--color-main);
	background-color:var(--bgcolor-light);
	padding:16px 0 16px 0;
  width: 32px;
	/*height: 32px;*/
	line-height:0;
  text-align: center;
	margin: 0 1px;
}
#langmenu a.act{
	font-weight:bold;
	color: var(--color-main);
}
#langmenu a:hover{
	background-color: var(--color-main);
	color:var(--color-light);
}
#langmenu a.round{
    border-radius: 50%;
}
.buttonLangIcon{
	display:none;
	vertical-align:top;
	border:none;
	width:30px;
	height:30px;
	background-color:var(--color-main);
	background-image:url(_pix/button_language.svg);
	background-position:0 -30px;
	background-repeat:no-repeat;
	cursor:pointer;
	padding:0;
	margin:0;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

}
.buttonLangIcon:hover{
	background-color:var(--color-light);
	background-position:0 0;
}
.menuhead #head{
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	width:100%;
	height:auto;
	min-height: var(--header-height);
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 .menuhead #head.top #topheader{max-height:0; overflow:hidden; padding:0;}
@media screen and (max-width:960px){
 .menuleft #head.top #topheader{max-height:0; overflow:hidden; padding:0;}
}

.menuleft #head{
	position: sticky;
	top: 0;
	z-index: 1000;
	float: left;
	width: 20%;
	width: var(--leftmenu-width);
	min-height: 100vh;
	background-color: var(--bgcolor-head);
	padding:0 0 var(--padding-h) 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.menuleft main {
	float: left;
	width: 80%;
	width: calc(100% - var(--leftmenu-width));
}
.menuleft #singleItem main {
	float: none;
	width: 100%;
}

#logo {
	position:absolute;
	top:var(--main-padding-h);
	left:var(--main-padding-h);
	z-index:200;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.menuhead.logo-right #logo{left:auto; right:var(--padding-h); }
.menuhead.logo-right ul.dropdown {text-align:left;}
.menuhead.logo-right ul.dropdown {text-align:left;}
.menuhead.logo-right ul.dropdown>li:last-child, .menuhead.logo-right ul.dropdown>li:last-child>a {padding-right: inherit;}
.menuhead.logo-right ul.dropdown>li:first-child, .menuhead.logo-right ul.dropdown>li:first-child>a {padding-left: 0}

.menuleft #head #logo{position: relative; top:auto; left:auto; margin-top: var(--padding-h); margin-bottom: 50px;}

#logo img, #logo svg {max-width: 100%;height: auto;}

.menuhead #head.top{position:fixed;height:auto; min-height: 0}
.menuhead #head.top .pagewidth{ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.menuhead #head.top #logo {}
.menuhead #head.top .headpadding  {padding-bottom:10px; padding-top:10px;}

.topimages #stickyhead {position: sticky;top: 0;z-index: 1000; background-color: var(--color-light);}
.topimages #menu{padding: var(--padding-v) var(--padding-h);}
.topimages #page{padding-top: 0;}
.topimages #headerImages {min-height: 100vh; min-height: calc(100vh - 52px - 97px); /*-tophead - menu*/
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;}
.topimages #headerImages .fadeSet {position: absolute; height: 100%;}
.topimages #headerImages .galleryImg,.topimages #headerImages .galleryImg>a,.topimages #headerImages .galleryImg picture {height: 100%; width: 100%}
.topimages #headerImages .galleryImg .image-scale-100{ height: 100%; -o-object-fit: cover; object-fit: cover;}



#headerImages {
	margin:0 auto 0 auto;
	max-height:calc(100vh - var(--header-height));
	overflow: hidden;
}

@media(min-width:768px){
	#headerImages.fullscreen {
		height:calc(100vh - var(--header-height));
		max-width:none;
	}
}
.content {
	display:block;
	margin:0;
	padding:0;
}
#linkline {
    font-size: 0.7rem;
    line-height: 1.25em;
		padding:10px var(--padding-h);
}
#footer {
	padding:0;
	min-height:50vh;
}
#head .mainwidth,#footer .mainwidth{
padding-left:var(--main-padding-h);
padding-right:var(--main-padding-h);
}
#footer .icon{width: 2em;height: 2em; margin-top: -0.25em; color: var(--color-main)}
#footer .address{
	padding: var(--main-padding-v) 0;
	border-bottom: 1px solid var(--color-main30)
}


footer ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -1em}
footer ul li {margin:0 1em}
/*footer ul ul a {font-size: 0.8em;line-height: 1.2;}*/
footer ul li::before{content: none}

.didblock.linked {overflow: hidden;}
.didblock.linked .did-link{
	position: absolute;
	top:0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: block;
  background-color: transparent;
}
.didblock.linked>.bgimg, .didblock.linked>.galleryImg>a img, .image-gallery .galleryImg>a img, .galleryImg[class*=bgcolor] picture::after{
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;}
.image-gallery .galleryImg img{display: block;}
.didblock.linked:hover>.bgimg, .didblock.linked:hover>.galleryImg>a img, .image-gallery .galleryImg>a:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05)}
/*.didblock.linked .did-link:hover{background-color: var(--bgcolor-main20);}*/

/*___________________tranparent menu*/

body.menu-transparent {--header-height: var(--topheadericonsize,32px);}
body.smallheader, body.menu-transparent.smallheader {--header-height: var(--topheadericonsize);}
body.menu-transparent.menuhead #head::before{
  content: '';
  width: 100%;
  height: var(--topheadericonsize);
  position: absolute;
  top:0; left: 0;
  background-color: var(--bgcolor-head70);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
body.menu-transparent.menuhead #head.top::before{
  height: 100%;
}
body.menu-transparent.menuhead #head .pagewidth:not(#topheader){
  background-color: transparent;
  -webkit-backdrop-filter: blur(0);
          backdrop-filter: blur(0);
}
/*body.menu-transparent.menuhead.smallheader #head .pagewidth:not(#topheader){
  background-color: var(--bgcolor-head70);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
ul.dropdown li:hover > ul{
  background-color: var(--bgcolor-head70);
}*/
body.menu-transparent #head.dark-bg ul#nav a {  --textcolor:var(--color-white);}
body.menu-transparent #head.top.dark-bg ul#nav a {  --textcolor:var(--color-main);}
body.menu-transparent ul#nav a:hover, body.menu-transparent ul#nav a.act { color:var(--textcolor);}
body.menu-transparent #head:not(.top):not(.layeredPage) #menu.light-bg{--textcolor:#000} #menu.light-bg ul#nav ul{--textcolor:#FFF}

@media screen and (min-width:961px){
  body.menu-transparent.menu-negativ #head:not(.top) ul#nav>li>a { --textcolor:var(--color-white); }
}
/*________________*/



.submenupage .objItem:last-child { margin-right: auto;}

.pagination {
    padding: var(--padding-v) var(--padding-h);
    margin: 0 auto;
}
.pagination .head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.pagination nav{display: block;}
#paginationmenu {display:none; width:0; height:0; overflow:hidden;}
#paginationmenu ~ nav{ overflow: hidden; max-height: 0; padding: 0;
	-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);}
#paginationmenu:checked ~ nav{ overflow:visible; max-height: 4000px; padding: 30px 0;
	-webkit-transition: all 0.8s cubic-bezier(1,0,1,0);
	-o-transition: all 0.8s cubic-bezier(1,0,1,0);
	transition: all 0.8s cubic-bezier(1,0,1,0);}
.pagination p{margin-bottom: 0}
.pagination label {width: 30px; height: 30px; background-color:var(--color-sec); border-radius: 50%; position: relative; cursor: pointer; -ms-flex-negative:0; flex-shrink:0}

.pagination label div, .pagination label div::before, .pagination label div::after{width: 16px; height: 2px; background-color:#fff;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }


.pagination label div {margin-left: -8px; margin-top: -1px; position:absolute; left: 50%; top:50%}
.pagination label div::before {content: ''; position:absolute; left: 0; top:-4px}
.pagination label div::after {content: ''; position:absolute; left: 0; bottom:-4px}
#paginationmenu:checked ~ .head label div::before {top:0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
#paginationmenu:checked ~ .head label div {height:0;}
#paginationmenu:checked ~ .head label div::after {top:0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.pagination nav a {color: var(--textcolor)}
.pagination nav a:hover,.pagination nav a.act {color: var(--color-main)}

.page_prev .icon{position: absolute; left: 0; top:0;}
.page_next .icon{position: absolute; right: 0; top:0;}
.page_next{position:relative; padding-right:45px; padding-top: 5px; text-align: right;}
.page_prev{position: relative; padding-left:45px; padding-top: 5px;  }
@media(max-width:600px){
	.page_prev{font-size: 0}
}
@media(max-width:480px){
	.page_prev{display: none}
}
@-webkit-keyframes jump {
	from { -webkit-transform: translate(0,0); transform: translate(0,0); }
	80%  { -webkit-transform: translate(0,0); transform: translate(0,0); }
	90%  { -webkit-transform: translate(0,-10px); transform: translate(0,-10px); }
	to   { -webkit-transform: translate(0,0); transform: translate(0,0); }
}
@keyframes jump {
	from { -webkit-transform: translate(0,0); transform: translate(0,0); }
	80%  { -webkit-transform: translate(0,0); transform: translate(0,0); }
	90%  { -webkit-transform: translate(0,-10px); transform: translate(0,-10px); }
	to   { -webkit-transform: translate(0,0); transform: translate(0,0); }
}
#scrolltop .icon.bg.round { width: 48px;height: 48px;}
.scrollnext {position: relative; /*max-height: calc(100vh - var(--header-height,175px));*/ overflow: hidden;}
.content>:first-child.scrollnext .scrolldown {bottom:auto; top:calc(100% - 50px);}
/*.content>:first-child.scrollnext .scrolldown {bottom:auto; top:calc(100vh - 60px - var(--header-height));}*/

#scrolldown:not(.off), .scrolldown:not(.off) {
	-webkit-animation: jump 5s linear infinite;
	        animation: jump 5s linear infinite;
}
#scrolldown.off, .scrolldown.off{opacity:0;}
#scrolldown, .scrolldown {
	position:absolute;
	left:50%;
	bottom:15px;
	/*-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);*/
	margin-left: -25px;
	z-index:190;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.scrolldown {z-index:500;}

#scrolltop{
	display:block;
	position:fixed;
	bottom:-60px;
	right:15px;
	z-index:12000;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#scrolltop.visible{bottom: 15px}
#scrolltop.visible.sticky-elements{bottom: 60px}

.svginline path {
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.svginline:hover *[fill="var(--color-light)FFF"] {fill: var(--color-main);}
.svginline:hover *[fill="#ffffff"] {fill: var(--color-main);}
.svginline:hover *[fill="#AAAAAA"] {fill: var(--color-main);}
.svginline:hover *[fill="#aaaaaa"] {fill: var(--color-main);}
.svginline:hover *[fill="var(--color-main)"] {fill: var(--color-light);}
.svginline:hover *[stroke="var(--color-main)"] {stroke: #000;}
.svginline:hover *[fill="#BB8B00"] {fill: var(--color-light);}
.svginline:hover *[fill="#bb8b00"] {fill: var(--color-light);}


.hiddenText {
	display:block;
	height:1px;
	overflow:hidden;
	padding:0;
}
.hiddenTextOn {
	display:block;
	height:auto;
	overflow:hidden;
}

.hoverinfo .toggle{display: block;position: relative;margin: 0;max-height:1px;padding-top:1px;
	-webkit-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	-o-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	overflow:hidden;}
.hoverinfo:hover .toggle, .hoverinfo.hover .toggle {
	max-height:1000px;
	margin: 0;
}

main a[href^="#"].act{text-decoration: underline;}

#head .search, #topheader .search{
	display:inline-block;
	vertical-align: top;
	position:relative;
}
#head .search form, #topheader .search form {
    line-height: 0;
}
#head .search .inputSearch, #topheader .search .inputSearch{
	position:absolute;
	top:50%;
	-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);
	right:var(--topheadericonsize,32px);
	width:0px;
	height:var(--topheadericonsize,32px);
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	border:none;
	background-color: var(--bgcolor-content);
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#head .search:hover .inputSearch, #topheader .search:hover .inputSearch{
	width:250px;
	padding:0 15px;
}
ul#nav .buttonSearchIcon .icon{background-color: var(--color-light); border:1px solid var(--color-sec); color:var(--color-sec); }
.inputSearch.round { border-radius: 16px;}





@-webkit-keyframes swing {
	0% { -webkit-transform: translate(-50px,0) scale(0,1); }
	25%  { -webkit-transform: translate(0,0) scale(1,1); }
	50%  { -webkit-transform: translate(50px,0) scale(0,1); }
	75%  { -webkit-transform: translate(0,0) scale(1,1); }
	100%   { -webkit-transform: translate(-50px,0) scale(0,1); }
}
@keyframes swing {
	0% { transform: translate(-50px,0) scale(0,1); }
	25%  { transform: translate(0,0) scale(1,1); }
	50%  { transform: translate(50px,0) scale(0,1); }
	75%  { transform: translate(0,0) scale(1,1); }
	100%   { transform: translate(-50px,0) scale(0,1); }
}
#preloader { display:block; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: hidden; background-color:var(--color-dark); }
.preloadericon {
	position: absolute;
	top:50%;
	left:50%;
	width: 80px;
	height: 2px;
	background-color: var(--color-white);
	margin-left:-40px;

	animation: swing 3s linear infinite;
	-webkit-animation: swing 3s linear infinite;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	to   { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	50%  { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	to   { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*
#preloader { display:block; position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100vh; overflow: hidden; background-color:var(--color-light); -webkit-transition: top 0.75s ease-in-out;-o-transition: top 0.75s ease-in-out;transition: top 0.75s ease-in-out}
#preloader.off {top:-100vh}

.preloadericon {
	position: absolute;
	top:50%;
	left:50%;
	width: 120px;
	height: 120px;
	margin-left:-60px;
	margin-top:-60px;
	border: 5px solid var(--color-main);
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
	        animation: spin 1s linear infinite;
}
#preloader::before{
	content: '';
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-50px;
		margin-top:-50px;
	width: 100px;
	height: 100px;
	background-image: url('_pix/tasse.png'); background-position: center; background-repeat: no-repeat; background-size: 100px 100px;
	-webkit-animation: spin 10s linear infinite reverse;
	        animation: spin 10s linear infinite reverse;
}
*/

.didblock.zoom{overflow: hidden;}
.scale, .zoom .bgimg, .zoom img{
	-webkit-animation: scale 10s ease 1s infinite;
	        animation: scale 10s ease 1s infinite;
}
@-webkit-keyframes scale {
  0%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(1.05);transform:scale(1.05);}
  100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes scale {
  0%{-webkit-transform:scale(1);transform:scale(1);}
  50%{-webkit-transform:scale(1.05);transform:scale(1.05);}
  100%{-webkit-transform:scale(1);transform:scale(1);}
}
@media (min-width:481px){
	.on{--offset:1}

	span.js{display: inline-block;}
	.fadein, .slideup, .slideleft, .slideright, .slidedown, .dropin, .bounceleft, .bounceright, .draw{
		-webkit-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		opacity:0;}
	.fadein.on, .slideup.on, .slidedown.on, .draw.on {opacity:1;}

	/*.fadein,.slideup{opacity:var(--offset,1)}*/
	.fadein.on,.slideup.on{opacity:1}

/*
	.slideup.js{
		-webkit-transform:translate(0,calc(100px * (1 - var(--offset,1))));
		transform:translate(0,calc(100px * (1 - var(--offset,1))));
	}
	.slideup.js.on{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	.slidedown.js{
		-webkit-transform:translate(0,-100px);
		transform:translate(0,-100px);
	}
	.slidedown.js.on{
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}*/

	.slideup.js.on{
		-webkit-animation: slideup 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slideup 0.9s cubic-bezier(.36,.07,.19,.97) both;
		opacity: 1;
	}
	@-webkit-keyframes slideup {
		0% {-webkit-transform: translate(0,100px);transform: translate(0,100px); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}
	@keyframes slideup {
		0% {-webkit-transform: translate(0,100px);transform: translate(0,100px); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}
	.slidedown.js.on{
		-webkit-animation: slidedown 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slidedown 0.9s cubic-bezier(.36,.07,.19,.97) both;
		opacity: 1;
	}
	@-webkit-keyframes slidedown {
		0% {-webkit-transform: translate(0,-100px);transform: translate(0,-100px); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}
	@keyframes slidedown {
		0% {-webkit-transform: translate(0,-100px);transform: translate(0,-100px); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}


	.dropin.js{
		-webkit-transform:translate(0,-100px);
		    -ms-transform:translate(0,-100px);
		        transform:translate(0,-100px);
		opacity: 0;
	}
	.dropin.js.on{
		-webkit-animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
		-webkit-transform:translate(0,0);
		    -ms-transform:translate(0,0);
		        transform:translate(0,0);
		opacity: 1;
	}
	@-webkit-keyframes shake {
		0{}
	  10%, 90% {-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
	  20%, 80% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
	  30%, 50%, 70% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
	  40%, 60% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
		100%{	}
	}
	@keyframes shake {
		0{}
	  10%, 90% {-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
	  20%, 80% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
	  30%, 50%, 70% {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
	  40%, 60% {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
		100%{	}
	}


	.bounceleft.js{
		/*-webkit-transform:translate(-200px,0);
		transform:translate(-200px,0);*/
		opacity: 0;
	}
	.bounceleft.js.on{
		-webkit-animation: bounceleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: bounceleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
		opacity: 1;
		/*-webkit-transform:translate(0,0);
		transform:translate(0,0);*/
	}
	@-webkit-keyframes bounceleft {
		0% {-webkit-transform: translate(-200px,0);transform: translate(-200px,0);
		opacity: 0;}
		50% {-webkit-transform: translate(15px,0);transform: translate(15px,0);}
		70% {-webkit-transform: translate(-10px,0);transform: translate(-10px,0);}
		80% {-webkit-transform: translate(5px,0);transform: translate(5px,0);}
		90% {-webkit-transform: translate(-2px,0);transform: translate(-2px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);}
	}
	@keyframes bounceleft {
		0% {-webkit-transform: translate(-200px,0);transform: translate(-200px,0);
		opacity: 0;}
		50% {-webkit-transform: translate(15px,0);transform: translate(15px,0);}
		70% {-webkit-transform: translate(-10px,0);transform: translate(-10px,0);}
		80% {-webkit-transform: translate(5px,0);transform: translate(5px,0);}
		90% {-webkit-transform: translate(-2px,0);transform: translate(-2px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);}
	}

	.bounceright.js{
		-webkit-transform:translate(200px,0);
		    -ms-transform:translate(200px,0);
		        transform:translate(200px,0);
		opacity: 0;
	}
	.bounceright.js.on{
		-webkit-animation: bounceright 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: bounceright 0.9s cubic-bezier(.36,.07,.19,.97) both;
		-webkit-transform:translate(0,0);
		    -ms-transform:translate(0,0);
		        transform:translate(0,0);
		opacity: 1;
	}
	@-webkit-keyframes bounceright {
		0% {-webkit-transform: translate(200px,0);transform: translate(200px,0);
		opacity: 0;}
		50% {-webkit-transform: translate(-15px,0);transform: translate(-15px,0);}
		70% {-webkit-transform: translate(10px,0);transform: translate(10px,0);}
		80% {-webkit-transform: translate(-5px,0);transform: translate(-5px,0);}
		90% {-webkit-transform: translate(2px,0);transform: translate(2px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);
		opacity: 1;}
	}
	@keyframes bounceright {
		0% {-webkit-transform: translate(200px,0);transform: translate(200px,0);
		opacity: 0;}
		50% {-webkit-transform: translate(-15px,0);transform: translate(-15px,0);}
		70% {-webkit-transform: translate(10px,0);transform: translate(10px,0);}
		80% {-webkit-transform: translate(-5px,0);transform: translate(-5px,0);}
		90% {-webkit-transform: translate(2px,0);transform: translate(2px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);
		opacity: 1;}
	}


	.slideleft.js{
		/*-webkit-transform:translate(-100px,0);
		transform:translate(-100px,0);*/
		opacity: 0;
	}
	.slideleft.js.on{
		-webkit-animation: slideleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slideleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
		opacity: 1;
	}

	@-webkit-keyframes slideleft {
		0% {-webkit-transform: translate(-100px,0);transform: translate(-100px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);}
	}

	@keyframes slideleft {
		0% {-webkit-transform: translate(-100px,0);transform: translate(-100px,0);}
		100% {-webkit-transform: translate(0,0);transform: translate(0,0);}
	}
	.slideright.js{
		opacity: 0;
	}
	.slideright.js.on{
		-webkit-animation: slideright 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slideright 0.9s cubic-bezier(.36,.07,.19,.97) both;
		opacity: 1;
	}
	@-webkit-keyframes slideright {
		0% {-webkit-transform: translate(100px,0);transform: translate(100px,0); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}
	@keyframes slideright {
		0% {-webkit-transform: translate(100px,0);transform: translate(100px,0); }
		100% {-webkit-transform: translate(0,0);transform: translate(0,0); }
	}

	[class*="rotate-scroll"]{
		-webkit-transform:rotate(calc(var(--angle,-90deg) * (1 -  var(--offset,1))));
		    -ms-transform:rotate(calc(var(--angle,-90deg) * (1 -  var(--offset,1))));
		        transform:rotate(calc(var(--angle,-90deg) * (1 -  var(--offset,1))));
	}

	.fadein.collide.js:not(.off) > * > .c_columns>.didblock:nth-child(2n+1), .fadein.collide.reverse.js:not(.off) > * > .c_columns>.didblock:nth-child(2n){
		-webkit-transform:translate(-100px,0);
		    -ms-transform:translate(-100px,0);
		        transform:translate(-100px,0);
	}
	.fadein.collide.js:not(.off) > * > .c_columns>.didblock:nth-child(2n), .fadein.collide.reverse.js:not(.off) > * > .c_columns>.didblock:nth-child(2n+1){
		-webkit-transform:translate(100px,0);
		    -ms-transform:translate(100px,0);
		        transform:translate(100px,0);
	}

	.fadein.collide.js.on > * > .c_columns>.didblock:nth-child(2n+1), .fadein.collide.reverse.js.on > * > .c_columns>.didblock:nth-child(2n),
	.fadein.collide.js.on > * > .c_columns>.didblock:nth-child(2n), .fadein.collide.reverse.js.on > * > .c_columns>.didblock:nth-child(2n+1){
		-webkit-transform:translate(0,0);
		    -ms-transform:translate(0,0);
		        transform:translate(0,0);
	}
	.fadein.collide.js.on > * > .c_columns>.didblock:nth-child(2n+1), .fadein.collide.reverse.js.on > * > .c_columns>.didblock:nth-child(2n){
		-webkit-animation: slideleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slideleft 0.9s cubic-bezier(.36,.07,.19,.97) both;
	}
	.fadein.collide.js.on > * > .c_columns>.didblock:nth-child(2n), .fadein.collide.reverse.js.on > * > .c_columns>.didblock:nth-child(2n+1){
		-webkit-animation: slideright 0.9s cubic-bezier(.36,.07,.19,.97) both;
		        animation: slideright 0.9s cubic-bezier(.36,.07,.19,.97) both;
	}

	.fadein.js.off, .slideup.js.off, .dropin.js.off, .slideleft.js.off, .slideright.js.off, .bounceleft.js.off, .bounceright.js.off {
		opacity: 0;
		-webkit-transition: opacity 1s ease-in-out 0s;
		-o-transition: opacity 1s ease-in-out 0s;
		transition: opacity 1s ease-in-out 0s;
	}

}
.draw.js path {
	/*stroke: #CCC;*/
	stroke-dashArray: 500;
	stroke-dashoffset: 500;
	opacity: 0;
}
.draw.on path {
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	animation-iteration: 1;
	-webkit-animation-name: ShowOpacity, DrawLine;
	        animation-name: ShowOpacity, DrawLine;
	-webkit-animation-duration: 1s, 3s;
	        animation-duration: 1s, 3s;
	-webkit-animation-delay: 0s, 1s;
	        animation-delay: 0s, 1s;
}
.draw.fill.on path {
	opacity: 1;
	fill-opacity: 0;
	/*stroke: #666;
	stroke-width:1;*/
	-webkit-animation-timing-function: ease-in-out;
	        animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	animation-iteration: 1;
	-webkit-animation-name: DrawLine, FadeStroke, FillIn;
	        animation-name: DrawLine, FadeStroke, FillIn;
	-webkit-animation-duration: 3s, 1s, 1s;
	        animation-duration: 3s, 1s, 1s;
	-webkit-animation-delay: 0s, 2.5s, 2.5s;
	        animation-delay: 0s, 2.5s, 2.5s;
}
@-webkit-keyframes ShowOpacity {to { opacity: 1; }}
@keyframes ShowOpacity {to { opacity: 1; }}
@-webkit-keyframes DrawLine {to { stroke-dashOffset: 0; }}
@keyframes DrawLine {to { stroke-dashOffset: 0; }}
@-webkit-keyframes FadeStroke {  to { stroke-opacity: 0; }}
@keyframes FadeStroke {  to { stroke-opacity: 0; }}
@-webkit-keyframes FillIn {  from { fill-opacity: 0; }  to { fill-opacity: 1; }	}
@keyframes FillIn {  from { fill-opacity: 0; }  to { fill-opacity: 1; }	}

.js.on.delay1{ -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}
.js.on.delay2{ -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;}
.js.on.delay3{ -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s;}
.js.on.delay4{ -webkit-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s;}
.js.on.delay5{ -webkit-transition-delay: 5s; -o-transition-delay: 5s; transition-delay: 5s;}

.js.on.delay1{ -webkit-animation-delay: 1s; animation-delay: 1s;}
.js.on.delay2{ -webkit-animation-delay: 2s; animation-delay: 2s;}
.js.on.delay3{ -webkit-animation-delay: 3s; animation-delay: 3s;}
.js.on.delay4{ -webkit-animation-delay: 4s; animation-delay: 4s;}
.js.on.delay5{ -webkit-animation-delay: 5s; animation-delay: 5s;}



.viewport-height-100{--min-height:100vh;}
.viewport-height-75{--min-height:75vh;}
.viewport-height-66{--min-height:66vh;}
.viewport-height-50{--min-height:50vh;}
.viewport-height-33{--min-height:33vh;}
.viewport-height-25{--min-height:25vh;}
.viewport-height-special{--min-height:calc(100vh - 7em);}

[class*="viewport-height-"], [class*="viewport-height-"] .galleryImg>.didblock{
	position: relative;
	min-height:var(--min-height,100vh);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: start;
      align-content: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
[class*="viewport-height-"].bottom, .flexcenter.bottom{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
[class*="viewport-height-"].top, .flexcenter.top{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.menuhead .content>.viewport-height-100:first-child, .content>.viewport-height-100:first-child .viewport-height-100{--min-height:calc(100vh - var(--header-height));}
.viewport-height-100 .pagewidth{ height: 100%;}
[class*="viewport-height-"] .gallery, [class*="viewport-height-"] .slideSet, [class*="viewport-height-"] .slideCont, [class*="viewport-height-"] .galleryImg, [class*="viewport-height-"] .galleryImg>.didblock, [class*="viewport-height-"] .galleryImg>picture { min-height: var(--min-height)}
[class*="viewport-height-"] picture{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

[class*="viewport-height-"] .mainwidth, [class*="viewport-height-"] .group{width:100%;z-index: auto;}

.viewport-max-height-100{--max-height: 100vh;}
.viewport-max-height-75{--max-height:75vh;}
.viewport-max-height-66{--max-height:66vh;}
.viewport-max-height-50{--max-height:50vh;}
.viewport-max-height-33{--max-height:33vh;}
.viewport-max-height-25{--max-height:25vh;}
.viewport-max-height-special{--max-height:calc(100vh - 7em);}


[class*="viewport-max-height"]{ max-height: var(--max-height); position: relative; overflow: hidden;}
.menuhead .content>.viewport-max-height-100:first-child, .content>.viewport-max-height-100:first-child .viewport-height-100{--max-height:calc(100vh - var(--header-height)); }
[class*="viewport-max-height"] .pagewidth{ height: 100%;}
[class*="viewport-max-height"] .gallery, [class*="viewport-max-height"] .slideSet, [class*="viewport-max-height"] .slideCont, [class*="viewport-max-height"] .galleryImg, [class*="viewport-max-height"] .galleryImg>.didblock, [class*="viewport-max-height"] picture { height: 100%; max-height: var(--max-height)}
[class*="viewport-max-height"] picture{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

[class*="viewport-max-height"][class*="viewport-height-"] .galleryImg>picture>img{height: var(--min-height); width:100%; object-fit: cover;}
.galleryImg.top>picture>img{ object-position:top;}
.galleryImg.bottom>picture>img{ object-position:bottom;}
.galleryImg.left>picture>img{ object-position:left;}
.galleryImg.right>picture>img{ object-position:right;}
/*______________________________________________________________________videos*/
.hint {
	padding: 15px;
	border: 5px solid var(--color-main);
}
.youtube.img, .videoimg{position: relative;display: inline-block}
.youtube.img img, .videoimg img{display:block}
.youtube.img::after,.videoimg::after{content:' '; background-color:rgba(0,0,0,0.5); background-image:url(_pix/videobutton.svg); background-repeat:no-repeat; background-position:center; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.basepadding.videoimg::after{ background-image:none; }
.basepadding.videoimg>*{ position: relative; z-index: 2; }

.html5video video{display: block; width:100%; height: auto;}
.videoteaser {position: relative; z-index: 1;}
.videoteaser .opener{cursor: pointer; padding-bottom:0;}
.videoteaser .opener,.videoteaser .videoimg{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }
.videoteaser.on .opener{max-height: 0;overflow: hidden;}

.videoimg {position: relative;}
.videoteaser.on .videoimg{max-height: 1000px; padding: var(--padding-v) var(--padding-h)}
.videoteaser .videoimg{max-height: 0; overflow: hidden; padding: 0 var(--padding-h)}
.videoimg::after{content:' '; background-color:rgba(0,0,0,0.5); background-image:url(_pix/videobutton.svg); background-repeat:no-repeat; background-position:center; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
	position: relative;
	padding-top: 0px;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.videoteaser .responsive-video {
	padding-bottom: 0;
	height: 0;
	overflow: hidden;
}
.responsive-video.on, .videoteaser.on .responsive-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 ratio*/
}
.responsive-video video{
	width: 100%;
	height: auto;
}
/*______________________________________________________________________gallery*/
figure.galleryImg{display: inline-block;}
.pagewidth>figure.galleryImg, .mainwidth>figure.galleryImg {display: block;} /* single image, no gallery */


figure.galleryImg>img, figure.galleryImg>a, figure.galleryImg>picture, figure.galleryImg>picture>img{display: block;}

.galleryImg figcaption[style*="left:"],.galleryImg figcaption[style*="top:"], .galleryImg figcaption.L, .galleryImg figcaption.T, .galleryImg figcaption.B, .galleryImg figcaption.R  {
    position: absolute;
		width: auto;
		left: auto; top: auto; right: auto; bottom: auto;
}
.galleryImg figcaption.T{top:var(--padding-v)}
.galleryImg figcaption.R{right:var(--padding-h);}
.galleryImg figcaption.B{bottom:var(--padding-v)}
.galleryImg figcaption.L{left:var(--padding-h)}
.galleryImg figcaption[style*="left:"]:not([style*="top:"]),.galleryImg figcaption.L:not(.B):not(.T), .galleryImg figcaption.R:not(.B):not(.T) {top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.galleryImg figcaption[style*="top:"]:not([style*="left:"]),.galleryImg figcaption.T:not(.L):not(.R), .galleryImg figcaption.B:not(.L):not(.R){left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.fadeSet figcaption>:last-child, .slideSet figcaption>:last-child { margin-bottom: 0}

.galleryImg.center figcaption{bottom:50%; left:50%; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%);}
.galleryImg.left figcaption{padding-left:0; text-align: left}
.galleryImg.right figcaption{padding-right:0; text-align: right}

.galleryImg.scale-100 img{width:100%; height: auto;}
.galleryImg.scale-50 img{width:50%; height: auto;}

.zoom .galleryImg {overflow: hidden;}

.gallery {
	position:relative;
	margin:0;
}

.galleryTextButton{display:none;}

.slideSet {
	position:relative;
	width:100%;
	overflow:hidden;
}
.gallery.flexH .slideSet {
	overflow:hidden;
	max-height:200px;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}
.gallery.flexH:hover .slideSet{max-height:400px;}
.gallery.flexH .slideCont{
	margin:-75px 0 0 0;
	-webkit-transition: margin 0.5s ease-in-out;
	-o-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
}
.gallery.flexH:hover .slideCont{margin:0;}

.slideSet .gCont {position: relative; height: 100%; white-space: nowrap; }
.slideSet .gCont::before{content: '';height: 100%;position: relative; display: inline-block; vertical-align: middle;}

.slideSet .galleryImg {
	position:relative;
	display:inline-block;
	white-space: normal;
	text-align: center;
	vertical-align: middle;
	width:100%;

}
.slideSet:not(.contain) .galleryImg img{
	width: 100%;
	height: auto;
}
.slideSet.contain .galleryImg img{
	max-width:100%;
	max-height:100%;
	height:auto;
	width:auto;
}
/* fit 100% height > 768px vw*/
.slideSet.contain {height:100%;}
.slideSet.contain .slideCont, .slideSet.contain .gCont  {position: relative; width: 100%; height: 100%;}
.slideSet.contain .galleryImg {	height: 100%; white-space: nowrap;}
.slideSet.contain .galleryImg::before{content: '';height: 100%;position: relative; display: inline-block; vertical-align: middle;}
.slideSet.contain .galleryImg img{display: inline-block; vertical-align: middle;}
.slideSet.contain picture {font-size: 0;}
.slideSet.contain figcaption{white-space: normal;}
@media screen and (max-width:480px){
	.slideSet.contain .galleryImg {padding:0;}
}
/*@supports (object-fit: scale-down){
.slideSet.contain .galleryImg img{
	object-fit: scale-down;
	object-position: center;
	width: 100%;
	height: 100%;
}
}*/

.slideSet .galleryText, .fadeSet .galleryText {
	position:absolute;
	text-align: center;
	left:60px;
	width: 80%;
	width:calc(100% - 120px);
	top:50%;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
	z-index: 1;
}
.slideSet .galleryText>div, .fadeSet .galleryText>div {
	text-align: inherit;
	display: inline-block;
	max-width:960px;
	padding:2em;
}

.slideSet .galleryText.notcentered, .fadeSet .galleryText.notcentered {
	width: auto;
	text-align: inherit;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
}
.slideSet .galleryText.relative, .fadeSet .galleryText.relative {
	position:relative;
	display: inline-block;
	left:auto;
	top:auto;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	font-size: 0.9rem; line-height: 1.25em
}

.galleryImg.schwarz .galleryText>div{background-color:rgba(0,0,0,0.8);}
.galleryImg.schwarz  *:not(.button){color:var(--color-light);}
.galleryImg.weiss{padding: 0}
.galleryImg.weiss .galleryText>div{background-color:rgba(255,255,255,0.8); padding: 15px}



.button_l .icon, .button_r .icon { display: inline-block; width:45px; height:45px; position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: var(--color-main); background-color: var(--color-light);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button_l:hover .icon, .button_r:hover .icon { background-color: var(--color-main); color: var(--color-light);}

.gallery.hButtons .button_l .icon, .gallery.hButtons .button_r .icon { opacity: 0; }
.gallery.hButtons:hover .button_l .icon, .gallery.hButtons:hover .button_r .icon { opacity: 1;}


.button_l {
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	left:0;
	height:100%;
	width:45px;
	z-index:50;
	background-color: transparent;
}
.button_r {
	position:absolute;
	display:block;
	cursor:pointer;
	top:0;
	right:0;
	height:100%;
	width:45px;
	z-index:51;
	background-color: transparent;
}
/*
.button_r .icon{display: none;}
.button_r{background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1000px' height='1000px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='var(--color-main)' d='M388.9,777.1c0-4,1.2-8.1,3.7-11.6L582.1,500L392.6,234.5c-6.4-9-4.3-21.5,4.7-27.9s21.5-4.3,27.9,4.7l206,288.7l-206,288.7c-6.4,9-18.9,11.1-27.9,4.7C391.8,789.4,388.9,783.3,388.9,777.1z'/%3E%3C/g%3E%3C/svg%3E");
	background-position: center; background-repeat: no-repeat; background-size: 50px 50px;
}*/
.gallery.hButtons .button_l,.gallery.hButtons .button_r {
	width:0;
	-webkit-transition: width 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;

}
.gallery.hButtons:hover .button_l,.gallery.hButtons:hover .button_r {width:45px;}

.slideSet .gCont {
	position:relative;
	width:100%;
}

.slideCoverImg {
	position:relative;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
@media (max-width: 1024px) {
	.slideCoverImg {background-attachment:scroll;background-size: 1024px 512px;}
}
@media (max-width: 768px) {
	.slideCoverImg {background-attachment:scroll;background-size: 768px 384px;}
}
@media (max-width: 600px) {
	.slideCoverImg {background-attachment:scroll;background-size: 600px 300px;}
}
@media (max-width: 480px) {
	.slideCoverImg {background-attachment:scroll;background-size: 480px 240px;}
}

.galleryImg .col2 {overflow: hidden;}


/*________fixed Gallery*/

.fixed-gallery {
	position:relative;
}
.fixed-gallery .gallery{position:fixed; left: 0; top: 0;}
.menuhead .content>.didblock.fixed-gallery .gallery{top: var(--topheadericonsize,32px);}
/*________fadeSet*/
.fadeSet {
	position:relative;
	width:100%;
	overflow:hidden;
}
.gallery.flexH .fadeSet {
	overflow:hidden;
	max-height:200px;
	-webkit-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}
.gallery.flexH:hover .fadeSet{max-height:400px;}
.gallery.flexH .fadeCont{
	margin:-75px 0 0 0;
	-webkit-transition: margin 0.5s ease-in-out;
	-o-transition: margin 0.5s ease-in-out;
	transition: margin 0.5s ease-in-out;
}
.gallery.flexH:hover .fadeCont{margin:0;}
.fadeSet{position:relative; white-space:nowrap;}
.fadeSet .galleryImg.c0, .fadeSet .galleryImg:first-child {
	position:relative;
	opacity: 1;
	margin-left:0;
}

.fadeSet .galleryImg {
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	white-space:normal;
	width:100%;
	margin-left:-100%;
	position:relative;
	opacity: 0;
}
.top .fadeSet .galleryImg, .fadeSet.top .galleryImg { vertical-align: top;}
.bottom .fadeSet .galleryImg, .fadeSet.bottom .galleryImg { vertical-align: bottom;}


.fadeSet .galleryImg.cssoff {
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 0s linear 1s, opacity 1s ease;
  -o-transition:visibility 0s linear 1s, opacity 1s ease;
  transition:visibility 0s linear 1s, opacity 1s ease;
}
.fadeSet .galleryImg.csson {
  visibility:visible;
  opacity:1;
  -webkit-transition-delay:0s;
       -o-transition-delay:0s;
          transition-delay:0s;
}
figcaption.galleryText {
    visibility: visible;
}

figure figcaption{padding: 1em; font-size: 0.8em; line-height: 1.5;}
figure>a + figcaption{pointer-events: none}
.fullimage figure {background-color: inherit;}
.fullimage figure figcaption{ position: absolute; top:0; width: 100%; font-size: inherit; line-height: inherit; color: inherit;background-color: inherit;}
.fullimage figure figcaption>:last-child{ margin-bottom: 0}
.fullimage:not([class*="bg"]) {background-color: inherit;}
.fullimage .text{ position: absolute; width: 100%; bottom: 0;background-color: inherit;}
.textbefore .fullimage .text{ bottom: auto; top:0;z-index: 5; padding: 15px;}
.textbefore .fullimage .text :last-child{ margin-bottom: 0}
.textbottom figure figcaption{ position: absolute; top:auto; bottom:0;}


.fullimage.top figure figcaption{ top:0;}
.fullimage.middle figure figcaption{ top:50%; -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.fullimage.bottom figure figcaption{ top:auto; bottom:0}

.thumbnailmenu{text-align:center;/*-webkit-box-shadow:inset 0 0 25px 0px rgba(0,0,0,0.25);box-shadow:inset 0 0 25px 0px rgba(0,0,0,0.25)*/ }
.thumbnailmenu:not(.boxsliderGallery) .thumbnail{ display:inline-block; padding:5px; border:1px solid #FFF; margin:0 2px 2px 0; cursor:pointer; min-width: 2em}
.thumbnailmenu .thumbnail:hover, .thumbnailmenu .thumbnail.on{background-color: #FFF}
.thumbnailmenu .thumbnail img{display:block; opacity:0.5; cursor: pointer; -webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.thumbnailmenu .thumbnail:hover img, .thumbnailmenu .thumbnail.on img{display:block; opacity:1;}

.boxsliderContainer.thumbs .button_l{left: 0}
.boxsliderContainer.thumbs .button_r{right: 0}
.boxsliderContainer.thumbs .button_l .icon{width:20px; height: 20px;}
.boxsliderContainer.thumbs .button_r .icon{width:20px; height: 20px;}

.gallerythumb {
	display: inline-block;
	vertical-align: top;
	padding:15px;
}
.gallerythumbText{ margin-top:10px;}
.gallerythumbText p{font-weight: normal; color:#333; }

.gallerythumb img, .gallerythumb .img{
	max-width:100%;
	height:auto;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.shad .gallerythumb .img{
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.5);
	        box-shadow:0 3px 5px rgba(0,0,0,0.5);
}
.gallerythumb .img{
	text-align: center;
	line-height: 0;
	background-color: var(--color-light);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0);
	        box-shadow:0 3px 5px rgba(0,0,0,0);
	overflow:hidden;
}
.gallerythumb .img:hover{
	-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.5);
	        box-shadow:0 3px 8px rgba(0,0,0,0.5);
}
.gallerythumb a:hover img{
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.gallerythumb .gallerythumbText{
	margin-top:10px;
}

.numbers {counter-reset: section; list-style: decimal-leading-zero;}
.numbers .gallerythumb{position: relative;}
.numbers .gallerythumb::before{counter-increment: section;  content: counters(section, ".", decimal-leading-zero); line-height: 0; display: block; position: absolute; left: 0; top:15px; width: 30px; text-align: center; z-index: 3;color:var(--color-main); font-size: 0.8rem; font-weight: bold}
.numbers .gallerythumb::after{content: ' '; line-height: 0; display: block;position: absolute; top:0; left: 0; border: 1px solid var(--color-sec); background-color: var(--color-light); border-radius:50%; width: 30px; height:30px;}
/*______________________________________________________________________toggleBoxes*/
.toggleHead {cursor:pointer;}
.toggleHead, .toggleHead.toggleIcon::after{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.toggleHead>:last-child{margin-bottom: 0}
.toggleHead.toggleIcon {/*background:url(_pix/button_toggleOpen.svg) center left no-repeat;*/padding-right:var(--padding-h); position: relative;}
.toggleHead.toggleIcon::after{content:'+'; font-family: sans-serif; display: block; position: absolute; right: 0; top:0; text-align: center; font-weight: normal; font-size: 20px; line-height: 26px; width: 26px; height: 26px; border-radius: 50%; background-color: var(--linkcolor); color: var(--color-light);}

.toggleBox.imageheader .toggleHead>.textpadding{padding: 0}

.bgcolor-sec .toggleHead.toggleIcon::after {color: var(--color-main);}

.toggleBox.HoJS:hover>.toggleHead.toggleIcon::after, .toggleBox.on>.toggleHead.toggleIcon::after{
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);}

.toggleBox>.toggleCont {
	display:block;
	max-height: 1px;
  overflow: hidden;
  padding: 1px 0 0 0;
	-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);
}
.toggleBox>.toggleCont>:first-child::before{content:'';display: block;height:1px;}

.toggleBox.HoJS:hover>.toggleCont, .toggleBox.on>.toggleCont{
	display:block;
	max-height:15000px;
	padding: 15px 0;
	-webkit-transition: all 0.8s cubic-bezier(1,0,1,0);
	-o-transition: all 0.8s cubic-bezier(1,0,1,0);
	transition: all 0.8s cubic-bezier(1,0,1,0);
}

.button.toggleHead.toggleIcon::after{
	right: 5px;
    top: 8px;
	border: 1px solid;
	background-color: transparent;
	color: inherit;
		font-weight:200
}
.button.toggleHead{padding-right: 45px;}

/*.columnbox .toggleBox.on .toggleHead, .columnbox .toggleBox.on .toggleHead>*{font-weight:bold;}
.columnbox .toggleBox.act .toggleHead, .columnbox .toggleBox.act .toggleHead>*{font-weight:bold;}*/
.columnbox .toggleBox.act>.toggleHead.toggleIcon::after{content:'-'; line-height: 20px;}

.toggleBox.bg>.toggleHead{
    background-color: var(--bgcolor-sec25);
    padding:5px 15px;
    /*border-radius: 25px;*/
	margin-bottom: 5px;
}
.bgcolor-sec .toggleBox.bg>.toggleHead{ background-color: var(--color-light25); }

.toggleBox.bg.on>.toggleHead, .toggleBox.bg.act>.toggleHead{   background-color: var(--bgcolor-main100);color:var(--color-light);}
.toggleBox.bg.on>.toggleHead *, .toggleBox.bg.act>.toggleHead *{ color:var(--color-light);}
.toggleBox.bg.on>.toggleHead.toggleIcon::after, .toggleBox.bg.act>.toggleHead.toggleIcon::after{background-color: rgba(255,255,255,1); color: var(--linkcolor)}

.toggleBox.bg>.toggleHead :last-child {margin-bottom: 0;}
.toggleBox.bg>.toggleHead.toggleIcon::after{right: 10px; top:50%; margin-top: -10px;}

@media (min-width:961px){
	.toggle-open-up960 .toggleBox>.toggleCont{max-height:none;}
	.toggle-open-up960 .toggleBox>.toggleHead{display: none}
}

.css_toggle {}
.css_toggle>input {display:none; width:0; height:0; overflow:hidden;}
.css_toggle>input ~ figure{ overflow: hidden; max-height: 0; padding: 0 15px;
	-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);}
.css_toggle>input:checked ~ figure{ overflow:visible; max-height: 4000px; padding: 60px 15px 30px 15px;
    background-color: var(--color-sec25);
    margin: -31px 0 30px 0;
}

.css_toggle.checkbox>input ~ label:hover, .css_toggle.radio>input ~ label:hover {background-color: var(--color-main); color: var(--color-light)}


.css_toggle.checkbox>input ~ label, .css_toggle.radio>input ~ label  {
	position:relative;
    display: block;
    margin: 0;
    padding: 8px 15px 8px 15px;
    min-height: 40px;
    outline: none;
	cursor: pointer;
    color: var(--color-light);
    background-color: var(--color-sec);
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.css_toggle.checkbox>input ~ label:hover, .css_toggle.checkbox>input:checked ~ label{background-color: var(--bgcolor-dark)}
.css_toggle.checkbox>input ~ label::before, .css_toggle.checkbox>input ~ label::after{ content: ' ';display: block;position: absolute;right: 10px;top: 19px;width: 10px;height: 2px;background-color:var(--color-main);}
.css_toggle.checkbox>input ~ label::after{ right: 14px; top:15px; width: 2px; height: 10px;}
.css_toggle.checkbox>input:checked ~ label::before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}
.css_toggle.checkbox>input:checked ~ label::after{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)}




/*______________________________________________________________________forms*/
.wS {width:155px;}
.wM {width:250px;}
.wFS{width:100%;}
.w30, .zipcode{width:30%;}
.w70, .city{width:70%;}
.wHS{width:50%;}
::-moz-placeholder {color:var(--textcolor50);}
:-ms-input-placeholder {color:var(--textcolor50);}
::-webkit-input-placeholder {color:var(--textcolor50);}
::-ms-input-placeholder {color:var(--textcolor50);}
::placeholder {color:var(--textcolor50);}

input:focus, button:focus, select:focus, textarea:focus{outline: none;}

input, textarea, button{
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
font:inherit;}

/*
.js-focus-visible :focus:not(.focus-visible) {outline: 0;}
.js-focus-visible .focus-visible:focus {outline: 2px solid #F300F4;}*/

.c_H .input,.c_M .input{display:inline-block;}
.c_S {display:block; height:1px; padding-top:1px; overflow:hidden;}
.c_S>*{margin-top: 5px}
.clock{display: inline-block; vertical-align: middle; /*background-color: var(--inputcolor);*/ border-radius:50%; padding: 5px}
.clock img{display: block}
.input, .select {
	display:inline-block;
	min-height:44px;
	background-color: var(--inputcolor);
	color:var(--textcolor);
	font-family:inherit;
	font-size:1.1rem;
	line-height: 1.25em;
	border:none;
	margin:0 0 5px 0;
	padding:10px;
	/*
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

	-moz-box-shadow: inset 0 2px 5px 0 #000;
	-webkit-box-shadow: inset 0 2px 5px 0 #000;
	box-shadow: inset 0 2px 5px 0 #000;
	*/
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.input:focus, .select:focus {background-color:var(--inputcolor-hover); color:var(--textcolor);}
.input:hover, .select:hover {background-color:var(--inputcolor-hover); color:var(--textcolor);}

.select option {padding-top: 10px; padding-bottom: 10px; line-height: 30px;}

.button{
	min-height:44px;
	min-width:44px;
	font-size:1.1rem;
	line-height: 1.25em;
	font-family:inherit;
	padding:10px;
	margin:0 0 10px 0;
	border:none;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor:pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background-color: var(--linkcolor);
	color:var(--color-white);
}
.button:hover, .button:focus {background-color:var(--inputcolor-hover); color:var(--linkcolor);}

textarea.input{padding:10px;}

span.label {color:var(--textcolor80); display: inline-block; width: 80px;}
.input[placeholder]:not([placeholder=""]) + label{color:var(--textcolor80);display:none;}


.roundcheckbox {position: relative; display:inline-block; vertical-align:top; }
/*.checkboxlabel {display:inline-block; vertical-align:top; width:calc(100% - 60px);  }*/
.roundcheckbox label {display: block;  position: relative; padding-left: 40px;}
.roundcheckbox label::before {
  content: " ";
	display: block;
  background-color: var(--color-light);
  border:1px solid var(--color-main);
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
}
.roundcheckbox label::after {
  content: " ";
  border: 2px solid var(--color-light);
  border-top: none;
  border-right: none;
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 12px;
}
.roundcheckbox input[type="checkbox"] { visibility: hidden; position: absolute;}
.roundcheckbox input[type="checkbox"]:checked + label::before {background-color: var(--color-main);border-color:var(--color-main);}
.roundcheckbox input[type="checkbox"]:checked + label::after {opacity: 1;}
.roundcheckbox input[type="radio"] { visibility: hidden; position: absolute;}
.roundcheckbox input[type="radio"]:checked + label::before {background-color: var(--color-main);border-color:var(--color-main);}
.roundcheckbox input[type="radio"]:checked + label::after {opacity: 1;}


.error {
	border:5px solid var(--errorcolor);
	background-color:var(--bgcolor-content);
	padding:5px;
}
.errorField {border: 2px solid var(--errorcolor); background-color:var(--bgcolor-content);}
.errorBox {border:5px solid var(--errorcolor); background-color:var(--errorcolor); padding:15px; color:var(--color-light); margin-bottom:15px;} .errorBox *{color:var(--color-light);}
.resultBox {border:5px solid var(--resultcolor); background-color:var(--bgcolor-content); padding:15px; color:var(--textcolor); margin-bottom:15px; font-size: 1.2rem;}
.errorBox>:last-child,.resultBox>:last-child{margin-bottom: 0;}

.inputSearch{
	display:inline-block;
	min-height:32px;
	height:32px;
	border:none;
	padding:0;
	margin:0;
	-webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.3);
	        box-shadow: inset 0 2px 5px 0 rgba(0,0,0,0.3);
}
.buttonSearchIcon{
	cursor:pointer;
	padding:0;
	margin:0;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	background-color: transparent;
}
.buttonSearchIcon:hover{

}


.searchResult{margin:15px 0;}
.searchLink{display: block; background:var(--color-sec); color:var(--textcolor); padding:15px;}
.searchLink:hover, .searchLink:focus{background:var(--color-main); color:var(--color-white); }
.searchCont{background:var(--bgcolor-light); border-bottom:1px solid var(--color-main); padding:15px;}


.closeButton {
	position:absolute;
	background-color: transparent;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
	display:block;
	cursor:pointer;
	top:15px;
	right:15px;
	z-index:30;
}
/*.closeButton:hover {background:url(_pix/closebutton-act.svg) center no-repeat;}*/



.stoerer{position: absolute; z-index: 10; right: 5%; top:180px;}
.stoerer .textpadding{padding: 0;}
.stoerer .textpadding::after {
    content: ' ';
    width: 150%;
    height: 0;
    padding-bottom: 150%;
    background-color: var(--color-sec);
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    left: -25%;
    -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
    z-index: -1;
}
.stoerer *{background-color: transparent !important; color: var(--color-light) !important;}

/*_________________________________________templates*/
/*
.sp1 {
	display:block;
	float:left;
	width:48%;
}
.sp2 {
	display:block;
	float:right;
	width:48%;
}
.sp3_1, .sp3_1s {
	display:block;
	float:left;
	width:33.33333%;
	padding:20px 10px 20px 0;
}
.sp3_23 {
	display:block;
	float:left;
	width:66.666666%;
	padding:20px 10px;
}
.sp3_2 {
	display:block;
	float:left;
	width:33.33333%;
	padding:20px 10px;
}
.sp3_3 {
	display:block;
	float:right;
	width:33.33333%;
	padding:20px 0 20px 10px;
}*/
.tcols2 .textpadding{
	-moz-column-count: 2;
	     -webkit-column-count: 2;
	        column-count: 2;
	-moz-column-gap: 30px;
	     -webkit-column-gap: 30px;
	        column-gap: 30px;
}


.colcontent{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	        -webkit-box-orient: horizontal;
	        -webkit-box-direction: normal;
	            -ms-flex-direction: row;
	                flex-direction: row;
	        -webkit-box-align: center;
	            -ms-flex-align: center;
	                align-items: center;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.colcontent.p15{margin-left: -15px;	margin-right: -15px;}
.colcontent.p30{margin-left: -30px;	margin-right: -30px;}
.colcontent.p60{margin-left: -60px;	margin-right: -60px;}

.colcontent.p15 .col2, .colcontent.p15 .col3, .colcontent.p15 .col4 {padding:0 15px;}
.colcontent.p30 .col2, .colcontent.p30 .col3, .colcontent.p30 .col4 {padding:0 30px;}
.colcontent.p60 .col2, .colcontent.p60 .col3, .colcontent.p60 .col4 {padding:0 60px;}

.col2 {width:50%; }
.col3 {width:33.333%;}
.col4 {width:25%;display: inline-block;}
.cols_1_2 .col2:nth-child(1){width: 33.333%}
.cols_1_2 .col2:nth-child(2){width: 66.666%}


.w33 {width:33.333%;}
.w66 {width:66.666%;}
.top .col2, .top .col3, .top .col4{ -ms-flex-item-align: start; align-self: flex-start; vertical-align: top;}
.bottom .col2, .bottom .col3, .bottom .col4{ -ms-flex-item-align: end; align-self: flex-end; vertical-align: bottom;}

.reverse .colcontent {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.flexheight .colcontent{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flexheight .col2, .flexheight .col3, .flexheight .col4, .flexheight .col5{display:-webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;}
.colcontent .narrowwidth{display: inline-block; text-align: left;}

/*.shadowbox{
	margin: 15px 0;
	display: inline-block;
	background:var(--color-light);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	        box-shadow: 0 0 20px rgba(0,0,0,0.2);
      padding:15px;
}*/
.zigzagImg .mainwidth{
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	        -webkit-box-orient: horizontal;
	        -webkit-box-direction: normal;
	            -ms-flex-direction: row;
	                flex-direction: row;
	        -webkit-box-align: center;
	            -ms-flex-align: center;
	                align-items: center;
}
.zigzagImg .img {/*flex: 2.5;*/ width:66.6666%; width: calc(200% / 3); }
.zigzagImg .txt {/*flex: 1;*/ width:33.3333%; width: calc(100% / 3); padding: 45px;}
.zigzagImg .img img{width:100%; height: auto; display:block;}
.zigzagImg:nth-child(odd) .mainwidth { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}

@media screen and (max-width:900px){
.zigzagImg .img {width: 50%;}
.zigzagImg .txt {width: 50%;}
}
@media screen and (max-width:480px){
.zigzagImg .mainwidth, .zigzagImg:nth-child(odd) .mainwidth { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.zigzagImg .img {width: 100%;}
.zigzagImg .txt {width: 100%;}
}


/*___________boxslider*/
.boxsliderContainer{
	position:relative;
	--gap:15px;
}
/*.boxsliderContainer.fullwidth{
	overflow:hidden;
}*/
@media screen and (max-width: 1920px) {
.boxsliderContainer.fullwidth{padding: 0 var(--padding-h);}
}
.boxsliderGallery{
	position:relative;
	overflow:hidden;
	margin:0;
}
.boxsliderGallery.flexW { margin:0; }

.boxsliderContent{
	text-align: center;
	position:relative;
	white-space: nowrap;
	margin-left: calc(-0.5 * var(--gap));
}
.boxsliderBox{
	display:inline-block;
	width:33.3333%;
	padding: calc(0.5 * var(--gap));
	white-space: normal;
	vertical-align:top;
}
.flexW .boxsliderBox{width:auto; max-width: 100%; vertical-align: middle;}

.book .boxsliderBox:nth-child(odd){padding: 10px 15px 10px 0px;}
.book .boxsliderBox:nth-child(even){padding: 10px 1px 10px 15px;}
.shad .boxsliderBox img{
	-webkit-box-shadow:0 3px 5px #333;
	        box-shadow:0 3px 5px #333;
}
.boxsliderBox .thumb{margin-bottom:15px;}

.boxsliderContainer .button_l{
	left:-30px;
	width:60px;
}
.boxsliderContainer .button_r{
	right:-30px;
	width:60px;
}
@media screen and (min-width: 1280px) {
.boxsliderContainer .button_r{right:0;}
.boxsliderContainer .button_l{left:0;}
}
.boxsliderContainer.fullwidth .button_r{right:0;}
.boxsliderContainer.fullwidth .button_l{left:0;}

.boxsliderConatiner.headergallery{margin: 0;}
.boxsliderContainer.headergallery .boxsliderBox{padding: 0;}
.boxsliderContainer.headergallery .boxsliderContainer .button_r{right:0px;}
.boxsliderContainer.headergallery .boxsliderContainer .button_l{left:0px;}
.boxsliderContainer.headergallery .boxsliderGallery.flexW { margin: 0;}

/*_____teaser*/
.teaserblock {
	display: inline-block;
	vertical-align: top;
	padding:10px 30px 10px 10px;
	width:33%;
}

.newsteaser{
	margin-bottom: var(--padding-v);
	position:relative;
	display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
	max-height: 1500px;
	overflow: hidden;
}
.newsteaserimg{
	margin-right: var(--padding-h);
	display:block;
	min-height:150px;
	width: 25%;
}
.newsteaserimg img{
	/*width:100%;
	height:auto;*/
}
.newsteasertext {max-width: 80ch; width: 50%;}
.newsfilter {/*background-color: var(--bgcolor-light)*/}
.newsteaser.off{/*display: none*/ max-height: 0; margin: 0; }

@media screen and (max-width:768px){
	.newsteasertext {width:100%;}
}

.objItem .textpadding{padding-top: 0; padding-bottom: 0}
.objItem figcaption>:last-child{margin-bottom: 0}
.objItem{  overflow: hidden; /*	max-height:100%; display: initial; opacity: 1; position: relative;
transition: opacity 0.6s ease, max-height 0.3s ease 0.3s;*/
animation: showObj 1s linear; animation-iteration-count: 1; animation-fill-mode: forwards;}
.objItem.off{/*display: none;*//*position: absolute;*/
	/*max-height: 2px; opacity: 0.5; transition: max-height 0.3s ease 0s, opacity 0.3s ease 0.3s;*/
animation: hideObj 1s linear; animation-iteration-count: 1; animation-fill-mode: forwards;}

@keyframes hideObj {
/*	0% { opacity: 1; }*/
	99% {opacity: 0; position: relative; }
	100%   { position: absolute; opacity: 0; height: 0}
}
@keyframes showObj {
	0% { position: absolute; }
	1% { position: relative; opacity: 0;}
	100%   { opacity: 1;}
}


/*
ul.filtermenu.columns{
-webkit-columns: 300px auto;
   -moz-columns: 300px auto;
        columns: 300px auto;
-webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-rule: 1px solid #CCC;
  -moz-column-rule: 1px solid #CCC;
  column-rule: 1px solid #CCC;
}*/

/*.toggleHead.title_filter::before{content: 'Filter'; position: absolute; left: 65px; top: 50%; margin-top: -0.5em; line-height: 1em}*/
.toggleHead.title_filter{ padding-left: 30px }.toggleHead.title_filter::after{ left: 0px; right: auto}

ul.filtermenu{text-align: left; /*padding-bottom: var(--padding-v);*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;}
ul.filtermenu li::before { display:none;}
ul.filtermenu li{margin:0 0; display: inline-block;}
ul.filtermenu li a{font-weight:400; padding:0.5em 0.75em; display: inline-block; text-decoration: none !important}
/*ul.filtermenu li:first-child a{font-weight:normal;}*/
ul.filtermenu li li a{font-weight:200;}
ul.filtermenu li li li a{font-weight:normal; font-size:0.8em;}
/*ul.filtermenu a.act{ background-color:var(--color-main);color:var(--color-light);}*/

ul.filtermenu li > a{position: relative;}
ul.filtermenu li > a::after {
	content: '';
	display: block;
	width: 0;
	position: absolute;
	bottom: 8px;
	height: 2px;
	background-color: var(--color-accent);
	-webkit-transition: width 0.2s ease;-o-transition: width 0.2s ease;transition: width 0.2s ease;
}
ul.filtermenu li.act > a::after, ul.filtermenu li:hover > a::after  {
	width: 100%;
}

ul.filtermenu.columns{text-align: left; overflow: hidden; -ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin: 0; padding: 0
}
ul.filtermenu.columns>li{display:inline-block; vertical-align: top; text-align: left; margin:0; padding:15px; /*width: 16.666%;*/ position: relative; border-left: 1px solid var(--bgcolor-content); min-width: 16.666%}
ul.filtermenu.columns li a{padding:0;}
/*.filtermenu.columns>li::before, .filtermenu.columns>li::after{content: '';
    width: 1px;
    height: 100%;
    border-left:1px solid var(--color-main);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 2000px;
}*/
/*.filtermenu.columns>li::after{right:0; left: auto;}*/
ul.filtermenu.columns>li:first-child{border:none;}
ul.filtermenu.columns>li:not(:last-child)::after{content: none;}
ul.filtermenu.columns>li li{display:block;}
ul.filtermenu.columns li > a::after {bottom: 0px;}
/*ul.filtermenu.columns li.act > a::after, .filtermenu.columns li:hover > a::after  {width: 100%; bottom: 0}*/
@media screen and (max-width:480px){
	ul.filtermenu li:hover > ul, ul.filtermenu li.act > ul{max-height: 1000px;}
	ul.filtermenu ul {
    position: relative;
    margin: 0;
    max-height: 1px;
    padding-top: 1px;
    -webkit-transition: max-height 0.5s ease-in-out 0.5s,visibility 0s ease 0.5s,opacity 0.5s ease 0.5s,margin 0.5s ease 0.5s;
    -moz-transition: max-height 0.5s ease-in-out 0.5s,visibility 0s ease 0.5s,opacity 0.5s ease 0.5s,margin 0.5s ease 0.5s;
    -ms-transition: max-height 0.5s ease-in-out 0.5s,visibility 0s ease 0.5s,opacity 0.5s ease 0.5s,margin 0.5s ease 0.5s;
    -o-transition: max-height 0.5s ease-in-out 0.5s,visibility 0s ease 0.5s,opacity 0.5s ease 0.5s,margin 0.5s ease 0.5s;
    transition: max-height 0.5s ease-in-out 0.5s,visibility 0s ease 0.5s,opacity 0.5s ease 0.5s,margin 0.5s ease 0.5s;
    overflow: hidden;
	}
}
#singleItem{
	width:100%;
	position:absolute;
	background-color: var(--bgcolor-body);
	left: 0;
	top: 0;
	/*transform: translate(0,50vh); -- children fixed not working?*/
	opacity: 0;
	z-index: 11000;
	max-height: 0;
	overflow: hidden;
	transition: opacity 1s ease;
/*	transition-timing-function: ease, ease;
	transition-duration: 1s,1s;
	transition-property: transform, opacity;
	transition-delay: 0s,0s;*/

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#singleItem.open{
	top:0;
	opacity: 1;
	/*transform: translate(0,0);*/
	max-height: none;
	min-height: 100vh;
	/*-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;*/
}
#singleItem .content{
	background:var(--bgcolor-content);
	max-width: 1920px;
	margin: 0 auto;
	opacity: 0;
	padding-top:25vh;
	transition:padding-top 0.75s ease;
/*	transform: translate(0,50vh);
	transition: transform 1s ease;*/
}
#singleItem .content>.viewport-height-100{
	--min-height: 100vh;
}

#singleItem.open .content{ opacity: 1; /*transform: translate(0,0);*/ padding-top: 0}
#closeSingle{
	position: fixed;
	top:15px;
	right:15px;
	z-index: 10000;
	line-height: 0;
}
#closeSingle .icon{width: 50px; height: 50px;}

.fullsizegallery .galleryImg img {
    max-height: 100vh;
		/*max-height: calc(100vh - 2 * var(--padding-v));*/
    position: relative;
    z-index: 1;
    min-height: 60px;
}

.teamobject {position: relative}
.teamobject .galleryText>* {
    max-width: calc(1280px - var(--padding-h));
    margin: auto;
}
.teamobject .galleryText {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    background-color: rgba(0,0,0,0.3);
}
.galleryText :last-child, .galleryText>div :last-child {
    margin-bottom: 0;
}

.img.quad{width:100%; height: 0; padding-bottom: 100%; background-color: var(--color-light); position: relative;}
.img.quad img{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}

/*
.gridgallery {
	position:relative;
	margin: 0;
	margin: var(--gridpadding);
}
.mainwidth .gridgallery{
	margin: -var(--gridpadding);
}
.griditem{
	display:inline-block;
	vertical-align: top;
	margin:var(--gridpadding);
	padding: 0;
}
.griditem a{--linkcolor:var(--textcolor)}
.griditem .title>*:last-child{margin-bottom: 0}
.griditem{width:calc( 100% / var(--gridcolumns) - ( 2 * var(--gridpadding) ) )}
.griditem.wide{width:calc( ( 2 * 100% / var(--gridcolumns)) - ( 2 * var(--gridpadding) ) )}

.cols2 .griditem{width:calc( 100% / 2 - ( 2 * var(--gridpadding) ) )}
.cols2 .griditem.wide{width:calc( ( 2 * 100% / 2) - ( 2 * var(--gridpadding) ) )}
.cols3 .griditem{width:calc( 100% / 3 - ( 2 * var(--gridpadding) ) )}
.cols3 .griditem.wide{width:calc( ( 2 * 100% / 3) - ( 2 * var(--gridpadding) ) )}
.cols4 .griditem{width:calc( 100% / 4 - ( 2 * var(--gridpadding) ) )}
.cols4 .griditem.wide{width:calc( ( 2 * 100% / 4) - ( 2 * var(--gridpadding) ) )}
.cols5 .griditem{width:calc( 100% / 5 - ( 2 * var(--gridpadding) ) )}
.cols5 .griditem.wide{width:calc( ( 2 * 100% / 4) - ( 2 * var(--gridpadding) ) )}


.frame .griditem picture { display:block; padding:var(--thumbpadding); }
.quad.frame .griditem>picture{padding:0 var(--thumbpadding); height:0; padding-bottom:100%; background-color:var(--color-light); overflow:hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;}

.shadow .griditem .img { box-shadow:0 0 15px rgba(0,0,0,0.5)}

.griditem .img a{position: absolute; display: block; width: 100%; height: 100%;}
.griditem {overflow:hidden; position: relative;}
.griditem .img::before{pointer-events: none}
.griditem .img img, .griditem .img::before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.griditem .img { position: relative; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_l))}
.griditem.wide .img {padding-bottom: calc( (50% - 1 * var(--gridpadding)) * var(--aspectratio_l))}
.griditem.tall .img {padding-bottom: calc( (200% * var(--aspectratio_l) + 2 * var(--gridpadding)) - 1px )}
.quad .griditem .img { padding-bottom: 100%}
.quad .griditem.tall .img {padding-bottom:calc(200% + 2 * var(--gridpadding) - 1px)}

.griditem .caption, .griditem .teaser, .griditem .title{
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

.gridgallery .griditem .img img.image-scale-100{
	-webkit-transform:scale(1);
	transform:scale(1);
}

.gridgallery .griditem:hover .img img, .gridgallery .griditem.hover .img img{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.extraCaption .griditem.withcaption .img::before{content:none; display: none}
.extraCaption .griditem:not([class*="bgcolor"]) {background-color:var(--bgcolor-light);}
.extraCaption .griditem.withcaption{width:calc( 200% / var(--gridcolumns) - ( 2 * var(--gridpadding) ) )}
.extraCaption .griditem .caption {
    position: absolute;
    left: calc(50% - var(--gridpadding));
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: calc(50% + var(--gridpadding));
    padding: 15px;
	text-align: center
}
.quad.extraCaption .griditem.withcaption .img {width: 50%;padding-bottom: calc( 50% * 1);}

.extraCaption .griditem.withcaption .img {width:calc( (50% - var(--gridpadding)) ); padding-bottom: calc( (50% - var(--gridpadding))  * var(--aspectratio_l) )}
.extraCaption .griditem.withcaption.wide .img {width:100%; padding-bottom: calc( 2 * (50% - var(--gridpadding)) * var(--aspectratio_l) + 2 * var(--gridpadding))}
.extraCaption .griditem.withcaption.wide .img>picture {overflow: hidden; display: block; width:100%; height: 0; padding-bottom: calc( (50% - var(--gridpadding)) * var(--aspectratio_l) )}
.extraCaption .griditem.withcaption.tall .img {padding-bottom: calc( 2 * (50% - var(--gridpadding)) * var(--aspectratio_l) + 2 * var(--gridpadding))}
.extraCaption .griditem.withcaption.wide .caption {left: 0; top: 75%; width: 100%}

.dynamicCaption .griditem.withcaption .img::before{
	content:' ';
	position:absolute;
	top:0;left:0;width: 100%;height: 100%;
	z-index:1;
	background-color:rgba(55,55,55,0);
}
.dynamicCaption .griditem .img img.image-scale-100{
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-filter: blur(0);
    filter: blur(0);
}
.dynamicCaption .griditem.withcaption:hover .img img.image-scale-100, .dynamicCaption .griditem.withcaption.hover .img img.image-scale-100{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-filter: blur(2px);
    filter: blur(2px);
}
.dynamicCaption .griditem:hover .img::before, .dynamicCaption  .griditem.hover .img::before{background-color:var(--bgcolor-dark80);}
.dynamicCaption .griditem.bgcolor-main:hover .img::before, .dynamicCaption .griditem.bgcolor-main.hover .img::before{background-color:var(--bgcolor-main80);}
.dynamicCaption .griditem.bgcolor-light:hover .img::before, .dynamicCaption .griditem.bgcolor-light.hover .img::before{background-color:var(--bgcolor-light80);}
.dynamicCaption .griditem.bgcolor-sec:hover .img::before, .dynamicCaption .griditem.bgcolor-sec.hover .img::before{background-color:var(--bgcolor-sec80);}
.dynamicCaption .griditem .caption {position:absolute; left:0; top:50%; z-index:2; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width: 100%; padding: 15px;}
.dynamicCaption .griditem .title :last-child, .griditem .teaser :last-child{margin-bottom: 0}
.dynamicCaption .griditem .title { opacity:0; -webkit-transform:translate(-20px,0); transform:translate(-20px,0); padding:0; width: 100%;}
.dynamicCaption .griditem .teaser{ opacity:0; -webkit-transform:translate(20px,0); transform:translate(20px,0); padding-top:15px; }
.dynamicCaption .griditem:hover .title, .dynamicCaption .griditem:hover .teaser{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
.dynamicCaption .griditem:focus .title, .dynamicCaption .griditem:focus .teaser{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
.dynamicCaption .griditem:active .title, .dynamicCaption .griditem:active .teaser{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}
.dynamicCaption .griditem.hover .title, .dynamicCaption .griditem.hover .teaser{opacity:1; -webkit-transform:translate(0,0); transform:translate(0,0);}

.showCaption .griditem .caption {position: absolute; top: auto; bottom: 0; width: 100%}
.showCaption .griditem .img::before{content: none; display: none;}
.showCaption .griditem .caption{opacity: 1; -webkit-transform:translate(0,0); transform:translate(0,0); left: 0; bottom: 0; padding: 0}
.showCaption .griditem .caption{padding:0; background-color: var(--bgcolor-main75);}
.showCaption .griditem .caption .title {padding: 20px 20px;}
.showCaption .griditem .caption .title :last-child{ margin-bottom: 0}
.showCaption .griditem .caption *:not([class^="col"]){ color: var(--color-light)}
.showCaption .griditem:hover .caption{background-color: var(--bgcolor-main95);}
.showCaption .griditem:focus .caption{background-color: var(--bgcolor-main95);}
.showCaption .griditem:active .caption{background-color: var(--bgcolor-main95);}
.showCaption .griditem.hover .caption{background-color: var(--bgcolor-main95);}
.showCaption .griditem .title ~ .teaser{padding-top:0!important;}
.showCaption .griditem .teaser {max-height: 0; overflow: hidden; padding: 0 20px; -webkit-transform:translate(0,0); transform:translate(0,0);}
.showCaption .griditem:hover .teaser{ padding: 20px 20px;max-height:500px; }
.showCaption .griditem:focus .teaser{ padding: 20px 20px;max-height:500px; }
.showCaption .griditem:active .teaser{ padding: 20px 20px;max-height:500px; }
.showCaption .griditem.hover .teaser{ padding: 20px 20px;max-height:500px; }
.showCaption .griditem:hover .caption *:not([class^="col"]){ color: var(--color-light)}
.showCaption .griditem:focus .caption *:not([class^="col"]){ color: var(--color-light)}
.showCaption .griditem:active .caption *:not([class^="col"]){ color: var(--color-light)}
.showCaption .griditem.hover .caption *:not([class^="col"]){ color: var(--color-light)}

@media screen and (min-width: 1920px ) {
	.menuhead :not(.mainwidth)>>.griditem{width:calc( (1920px - ( 2 * var(--gridpadding))) / var(--gridcolumns) - ( 2 * var(--gridpadding) ) )}
	.menuhead :not(.mainwidth)>>.griditem.wide{width:calc( ( 2 * (1920px - ( 2 * var(--gridpadding))) / ( var(--gridcolumns))) - ( 2 * var(--gridpadding) ) )}

	.menuleft .mainwidth .griditem{width:calc( 100% / ( 1920px - var(--leftmenu-width) ) - ( 2 * var(--gridpadding) ) )}
	.menuleft .mainwidth .griditem.wide{width:calc( 2 * 100% / ( 1920px - var(--leftmenu-width) ) - ( 2 * var(--gridpadding) ) )}
}
@media screen and (max-width: 1024px) {
	/* 4 columns › 3 columns*
	.griditem, .mainwidth .griditem{width:calc( 100% / 3 - ( 2 * var(--gridpadding) ) )}
	.griditem.wide, .mainwidth .griditem.wide{width:calc( 2 * 100% / 3 - ( 2 * var(--gridpadding) ) )}
	.griditem .img { position: relative; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_m))}
	.griditem.wide .img {padding-bottom: calc( 2 * (50% - 1 * var(--gridpadding)) * var(--aspectratio_m) + 2 * var(--gridpadding)) }
	.griditem.tall .img {padding-bottom: calc( (200% * var(--aspectratio_m) + 2 * var(--gridpadding)) )}
	/*extraCaption*
	.extraCaption .griditem, .extraCaption .mainwidth .griditem,
	.extraCaption .griditem.withcaption:not(.wide), .extraCaption .mainwidth .griditem.withcaption:not(.wide){width:calc( 100% / 3 - ( 2 * var(--gridpadding) ) )}
	.extraCaption .griditem.withcaption .img { width:100%; padding-bottom: calc( 200% * var(--aspectratio_m) + 2 * var(--gridpadding))}
	.extraCaption .griditem.withcaption .img>picture { display:block; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_m))}
	.extraCaption .griditem.withcaption .caption { left: 0; top: 75%; width: 100%}
	.extraCaption .griditem.withcaption.tall .img{ width: 100%; padding-bottom: calc( (300% * var(--aspectratio_m) + 4 * var(--gridpadding)) - 1px )}
	.extraCaption .griditem.withcaption.tall .img>picture { padding-bottom: calc( 200% * var(--aspectratio_m) + 2 * var(--gridpadding))}
	.extraCaption .griditem.withcaption.tall .caption { left: 0; top: 83.333%; width: 100%}
	.extraCaption .griditem.withcaption.wide {width: calc( 2 * 100% / 3 - ( 2 * var(--gridpadding) ) )}
	.extraCaption .griditem.withcaption.wide .img {padding-bottom: calc( 2 * (50% - var(--gridpadding)) * var(--aspectratio_m) + 2 * var(--gridpadding)) }
	.extraCaption .griditem.withcaption.wide .img>picture {padding-bottom: calc( (50% - var(--gridpadding)) * var(--aspectratio_m) )}

	.quad .griditem.withcaption.tall .img {padding-bottom: 200%;}
	.quad.extraCaption .griditem.withcaption .img {width: 100%;padding-bottom: 200%;}
	.quad.extraCaption .griditem.withcaption .img>picture {padding-bottom: 100%;}

}
@media screen and (max-width: 768px) {
	.griditem, .mainwidth .griditem{width:calc( 100% / 2 - ( 2 * var(--gridpadding) ) )}
	.griditem.wide, .mainwidth .griditem.wide{width:calc( 100% - ( 2 * var(--gridpadding) ) )}
	.griditem .caption {padding:0 45px 30px 45px;}.griditem .teaser{padding:0 45px;}
	.griditem.wide .img {padding-bottom: calc( (50% - 1 * var(--gridpadding)) * var(--aspectratio_m))}

	.extraCaption .griditem, .extraCaption .mainwidth .griditem,
	.extraCaption .griditem.withcaption:not(.wide), .extraCaption .mainwidth .griditem.withcaption:not(.wide){width:calc( 100% / 2 - ( 2 * var(--gridpadding) ) )}
	.extraCaption .griditem.withcaption .img { width:100%; padding-bottom: calc( 200% * var(--aspectratio_m) + 2 * var(--gridpadding))}
	.extraCaption .griditem.withcaption .img>picture { display:block; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_m))}
	.extraCaption .griditem.withcaption .caption { left: 0; top: 75%; width: 100%}
	.extraCaption .griditem.withcaption.tall .img{ width: 100%; padding-bottom: calc( (300% * var(--aspectratio_m) + 4 * var(--gridpadding)) )}
	.extraCaption .griditem.withcaption.tall .img>picture { padding-bottom: calc( 200% * var(--aspectratio_m) + 2 * var(--gridpadding))}
	.extraCaption .griditem.withcaption.tall .caption { left: 0; top: 83.333%; width: 100%}
	.extraCaption .griditem.withcaption.wide {width: calc( 100% - ( 2 * var(--gridpadding) ) );}
	.extraCaption .griditem.withcaption.wide .img>picture {padding-bottom: calc( (50% - var(--gridpadding)) * var(--aspectratio_m) )}
}
@media screen and (max-width: 600px) {.griditem .caption {padding:0 30px 30px 30px;}.griditem .teaser{padding:0 30px;}}
@media screen and (max-width: 480px) {
	.griditem, .mainwidth .griditem{width:calc( 100% - ( 2 * var(--gridpadding) ) )}
	.griditem.wide .img, .griditem.tall .img { position: relative; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_m))}

	.extraCaption .griditem, .extraCaption .mainwidth .griditem,
	.extraCaption .griditem.withcaption:not(.wide), .extraCaption .mainwidth .griditem.withcaption:not(.wide){width:calc( 100% - ( 2 * var(--gridpadding) ) )}
	.extraCaption .griditem.withcaption{width:calc( 100% - ( 2 * var(--gridpadding) ) )}
	.extraCaption .griditem.withcaption .img, .extraCaption .griditem.withcaption.wide .img, .extraCaption .griditem.withcaption.tall .img { position: relative; height: auto; overflow: hidden; padding-bottom: 0}
	.extraCaption .griditem.withcaption .caption, .extraCaption .griditem.withcaption.wide .caption, .extraCaption .griditem.withcaption.tall .caption { position: relative; top:auto; left: auto; transform: none;-webkit-transform:none; height: auto; }
	.extraCaption .griditem.withcaption .img>picture, .extraCaption .griditem.withcaption.wide .img>picture, .extraCaption .griditem.withcaption.tall .img>picture{height:0;padding-bottom: calc( 100% * var(--aspectratio_m))}


	.quad.extraCaption .griditem.withcaption .img {position: relative; height: auto; overflow: hidden; padding-bottom: 0}
}
@media screen and (max-width: 320px) {
	.griditem .img, .griditem.wide .img, .griditem.tall .img { position: relative; height: 0; overflow: hidden; padding-bottom: calc( 100% * var(--aspectratio_s))}
	.extraCaption .griditem.withcaption .img>picture, .extraCaption .griditem.withcaption.wide .img>picture, .extraCaption .griditem.withcaption.tall .img>picture{height:0;padding-bottom: calc( 100% * var(--aspectratio_s))}
}

.nocrop .griditem img.image-scale-100 {
    width: auto;
    height: auto;
}
.griditem .pagetitle{margin: 15px 0}

*/

/*_____________________________________________thmubgallery*/
.thumbgallery {
	--gap:var(--thumbpadding);
	position:relative;
	margin: calc(-0.5 * var(--gap));
}
.thumbitem{
	display:inline-block;
	vertical-align: middle;
	margin:calc(0.5 * var(--gap));
	padding: 0;
}
.top .thumbitem{vertical-align: top;}
.middle .thumbitem{vertical-align: middle;}
.bottom .thumbitem{vertical-align: bottom;}

.thumbitem.bordered{border:none}
.thumbitem.bordered .img{border:1px solid var(--textcolor)}
.g15>*>.thumbgallery {--gap:15px}
.g30>*>.thumbgallery {--gap:30px}
.g45>*>.thumbgallery {--gap:45px}
.g60>*>.thumbgallery {--gap:60px}
.g90>*>.thumbgallery {--gap:90px}
.g120>*>.thumbgallery {--gap:120px}
.columns .thumbgallery{margin: calc(-0.5 * var(--gap));}
.columns .thumbitem{width:calc( 100% / var(--cols) - var(--gap))}

.thumbitem a{--linkcolor:var(--textcolor)}
.thumbitem a:hover{--linkcolor-hover:var(--textcolor)}


.nocrop:not(.quad):not([class*="cols"]) .thumbitem{width:auto !important}
.nocrop:not(.quad) .thumbitem img{ display: block}

.thumbitem .img::before{pointer-events: none}
.thumbitem .img, .thumbitem .img::before{
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.thumbitem .img { position: relative; /*height: 0; padding-bottom: calc( 100% * var(--aspectratio_m)) */ }
.quad .thumbitem .img { height:0; padding-bottom: 100%; /*overflow: hidden;*/}
.frame .thumbitem .img picture { display:block; padding:var(--thumbpadding); }
.quad.nocrop .thumbitem .img picture{position:absolute; height:100%; width: 100%; overflow:hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.quad.nocrop .thumbitem .img picture img{max-height: 100%;}
.top .quad.nocrop .thumbitem .img picture{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.bottom .quad.nocrop .thumbitem .img picture{-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.shadow .thumbitem .img { -webkit-box-shadow:0 0 15px rgba(0,0,0,0.5); box-shadow:0 0 15px rgba(0,0,0,0.5)}

.thumbitem .caption{margin-top:calc(2 * var(--thumbpadding)) }
.thumbitem .caption, .thumbitem .teaser, .thumbitem .title{/*cubic-bezier(0.47, 0, 0.75, 0.72)*/
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.thumbitem .img{
	-webkit-transform:scale(1);
	    -ms-transform:scale(1);
	        transform:scale(1);
}
.thumbitem a:hover .img, .thumbitem a.hover .img{
	-webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
	        transform:scale(1.1);
}
/*
@media screen and (max-width: 1024px) {
	.thumbitem, .mainwidth .thumbitem{width:calc( 100% / 3 - ( 2 * var(--thumbpadding) ) )}
}
@media screen and (max-width: 768px) {
	.thumbitem, .mainwidth .thumbitem{width:calc( 100% / 2 - ( 2 * var(--thumbpadding) ) )}
}
@media screen and (max-width: 480px) {
	.thumbitem, .mainwidth .thumbitem{width:calc( 100% - ( 2 * var(--thumbpadding) ) )}
}*/

.greyscale img{
   /* filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);*/
    -webkit-filter: gray;
            filter: gray;
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}
.greyscale img:hover, .greyscale .hover img{
	-webkit-filter:none;
	        filter:none;
	-webkit-filter: grayscale(0);
	        filter: grayscale(0);
}

/*_____presentation*/
.objectlistitem{
	position: relative;
	z-index: 1;
	min-height: 100vh;
}
.objectlistitem>.pagewidth>section {
    position: sticky;
    top: 0;
    width: 33.333%;
    min-height: 100vh;
	margin-bottom: -100vh;
}
.objectlistitem>.pagewidth>div {
    width: 66.666%;
	margin-left: 33.333%;
}
.objectlistitem>.pagewidth>div .mainwidth {
    padding-left: var(--main-padding-h);
    padding-right: var(--main-padding-h);
}

.objectlistitem>.scroll2next{
	z-index: 5;
	left: 0;
	bottom: 60px;
	position: sticky;
}
.objectlistitem>.scroll2next a{position: absolute; left: 30px; }

.objmenu {
	position: fixed;
    position: sticky;
	z-index: 100;
	left:0;
	top:0;
	width: 300px;
	margin-left: calc(100vw - 330px)
}
.objmenu ul .name *{font-size: 1rem; margin-bottom: 0; font-weight: bold; }
.objmenu ul .teaser *{font-size: 0.8rem;}
.objmenu ul li a{color: var(--color-light); margin-bottom: 15px;}
.objmenu ul li a:hover{color:var(--color-main);}
.ankermenu{
	display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
.ankermenu li::before{content: '→'; font-weight: normal; padding-right: 5px; margin-left: 5px;font-size: 0.7em}
/*.cols_1_2 .ankermenu{position: fixed;position: sticky;z-index: 100;top:0; background-color: var(--color-light);}*/
.cols_1_2 .ankermenu li{display: inline-block;  }
/*_____tables*/

table.head th{position: sticky; top: 0}

.tcell {
	display: inline-block;
	padding:8px 8px 8px 0;
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content
}

.table.top .tcell {vertical-align: top}
.table.middle .tcell {vertical-align: middle}
.table.bottom .tcell {vertical-align: bottom}
.table.bottom .tcell :last-child{margin-bottom: 0}


.tcell.left{text-align:left;}
.tcell.center{text-align:center;}
.tcell.right{text-align:right;}
.tcell.tc2{width:50%;}
.tcell.tc2.cs2{width:100%;}
.tcell.tc3{width:33.333%;}
.tcell.tc3.cs2{width:66.666%;}
.tcell.tc4{width:25%;}
.tcell.tc4.cs2{width:50%;}
.tcell.tc4.cs3{width:75%;}
.tcell.tc4.cs4{width:100%;}
.tcell.tc5{width:20%;}
.tcell.tc5.cs2{width:40%;}
.tcell.tc5.cs3{width:60%;}
.tcell.tc5.cs4{width:80%;}
.tcell.tc5.cs5{width:100%;}
.tcell.tc6{width:16.666%;}
.tcell.tc6.cs2{width:33.333%;}
.tcell.tc6.cs3{width:50%;}
.tcell.tc6.cs4{width:66.666%;}
.tcell.tc6.cs5{width:83.333%;}
.tcell.tc6.cs6{width:100%;}
/*.lines .tcell{border-top:1px solid #B3B3B3;}*/


.table {position:relative;}
.table.head label{display:none;}
.table.head .trow.c0:not(.fix){opacity:0;}
.table.head .trow.c0.fix{
	opacity:1;
	position:absolute;
	top:0;
	z-index:1;
	width:100%;
}
.table.head .trow.c0.fix:not(.head){background-color: var(--color-light)}

@media screen and (max-width: 600px) {
.table:not(.tbreak360).head .trow.c0{display:none;}
.table:not(.tbreak360).head label{display:block; position:absolute; top:5px; left:0;}
.table:not(.tbreak360).head .tcell{position:relative;}
.table:not(.tbreak360).head .tcell.labeled:not(.nolabel){padding-left:50%;}
.table:not(.tbreak360).head .nolabel{padding-left:0; }
.table:not(.tbreak360).head .nolabel label{display:none; }
.table:not(.tbreak360) .trow{padding:10px 0;border-bottom:1px solid #D5D5D5;}
.table:not(.tbreak360) .tcell {float:none; display: block; padding:5px 0;}
.table:not(.tbreak360) .tcell.tc2{width:auto;}
.table:not(.tbreak360) .tcell.tc2.cs2{width:auto;}
.table:not(.tbreak360) .tcell.tc3{width:auto;}
.table:not(.tbreak360) .tcell.tc3.cs2{width:auto;}
.table:not(.tbreak360) .tcell.tc3.cs3{width:auto;}
.table:not(.tbreak360) .tcell.tc4{width:auto;}
.table:not(.tbreak360) .tcell.tc4.cs2{width:auto;}
.table:not(.tbreak360) .tcell.tc4.cs3{width:auto;}
.table:not(.tbreak360) .tcell.tc4.cs4{width:auto;}
.table:not(.tbreak360) .tcell.tc5{width:auto;}
.table:not(.tbreak360) .tcell.tc5.cs2{width:auto;}
.table:not(.tbreak360) .tcell.tc5.cs3{width:auto;}
.table:not(.tbreak360) .tcell.tc5.cs4{width:auto;}
.table:not(.tbreak360) .tcell.tc5.cs5{width:auto;}
.table:not(.tbreak360) .tcell.tc6{width:auto;}
.table:not(.tbreak360) .tcell.tc6.cs2{width:auto;}
.table:not(.tbreak360) .tcell.tc6.cs3{width:auto;}
.table:not(.tbreak360) .tcell.tc6.cs4{width:auto;}
.table:not(.tbreak360) .tcell.tc6.cs5{width:auto;}
.table:not(.tbreak360) .tcell.tc6.cs6{width:auto;}
}
@media screen and (max-width: 360px) {
.table.tbreak360.head .trow.c0{display:none;}
.table.tbreak360.head label{display:block; position:absolute; top:5px; left:0;}
.table.tbreak360.head .tcell{position:relative;}
.table.tbreak360.head .tcell.labeled:not(.nolabel){padding-left:50%;}
.table.tbreak360.head .nolabel{padding-left:0; }
.table.tbreak360.head .nolabel label{display:none; }
.table.tbreak360 .trow{padding:10px 0;border-bottom:1px solid #D5D5D5;}
.table.tbreak360 .tcell {float:none; display: block; padding:5px 0;}
.table.tbreak360 .tcell.tc2{width:auto;}
.table.tbreak360 .tcell.tc2.cs2{width:auto;}
.table.tbreak360 .tcell.tc3{width:auto;}
.table.tbreak360 .tcell.tc3.cs2{width:auto;}
.table.tbreak360 .tcell.tc3.cs3{width:auto;}
.table.tbreak360 .tcell.tc4{width:auto;}
.table.tbreak360 .tcell.tc4.cs2{width:auto;}
.table.tbreak360 .tcell.tc4.cs3{width:auto;}
.table.tbreak360 .tcell.tc4.cs4{width:auto;}
.table.tbreak360 .tcell.tc5{width:auto;}
.table.tbreak360 .tcell.tc5.cs2{width:auto;}
.table.tbreak360 .tcell.tc5.cs3{width:auto;}
.table.tbreak360 .tcell.tc5.cs4{width:auto;}
.table.tbreak360 .tcell.tc5.cs5{width:auto;}
.table.tbreak360 .tcell.tc6{width:auto;}
.table.tbreak360 .tcell.tc6.cs2{width:auto;}
.table.tbreak360 .tcell.tc6.cs3{width:auto;}
.table.tbreak360 .tcell.tc6.cs4{width:auto;}
.table.tbreak360 .tcell.tc6.cs5{width:auto;}
.table.tbreak360 .tcell.tc6.cs6{width:auto;}
}







.table.timeline .trow {border: none;}
.table.timeline .trow .tcell{position: relative;}
.table.timeline .trow .tcell:nth-child(1){ padding:15px 0; }
.table.timeline .trow .tcell:nth-child(2){
	background:var(--color-light);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	        box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding:15px;
	margin-bottom: 30px;
}
.table.timeline .trow .tcell:nth-child(1){padding-right: 50px;}
.table.timeline .trow .tcell:nth-child(2) *:last-child{margin-bottom: 0;}
.table.timeline .trow .tcell:nth-child(2)::before{
	content: ' ';
    display: block;
    position: absolute;
    left: -34px;
    width: 0;
	top:0;
	bottom: -30px;
    border-left: 4px solid var(--color-sec);
}
.table.timeline .trow .tcell:nth-child(2)::after{
	content: ' ';
    display: block;
    position: absolute;
    left: -45px;
    top: 13px;
    width: 20px;
    height: 20px;
    border: 4px solid var(--color-sec);
    border-radius: 50%;
    background: var(--color-light);
}
.table.timeline .trow:first-child .tcell:nth-child(2)::before{top:20px;}
.table.timeline .trow:last-child .tcell:nth-child(2)::before{bottom:auto; height:20px;}

@media (max-width: 600px){
	.table.timeline .trow {margin: 0;}
	.table.timeline .trow .tcell:nth-child(1){padding: 10px 0;}
	.table.timeline .trow .tcell:nth-child(2)::before, .table.timeline .trow .tcell:nth-child(2)::after{content: none;}
	.table.timeline .trow .tcell:nth-child(2) {margin-bottom: 0;}

	.timeline .iconoffset{position: relative;display: inline-block;margin-top: -3px;margin-bottom: -3px;margin-left: -3px; margin-right: 10px;vertical-align: middle;}
}
/*____________________truncate*/

.truncate.act {
	position:relative;
	max-height:500px;
	overflow:hidden;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.truncate.low.act {
	position:relative;
	max-height:300px;
}
.truncate.xlow.act {
	position:relative;
	max-height:150px;
}
.truncate.act::after, .hiddenText::before{
	content:' '; display:block;
	position:absolute; z-index:1; left:0; bottom:0;
	width:100%; height:200px;
	background: -o-linear-gradient(top, var(--bgcolor-content0) 0%, var(--bgcolor-content100) 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bgcolor-content0)), color-stop(80%, var(--bgcolor-content100)));
	background: linear-gradient(to bottom, var(--bgcolor-content0) 0%, var(--bgcolor-content100) 80%);
	-webkit-transition: height 0.2s ease-in-out;
	-o-transition: height 0.2s ease-in-out;
	transition: height 0.2s ease-in-out;
}
.truncate .opener, .readmore{
	display:block;
	width:50px; height:50px;
	border-radius:25px;
	/*background:url(_pix/icon_readmore.svg) center no-repeat; */
	background-color:var(--color-main);
	color:var(--color-light);
	position:absolute; z-index:5;
	left:50%; bottom:30px; margin-left:-25px; }
.truncate .opener::before, .readmore::before,.truncate .opener, .readmore{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}
.truncate .opener:hover, .readmore:hover{bottom:25px;}

.truncate .opener.top{top:-25px;opacity: 0;}
.truncate.open .opener.top{opacity: 1;}
.truncate .opener.top:hover{top:-30px;}

.truncate .opener::before, .readmore::before{content: '';width: 20px;height: 6px;background-color: var(--color-light);display: block;position: absolute;left: 50%;top: 50%;  margin-left: -10px;margin-top: -3px;}
.truncate .opener::after, .readmore::after{content: '';width: 6px;height: 20px;background-color: var(--color-light);display: block;position: absolute;left: 50%;top: 50%;  margin-top: -10px;margin-left: -3px;}

.bgcolor-extradark.truncate.act::after,  .truncate.extradark.act::after, .bgcolor-extradark .hiddenText::before{
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bgcolor-extradark0)),  color-stop(80%, var(--bgcolor-extradark100)));
	background: -o-linear-gradient(top, var(--bgcolor-extradark0) 0%,  var(--bgcolor-extradark100) 80%);
	background: linear-gradient(to bottom, var(--bgcolor-extradark0) 0%,  var(--bgcolor-extradark100) 80%);
}
.bgcolor-dark.truncate.act::after,  .truncate.dark.act::after, .bgcolor-dark .hiddenText::before{
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bgcolor-dark0)),  color-stop(80%, var(--bgcolor-dark100)));
	background: -o-linear-gradient(top, var(--bgcolor-dark0) 0%,  var(--bgcolor-dark100) 80%);
	background: linear-gradient(to bottom, var(--bgcolor-dark0) 0%,  var(--bgcolor-dark100) 80%);
}
.bgcolor-main.truncate.act::after, .bgcolor-main .hiddenText::before{
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bgcolor-main0)),  color-stop(80%, var(--bgcolor-main100)));
	background: -o-linear-gradient(top, var(--bgcolor-main0) 0%,  var(--bgcolor-main100) 80%);
	background: linear-gradient(to bottom, var(--bgcolor-main0) 0%,  var(--bgcolor-main100) 80%);
}
.bgcolor-light.truncate.act::after, .bgcolor-light .hiddenText::before{
	background: -webkit-gradient(linear, left top, left bottom, from(var(--bgcolor-light0)),  color-stop(80%, var(--bgcolor-light100)));
	background: -o-linear-gradient(top, var(--bgcolor-light0) 0%,  var(--bgcolor-light100) 80%);
	background: linear-gradient(to bottom, var(--bgcolor-light0) 0%,  var(--bgcolor-light100) 80%);
}

.truncate.act.open {max-height:10000px; padding-bottom:100px; overflow:visible;}
.truncate.act.open::after, .hiddenTextOn::before{height:0;}
.truncate.act.open .opener::before{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.truncate.act.open .opener::after{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}

/*__________________parallax*/

.parallax.bgcont{position:relative; overflow:hidden; }
.parallax .bgimg{
	position:absolute;
	left: 0;
	width:100%;
	background-size:cover;
	background-position:center;
	/*height: calc(100% * 0.75);*/
	-webkit-transition: top 0.2s linear;
	-o-transition: top 0.2s linear;
	transition: top 0.2s linear;
}
/*.bgimg::before{content:' '; display:block; padding-top:75%; background-size:auto; background-attachment:fixed; min-height:100%;}*/
.bgimg::before{content:' '; display:block; min-height:100%;}

.bg-top>.bgimg{background-position-y: top;}
.bg-bottom>.bgimg{background-position-y: bottom;}
.bg-left>.bgimg{background-position-x: left;}
.bg-right>.bgimg{background-position-x: right;}
/*.parallax .textpadding{ padding-top:60px; padding-bottom:60px;}*/
.bgcolor-extradark:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-extradark80);}
.bgcolor-dark:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-dark70);}
.bgcolor-main:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-main60);}
.bgcolor-main-light:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-main-light60);}
.bgcolor-light:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-light60);}
.bgcolor-sec:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-sec60);}
.bgcolor-accent:not(.nolayercolor) .bgimg::before{ background-color:var(--bgcolor-accent60);}
.bgcolor-extradark-gradient:not(.nolayercolor) .bgimg::before{ background-image:radial-gradient(circle, var(--bgcolor-extradark0), var(--bgcolor-extradark100));}
.bgcolor-extradark-gradient-linear:not(.nolayercolor) .bgimg::before{ background-image:linear-gradient(180deg, var(--bgcolor-extradark0) 50%, var(--bgcolor-extradark100));}
.bgcolor-light-gradient-linear:not(.nolayercolor) .bgimg::before{ background-image:linear-gradient(180deg, var(--bgcolor-light0) 50%, var(--bgcolor-light100));}

/*___________________bg image*/
.sticky.bgcont{position:relative; overflow: hidden;}
.sticky .bgimg{background-position: center;}
.bgimg {
	position:absolute;
	top:0;
	height: 100%;
	width: 100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow: hidden;
}
.bgcolor-dark .bgimg::before{content:' '; position:absolute; left:0; right:0; top:0; bottom:0; display:block; }
.bgcolor-main .bgimg::before{content:' '; position:absolute; left:0; right:0; top:0; bottom:0; display:block; }
.bgcolor-main-light .bgimg::before{content:' '; position:absolute; left:0; right:0; top:0; bottom:0; display:block; }
.bgcolor-light .bgimg::before{content:' '; position:absolute; left:0; right:0; top:0; bottom:0; display:block;}
.fixed .bgimg{background-attachment:fixed; background-size:cover; background-repeat: repeat;}
@media screen and (max-width: 1024px) {
.fixed .bgimg{background-attachment: scroll; background-size: cover;}
}

/* before element fixed:
.fixed>.bgimg{position:absolute; background-size:cover; background-repeat: repeat; clip: rect(0,auto,auto,0); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0);}
.fixed>.bgimg::after{content:''; position:fixed; background:inherit; top:0; width:100%; height: 100vh;z-index: 0}
.fixed>.bgimg::before{position: relative; z-index: 1}
.fixed>.bgimg~div {position: relative; z-index: 2;}
*/
/* .fixed with clip-path (clip-rect req. abs pos)*/
.fixed, .fixed-top, .sticky-top, .fixed-gallery{ /*clip: rect(0,auto,auto,0);*/ -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }
.fixed>.bgimg{position:fixed; background-size:cover; background-repeat: repeat;}

.layercolor .pagewidth, .layercolor .gallery{background-color: inherit;}
.layercolor .gallery::before{content:' '; position:absolute; left:0; right:0; top:0; bottom:0; display:block; z-index: 1; background-color: inherit; mix-blend-mode: hard-light; opacity: 0.9}
.layercolor.bgdirt .gallery::before{background-image:url(_pix/bg_dirt.png); background-size:auto; background-attachment:fixed;}
.layercolor .gallery .button_l,.layercolor .gallery .button_r{display: none}

.content>.didblock:not([class*=bgcolor]){
	background-color: var(--bgcolor-content);
}
/*_________________________downloadlist*/

ul.downloads ul{margin:15px 0 15px 20px;}
ul.downloads li{margin:0;}
ul.downloads li::before{display:none;}
ul.downloads>li{font-weight:bold; text-transform:uppercase; font-size:1.35rem; line-height: 1.5em}
ul.downloads>li>ul>li{font-weight:bold; text-transform:none; font-size:1.2rem; line-height: 1.5em }
ul.downloads>li>ul>li ul>li{font-weight:bold; text-transform:uppercase; font-size:1rem; line-height: 1.5em }
ul.downloads>li>ul>li ul>li>ul>li{font-weight:bold; text-transform:none;  }
ul.downloads>li>ul>li ul>li>ul>li>ul>li{font-weight:normal; text-transform:none;  }
.dlobj{display:block; text-align:left; border-top:1px solid #DDDDDD; padding:10px 0;}
.dlobj img{padding:1px; border:1px solid #DDDDDD; vertical-align:middle; margin-right:15px;}
.dlname{display:inline-block;}
.dlext{display:block;float:right;}
ul.downloads .dlname, ul.downloads .dlfile{display:inline-block; text-align:left; width:50%; vertical-align:top; font-weight:normal; text-transform:none; font-size:1rem; line-height: 1.5em}
@media screen and (max-width: 768px) {
ul.downloads .dlname, ul.downloads .dlfile{width:300px;}
}
@media screen and (max-width: 600px) {
ul.downloads .dlname, ul.downloads .dlfile{width:auto; display:block;}
.dlname{display:block;}
.dlext{display:block;float:none;}
}
.linkblock ul.downloads li{margin:0 0 4px 0; font-size:14px;}

/*ul.sitemap{column-count: 2}*/
ul.sitemap>li{margin-bottom:15px;}
ul.sitemap>li>a{font-weight:bold; text-transform:uppercase; font-size:18px;}
ul.sitemap>li>ul>li>a{font-weight:bold; }
li.objectlink a {font-size:12px; line-height:15px;}
li.objectlink { margin: 2px 0 2px 20px;}
li.objectlink::before{display:none;}
/*__________webkit*/
::-webkit-scrollbar {width: 10px;}
 /* Track */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
 /* Handle */
::-webkit-scrollbar-thumb {background: rgba(150,150,150,0.5);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {background: rgba(150,150,150,0.4);}

/*hide video-detach-button*/
html > div[style] {display: none !important;}
/*________________________________________leaflet map*/
#map, .map{height:400px; max-height:50vh;position: relative;}
.map .formlayer{position: absolute; width: 100%; height: 100%; z-index: 1000; padding: var(--padding-v) var(--padding-h)}
form[name*="search_route"] {
    background-color: #FFF;
    padding: 15px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 50%);
            box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}
@media (max-width:600px){
	.map .formlayer{height: 50%; bottom: 0}
	.map.layered{min-height:50vh; max-height:80vh;}
}
/*________________________________________gallery styles*/
.g-frame{--gap:15px}
.g-frame.f-extradark .galleryImg{background-color: var(--bgcolor-extradark)}
.g-frame.f-dark .galleryImg{background-color: var(--bgcolor-extradark)}
.g-frame.f-color-white .galleryImg{background-color: var(--color-white)}
.g-frame.f-color-main .galleryImg{background-color: var(--color-main)}
.g-frame.f-color-sec .galleryImg{background-color: var(--color-sec)}
.g-frame .galleryImg{padding: var(--gap)}
.g-frame .fadeSet .galleryImg picture {display: block;}
.g-frame .fadeSet .galleryImg picture img {width:100%;}

/*________________________________________columns*/
:root{
	--gap:0px;
	--cols:1;
}
.c_columns{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--gap);
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
/*.c_columns>.didblock:not([class*=margin]){margin: 0 !important}*/
.c_columns.image-gallery>.didblock>.textpadding{padding: 0}
.c_columns .galleryImg picture {display: block; overflow: hidden;}

.top>*>.c_columns, .c_columns.top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.middle>*>.c_columns, .c_columns.middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.bottom>*>.c_columns, .c_columns.bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}

.justify-width>*>.c_columns>.didblock  {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1
}
.justify-height>*>.c_columns{
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.justify-height>*>.c_columns>.didblock, .justify-height>*>.c_columns>.didblock>.group  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.justify-height>*>.c_columns>.didblock>.mainwidth{width: 100%}
.justify-height .fullimage {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden;}
.justify-height .fullimage .gallery, .justify-height .fullimage .galleryImg, .justify-height .fullimage .gallery .slideSet, .justify-height .fullimage .gallery .fadeSet, .justify-height .fullimage .gallery .slideSet picture, .justify-height .fullimage .gallery .fadeSet picture{width: 100%; height: 100%; position: relative;}
.justify-height .fullimage .gallery, .justify-height .fullimage .gallery .slideSet .slideCont, .justify-height .fullimage .gallery .fadeSet .fadeCont{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%;}
.justify-height .fullimage .galleryImg img{height: 100%; width:100%; -o-object-fit: cover; object-fit: cover}
.justify-height .fullimage .galleryImg picture {height: 100%}
.justify-height>*>.c_columns>.didblock>.group {height: 100%;}

.g1>*{--gap:1px}
.g5>*{--gap:5px}
.g10>*{--gap:10px}
.g15>*{--gap:15px}
.g30>*{--gap:30px}
.g45>*{--gap:45px}
.g60>*{--gap:60px}
.g90>*{--gap:90px}
.g120>*{--gap:120px}
.c1>*{--cols: 1}
.c2>*{--cols: 2}
.c3>*{--cols: 3}
.c4>*{--cols: 4}
.c5>*{--cols: 5}
.c6>*{--cols: 6}




/* with negativ margin:
.c_columns>.didblock{--basewidth: calc( (var(--colwidth) - ( var(--cols) - 1 + 2 ) * var(--gap) ) / var(--cols) );}
.c_columns>.didblock{--calcwidth: calc( (var(--basewidth) * var(--colspan)) + ( var(--colspan) - 1 ) * var(--gap) ); width:var(--calcwidth)}
.c_columns{margin-left:calc(var(--gap) / -1);margin-right:calc(var(--gap) / -1);}
.c_columns>.didblock{margin-left:calc(var(--gap) / 2); margin-right:calc(var(--gap) / 2);}
*/

/*template 2/5 3/5*/
.c-2_5-3_5 > * {--cols:5}
.c-2_5-3_5 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:3}
.c-2_5-3_5 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:2}
.c-3_5-2_5 > * {--cols:5}
.c-3_5-2_5 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:2}
.c-3_5-2_5 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:3}
@media (max-width:768px){
	.c-2_5-3_5 .textpadding, .c-3_5-2_5 .textpadding  {padding-top: var(--gap); padding-bottom: var(--gap);}
	.c-2_5-3_5 > * {--cols:1}
	.c-2_5-3_5 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:1}
	.c-2_5-3_5 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:1}
	.c-3_5-2_5 > * {--cols:1}
	.c-3_5-2_5 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:1}
	.c-3_5-2_5 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:1}
}
/*template 1/3 1/3*/
.c-1_3-2_3 > * {--cols:3}
.c-1_3-2_3 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:2}
.c-1_3-2_3 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:1}
.c-2_3-1_3 > * {--cols:3}
.c-2_3-1_3 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:1}
.c-2_3-1_3 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:2}
@media (max-width:768px){
	.c-1_3-2_3 .textpadding, .c-2_3-1_3 .textpadding  {padding-top: var(--gap); padding-bottom: var(--gap);}
	.c-1_3-2_3 > * {--cols:1}
	.c-1_3-2_3 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:1}
	.c-1_3-2_3 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:1}
	.c-2_3-1_3 > * {--cols:1}
	.c-2_3-1_3 > * > .c_columns>.didblock:nth-of-type(2n){--colspan:1}
	.c-2_3-1_3 > * > .c_columns>.didblock:nth-of-type(2n+1){--colspan:1}
}




/*template 2 bg colors */
.templ_2colors {
	--gap:calc(var(--padding-h) * 2);
	--cols:2;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50.0001%, #708793));
	background-image: -o-linear-gradient(left, transparent 50%, #708093 50.0001%);
	background-image: linear-gradient(90deg, transparent 50%, #708093 50.0001%);
}
.templ_2colors>.mainwidth{
	padding-top: var(--textpadding-top);
	padding-bottom: var(--textpadding-bottom);
}
@media (min-width:961px){
.templ_2colors>.mainwidth>.c_columns>.didblock[class*="bgcolor"]>.mainwidth {padding-left: 0; padding-right: 0}
.templ_2colors>.mainwidth>.c_columns>.didblock>.textpadding { padding-top: 0; padding-bottom: 0; --textpadding-top:0; --textpadding-bottom:0;}
}
@media (max-width:960px){
	.templ_2colors {background-image: none;--cols:1;--gap:0}
	.templ_2colors>.mainwidth>.c_columns>.didblock[class*="bgcolor"] {margin: 0 calc(-1 * var(--padding-h)); width:100vw !important;}
	.templ_2colors>.textpadding{padding-bottom: 0; padding-top: 0}
	/*.templ_2colors:last-child>.textpadding{padding-bottom: 0; padding-top: 0}*/
}







@media (max-width: 1280px) {
.b1280-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b1280-c1 >*{--cols:1;}
.b1280-c2 >*{--cols:2;}
.b1280-c3 >*{--cols:3;}
.b1280-c4 >*{--cols:4;}
.b1280-c5 >*{--cols:5;}
.b1280-c6 >*{--cols:6;}
}
@media (max-width: 1024px) {
.b1024-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b1024-c1 >*{--cols:1;}
.b1024-c2 >*{--cols:2;}
.b1024-c3 >*{--cols:3;}
.b1024-c4 >*{--cols:4;}
.b1024-c5 >*{--cols:5;}
.b1024-c6 >*{--cols:6;}
}
@media (max-width: 960px) {
.b960-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b960-c1 >*{--cols:1;}
.b960-c2 >*{--cols:2;}
.b960-c3 >*{--cols:3;}
.b960-c4 >*{--cols:4;}
.b960-c5 >*{--cols:5;}
.b960-c6 >*{--cols:6;}
}
@media (max-width: 768px) {
.b768-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b768-c1 >*{--cols:1;}
.b768-c2 >*{--cols:2}
.b768-c3 >*{--cols:3;}
.b768-c4 >*{--cols:4;}
.b768-c5 >*{--cols:5;}
.b768-c6 >*{--cols:6;}
}
@media (max-width: 600px) {
.b600-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b600-c1 >*{--cols:1;}
.b600-c2 >*{--cols:2;}
.b600-c3 >*{--cols:3;}
.b600-c4 >*{--cols:4;}
.b600-c5 >*{--cols:5;}
.b600-c6 >*{--cols:6;}
}
@media (max-width: 480px) {
.b480-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b480-c1 >*{--cols:1;}
.b480-c2 >*{--cols:2;}
.b480-c3 >*{--cols:3;}
.b480-c4 >*{--cols:4;}
.b480-c5 >*{--cols:5;}
.b480-c6 >*{--cols:6;}
}
@media (max-width: 360px) {
.b360-c1 .textpadding {padding-top: var(--gap); padding-bottom: var(--gap);}
.b360-c1 >*{--cols:1; }
.b360-c2 >*{--cols:2; }
.b360-c3 >*{--cols:3;}
.b360-c4 >*{--cols:4;}
.b360-c5 >*{--cols:5;}
.b360-c6 >*{--cols:6;}
}

.c_columns{--colspan:1}
.c_columns>.cs1{--colspan:min(1,var(--cols))}
.c_columns>.cs2{--colspan:min(2,var(--cols))}
.c_columns>.cs3{--colspan:min(3,var(--cols))}
.c_columns>.cs4{--colspan:min(4,var(--cols))}
.c_columns>.cs5{--colspan:min(5,var(--cols))}
.c_columns>.cs6{--colspan:min(6,var(--cols))}

@media screen and (max-width:1024px){

	.c_columns>.b1024-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b1024-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b1024-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b1024-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b1024-cs5 {--colspan:min(5,var(--cols))}
}

@media screen and (max-width:960px){

	.c_columns>.b960-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b960-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b960-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b960-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b960-cs5 {--colspan:min(5,var(--cols))}
}

@media screen and (max-width:768px){
	.c_columns>.b768-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b768-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b768-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b768-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b768-cs5 {--colspan:min(5,var(--cols))}
}
@media screen and (max-width:600px){
	.c_columns>.b600-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b600-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b600-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b600-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b600-cs5 {--colspan:min(5,var(--cols))}
}
@media screen and (max-width:480px){
	.c_columns>.b480-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b480-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b480-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b480-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b480-cs5 {--colspan:min(5,var(--cols))}
}

@media screen and (max-width:360px){
	.c_columns>.b320-cs1 {--colspan:min(1,var(--cols))}
	.c_columns>.b320-cs2 {--colspan:min(2,var(--cols))}
	.c_columns>.b320-cs3 {--colspan:min(3,var(--cols))}
	.c_columns>.b320-cs4 {--colspan:min(4,var(--cols))}
	.c_columns>.b320-cs5 {--colspan:min(5,var(--cols))}
}

/*.content>:not(.fullwidth)>.mainwidth{max-width: calc(1280px - 60px); margin-left: auto; margin-right: auto;}*/

.c_columns{--colwidth:100%;}
.c_columns>.didblock{--basewidth: calc( (var(--colwidth) - ( var(--cols) - 1 ) * var(--gap) ) / var(--cols) );}
.c_columns>.didblock{--calcwidth: calc( (var(--basewidth) * var(--colspan)) + ( var(--colspan) - 1 ) * var(--gap) ); width:var(--calcwidth)}



.self-top>*>.c_columns>.didblock{ -ms-flex-item-align: start; align-self: flex-start; vertical-align: top;}
.self-bottom>*>.c_columns>.didblock{ -ms-flex-item-align: end; align-self: flex-end; vertical-align: bottom;}
.reverse>*>.c_columns {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.c-1st-ext > * > .c_columns>.didblock .fadeSet .galleryImg picture img.image-scale-max {width:100%;}
.c-2nd-ext > * > .c_columns>.didblock .fadeSet .galleryImg picture img.image-scale-max {width:100%;}

@media (max-width:1280px){
}
@media (min-width:1280px){
	.c-1st-ext > * > .c_columns,
	.c-2nd-ext > * > .c_columns{--colwidth:calc(1280px - 60px); --extwidth:calc( ( 100% - var(--colwidth) )/2 )}
  .c-1st-ext > * > .c_columns>.didblock:nth-child(2n+1){width:calc( var(--calcwidth) + var(--extwidth) )}
	.c-1st-ext > * > .c_columns>.didblock:nth-child(2n){width: var(--calcwidth) }
  .c-1st-ext:not(.reverse) > * > .c_columns>.didblock:nth-of-type(2n){  margin-right: var(--extwidth)}
	.c-1st-ext.reverse > * > .c_columns>.didblock:nth-of-type(2n){  margin-left: var(--extwidth)}
  .c-2nd-ext > * > .c_columns>.didblock:nth-child(2n){width:calc( var(--calcwidth) + var(--extwidth) )}
	.c-2nd-ext > * > .c_columns>.didblock:nth-child(2n+1){width: var(--calcwidth) }
  .c-2nd-ext:not(.reverse) > * > .c_columns>.didblock:nth-of-type(2n+1){  margin-left: var(--extwidth)}
	.c-2nd-ext.reverse > * > .c_columns>.didblock:nth-of-type(2n+1){  margin-right: var(--extwidth)}
}
@media (min-width:1920px){
		.c-1st-ext > * > .c_columns,
		.c-2nd-ext > * > .c_columns{--extwidth:calc( ( 1920px - var(--colwidth) )/2 )}
}
/*
@for $i from 2 through 6 {
		.c#{$i}>.c_columns>.didblock{width: #{(100/$i)}%; }
}
@for $g from 1 through 4 {
    @for $i from 2 through 6 {
        .c#{$i}.g#{$g*15}>.c_columns>.didblock{width: calc( #{(100/$i)}% - #{2*$g*15}px); }
    }
}
$sizes:1280,1024,960,768,600,480,360;
@each $bp in $sizes {
@media(max-width:#{$bp}px){
	.b#{$bp}-c1>.c_columns>.didblock{ width: 100% !important; }
 @for $i from 2 through 6 {
    .b#{$bp}-c#{$i}>.c_columns>.didblock{ width: #{(100%/$i)}; }
    @for $g from 1 through 4 {
        .b#{$bp}-c#{$i}.g#{$g*15}>.c_columns>.didblock{ width: calc( #{(100/$i)}% - #{2*$g*15}px); }
    }
 }
}
}
*/

.content>.blockquote-left, .content>.blockquote-right{--gap:15px}
.content>.blockquote-left>.mainwidth {
    --maxwidth: 100%;
    padding-left: calc( var(--gap) + var(--padding-h) + ((var(--maxwidth) - 2 * var(--padding-h)) - 2 * var(--gap) ) / 3 );
}
.content>.blockquote-right>.mainwidth {
    --maxwidth: 100%;
    padding-right: calc( var(--gap) + var(--padding-h) + ((var(--maxwidth) - 2 * var(--padding-h)) - 2 * var(--gap) ) / 3 );
}
@media (min-width:1280px){
  .content>.blockquote-left>.mainwidth { --maxwidth: 1280px;}
  .content>.blockquote-right>.mainwidth { --maxwidth: 1280px;}
  footer .group{max-width:1280px; margin-left: auto; margin-right: auto}
}
@media (max-width:768px){
  .content>.blockquote-left>.mainwidth {padding-left: var(--padding-h);}
  .content>.blockquote-right>.mainwidth {padding-right: var(--padding-h);}
}


/*________________________________________grid*/


.c_grid{
--gridwidth:calc(100vw - 2 * var(--padding-h) );
--framegap:0;
}
.content>.didblock>.c_grid{--gridwidth:calc(100vw - 2 * var(--main-padding-h) );}

.fullwidth>.c_grid{--gridwidth:calc(100vw - 2 * var(--main-padding-h) );}
.fullwidth.nopadding>.c_grid,.fullwidth.nopaddingy>.c_grid{--gridwidth:100vw;}
.menuleft .fullwidth>.c_grid{--gridwidth:calc(100vw - - var(--leftmenu-width));}
.extra>.c_grid{padding-top: var(--textpadding-extra); padding-bottom:var(--textpadding-extra);}
.c_columns{--inherit-cols:var(--cols)}
/*.c_columns .c_grid{--gridwidth:calc((100vw - 60px - (var(--inherit-cols) - 1) * var(--gap) ) / var(--inherit-cols));}*/

.c_columns .c_grid{--gridwidth:calc(var(--colspan) * (100vw - 2 * var(--padding-h) - (var(--inherit-cols) - 1) * var(--gap) ) / var(--inherit-cols));}
.nopadding>*>.c_columns .c_grid{--gridwidth:calc(var(--colspan) * (100vw - 0px - (var(--inherit-cols) - 1) * var(--gap) ) / var(--inherit-cols));}
.justify-height .c_grid { min-height: 100%;}

.frame>.c_grid{--framegap:2 /*calc outer space × gap*/}
.f-extradark .c_grid{background-color: var(--bgcolor-extradark)}
.f-dark .c_grid{background-color: var(--bgcolor-dark)}
.f-color-main .c_grid{background-color: var(--color-main)}
.f-color-sec .c_grid{background-color: var(--color-sec)}
.f-color-accent .c_grid{background-color: var(--color-accent)}
.f-color-main-light .c_grid{background-color: var(--bgcolor-main-light)}
.f-color-white .c_grid{background-color: var(--color-white)}
:not([class*="f-"])>.c_grid>.didblock:not([class*="bgcolor"]) {background-color: inherit;}

.frame .c_grid{padding: var(--gap)}

.c_grid{
	display: grid;
	-moz-column-gap:var(--gap);
	     -webkit-column-gap:var(--gap);
	        column-gap:var(--gap);
	row-gap:var(--gap);
	grid-column-gap:var(--gap);
	grid-row-gap:var(--gap);
	gap:var(--gap);
	justify-items: stretch;
	counter-reset: num;
	margin: auto;
	max-width: var(--gridwidth);
}
.c_grid>*{ position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.c_grid>*.top {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.c_grid>*.middle {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.c_grid>*.bottom {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
/* row span */
.c_grid>.rs2{grid-row:auto / span 2; --rows:2}
.c_grid>.rs3{grid-row:auto / span 3; --rows:3}
.c_grid>.rs4{grid-row:auto / span 4; --rows:4}
.c_grid>.rs5{grid-row:auto / span 5; --rows:5}
/*column span */
.c_grid>.cs2{grid-column:auto / span min(2,var(--cols))}
.c_grid>.cs3{grid-column:auto / span min(3,var(--cols))}
.c_grid>.cs4{grid-column:auto / span min(4,var(--cols))}
.c_grid>.cs5{grid-column:auto / span min(5,var(--cols))}
.c_grid>.cs6{grid-column:auto / span min(6,var(--cols))}

.c_grid .fullimage {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; overflow: hidden;}
.c_grid .fullimage .gallery, .c_grid .fullimage .galleryImg, .c_grid .fullimage .gallery .slideSet, .c_grid .fullimage .gallery .fadeSet, .c_grid .fullimage .gallery .slideSet picture, .c_grid .fullimage .gallery .fadeSet picture{width: 100%; height: 100%; position: relative;}
.c_grid .fullimage .gallery, .c_grid .fullimage .gallery .slideSet .slideCont, .c_grid .fullimage .gallery .fadeSet .fadeCont{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%;}
.c_grid .fullimage.fullimage .galleryImg img{height: 100%; width:100%; -o-object-fit: cover; object-fit: cover}
.c_grid .fullimage .galleryImg>a, .c_grid .fullimage .galleryImg picture {height: 100%}
.c_grid .galleryImg picture {display: block; overflow: hidden;}
.c_grid .halfheight {height: 50vh}

.with-text .fullimage .galleryImg {height: auto}
.with-text .fullimage .text {position: relative; width: auto;}
.with-text {grid-row:auto / span calc(var(--rows,1) + 1)}


.top>.c_grid>.didblock,.c_grid>.didblock.self-top{
	    -ms-flex-item-align: start;
	        align-self: flex-start;
}
.c_grid>.didblock.self-middle{
	    -ms-flex-item-align:center;
	        align-self:center;
}
.bottom>.c_grid>.didblock,.c_grid>.didblock.self-bottom{
	    -ms-flex-item-align: end;
	        align-self: flex-end;
}
.c_grid>.didblock:not([class*="bgcolor"]){background-color: var(--bgcolor-content)}

.c_grid>.didblock>.mainwidth {padding-left: 0;padding-right: 0; width: 100%}
.c_grid>.didblock>.textpadding {padding-top: 0; padding-bottom: 0;}

.frame>.c_grid>.didblock>.mainwidth, .c_grid>.didblock[class*="bgcolor"]>.mainwidth {padding-left: var(--padding-h);padding-right: var(--padding-h);}
.frame>.c_grid>.didblock>.textpadding, .c_grid>.didblock[class*="bgcolor"]>.textpadding {padding-top: var(--padding-v); padding-bottom: var(--padding-v);}
.c_grid .parallax .textpadding {padding-top: var(--padding-v); padding-bottom: var(--padding-v); /*min-height: 200px*/}

/*.c_grid>*::before{counter-increment: num;content: counters(num, ".", decimal-leading-zero);position: absolute;}*/

.c_grid{grid-template-columns: repeat(var(--cols),1fr);}
.quad>.c_grid{--check: calc( ( var(--gridwidth) - ( ( var(--cols) - 1 + var(--framegap) ) * var(--gap) ) ) / var(--cols) );}
.quad>.c_grid{grid-auto-rows: minmax( -webkit-min-content, calc( ( var(--gridwidth) - ( ( var(--cols) - 1 + var(--framegap) ) * var(--gap) ) ) / var(--cols) ) );grid-auto-rows: minmax( min-content, calc( ( var(--gridwidth) - ( ( var(--cols) - 1 + var(--framegap) ) * var(--gap) ) ) / var(--cols) ) );}
.quad>.c_grid>*>a{display: block; height: 100%}
.gp-c-1 {grid-column-start: min(1,var(--cols));}
.gp-c-2 {grid-column-start: min(2,var(--cols));}
.gp-c-3 {grid-column-start: min(3,var(--cols));}
.gp-c-4 {grid-column-start: min(4,var(--cols));}
.gp-c-5 {grid-column-start: min(5,var(--cols));}
.gp-c-6 {grid-column-start: min(6,var(--cols));}
.gp-r-1 {grid-row-start: 1;}
.gp-r-2 {grid-row-start: 2;}
.gp-r-3 {grid-row-start: 3;}
.gp-r-4 {grid-row-start: 4;}
.gp-r-5 {grid-row-start: 5;}
.gp-r-6 {grid-row-start: 6;}

@media (min-width:1920px){
	.quad>.c_grid{--gridwidth:1920px;}
	.menuleft .quad>.c_grid{--gridwidth:calc(1920px - var(--leftmenu-width));}
}
@media (min-width:1280px){
	:not(.fullwidth)>.c_grid{
		--gridwidth:calc(1280px - var(--padding-h));
		max-width: var(--gridwidth);
    margin-left: auto;
    margin-right: auto;
	}
	.content>.didblock:not(.fullwidth)>.c_grid{
			--gridwidth:calc(1280px - (2 * var(--main-padding-h)));
			max-width: var(--gridwidth);
	    margin-left: auto;
	    margin-right: auto;
	}
	.c2:not(.fullwidth)>*>.c_columns .c_grid{
		--gridwidth:calc((1280px - var(--main-padding-h) - (var(--inherit-cols) - 1) * var(--gap) ) / var(--inherit-cols));
	}
}
@media (min-width:700px){
	.narrow:not(.fullwidth)>.c_grid{
		--gridwidth:calc(700px - var(--main-padding-h));
		max-width: var(--gridwidth);
    margin-left: auto;
    margin-right: auto;
	}
}
@media screen and (max-width:1280px){
	.content>.frame{padding-left: 0; padding-right: 0}
}
@media screen and (max-width:960px){
	.b960-fh>.c_grid {grid-auto-rows: auto;}
	[class*=b960]>.c_grid>[class*=gp-r] {grid-row-start: auto;}
	/* Custom Col Span*/
	.c_grid>.b960-cs1 {grid-column:auto / span min(1,var(--cols))}
	.c_grid>.b960-cs2 {grid-column:auto / span min(2,var(--cols))}
	.c_grid>.b960-cs3 {grid-column:auto / span min(3,var(--cols))}
	.c_grid>.b960-cs4 {grid-column:auto / span min(4,var(--cols))}
	.c_grid>.b960-cs5 {grid-column:auto / span min(5,var(--cols))}
	.c_grid>.b960-cs6 {grid-column:auto / span min(6,var(--cols))}
	/* Custom Row Span */
	.c_grid>.b960-rs1 {grid-row:auto / span 1}
	.c_grid>.b960-rs2 {grid-row:auto / span 2}
	.c_grid>.b960-rs3 {grid-row:auto / span 3}
	.c_grid>.b960-rs4 {grid-row:auto / span 4}
	.c_grid>.b960-rs5 {grid-row:auto / span 5}
}

@media screen and (max-width:768px){
	.b768-fh>.c_grid {grid-auto-rows: auto;}
	[class*=b768]>.c_grid>[class*=gp-r] {grid-row-start: auto;}
	/* Custom Col Span*/
	.c_grid>.b768-cs1 {grid-column:auto / span min(1,var(--cols))}
	.c_grid>.b768-cs2 {grid-column:auto / span min(2,var(--cols))}
	.c_grid>.b768-cs3 {grid-column:auto / span min(3,var(--cols))}
	.c_grid>.b768-cs4 {grid-column:auto / span min(4,var(--cols))}
	.c_grid>.b768-cs5 {grid-column:auto / span min(5,var(--cols))}
	/* Custom Row Span */
	.c_grid>.b768-rs1 {grid-row:auto / span 1}
	.c_grid>.b768-rs2 {grid-row:auto / span 2}
	.c_grid>.b768-rs3 {grid-row:auto / span 3}
	.c_grid>.b768-rs4 {grid-row:auto / span 4}
	.c_grid>.b768-rs5 {grid-row:auto / span 5}
}
@media screen and (max-width:600px){
	.b600-fh>.c_grid {grid-auto-rows: auto;}
	[class*=b600]>.c_grid>[class*=gp-r] {grid-row-start: auto;}
	/* Custom Col Span*/
	.c_grid>.b600-cs1 {grid-column:auto / span min(1,var(--cols))}
	.c_grid>.b600-cs2 {grid-column:auto / span min(2,var(--cols))}
	.c_grid>.b600-cs3 {grid-column:auto / span min(3,var(--cols))}
	.c_grid>.b600-cs4 {grid-column:auto / span min(4,var(--cols))}
	.c_grid>.b600-cs5 {grid-column:auto / span min(5,var(--cols))}
	/* Custom Row Span */
	.c_grid>.b600-rs1 {grid-row:auto / span 1}
	.c_grid>.b600-rs2 {grid-row:auto / span 2}
	.c_grid>.b600-rs3 {grid-row:auto / span 3}
	.c_grid>.b600-rs4 {grid-row:auto / span 4}
	.c_grid>.b600-rs5 {grid-row:auto / span 5}
}
@media screen and (max-width:480px){
	.b480-fh>.c_grid {grid-auto-rows: auto;}
	[class*=b480]>.c_grid>[class*=gp-r] {grid-row-start: auto;}
	/* Custom Col Span*/
	.c_grid>.b480-cs1 {grid-column:auto / span min(1,var(--cols))}
	.c_grid>.b480-cs2 {grid-column:auto / span min(2,var(--cols))}
	.c_grid>.b480-cs3 {grid-column:auto / span min(3,var(--cols))}
	.c_grid>.b480-cs4 {grid-column:auto / span min(4,var(--cols))}
	.c_grid>.b480-cs5 {grid-column:auto / span min(5,var(--cols))}
	/* Custom Row Span */
	.c_grid>.b480-rs1 {grid-row:auto / span 1}
	.c_grid>.b480-rs2 {grid-row:auto / span 2}
	.c_grid>.b480-rs3 {grid-row:auto / span 3}
	.c_grid>.b480-rs4 {grid-row:auto / span 4}
	.c_grid>.b480-rs5 {grid-row:auto / span 5}
}

@media screen and (max-width:360px){
	.b360-fh>.c_grid {grid-auto-rows: auto;}
	[class*=b360]>.c_grid>[class*=gp-r] {grid-row-start: auto;}
	/* Custom Col Span*/
	.c_grid>.b320-cs1 {grid-column:auto / span min(1,var(--cols))}
	.c_grid>.b320-cs2 {grid-column:auto / span min(2,var(--cols))}
	.c_grid>.b320-cs3 {grid-column:auto / span min(3,var(--cols))}
	.c_grid>.b320-cs4 {grid-column:auto / span min(4,var(--cols))}
	.c_grid>.b320-cs5 {grid-column:auto / span min(5,var(--cols))}
	/* Custom Row Span */
	.c_grid>.b320-rs1 {grid-row:auto / span 1}
	.c_grid>.b320-rs2 {grid-row:auto / span 2}
	.c_grid>.b320-rs3 {grid-row:auto / span 3}
	.c_grid>.b320-rs4 {grid-row:auto / span 4}
	.c_grid>.b320-rs5 {grid-row:auto / span 5}
}


/*lightbox*/
#_lb_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 20001;
		overflow: hidden;
		min-height: 100vh;
    min-width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
             -webkit-box-align: center;
                 -ms-flex-align: center;
                     align-items: center;
             -webkit-box-pack: center;
                 -ms-flex-pack: center;
                     justify-content: center;
}
#_lb_container>*{z-index: 1;}
#_lb_container .closeButton .icon.bg, #_lb_container .button_l .icon.bg,#_lb_container .button_r .icon.bg{
    width: 45px;
    height: 45px;
    background-color: var(--color-white);
    color: var(--color-main);
}
#_lb_container .closeButton:hover .icon.bg, #_lb_container .button_l:hover .icon.bg,#_lb_container .button_r:hover .icon.bg{
    background-color: var(--color-sec);
    color: var(--color-white);
}
#_lb_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.9);
	backdrop-filter: blur(5px);
	z-index: 0
}
#_lb_inner,section._lb_image_container {
    min-width: 100vw;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
}
#_lb_inner{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease
}
#_lb_image{
		display: block;
    max-height: 90vh;
    min-width: auto;
    max-width: calc(100vw - 120px);
    width: auto;
    height: auto;
}
#_lb_container video{
    max-height: 90vh;
    min-width: auto;
    max-width: 90vw;
    width: auto;
    height: auto;
}
#_lb_container #yt-video {
    width: 75vw;
    height: 42.1875vw;
}
#_lb_inner.withmenu figcaption{display: none}
._lb_menu {margin-bottom: 30px; max-width: calc(100vw - 120px);}
._lb_button{display:inline-block; margin: 0 2em 0.5em 0; color:#FFF; opacity: 0.5; -webkit-transition: opacity 0.5 ease; -o-transition: opacity 0.5 ease; transition: opacity 0.5 ease}
._lb_button:hover, ._lb_button.act {opacity: 1; color: #FFF}
a._lb_button{cursor: pointer;}
#menu {
	position:relative;
	display:block;
	padding:0;
	margin:0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#menuHead { display:none; }


/*_____________________________________________________________________________________menu______*/

ul#nav a {
	display:block;
	font-size:1rem;
	line-height:1.1em;
	color: var(--textcolor);
	font-weight:normal;
	font-style:normal;
	margin:0;
}

ul#nav a:hover, ul#nav a.act {color:var(--linkcolor);}

ul#nav a.button_box{background-color: var(--bgcolor-dark); color: var(--color-light);padding: 10px 20px}
ul#nav a.button_box:hover{background-color: var(--color-main); color: var(--color-light);padding: 10px 20px}

ul#nav{margin-right: -25px}
ul#nav li{list-style: none;}
ul.dropdown li:before { position:absolute; content: ""; display:none;}
ul.dropdown a {padding: 10px 25px;}
ul.dropdown ul a {padding: 7px 25px;}
ul.dropdown li.i a {padding: 0;}
ul.dropdown {
	position: relative;
	width:100%;
	text-align:right;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dropdown li {
	display:inline-block;
	vertical-align: middle;
	min-height: 1px;
	margin: 0;
	padding: 0;
}
/*ul.dropdown>li:last-child,ul.dropdown>li:last-child a{padding-right: 0;}*/
ul.dropdown ul {
	position: absolute;
	text-align: left;

	max-height:0;
	min-width: 150px;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	top: 100%;
	left: 0;
	z-index:155;
	background:var(--bgcolor-head);
	padding:0;
	margin:0;
}
ul.dropdown ul a {
	display:block;
	border:none;
	/*white-space:nowrap;*/
	text-transform:none;
}
ul.dropdown ul li { display:block; padding:0; }
ul.dropdown>li>ul {margin-top: 10px;}
ul.dropdown ul ul {top: -10px;left: 99%; min-width: 220px}
ul.dropdown li:hover > ul {
	padding:15px 0;
	max-height:1000px;
	overflow:visible;
	box-shadow:	0 15px 15px -10px rgba(0,0,0,0.25)
}
/*______________________________________________________________leftnav*/


ul.tree{margin: 10px 0;}
ul.tree li {display: block; margin: 0; padding: 0; text-align: left; position: relative;}
ul.tree li a {display: block; margin: 0; padding: 10px 0; text-align: left;}
ul.tree ul {
	position: relative;
	margin: 0;
	max-height:1px;
	padding-top:1px;
	-webkit-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	-moz-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	-ms-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	-o-transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	transition: max-height 0.5s ease-in-out 0.5s, visibility 0s ease 0.5s, opacity 0.5s ease 0.5s, margin 0.5s ease 0.5s;
	overflow:hidden;
}
ul.tree li:hover > ul, ul.tree li.act > ul {
	max-height:1000px;
	margin: 0;
}
ul.tree ul li{padding-left: 20px;}
ul.tree li:before { position:absolute; content: ""; display:none;}
ul.tree ul li:before { position:absolute; content: "‣"; display: block; left: 0; top:8px;}

/*______________________________________________________________footernav*/
ul#footernav a {
	display:block;
	font-size:1em;
	line-height: 1.5em;
	color: var(--linkcolor);
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0 12px 0 0;
}
ul#footernav a:hover, ul#footernav a.act {color:var(--linkcolor-hover);}

ul#footernav {
	position: relative;
	width:100%;
	text-align:left;
	list-style: none;
	margin: 0;
	padding: 15px 0 30px 0;
}

ul#footernav li {
	display:inline-block;
	min-height: 1px;
	list-style: none;
	margin: 0;
	padding: 0 10px 10px 0;
}

ul#footernav li:hover {
	position: relative;
	z-index:auto;
	cursor: default;
}

ul#footernav li:before { position:absolute; content: ""; display:none;}
ul#footernav ul {
	position: absolute;
	visibility: hidden;
	bottom: 100%;
	left: -15px;
	z-index:155;
	background:var(--color-main);
	padding:10px 0;
	margin:0 0 0 0;
}
ul#footernav ul a {
	display:block;
	border:none;
	white-space:nowrap;
}
ul#footernav ul li { display:block; float: none; padding:2px 0; }
ul#footernav ul li a{
	margin:0;
	padding:2px 15px;
	color:var(--color-light);
}
ul#footernav ul li a:hover, ul#footernav ul li a.act{color:var(--color-dark);}

ul#footernav ul ul {
	bottom: -10px;
	left: 99%;
	min-width:150px;
}

ul#footernav li:hover > ul {
	visibility: visible;
}

/*______________________________________________________________nav in rows*/
ul.rows{text-align:center; padding: 0; margin: 0;}
ul.rows ul{
	position: absolute;
	max-height:0;
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul.rows:hover li ul, ul.rows:hover li.act ul {max-height:0; overflow:hidden; padding:0;}
ul.rows li{display:inline-block; position:static; padding:1px 0; margin:0 5px; float:none;}
ul.rows li.act > ul, ul.rows:hover li:hover > ul{max-height:1000px;overflow:visible; background-color: rgba(255,255,255,0.8);}
ul.rows li a{display:inline-block; padding:10px 10px;}
ul.rows ul {/*margin-left: -5px;*/ position:absolute; left:0; width: 100%;}
@media (min-width: 769px){
#head.top ul.rows ul {
    max-height: 0;
    overflow: hidden;
    padding: 0;
}
#head.top ul.rows li:hover ul {
    max-height: 1000px;
    overflow: visible;
    padding: 20px 0;
    background-color: rgba(255,255,255,0.8);
}
}

/*_____________________________________________ToggleMenu*/
@media (max-width:960px){
	#Navigation {max-height: 0; overflow: hidden;
	/*-webkit-transition: all 0.8s cubic-bezier(0,1,0,1);
	-moz-transition: all 0.8s cubic-bezier(0,1,0,1);
	-ms-transition: all 0.8s cubic-bezier(0,1,0,1);
	-o-transition: all 0.8s cubic-bezier(0,1,0,1);
	transition: all 0.8s cubic-bezier(0,1,0,1);*/
	-webkit-transition: all 0.8s ease;	-o-transition: all 0.8s ease;	transition: all 0.8s ease;
	}
	.HoJS:hover #Navigation, #Navigation.act {
	max-height: 1500px; /*overflow: visible;*/
	/*-webkit-transition: all 0.8s cubic-bezier(1,0,1,0);
	-moz-transition: all 0.8s cubic-bezier(1,0,1,0);
	-ms-transition: all 0.8s cubic-bezier(1,0,1,0);
	-o-transition: all 0.8s cubic-bezier(1,0,1,0);
	transition: all 0.8s cubic-bezier(1,0,1,0);*/
	-webkit-transition: all 0.8s ease;	-o-transition: all 0.8s ease;	transition: all 0.8s ease;
	}


	nav#menu{text-align: right;}
	#menuHead {
		background-color: transparent;
		position:relative;
		display:inline-block;
		cursor:pointer;
		height:40px;
		width: 40px;
		color:var(--color-main);
		/*font-size: 0;
		text-indent: -9999px;*/
	}
	/*#menuHead:after{ content: attr(data-open-btn-text); position: absolute; left: 50px; top:10px; text-align: left; white-space: nowrap; font-size:24px;}
	#menuHead.act:after{ content: attr(data-close-btn-text);}*/
	#menuHead span, #menuHead span:before, #menuHead span:after{
		content:' '; display:block; width:30px; height:4px; background-color:currentColor; position:absolute;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-transform-origin:center;
		transform-origin:center;}
	#menuHead span{top:19px; right:0;}
	#menuHead span:before{top:-10px; right:0; }
	#menuHead span:after{bottom:-10px; right:0;}
	#menuHead:hover span:before{top:-12px;}
	#menuHead:hover span:after{bottom:-12px;}
	#menuHead.act span{ height:0;}
	#menuHead.act span:before {-webkit-transform:rotate(45deg); transform:rotate(45deg); top:0;}
	#menuHead.act span:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg); bottom:-4px;}
	#Navigation { width:100%; height:auto;}
	ul#nav {
		position:relative;
		float:none;
		width:auto;
		height:auto;
		text-align: left;
		padding:45px 0 15px 0;
	}
	ul.dropdown li:hover > ul{
		box-shadow: none
	}
	ul.dropdown ul a {
		white-space: normal;
	}
	ul.dropdown ul, ul.dropdown ul ul {
    min-width:0;
	}
	ul#nav li{display:block; border-top:1px solid #CCC; padding:0;}
	ul#nav>li:first-child, ul#nav>li.break, ul#nav>li.i {border:none;}
	ul#nav>li.i{display: inline-block; margin: 0 0 0 20px}
	ul#nav a {
		font-weight:normal;
		padding:10px 20px;
		text-align:left;
		border-bottom:none;
	}
	ul#nav li.act > a, ul#nav li:hover > a{border-bottom:none;}

	ul#nav a {padding:10px 0 10px 0;}
	ul#nav ul a{ padding:10px 0 10px 20px; }
	ul#nav ul ul a{padding:10px 0 10px 40px;}
	ul#nav ul ul a{padding:10px 0 10px 40px;}

	ul#nav, ul#nav li, ul#nav ul li{position: relative; float: none;}
	ul#nav li:hover > ul, ul#nav li.act > ul {display:block; max-height:1000px; overflow: visible; padding:0;}
	ul#nav ul li:hover > ul, ul#nav ul li.act > ul {display:block; max-height:1000px; overflow: visible; padding:0;}
	ul#nav ul ul li:hover > ul, ul#nav ul ul li.act > ul  {display:block; max-height:1000px; overflow: visible; padding:0;}

	ul#nav ul{
		display:none;
		visibility: visible;
		position: relative;
		width:100%;
		background:none;
		padding:0;
		left:0;
	}
	ul#nav ul ul {
		top: auto;
		left: auto;
		min-width:0;
	}
	ul.rows ul {display:none;}
	ul.rows li.act ul, ul.rows:hover li:hover > ul, ul.rows li.act > ul{ display:block; padding:0; max-height:1000px; overflow:inherit;}
	ul.rows:hover li ul, ul.rows:hover li.act ul {max-height:inherit; overflow:inherit; padding:0;}
	ul.rows li{display:block; position:relative; padding:0;}
	/*ul.rows li a{display:inline-block; padding:10px 10px;}*/
	/*ul.rows ul li a{display:block; padding:10px 10px 10px 30px;}*/
	ul.rows ul {position:relative; right:auto;}

}

@media (max-width:480px){
	.filtermenu.rows ul li {display: block;}
}
#topheader p{margin:0; white-space: nowrap;}
#logo {top:1em; max-width: 250px}
#head.top #logo {top:-200px}
.menuhead #topheader.pagewidth, .menuleft #topheader.pagewidth {background-color: var(--bgcolor-dark);}
#topheader .buttonSearchIcon:not(:hover) { color:var(--linkcolor);}
#topnavL {
    font-family: 'Barlow Condensed',Calibri,Verdana,Geneva,Arial,sans-serif;
    color: var(--linkcolor);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height: 1em;
}

.slideSet .galleryText.notcentered.B, .fadeSet .galleryText.notcentered.B { bottom:30px; }
.galleryImg.polaroids .galleryText.notcentered.B { bottom:5px; }
.galleryImg.polaroids .galleryText.notcentered.L {left: 0;}
.shadowbox:not(.galleryImg),.shadowbox.galleryImg .galleryText>div{margin: 0; padding:1em; display: inline-block;background:#FFF;box-shadow: 0 0 20px rgba(0,0,0,0.5);}

.bgcolor-dark .shadowbox.galleryImg .galleryText>div{background:var(--bgcolor-extradark);}

@media (max-width:480px){
.shadowbox.transparent:not(.galleryImg), .shadowbox.transparent.galleryImg .galleryText>div {
    margin: 15px 0;
    padding: 0;
    display: block;
    box-shadow: none;
    background-color: transparent;
}
.bgcolor-dark .shadowbox.galleryImg .galleryText>div{background:var(--bgcolor-dark);}

}

.polaroids.shadowbox.galleryImg .galleryText>div h2.h1{color:#fff }


.thumbGallery.team{margin: -15px}
.thumbGallery .teamitem {display: inline-block; vertical-align: top; }

.teamobject .galleryText {background-color: var(--maincolor50);}
.teamobject .galleryText *:not(.icon):not(use):not([class*="color"]) {color:#FFF;}
.subtitle {font-size: 0.9em;line-height: 1.3em}

.slideSet .boxtext .galleryText.notcentered.B, .fadeSet .boxtext .galleryText.notcentered.B { bottom: -22px; left: -30px;}
.boxtext:not(.galleryImg),.boxtext.galleryImg .galleryText>div{margin: 0;display: inline-block; background:#FFF; padding:15px 30px; }
.bgcolor01 .boxtext:not(.galleryImg),.boxtext.galleryImg .galleryText>div{ background:rgb(55,55,55); }
@media (max-width:480px){
.boxtext:not(.galleryImg),.boxtext.galleryImg .galleryText>div{margin:15px 0; padding: 0; display: block;}
}


ul#nav a {color: var(--seccolor); font-family: 'Barlow Condensed', Calibri, Verdana, Geneva, Arial, sans-serif; font-size: 1.2em; }
ul#nav > li > a {font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase;}

ul#nav>li:last-child>a {
    color: #FFF;
    background-color: var(--color-main);
}
ul#nav>li:last-child>a:hover {
    color: var(--color-main);
    background-color: #ccc;
}
ul.dropdown ul a { white-space: nowrap;}


.fadeSet .polaroids{
    text-align: right;
    /*background-color: #9c9c9c;*/
    /*padding: 15px;*/
}
/*.fadeSet .polaroids .galleryText>div {
    text-align: left;
    padding: 0;
}*/
.polaroid{
    display: inline-block;
    width: calc(100% / var(--columns,6));
    margin: 0;
    padding: 1.25% 1.2% 3.5% 1.2%;
    background: url(_pix/polaroid.png) center no-repeat;
    background-size: contain;
    margin-bottom: -7px;
}
.polaroid.cols2 {
    width: calc(100% / 2);
    padding: 5% 5% 11% 5%;
}
#team .galleryThumb img{max-width: 100%; height: auto}
#team .galleryThumb{width:50%;}
@media (min-width: 960px){
    #team .galleryThumb{max-width:230px;}
}

@media (max-width: 1130px){
    ul#nav>li{padding:0;} ul#nav>li>a{padding:10px 13px;}
}
@media (max-width: 768px){
    .scrolldown{display:none !important}
}
@media (max-width: 480px){
    #team .galleryThumb{width:100%;}
    .fadeSet.withtext .galleryText.notcentered {background:none;}
    .polaroid{--mcolumns:calc(var(--columns,6) - 2);width: calc(100% / var(--mcolumns,4)); padding:1.25% 2% 5% 2%;}
    .polaroids .galleryText.notcentered{text-align: left;}
}
@media (max-width: 1024px){.break1024 .colcontent, .break1024.colcontent{display: block;}
.break1024 .colcontent>.col2, .break1024.colcontent>.col2{width: 100%; display: block; margin-bottom: 15px;}
.break1024 .colcontent>.col3, .break1024.colcontent>.col3{width: 100%; display: block; margin-bottom: 15px;}

.menuleft #head {width: var(--leftmenu-width);}
.menuleft main {width: calc(100% - var(--leftmenu-width));}
}@media (max-width: 960px){.break960 .colcontent, .break960.colcontent{display: block;}
.break960 .colcontent>.col2, .break960.colcontent>.col2{width: 100%; display: block; margin-bottom: 15px;}
.break960 .colcontent>.col3, .break960.colcontent>.col3{width: 100%; display: block; margin-bottom: 15px;}
.break960 .colcontent.p30 .col2, .break960 .colcontent.p30 .col3, .break960 .colcontent.p30 .col4 {padding:15px 30px;}
.colcontent>.col4{width: 50%; margin-bottom: 15px;}

.menuleft main {float:none; width:auto;}
.menuleft #head{position:fixed;height:auto; width: 100%; padding:0; background-color: var(--bgcolor-head); min-height: 0}
.menuleft #head #logo{position: absolute; left: 30px; top:30px; margin: 0; z-index: 5;}
.menuleft #head .headpadding {padding: 90px 0 20px 0; text-align: right;}
.menuleft #head .mainwidth {padding-left: var(--padding-h); padding-right: var(--padding-h);}
.menuleft #head.top #logo{top:15px; width: auto;}
.menuleft #head.top .headpadding {padding: 5px 0 0 0;}
.menuleft .content{padding-top: 210px;}

.menuhead #head.top #langmenu{display:none;}

.energysaverhint{top: 30vh;}


#head.layeredPage{position:absolute !important;}

ul#nav .search{display: block; margin:30px 15px; text-align: right}
ul#nav .search .inputSearch { /*right: auto; left: 40px;*/ width: calc(100% - 40px); padding: 0 15px; border: 1px solid var(--color-sec); }
ul#nav .search:hover .inputSearch { width: calc(100% - 40px);}
}@media (max-width: 768px){.break768 .colcontent, .break768.colcontent{display: block;}
.break768 .colcontent>.col2, .break768.colcontent>.col2{width: 100%; display: block; }
.break768 .colcontent>.col3, .break768.colcontent>.col3{width: 100%; display: block; }
.break768 .colcontent>.col4, .break768.colcontent>.col4{width: 100%; display: block; }
.break768 .tcols2 .textpadding, .break768.tcols2 .textpadding{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.break768 .colcontent.p30 .col2, .break768 .colcontent.p30 .col3, .break768 .colcontent.p30 .col4 {padding:15px 30px;}
.break768.colcontent.p30 .col2, .break768.colcontent.p30 .col3, .break768.colcontent.p30 .col4 {padding:15px 30px;}


/*
.menuleft main {float:none; width:auto;}
.menuleft #head{position:fixed;height:auto; width: 100%; padding:0; background-color: var(--color-light);}
.menuleft #head #logo{position: absolute; left: 15px; top:15px; margin-bottom: 0; z-index: 5;}
.menuleft #head .headpadding {padding: 70px 0 30px 0; }
*/
#head.layeredPage{position:absolute !important;}
#head.top .headpadding{padding:20px 0 10px 0;}
#head.top #langmenu{display:none;}


/*#footer .address br {display: none;}*/
#headerImages .fadeSet .galleryImg {vertical-align: top;}

.filtermenu.rows ul li {display: inline-block;}
.boxsliderGallery{max-width: calc(100vw - 60px);}
.parallax .bgimg {
    height: 100% !important;
    top: 0 !important;
}
.teaserblock {
	width:50%;
}
.boxsliderBox {
	width:50%;
}
.sp1 {
	float:none;
	width:100%;
}

.sp2 {
	float:none;
	width:100%;
}
.sp3_1 {
	float:none;
	width:auto;
	margin:0;
	padding:10px 0;
}
.sp3_2 {
	float:none;
	width:auto;
	margin:0;
	padding:10px 0;
}
.sp3_3 {
	clear:both;
	float:none;
	width:auto;
	padding:10px 0;
}

.sp3_1s{
	float:left;
	width:30%;
}
.sp3_23{
	float:right;
	width:65%;
}

#footer .sp3_1s{float:none; width:auto; padding:20px 0 0 0;}
#footer .sp3_23{float:none; width:auto; padding:10px 0 10px 0;}

.objectlistitem>.pagewidth>section {
    position: relative;
    top: auto;
    width: auto;
	padding: 75px 0 90px 0;
	min-height: 0;
    margin-bottom: 0;
}
.objectlistitem>.pagewidth>div {
    width: auto;
    margin-left: 0;
}


.viewport-max-height-100 .scrolldown{display: none}
}@media (max-width: 600px){.break600 .colcontent{display: block;}
.break600 .colcontent>.col2, .break600.colcontent>.col2{width: 100%; display: block; margin-bottom: 15px; }
.break600 .colcontent>.col3, .break600.colcontent>.col3{width: 100%; display: block; margin-bottom: 15px; }

.buttonLangIcon{
	display:inline-block;
}
#langbuttons{
	position:absolute;
	right:35px;
	top:0;
	max-width:0;
	overflow:hidden;
	background-color:#252627;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#langmenu:hover #langbuttons{
	max-width:500px;
	padding-left:15px;
}
.wHS {
	width:100%;
}
img.scalableImg50 {
	width:100%;
}


.sp3_1s{
	float:none;
	width:auto;
	margin:10px 0;
	padding:0;
}
.sp3_23{
	float:none;
	width:auto;
	margin:10px 0;
	padding:0;
}
.cols2 {
    column-count: 1;
    column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
}
}@media (max-width: 480px){.break480 .colcontent{display: block;}
.break480 .colcontent>.col2, .break480.colcontent>.col2{width: 100%; display: block; margin-bottom: 15px; }
.break480 .colcontent>.col3, .break480.colcontent>.col3{width: 100%; display: block; margin-bottom: 15px; }
.break480 .colcontent>.col4, .break480.colcontent>.col4{width: 100%; display: block; margin-bottom: 15px; }
.break480 .colcontent.p30 .col2, .break480 .colcontent.p30 .col3, .break480 .colcontent.p30 .col4 {padding:15px 30px;}

.teaserblock {width:100%;}
.boxsliderBox {width:100%;}

.menuhead #topheader ul ul {position: fixed;}

.xxl {
    font-size:2.5rem;
    line-height: 0.9em;
}
.xl {
    font-size:2rem;
    line-height: 0.9em;
}
.l {
    font-size:1.5rem;
    line-height: 1.5em;
}
.m {
    font-size:1.1rem;
    line-height: 1.5em;
}
.galleryImg.bgcolor-main .galleryText {background-color: var(--bgcolor-main);}
.galleryImg.bgcolor-dark .galleryText {background-color: var(--bgcolor-dark);}

.galleryImg.cyan .galleryText>div{background:none;}
.galleryImg.cyan .galleryText{background-color:rgba(28,155,216,0.8);}
.galleryImg.gold .galleryText>div{background:none;}
.galleryImg.gold .galleryText{background-color:rgba(133,117,78,0.8);}
.galleryImg.blau .galleryText>div{background:none;}
.galleryImg.blau .galleryText{background-color:rgba(28,48,70,0.8);}
.galleryImg.schwarz .galleryText>div{background:none;}
.galleryImg.schwarz .galleryText{background-color:rgba(0,0,0,0.8);}
.galleryImg.weiss .galleryText>div{background:none;}
.galleryImg.weiss .galleryText{background-color:rgba(255,255,255,0.8);}

.slideSet .galleryText.notcentered, .fadeSet .galleryText.notcentered,
.slideSet .galleryText, .fadeSet .galleryText {
  position: relative;
  left: 0 !important;
  bottom: auto !important;
  top: auto !important;
  width: 100%;
  /*min-height: 100%;*/
  -webkit-transform: translate(0,0) !important;  -ms-transform: translate(0,0) !important;  transform: translate(0,0) !important;
  background: var(--bgcolor-dark);
}

.scrollnext {
    max-height: none;
}

/*
.scale, .zoom .bgimg, .zoom img {
    -webkit-animation: none;
    animation: none;
}
*/

.objmenu {
	width: 100%;
	margin-left: 0
}
.objectlistitem .fullheight, .objectlistitem .fullheight{min-height: 0;}
}@media (max-width: 360px){.break360 .colcontent{display: block;}
.break360 .colcontent>.col2, .break360.colcontent>.col2{width: 100%; display: block; margin-bottom: 15px; }
.break360 .colcontent>.col3, .break360.colcontent>.col3{width: 100%; display: block; margin-bottom: 15px; }
.break360 .colcontent.p30 .col2, .break360 .colcontent.p30 .col3, .break360 .colcontent.p30 .col4 {padding:15px 30px;}



.slideSet.withtext, .fadeSet.withtext { /*	padding-bottom:50%; /* 66.666% 480:320 ratio*/}
.topimages .slideSet.withtext, .topimages .fadeSet.withtext {padding-bottom:0; /* 1:1 ratio*/}
#headerImages .fadeSet .galleryImg {vertical-align: top;}

.topimages #headerImages {height: 100vh;}
.topimages #headerImages .fadeSet{ height:100%;}
.topimages #headerImages .fadeSet .galleryImg { width: 100%; height: 50%;}
.topimages #headerImages .fadeSet .galleryImg img{ width: 100%; height: 100%; object-fit: cover;}

#logo a {font-size: 32px;}

span.label{display:block; width:auto;}
}#scene {
	position: relative;
	overflow: hidden;
}
#scene *{-webkit-user-select: none; -webkit-touch-callout: none;}
.subscene {
	position: relative;
	max-height: 2000px;
	overflow: hidden;

	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.subscene.off {
	max-height: 0;
	min-height: 0 !important;
}
#scene .item{
	position: absolute;
	z-index: auto;
}
#scene .item img {width:100%; height: auto;}

/*.paper{background:url(_pix/bg_paper_structure.jpg); padding: 15px; box-shadow: 0 5px 30px rgba(0,0,0,0.5);}*/
.paper{background:#FFF; padding: 15px; box-shadow: 0 5px 30px rgba(0,0,0,0.5);}
.galleryImg .paper{margin: 30px 40px; padding-left: 30px; padding-right: 30px;}
#scene_item1{top:30%; left:10%; text-align: center;}
#scene_item2{top:40%; right:15%; text-align: center; width: calc(100% * 240 / 1920 ); height: auto;}

#scene_schablone{top: 10%; right: -20%;}
@media (max-width: 1280px) {
	#scene_item1{left:5%;}
	#scene_schablone{top: 5%; right: -25%;}
}

@media (max-width: 1024px) {
	#scene_item1{left:2%;}
	#scene_schablone{top: 10%; right: -35%;}
}
@media (max-width: 768px), (max-width: 1024px) and (orientation: portrait) {
	/*#scene_item1{bottom:15%; width: calc(100% * 559 / 768 );}*/
}
@media (max-width: 960px) {
	#scene_item1{top:auto; left:5%; bottom:10%;}
	#scene_schablone{top: 5%; right: -35%;}
}
@media (max-width: 768px) {
}
@media (max-width: 600px) {
	/*#scene_item2 {right: auto; top:auto; bottom:20%; width: 20%;left: 10%;}*/
	#scene_schablone{top:auto; bottom:5%; right: -25%;}
}
@media (max-width: 420px) {
	#scene_schablone{bottom:5%; right: -45%;}
}

@media (max-width: 360px) {
	#scene_schablone{bottom:0; right: -55%;}
}



#device_orientation{display:none; position: fixed; top:0;left: 0; text-align: center; justify-content: center; align-items: center; align-content: center; background-color: rgba(255,255,255,0.9); width: 100%; height: 100%; z-index: 10000;}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
	#device_orientation{display: flex;}
	#device_orientation img{animation: spin 3s linear reverse;-webkit-animation: spin 3s linear reverse;}
}.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:16px;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:0}.cc-bottom{bottom:0}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}