@import "../fonts/urbano/urbano.css";
@import "../fonts/sgn-icons/style.css";
@import "../fonts/fontawesome/css/all.min.css";
@import "pikaday-package-sgn.css"; /* formbuilder */
@import "search.css"; /* formbuilder */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/*  fgd  version!!! > unminfied in assets*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:40px;height:3px;background-color:#000;border-radius:0;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx .hamburger-inner::before,.hamburger--3dx .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r .hamburger-inner::before,.hamburger--3dx-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy .hamburger-inner::before,.hamburger--3dy .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy-r .hamburger-inner::before,.hamburger--3dy-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy .hamburger-inner::before,.hamburger--3dxy .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy-r .hamburger-inner::before,.hamburger--3dxy-r .hamburger-inner::after{transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0, -10px, 0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowalt .hamburger-inner::before{transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);transition:top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);transition:bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::before,.hamburger--boring .hamburger-inner::after{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear}.hamburger--collapse .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0, -10px, 0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0.13s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0, -10px, 0) rotate(45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 0.125s 0.275s ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(135deg);transition-delay:0.075s}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(-270deg);transition-delay:0.075s}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:0.275s;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 0.125s 0.275s ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(-135deg);transition-delay:0.075s}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(270deg);transition-delay:0.075s}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 0.125s 0.175s ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px, 80px, 0) rotate(45deg);transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px, 80px, 0) rotate(-45deg);transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 0.125s 0.175s ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px, -80px, 0) rotate(-45deg);transition:left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px, -80px, 0) rotate(45deg);transition:right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}.hamburger--minus .hamburger-inner::before,.hamburger--minus .hamburger-inner::after{transition:bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::before,.hamburger--minus.is-active .hamburger-inner::after{opacity:0;transition:bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px, -6px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0, 10px, 0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px, -6px, 0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0, -20px, 0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin-r .hamburger-inner{transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin-r .hamburger-inner::before{transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s 0.13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:0.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 10px, 0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 10px, 0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:0.13s;transition-delay:0s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0, -10px, 0) rotate(-45deg);transition-delay:0.22s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand .hamburger-inner{transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear}.hamburger--stand .hamburger-inner::before{transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent;transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand-r .hamburger-inner{transition:transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear}.hamburger--stand-r .hamburger-inner::before{transition:top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent;transition:transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze .hamburger-inner{transition-duration:0.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 0.075s 0.12s ease, opacity 0.075s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.075s ease, opacity 0.075s 0.12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--vortex .hamburger-inner{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex .hamburger-inner::before,.hamburger--vortex .hamburger-inner::after{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top, opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom, transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex.is-active .hamburger-inner::before,.hamburger--vortex.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:0.2s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex-r .hamburger-inner::before,.hamburger--vortex-r .hamburger-inner::after{transition-duration:0s;transition-delay:0.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top, opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom, transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.hamburger--vortex-r.is-active .hamburger-inner::before,.hamburger--vortex-r.is-active .hamburger-inner::after{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    
    	-webkit-font-smoothing: antialiased;
	 	-moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
-webkit-border-radius: 0;
        border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
        box-shadow: none;
}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* button total clear in all status */
button,
button:active,
button:focus {	
   -webkit-appearance: none;
	-webkit-font-smoothing: inherit;
   -moz-osx-font-smoothing: inherit;
	border-color:transparent;
	background-color: transparent;
   border: none;
	border-width: 0;
   padding: 0;
   outline: none;
   outline-style:none;
	-webkit-box-shadow:none;
	        box-shadow:none;
	outline-offset: 0;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	color: inherit;        
}









.mj-w-res-iframe .responsive {
	border: 15px solid red;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* colors --------------------
SGN Blau: rgb(0,99,180);
SGN Grün: rgb(164,170,0);
SGN Grau: rgb(154,154,154);

Linie (fast schwarz): rgb(170, 170, 170);
Linie (ganz hell):	rgb(230,230,230);
*/


/* z-index space --------------------
main content -1 - 5000
main content slider 3000 - 3500
header navigation: 5000 - 6000
sticky buttons: 8000 - 10000
footer -1 - 5000
*/


/*  --------------------------------------------------------------------------- */
section p {
 -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
      hyphens: auto;
  }


section .ohne-trennung {
	-webkit-hyphens: none!important;
  -ms-hyphens: none!important;
  -moz-hyphens: none!important;
	     hyphens: none!important;
}

html, body {
	font-size: 15px;
	line-height: 20px;
	font-family:'Urbano', Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: inherit;
}

main {
	min-height: 100vh;
	width: 100%;
	height: auto;
	float: left;
	top: 0;
}

main figure img {
	width: 100%;
	height: auto;
}

[type="radio"],
[type="checkbox"],
[type="submit"],
[type="button"],
[type="search"] {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

.image-wrapper {
	position: relative;
}

b, strong {
    font-weight: 600;
}

.contentpage article .no-hyphens {
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	     hyphens: none;
}

.break-email {
	display: inline-block;
}

.contentpage main p a,
.contentpage main .content-wrapper ul a,
.contentpage main .content-wrapper ol a,
.contentpage figcaption a {
	text-decoration: underline;
  -webkit-text-decoration-color: rgb(154,154,154);
     -moz-text-decoration-color: rgb(154,154,154);
          text-decoration-color: rgb(154,154,154);
}

.contentpage main p a:hover,
.contentpage main .content-wrapper ul a:hover,
.contentpage main .content-wrapper ol a:hover,
.contentpage figcaption a:hover {
	text-decoration: underline;
  -webkit-text-decoration-color: black;
     -moz-text-decoration-color: black;
          text-decoration-color: black;
}

.cc-animate.cc-revoke.cc-bottom {
	display: none;
}

.cc-revoke.cc-bottom {
	display: none!important;
}

/* ==========================================================================
	spinner
   ========================================================================== */	

.loader,
.loader:after {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  width: 1rem;
  height: 1rem;
}

.loader {
  position: relative;
  border-top: 0.15em solid rgb(164,170,0);
  border-right: 0.15em solid rgb(164,170,0);
  border-bottom: 0.15em solid rgb(230,230,230);
  border-left: 0.15em solid rgb(164,170,0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ==========================================================================
	UI Basics: Icons	
   ========================================================================== */	
   
/*    links --------------- */
.sgn-icon:before {
   font-family: 'sgn-icons';
}	
	
a.sgn-icon:before {
  	font-family: 'sgn-icons';
  	font-size: 85%;
  	color: rgb(0,99,180); 
  	padding-right: 0.35rem;
  	white-space: pre-wrap;
}
	
.sgn-icon.link:before, 
.sgn-icon.link-internal:before {  
   content: '→';
}

.sgn-icon.link-external:before {  
   content: '↗';
}

.sgn-icon.link-top:before {  
   content: '↑';
}

.sgn-icon.link-anchor:before {  
   content: '↓';
}

.sgn-icon.back:before {  
   content: '←';
}

.sgn-icon.back-all:before {  
   content: '⇤';
}

.sgn-icon.close:before {
   content: 'x';
}

.sgn-icon.clear:before {
   content: 'x';
}

.sgn-icon.search:before {
   content: 's';
}
 
.sgn-icon.opening-hours:before {
   content: 'h';
}

.sgn-icon.entrance-fee:before {
   content: 't';
}
 
.sgn-icon.calendar:before {
   content: 'c';
}

.sgn-icon.tickets:before {
   content: 't';
}

.sgn-icon.contact:before {
   content: 'C';
}
 
.sgn-icon.gallery-open-group:before {
   content: 'G';
}

.sgn-icon.gallery-open-single:before {
   content: 'g';
}
 
.sgn-icon.rss:before {
   content: 'R';
}

.sgn-icon.closed:before {
   content: '⊘';
}

.sgn-icon.prev:before {
   content: '‹';
}

.sgn-icon.next:before {
   content: '›';
}

.sgn-icon.accordion-open:before {
   content: 'ˇ';
}

.sgn-icon.accordion-close:before {
   content: 'ˆ';
}

.sgn-icon.more:before {
   content: '+';
}

.sgn-icon.less:before {
   content: '-';
}

.sgn-icon.xing:before {
   content: 'X';
}

.sgn-icon.linkedin:before {
   content: 'L';
}
 
.sgn-icon.skype:before {
   content: '☎︎';
}

.sgn-icon.twitter:before {
   content: 'T';
}
 
.sgn-icon.vcard:before {
   content: 'V︎';
}
 
.sgn-icon.file-text:before {
   content: 'A';
}

.sgn-icon.file-generic:before {
   content: 'A';
}
 
.sgn-icon.player-play:before {
   content: "\25b6";
}

.sgn-icon.player-back:before {
   content: "\25c0";
}
 
.sgn-icon.player-stop:before {
   content: "\25a0";
}
 
   
   
/* ==========================================================================
	UI Basics: link elements	
   ========================================================================== */	

 .pseudo-link {
	font-size: 85%;
	text-transform: uppercase;
	display: block;
}

 .link {
	 	font-size: 85%;
	text-transform: uppercase;
	display: block;
}

blockquote {
	font-style: italic;
}

/* ==========================================================================
	UI Basics: slider elements	
   ========================================================================== */	

/* pager */
.slider-pager  {
	position: absolute;
	bottom: 0;
	height: 2rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	z-index: 3500;
	float: left;
}

.slider-pager:hover {
	cursor: pointer;
}

.slider-pager span {
	width: 2rem;
	height: 0.25rem;
	background-color: white;
	display: inline-block;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	z-index: 3500;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.slider-pager span.cycle-pager-active,
.snap-scroll-pager span.pager-active,
.slider-pager span:hover {
	background-color: rgb(164,170,0);
}


/* ==========================================================================
	UI Basics: Colors	
   ========================================================================== */	
     
   
.sgn-color-blue {
	color: rgb(0,99,180);
}

.sgn-background-blue {
	background-color: rgb(0,99,180);
	color: white;
}

.sgn-background-overlay-blue {
	background-color: rgba(0,99,180,0.95);
	color: white;
}

.sgn-color-green {
	color: rgb(164,170,0);
}

.sgn-background-green {
	background-color: rgb(164,170,0);
	color: white;
}

.sgn-background-overlay-green {
	background-color: rgba(164,170,0,0.95);
	color: white;
}

.sgn-background-overlay-white {
	background-color: rgba(255, 255, 255, 0.95);
	color: black;	
}

.sgn-background-grey {
	background-color: rgb(154,154,154);
	color: black;
}

.sgn-background-grey {
	background-color: rgb(154,154,154);
	color: black;
}

.sgn-background-overlay-grey {
	background-color: rgba(154,154,154,0.95);
	color: white;
}

.sgn-background-alert {
	background-color: rgb(170, 0, 0);
	color: white;
}

h4.lang-note {
	color: rgba(201, 0, 0, 1);
	font-weight: 500!important;
	margin-bottom: 1rem!important;
}

/* ==========================================================================
wp password form
========================================================================== */

.contentpage .password-form {
	padding-bottom: 5rem;
}

.contentpage .password-form form {
	padding-top: 2rem;
}

.contentpage .password-form form input {
	padding: 0.15rem;
	margin: 0;
}

.contentpage .password-form form input[name="post_password"] {
	border: 1px solid rgb(154,154,154);
}

.contentpage .password-form form input[type="submit"] {
	border: 1px solid rgb(0,99,180);
	background-color: rgb(0,99,180);
	color: white;
	margin-left: -0.4rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-transform: lowercase;
}

.contentpage .password-form p {
	margin-bottom: 0;
}




/* ==========================================================================
	header	
   ========================================================================== 
*/	  
   
header {
	position: absolute; 
	width: 100%;
	float: left;
	top: 0;
	z-index: 5000;
	background-color: white;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

header.sticky {
	border-bottom: 1px solid #dcdcdc;
}

/* fallback for the header postion on no-js */
.no-js header {
	position: static;
}

header .alert-banner {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	min-height: 1.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background-color: rgb(170, 0, 0);
	color: white;
}


/* top-head: 
	logo(s), language switch, search button ----- 
	section logo = logos of the museums
	main logo = sgn logo
*/
header .top-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	border-bottom: 0.6rem solid rgb(164,170,0);
}

/* section logo for the museums */
header .top-head .section-logo-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: -webkit-calc(100% - 2rem);
	height: calc(100% - 2rem);
	padding: 1rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}

/* make the section logo and the burger nav equal wide to center the mail logo */
.burger header .top-head .section-logo-wrapper,
.burger header .top-head .burger-nav {
/*
	 flex-grow: 1;
    flex-basis: 0;
*/
	 width: 18%;
}

header .top-head .section-logo-wrapper {
/* 	min-width: inherit; */
	min-width: 6rem;
}

header .top-head .section-logo-wrapper img {
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
	height: auto;
	margin-left: 2rem;
	max-height: 6rem;
}

.burger header .top-head .section-logo-wrapper img {
	width: -webkit-calc(100% - 1rem);
	width: calc(100% - 1rem);
	margin-left: 1rem;
}	

/* main sgn logo */
header .top-head .main-logo-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	   -moz-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 2.25rem;
	margin-bottom: 2.25rem;
}

header .top-head .main-logo-wrapper img {
	width: auto;
	height: 4.5rem;
}

.burger header .top-head .main-logo-wrapper img {
	width: 100%;
	min-height: auto;
	max-width: 20rem;
}


/* fallback IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

	.burger header .top-head .main-logo-wrapper img {
		width: 100%;
		min-height: auto;
		height: auto;
	}

}


/* accessories: seach button, lang switch */
header .top-head .accessories {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	   -moz-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: auto;
	height: 100%;
	min-width: 8rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: 300;
	text-align: right;
	color: rgb(154,154,154);
}

header .accessories a,
.burger header .burger-accessories a {
	color: rgb(154,154,154);
	font-size: 1.1rem;
	font-weight: 400;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

header .accessories a:hover,
.burger header .burger-accessories  a:hover {
	color: rgb(0,99,180);
}

header .top-head .accessories ul {
	list-style: none;	
}

header .top-head .accessories ul li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

header .top-head .accessories .search-button {
	float: right;
}

header .top-head .accessories .search-button button,
.burger .burger-accessories  .search-button button {
	background-color: transparent;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	color: rgb(154,154,154);
	font-size: 1.5rem;
	line-height: 1.5rem;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);	
	padding: 2px;
}

header .top-head .accessories .search-button button:hover,
.burger .burger-accessories  .search-button button:hover {
	color: rgb(164,170,0);
	cursor: pointer;
	-webkit-transform: scale(1.3);
	    -ms-transform: scale(1.3);
	     -o-transform: scale(1.3);
	        transform: scale(1.3);
	font-weight: bold;
}

.burger .burger-accessories  .search-button button:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

.burger .burger-accessories  .lang-switch {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-content: flex-end;
	    -ms-flex-line-pack: end;
	        align-content: flex-end;
}

/* header nav ------------------------------ */

header .top-head .burger-nav,
.screen header .top-head .burger-nav {
	display: none;
}

header nav {
	width: 100%;
	display: block;	
}

header nav ul,
header nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

header nav > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

header nav > ul > li ul {
	position: absolute;  
	display: none;
	top: 3.1rem;
	left: 0;
	padding-bottom: 1.5rem;
}

header nav ul li {
	padding-left: 0.5rem;
	padding-right: 0.25rem;
	cursor: pointer;
}

header nav > ul > li {
/*
	margin-left: 0.25rem;
	margin-right: 0.25rem;
*/
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	position: relative;
	display: block;
}

header nav > ul > li.navigation-sgn {
	margin-left: 2rem;
	
}

header nav > ul > li.navigation-sgn > a {
	color: rgb(0,99,180);	
}

.dropdown header nav > ul > li.navigation-sgn .navigation-sgn-sub {
	max-width: 18rem;
}

header nav > ul > li.navigation-sgn .navigation-sgn-sub a {
	line-height: 135%;
}

header nav > ul > li > ul > li {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

header nav ul li a {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1.7rem;
	font-weight: 300;
	color: black;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

header nav > ul > li > a {
	white-space: nowrap;
} 

header nav > ul > li > ul > li > a {
	line-height: 1.5rem;
} 

header nav ul li a:hover {
	color: rgb(0,99,180);
}

header nav.is_hover {
/* 	border-bottom: 0.3rem solid rgb(164,170,0); */
	border-bottom: 1px solid rgb(164,170,0);
}

header nav ul li.current-menu-item > a,
header nav ul li.current-menu-parent  > a,
header nav ul li.current-archive-menu-parent > a {
	color: rgb(0,99,180);
}

/* burger menu / burger nav  */
/*
.burger header {
	position: fixed;
}
*/

.burger.burger-nav-is-open header {
	position: fixed;
}

.hamburger.is-active .hamburger-inner, 
.hamburger.is-active .hamburger-inner::before, 
.hamburger.is-active .hamburger-inner::after {
	background-color: rgb(154,154,154);
}

.burger.burger-nav-is-open header {
	overflow-y: auto;
	height: 100vh;
}

.burger header .top-head .burger-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	   -moz-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.burger header nav {
	width: 100%;
	height: auto;
	overflow: hidden;
/* 	height: 100vh; */
	padding-bottom: 5rem;
}

.burger header nav ul {
}

.burger header nav > ul {
	display: block;
	position: relative;
	float: left;
	height: -webkit-calc(100% - 2rem)!important;
	height: calc(100% - 2rem)!important;
	width: 100%;
	margin: 0;
	padding: 0;
/* 	left: 100%; */
	-webkit-transition: margin-left 0.3s ease-in-out;
	-o-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
	margin-top: 2.5rem;
	padding-bottom: 2rem;
}

.burger header nav[data-level="1"] > ul {
	margin-left: 0;		
}	

.burger header nav[data-level="2"] > ul {
	margin-left: -200%;	
}	

.burger header nav[data-level="3"] > ul {
	margin-left: -300%;	
}	

.burger header nav[data-level="4"] > ul {
	margin-left: -400%;	
}	

.burger header nav[data-level="5"] > ul {
	margin-left: -500%;	
}	

.burger header nav[data-level="6"] > ul{
	margin-left: -600%;	
}	

.burger header nav[data-level="1"] > .burger-back-buttons {
	visibility: hidden;
}	

.burger header nav ul li {
	display: block;
	position: static;
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0;
	padding-right: 0;
	border-color: black;
	border-width: 1px;
	border-bottom-style: solid;
}

.burger header nav ul li:first-child {
	border-top-style: solid;
}

.burger header nav ul li a {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 300;
	color: black;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.burger header .nav-parent a {
	color: rgb(0,99,180);
}

/* old */
/*
.burger header nav > ul .sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	height: auto;
	width: 100%;
	display: none;
}
*/
/* new */
.burger header nav > ul .sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	height: auto;
	width: 100%;
	display: none;
}

/* new */
/*
.burger header nav > ul li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu,
.burger header nav > ul li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu,
.burger header nav > ul li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu,
.burger header nav > ul li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu, 
.burger header nav > ul li.current-menu-parent > .sub-menu > li.current-menu-parent > .sub-menu,
.burger header nav > ul li.current-menu-parent > .sub-menu {
	display: block;	
}
*/


/* new */
.burger header nav > ul .current-menu-item > .sub-menu {
/* 	display: block; */
}

/* .burger header nav[data-level="1"] > ul > li > ul, */
/* new disabled */
.burger header nav > ul li.active > .sub-menu {
	display: block!important;
}

.burger header .burger-nav-pager {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	float: left;
}

.burger header .burger-nav-pager span {
	width: -webkit-calc(100% / 6 - 0.25rem);
	width: calc(100% / 6 - 0.25rem);
	height: 1.5rem;
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 0.25rem;
}

.burger header .burger-nav-pager span:after {
	content: '';
	width: 100%;
	height: 0.4rem;
	background-color: rgb(154,154,154);
	display: block;
	position: absolute;
	top: 0.6rem;
	left: 0;
}

.burger header .burger-nav-pager span:last-child:after {
	background-color: rgb(0,99,180);
}

.burger header .burger-nav-pager span:hover {
	cursor: pointer;
}

.burger nav a:after {
  	font-family: 'sgn-icons';
  	font-size: 85%;
  	color: black; 
  	padding-right: 0;
  	white-space: pre-wrap;
  	position: absolute;
  	right: 0;
  	text-align: right;
}

.burger nav ul li a {
	position: relative;
	padding-right: 2rem;
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
}

.burger nav .menu-item-has-children > a:after {
	 content: '→';
}

.burger nav  a.link-external:after {
	 content: '↗';
}


/* burger-accessories: search and lang switch */
.burger .burger-accessories {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	list-style: none;
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding: 0;
}

.burger-back-buttons {
	display: none;
}

.burger .burger-back-buttons {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	float: left;
}

.burger .burger-back-buttons button {
	background-color: transparent;
	border: none;
	padding: 0;
	color: rgb(154,154,154);
	font-size: 1.2rem;
	font-weight: 400;
}

.burger .burger-back-buttons button:before {
  	font-family: 'sgn-icons';
  	font-size: 1.15rem;
  	color: rgb(154,154,154);
  	padding-right: 0.35rem;
  	white-space: pre-wrap;
}

.burger .burger-back-buttons button:hover,
.burger .burger-back-buttons button:hover:before {
	cursor: pointer;
	color: rgb(0,99,180);
}

.burger .burger-back-buttons .back-all-levels {
	margin-right: 1rem;
}

.burger .burger-back-buttons .back-all-levels:before {  
   content: '⇤';
}

.burger .burger-back-buttons .back-one-level:before {  
   content: '←';
}

.burger header.sticky .top-head .main-logo-wrapper {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.burger header.sticky .top-head .main-logo-wrapper img {
	max-height: 2.5rem;
/* 	width: auto; */
}

.burger header.sticky .top-head .section-logo-wrapper {
	width: auto;
	height: auto;
	min-width: 15%;
}

.burger header.sticky .top-head .section-logo-wrapper img {
	width: 3rem;
	height: auto;
}


/* dropdown menu */
.dropdown header nav > ul > li > ul ul {
	display: none!important;
}

/* hide the burger nav elements */
.dropdown-back-buttons,
.dropdown .burger-nav-pager,
.dropdown .burger-back-buttons {
	display: none!important;
}

.dropdown .search-options fieldset {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
}

.dropdown .search-options fieldset > div {
	margin-bottom: 0.5rem;
}

.dropdown header .search-input {
	width: -webkit-calc(100% / 3 - 2rem);
	width: calc(100% / 3 - 2rem);
	float: left;
	margin-right: 5rem;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dropdown header .search-input button[type=submit]:after {
	right: 0.5rem;
}

.dropdown header .search-input input[type=search] {
	font-size: 1.2rem;
}

/* sticky navigation ---------------- */
header.sticky {
	position: fixed;
	-webkit-transition: unset;
	-o-transition: unset;
	transition: unset;
}

.nav-open.scroll-down header,
.nav-open.scroll-up header {
	margin-top: 0;
}

/* burger search and seach-bar  */
.burger .burger-accessories .search-button button {
	font-size: 2.2rem;
	line-height: 2.2rem;
}

.burger header .searchbar {
	position: absolute;
	top: 0;
	min-height: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

.burger header .searchbar form {
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-top: 5.5rem;
	float: left;	
	position: relative;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	   -moz-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

header .search-input {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	float: left;
}

header .search-input input[type=search] {
	width: -webkit-calc(100% - 4rem);
	width: calc(100% - 4rem);
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	height: 3rem;
	float: left;
	outline: none;
	-webkit-box-shadow:none !important;
	        box-shadow:none !important;
	border: none !important;
}

header .search-input button[type=submit] {
	width: 3.5rem;
	height: 3rem;	
	float: left;
	background-color: white;
	border: none;
	position: relative;
}

header .search-input button[type=submit]:after {
	content: 's';
	position: absolute;
	text-align: right;
	top: 0;
	right: 0.7rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-family: 'sgn-icons';
	font-size: 2.2rem;
	color: rgb(154,154,154);
}

header .search-input button[type=submit]:hover {
	cursor: pointer;
}

header .search-input button[type=submit]:hover:after {
	color: rgb(164,170,0);
}

.burger .search-options {
	width: 100%;
	margin-top: 1.5rem;
	font-size: 1.2rem;	
	line-height: 1.5rem;
}

.search-options .form-copy {
	margin-bottom: 1rem;
	margin-bottom: 0.5rem;
}

.burger .search-options .advanced-search {
	margin-top: 0;
}

.burger .search-options .advanced-search p {
	margin: 0;
}

.dropdown .search-options .advanced-search {
	margin-top: 0.5rem;
}

.search-options .advanced-search a:before {
	content: '→';
	font-family: 'sgn-icons';
	display: inline-block;
	padding-right: 0.2rem;
}

.burger .search-options .advanced-search a:before {
	padding-right: 0.3rem;
}

.burger .search-options .form-copy {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.burger .search-options fieldset {
	margin-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.burger .search-options fieldset > div {
	margin-bottom: 0.5rem;
}

header .searchbar {
	display: none;
	width: 100%;
	float: left;
	position: relative;	
	background-color: rgb(164,170,0);
	color: white;
	padding-top: 2.5rem;
	padding-bottom: 2rem;
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.6rem;
}

header .searchbar form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	width: -webkit-calc(100% - 4rem - 6rem);
	width: calc(100% - 4rem - 6rem);
	max-width: 90rem;
	margin-left: 2rem;
	margin-right: 2rem;
	height: auto;
	float: left;
	position: relative;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.searchbar .search-options input[type="checkbox"],
.searchbar .search-options input[type="radio"] {
	background-color: white;
	width: 16px;
	height: 16px;
	margin-right: 0.45rem;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-bottom: -1px;
	border-color: transparent;
	border-width: 0;
}

.burger .searchbar .search-options input[type="checkbox"],
.burger .searchbar .search-options input[type="radio"] {
	margin-right: 0.5rem;
}

.searchbar .search-options input[type="radio"] {
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}

.searchbar .search-options input[type="checkbox"]:checked,
.searchbar .search-options input[type="radio"]:checked {
	background-color: white;
}

.searchbar .search-options input[type="checkbox"]:before,
.searchbar .search-options input[type="radio"]:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	top: 4px;
	left: 4px;
	background-color: rgb(164,170,0);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}

.searchbar .search-options input[type="radio"]:before{
	-webkit-border-radius: 4px;
	        border-radius: 4px;	
}

.searchbar .search-options input[type="checkbox"]:checked:before,
.searchbar .search-options input[type="radio"]:checked:before {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

.searchbar .search-options input[type="checkbox"]:hover,
.searchbar .search-options input[type="radio"]:hover,
.searchbar .search-options label:hover {
	cursor: pointer;
}

header .search-input button[type=submit]:after {
	font-size: 1.5rem;
}


header .search-close {
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	font-weight: 100;
}

header .search-close button {
	background-color: transparent;
	border: none;
	width: 3rem;
	height: 3rem;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

header .search-close button:hover  {
	cursor: pointer;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

header .search-close .sgn-icon.close {
	color: white;
	font-size: 2.2rem;
	line-height: 2.2rem;
}

.dropdown #secondary-menu > ul ul  {
	display: none;
}

.dropdown #secondary-menu > ul .current-menu-item > .sub-menu,
.dropdown #secondary-menu > ul .current-menu-ancestor > .sub-menu,
.dropdown #secondary-menu > ul .current-page-ancestor > .sub-menu {
	display: block;
}

.dropdown #primary_menu > .current-menu-item > a,
.dropdown #primary_menu > .current-menu-ancestor > a {
	color: rgb(0,99,180);
}

.burger header nav ul li.current-menu-item > a {
	color: rgb(0,99,180);
}
/* header nav > ul > li > a */




/* ==========================================================================
	page background
   ========================================================================== 
*/	

.page-background {
	z-index: -1;
	width: 100vw;
	height: 100vh;
	position: fixed;
	
	background: rgb(212,228,247);
	background: -webkit-linear-gradient(-45deg, rgba(212,228,247,1) 0%,rgba(129,179,204,1) 46%,rgba(183,193,168,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(212,228,247,1) 0%,rgba(129,179,204,1) 46%,rgba(183,193,168,1) 100%);
	background: linear-gradient(135deg, rgba(212,228,247,1) 0%,rgba(129,179,204,1) 46%,rgba(183,193,168,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4f7', endColorstr='#b7c1a8',GradientType=1 );
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.page-background img {
 	-o-object-fit:cover;
 	   object-fit:cover;
  -o-object-position: center top;
     object-position: center top;
     font-family: 'object-fit: cover; object-position: center top;'; /* ofi polyfill */

	width: 100vw;
	height: 100vh;
	z-index: -1;
}

/* ==========================================================================
	page	
   ========================================================================== 
*/	

/* page background styling */
body {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}

body.fixed {
/* 	position: fixed; */	
	overflow:hidden;
}

/* ==========================================================================
	sidebar	
   ========================================================================== */	


aside.aside-right {
	width: -webkit-calc(100% / 4 + 2rem);
	width: calc(100% / 4 + 2rem);
	float: left;
	background-color: white;
}

	
/* ==========================================================================
	breadcrump	
   ========================================================================== */	

/* breadcrump --------------------------- */

.breadcrumb { 
	float: left;
	width: 100%;
}

.breadcrumb ul {
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 3.5rem;
	margin-right: 3.5rem;
	width: -webkit-calc(100% - 7rem);
	width: calc(100% - 7rem);
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.breadcrumb ul li,
.contentpage .breadcrumb ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline-block;
	margin-right: 0.25rem;
}

breadcrumb,
.breadcrumb ul li,
.breadcrumb ul li a,
.contentpage .breadcrumb ul li,
.contentpage .breadcrumb ul li a {
	font-size: 0.8rem;
	line-height: 1.2rem;
		font-weight: 300;
}

.breadcrumb ul li:before {
	content: '›';
	display: inline-block;
	margin-right: 0.1rem;	
}

.breadcrumb ul li.category:before {
	content: none;
	display: none;
}

.breadcrumb ul li:first-child:before {
	content: none;
}

.breadcrumb ul li a:hover,
.breadcrumb ul li:last-child a {
	color: rgb(0, 99, 180);
}

/* ==========================================================================
	fixed buttons
   ========================================================================== */	

.fixed-buttons {
	position: fixed;
	width: -webkit-calc(100vw - 3.5rem);
	width: calc(100vw - 3.5rem);
	right: -webkit-calc(-100vw + 3.5rem);
	right: calc(-100vw + 3.5rem);
	left: auto;
	top: 0;
	z-index: 4000;
	height: 100vh;
	-webkit-transition: right 0.75s ease;
	transition: right 0.75s ease;
	background-color: rgb(0,99,180);
}

.fixed-buttons-wrapper {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.fixed-buttons button {
	background-color: rgb(0,99,180);
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 2.3rem;
	height: 2.3rem;
	margin: 0;
	margin-bottom: 0.75rem;
	-webkit-border-radius: 1.25rem;
	        border-radius: 1.25rem;
	margin-right: 0.25rem;
	position: relative;
	left: -3rem;
	-webkit-transition: all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
} 

.fixed-buttons button a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.fixed-buttons.content-hidden:hover button {
	background-color: rgb(107, 169, 220);
}

.fixed-buttons.content-hidden button:hover  {
	background-color: rgb(0,99,180);
}

.fixed-buttons.content-visible button {
	background-color: rgba(107, 169, 220, 1);
}	

.fixed-buttons.content-visible button.active {
	background-color: rgb(0,99,180);
	border: 1px solid rgb(0,99,180);
	color: white;
}	

.fixed-buttons.content-visible button.active:before {
	top: -1px;
	left: -1px;
}

.fixed-buttons button:active,
.fixed-buttons button:focus {
	outline:none;
}

.fixed-buttons button:before {
	width: 2.3rem;
	height: 2.3rem;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.5rem;
	line-height: 2.4rem;
	text-align: center;
}

.fixed-buttons.content-visible button:active:before,
.fixed-buttons.content-visible button:focus:before {
	top: -1px;
	left: -1px;
}


.fixed-buttons button:hover {
	cursor: pointer;
}

.fixed-buttons.content-visible {
	right: 0;
}

.fixed-buttons .button-content {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	color: white;
	overflow-y: auto;
}

.fixed-buttons .button-content-wrapper {
	padding: 3rem;
	margin: auto;
	max-height: 100%;
	width: -webkit-calc(100% - 6rem);
	width: calc(100% - 6rem);
	overflow-y: auto;
	top: 0;
}

.fixed-buttons .button-content-inner-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
}

.fixed-buttons .button-content {
	font-weight: 400;
}

.fixed-buttons .button-content a.sgn-icon:before {
	color: white;
}

.fixed-buttons .head-content {
		width: 100%;
		margin-bottom: 2.5rem;
		margin-top: 1.5rem;
		float: left;			
}

.fixed-buttons .button-content h2 {
	font-weight: 600;
}

.fixed-buttons .button-content table {
	width: -webkit-calc(100% + 1rem);
	width: calc(100% + 1rem);
	float: left;
   border-collapse: collapse;
	margin-bottom: 3rem;
}

.fixed-buttons .button-content table tr {
	width: 100%;
}

.fixed-buttons .button-content table th,
.fixed-buttons .button-content table td {
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: white;
	vertical-align: top;
}

.fixed-buttons .button-content table th {
	font-weight: 600;
}

.fixed-buttons .button-content table td {
	font-weight: 400;
}

.fixed-buttons .button-content table th:first-child,
.fixed-buttons .button-content table td:first-child {
	width: -webkit-calc(100% / 3 * 2);
	width: calc(100% / 3 * 2);
}

.fixed-buttons .button-content table th:nth-child(2),
.fixed-buttons .button-content table td:nth-child(2) {
	width: -webkit-calc(100% / 3 / 2);
	width: calc(100% / 3 / 2);
}

.fixed-buttons .button-content table th:nth-child(3),
.fixed-buttons .button-content table td:nth-child(3) {
	width: -webkit-calc(100% / 3 / 2);
	width: calc(100% / 3 / 2);
}

.fixed-buttons .button-content table td:nth-child(2) {
	text-align: right;
}

.fixed-buttons .button-content table td:nth-child(3) {
	text-align: right;
}

.fixed-buttons .button-content table th.colspan,
.fixed-buttons .button-content table td.colspan {
	width: 100%;
}

.fixed-buttons .tables {
	font-size: 1.1rem;
	line-height: 1.5rem;
}

.fixed-buttons .mobile-fixed-button {
	display: none;
	width: 1.3rem;
	height: 1.3rem;	
	left: -1.6rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
}

.fixed-buttons .mobile-fixed-button span {
	display: block;
	background-color: rgb(0,99,180);
	width: 0.6rem;
	height: 0.6rem;
	position: absolute;
	-webkit-border-radius: 0.375rem;
	        border-radius: 0.375rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.fixed-buttons .mobile-fixed-button span:nth-child(1) {
	left: -0.7rem;
	top: -0.4rem;
}

.fixed-buttons .mobile-fixed-button span:nth-child(2) {
	left: 0.4rem;
	top: -0.9rem;
}

.fixed-buttons .mobile-fixed-button span:nth-child(3) {
	left: -0.7rem;
	top: 1.05rem;
}

.fixed-buttons .mobile-fixed-button span:nth-child(4) {
	left: 0.4rem;
	top: 1.6rem;
}

.fixed-buttons .mobile-fixed-button.active span {
	top: 0.5rem;
	left: 0.5rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fixed-buttons .mobile-fixed-button.active {
	-webkit-transform: scale(1.65);
	        -ms-transform: scale(1.65);
	    transform: scale(1.65);	
	left: -2rem;
}

.fixed-buttons .mobile-fixed-button.active:before {
   content: 'x';
	width: 1.3rem;
	height: 1.3rem;	
	font-size: 0.75rem;
   line-height: 1.2rem;
   text-align: center;
   top: 1px;
   left: -1px;
}

.fixed-buttons .mobile-fixed-button-wrapper button:before {
	top: -1px;
	left: -1px;
}


/* ==========================================================================
	footer	
   ========================================================================== */	

footer {
	width: 100%;
	float: left;
	position: relative;
	border-top: 0.3rem solid rgb(164,170,0);
	margin-top: 2rem;	
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: rgb(240,240,240);
	color: rgb(51,51,51);
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 300;	
	z-index: 5000;
}

footer .footer-wrapper {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
}

footer .footer-primary-block-group,
footer .footer-secondary-block-group {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
}

footer .footer-secondary-block-group {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	            -ms-grid-row-align: center;
	        -webkit-align-items: center;
	        align-items: center;
}

footer .footer-primary-block-group {
	width: -webkit-calc(100% / 4 * 3 - 6rem - 2rem);
	width: calc(100% / 4 * 3 - 6rem - 2rem);
	margin-left: 2rem;
	margin-right: 2rem;	
}

footer .footer-secondary-block-group {
	width: -webkit-calc(100% / 4 + 2rem);
	width: calc(100% / 4 + 2rem);
}

footer .footer-primary-block-group .footer-block {
	width: -webkit-calc(100% / 3 - 1.25rem);
	width: calc(100% / 3 - 1.25rem);
	max-width: 16rem;
	margin-right: 1.5rem;
	float: left;
}

.burger footer .footer-primary-block-group .footer-block {
	max-width: inherit;
}

footer .footer-primary-block-group .footer-block:nth-child(3) {
	margin-right: 0;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 

footer ul li.current_page_item,
footer ul li:hover {
	color: rgb(0,99,180);
}

footer .footer-primary-block-group p {
	margin-top: 0;
}

footer .footer-secondary-block-group .footer-block {
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
}

footer .social-links ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align:  center;
	    -ms-flex-align:  center;
	        -webkit-align-items:  center;
	        align-items:  center;	
	-ms-flex-wrap: wrap;	
	    -webkit-flex-wrap: wrap;	
	        flex-wrap: wrap;
   
}
.contentpage footer .social-links ul li {
	width: auto;
}

footer .social-links {
	float: left; 
}

footer .social-links ul li {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-size: 1.8rem;
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;
}

footer .footer-logo-leibnitz img {
	width: 100%;
	height: auto;
	max-width: 8rem;
	float: right;
}

.social-links .shariff {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/*
.social-links .shariff:after {
	content: attr(data-button-title);
	display: block;
	position: relative;
	height: 100%;	
}
*/

.contentpage .social-links ul li > span,
.calendar-archive .event-functions .shariff-button > a > span,
.contentpage .event-functions .shariff-button > a > span {
	display: block;
	width: 100%;
	float: left;
}

.shariff .orientation-horizontal li {
	width: 100%!important;
	font-size: 1rem;
}

.shariff .theme-white .shariff-button a {
	width: 100%!important;
	display: inline-block!important;
}
.shariff .theme-white .shariff-button a .button-title {
	font-size: 1rem;
	padding-left: 0.25rem;
}

.contentpage .social-links ul li span:before,
.contentpage .event-functions .share span:before,
.calendar-archive .event-functions .share span:before {
	display: inline-block;
	float: left;
	padding-right: 0.5rem;
}

.calendar-archive .event-functions .shariff-button,
.contentpage .event-functions .shariff-button {
	margin-left: 0.1rem;
}

.contentpage .social-links ul li span .button-title,
.contentpage .event-functions .share .button-title,
.calendar-archive .event-functions .share .button-title {
	display: inline;
	float: left;
	width: auto;
	white-space: nowrap;
	font-size: 1rem;
	line-height: 2rem;
	font-family: 'Urbano', Arial, Helvetica, sans-serif;
	font-weight: 500;
}

.contentpage .social-links ul li span,
.contentpage .social-links ul,
.contentpage .social-links ul li,
.contentpage .event-functions .share ul,
.contentpage .event-functions .share ul li,
.calendar-archive .event-functions .share ul,
.calendar-archive .event-functions .share ul li {
	width: 100%;
	float: left;
}

.burger footer .footer-primary-block-group,
.burger footer .footer-secondary-block-group {
	width: -webkit-calc(100% - 4rem);
	width: calc(100% - 4rem);
	margin-left: 2rem;
	margin-right: 2rem;
}

.burger footer .footer-primary-block-group {
	margin-bottom: 2rem;
}

.burger footer .footer-secondary-block-group .social-links {
	width: -webkit-calc(100% / 3 * 2 + 0.5rem);
	width: calc(100% / 3 * 2 + 0.5rem);
}	

.burger footer .footer-secondary-block-group .footer-logo-leibnitz {
	width: -webkit-calc(100% / 3 - 0.5rem);
	width: calc(100% / 3 - 0.5rem);
	margin-left: 0;
	margin-right: 0;
}

.burger footer .footer-secondary-block-group .footer-logo-leibnitz img {
	float: left;
}

footer .consent-revoke {
	margin-top: 1rem;
}

footer .consent-revoke:hover {
	cursor: pointer;
	color: rgb(0,99,180);
}

/* ==========================================================================
copyright for images 
	========================================================================== */	

.copyright-button {
	position: absolute;
	bottom: 1px;
	right: 0;
	width: 2rem;
	height: -webkit-calc(2rem - 1px);
	height: calc(2rem - 1px);
	line-height: 2rem;
	text-align: center;
	border: none;
	background-color: transparent;
	color: white;
	text-shadow: 0px 0px 0.3rem black;
	z-index: 3300;
	font-size: 1rem;
	font-weight: 400;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.copyright-button:hover {
	cursor: pointer;
	-webkit-transform: scale(1.25);
	        -ms-transform: scale(1.25);
	    transform: scale(1.25);
}

.copyright-layer {
	position: absolute;
	width: -webkit-calc(100% - 6rem);
	width: calc(100% - 6rem);
	height: -webkit-calc(100% - 6rem);
	height: calc(100% - 6rem);
	z-index: 3400;
	left: 0;
	top: 0;
	padding: 3rem;
	background-color: rgba(43,43,43,0.95);
	color: white;
	display: none;
}

.lightbox-content .copyright-layer {
	background-color: rgba(255,255,255,0.95);
	color: black;	
}

.teaser .copyright-layer {
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
	height: -webkit-calc(100% - 2rem);
	height: calc(100% - 2rem);
	padding: 1rem;
	font-size: 0.9rem;
}

.copyright-layer .copyright-wrapper {
	width: -webkit-calc(100% - 6rem);
	width: calc(100% - 6rem);
	height: -webkit-calc(100% - 6rem);
	height: calc(100% - 6rem);
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	text-align: center;
}

.teaser .copyright-layer .copyright-wrapper {
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
	height: -webkit-calc(100% - 2rem);
	height: calc(100% - 2rem);
}

.copyright-layer .copyright-close {
	position: absolute;
	bottom: 0.5rem;
	right: 0.25rem;
	border: none;
	background-color: transparent;
	padding: 0.5rem;
	margin: 0;
	font-family: 'sgn-icons';
	font-size: 3rem;
	line-height: 2rem;
	color: white;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.copyright-layer .copyright-close:hover {
	color: rgb(164,170,0);
	cursor: pointer;
}



/* ==========================================================================
	main content / contentpage
   ========================================================================== */	

/* contentpage template */
.contentpage  {
	font-weight: 300;
}

.contentpage .content-wrapper {
	float: left;
}

.burger.contentpage .content-wrapper {
	width: -webkit-calc(100% - 4rem);
	width: calc(100% - 4rem);
	margin-left: 2rem;
	margin-right: 2rem;
	float: left;
}	

.contentpage article {
	background-color: white;
}

.contentpage .page-head {
	float: left;
	width: 100%;
}

.contentpage .page-head.no-overline {
	margin-top: 1rem;
}
.contentpage .page-head.no-headline,
.contentpage .page-head.no-subline {
	margin-bottom: 3rem;
}

.teaser-content .page-head p {
	font-weight: 300;
}

/* ==========================================================================
	list styles mail content
   ========================================================================== */	

.contentpage .copy ul {
	list-style: none;		
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}		

.contentpage .copy ul ul {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.contentpage .copy ul li {
	padding-left: 0.75rem;
}

.contentpage .copy ul li:before {
	content: '·';
	display: inline-block;
	margin-left: -0.75rem;
	width: 0.75rem;
	white-space: pre-wrap;
	text-align: left;
}

/* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters */
.contentpage .copy ol {
	margin-left: 0;
	margin-right: 0;
	counter-reset: section;              
	list-style-type: none;
	list-style-position: outside;
}		

.contentpage .copy ol {
	list-style: none;		
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}		

.contentpage .copy ol li:before {
	display: inline-block;
	white-space: pre-wrap;
	text-align: left;
	counter-increment: section; 
	content: counters(section, ".") ". ";
}

.contentpage .copy ol ol {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.contentpage .copy ol li {
	padding-left: 2.5rem;
}

.contentpage .copy ol li:before {
	margin-left: -2.5rem;
	min-width: 2.5rem;
}

.contentpage .copy ol ol li {
	padding-left: 3rem;
}

.contentpage .copy ol ol li:before {
	margin-left: -3rem;
	min-width: 3rem;
}

.contentpage .copy ol ol ol li {
	padding-left: 4.5rem;
}

.contentpage .copy ol ol ol li:before {
	margin-left: -4.5rem;
	min-width: 4.5rem;
}

/* ==========================================================================
	tables main content
   ========================================================================== */	

article.table {
	padding-top: 3rem;
}

.content-table.table-wrapper {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.content-table.table-wrapper {
 	width: -webkit-calc(100% - 3rem);
 	width: calc(100% - 3rem);
 	margin-top: 0.5rem;
 	margin-bottom: 0.5rem;
 	margin-left: 1.5rem;
 	margin-right: 1.5rem;
}

.content-table.table-wrapper {
    position: relative;
    float: left;
}

.content-table.scroll-all .table-scroller,	
.content-table.fixed-column .table-scroller {
    overflow-x: scroll;
    float: left;
    margin-left: 0;
    width: 100%;
}

.content-table .table-scroller {
	 padding-bottom: 1rem;
}

.content-table table th {
	white-space: nowrap;
}

.content-table table th {
	overflow: hidden;
	text-overflow: ellipsis;
}

.content-table table th,
.content-table table td {
	vertical-align: top;
	text-align: left;
	padding-right: 1rem;
}

.content-table table th,
.content-table table th.fixed-column {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.content-table table td {
	border-top: 1px solid rgb(230,230,230);
	border-bottom: 1px solid transparent;
}

.content-table table tbody tr:first-child td {
	border-top: 1px solid transparent;
}

.content-table table {
   border: none;
   border-collapse: separate;
   border-spacing: 0rem 0.25rem;
   max-width: 100%;
   min-width: 100%;
   table-layout: fixed;
}

.content-table.fixed-column table tr {
/* 	position: relative; */
	position: static;
}

.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
.content-table.fixed-column.has-overflow table thead th:nth-child(1) {
  position: absolute;
  top: auto;
  left: 0;
  font-weight: 600;
}

.content-table.fixed-column.has-overflow table thead th:nth-child(1) {
	top: -0.25rem;
}

.content-table.fixed-column.has-overflow table tbody td:nth-child(1) {
/*
	margin-top: -1rem;
	padding-bottom: 1.3rem;
*/
}

.content-table.fixed-column table tbody td:nth-child(1),
.content-table.fixed-column table thead th:nth-child(1) {
	font-weight: 600;
}

.content-table.fixed-column.has-overflow table tbody td:nth-child(2),
.content-table.fixed-column.has-overflow table thead th:nth-child(2) {
  visibility: hidden;
  font-weight: 600;
}

.content-table.scroll-all.has-overflow .table-scroller:after,
.content-table.fixed-column.has-overflow .table-scroller:after {
	content: '';
	width: 0.65rem;
	height: -webkit-calc(100% - 1.25rem);
	height: calc(100% - 1.25rem);
	right: -1px;
	top: -0.25rem;
	position: absolute;
	background: -webkit-linear-gradient(left, rgba(210,210,210,0) 0%, rgba(210,210,210,1) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(210,210,210,0)), to(rgba(210,210,210,1)));
	background: linear-gradient(to right, rgba(210,210,210,0) 0%, rgba(210,210,210,1) 100%);
	z-index: 5000;
}
	
.content-table.fixed-column.has-overflow table thead th:empty:before {
	content: '\a0';
}

.content-table.table-collapse.has-overflow .table-scroller {
	display: inline;
}

.content-table.table-collapse.has-overflow table {
	display: block;
	width: 100%;
}

.content-table.table-collapse.has-overflow thead {
	display: none;
}

.content-table.table-collapse.has-overflow tbody {
	width: 100%;
	display: block;
}

.content-table.table-collapse.has-overflow tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	padding-bottom: 1.5rem;
}

.content-table.table-collapse.has-overflow td {
	display: block;
	float: left;
	width: 100%;
	padding-right: 0;
}

.content-table.table-collapse.has-overflow td:first-child {
	border-top-color: rgb(230,230,230);
}

.content-table.table-collapse.has-overflow td:before {
	content: attr(data-head-content);
	width: 50%;
	float: left;
	display: block;
	font-weight: 600;
}

.content-table.table-collapse.has-overflow td:before {
	content: attr(data-head-content);
	width: 50%;
	float: left;
	display: block;
	font-weight: 600;
}

.content-table.table-collapse.has-overflow td.no-head-value {
	padding-left: 50%;
	width: 50%;
}	

.content-table.table-collapse.has-overflow td.no-head-value:before {
	content: none;
}

.content-table td a {
	text-decoration: underline;
		-webkit-text-decoration-color: rgb(154,154,154);
	   -moz-text-decoration-color: rgb(154,154,154);
	        text-decoration-color: rgb(154,154,154);
}

.content-table td a:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: black;
	   -moz-text-decoration-color: black;
	        text-decoration-color: black;
	cursor: pointer;
}

/* ==========================================================================
	glossary
   ========================================================================== */	

.contentpage .content .glossary aside.is_stuck ul {
	padding-top: 5rem;
}

.contentpage .content .glossary aside ul {
	padding-top: 0;
	-webkit-transition: padding-top 3s ease-out;
	transition: padding-top 3s ease-out;
}

.glossary aside ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.glossary aside ul li {
	color: rgb(154,154,154);
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 0;
	text-align: center;
	width: 100%;
}

.glossary aside ul li a {
	color: black;
}

.glossary aside ul li a:hover {
	cursor: pointer;
}

.contentpage .glossary h3.item-headline {
	margin-bottom: 0.25rem;
	margin-top: 3rem;
}

.contentpage .glossary section:first-child h3.item-headline {
		margin-top: 0rem;
}

	
/* ==========================================================================
	content page visitor information
   ========================================================================== */	

.visitor-info {
	padding-bottom: 2rem;
}

.visitor-info .content-table th {
 	font-weight:inherit;
 	white-space: inherit;
}

.visitor-info .content-table table {
	margin-top: 1.5rem;
}

.visitor-info .content-table table:first-child{
	margin-top: 0;
}

.visitor-info .content-table table td:last-child {
	text-align: right;
	padding-right: 0;
}

.visitor-info .content-table table td:first-child {
	text-align: left;
}

.content-table .table-scroller {
	margin-top: -0.5rem;
}

.content-table.fix-default table th,
.content-table.fix-default table td,
.content-table.fix-wide table th,
.content-table.fix-wide table td {
		overflow: auto;
		white-space: normal
}


.content-table.fixed-column.has-overflow table tbody tr:first-child td:nth-child(1) {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	margin-top: calc(-0.25rem - 1px);
	padding-top: calc(0.25rem + 1px);
}

.content-table.fixed-column.has-overflow table thead th:nth-child(1) {
	border-bottom-color: transparent;
}
/*
.content-table.fix-default table thead tr,
.content-table.fix-wide table thead tr {
	float: left;
}

.content-table.fix-default table th:first-child,
.content-table.fix-wide table th:first-child {
	height: 100%;
}
*/


/* ==========================================================================
	team content
   ========================================================================== */	

.team-content {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;	
	background-color: white;
}

.team-headline {
	width: 100%;
	float: left;
}

.team-group {
	width: 100%;
	float: left;
	margin-bottom: 1rem;
}

.team-group-members {
	width: 100%;
	float: left;
}

.contentpage .content .team-group-headline h4 {
	margin-top: 1rem;	
	margin-bottom: 0.5rem;
}

.team-member {
	width: 100%;
	float: left;	
	border-top: 1px solid rgb(170, 170, 170);
	border-bottom: 1px solid rgb(170, 170, 170);
	padding-top: 1.5rem;
	margin-top: -1px;
}

.team-member:first-child {
	border-top-color: black;
}

.team-group:last-child .team-member:last-child {
	border-bottom-color: black;
}

.team-member .team-member-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        -webkit-align-items: stretch;
	        align-items: stretch;
	width: 100%;
	margin-bottom: 1.5rem;
}

.team-member .image-wrapper {
	margin-right: 1.5rem;
	float: left;
}

.team-member .copy-wrapper {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        -webkit-align-items: flex-start;
	        align-items: flex-start;
}

.team-member .image-wrapper figure {
	width: 100%;
	margin: 0;
	padding: 0;
}

.team-member .image-wrapper img {
	width: 100%;
	height: auto;
}

.team-member .team-member-email a {
	border-bottom: 1px solid transparent;
	color: inherit;
	word-wrap: break-word;
  overflow-wrap: break-word;
	-webkit-hyphens: auto;
        -ms-hyphens: auto;
	    -moz-hyphens: auto;
	     hyphens: auto;
}

.team-member .team-member-phone a:hover,
.team-member .team-member-email a:hover {
	border-bottom-color: rgb(0,99,180);
	color: rgb(0,99,180);
	cursor: pointer;
}

.team-member .team-member-name-positon, 
.team-member-contact {
	width: 100%;
	float: left;
}

.team-member .team-member-name {
	font-size: 1.55rem;
   line-height: 1.85rem;
}

.team-member .team-member-name-positon {
	margin-bottom: 1rem;
}

.team-member .button-wrapper button,
.team-member .vita-button-wrapper button {
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.team-member .button-wrapper,
.team-member .vita-button-wrapper {
	width: 100%;
	float: left;
}

.team-member  .read-more-content .vita-button-wrapper {
	margin-top: 1.5rem;
}

.team-member .button-wrapper button:hover,
.team-member .vita-button-wrapper button:hover {
	cursor: pointer;
	color: rgb(164,170,0);
}

.team-member .button-wrapper button:before,
.team-member .vita-button-wrapper button:before {
	padding-right: 0.25rem;
}

.team-member .team-member-vita {
	width: 100%;
	float: left;
	padding-bottom: 1.5rem;
}

.social-contacts {
	float: left;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: -0.5rem;
}

.social-contacts .social-contacts-wrapper {
	display: inline-block;
}

.social-contacts a {
	display: inline-block;
	margin-right: 0.5rem;
	color: black;
}

.social-contacts a:last-child {
	margin-right: 0;
}

.social-contacts a.sgn-icon {
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.social-contacts a.sgn-icon:before {
	font-size: 1.3rem;
	color: black;
}

.social-contacts .social-contacts-wrapper:hover a:before {
	color: rgb(170,170,170);
} 

.social-contacts .social-contacts-wrapper a.sgn-icon:hover,
.social-contacts .social-contacts-wrapper a.sgn-icon:hover:before {
	color: rgb(0,99,180);
} 

.social-contacts a.sgn-icon:hover  {
	-webkit-transform: scale(1.35);
	        -ms-transform: scale(1.35);
	    transform: scale(1.35);
}

/* ==========================================================================
	contentpage / exhibiton single
   ========================================================================== */	


/* copy blocks */
.contentpage article {
	float: left;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	     hyphens: auto;
	width: 100%;
/* 	min-height: calc(100vh - 10rem); */
}

.contentpage article.wide {
	float: left;
}

.contentpage .content figure img {
	width: 100%;
	height: auto;	
}

.contentpage .full-width-image.header-image {
	padding-top: 0;
}

.contentpage .copy-wide {
	width: 100%;
	float: left;
}

.contentpage .copy-wide .copy {
    width: -webkit-calc(100% - 3rem);
    width: calc(100% - 3rem);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

/* copy left and copy right  */
.contentpage .copy-right .copy,
.contentpage .copy-left .copy {
	float: left;
}

.contentpage .content .copy-right aside {
    float: right;
}

.contentpage .content .copy-left aside {
    float: left;
}

.contentpage .content aside figure {
	padding: 0;
	margin: 0;	
	float: left;
	width: 100%;
	margin-bottom: 1.5rem;
}

.contentpage .content aside figcaption {
	margin-top: 0.75rem;
   padding-bottom: 1rem;
}

.contentpage .content aside .has-lightbox figcaption {
	padding-bottom: 0;
}

.contentpage .content aside blockquote {
	padding: 0;
	margin: 0;
	margin-bottom: 1rem;
	padding-top: 1rem;
	color: rgb(0,98,180);
	font-weight: 600;
}

.contentpage .content aside blockquote footer {
	margin-top: 1rem;
   padding: 0;
   padding-bottom: 1rem;
   border: none;
	background: none;   
   color: black;
}

.social-links ul li,
.social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contentpage .content .mobile-drop-zone .social-links,
.contentpage .content aside .social-links {
	width: 100%;
	float: left;
	margin-top: 0!important;
}

.contentpage .content .mobile-drop-zone .social-links ul li:before,
.contentpage .content aside .social-links ul li:before {
	content: none;
}

.contentpage .content .mobile-drop-zone .social-links ul,
.contentpage .content aside .social-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contentpage .content .mobile-drop-zone .social-links ul li a,
.contentpage .content aside .social-links ul li a {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
	width: 100%;
	float: left;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.contentpage .content .mobile-drop-zone .social-links ul li i,
.contentpage .content aside .social-links ul li i {
	display: inline-block;
}

.contentpage .content .mobile-drop-zone .social-links ul li:hover,
.contentpage .content aside .social-links ul li:hover {
/* 	color: rgb(0,99,180); */
}

.contentpage .content .mobile-drop-zone .social-links ul li span,
.contentpage .content aside .social-links ul li span {
	display: inline-block;
}	

.contentpage .content .mobile-drop-zone h6,
.contentpage .content aside h6 {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: -0.25rem;
}

.contentpage .content .mobile-drop-zone .aside-copy,
.contentpage .content aside .aside-copy {
	width: 100%;
}

.contentpage .content .mobile-drop-zone .aside-copy p,
.contentpage .content aside .aside-copy p {
	margin-top: 0.25rem;
	margin-bottom: 0.5rem;
}

.contentpage .content aside .aside-copy.object-relation {
	margin-bottom: 1rem;
}

.contentpage .content aside .aside-copy.press-contact p {
	margin-bottom: 1rem;
}

.contentpage .content aside .aside-copy.press-release-date {
	margin-bottom: 1rem;
}

.contentpage .content .overline {
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 0;
}

.contentpage .content h2,
.contentpage .content .headline {
    color: black;
    font-weight: 300;
    margin-top: 0rem;
}

.contentpage .content .subline {
    font-weight: 300;
    margin-top: 0;
}

.contentpage .content h3,
.contentpage .content .date {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0rem;
}

.contentpage .content h4 {
    font-weight: 300;
    margin-bottom: 0rem;
}

.contentpage .content h5 {
    font-weight: 300;
}

.contentpage .content h6 {
    font-weight: 300;
    margin-bottom: 0rem;
}

.contentpage .lightbox-button {
	margin-top: 0;
	float: left;
}

.contentpage .lightbox-button button {
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	border: transparent;
	border-width: 0;
	background: transparent;
}

.contentpage .lightbox-button button:hover {
	cursor: pointer;
	color: rgb(164,170,0);
}

.contentpage .lightbox-button button:active,
.contentpage .lightbox-button button:focus {
	border: none;
	outline: none;
}

.has-lightbox img:hover {
	cursor: pointer!important;
	cursor: -webkit-zoom-in!important;
	cursor: zoom-in!important;
}

/* full with image and video */

.contentpage .video-gallery .video-item,
.contentpage .full-width-image,
.contentpage .full-width-video {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;	
	background-color: white;
	float: left;
}

.contentpage .video-gallery figure,
.contentpage .full-width-image figure,
.contentpage .full-width-video figure {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;	
}


.contentpage .video-gallery .video-item figcaption,
.contentpage .full-width-image figure figcaption {
	margin-top: 0.75rem;
   padding-bottom: 1rem;
   font-size: 1rem;
}

.contentpage .full-width-image.header-image {
	padding-top: 0rem;
	margin-bottom: 0;
}

.contentpage .video-gallery .video-item .video-wrapper,
.contentpage .full-width-video .video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.contentpage .video-gallery .video-item .video-wrapper iframe, 
.contentpage .full-width-video .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/* video-gallery */
.contentpage .video-gallery {
	display: block;
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 24px;
	padding-left: 1.5rem;
	padding-right: 24px;
	padding-right: 1.5rem;
}

.contentpage .video-gallery-wrapper {
	width: 100%;
	display: -ms-grid;
	display: grid;
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
}



/* image group /////////////////////// */
.contentpage .image-group {
	float: left;
	background-color: white;
}

.contentpage .image-group .image-group-head {
	width: 100%;
	float: left;
/* 	margin-bottom: 1rem;	 */
}

.contentpage .image-group-wrapper {
	float: left;
	display: -ms-grid;
	display: grid;
}

.contentpage .image-group figure {
	margin: 0;
	padding: 0;
	position: relative;
}

.contentpage .image-group figcaption {
	margin-top: 1rem;
}

.contentpage .image-group-footer {
	float: left;
	width: 100%;
	margin-top: 0.5rem;
}

.contentpage aside .image-group-footer {
	margin-top: 0;
	margin-bottom: 1rem;
}


/* lightbox-content*/
.lightbox-content {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 5000;
}

.lightbox-content{
	display: none;
}

.lightbox-slider {
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
}

.lightbox-item {
	width: 100vw;
	height: 100vh;
	word-spacing: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.lightbox-item  figure {
	width: 80%;
	height: -webkit-calc(100vh - 6rem);
	height: calc(100vh - 6rem);
	margin-left: 10%;
	margin-top: 3.5rem;
	position: relative;
	position: absolute;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-ms-flex-flow: column;
	    -webkit-flex-flow: column;
	        flex-flow: column;
}

.lightbox-item  figure .lightbox-media-wrapper {
	width: 100%;
	height: auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        -webkit-flex: 1 1 auto;
	        flex: 1 1 auto;
	position: relative;
}

.lightbox-item  figure .lightbox-media-wrapper img {
	-o-object-fit: contain;
	   object-fit: contain;
	font-family: 'object-fit: contain;'; /* ofi polyfill */
	width: 100%;
	height: 100%;
	position: absolute;
}

.lightbox-item  figure .lightbox-media-wrapper.loading {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiICBoZWlnaHQ9IjIwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcm9sbGluZyIgc3R5bGU9ImJhY2tncm91bmQtaW1hZ2U6IG5vbmU7IGJhY2tncm91bmQtcG9zaXRpb246IGluaXRpYWwgaW5pdGlhbDsgYmFja2dyb3VuZC1yZXBlYXQ6IGluaXRpYWwgaW5pdGlhbDsiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jb2xvcn19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgbmctYXR0ci1yPSJ7e2NvbmZpZy5yYWRpdXN9fSIgbmctYXR0ci1zdHJva2UtZGFzaGFycmF5PSJ7e2NvbmZpZy5kYXNoYXJyYXl9fSIgc3Ryb2tlPSIjYTRhYTAwIiBzdHJva2Utd2lkdGg9IjQiIHI9IjM1IiBzdHJva2UtZGFzaGFycmF5PSIxNjQuOTMzNjE0MzEzNDY0MTUgNTYuOTc3ODcxNDM3ODIxMzgiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBjYWxjTW9kZT0ibGluZWFyIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjIuNnMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2NpcmNsZT48L3N2Zz4=);
	background-position: center center;
	background-position: center -webkit-calc(50vh - 6rem);
	background-position: center calc(50vh - 6rem);
	background-repeat: no-repeat;
	background-size: 5rem;
}

/* fallback IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
			
	.lightbox-item  figure .lightbox-media-wrapper img {
		width: auto;
		height: auto;
		max-height: 90%;
		max-width: 100%;
	}
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial)) and (not (position:sticky)) { 
	.lightbox-item  figure .lightbox-media-wrapper img  {
		width: auto;
		height: auto;
		max-height: 90%;
		max-width: 100%;
	}
}

@supports (-ms-ime-align:auto) and (not (font-variation-settings:normal)) { 
	.lightbox-item  figure .lightbox-media-wrapper img  {
		width: auto;
		height: auto;
		max-height: 90%;
		max-width: 100%;
	}
}

.lightbox-content .copyright-button {
	right: inherit;
	left: -webkit-calc(50% - 0.5rem);
	left: calc(50% - 0.5rem);
}

.lightbox-item  figure figcaption {
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	float: left;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        -webkit-flex: 0 0 auto;
	        flex: 0 0 auto;
	text-align: center;
	font-size: 0.95rem;
	line-height: 1.2rem;
	font-weight: 300;
}

.lightbox-content .slider-controls {
	position: absolute;
	width: 10%;
	min-width: 2.5rem;
	height: -webkit-calc(100% - 4rem);
	height: calc(100% - 4rem);
	margin-top: 2rem;
	top: 0;
	cursor: pointer;
	z-index: 3100;
}

.lightbox-content .slider-controls {
	display: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
}

.lightbox-content .slider-controls.prev {
	left: 0;
}

.lightbox-content .slider-controls.next {
	right: 0;
}

.lightbox-content .slider-controls.prev:before,
.lightbox-content .slider-controls.next:before {
	display: block;
	color: black;
	font-family: 'sgn-icons';
	font-size: 2.2rem;
} 

.lightbox-content .slider-controls.prev:before {
	content: '‹';
	text-align: left;
	padding-left: 1rem;
}

.lightbox-content .slider-controls.next:before {
	content: '›';
	text-align: right;
	padding-right: 1rem;
}

.lightbox-close {
	position: absolute;
	right: 1.25rem;
	top: 3rem;
	width: 3rem;
	height: 3rem;
	z-index: 5020;
	font-size: 2rem;
	background: none;
	border: none;
}

.lightbox-close:focus,
.lightbox-close:active {
	border: none;
	outline: none;
}

.lightbox-content .slider-controls.prev:focus:before,
.lightbox-content .slider-controls.next:focus:before, 
.lightbox-close:focus,
.lightbox-content .slider-controls.prev:hover:before,
.lightbox-content .slider-controls.next:hover:before, 
.lightbox-close:hover {
	cursor: pointer;
	color: rgb(164,170,0);
}

.lightbox-content .slider-pager span {
	background-color: rgb(154,154,154);
}

.lightbox-content .slider-pager span.cycle-pager-active {
	background-color: rgb(164,170,0);
}


/* ==========================================================================
	logo boxes
   ========================================================================== */	

.logo-boxes {
	float: left;
	background-color: white;
}

.logo-boxes-group,
.logo-boxes-head {
	float: left;
	width: 100%;
}

.logo-boxes .logo-boxes-wrapper {
	width: 100%;
	display: -ms-grid;
	display: grid;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}

.logo-boxes figure {
	width: 100%;
	float: left;
	position: relative;
	margin: 0;
}

.logo-boxes figure .logo-wrapper {
	width: 100%;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	border: 1px solid rgb(230,230,230);
	overflow: hidden;
}

.logo-boxes figure .logo-inner-wrapper {
	position: absolute;
	float: left;
	width: -webkit-calc(100% - 1rem);
	width: calc(100% - 1rem);
	height: -webkit-calc(100% - 1rem);
	height: calc(100% - 1rem);
	margin: 0.5rem;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
}

.logo-boxes figure .logo-wrapper:before {
	content: '';
	display: block;
	padding-top: 75%;
}	

.logo-boxes figure .logo-wrapper img {
	-o-object-fit:contain;
	   object-fit:contain;
	-o-object-position: 50% 50%;
	   object-position: 50% 50%;
	font-family: 'object-fit: contain; object-position: 50% 50%;'; /* ofi polyfill */   
	width: 100%;
}

.logo-boxes figure figcaption {
	float: left;
	position: relative;
	width: 100%;
	font-size: 0.8rem;
	line-height: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.content .logo-boxes h2 {
	font-weight: 300;
   margin-bottom: 0rem;
}
.content .logo-boxes h3 {
	font-weight: 300;
   margin-bottom: 0.5rem;
}

/* logo boxen on teaser page  */
.teaser-content .logo-boxes {
	padding-bottom: 2rem;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* ==========================================================================
	main content / home
   ========================================================================== */	

.home footer {
	margin-top: 0;
}

/* home wrapper for tabs, features etc */
.home .inner-wrapper {
    float: left;
    width: -webkit-calc(100% - 8rem);
    width: calc(100% - 8rem);
    padding-left: 4rem;
    padding-right: 4rem;
}

/* head-slider -------------------------------------- */
.head-slider {
	position: relative;
	width: 100%;
	float: left;
	z-index: 3000;
}

/* slider items */
.head-slider figure {
	position: absolute;
	width: 100%;
	height: 65vh;	
	margin: 0;
	padding: 0;
	z-index: 3300;
	overflow: hidden;
}

.head-slider figure a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3320;
}

.head-slider figure .image-wrapper{
	position: relative;
}
  
.head-slider figure img {
 	-o-object-fit:cover;
 	   object-fit:cover;
 	   -o-object-position: center center;
     object-position: center center;

 	   font-family: 'object-fit: cover;'; /* ofi polyfill */
	width: 100%;
	height: 65vh;
}

/* fallback IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.head-slider figure .image-wrapper{
		position: relative;
		width: 100%;
		height: 65vh;
	}
  
	.head-slider figure img {
	 	-o-object-fit:cover;
	 	   object-fit:cover;
	 	   font-family: 'object-fit: cover; object-position: center center;'; /* ofi polyfill */
		width: 100%;
		height: auto;
	}

}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial)) and (not (position:sticky)) { 
	
	.head-slider figure .image-wrapper{
		position: relative;
		width: 100%;
		height: 65vh;
	}
  
	.head-slider figure img {
	 	-o-object-fit:cover;
	 	   object-fit:cover;
	 	   font-family: 'object-fit: cover; object-position: center center;'; /* ofi polyfill */
		width: 100%;
		height: auto;
	}

}

/* slider menu */
.head-slider .slider-menu {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-top: 4rem;
	padding-bottom: 2rem;
	background-color: rgba(0, 0, 0, 0.97);
	border-top: 0.3rem solid rgb(164,170,0);
	z-index: 3400;
}

.head-slider .slider-menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	list-style: none;
	padding-left: 1rem;
	padding-right: 1rem;
}

.head-slider .slider-menu ul li {
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
	margin-left: 1rem;
	margin-right: 1rem;
	color: white;
}

.head-slider .slider-menu ul li img {
	width: 100%;
	height: auto;
}

.head-slider .slider-menu ul li img {
	border-bottom: 0.3rem solid rgba(164,170,0,0);
}

.head-slider .slider-menu ul li:hover img,
.head-slider .slider-menu ul li.active img {
	border-bottom: 0.3rem solid rgba(164,170,0,1);
}

.head-slider .slider-menu ul li:hover {
	cursor: pointer;
}

.head-slider .slider-menu .slider-overline {
	margin-bottom: 0;
	margin-top: 0.5rem;
	font-weight: 300;
}

.head-slider .slider-menu .slider-headline {
	margin-top: 0;
	font-weight: 300;
}

.head-slider .slider-menu .slider-date {
	margin-top: 0;
	font-weight: 300;
}

.head-slider .slider-menu .slider-subline {
	margin-top: 0;
	font-weight: 300;
}

/* contols (prev next buttons) */
.head-slider .slider-controls,
.head-slider .slider-controls-helper {
	position: absolute;
	width: 15%;
	min-width: 2.5rem;
	height: -webkit-calc(100% - 4rem);
	height: calc(100% - 4rem);
	margin-top: 2rem;
	top: 0;
	cursor: pointer;
	z-index: 3100;
}

.head-slider .slider-controls {
	display: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
}

.head-slider .slider-controls.prev,
.head-slider .slider-controls-helper.prev-helper {
	left: 0;
}

.head-slider .slider-controls.next,
.head-slider .slider-controls-helper.next-helper {
	right: 0;
}

.head-slider .slider-controls.prev:before,
.head-slider .slider-controls.next:before {
	display: block;
	color: white;
	text-shadow: 0px 0px 3px black;
	font-family: 'sgn-icons';
	font-size: 2.2rem;
} 

.head-slider .slider-controls.prev:before {
	content: '‹';
	text-align: left;
	padding-left: 0.25rem;
}

.head-slider .slider-controls.next:before {
	content: '›';
	text-align: right;
	padding-right: 0.25rem;
}



/* ==========================================================================
   slider & features caption box
========================================================================== */

.caption-box {
	position: absolute;
	width: -webkit-calc(100% - 8rem);
	width: calc(100% - 8rem);
	max-width: 47.5rem;
	bottom: 2rem;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 2rem;
	padding-right: 2rem;
	z-index: 3300;
}

.caption-box .pseudo-link {
	margin-top: -0.5rem;
}

.caption-box .sgn-icon:before {
	font-size: 80%;
	padding-right: 0.25rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.split-caption .overline,
.caption-box .overline {
	margin-bottom: 0;
	margin-top: 0.5rem;
	font-weight: 400;
}

.split-caption .headline,
.caption-box .headline {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.split-caption .subline,
.caption-box .subline {
	margin-top: 0.5rem;
	margin-bottom: 1.25rem;
	font-weight: 400;
}

.split-caption .date,
.caption-box .date {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: 400;
}

.split-caption .copy,
.caption-box .copy {
	margin-bottom: 0;
	font-weight: 400;
}

.split-caption .pseudo-link,
.caption-box .pseudo-link {
	margin-top: 0.75rem;
}

.split-caption .sgn-icon:before,
.caption-box .sgn-icon:before {
	font-size: 80%;
	padding-right: 0.25rem;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

/* hover on figcaption adds a class on parent figure with JS */
.split-caption.has-link .caption:hover,
.has-caption-box.has-link .caption-box:hover {
	cursor: pointer;
}
 
.split-caption.has-link img,
.has-caption-box.has-link img {
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transform: scale(1.0);
	        -ms-transform: scale(1.0);
	    transform: scale(1.0);
}

.split-caption.has-link .hover-caption img,
.has-caption-box.has-link.hover-caption img,
.has-caption-box.has-link .hover-caption img {
	-webkit-transform: scale(1.025);
	        -ms-transform: scale(1.025);
	    transform: scale(1.025);	
}

.split-caption.has-link .image-wrapper,
.has-caption-box.has-link .image-wrapper {
	overflow: hidden;
}


/* ==========================================================================
   Features, big teasers
   ========================================================================== */


/*features with large image and caption-box */
.feature {
	width: 100%;
	float: left;
	position: relative;
}

.feature figure {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.feature.large-image .image-wrapper {
	width: 100%;
	float: left;
	position: relative;
}

.feature.large-image .image-wrapper img {
	width: 100%;
	height: auto;
}

.feature.has-caption-box figcaption {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	top: 0;
	left: 0;
	height: -webkit-calc(100% - 4rem);
	height: calc(100% - 4rem);
	width: -webkit-calc(100% - 4rem);
	width: calc(100% - 4rem);
	margin: 2rem;
}

.feature.caption-box .caption {
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	float: left;
	position: relative;
	padding: 2rem;
}

.feature .caption-wrapper {
	position: relative;
}

.feature.caption-top-left .caption-wrapper {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	            -ms-grid-row-align: flex-start;
	        -webkit-align-items: flex-start;
	        align-items: flex-start;
}

.feature.caption-top-right .caption-wrapper {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        -webkit-justify-content: flex-start;
	        justify-content: flex-start;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	            -ms-grid-row-align: flex-end;
	        -webkit-align-items: flex-end;
	        align-items: flex-end;
}

.feature.caption-center-left .caption-wrapper {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	            -ms-grid-row-align: flex-start;
	        -webkit-align-items: flex-start;
	        align-items: flex-start;
}

.feature.caption-center-right .caption-wrapper {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	            -ms-grid-row-align: flex-end;
	        -webkit-align-items: flex-end;
	        align-items: flex-end;
}

.feature.caption-bottom-left .caption-wrapper {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        -webkit-justify-content: flex-end;
	        justify-content: flex-end;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	            -ms-grid-row-align: flex-start;
	        -webkit-align-items: flex-start;
	        align-items: flex-start;
}

.feature.caption-bottom-right .caption-wrapper {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        -webkit-justify-content: flex-end;
	        justify-content: flex-end;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	            -ms-grid-row-align: flex-end;
	        -webkit-align-items: flex-end;
	        align-items: flex-end;
}

/* target IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
	.feature.caption-center-right .caption-wrapper,
	.feature.caption-top-right .caption-wrapper .caption-box,
	.feature.caption-bottom-right .caption-wrapper .caption-box {
		right: 0;
	}
}

.feature.caption-bottom-right figcaption,
.feature.caption-center-right figcaption,
.feature.caption-top-right figcaption {
    width: -webkit-calc(100% - 6rem);
    width: calc(100% - 6rem);
    margin-right: 4rem;
}

/*features with seamless caption and half image */
.feature.split-caption figure {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        -webkit-align-items: stretch;
	        align-items: stretch;
}

.feature.split-caption .image-wrapper {
	-webkit-box-flex: 2;
	    -ms-flex: 2 1 100%;
	        -webkit-flex: 2 1 100%;
	        flex: 2 1 100%; /* define only the copy width and fill the rest with a flexbox definiton */
	float: left;
	position: relative;
}

.feature.split-caption.caption-left .image-wrapper {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        -webkit-order: 2;
	        order: 2;
}

.feature.split-caption.caption-left .caption {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        -webkit-order: 1;
	        order: 1;
}

.feature.split-caption.caption-right .image-wrapper {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        -webkit-order: 1;
	        order: 1;
}

.feature.split-caption.caption-right .caption {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        -webkit-order: 2;
	        order: 2;
}

.feature.split-caption .image-wrapper img {
	width: 100%;
	height: 100%;
}

.feature.split-caption .image-wrapper.cover img {
	-o-object-fit:cover;
	   object-fit:cover;
	   font-family: 'object-fit: cover;'; /* ofi polyfill */
}

.feature.split-caption .image-wrapper.contain img {
	-o-object-fit:contain;
	   object-fit:contain;
	   font-family: 'object-fit: contain;'; /* ofi polyfill */
}

.feature.split-caption .caption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        -webkit-align-items: flex-start;
	        align-items: flex-start;
}

.feature.split-caption .image-wrapper .overlay-gradient {
	display: block;
	position: absolute;
	width: 50%;	
	height: 100%;
	top: 0;
}

.feature.split-caption.caption-left .image-wrapper .overlay-gradient {
	left: -1px;
	top: 0;
	-webkit-transform: rotate(180deg);
	        -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
}

.feature.split-caption.caption-right .image-wrapper .overlay-gradient {
	right: -1px;
	top: 0;
	-webkit-transform: inherit;
	        -ms-transform: inherit;
	    transform: inherit;
}

.feature.split-caption.caption-right .copyright-button {
	right: inherit;
	left: 0;
}



/* ==========================================================================
   video feature, big teaser with video content 
   ========================================================================== */

.video-feature {
	width: 100%;
	float: left;
	position: relative;
	font-weight: 300;
	padding-top: 3rem;
	padding-bottom: 3rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.video-feature.video-right .video {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}

.video-feature.video-right .copy-wrapper {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}

.video-feature.video-left .video {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}

.video-feature.video-left .copy-wrapper {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}

.video-feature .copy-wrapper {
	width: -webkit-calc(100% / 2 - 1.5rem);
	width: calc(100% / 2 - 1.5rem);
	float: left;
}

.video-feature.video-left .copy-wrapper {
	margin-left: 1.5rem;
}

.video-feature.video-right .copy-wrapper {
	margin-right: 1.5rem;
}

.video-feature .copy-wrapper .teaser-overline {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-weight: 400;
}

.video-feature .copy-wrapper .intro {
	margin-top: 0;
	margin-bottom: 0;
}

.video-feature .copy-wrapper h6 {
	font-weight: 300;
	margin-top: 0;
}

.video-feature .copy-wrapper h3 {
	margin-top: 0.0rem;
	font-weight: 300;
}

.video-feature .copy-wrapper h3 strong {
	font-weight: 600;
}

.video-feature .copy-wrapper .pseudo-link {
	margin-top: 1rem;
}

.video-feature .copy-wrapper figure {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
	padding: 0;
	border: none;
	margin-top: 2.5rem;
}

.video-feature .copy-wrapper figure img {
	width: 7rem;
	height: 7rem;
	-webkit-border-radius: 7rem;
	        border-radius: 7rem;
	border-width: 4px;
	border-style: solid;
	border-color: inherit;
	float: left;
}

.video-feature .copy-wrapper figure figcaption {
	float: left;
	margin-left: 1.5rem;
}

.video-feature .copy-wrapper figure h6 {
	font-size: inherit;
	margin: 0;
	font-weight: 600;
}

.video-feature .copy-wrapper figure p {
	margin-top: 0;
}

.video-feature .video {
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

.video-feature .video .video-wrapper {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	float: left;
	position: relative;
}

.video-feature .video .video-wrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.video-feature .video figcaption {
	width: 100%;
	float: left;
	margin-top: 1rem;
	color: black;
}


/* ==========================================================================
   Tabs, tab teaser and teaser group (tab element with just one tab)
   ========================================================================== */

.tabs,
.teaser-group {
	width: 100%;
	float: left;
}

.tabs .tabs-head,
.teaser-group .teaser-head {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: left;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;	
	-webkit-box-align: start;	
	    -ms-flex-align: start;	
	        -webkit-align-items: flex-start;	
	        align-items: flex-start;	
}

.tabs .tabs-head h2 {
	display: inline;
	margin: 0;
}

.tabs .tabs-head button {
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;	
 	text-align: left;
 	font-weight: 400;
}	

.teaser-group .teaser-head h2,
.related-content .teaser-head h2 {
	margin: 0;	
 	font-weight: 400;
}	

.contentpage .content .teaser-head h2 {
	margin: 0;	
	font-weight: 400;
}

.tabs .tabs-head button:focus {
	outline:none;
}

.tabs .tabs-head button span {
	display: inline;
	text-align: left;
	position: relative;
}

.tabs .tabs-head button.active span {
	border-color: rgb(164,170,0);
}

/* .tabs .tabs-head button.active span, */
.tabs .tabs-head button span .border-bottom {
	display: block;
	border-bottom: 0.15rem solid transparent;
}

.tabs .tabs-head button:hover span .border-bottom,
.tabs .tabs-head button.active span .border-bottom {
	border-color: rgb(164,170,0);
}

.tabs .tabs-head button:hover {
	cursor: pointer;
}

.tabs .tab-content-wrapper,
.teaser-group .teaser-wrapper {
	width: 100%;
	float: left;
}
	
.tabs .tab-item {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    -webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.tabs .teaser,
.teaser-group .teaser {
	float: left;
}

/* teaser style  */
.teaser .copy-wrapper {
	width: 100%;
	float: left;
}

.teaser .image-wrapper {
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
	
.teaser .image-wrapper img {
	width: 100%;
	float: left;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.teaser:hover .image-wrapper img {
	-webkit-transform: scale(1.05);
	        -ms-transform: scale(1.05);
	    transform: scale(1.05);	
}

.teaser .teaser-overline {
 	margin-top: 0;
	font-weight: 400;
}	
		
.teaser .teaser-headline {
	font-weight: 400;
}

.teaser .teaser-subline {
	font-weight: 400;
}

.teaser .teaser-date {
	font-weight: 400;
}

.teaser .teaser-date strong {
	font-weight: 400;
	color: rgb(164,170,0);
}

.teaser .copy-wrapper {
	font-weight: 400;
}

.teaser:hover .pseudo-link {
	color: rgb(164,170,0);	
}

.teaser-group-with-background .teaser:hover .pseudo-link {
	color: inherit;
}

.tabs.background-image,
.teaser-group.background-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tabs,
.teaser-group {
	position: relative;
}

.tabs .background-image,
.teaser-group .background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: -1;
}

.tabs .background-image img,
.teaser-group .background-image img {
	width: 100%;
	height: 100%;
	-o-object-fit:cover;
 	object-fit:cover;
  -o-object-position: center top;
     object-position: center top;
  font-family: 'object-fit: cover; object-position: center top;'; /* ofi polyfill */
}


/* ==========================================================================
  link bar
   ========================================================================== */

.link-bar {
	overflow: hidden;
	float: left;
}

.link-bar h2 {
	font-weight: 400;
	text-align: center;
}

.link-bar p {
	font-weight: 400;
	text-align: center;
}

.link-bar h2 strong {
	font-weight: inherit;
	display: inline-block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.link-bar.sgn-background-blue h2 strong {
	border-bottom-color: white;
}

.link-bar.sgn-background-white h2 strong {
	border-bottom-color: black;
}

.link-bar h2 strong:hover {
	border-bottom-color: transparent;
}

/* ==========================================================================
	calendar
   ========================================================================== */	

.calendar-content {
	float: left;
	font-weight: 300;
	width: 100%;
}
.calendar-content-wrapper {
	background-color: white;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;
}

.calendar-content section.copy {
	float: left;	
}

.calendar-content .calendar-footer {
	margin-top: 1rem;
}

.calendar-content .calendar-footer u {
	text-decoration: none;
	border-bottom: 1px solid black;
}

.calendar-content .calendar-footer:hover u,
.calendar-content .calendar-footer u:hover {
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

/* event list -------------------- */
.event-list,
.event-list > ul {	
	width: 100%;
	float: left;
}

.event-list {
	padding-bottom: 2rem;
}

.event-list ul,
.event-list ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.event-list .event-date-time,
.event-list .event-categories,
.event-list .event-additional-info,
.event-list .event-functions,
.event-list .event-topic,
.event-list .price,
.event-list .duration,
.event-list .event-detail,
.event-list .event-topic figure,
.event-list .event-topic .event-topic-wrapper,
.event-list .event-registraton-accordion {
	float: left;
}

.event-list > ul > li {
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
	padding-top: 1rem;
	padding-bottom: 0;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 0;
}

.event-list > ul:first-child > li:first-child {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;
}
	
.event-list .event-content,
.event-list .event-content-extended	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        -webkit-flex-direction: row;
	        flex-direction: row;
	width: 100%;
	float: left;
	margin-bottom: 1.5rem;
}

.event-list .has-extendet-content .event-content:hover {
	cursor: pointer;
	float: left;
}

.event-list .has-extendet-content:not(.content-extended-open) .event-content .event-date-time:after {
    content: 'ˇ';
    display: inline-block;
    width: 100%;
    float: left;
    text-align: left;
    font-family: 'sgn-icons';
    padding-right: 0.35rem;
    margin-top: 0.5rem;
    white-space: pre-wrap;  
}

.event-list .has-extendet-content:not(.content-extended-open) .event-content:hover .event-date-time:after {
	 -webkit-animation: pulse-down-action 1s infinite  alternate;
     animation: pulse-down-action 1s infinite  alternate;
     color: rgb(164,170,0);
}

 @-webkit-keyframes pulse-down-action {
     0% { -webkit-transform: translateY(0); transform: translateY(0); }
     100% { -webkit-transform: translateY(0.4rem); transform: translateY(0.4rem); }
 }
 @keyframes pulse-down-action {
     0% { -webkit-transform: translateY(0); transform: translateY(0); }
     100% { -webkit-transform: translateY(0.4rem); transform: translateY(0.4rem); }
 }
 
.event-list .content-extended-open .calendar-accordion:after {
    content: 'ˆ';
    display: inline-block;
    width: 1rem;
    float: left;
    text-align: left;
    font-family: 'sgn-icons';
    padding-right: 0.35rem;
    white-space: pre-wrap;
    position: absolute;
    bottom: 0;
    left: 0;
}

.event-list .has-extendet-content:not(.content-extended-open) .calendar-accordion {
	display: none;
}

.event-list .event-functions {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
}

.event-list .event-functions button,
.event-list .event-functions a {
	font-weight: 600;
	text-transform: none;
	display: block;
}

.event-list .event-functions button:before,
.event-list .event-functions a:before {
	padding-right: 0.2rem;
	font-weight: normal;
	color: inherit;
	font-size: 1.7rem;
}

.event-list .event-detail .copy-wrapper > * {
	margin-top: 0;
}	

.event-list .event-topic figure {
	margin: 0;
	padding: 0;
}

	
.event-list .event-topic figure img,
.event-list .event-content figure img {
	width: 100%;
	height: auto;
}	
	
.event-list .event-date-time .weekday,
.event-list .event-date-time .day-month,
.event-list .event-date-time .time,
.event-list .event-date-time .location,
.event-list .event-date-time .alert {
	display: block;
	width: 100%;
	float: left;
}

.event-list .event-date-time .location {
	margin-top: 0.5rem;
}

.event-list .duration.has-price:after {
	content: '/';
	display: inline-block;
	margin-left: 0.25rem;	
	margin-right: 0.25rem;
}

.calendar-content .event-list .event-title h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 600;
}

.calendar-content .event-list .event-title h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300;
}

.event-list .event-date-time .day-month {
	font-weight: 600;
}

.event-list .event-title {
	margin-bottom: 0.5rem;
}

.event-list .event-registraton-accordion {
	margin-top: 0.5rem;
	width: 100%;	
}

.event-list .event-registraton-accordion em {
	text-decoration: none;
	border-bottom: 1px solid black;
	display: inline-block;
	font-style: normal;
}

.event-list .event-registraton-accordion em:hover {
	border-bottom-color: transparent;
}


.event-list button.calendar-accordion {
	width: 100%;
}

.event-list .event-date-time .alert,
.event-list .event-date-time .available {
	margin-bottom: 0.5rem;
}

/* event list calendar-filters -------------------- */
.calendar-filters {
	width: 100%;
	float: left;
	margin-bottom: 2rem;
}

.calendar-filters .jumpers {
	float: left;
	text-transform: uppercase;
}

.calendar-filters .jumpers .current {
	margin-bottom: 0.5rem;
}

.calendar-filters .jumpers .current,
.calendar-filters .jumpers .future:hover {
	font-weight: 600;
}

.calendar-filters .jumpers a:before {
	color: black;
}

.calendar-filters .jumpers .future a {
	display: inline-block;
}

.calendar-filters .jumpers .future a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.calendar-filters ul {
	list-style: none;
	margin: 0;
	padding: 0;
}	

.calendar-filters ul li {
	margin: 0;
	padding: 0;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}	



/* event list form list */
.event-list .formlist-lines li,
.newsletter-form .formlist-lines li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.contentpage .copy .formlist li,
.newsletter-form .copy .formlist li {
	padding-left: 0;
}

.contentpage .copy .formlist li:before,
.event-list .formlist li:before,
.event-list .formlist-lines li:before,
.newsletter-form .formlist li:before,
.newsletter-form .formlist-lines li:before {
	content: none;
	display: none;
}

.event-list .formlist input:hover,
.event-list .formlist label:hover, 
.newsletter-form .formlist input:hover,
.newsletter-form .formlist label:hover {
	cursor: pointer;
}

.event-list .formlist-lines li:first-child input,
.newsletter-form .formlist-lines li:first-child input {
	border-top-width: 1px;
	border-top-color: rgb(154,154,154);
	border-top-style: solid;
}

.event-list .formlist .input-text,
.newsletter-form .formlist .input-text {
	border: none;
	padding: 0;
	background-color: transparent;
	width: 100%;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-bottom-width: 1px;
	border-bottom-color: rgb(154,154,154);
	border-bottom-style: solid;
	-webkit-transition: all 0.25 ease-in-out;
	transition: all 0.25 ease-in-out;
}

.event-list .formlist .input-text:focus,
.newsletter-form .formlist .input-text:focus {
	outline: none;
	border-bottom-color: black;
}

.event-list .formlist input.error,
.event-list .formlist input.error:focus,
.newsletter-form .formlist input.error,
.newsletter-form .formlist input.error:focus {
	border-bottom-color: red;
	border-top-width: 1px;
	border-top-color: red;
	border-top-style: solid;
	margin-top: -1px;
}

.event-list input:placeholder,
.newsletter-form input:placeholder {
	color: rgb(154,154,154);
	font-weight: 300;
}

.event-list input:placeholder-shown,
.newsletter-form input:placeholder-shown {
	color: black;
	font-weight: 300;
}

.event-list .alert, 
.newsletter-form .alert {
	font-weight: 600;
}

.event-list .alert,
.event-list input.error::-webkit-input-placeholder {
	color: red;
}

.event-list .alert,
.event-list input.error::-moz-placeholder {
	color: red;
}

.event-list .alert,
.event-list input.error:-ms-input-placeholder {
	color: red;
}

.event-list .alert,
.event-list input.error::placeholder {
	color: red;
}

/* hide this input for honeypot spam protection */
.event-list .input-email-confirm,
.newsletter-form .input-email-confirm {
	display: none;
}

.filter-selects > ul li,.filter-selects > ul li {
	width: 100%;
	float: left;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.filter-selects > ul li.all {
	display: none;
}

.filter-selects { 
	float: left;
}

.event-list .copy-wrapper h6 {
	margin-bottom: 0.5rem;
	margin-top: 2rem;
	font-weight: 600;
	font-size: inherit;
}

.event-list .formlist .select-menu.numerical-seclect-menu {
	width: inherit;
}

/* calendar content on home  */
.home .calendar-content h3 {
	font-weight: 300;
}


/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

.teaser-content .content-wrapper {
	background-color: white;
	padding-right: 1.5rem;
	float: left;
}

.teaser-content .teaser-group {
		padding-top: 1rem;
		padding-bottom: 1.5rem;		
	}

.teaser-content .teaser-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.teaser-content .teaser-head h2,
.contentpage.teaser-content .teaser-head h2  {
	font-weight: 300;
	margin-top: 0;
	}

.teaser-content .content h5,
.contentpage.teaser-content .content h5 {
	margin-top: 0;
}

.teaser-content .teaser .teaser-headline {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;
}

.teaser-content .teaser .teaser-overline,
.teaser-content .teaser .teaser-subline,
.teaser-content .teaser .teaser-date,
.teaser-content .teaser p {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.4rem;
}

.teaser-content .teaser .teaser-subline {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.teaser-content .teaser .teaser-date {
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.teaser-content .teaser .teaser-date strong {
	color: rgb(164,170,0);	
	font-weight: 400;	
}

.teaser-content .teaser .pseudo-link {
	margin-top: 0.5rem;
	font-weight: 300;
}

.teaser-content .page-head {
	width: 100%;
	float: left;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.teaser-content .page-head h1 {
	margin-top: 0rem;
	margin-bottom: 0rem;
	font-size: 3.5rem;
	line-height: 4rem;
	font-weight: 300;
}


/* ==========================================================================
	home copy with columns
   ========================================================================== */	

.copy-columns {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.copy-columns .copy-head h2 {
	margin: 0;	
 	font-weight: 400;
}	

.copy-columns .copy-wrapper {
	display: block;
	width: 100%;
	float: left;
	 -webkit-column-fill: balance;
	    -moz-column-fill: balance;
	         column-fill: balance;
	 orphans: 4;
}

.copy-columns .cols_1 {
	-webkit-column-count: 1;
	   -moz-column-count: 1;
	        column-count: 1;
	-webkit-column-gap: 0;
	   -moz-column-gap: 0;
	        column-gap: 0;
}

.copy-columns .cols_2 {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	-webkit-column-gap: 1.5rem;
	   -moz-column-gap: 1.5rem;
	        column-gap: 1.5rem;
}

.copy-columns .cols_4 {
	-webkit-column-count: 4;
	   -moz-column-count: 4;
	        column-count: 4;
	-webkit-column-gap: 1.5;
	   -moz-column-gap: 1.5;
	        column-gap: 1.5;
}

.copy-columns p {
	margin-top: 0;
	margin-bottom: 1rem;
}



/* ==========================================================================
	select option menu custom: a list with radio buttons UI basics
   ========================================================================== */	

.select-menu > select-menu-inner-wrapper {
	position: relative;
}

.select-menu.close-select .select {
	display: none;
	-webkit-transition: all 0.25 ease-in-out;
	transition: all 0.25 ease-in-out;
}

.select-menu .current-selection  {
	float: left;
}

.select-menu.has-selection .current-selection  {
	font-weight: 600;
}

.event-list .select-menu-wrapper {
	border-bottom-width: 1px;
	border-bottom-color: rgb(154,154,154);
	border-bottom-style: solid;
}

.select-menu.open-select .select {
	background-color: white;
	position: absolute;
	-webkit-box-shadow: 0 0 1rem rgb(154,154,154);
	        box-shadow: 0 0 1rem rgb(154,154,154);
	-webkit-transition: all 0.25 ease-in-out;
	transition: all 0.25 ease-in-out;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	z-index: 5000;
	display: block;
}

.select-menu.open-select li.selected,
.select-menu.open-select li:hover,
.select .current-selection {
	font-weight: 600;
	cursor: pointer;
}

.select-menu.open-select li,
.select .current-selection {
	float: none;
	width: inherit;
}

.select-menu:before,
.select-menu.open-select .select:after {
   display: inline-block;
	font-size: 1rem;
	width: 1rem;
	float: left;
	text-align: left;
	font-family: 'sgn-icons';
  	padding-right: 0.35rem;
  	white-space: pre-wrap;
}

.select-menu:before {
   content: 'ˇ';
   margin-right: -2rem;
}

.select-menu.open-select .select:after {
   content: 'ˆ';
}

.select-menu.open-select.numerical-seclect-menu .select:after {
	width: 100%;
	text-align: center;
}

.select-menu.open-select.numerical-seclect-menu .select  {
	width: auto;
}

.select-menu.open-select li label {
	width: -webkit-calc(100% - 1rem);
	width: calc(100% - 1rem);
	display: inline-block;
	padding: 0;
	margin: 0;	
	padding-right: 1rem;
}

.select-menu.numerical-seclect-menu.open-select li label {
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
	display: inline-block;
	padding: 0;
	margin: 0;	
	padding-left: 1rem;
	padding-right: 1rem;
}

.select-menu .pseudo-option {
	width: 0;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.select-menu .form-clear input {
	visibility: hidden;
}

.select-menu.has-selection .form-clear {
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	text-align: right;
}

.select-menu.no-selection .form-clear {
	display: none;
}

.select-menu .sgn-icon.clear:before {
	font-size: 1rem;
	color: black;
	font-weight: 600;
}

.select-menu .sgn-icon.clear:hover:before {
	color:rgb(164,170,0);
}

.select-menu {
	position: relative;
	width: 100%;
	float: left;
}

.select-menu .current-selection {
	width: -webkit-calc(100% - 2rem );
	width: calc(100% - 2rem );
	padding-left: 	1.25rem;
}

.select-menu.open-select .select {
	width: 100%;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
}

.select-menu.open-select li {
	width: -webkit-calc(100% - 1.5rem);
	width: calc(100% - 1.5rem);
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 1.5rem;
}

.select-menu.numerical-seclect-menu.open-select li {
	width: auto;
	padding-left: 0;
}

.select-menu .current-selection:hover,
.select-menu .select-menu label:hover,
.select-menu .sgn-icon.clear:hover,
.select-menu-group > ul > li:hover {
	cursor: pointer;
}

.select-menu-group > ul > li {
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
}

.select-menu-group > ul > li:first-child {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;
}

/* general form style */
.input-checkbox,
.input-checkbox:focus,
.input-checkbox:active {
	width: 1.1rem;
	height: 1.1rem;
	margin-right: 0.5rem;
	display: inline-block;
	border: 1px solid black;
	float: left;	
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	position: relative;
}

.input-checkbox:checked:before {
	content: '';
   display: block;
   position: absolute;
   width: 0.55rem;
   height: 0.55rem;
   top: 0.195rem;
   left: 0.1875rem;
   background-color: black;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-transform: scale(0);
           -ms-transform: scale(0);
       transform: scale(0);
}

.input-checkbox:checked:before {
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
}	

.input-submit {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	color: inherit;
	border-bottom:  1px solid black;
	font-weight: 600;
}

.input-submit:hover {
	border-bottom-color: transparent;
	cursor: pointer;
	color: rgb(164,170,0);
}

.formlist.submit {
	margin-bottom: 1.5rem;
}

.formlist .checkbox:hover label {
	color: rgb(164,170,0);
}

.formlist .checkbox:hover input {
	border-color: rgb(164,170,0);
}

.formlist .checkbox:hover input:before {
	background-color: rgb(164,170,0);
}

.event-list .messages {
	font-weight: 600;
}

.event-list .messages.success {
	color: rgb(164,170,0);
}


.event-list .messages.error {
	color: red;
}

.event-list  .error {
	font-weight: 600;
	color: red;
}

.required-note {
	width: 100%;
	float: left;
	font-size: 0.85rem;
	line-height: 1.3rem;	
	text-align: right;
	margin-top: 0.25rem;
	margin-bottom: 1rem;
}


/* ==========================================================================
   accordion content
   ========================================================================== */

.contentpage .accordion {
	width: 100%;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;
	padding-bottom: 2.5rem;
}

.contentpage .accordion .accordion-item {
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-bottom-style: solid;
}

.contentpage .accordion .accordion-item:first-child {
	border-top-width: 1px;
	border-top-color: black;
	border-top-style: solid;
}

.contentpage .accordion .accrodion-head h3 {
	font-weight: 500;
}

.contentpage .accordion .title h4 {
	margin: 0;
	padding: 0;
}

.contentpage .accordion .title h4:before {
	display: inline-block;
	width: 100%;
	float: left;
	text-align: left;
	font-family: 'sgn-icons';
	padding-right: 0.35rem;
	width: 2rem;
	white-space: pre-wrap;
}

.contentpage .accordion-open .title h4:before {
	content: 'ˇ';
}

.contentpage .accordion-close .title h4:before {
	content: 'ˆ';
}

.contentpage .accordion .title:hover {
	cursor: pointer;
	color: rgb(164,170,0);
}

.contentpage .accordion-close .title h4 {
	font-weight: 600;
}

.contentpage .accordion .team .multiple-team .team-member {
	border-bottom-style: solid;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-width: 1px;
	border-top: none;
}

.contentpage .accordion .team .multiple-team .team-member:last-child,
.contentpage .accordion .team .team-group:last-child .team-member:last-child {
	border-bottom: none;	
}

.contentpage .accordion .download.multiple-downloads ul li:first-child {
	border-top: none;
}

.contentpage .accordion .team .team-member:last-child .team-member-wrapper {
	margin-bottom: 0;
}

.contentpage .accordion .download ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contentpage .accordion .download.multiple-downloads ul li {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;
	padding-top: 1rem;
	padding-bottom: 1rem;
	float: left;
}

.contentpage .accordion .download ul li .icon,
.contentpage .accordion .download ul li .thumb {
	float: left;
}

.contentpage .accordion .download ul li .thumb {
	padding-bottom: 1.5rem;
}

.contentpage .accordion .download ul li .thumb img {
	width: 100%;
	height: 100%;
	 	-o-object-fit:contain;
 	   object-fit:contain;
  -o-object-position: center center;
     object-position: center center;
     font-family: 'object-fit: contain; object-position: center center;'; /* ofi polyfill */
}

.contentpage .accordion .download a.download {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
	display: inline-block;
	border-bottom: 1px solid black;
	padding: 0;
	line-height: inherit;
	margin-top: 0.2rem;
	text-decoration: none;
} 

.contentpage .accordion .download a.download:hover {
	color: rgb(164,170,0);
	border-color: rgb(164,170,0);
}

.contentpage .accordion .download ul li {
	width: 100%;
	float: left;
}

.contentpage .accordion .download ul li .copy-wrapper {
	width: -webkit-calc(100% / 8 * 7);
	width: calc(100% / 8 * 7);
	float: left;
}

.contentpage .accordion .download ul li .copy-wrapper p {
	margin-bottom: 0;
}

.contentpage .accordion .download ul li .icon .sgn-icon {
	display: block;
	width: 100%;
	text-align: center;
}

.contentpage .accordion .download ul li .thumb .image-wrapper {
	display: block;
	width: calc(100% - 1.5rem);
	text-align: center;
}

.contentpage .accordion .download ul li .icon .sgn-icon:before {
	font-size: 4rem;
	line-height: 4.1rem;
	text-align: left;
	width: 100%;
}

.contentpage .accordion .download h4 {
	margin-top: 0;
	margin-bottom: 0;
}

.contentpage .accordion .download,
.contentpage .accordion .copy {
	padding-top: 1rem;
}

.contentpage .accordion .download a.download {
	margin-bottom: 0.75rem;
}


/* ==========================================================================
   audio content / audio player
   ========================================================================== */

.audio {
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	background-color: white;
	padding-top: 2rem;
	padding-bottom: 2rem;
	position: relative;
}

.contentpage .content .mobile-drop-zone .audio,
aside .audio {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 1.5rem;
}



.audio audio {
	width: 100%;
	height: 5rem;
	border: 1px solid black;
	display: block;
	float: left;
	position: relative;
	position: absolute;
	top: 0;
	left: 0;
}

.audio .waveform-player {
	height: 5rem;
	margin-bottom: 1rem;
	width: 100%;
	position: relative;
}

aside  .audio .waveform-player {
	height: 2.5rem;
	margin-bottom: 1rem;
}

.audio .loadingbar {
  height: 0.1rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: rgb(230,230,230);
  position: absolute;
  top: 2.4rem;
  left: 0;
}

.audio .loadingbar:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 0.1rem;
  background-color: rgb(164,170,0);
  -webkit-animation: loading 2s linear infinite;
          animation: loading 2s linear infinite;
}

.audio .audio-controls {
	display: inline-block;
}

aside .audio .audio-controls {
	display: block;
	margin-top: 0.2rem;
}

.audio.audio-ready .audio-controls button:hover {
	cursor: pointer;
}

.audio figcaption {
	display: inline-block;
}

aside .audio figcaption {
	display: block;
	margin-top: 0.25rem;
}

.audio figcaption .title {
	font-weight: 500;
	margin-right: 0.25rem;
}

.audio figcaption .caption {
	font-weight: 300;
}

@-webkit-keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

.audio figure {
	margin: 0;
	padding: 0;
}

.audio .audio-controls button {
	margin-right: 1rem;
}

.audio .audio-controls button:before {
	color:rgb(154,154,154);
}

.audio .audio-controls button.active:before {
	color:rgb(164,170,0);
}

/* ==========================================================================
   content slider
   ========================================================================== */

/* content slider based on home head slider */

.content-slider {
	position: relative;
	width: 100%;
	float: left;
	z-index: 3000;
	background-color: white;
}

.content-slider .slider-head {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	margin-top: 1.5rem;
}

.content-slider .slider-head h3,
.contentpage .content-slider .slider-head h3 {
	margin-bottom: 0;
}

.content-slider .slider-container {
	width: 100%;
	float: left;
	position: relative;
	padding-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.content-slider.has-pager .slider-container {
	padding-bottom: 2.5rem;
}

.content-slider figure {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 3300;
	position: relative;
	margin-bottom: 1rem;
}

.content-slider figure .image-wrapper {
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 58.33333333%;
	float: left;
}
  
.content-slider figure .image-wrapper img {
	position: absolute;
	top: 0;
	height: 100%;
 	-o-object-fit:contain;
 	   object-fit:contain;
 	 font-family: 'object-fit: contain;'; /* ofi polyfill */   
}

/* fallback IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  		
	.content-slider figure .image-wrapper img {
		width: auto!important;
		height: auto!important;
		max-height: 100%;
		max-width: 100%;
	}
}

@supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial)) and (not (position:sticky)) { 
	.content-slider figure .image-wrapper img {
		width: auto!important;
		height: auto!important;
		max-height: 100%;
		max-width: 100%;
	}
}

.content-slider figure figcaption {
	float: left;
	position: relative;
	width: -webkit-calc(100% - 2.5rem);
	width: calc(100% - 2.5rem);
	margin-left: 1.5rem;
	margin-right: 1.5rem;
	padding-top: 1rem;
}
	
.content-slider .slider-controls {
	position: absolute;
	width: 15%;
	min-width: 2.5rem;
	height: -webkit-calc(100% - 7rem);
	height: calc(100% - 7rem);
	top: 0;
	cursor: pointer;
	z-index: 3100;
}

.content-slider .slider-controls {
	display: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        -webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
}

.content-slider .slider-controls.prev {
	left: 0;
}

.content-slider .slider-controls.next {
	right: 0;
}

.content-slider .slider-controls.prev:before,
.content-slider .slider-controls.next:before {
	display: none;
	color: white;
	text-shadow: 0px 0px 3px black;
	font-family: 'sgn-icons';
	font-size: 2.2rem;
} 

.content-slider .slider-controls.prev:hover:before,
.content-slider .slider-controls.next:hover:before {
	display: block;	
}

.content-slider .slider-controls.prev:before {
	content: '‹';
	text-align: left;
	padding-left: 0.25rem;
}

.content-slider .slider-controls.next:before {
	content: '›';
	text-align: right;
	padding-right: 0.25rem;
}

.content-slider .slider-pager span {
	background-color: rgb(230,230,230);
}

.content-slider .slider-pager span.cycle-pager-active, 
.content-slider .slider-pager span:hover {
	background-color: rgb(164,170,0);
}

.content-slider .slider-pager {
	bottom: 1.5rem;
}

/* ==========================================================================
   related content
   ========================================================================== */

.related-content {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;
	background-color: white;
}

.related-content .teaser-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

/* ==========================================================================
   press realease archive
   ========================================================================== */
	
.press-release-archive .content-wrapper {
	background-color: white;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	float: left;
}

.press-release-archive .press-release-list {
	width: 100%;
	float: left;
}

.press-release-archive .press-release-list > ul, 
.press-release-archive .press-release-list > ul > li {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.press-release-archive .press-release-list > ul > li {
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.press-release-archive .press-release-list > ul > li:first-child {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;
}

.press-release-archive .press-release-content {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row;
	    -ms-flex-flow: row;
	        flex-flow: row;
}

.press-release-archive .press-release-gallery {
	width: 100%;
	float: left;
}

.press-release-archive .press-release-content .press-release-date,
.press-release-archive .press-release-content figure,
.press-release-archive .press-release-content .sections {
	width: -webkit-calc(100% / 5 - 1rem);
	width: calc(100% / 5 - 1rem);
	float: left;
}

.press-release-archive .press-release-content .content {
	width: -webkit-calc(100% / 5 * 2);
	width: calc(100% / 5 * 2);
	float: left;
}

.press-release-archive .press-release-content .press-release-date,
.press-release-archive .press-release-content figure,
.press-release-archive .press-release-content .content {
	margin-right: 1rem;
}

.press-release-archive .press-release-content figure {
	padding: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}	

.press-release-archive .press-release-content figure img {
	width: 100%;
	height: auto;
}

.press-release-archive .press-release-content .sections ul,
.press-release-archive .press-release-content .sections ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.4rem;
}

.press-release-archive .press-release-content .sections ul li {
	margin-bottom: 0.5rem;
}

.press-release-archive .press-release-content .press-release-date {
	margin-top: 0;
}

.press-release-archive .press-release-content .press-release-date time {
	font-size: 1.3rem;
	line-height: 2.1rem;
}

.press-release-archive .press-release-content .content h3 {
	margin-top: -0.25rem;
	margin-bottom: 0.5rem;
	font-weight: 400;
}
	
.press-release-archive .press-release-content .content p {
	margin-bottom: 0.5rem;	
}	

.press-release-archive .press-release-gallery {
	width: -webkit-calc(100% / 5 * 3);
	width: calc(100% / 5 * 3);
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin-left: -webkit-calc(100% / 5);
	margin-left: calc(100% / 5);
	margin-right: -webkit-calc(100% / 5);
	margin-right: calc(100% / 5); 
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}

.press-release-archive .press-release-gallery .teaser-gallery-item {
	width: -webkit-calc(100% / 4 - 1rem);
	width: calc(100% / 4 - 1rem);
	margin-right: 1rem;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 1rem;
}

.press-release-archive .press-release-gallery .teaser-gallery-item:nth-child(4n) {
	margin-right: 0;
}

.press-release-archive .press-release-gallery .teaser-gallery-item img {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
}

.press-release-archive .press-release-list li a:hover .pseudo-link,
.press-release-archive .press-release-list li a:hover .pseudo-link:before  {
	color: rgb(164,170,0);
}

.press-release-archive .filter-selects > ul li.all	{
	display: inherit;
}
	

/* ==========================================================================
   press realease single - download / press material
   ========================================================================== */

.contentpage .press-material {
	float: left;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-top: 2rem;
	padding-bottom: 2rem;
}	

.press-material .press-material-head h3 {
	font-weight: 500;
}

.press-material .press-material-wrapper {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.press-material .press-material-wrapper .item {
	width: -webkit-calc(100% / 2 - 1.5rem);
	width: calc(100% / 2 - 1.5rem);
	float: left;
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
	padding-top: 1rem;
	padding-bottom: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.press-material .press-material-wrapper .item:nth-child(1),
.press-material .press-material-wrapper .item:nth-child(2) {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;	
}

.press-material .press-material-wrapper .icon,
.press-material .press-material-wrapper .thumb {
	width: -webkit-calc(100% / 4 - 0.75rem);
	width: calc(100% / 4 - 0.75rem);
	margin-right: 0.75rem;
	float: left;
}

.press-material .press-material-wrapper .icon .sgn-icon {
	display: block;
	width: 100%;
	text-align: center;
}

.press-material .press-material-wrapper .icon .sgn-icon:before {
	font-size: 4rem;
	line-height: 4.1rem;
	text-align: center;
	width: 100%;
}

.press-material .press-material-wrapper .thumb img {
	width: 100%;
	height: 100%;
	 	-o-object-fit:contain;
 	   object-fit:contain;
  -o-object-position: center center;
     object-position: center center;
   font-family: 'object-fit: contain; object-position: center center;'; /* ofi polyfill */   
}

.press-material .press-material-wrapper .copy-wrapper {
	width: -webkit-calc(100% / 4 * 3);
	width: calc(100% / 4 * 3);
	float: left;
}

.press-material .press-material-wrapper .copy-wrapper h4 {
	margin-top: -0.5rem;
	margin-bottom: 0.25rem;
	font-size: inherit;
	font-weight: 400;
}

.press-material .press-material-wrapper .copy-wrapper p {
	margin-bottom: 0;
	font-size: 1rem;
	line-height: 1.5rem;
}

.press-material .press-material-wrapper .copy-wrapper a, 
.press-material .press-material-wrapper .copy-wrapper button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
	display: inline-block;
	border-bottom: 1px solid black;
	padding: 0;
	line-height: inherit;
	margin-top: 0.2rem;
	text-decoration: none;
} 

.press-material .press-material-wrapper .copy-wrapper a:hover, 
.press-material .press-material-wrapper .copy-wrapper button:hover {
	cursor: pointer;
	border-bottom-color: transparent;
	color: rgb(164,170,0);
		text-decoration: none;
}

.press-material-access-from {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 10000;	
}

.press-material-access-from form {
	width: 50rem;
	max-width: -webkit-calc(100vw - 4rem);
	max-width: calc(100vw - 4rem);
	background-color: white;
	padding: 1rem;
}

.press-material-access-from .form-head,
.press-material-access-from .form-wrapper,
.press-material-access-from .data-protection-note,
.press-material-access-from .press-mailing-list,
.press-material-access-from .response {
	width: 100%;
	float: left;
}

.press-material-access-from .form-head {
	margin-bottom: 1rem;
}

.press-material-access-from .form-head h6 {
	font-weight: 400;
	font-size: 1.15rem;
	line-height: 1.8rem;
	margin-top: 0;
	margin-bottom: 0;
}

.press-material-access-from .form-head p {
	font-size: 1.15rem;
	line-height: 1.8rem;
	margin-top: 0;
	margin-bottom: 0;
}

.press-material-access-from .form-wrapper input {
	width: 100%;
	margin: 0;
	border-left: none;
	border-right: none;
	border-top-style: none;
	border-bottom-width: 1px;
	border-bottom-color: rgb(170, 170, 170);
	border-bottom-style: solid;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: 1.15rem;
	line-height: 1.8rem;
}

.press-material-access-from .form-wrapper input.confrim {
	display: none;
}

.press-material-access-from .form-wrapper li:first-child input {
	border-top-width: 1px;
	border-top-color: rgb(170, 170, 170);
	border-top-style: solid;
}

.press-material-access-from .form-wrapper .required {
	float: right;
	color: rgb(154,154,154);
	display: inline-block;
	font-size: 0.85rem;
}

.press-material-access-from .form-wrapper {
	margin: 0;
	padding: 0;
	list-style: none;
}

.press-material-access-from .form-wrapper li {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

.press-material-access-from .data-protection-note {
	margin-top: 1rem;
	font-size: 0.85rem;
	line-height: 1.3rem;
}

.press-material-access-from .press-mailing-list input[type="checkbox"] {
	float: left;
}

.press-material-access-from .press-mailing-list .input-wrapper {
	width: 100%;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.press-material-access-from .press-mailing-list h6 {
	float: left;
	display: inline;
	margin: 0;
	font-weight: 400;
	font-size: 1.15rem;
	line-height: 1.8rem;
}

.press-material-access-from .press-mailing-list p {
	width: 100%;
	float: left;
	font-size: 0.85rem;
	line-height: 1.3rem;
}

.press-material-access-from .response:empty {
	display: none
}

.press-material-access-from .response.error {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: rgb(170, 0, 0);
	font-weight: 400;	
}

.press-material-access-from .submit-wrapper {
	list-style: none;
	margin: 0;
	padding: 0;
}

.press-material-access-from .submit-wrapper li {
	float: left;
}	

.press-material-access-from .submit-wrapper li input {
	float: left;
}

.press-material-access-from .loader,
.press-material-access-from .loader:after {
	display: block;
	float: left;
	margin-left: 0.5rem;
}

.press-material-access-from .loader {
	display: none;
}

/* release list press release-filters -------------------- */
.press-release-filters {
	width: 100%;
	float: left;
	margin-bottom: 2rem;
}

.press-release-filters ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}	

.press-release-filters .filter-selects {
	width: 100%;
	float: left;
}

.calendar-filters ul li {
	margin: 0;
	padding: 0;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}	

/* release list press release-filters -------------------- */
.members-news-filters{
	width: 100%;
	float: left;
	margin-bottom: 2rem;
}

.members-news-filters ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}	

.members-news-filters .filter-selects {
	width: 100%;
	float: left;
}

.calendar-filters ul li {
	margin: 0;
	padding: 0;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}	

/* footnote  ----------------------------------------------- */

.footnote {
	position: relative;
}

.footnote-sgn.protip-skin-default--scheme-pro.protip-container {
	border: 1px solid rgb(230,230,230);
	background-color: white;
	color: black;
	line-height: 1.5rem;
}

.footnote-sgn .protip-skin-default--scheme-pro.protip-container {
	background-color: white;
}

.footnote-sgn.protip-skin-default--size-normal {
	-webkit-border-radius: inherit;
	        border-radius: inherit;
}

/* ==========================================================================
  footnotes tooltips 
  tooltip: http://protip.rocks 
  ========================================================================== */

.footnote {
	position: relative;
}

.footnote-sgn.protip-skin-default--scheme-pro.protip-container {
	border: 1px solid rgb(230,230,230);
	background-color: white;
	color: black;
	line-height: 1.5rem;
}

.footnote-sgn .protip-skin-default--scheme-pro.protip-container {
	background-color: white;

}

.footnote-sgn.protip-skin-default--size-normal {
	-webkit-border-radius: inherit;
	        border-radius: inherit;
}

main p a.footnote {
	text-decoration: none!important;
}

.contentpage article.footnotes {
	width: -webkit-calc(100% - 2rem);
	width: calc(100% - 2rem);
	padding-left: 0.5rem;
	padding-right: 1.5rem;
	margin-left: 0;
	margin-right: 0;
}	

.footnotes li {
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 0.5rem;
}

.footnotes li .fussnote {
	font-size: inherit;
}

/* ==========================================================================
   Formbuilder 
   ========================================================================== */

.contentpage .formbuider form ul li {
	 padding: 0;
 }

.contentpage .formbuider .copy ul li:before {
	content: '';
	display: none;
}

.formbuilder input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.formbuider nf-field {
	width: 100%;
	float: left;
}

.formbuider .nf-field-container {
	width: 100%;
	float: left;
	margin-bottom: 1.5rem;
}


/* textfields ------------------------*/
.formbuider input.text,
.formbuider input[type="text"],
.formbuider input[type="email"],
.formbuider input[type="number"],
.formbuider input[type="tel"] {	
	-moz-appearance: none;	
	     appearance: none;
	-webkit-appearance: none;
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background-color: white;
	border-color: rgb(154,154,154);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 0;
	        border-radius: 0;
	padding: 0.25rem;
	font-weight: 300;
	width: calc(100% - 0.5rem);
}

/* textarea ---------------------------- */
.nf-field-element > textarea,
.formbuilder .nf-field-element textarea {
	border: 1px solid rgb(154,154,154);
	outline: none;
	font-weight: 300;
	padding: 0.25rem;
	width: 100%;
}

/* checkbox ------------------------------*/
.formbuider .field-wrap>div input[type=checkbox],
.formbuider input[type="checkbox"],
.formbuider input[type="checkbox"]:focus,
.formbuider input[type="checkbox"]:active {
	width: 1.1rem;
	height: 1.1rem;
	margin-right: 0.5rem;
	margin-top: 0.2rem;
	display: inline-block;
	border: 1px solid rgb(154,154,154);
	float: left;	
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	position: relative;
}

.formbuider input[type="checkbox"]:checked:before {
	content: '';
   display: block;
   position: absolute;
   width: 0.55rem;
   height: 0.55rem;
   top: 0.196rem;
   left: 0.2rem;
   background-color: black;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	        -ms-transform: scale(1);
	    transform: scale(1);
}

.formbuider input[type="checkbox"]:hover label {
	color: rgb(164,170,0);
}

.formbuider input[type="checkbox"]:hover input {
	border-color: rgb(164,170,0);
}

.formbuider .formlist input[type="checkbox"]:hover input:before {
	background-color: rgb(164,170,0);
}

.formbuider .checkbox-wrap .nf-field-element input {
	width: 1.1rem;
	margin: 0;
	padding: 0;
	margin-bottom: 0.2rem;
	margin-top: 0.15rem;
}

.formbuider .checkbox-wrap .nf-field-element {
	width: 1.1rem;
}

.formbuider .field-wrap.nf-fail>div input[type=checkbox], 
.formbuider .nf-fail input[type="checkbox"], 
.formbuider .nf-fail input[type="checkbox"]:focus, 
.formbuider .nf-fail input[type="checkbox"]:active {
	border: 1px solid red;
}

/* radio ------------------------------*/
.formbuider .list-radio-wrap .nf-field-element li input[type=radio] {
	border-color: rgb(154,154,154);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
}	

.formbuider input[type="radio"] {
	background-color: white;
	width: 16px!important;
	height: 16px!important;
	margin-right: 0.45rem;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-bottom: -1px;
	border-color: black;
	border-width: 0;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	position: relative;
}

.formbuider input[type="radio"]:before {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	top: 3px;
	left: 3px;
	background-color: black;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
	-webkit-border-radius: 4px;
	        border-radius: 4px;	
}

.formbuider input[type="radio"]:checked {
	background-color: white;
}

.formbuider input[type="radio"].nf-checked:before {
	content: '';
	display: block;	
}

.formbuider input[type="radio"]:checked:before {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.formbuider input[type="radio"]:hover,
.formbuider label:hover {
	cursor: pointer;
}

/* button ------------------------------ */
.formbuider input[type="button"] {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	color: inherit;
	border-bottom:  1px solid black;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.formbuider input[type="button"]:hover {
	border-bottom-color: transparent;
	cursor: pointer;
	color: rgb(164,170,0);
}



/* headlines, description labels --------------------- */
.formbuider .nf-field-description {
	font-size: 1rem;
	line-height: 1.4rem;
}

.formbuider .nf-field-label label {
	font-weight: 300;
	float: left;
}

.formbuider label:hover {
	cursor: pointer;
}

.formbuider .label-right .nf-field-label {
	padding-left: 0;
}

.formbuider .label-above .nf-field-label {
	margin-bottom: 0.25rem;
		float: left;
		display: block;
		width: 100%;
}

.formbuider .nf-field-description {
	width: 100%;
	margin-bottom: 0.25rem;
	float: left;
}

.formbuider .nf-field-description p:last-child,
.formbuider .label-right .field-wrap, 
.formbuider .label-right .nf-field-label {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.formbuider .label-right .field-wrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

.formbuider .label-right .field-wrap .nf-field-label {
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	    -ms-flex-order: 2;
	        order: 2;
}

.formbuider .label-right .field-wrap .nf-field-element {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	    -ms-flex-order: 1;
	        order: 1;
}

.formbuider .label-right .field-wrap .nf-field-description {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	    -ms-flex-order: 3;
	        order: 3;
}


.formbuider .label-right .checkbox-wrap .nf-field-element,
.formbuider .label-right .checkbox-wrap .nf-field-label,
.formbuider .label-left .checkbox-wrap .nf-field-element,
.formbuider .label-left .checkbox-wrap .nf-field-label {
	width: auto;
}

.formbuider .list-checkbox-wrap .nf-field-element li input, 
.formbuider .list-radio-wrap .nf-field-element li input {
	width: 1.1rem!important;
	border-color: rgb(154,154,154);
}

.formbuider .list-checkbox-wrap .nf-field-element li, 
.formbuider .list-radio-wrap .nf-field-element li {
	margin: 0!important;
}

.formbuider .nf-checked:before {
	content: '';
}

.multiple option,
.listmultiselect-wrap select,
.listmultiselect-wrap option {
	font-weight: 300;
}

.formbuider .field-wrap.nf-fail>div label, 
.formbuider .nf-fail label {
	color: red;
	font-weight: 400;	
}

.formbuider .nf-error-msg {
	color: red;
	font-weight: 400;
}


/* select menus ---------------------------*/
.formbuider .list-wrap select {
     -moz-appearance: none;
  -webkit-appearance: none;
  	appearance: none;
	 border: none;
    display: block;
    font-family: sans-serif;
    font-weight: 300;
    color: rgb(154,154,154);
    line-height: 1.3;
    padding: 0.25rem;
    width: 100%;
    max-width: 100%; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    margin: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    border: 1px solid rgb(154,154,154);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMwcHgiIGhlaWdodD0iMTMwcHgiIHZpZXdCb3g9Ii01OC40MjkgLTU4LjQ5MyAxMzAgMTMwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC01OC40MjkgLTU4LjQ5MyAxMzAgMTMwIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIHBvaW50cz0iNTguOTY4LC0yNy44NjMgNi41NzEsMjQuNTMxIC00NS44MjcsLTI3Ljg2MyAtNTIuMzY1LC0yMS4zMjMgNi41NzEsMzcuNjA4IDY1LjUwNywtMjEuMzIzIAkiLz4NCjwvZz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.formbuider .list-wrap select::-ms-expand {
    display: none;
}

.formbuider .list-wrap select:hover {
    border-color: rgb(154,154,154);
}
.formbuider .list-wrap select:focus {
    border-color: #aaa;
    color: #222; 
    outline: none;
}
.formbuider .list-wrap option {
    font-weight:300;
}
.formbuider .list-multiselect-wrap select {
	background-image: none;
}

.formbuider input[type="text"].datepicker {
	margin-bottom: 0.5rem;
}

.formbuider .hr-wrap .nf-field-label label {
	display: none;
}


.formbuider .nf-form-hp { /* honeypot field */
	display: none;
}

.formbuider .nf-form-fields-required {
	display: none;
}

.formbuider .html-container label {
	display: none;
}

/* file upload button */


.formbuider .nf-fu-fileinput-button {
	border: none;
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	color: inherit;
	border-bottom:  1px solid black;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.formbuider .nf-fu-fileinput-button:hover {
	border-bottom-color: transparent;
	cursor: pointer;
	color: rgb(164,170,0);
}


/* ==========================================================================
   flex newsletter froms
   ========================================================================== */

.newsletter-form .formlist-lines .dsgvo-consent {
	float: left;
	width: 100%;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.newsletter-form .dsgvo-note,
.newsletter-form .dsgvo-note h6,
.contentpage .newsletter-form .dsgvo-note h6 {
	font-size: 1rem;
	line-height: 1.4rem;
}

/* ==========================================================================
   donation-form: FundraisingBox
   ========================================================================== */

.donation-form {
	background-color: white;
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 2rem;
}

.donation-form .consent-revoke {
	text-decoration: underline;
	-webkit-text-decoration-color: rgb(154,154,154);
	   -moz-text-decoration-color: rgb(154,154,154);
	        text-decoration-color: rgb(154,154,154);
}

.donation-form .consent-revoke:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: black;
	   -moz-text-decoration-color: black;
	        text-decoration-color: black;
	cursor: pointer;
}


/* ==========================================================================
   maps
   ========================================================================== */

.maps {
	background-color: white;
	float: left;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 2rem;
}

.maps figure {
	margin: 0;
	padding: 0;
}

.maps figure > div {
	max-height: 70vh;
}

.maps .consent-revoke {
	text-decoration: underline;
	-webkit-text-decoration-color: rgb(154,154,154);
	   -moz-text-decoration-color: rgb(154,154,154);
	        text-decoration-color: rgb(154,154,154);
}

.maps .consent-revoke:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: black;
	   -moz-text-decoration-color: black;
	        text-decoration-color: black;
	cursor: pointer;
}


/* ==========================================================================
   blog
   ========================================================================== */

/* blog archives  */
.blog-archive article.blog-post {
	margin-top: 1rem;
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	float: left;
	background-color: white;
}

.blog-archive .page-head {
	width: -webkit-calc(100% - 3rem);
	width: calc(100% - 3rem);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	float: left;
	background-color: white;
}

.blog-archive .blog-post figure {
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 1rem;
}

.blog-archive .blog-post figure img {
	width: 100%;
	height: auto;
}

.blog-archive .blog-post figure figcaption {
	margin-top: 1rem;
}

.blog-archive .blog-post .post-head h3 {
	margin: 0;
	width: 100%;
	float: left;
}

.blog-archive .blog-post .video iframe {
		position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.blog-archive .blog-post .video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.blog-archive .blog-post .post-head h3:hover {
	color: rgb(0,99,180);
}

.blog-archive .copy .all-bogs ul li {
	padding-left: 0;
}

.blog-archive .all-bogs ul li:before {
	content: none;
	display: none;
}

.blog .blog-post .post-info {
	width: 100%;
	float: left;
	font-size: 1rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
	margin-top: 0.25rem;
}

.blog .blog-post .post-info .blog-category:hover  {
	color: rgb(0,99,180);
}

/* 	blog single */
.blog-single .categories {
	margin-bottom: 1rem;
	font-weight: 500;
}

.blog-single .categories ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.blog-single .categories ul li {
	padding: 0;
}

.blog-single .categories a:hover {
	cursor: pointer;
	color: rgb(0,99,180);
}

.blog-single  .full-width-video.header-video,
.blog-single .header-video {
	padding-top: 0;
}

.blogs-menu ul li,
.category-menu ul li {
	padding-left: 0;
}

.blogs-menu ul,
.category-menu ul {
	list-style: none;
	padding-left: 1.5rem;
}

.blog .blogs-mobile-menu {
	display: none;
}

.blog .blogs-content-menu {
	display: block;
}

.burger.blog .blogs-mobile-menu {
	display: block;
}

.blog .blogs-mobile-menu ul li {
	padding-left: 0;
}

.blog .blogs-mobile-menu ul li:before {
	content: none;
	display: none;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */



@media only screen and (max-width: 22em) {
		
		/* ==========================================================================
		header	
		========================================================================== */	
		.burger header .top-head .main-logo-wrapper img {
		width: 90%;
		height: auto;
		max-width: 12rem;	
	}
	
}


/* main breakpoint 1 smartpone */
@media only screen and (max-width: 35em) {
	
	/*
	html {
		display: none;
		}
	*/
	
	/* add a before content to the body to get with js a responsive body class */
	body:before {
		content: 'mobile';
		display: none;
	}	

	body:after {
		content: 'burger';
		display: none;
	}	
	
	/* ==========================================================================
	UI Basics: slider elements	
   ========================================================================== */	
   
   body {
	   background-image: none!important;
   }

	.slider-pager span {
		width: 1.5rem;
		height: 0.2rem;
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	/* ==========================================================================
	copyright-layer	
   ========================================================================== */	

	.copyright-layer,
	.copyright-layer .copyright-layer,
	.contentpage .image-group .copyright-layer {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		height: -webkit-calc(100% - 2rem);
		height: calc(100% - 2rem);
		padding: 1rem;
		font-size: 0.9rem;
	}

	/* ==========================================================================
	footer	
   ========================================================================== */	
	
	footer {
		margin-top: 0;
		font-size: 0.9rem;
		line-height: 1.35rem;
		font-weight: 400;
	}
	
	footer .footer-block:first-child,
	footer .footer-block {
		width: 100%;
		margin-bottom: 1.5rem;
		margin-left: 0;
	}
	
	footer .footer-primary-block-group,
	.burger footer .footer-primary-block-group,
	.burger footer .footer-primary-block-group,
	.burger footer .footer-secondary-block-group {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		margin-bottom: 0;
	}

	footer .footer-primary-block-group .footer-block {
		width: 100%;
	}
	
	footer .footer-block.social-links ul li {
		font-size: 1.8rem;
		margin-left: 0;
		margin-right: 0.8rem;
	}	
	
	footer .footer-secondary-block-group,
	.burger footer .footer-secondary-block-group,
	footer .footer-secondary-block-group .footer-logo-leibnitz,
	.burger footer .footer-secondary-block-group .footer-logo-leibnitz {
		margin-bottom: 1.5rem;
	}
	
	footer .footer-secondary-block-group .footer-block {
		width: 100%;
	}
	
	footer .footer-logo-leibnitz img {
		float: left;
		max-width: 7rem;
	}
		
	footer .footer-secondary-block-group .social-links,
	.burger footer .footer-secondary-block-group .social-links,
	footer .footer-secondary-block-group .footer-logo-leibnitz,
	.burger footer .footer-secondary-block-group .footer-logo-leibnitz {
		width: 100%;
		margin-left: 0;
		margin-right: 0;	
	}

	
	/* ==========================================================================
	header	
   ========================================================================== */	

	/* contentpage template */
	
	header .top-head {
		border-bottom-width: 0.4rem;
	}
	
	header .alert-banner {
		min-height: 1rem;
		font-size: 0.95rem;
		line-height: 1.1rem;
		padding-top: 0.4rem;
		padding-bottom: 0.45rem;
		font-weight: 400;
	}
	
	header .alert-banner p {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	header .top-head .main-logo-wrapper {
		margin: 1rem;
	}
	
	header .top-head .section-logo-wrapper {
		padding: 0.5rem;
	}
	
	.burger header.sticky .top-head {
		padding-top: 0.25rem;
	}
	
	header.sticky .top-head .section-logo-wrapper {
		padding: 0.5rem;
	}
	
	.burger header.sticky .top-head .main-logo-wrapper {
		margin-bottom: 0.25rem;
	}
	
	.burger header .top-head .main-logo-wrapper img {
		width: 90%;
		height: auto;
		max-width: 20rem;	
	}
	
	/* ==========================================================================
	breadcrumb
   ========================================================================== */	
	
	.breadcrumb ul {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		margin-left: 1.5rem;
		margin-right: 0.5rem;
	}
	
	.breadcrumb ul li {
		float: initial;
		display: inline;
	}
	
	.breadcrumb, 
	.contentpage .breadcrumb ul li a, 
	.breadcrumb ul li a {
		font-size: 0.8rem;
		line-height: 1rem;
	}
	
	/* ==========================================================================
	fixed buttons 	
   ========================================================================== */	
	
	.fixed-buttons-wrapper {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        -webkit-justify-content: flex-end;
		        justify-content: flex-end;
	}
	
	.fixed-buttons-wrapper > button {
		display: none;
	}

	.fixed-buttons-wrapper > button:last-child{
		display: block;
		margin-bottom: 4.5rem;
	}
	
	.mobile-fixed-button-wrapper {
		width: 100%;
		max-height: -webkit-calc(100% - 6.5rem);
		max-height: calc(100% - 6.5rem);
		float: left;
		display: none;
		bottom: 3.3rem;
		left: 1rem;
		position: absolute;
	}
	
	/* .fixed-buttons.content-visible .mobile-fixed-button-wrapper button, */
	.fixed-buttons.content-visible .mobile-fixed-button-wrapper button.active {
		background-color: rgb(0,99,180);
		border: 1px solid white;
		color: white;
	}	
	
	.mobile-fixed-button-wrapper button {
		left: 0;
		border-style: solid;
		border-width: 1px;
	}
	
	.fixed-buttons .button-content-wrapper {
   	padding: 1rem;
	 	width: -webkit-calc(100vw - 6.5rem);
	 	width: calc(100vw - 6.5rem);
	}
	
	.fixed-buttons .button-content {
		margin-top: 5rem;
		max-height: -webkit-calc(100vh - 5.5rem - 6.5rem);
		max-height: calc(100vh - 5.5rem - 6.5rem);
	}
	
	.fixed-buttons .button-content-inner-wrapper {
		margin-right: 1rem;
	}
	
	.fixed-buttons .button-content .head-content {
		margin-bottom: 1rem;
	}	
	
	.fixed-buttons .button-content table {
		width: 100%;
		margin-left: -0.2rem;
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.fixed-buttons .button-content table th:first-child, 
	.fixed-buttons .button-content table td:first-child {
   	 width: -webkit-calc(100% / 6 * 2);
   	 width: calc(100% / 6 * 2);
	}
	
	.fixed-buttons .button-content table th:first-child,
	.fixed-buttons .button-content table td:first-child {
		width: -webkit-calc(100% / 6);
		width: calc(100% / 6);
	}
	
	.fixed-buttons .button-content table th:nth-child(2),
	.fixed-buttons .button-content table td:nth-child(2) {
		width: -webkit-calc(100% / 6 / 2);
		width: calc(100% / 6 / 2);
	}
	
	.fixed-buttons .button-content table th:nth-child(3),
	.fixed-buttons .button-content table td:nth-child(3) {
		width: -webkit-calc(100% / 6 / 2);
		width: calc(100% / 6 / 2);
	}
	
	/* ==========================================================================
	home main content 	
   ========================================================================== */	
	
	.home .inner-wrapper { 
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
	}	
	
	/* 	head slider  */
	/* slider items */
	.head-slider {
		padding-bottom: 1rem;
		overflow: hidden;
	}
	
	.head-slider figure {
		height: auto;	
	}
	
	.head-slider figure {
		 position: relative;
		 float: left;
	}
	 
	.head-slider figure img {
		height: 30vh;
	}
	
	/* pager */
	.head-slider .slider-pager  {
		height: 1rem;
	}	
	
	.slider-pager span {
		background-color: rgb(230,230,230);
		width: 1.5rem;
		height: 0.2rem;
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	.head-slider .slider-menu {
		display: none!important;
	}
	
	/* hide the prev next controls on mobile sizes, here is touch swipe and we habe an other layout… */
	.head-slider .slider-controls,
	.head-slider .slider-controls-helper {
		display: none;
	}
	
	.head-slider .copyright-button {
		bottom: 1.5rem;
		right: 0.4rem;
	}
	
	/* remove the opycity in mobile size */
	.head-slider .sgn-background-overlay-green {
		background-color: rgba(164,170,0, 1);
	}

	.head-slider .sgn-background-overlay-blue {
		background-color: rgba(0,99,180,1);
	}
	
	.head-slider .sgn-background-overlay-grey {
		background-color: rgba(154,154,154, 1);
	}

	.head-slider .sgn-background-overlay-white {
		background-color: rgba(245, 245, 245, 1);
	}
	
	.head-slider .copyright-layer {
		z-index: 3300;	
		padding-bottom: -webkit-calc(1rem + 2px);	
		padding-bottom: calc(1rem + 2px);
	}	
	
	.head-slider .caption-box {
		left: 1.5rem;
	}


	/* ==========================================================================
   slider & features caption box
   ========================================================================== */
	
	.caption-box {
		width: -webkit-calc(100% - 5rem);
		width: calc(100% - 5rem);
		bottom: 1rem;
		padding: 1rem;
		position: relative;
		float: left;
	}

	.caption-box .overline {
		font-size: 0.9rem;
		line-height: 1rem;
	}
	
	.caption-box .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1.8rem;
		line-height: 1.9rem;
	}
	
	.caption-box .subline {
		margin-top: 0.25rem;
		margin-bottom: 0.5rem;
		font-size: 0.9rem;
		line-height: 1.25rem;
	}
	
	.caption-box .date {
		font-size: 0.9rem;
		line-height: 1.25rem;
		margin-top: 0;		
	}
	
	.caption-box .copy {
		font-size: 0.9rem;
		line-height: 1.25rem;
	}

	.split-caption .pseudo-link, 
	.caption-box .pseudo-link {
		margin-top: 0.5rem;
	}
	
	/* ==========================================================================
	caption box in features
	========================================================================== */
	
	/* float the caption box on this size always below the image  */	
	.feature.has-caption-box .caption-wrapper   {
		position: relative;
		display: block;
		float: left;
		height: inherit;
		width: 100%;
		margin: 0;
	}
	
	.feature.has-caption-box .caption-wrapper .caption-box {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		float: left;
		position: relative;
		padding: 1.5rem;
		left: inherit;
		top: inherit;
		bottom: inherit;
	}
	
	/* ==========================================================================
   Features, big teasers
   ========================================================================== */
	
	.feature.split-caption figure {
		margin: 0;
		padding: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        -webkit-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        -webkit-align-items: flex-start;
		        align-items: flex-start;
	}
	
	.feature.split-caption .image-wrapper {
		-webkit-box-flex: 2;
		    -ms-flex: 2 1 100%;
		        -webkit-flex: 2 1 100%;
		        flex: 2 1 100%; /* define only the copy width and fill the rest with a flexbox definiton */
		float: left;
		position: relative;
	}
	
	.feature.split-caption.caption-left .image-wrapper,
	.feature.split-caption.caption-right .image-wrapper {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        -webkit-order: 1;
		        order: 1;
	}
	
	.feature.split-caption.caption-left .caption,
	.feature.split-caption.caption-right .caption {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        -webkit-order: 2;
		        order: 2;
	}
		
	.feature.split-caption .caption {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        -webkit-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        -webkit-align-items: flex-start;
		        align-items: flex-start;
	}
	
	.feature.split-caption .image-wrapper .overlay-gradient {
		display: none;
	}
	
	.feature.split-caption.caption-right .copyright-button {
   	 right: 0;
		 left: inherit;
	}
	
	/*features with seamless caption and half image */
	.feature.split-caption .caption {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding: 1.5rem;
	}
	
	.feature.split-caption .overline {
		font-size: 0.9rem;
		line-height: 1rem;
	}
	
	.feature.split-caption .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1.8rem;
		line-height: 1.9rem;
	}
	
	.feature.split-caption .subline {
		margin-top: 0.25rem;
		margin-bottom: 0.5rem;
		font-size: 0.9rem;
		line-height: 1.25rem;
	}
	
	.feature.split-caption .date {
		font-size: 0.9rem;
		line-height: 1.25rem;
		margin-top: 0;		
	}
	
	.feature.split-caption .copy {
		font-size: 0.9rem;
		line-height: 1.25rem;
	}

	/* ==========================================================================
	   video feature, big teaser with video content 
	   ========================================================================== */
	.video-feature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.video-feature.video-left .video,
	.video-feature.video-right .video {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	.video-feature.video-left .copy-wrapper,
	.video-feature.video-right .copy-wrapper {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.video-feature .copy-wrapper,
	.video-feature .video {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
		
	.video-feature .copy-wrapper {
		margin-bottom: 1.5rem;
	}	
		
	.video-feature .copy-wrapper .teaser-overline {
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	
	.video-feature .copy-wrapper .intro {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
		
	.video-feature .copy-wrapper figure figcaption,
	.video-feature .video figcaption {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}
	
	.video-feature .copy-wrapper figure {
		margin-top: 1rem;
	}
	
	.video-feature .copy-wrapper figure img {
		width: 5.5rem;
		height: 5.5rem;
		-webkit-border-radius: 5.5rem;
		        border-radius: 5.5rem;
	}

	.video-feature .copy-wrapper figure figcaption {
		margin-left: 0.75rem;
	}



	/* ==========================================================================
	home copy with columns
   ========================================================================== */	

	.copy-columns {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	.copy-columns .copy-head h2 {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.8rem;
		line-height: 1.9rem;
	}
	
	.copy-columns .cols_1,
	.copy-columns .cols_2,
	.copy-columns .cols_4 {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
	
	.copy-columns {
		font-size: 0.9rem;
		line-height: 1.35rem;
	}	


	/* ==========================================================================
	copyright
   ========================================================================== */	
	
	.copyright-layer {
		width: -webkit-calc(100% - 3.5rem);
		width: calc(100% - 3.5rem);
		height: -webkit-calc(100% - 2rem);
		height: calc(100% - 2rem);
		padding: 1rem;
		padding-right: 2.5rem;
	}
	
	.copyright-layer .copyright-close {
		top: 0.25rem;
		right: 0.25rem;
		padding: 0.25rem;
		font-size: 2rem;
		line-height: 2rem;
	}
		
	/* ==========================================================================
   Tabs, tab teaser and teaser-group
   ========================================================================== */

	.tabs,
	.teaser-group {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.tabs .tabs-head,
	.teaser-group .teaser-head {
		margin-bottom: 1rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        -webkit-flex-direction: column;
		        flex-direction: column;
	}
	
	.tabs .tabs-head button,
	.teaser-group .teaser-head h2,
	.related-content .teaser-head h2,
	.contentpage .content h2 .teaser-head h2 {
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top: 0.25rem;
		padding-bottom: 0.35rem;
		margin-right: 0;
	}	
	
	.tabs .tabs-wrapper,
	.teaser-group .teaser-outer-wrapper {
		position: relative;
		float: left;
		padding-bottom: 1.5rem;
	}

	.teaser .copy-wrapper {
		font-size: 0.9rem;
		line-height: 1.25rem;
		padding-top: 1rem;
	} 
	
	.teaser .teaser-overline {
	 	margin-bottom: 0.25rem;
	 	font-size: 0.9rem;
	 	line-height: 1rem;
	}	
			
	.teaser .teaser-headline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.7rem;
		line-height: 1.9rem;
	}
	
	.teaser .pseudo-link {
		margin-top: -0.5rem;
	}
	
	.tabs .tabs-head h2 {
		display: block;
		width: 100%;
	}
	
	.teaser .sgn-icon:before {
		font-size: 80%;
		padding-right: 0.25rem;
	}
	
			
	/* 	https://css-tricks.com/practical-css-scroll-snapping/ */
	/* 	scroll-snap-type need a polyfill */
	
	.tabs .tab-item,
	.teaser-group .teaser-wrapper  {
		position: relative;
	  width: -webkit-calc(100vw - 1.5rem);
	  width: calc(100vw - 1.5rem);
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-orient: horizontal;
	  -webkit-box-direction: normal;
	      -ms-flex-direction: row;
	          -webkit-flex-direction: row;
	          flex-direction: row;
	  -ms-flex-wrap: nowrap;
	      -webkit-flex-wrap: nowrap;
	          flex-wrap: nowrap;
	  overflow-x: auto;	  
	  margin-left: -1.5rem;
	  margin-right: 0;
	  scroll-snap-type: mandatory; /* Firefox */  
	  -webkit-scroll-snap-type: mandatory; /* Safari */  
	  -webkit-scroll-snap-type: x mandatory;
	  -ms-scroll-snap-type: x mandatory;
	  scroll-snap-type: x mandatory; /* Chrome Canary */  
	  -webkit-overflow-scrolling: touch; /* important for iOS */  
	}
	
	/* for android chrome */
	.no-scrollsnapp .tabs .tab-item,
	.no-scrollsnapp .teaser-group .teaser-wrapper {
		-webkit-scroll-snap-type: proximity;
		    -ms-scroll-snap-type: proximity;
		        scroll-snap-type: proximity;
		-webkit-scroll-snap-destination:  0% 0%;
		    -ms-scroll-snap-destination:  0% 0%;
		        scroll-snap-destination:  0% 0%;  
		-webkit-scroll-snap-points-x: repeat(100%);  
		    -ms-scroll-snap-points-x: repeat(100%);  
		        scroll-snap-points-x: repeat(100%);
		overflow-x: auto;	
	}	
		
	.tabs .tab-item .teaser,
	.teaser-group .teaser-wrapper .teaser {
		width: -webkit-calc(100vw - 6rem);
		width: calc(100vw - 6rem);
		min-width: -webkit-calc(100vw - 6rem);
		min-width: calc(100vw - 6rem);
		max-width: -webkit-calc(100vw - 6rem);
		max-width: calc(100vw - 6rem);
		display: block;
		float: left;
		padding-right: 0.1rem; /* important to track visible with jquery visible plugin */
		padding-left: 1.5rem;
		scroll-snap-align: start;
		-ms-scroll-snap-coordinate: 0% 0%;  
	   scroll-snap-coordinate: 0% 0%; /* older (Firefox/IE) */  
		-webkit-scroll-snap-coordinate: 0% 0%; /* older (Safari) */  
		padding-bottom: 1rem;
	}
	
	/* for android chrome */
	.no-scrollsnapp .tabs .tab-item .teaser,
	.no-scrollsnapp .teaser-group .teaser-wrapper .teaser {
		scroll-snap-align: start; 
	}
	
	/* hide scrollbar */
	.tabs .tab-item::-webkit-scrollbar,
	.teaser-group .teaser-wrapper::-webkit-scrollbar { 
		width: 0px;
		background: transparent; /* make scrollbar transparent */
	}
	
	.tabs .tab-item,
	.teaser-group .teaser-wrapper {
	 	overflow: -moz-scrollbars-none;
	 	-ms-overflow-style: none; 
	}
	
	.tabs .tab-item .teaser:last-child,
	.teaser-group .teaser-wrapper .teaser:last-child {
		padding-right: 3rem;
	}	
		
	.tabs .snap-scroll-pager,
	.teaser-group .snap-scroll-pager {
		position: absolute;
		bottom: 0rem;
	}

	.teaser-group.no-snap-overflow .tab-item  {
		position: relative;
	  width: 100%;
	  display: block;
	  overflow-x: auto;	  
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.teaser-group.no-snap-overflow .teaser-wrapper {
		width: 100%;
		display: block;
		float: left;
		padding: 0;
		overflow-x: inherit;
		margin-left: 0;
		margin-right: 0;
	}
	
	.teaser-group.no-snap-overflow  .teaser-wrapper .teaser {
  		width: 100%;
		min-width: inherit;
		max-width: inherit;
		display: block;
		float: left;
		padding-right: 0;
		padding-left: 0;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}	
	
	.teaser-group.no-snap-overflow  .teaser-wrapper .teaser.block-intro {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.teaser-group.no-snap-overflow  .teaser.block-intro .copy-wrapper:first-child {
		margin-top: 0;
		padding: 0;
	}
	
	.teaser-group .teaser.block-intro h2 {
		font-size: 1.15rem;
		line-height: 1.6rem;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		     hyphens: auto;
	}
	
	.teaser-group.no-snap-overflow .slider-pager  {
		display: none;
	}
	
	.tabs .teaser, 
	.teaser-group .teaser {
		padding-bottom: 1rem;
	}

	/* ==========================================================================
	link bar
	========================================================================== */
	
	.link-bar h2 {
		font-size: 1.15rem;
		line-height: 1.6rem;
	}
	  
	/* ==========================================================================
	contentpage / exhibiton single
	========================================================================== */	
	
	.burger.contentpage .content-wrapper,
	.contentpage .content-wrapper {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: left;
	}	
			
	.contentpage article.wide {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);			
		padding: 2rem;
	}
		
	.contentpage .copy-right,
	.contentpage .copy-left,
	.contentpage .full-width-image,
	.contentpage .full-width-video {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	
	.contentpage .copy-right,
	.contentpage .copy-left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        -webkit-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    -webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	
	.contentpage .copy-right aside,
	.contentpage .copy-left aside {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        -webkit-order: 2;
		        order: 2;
	}
	
	.contentpage .copy-right .copy,
	.contentpage .copy-left .copy {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        -webkit-order: 1;
		        order: 1;
	}
	
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	.contentpage .full-width-video figure figcaption,
	.contentpage .full-width-image figure figcaption {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
	}
	
	.contentpage .copy-right .copy,
	.contentpage .copy-left .copy {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	
	.contentpage .content aside {
		margin-bottom: 1rem;
	}
		
	.contentpage .content aside .aside-copy,
	.contentpage .image-group figcaption,
	.contentpage .content aside h6,
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption,
	.contentpage .content figcaption,
	.contentpage .content aside blockquote footer {
	   font-size: 0.85rem;
	   line-height: 1.4rem;
	}
		
	.contentpage .content aside {
	  float: left;
     margin-left: 1.5rem;
     margin-right: 1.5rem;
     width: -webkit-calc(100% - 3rem);
     width: calc(100% - 3rem);
	}	
	
	.contentpage .copy-right aside blockquote {
		font-size: 1.1rem;
		line-height: 1.6rem;
		margin-bottom: 0;
	}
	
	.contentpage .content aside blockquote footer {
		margin-top: 0;
	}
	
	.contentpage .lightbox-button button {
		font-size: 2rem;
	}
	
	.contentpage .content .mobile-drop-zone {
		margin-top: 1.5rem;
	}
	
	.contentpage .content .mobile-drop-zone .social-links,
	.contentpage .content aside .social-links {
		padding-top: 1.25rem;
		margin-bottom: 0.8rem;
	}
	
	.contentpage  .social-links > ul > li {
		width: 33%
	}
	
	.contentpage  .social-links ul li {
		padding-left: 0;
	}
	
	.contentpage .content .mobile-drop-zone .social-links ul li a,
	.contentpage .content aside .social-links ul li a {
		width: auto;	
		padding-left: 0;
		padding-right: 2rem;
		margin: 0;
		font-size: 0.85rem;
	}
	
	.contentpage .content .mobile-drop-zone,
	.contentpage .content .mobile-drop-zone .ticket h6,
	.contentpage .content .mobile-drop-zone .ticket p,
	.contentpage .content .mobile-drop-zone .authors.curators h6,
	.contentpage .content .mobile-drop-zone .authors.curators p,
	.contentpage .content .mobile-drop-zone .location h6,
	.contentpage .content .mobile-drop-zone .location p {
		display: inline;
		letter-spacing: inherit;
		text-transform: none;
		font-size: 0.85rem;
		line-height: 1.4rem;
	}
	
	.contentpage .content .mobile-drop-zone .ticket h6:after,
	.contentpage .content .mobile-drop-zone .location h6:after,
	.contentpage .content .mobile-drop-zone .authors.curators h6:after {
		content: ':';
	}
				
	.contentpage .content .mobile-drop-zone .social-links ul li i,
	.contentpage .content aside .social-links ul li i {
		font-size: 1.6rem;
		line-height: 2.1rem;
		margin-right: 0.5rem;
	}
	
	.contentpage .content .mobile-drop-zone .social-links ul li span,
	.contentpage .content aside .social-links ul li span {
		display: inline-block;
	}	

	.contentpage .content .mobile-drop-zone h6, 
	.contentpage .content aside h6 {
		font-size: 0.85rem;
		margin-bottom: 0;
	}
	
	.contentpage .content .mobile-drop-zone .social-links h6 {
		display: none;
	}	
	
	.contentpage  {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage p {
		margin-bottom: 0.5rem;
		margin-top: 0;
	}
	
	.contentpage .page-head.no-overline {
		margin-top: 0.5rem;
	}
	
	.contentpage .page-head.no-headline,
	.contentpage .page-head.no-subline {
		margin-bottom: 1rem;
	}
	
	.contentpage .content .overline {
	   margin-bottom: 0.25rem;
	   font-size: 1.15rem;
		line-height: 1.8rem;
	}
	
	.contentpage .content .headline {
	   margin-top: 0rem;
	   margin-bottom: 0rem;
		font-size: 1.7rem;
		line-height: 1.9rem;
	}
	
	.contentpage .content .subline,
	.contentpage .content .date,
	.contentpage .content .intro {
		font-size: 1.3rem;
	   line-height: 1.8rem;
	}
	
	.contentpage .content .date,
	.contentpage .content .intro {
		margin-top: 1.15rem;
	}
	
	.contentpage .content .subline {
	    margin-bottom: 1rem;
	}
	
	.contentpage .content h1,	
	.contentpage .content h2 {
	   font-size: 1.7rem;
		line-height: 1.9rem;
		margin-top: 2.5rem;
		margin-bottom: 0.5rem;
	}

	.contentpage .content h3 {
		margin-top: 0.25rem;
		margin-bottom: 1rem;
		font-size: 1.15rem;
		line-height: 1.8rem;	
	}
	
	.contentpage .content h4 {
  	  	margin-top: 3rem;
		margin-bottom: 1rem;
		font-size: 1.35rem;
		line-height: 2rem;	
	}
	
	.contentpage .content h5 {
  	  	margin-top: 2.5rem;
		margin-bottom: 1rem;
		font-size: 1.15rem;
		line-height: 1.8rem;	
	}

	.contentpage .content h6 {
		margin-top: 2.5rem;
  	  	margin-bottom: 0;
  	  	font-size: 1.15rem;
		line-height: 1.8rem;	
	}	
	
	/* image group */
	.contentpage .image-group {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 2rem;
	}
		
	.contentpage .image-group-wrapper {
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}
	
	.contentpage .image-group-wrapper.image-group-2 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr;
	}
	
	.contentpage .image-group-wrapper.image-group-4 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-6 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}
	
	
	/* ==========================================================================
	video gallery
   ========================================================================== */
	.contentpage .video-gallery-wrapper.video-group-4 {
		-ms-grid-columns: 1fr;
		    grid-template-columns: 1fr;
	}
	
	/* ==========================================================================
   social shares
   ========================================================================== */
   
   .contentpage .social-links ul li span:before,
	.contentpage .event-functions .share span:before,
	.calendar-archive .event-functions .share span:before {
		font-size: 1.5rem;
	}

	.contentpage .content .mobile-drop-zone .social-links ul li a, 
	.contentpage .content aside .social-links ul li a {
		padding-right: 0;
	}
		
	.contentpage .content .mobile-drop-zone .social-links ul li span, 
	.contentpage .content aside .social-links ul li span {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row;
		    -ms-flex-flow: row;
		        flex-flow: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	/* ==========================================================================
	logo boxes
	========================================================================== */	
	
	.logo-boxes {
		padding-bottom: 2rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}

	.content .logo-boxes h2 {
	   font-size: 1.65rem;
	   line-height: 2.2rem;
	   margin-top: 3rem;
	}
	
	.content .logo-boxes h3 {
	   font-size: 1.25rem;
	   line-height: 1.8rem;
	   margin-top: 2rem;
	}
	
	/* ==========================================================================
		content page visitor information
	   ========================================================================== */	
	
	.visitor-info .content-table table td:nth-child(2), 
	.visitor-info .content-table table td:nth-child(2) 
	.visitor-info .content-table table td:nth-child(3), 
	.visitor-info .content-table table td:nth-child(3) {
		min-width: 4rem;
		width: 4rem;
		max-width: 4rem;
	}


	/* ==========================================================================
   accordion content
   ========================================================================== */
   
	.contentpage .accordion .download ul li .icon,
	.contentpage .accordion .download ul li .thumb {
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	
	.contentpage .accordion .download ul li .copy-wrapper {
		width: -webkit-calc(100% / 3 * 2);
		width: calc(100% / 3 * 2);
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	
	.contentpage .accordion .download ul li .icon .sgn-icon {
		text-align: center;
		padding-top: 0.75rem;
	}
	
	.contentpage .accordion .download ul li .icon .sgn-icon:before {
		font-size: 4.5rem;
		margin-top: 1rem;
	}
	
	.contentpage .accordion .title h4,
	.contentpage .accordion .download h4,
	.contentpage .accordion .download h4 {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}
	
	.contentpage .accordion .accordion-item {
		padding-top: 0.4rem;
		padding-bottom: 0.35rem;
	}
	
	.contentpage .accordion .title h4:before {
		width: 1.25rem;
	}
	
	
	/* ==========================================================================
   content slider
   ========================================================================== */
	
	.content-slider .slider-controls.prev:before, 
	.content-slider .slider-controls.next:before {
		font-size: 1.5rem;
	}	
	
	/* ==========================================================================
	calendar
   ========================================================================== */	

	.calendar-content {
		padding-left: 0;
		padding-right: 0;
	}
	
	.calendar-filters  {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        -webkit-flex-direction: column;
		        flex-direction: column;
		margin-bottom: 0.5rem;
	}
	
	.calendar-filters .jumpers {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        -webkit-order: 2;
		        order: 2;
		margin-top: 0.5rem;
	}
	
	.calendar-filters .filter-selects {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        -webkit-order: 1;
		        order: 1;
	}
	
	.calendar-filters .jumpers ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        -webkit-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: wrap;
		    -webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        -webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	
	.calendar-filters .jumpers ul li {
		margin-left: 1rem;
	}
	
	.calendar-filters .jumpers ul li:first-child {
		margin-left: 0;
	}

	.event-list .event-content {
		-ms-flex-wrap: wrap;
		    -webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
		
	.calendar-content,
	.calendar-content .filter-selects,
	.calendar-filters .jumpers,
	.calendar-content section.copy,
	.event-list .event-topic .event-topic-wrapper,
	.event-list .event-registraton-accordion
	.event-list .event-category-list,
	.event-list .event-detail,
	.event-list .event-date-time,
	.event-list .event-additional-info {
		width: 100%;
	}
			
	.event-list .event-topic,
	.event-list .event-detail,
	.event-content-extended .event-detail {
		width: -webkit-calc(100% / 3.5 * 2.5 );
		width: calc(100% / 3.5 * 2.5 );
	}
	
	.event-list .event-content figure,
	.event-content-extended .event-functions {
		width: -webkit-calc(100% / 3.5 - 1rem);
		width: calc(100% / 3.5 - 1rem);
		margin: 0;
		padding: 0;
		margin-right: 1rem;
		float: left;	
	}
	
	.event-content-extended .event-detail {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        -webkit-order: 2;
		        order: 2;
	}

	.event-content-extended .event-functions {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        -webkit-order: 1;
		        order: 1;
	}
	
	.event-list > ul:first-child > li:first-child {
		border-top-color: black;	
	}	
	
	.event-list > ul > li {
		padding-top: 0.5rem;
		border-bottom-color: black;
	}	
		
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.3rem;
	}
		
	.event-list .event-date-time > time.duration {
		display: inline-block;
		float: left;
	}
	
	.event-list .event-date-time,
	.event-list .event-type,
	.event-list .event-content,
	.event-list  .location,
	.event-list .event-registration-info,
	.event-list .event-registraton-accordion {
		margin-bottom: 0.5rem;
		margin-top: 0;
	}
	
	.event-list .event-date-time {
		border-bottom-width: 1px;
		border-bottom-color: rgb(170,170,170);
		border-bottom-style: solid;
		padding-bottom: 0.25rem;
		margin-bottom: 0.9rem;
		float: left;
	}
	
	.event-list .event-registraton-accordion {
		margin-top: 0.5rem;
		display: block;
	}
	
	.event-list .event-date-time .weekday,
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time, 
	.event-list .event-date-time .alert,
	.event-list .price {
		display: inline-block;
		width: auto;
	}

	.event-list .event-date-time .alert {
		margin-right: 0.75rem;
	}
			
	.event-list .event-date-time .weekday,
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time {
		margin-right: 0.25rem;
	}	
					
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time,
	.calendar-content,		
	.calendar-filters .jumpers,
	.event-list .notes,
	.event-list .event-title h4  {
		font-size: 0.9rem;
		line-height: 1.3rem;
	}	
	
	.event-list .event-title h3 {
	    font-size: 1.25rem;
		 line-height: 1.5rem;
	}
		
	.event-list .event-category-list li {
		display: inline;
		float: left;
		width: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.event-list .event-category-list li:after {
		content: '/';
		display: inline-block;
		margin-left: 0.1rem;
		margin-right: 0.1rem;
	}
	
	.event-list .event-category-list li:last-child:after {
		content: none;
	}	
	
	.event-list .has-extendet-content:not(.content-extended-open) .event-content .event-date-time:after {
	    position: absolute;
		 bottom: 1rem;
		 left: 0;
	}
	
	.event-list .event-content-extended {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        -webkit-flex-direction: row;
		        flex-direction: row;
	}



	/* ==========================================================================
	tables main content
   ========================================================================== */	
	
	
	article.table {
   	 padding-top: 1rem;
	}
		
	.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow table thead th:nth-child(2) {
	  min-width: 6rem;
	  width: 6rem;
	  max-width: 6rem;
	}
	
	.content-table.fixed-column.has-overflow table {
		margin-left: -webkit-calc(-6rem - 1rem);
		margin-left: calc(-6rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow .table-scroller {
	   margin-left: -webkit-calc(6rem + 1rem);
	   margin-left: calc(6rem + 1rem);
	   width: -webkit-calc(100% - 6rem - 1rem);
	   width: calc(100% - 6rem - 1rem);
	}

/*
	.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(2) {
	  min-width: 4rem;
	  width: 4rem;
	  max-width: 4rem;
	}
*/
	
/*
	.content-table.fixed-column.has-overflow.equal-columns table {
		margin-left: -webkit-calc(-4rem - 1rem);
		margin-left: calc(-4rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow.equal-columns .table-scroller {
	   margin-left: -webkit-calc(4rem + 1rem);
	   margin-left: calc(4rem + 1rem);
	   width: -webkit-calc(100% - 4rem - 1rem);
	   width: calc(100% - 4rem - 1rem);
	}
*/
	
	.content-table table	{
		font-size: 0.9rem;
		line-height: 1.3rem;
	}

	.content-table.fix-default table th,
	.content-table.fix-default table td {
		min-width: 4rem;
		max-width: 4rem;
		width: 4rem;
	}

	.content-table.fix-wide table th,
	.content-table.fix-wide table td {
		min-width: 6rem;
		max-width: 6rem;
		width: 6rem;
	}


	/* ==========================================================================
		glossary
	   ========================================================================== */	
	
	.contentpage .content article.glossary {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	
	.contentpage .content article.glossary aside {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	
	.contentpage .content article.glossary .glossary {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	
	.contentpage .content .glossary aside ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		margin-top: 1rem;
	}
	
	.contentpage .content .glossary aside ul li {
		display: inline;
		width: 2rem;
		float: left;
		text-align: left;
		margin-bottom: 0.75rem;
	}
	
	.glossary-intro aside {
		display: none;
	}


	/* ==========================================================================
		list styles mail content
	   ========================================================================== */	
	
	
	.contentpage .copy ol ol {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	
	.contentpage .copy ol li {
		padding-left: 2rem;
	}
	
	.contentpage .copy ol li:before {
		margin-left: -2rem;
		min-width: 2rem;
	}
	
	.contentpage .copy ol ol li {
		padding-left: 2rem;
	}
	
	.contentpage .copy ol ol li:before {
		margin-left: -2rem;
		min-width: 2rem;
	}
	
	.contentpage .copy ol ol ol li {
		padding-left: 3rem;
	}
	
	.contentpage .copy ol ol ol li:before {
		margin-left: -3rem;
		min-width: 3rem;
	}
	
		
	/* ==========================================================================
		team content
	========================================================================== */	
	
	.team-group {
	    margin-bottom: 2rem;
	}	
	
	.team-member {
		padding-top: 1rem;	
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
			
	.team-member .team-member-wrapper {
		margin-bottom: 0.75rem;
	}		
			
	.team-member .image-wrapper {
		width: -webkit-calc(100% / 3 - 1rem);
		width: calc(100% / 3 - 1rem);
		margin-right: 1rem;
	}

	.team-member .copy-wrapper {
		width: -webkit-calc(100% / 3 * 2);
		width: calc(100% / 3 * 2);
	}
	
	.team-member .team-member-name {
	font-size: 1.15rem;
    line-height: 1.6rem;
	}
	
	.team-member .team-member-name-positon,
	.team-member-contact {
		margin-bottom: 0.5rem;
	}
	
	.social-contacts {
		margin-bottom: 0;
	}

	.social-contacts a {
		margin-right: 0.6rem;
	}

	.social-contacts a.sgn-icon:before {
		font-size: 1.15rem;
	}

	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

	.teaser-content .content-wrapper {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
	}
	
	.teaser-content .teaser .teaser-headline {		
		font-size: 1.7rem;
		line-height: 2.1rem;
	}
	
	.teaser-content .teaser .teaser-overline,
	.teaser-content .teaser .teaser-subline,
	.teaser-content .teaser .teaser-date,
	.teaser-content .teaser p {
		font-size: 1.1rem;
	   line-height: 1.6rem;
	}
	
	.teaser-content .teaser .teaser-subline {
		margin-top: 0.1rem;		
	}
	
	.teaser-content .teaser .teaser-overline {
		margin-bottom: 0;		
	}
	
	.teaser-content .page-head {
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	
	.teaser-content .page-head h1 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}
	
	.teaser-content .teaser .pseudo-link {
		font-size: 100%;
	}

	/* ==========================================================================
   press realease single - download / press material
   ========================================================================== */

	.contentpage.press-release-archive .content-wrapper,
	.press-release-archive .content-wrapper {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
	}
	
	.press-material .press-material-wrapper .item {
		width: 100%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.press-material .press-material-wrapper .icon, 
	.press-material .press-material-wrapper .thumb {
		width: -webkit-calc(100% / 3 - 0.75rem);
		width: calc(100% / 3 - 0.75rem);
	}
	
	.press-material .press-material-wrapper .copy-wrapper {
		width: -webkit-calc(100% / 3 * 2);
		width: calc(100% / 3 * 2)
	}
	
	.contentpage .content .mobile-drop-zone .aside-copy.press-contact { 
		-webkit-column-count: 2; 
		   -moz-column-count: 2; 
		        column-count: 2;
	}

	.contentpage .content .mobile-drop-zone .aside-copy.press-release-date br,
	.contentpage .content .mobile-drop-zone .aside-copy.object-relation br { 
		display: none;
	}
	
	.contentpage .content .mobile-drop-zone .aside-copy.press-contact p {
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
   }            
	
	.press-release-archive .press-release-content {
		display: block;
	}
	
	.press-release-archive .press-release-content .content {
		width: -webkit-calc(100% / 3.5 * 2.5);
		width: calc(100% / 3.5 * 2.5);
		float: left;
		margin-left: 0;
		margin-right: 0;
	}	

	.press-release-archive .press-release-content figure {
		width: -webkit-calc(100% / 3.5 - 1rem);
		width: calc(100% / 3.5 - 1rem);
		margin: 0;
		padding: 0;
		margin-right: 1rem;
		float: left;
		min-height: 1rem;
	}	
	
	.press-release-archive .press-release-content .press-release-date {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.press-release-archive .press-release-content .sections {
		width: -webkit-calc(100% / 3.5 * 2);
		width: calc(100% / 3.5 * 2);
		padding-left: -webkit-calc(100% / 3.5 - 1rem);
		padding-left: calc(100% / 3.5 - 1rem);
		margin-left: 1rem;
		margin-top: 1rem;
	}
	
	
}
	
/*  tablet portrait ------------------------------- */
@media only screen and (min-width: 35em) and (max-width: 55em){
	
	/*
	html {
		display: none;
	}
	
	*/
	/* add a before content to the body to get with js a responsive body class */
	body:before {
		content: 'tablet';
		display: none;
	}	

	body:after {
		content: 'burger';
		display: none;
	}		
	
	/* ==========================================================================
	UI Basics: slider elements	
   ========================================================================== */	

	.slider-pager span {
		width: 1.5rem;
		height: 0.2rem;
		margin-left: 0.2rem;
		margin-right: 0.2rem;
	}
	
	/* ==========================================================================
	copyright-layer	
   ========================================================================== */	

	.copyright-layer,
	copyright-layer .copyright-layer,
	.contentpage .image-group .copyright-layer {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		height: -webkit-calc(100% - 2rem);
		height: calc(100% - 2rem);
		padding: 1rem;
		font-size: 0.9rem;
	}
	
	/* ==========================================================================
	header	
   ========================================================================== */	
	
	header .top-head {
		border-bottom-width: 0.4rem solid;
	}
	
	header .alert-banner {
		min-height: 1rem;
		font-size: 0.95rem;
		line-height: 1.1rem;
		padding-top: 0.4rem;
		padding-bottom: 0.45rem;
		font-weight: 400;
	}
	
	header .alert-banner p {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	header .top-head .main-logo-wrapper {
		margin: 1.5rem;
	}
	
	header .top-head .section-logo-wrapper {
		padding: 0.75rem;
	}
	
	header .top-head .section-logo-wrapper img {
		max-height: 4.5rem;
	}
	
	.burger header.sticky .top-head {
		padding-top: 0.25rem;
	}
	
	header.sticky .top-head .section-logo-wrapper {
		padding: 0.5rem;
	}
	
	.burger header.sticky .top-head .main-logo-wrapper {
		margin-top: 0.25rem;
		margin-bottom: 0.25rem;
	}
	
	

	/* ==========================================================================
	footer	
   ========================================================================== */	

	footer {
		margin-top: 0;
		font-size: 0.9rem;
		line-height: 1.35rem;
		font-weight: 400;
	}
		
	/* ==========================================================================
	breadcrumb
   ========================================================================== */	
		
	.breadcrumb ul {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;	
	}	
	
	.breadcrumb ul li {
		float: initial;
		display: inline;
	}
	
	
	/* ==========================================================================
	fixed buttons
   ========================================================================== */	

	.fixed-buttons button {
	    width: 2rem;
	    height: 2rem;
	    left: -2.5rem;
	}
	
	.fixed-buttons button:before {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.35rem;
    line-height: 2.2rem;
    text-align: center;
	}
	
	/* ==========================================================================
	main content 	
   ========================================================================== */	
	
	.contentpage h1 {
		font-size: 2.1rem;
		line-height: 2.4rem;
		margin-bottom: 2rem;
	}
	
	.contentpage h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
		margin-top: 2.5rem;
	}
		

	/* ==========================================================================
	footer	
   ========================================================================== */	
	
	footer {
		margin-top: 1.5rem;
	}
	
	footer .footer-block:first-child,
	footer .footer-block {
		width: 100%;
		margin-bottom: 1.5rem;
		margin-left: 0;
	}
	
	footer .footer-primary-block-group,
	.burger footer .footer-primary-block-group {
		margin-bottom: 0;
	}

	footer .footer-block.social-links ul li {
		font-size: 1.8rem;
		margin-left: 0;
		margin-right: 0.8rem;
	}	
	
	footer .footer-secondary-block-group .footer-block {
		width: 100%;
	}
	
	footer .footer-primary-block-group .footer-block {
		width: -webkit-calc(100% / 2 - 1.5rem);
		width: calc(100% / 2 - 1.5rem);
		margin-right: 1.5rem;
		max-width: inherit;
	}

	footer .footer-primary-block-group .footer-block:nth-child(3) {
		width: -webkit-calc(100% / 2 - 1.5rem);
		width: calc(100% / 2 - 1.5rem);
		margin-right: 0;
	}
	
	footer .footer-secondary-block-group .social-links,
	.burger footer .footer-secondary-block-group .social-links {
		width: -webkit-calc(100% / 2 - 0.75rem);
		width: calc(100% / 2 - 0.75rem);	
		margin-right: 1rem;
	}
	
	footer .footer-secondary-block-group .footer-logo-leibnitz,
	.burger footer .footer-secondary-block-group .footer-logo-leibnitz {
		width: -webkit-calc(100% / 2 - 0.75rem);
		width: calc(100% / 2 - 0.75rem);
		margin-left: 0;
		margin-right: 0;
	}
	
	footer .footer-secondary-block-group .footer-logo-leibnitz img,
	.burger footer .footer-secondary-block-group .footer-logo-leibnitz img {
		float: left;
		max-width: 8rem;
	}
	
	footer .footer-logo-leibnitz img {
		float: left;
	}
	
	/* ==========================================================================
	home main content 	
   ========================================================================== */	
		
	/* 	head slider  */
	.head-slider figure {
		height: 40vh;	
	}
	  
	.head-slider figure img {
		height: 40vh;
	}
	
	.head-slider .slider-menu {
		display: none!important;
	}

	.head-slider .slider-pager {
		height: 1.7rem;
	}
	
	.head-slider .caption-box {
		left: 1.5rem;
	}
	
	
	.home .inner-wrapper {
	    width: -webkit-calc(100% - 6rem);
	    width: calc(100% - 6rem);
		 padding-left: 3rem;
		 padding-right: 3rem;
	 }

	/* reduce the content in smaller sizes  */
	.head-slider .responsive {
		display: none;
	} 
	
	
	/* ==========================================================================
	caption box in features
	========================================================================== */
	
	/* float the caption box on this size always below the image  */	
	.feature.has-caption-box .caption-wrapper   {
		position: relative;
		display: block;
		float: left;
		height: inherit;
		width: 100%;
		margin: 0;
	}
	
	.feature .caption-box.sgn-background-overlay-white {
		border-bottom: 1px solid rgb(230,230,230); 
	}
		
	.feature.has-caption-box .caption-wrapper .caption-box {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		float: left;
		position: relative;
		padding: 1.5rem;
		left: inherit;
		top: inherit;
		bottom: inherit;
		max-width: inherit;
	}
	
	
	/* ==========================================================================
   Features, big teasers
   ========================================================================== */

	/*features with seamless caption and half image */
	
	.feature.split-caption .caption {
		width: -webkit-calc(100% - 7.5rem);
		width: calc(100% - 7.5rem);
		max-width: 47.5rem;
		padding: 1.5rem;
		padding-right: 3rem;	
	}
	
	.feature.split-caption .overline {
		font-size: 0.9rem;
		line-height: 0.9rem;
	}

	.feature.split-caption .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1.35rem;
		line-height: 1.35rem;
	}
	
	.feature.split-caption .subline {
		margin-top: 0.25rem;
		margin-bottom: 0.5rem;
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	
	.feature.split-caption .date {
		margin-top: 0.25rem;
		margin-bottom: 0.75rem;
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	
	.feature.split-caption .copy {
		font-size: 0.9rem;
		line-height: 1.35rem;
	}
	

	/* ==========================================================================
	   video feature, big teaser with video content 
	   ========================================================================== */
	
	.video-feature .copy-wrapper .teaser-overline {
		font-size: 0.9rem;
		line-height: 0.9rem;
	}
	
	.video-feature .copy-wrapper .intro {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
		
	.video-feature .copy-wrapper figure figcaption,
	.video-feature .video figcaption {
		font-size: 0.9rem;
		line-height: 1.4rem;
	}

	.video-feature .copy-wrapper figure img {
		width: 5.5rem;
		height: 5.5rem;
		-webkit-border-radius: 5.5rem;
		        border-radius: 5.5rem;
	}

	.video-feature .copy-wrapper figure figcaption {
		margin-left: 0.75rem;
	}
	
	
	/* ==========================================================================
   Tabs, tab teaser
   ========================================================================== */
	
	.tabs,
	.teaser-group {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.tabs .tabs-head,
	.teaser-group .teaser-head {
		margin-bottom: 1rem;
		-ms-flex-wrap: wrap;
		    -webkit-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	
	.tabs .tabs-head h2 {
		display: block;
		width: 100%;
	}
	
	.tabs .tabs-head button,
	.teaser-group .tabs-head button {
		font-size: 1.1rem;
		line-height: 1.2rem;
		padding-top: 0.35rem;
	 	padding-bottom: 0.35rem;
	 	margin-right: 1.5rem;
	 	min-width: -webkit-calc(100% / 2);
	 	min-width: calc(100% / 2);
	}	
	
	.tabs .teaser,
	.teaser-group .teaser {
		width: -webkit-calc(100% / 2 - 0.75rem);
		width: calc(100% / 2 - 0.75rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.tabs .teaser:nth-child(2n),
	.teaser-group .teaser:nth-child(2n) {
		margin-right: 0;
	}
	
	.related-content .teaser {
		width: -webkit-calc(100% / 3 - 1.135rem);
		width: calc(100% / 3 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.related-content .teaser:nth-child(3n) {
		margin-right: 0;
	}
	
	.related-content .teaser:nth-child(2n) {
		margin-right: 1.5rem;
	}
		
	.teaser .copy-wrapper {
		font-size: 0.9rem;
		line-height: 1.35rem;
		padding-top: 1rem;
	} 
	
	.teaser .teaser-overline {
	 	margin-bottom: 0.25rem;
	 	font-size: 0.9rem;
	 	line-height: 0.9rem;
	}	
			
	.teaser .teaser-headline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.35rem;
		line-height: 1.35rem;
	}
	
	.teaser .pseudo-link {
		margin-top: -0.5rem;
	}
	
	.teaser .sgn-icon:before {
		font-size: 80%;
		padding-right: 0.25rem;
	}

	.teaser-group.no-snap-overflow  .teaser-wrapper .teaser.block-intro {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.teaser-group.no-snap-overflow  .teaser.block-intro .copy-wrapper:first-child {
			margin-top: 0;
			padding: 0;
	}
	
	.teaser-group .teaser.block-intro h2 {
		font-size: 1.4rem;
		line-height: 1.8rem;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		     hyphens: auto;
	}


	/* ==========================================================================
   slider & features caption box
   ========================================================================== */
	
	.caption-box {
		width: -webkit-calc(100% - 5.5rem);
		width: calc(100% - 5.5rem);
		bottom: 1.5rem;
		padding: 1.25rem;
	}

	.caption-box .overline {
		font-size: 0.9rem;
		line-height: 0.9rem;
	}

	.caption-box .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 2.1rem;
		line-height: 2.2rem;
	}
	
	.caption-box .subline {
		margin-top: 0.25rem;
		margin-bottom: 0.75rem;
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	
	.caption-box .date {
		margin-top: 0.25rem;
		margin-bottom: 0.75rem;
		font-size: 0.9rem;
		line-height: 1.35rem;
	}
	
	.caption-box .copy {
		font-size: 0.9rem;
		line-height: 1.35rem;
	}
	
	.split-caption .pseudo-link, 
	.caption-box .pseudo-link {
		margin-top: 0.5rem;
	}


	/* ==========================================================================
	home copy with columns
   ========================================================================== */	

	.copy-columns {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	
	.copy-columns .copy-head h2 {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
		font-size: 2.1rem;
		line-height: 2.2rem;
	}
	
	.copy-columns .cols_1 {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
		}

	.copy-columns .cols_2,
	.copy-columns .cols_4 {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 1.5;
		   -moz-column-gap: 1.5;
		        column-gap: 1.5;
	}


	/* ==========================================================================
	link bar
   ========================================================================== */
	
	.link-bar h2 {
		font-size: 1.35rem;
		line-height: 1.65rem;
	}
	
	/* ==========================================================================
	contentpage / exhibiton single
	========================================================================== */	
		
	.burger.contentpage .content-wrapper {
	    width: -webkit-calc(100% - 6rem);
	    width: calc(100% - 6rem);
	    margin-left: 3rem;
	    margin-right: 3rem;
	}

	.contentpage article.wide {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);			
		padding: 2rem;
	}
		
	.contentpage .copy-right,
	.contentpage .copy-left,
	.contentpage .full-width-image,
	.contentpage .full-width-video {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption {
		margin-left: 1.5rem;
		margin-right: 1.5rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	.contentpage .full-width-video figure figcaption,
	.contentpage .full-width-image figure figcaption {
		width: -webkit-calc(100% -3rem);
		width: calc(100% -3rem);
	}
	
	.contentpage .copy-right .copy,
	.contentpage .copy-left .copy {
		width: -webkit-calc(100%  / 3 * 2 - 2.5rem);
		width: calc(100%  / 3 * 2 - 2.5rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
		
	.contentpage .content aside .aside-copy,
	.contentpage .image-group figcaption,
	.contentpage .content aside h6,
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption,
	.contentpage .content aside figcaption,
	.contentpage .content aside blockquote footer {
	   font-size: 1rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .content aside {
		width: -webkit-calc(100%  / 3 - 2rem);
		width: calc(100%  / 3 - 2rem);
	}
	
	.contentpage .content .copy-right aside {
	    margin-right: 1.5rem;
	    float: right;
	}
	
	.contentpage .content .copy-left aside {
	    margin-left: 1.5rem;
	}
	
	.contentpage .content aside > * {
		margin-top: 0.5rem!important;
	}
	
	.contentpage .content aside h6 {
	   font-size: 1rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .copy-right aside blockquote {
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
	
	.contentpage .lightbox-button button {
		font-size: 1.7rem;
	}
	
	.contentpage .content aside .social-links {
		margin-bottom: 2rem;
	}
	
	.contentpage .content aside .social-links ul li {
		font-size: 0.85rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .content aside .social-links ul li a {
		margin-bottom: 0;
		margin-top: 0;
	}	
			
	.contentpage .content aside .social-links ul li i {
		font-size: 1.4rem;
		line-height: 2rem;
		margin-right: 0.5rem;
	}
	
	.contentpage .content aside .social-links ul li span {
		display: inline-block;
	}	
	
	.contentpage  {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage p {
		margin-bottom: 1.5rem;
		margin-top: 0;
	}

	.contentpage .content .overline {
	   font-size: 1.25rem;
		line-height: 1.8rem;
	}
	
	.contentpage .content .headline {
	   margin-top: 0rem;
	   margin-bottom: 0rem;
		  font-size: 2.2rem;
	   line-height: 2.6rem;
	}
	
	.contentpage .content .subline,
	.contentpage .content .date,
	.contentpage .content .intro {
		font-size: 1.3rem;
	   line-height: 1.8rem;
	}
	
	.contentpage .content .date,
	.contentpage .content .intro {
		margin-top: 1.25rem;
	}
	
	.contentpage .content .subline {
	    margin-bottom: 1rem;
	}
	
	.contentpage .content h1,	
	.contentpage .content h2 {
	   font-size: 2.2rem;
	   line-height: 2.6rem;
		margin-top: 2.5rem;
		margin-bottom: 0.75rem;
	}

	.contentpage .content h3 {
		margin-top: 0.5rem;
		margin-bottom: 1rem;
		font-size: 1.3rem;
	   line-height: 1.8rem;
	}
	
	.contentpage .content h4 {
  	  	margin-top: 3rem;
		margin-bottom: 1rem;
		font-size: 1.3rem;
	   line-height: 1.8rem;
	}
	
	.contentpage .content h5 {
  	  	margin-top: 2.5rem;
		margin-bottom: 1rem;
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage .content h6 {
		margin-top: 2.5rem;
  	  	margin-bottom: 0;
  	  	font-size: 1.1rem;
		line-height: 1.7rem;
	}

	/* image group /////////////////////// */
	.contentpage .image-group {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 4rem;
	}
		
	.contentpage .image-group-wrapper {
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}
	
	.contentpage .image-group-wrapper.image-group-2 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-4 {
		-ms-grid-columns: 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-6 {
		-ms-grid-columns: 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr; 
	}

	/* ==========================================================================
	logo boxes
   ========================================================================== */	
	
	.logo-boxes {
		padding-bottom: 2rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.teaser-content .logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; 
		    grid-template-columns: 1fr 1fr 1fr 1fr; 
	}
	
	.content .logo-boxes h2 {
	   font-size: 1.65rem;
	   line-height: 2.2rem;
	   margin-top: 3rem;
	}
	
	.content .logo-boxes h3 {
	   font-size: 1.25rem;
	   line-height: 1.8rem;
	   margin-top: 2rem;
	}
		
	/* ==========================================================================
	content page visitor information
   ========================================================================== */	

	.visitor-info .content-table table td:nth-child(2), 
	.visitor-info .content-table table td:nth-child(2) 
	.visitor-info .content-table table td:nth-child(3), 
	.visitor-info .content-table table td:nth-child(3) {
		min-width: 4rem;
		width: 4rem;
		max-width: 4rem;
	}

	/* ==========================================================================
   accordion content
   ========================================================================== */

  	.contentpage .accordion .download ul li .icon,
	.contentpage .accordion .download ul li .thumb {
		width: 10rem;
	}
	
	.contentpage .accordion .download ul li .copy-wrapper {
		width: -webkit-calc(100% - 10rem);
		width: calc(100% - 10rem);
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	.contentpage .accordion .download ul li .icon .sgn-icon {
		text-align: center;
		padding-top: 0.75rem;
	}

	.contentpage .accordion .download ul li .icon .sgn-icon:before {
		font-size: 5rem;
		margin-top: 1rem;
	}

	.contentpage .accordion .title h4:before {
  		width: 1.25rem;
  	}
   
	.contentpage .accordion .title h4,
	.contentpage .accordion .download h4,
	.contentpage .content .team-group-headline h4 {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage .accordion .accordion-item {
	  padding-top: 0.4rem;
	  padding-bottom: 0.35rem;
	}
  

	/* ==========================================================================
	calendar
   ========================================================================== */	

	.calendar .calendar-content {
		width: -webkit-calc(100% - 6rem);
		width: calc(100% - 6rem);
		padding-left: 3rem;
		padding-right: 3rem;
	}
	
	.calendar-content .filter-selects,
	.calendar  .calendar-content section.copy {
		width: -webkit-calc(100% / 4  * 3);
		width: calc(100% / 4  * 3);
	}

	.calendar .calendar-content section.copy {
		margin-left: -webkit-calc(100% / 4);
		margin-left: calc(100% / 4);
	}
		
	.event-list .event-topic,
	.event-list .event-detail {
		width: -webkit-calc(100% / 4 * 2 );
		width: calc(100% / 4 * 2 );
	}
	
	.calendar-filters .jumpers {
		width: -webkit-calc(100% / 4 - 0.5rem);
		width: calc(100% / 4 - 0.5rem);
		margin-right: 0.5rem;
	}
	
	.event-list .event-topic .event-topic-wrapper {
		width: -webkit-calc(100% - 5rem - 0.75rem);
		width: calc(100% - 5rem - 0.75rem);	
		-webkit-hyphens: auto;	
		    -ms-hyphens: auto;	
		        -moz-hyphens: auto;	
		     hyphens: auto;
	}	
	
	.event-list .event-topic figure {
		width: 5rem;
		margin-right: 0.75rem;
	}
		
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.3rem;
	}
	
	.event-list .event-date-time,
	.event-list .event-categories,
	.event-list .event-additional-info,
	.event-list .event-functions  {
		width: -webkit-calc(100% / 4 - 0.5rem);
		width: calc(100% / 4 - 0.5rem);
	}
		
	.event-list .event-categories,
	.event-list .event-functions {
		margin-left: 1rem;	
	}
	
	.event-list .event-date-time,
	.event-list .event-additional-info {
		margin-right: 1rem;
	}
	
	.calendar-content,		
	.calendar-filters .jumpers,
	.event-list .event-title h4 {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}	
	
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time,
	.event-list .event-title h3 {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.event-list .notes {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}
	
	.event-list .event-date-time .duration.has-price,
	.event-list .event-date-time .price {
		float: none;
	}

	.event-list .event-date-time .duration.has-price:after {
		content: none;
	}
	
	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

	.teaser-content .content-wrapper {
		width: -webkit-calc(100% - 9.5rem);
		width: calc(100% - 9.5rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-left: 3.25rem;
		margin-right: 3.25rem;
	}
	
	/* ==========================================================================
	tables main content
   ========================================================================== */	
	
	article.table {
		padding-top: 1rem;
	}
			
	.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow table thead th:nth-child(2) {
	  min-width: 8rem;
	  width: 8rem;
	  max-width: 8rem;
	}
	
	.content-table.fixed-column.has-overflow table {
		margin-left: -webkit-calc(-8rem - 1rem);
		margin-left: calc(-8rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow .table-scroller {
	   margin-left: -webkit-calc(8rem + 1rem);
	   margin-left: calc(8rem + 1rem);
	   width: -webkit-calc(100% - 8rem - 1rem);
	   width: calc(100% - 8rem - 1rem);
	}
	
/*
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(2) {
	  min-width: 4rem;
	  width: 4rem;
	  max-width: 4rem;
	}
	
	.content-table.fixed-column.has-overflow.equal-columns table {
		margin-left: -webkit-calc(-4rem - 1rem);
		margin-left: calc(-4rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow.equal-columns .table-scroller {
	   margin-left: -webkit-calc(4rem + 1rem);
	   margin-left: calc(4rem + 1rem);
	   width: -webkit-calc(100% - 4rem - 1rem);
	   width: calc(100% - 4rem - 1rem);
	}
*/
	
	.content-table table {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.content-table.fix-default table th,
	.content-table.fix-default table td {
		min-width: 4rem;
		max-width: 4rem;
		width: 4rem;
	}

	.content-table.fix-wide table th,
	.content-table.fix-wide table td {
		min-width: 8rem;
		max-width: 8rem;
		width: 8rem;
	}
	
	/* ==========================================================================
		list styles mail content
	  ========================================================================== */	
	
	.contentpage .copy ol li {
		padding-left: 2rem;
	}
	
	.contentpage .copy ol li:before {
		margin-left: -2rem;
		min-width: 2rem;
	}
	
	.contentpage .copy ol ol li {
		padding-left: 2.75rem;
	}
	
	.contentpage .copy ol ol li:before {
		margin-left: -2.75rem;
		min-width: 2.75rem;
	}
	
	.contentpage .copy ol ol ol li {
		padding-left: 4rem;
	}
	
	.contentpage .copy ol ol ol li:before {
		margin-left: -4rem;
		min-width: 4rem;
	}

	/* ==========================================================================
		team content
	========================================================================== */	
	
	.team-group {
	    margin-bottom: 2rem;
	}	
	
	.team-member {
		padding-top: 1rem;	
		font-size: 1rem;
		line-height: 1.5rem;
	}
			
	.team-member .team-member-wrapper {
		margin-bottom: 0.75rem;
	}		
			
	.team-member .image-wrapper {
		width: -webkit-calc(10rem - 1.5rem);
		width: calc(10rem - 1.5rem);
		margin-right: 1.5rem;
	}

	.team-member .copy-wrapper {
		width: -webkit-calc(100% - 10rem);
		width: calc(100% - 10rem);
	}
	
	.team-member .team-member-name {
		font-size: 1.35rem;
		line-height: 1.8rem;
	}
	
	.team-member .team-member-name-positon,
	.team-member-contact {
		margin-bottom: 0.5rem;
	}

	.social-contacts {
		margin-bottom: 0;
	}

	.social-contacts a {
		margin-right: 0.6rem;
	}
	
	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	
	
	.teaser-content .teaser .teaser-headline {		
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	
	.teaser-content .teaser .teaser-overline,
	.teaser-content .teaser .teaser-subline,
	.teaser-content .teaser .teaser-date,
	.teaser-content .teaser p {
		  font-size: 1rem;
		  line-height: 1.4rem;
	}
	
	.teaser-content .teaser .teaser-subline {
		margin-top: 0.1rem;		
	}
			
	.teaser-content .page-head h1 {
		font-size: 2.2rem;
		line-height: 2.6rem;
	}
	
	.teaser-content .teaser .pseudo-link {
		font-size: 100%;
	}
	
	
	/* ==========================================================================
   press realease single - download / press material
   ========================================================================== */
	
	.press-material .press-material-wrapper .item {
		width: 100%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	/* ==========================================================================
  video gallery
   ========================================================================== */
	.contentpage .video-gallery-wrapper.video-group-4 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr;
	}

	
}



/*  tablets landscape and small desktops ----------- */
@media only screen and (min-width: 55em) and (max-width: 70em){	
	/*
	html {
		display: none;
	}
	*/
	
	body:before {
		content: 'screen';
		display: none;
	}	
	
	/* ==========================================================================
	home main content 	
   ========================================================================== */	
	
	/* 	head slider  */			
	.head-slider .slider-menu ul {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	.head-slider .slider-menu ul li {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
		
	.head-slider .slider-menu .slider-overline {
		margin-top: 0.5rem;
		font-size: 0.85rem;
	}
	
	.head-slider .slider-menu .slider-headline {
		font-size: 1.05rem;
		line-height: 1.2rem;
		margin-top: 0.3rem;
		margin-bottom: 0.55rem;
	}
		
	.head-slider .slider-menu .slider-subline {
		font-size: 0.85rem;
		line-height: 1rem;
	}
	
	.head-slider .caption-box {
		left: 2rem;
	}

	/* reduce the content in smaller sizes  */
	.head-slider .responsive {
		display: none;
	} 

	/* ==========================================================================
   slider & features caption box
   ========================================================================== */

	.caption-box {
		width: -webkit-calc(100% - 5rem);
		width: calc(100% - 5rem);
		bottom: 2rem;
		padding: 1.5rem;
	}
			
	.caption-box .overline {
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.caption-box .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	
	.caption-box .subline {
		margin-top: 0.5rem;
		margin-bottom: 1rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	
	.caption-box .date {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.caption-box .copy {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.caption-box .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}


	/* ==========================================================================
   Features, big teasers
   ========================================================================== */

	/*features with seamless caption and half image */
	.feature.split-caption .caption {
		width: -webkit-calc(100% - 6rem);
		width: calc(100% - 6rem);
		max-width: 47.5rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
		padding-left: 3rem;
		padding-right: 3rem;
	}
	
	.feature.split-caption .overline {
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.feature.split-caption .headline {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	
	.feature.split-caption .subline {
		margin-top: 0.5rem;
		margin-bottom: 1rem;
		font-size: 1.4rem;
		line-height: 1.4rem;
	}
	
	.feature.split-caption .date {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.feature.split-caption .copy {
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.feature.split-caption .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}

	/* ==========================================================================
	   video feature, big teaser with video content 
	   ========================================================================== */
	
	.video-feature .copy-wrapper .teaser-overline {
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.video-feature .copy-wrapper .intro {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	.video-feature .copy-wrapper figure {
		width: 90%;
		padding-right: 10%;
	}
	
	.video-feature .copy-wrapper figure figcaption,
	.video-feature .video figcaption {
		font-size: 0.85rem;
		line-height: 1.4rem;
	}

	
	/* ==========================================================================
   Tabs, tab teaser
   ========================================================================== */

	.tabs,
	.teaser-group {
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
	
	.tabs .tabs-head,
	.teaser-group .teaser-head {
		margin-bottom: 1rem;
	}
	
	.tabs .tabs-head button,
	.teaser-group .teaser-head h2,
	.related-content .teaser-head h2,
	.contentpage .content h2 .teaser-head h2 {
		font-size: 1.25rem;
	 	line-height: 1.5rem;
	 	padding-top: 0.35rem;
	 	padding-bottom: 0.35rem;
	 	margin-right: 1.5rem;
	}	
	
	.teaser-group .teaser-head h2,
	.related-content .teaser-head h2,
	.contentpage .content h2 .teaser-head h2 {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}	
	
	.tabs .teaser,
	.teaser-group .teaser {
		width: -webkit-calc(100% / 4 - 1.135rem);
		width: calc(100% / 4 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.tabs .teaser:nth-child(4n),
	.teaser-group  .teaser:nth-child(4n) {
		margin-right: 0;
	}
	
	.related-content .teaser {
		width: -webkit-calc(100% / 3 - 1.135rem);
		width: calc(100% / 3 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.related-content .teaser:nth-child(3n) {
		margin-right: 0;
	}

	.related-content .teaser:nth-child(4n) {
		margin-right: 1.5rem;
	}
		
	.teaser .copy-wrapper {
		font-size: 1rem;
		line-height: 1.4rem;
		padding-top: 1rem;
	} 
	
	.teaser .teaser-overline {
	 	margin-bottom: 0.25rem;
	 	font-size: 1rem;
	 	line-height: 1rem;
	}	
			
	.teaser .teaser-headline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	
	.teaser .pseudo-link {
		margin-top: -0.5rem;
	}
	
	.teaser .sgn-icon:before {
		font-size: 80%;
		padding-right: 0.25rem;
	}

	.teaser-group.teaser-group-with-intro {
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
			 
	.teaser-group .teaser.block-intro h2 {
		font-size: 1.4rem;
		line-height: 2rem;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		     hyphens: auto;
	}
	
	/* ==========================================================================
	home copy with columns
   ========================================================================== */	
	
	.copy-columns .copy-head h2 {
		font-size: 2.5rem;
		line-height: 2.5rem;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}
		
	.copy-columns .cols_1 {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}

	.copy-columns .cols_2,
	.copy-columns .cols_4 {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: 1.5;
		   -moz-column-gap: 1.5;
		        column-gap: 1.5;
	}


	 
	/* ==========================================================================
  link bar
   ========================================================================== */
	
	.link-bar h2 {
		font-size: 1.25rem;
		line-height: 1.6rem;
	}

	.link-bar p {
		margin-top: -0.5rem;
	}


	/* ==========================================================================
	contentpage / exhibiton single
	========================================================================== */	

	.burger.contentpage .content-wrapper {
    	width: -webkit-calc(100% - 7rem);
    	width: calc(100% - 7rem);
	 	margin-left: 3.5rem;
	 	margin-right: 3.5rem;
	 }
		
	.contentpage article.wide {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);			
		padding: 2rem;
	}
		
	.contentpage .copy-right,
	.contentpage .copy-left,
	.contentpage .full-width-image,
	.contentpage .full-width-video {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption {
		margin-left: 2rem;
		margin-right: 2rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	.contentpage .full-width-video figure figcaption,
	.contentpage .full-width-image figure figcaption {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);
	}
	
	.contentpage .copy-right .copy,
	.contentpage .copy-left .copy {
		width: -webkit-calc(100%  / 4 * 3 - 2.5rem);
		width: calc(100%  / 4 * 3 - 2.5rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
		
	.contentpage .content aside .aside-copy,
	.contentpage .content aside h6,
	.contentpage .image-group figcaption,
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption,
	.contentpage .content aside figcaption,
	.contentpage .content aside blockquote footer {
	   font-size: 1rem;
	   line-height: 1.5rem;
	}
		
	.contentpage .content aside {
		width: -webkit-calc(100%  / 4 - 2rem);
		width: calc(100%  / 4 - 2rem);
	}
	
	.contentpage .content .copy-right aside {
	    margin-right: 1.5rem;
	}
	
	.contentpage .content .copy-left aside {
	    margin-left: 1.5rem;
	}
	
	.contentpage .content aside > * {
		margin-top: 0.5rem!important;
	}
	
	.contentpage .content aside h6 {
	    font-size: 1rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .copy-right aside blockquote {
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
	
	.contentpage .lightbox-button button {
		font-size: 2rem;
	}
	
	.contentpage .content aside .social-links {
		margin-bottom: 2rem;
	}
			
	.contentpage .content aside .social-links ul li i {
		font-size: 1.6rem;
		line-height: 2.1rem;
		margin-right: 0.5rem;
	}
	
	.contentpage .content aside .social-links ul li span {
		display: inline-block;
	}	
	
	.contentpage  {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage p {
		margin-bottom: 1.5rem;
		margin-top: 0;
	}

	.contentpage .content .overline {
	   font-size: 1.25rem;
		line-height: 1.8rem;
	}
	
	.contentpage .content .headline {
	   margin-top: 0rem;
	   margin-bottom: 0rem;
		font-size: 2.8rem;
	   line-height: 3.2rem;
	}
	
	.contentpage .content .subline,
	.contentpage .content .date,
	.contentpage .content .intro {
		font-size: 1.4rem;
	   line-height: 1.9rem;
	}
	
	.contentpage .content .date,
	.contentpage .content .intro {
		margin-top: 1.25rem;
	}
	
	.contentpage .content .subline {
	    margin-bottom: 1rem;
	}
	
	.contentpage .content h1,	
	.contentpage .content h2 {
	   font-size: 2.8rem;
	   line-height: 3.2rem;
		margin-top: 2.5rem;
		margin-bottom: 0.75rem;
	}

	.contentpage .content h3 {
		margin-top: 0.5rem;
		margin-bottom: 1rem;
		font-size: 1.4rem;
	   line-height: 1.9rem;
	}
	
	.contentpage .content h4 {
  	  	margin-top: 3rem;
		margin-bottom: 1rem;
		font-size: 1.4rem;
	   line-height: 1.9rem;
	}
	
	.contentpage .content h5 {
  	  	margin-top: 2.5rem;
		margin-bottom: 1rem;
		font-size: 1.1rem;
		line-height: 1.7rem;
	}

	.contentpage .content h6 {
		margin-top: 2.5rem;
  	  	margin-bottom: 0;
  	  	font-size: 1.1rem;
		line-height: 1.7rem;
	}

	
	/* image group /////////////////////// */
	.contentpage .image-group {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 4rem;
	}
		
	.contentpage .image-group-wrapper {
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}
	
	.contentpage .image-group-wrapper.image-group-2 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-4 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-6 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr; 
	}
	
	
	/* ==========================================================================
	logo boxes
   ========================================================================== */	
	
	.logo-boxes {
		padding-bottom: 2rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	}
	
	.teaser-content .logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	}
	
	.content .logo-boxes h2 {
	   font-size: 1.65rem;
	   line-height: 2.2rem;
	   margin-top: 3rem;
	}
	
	.content .logo-boxes h3 {
	   font-size: 1.25rem;
	   line-height: 1.8rem;
	   margin-top: 2rem;
	}
	
	/* ==========================================================================
	video gallery
   ========================================================================== */
	.contentpage .video-gallery-wrapper.video-group-4 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr;
	}

	
	/* ==========================================================================
	content page visitor information
   ========================================================================== */	

	.visitor-info .content-table table td:nth-child(2), 
	.visitor-info .content-table table td:nth-child(2) 
	.visitor-info .content-table table td:nth-child(3), 
	.visitor-info .content-table table td:nth-child(3) {
		min-width: 4.5rem;
		width: 4.5rem;
		max-width: 4.5rem;
	}

	/* ==========================================================================
   accordion content
   ========================================================================== */
		
	.contentpage .accordion .accordion-item {
	  padding-top: 0.4rem;
	  padding-bottom: 0.35rem;
	}

	.contentpage .accordion .download ul li .icon, 
	.contentpage .accordion .download ul li .thumb {
		width: 12rem;
	}
	  
	.contentpage .accordion .title h4:before {
  		width: 1.25rem;
  	}
   
  	.contentpage .accordion .title h4,
  	.contentpage .accordion .download h4,
  	.contentpage .content .team-group-headline h4 {
		font-size: 1.35rem;
		line-height: 1.8rem;
	}
	
	.contentpage .accordion .download ul li .copy-wrapper {
		width: -webkit-calc(100% - 12rem);
		width: calc(100% - 12rem);
		font-size: 1rem;
		line-height: 1.5rem;
	}
	

	/* ==========================================================================
	calendar
   ========================================================================== */	
	
	.calendar .calendar-content {
		width: -webkit-calc(100% - 8rem);
		width: calc(100% - 8rem);
		padding-left: 4rem;
		padding-right: 4rem;
	}
	
	.calendar-content .filter-selects,
	.calendar .calendar-content section.copy {
		width: -webkit-calc(100% / 5  * 4);
		width: calc(100% / 5  * 4);
	}

	.calendar .calendar-content section.copy {
		margin-left: -webkit-calc(100% / 5);
		margin-left: calc(100% / 5);
	}
		
	.event-list .event-topic,
	.event-list .event-detail {
		width: -webkit-calc(100% / 5 * 3 );
		width: calc(100% / 5 * 3 );
	}
	
	.calendar-filters .jumpers {
		width: -webkit-calc(100% / 5 - 1.5rem);
		width: calc(100% / 5 - 1.5rem);
		margin-right: 1.5rem;
	}

	.event-list .event-topic figure {
		width: 7rem;
		margin-right: 1rem;
	}
	
	.event-list .event-topic .event-topic-wrapper {
		width: -webkit-calc(100% - 7rem - 1.5rem);
		width: calc(100% - 7rem - 1.5rem);
	}
		
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.5rem;
	}
	
	.event-list .event-date-time,
	.event-list .event-categories,
	.event-list .event-additional-info,
	.event-list .event-functions  {
		width: -webkit-calc(100% / 5 - 1.5rem);
		width: calc(100% / 5 - 1.5rem);
	}
		
	.event-list .event-categories,
	.event-list .event-functions {
		margin-left: 1.5rem;	
	}
	
	.event-list .event-date-time,
	.event-list .event-additional-info {
		margin-right: 1.5rem;
	}
	
	.calendar-content,		
	.calendar-filters .jumpers,
	.event-list .event-title h4  {
		font-size: 1rem;
		line-height: 1.3rem;
	}	
	
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time,
	.event-list .event-title h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	.event-list .notes {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}
	
	.event-list .event-date-time .duration.has-price,
	.event-list .event-date-time .price {
		float: none;
	}
	
	.event-list .event-date-time .duration.has-price:after {
		content: none;
	}

	/* ==========================================================================
	tables main content
   ========================================================================== */	
	
	article.table {
	    padding-top: 0rem;
	}
	
	.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow table thead th:nth-child(2) {
	  min-width: 10rem;
	  width: 10rem;
	  max-width: 10rem;
	}
	
	.content-table.fixed-column.has-overflow table {
		margin-left: -webkit-calc(-10rem - 1rem);
		margin-left: calc(-10rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow .table-scroller {
	   margin-left: -webkit-calc(10rem + 1rem);
	   margin-left: calc(10rem + 1rem);
	   width: -webkit-calc(100% - 10rem - 1rem);
	   width: calc(100% - 10rem - 1rem);
	}

/*
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(2) {
	  min-width: 5rem;
	  width: 5rem;
	  max-width: 5rem;
	}
	
	.content-table.fixed-column.has-overflow.equal-columns table {
		margin-left: -webkit-calc(-5rem - 1rem);
		margin-left: calc(-5rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow.equal-columns .table-scroller {
	   margin-left: -webkit-calc(5rem + 1rem);
	   margin-left: calc(5rem + 1rem);
	   width: -webkit-calc(100% - 5rem - 1rem);
	   width: calc(100% - 5rem - 1rem);
	}
*/
	
	.content-table table	{
		font-size: 1rem;
		line-height: 1.4rem;
	}

	.content-table.fix-default  table th,
	.content-table.fix-default  table td {
		min-width: 5rem;
		width: 5rem;
	}

	.content-table.fix-wide  table th,
	.content-table.fix-wide  table td {
		min-width: 10rem;
		width: 10rem;
	}

		
	/* ==========================================================================
		team content
	========================================================================== */	
	
	.team-member  {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	.team-member .image-wrapper {
		width: -webkit-calc(12rem - 1.5rem);
		width: calc(12rem - 1.5rem);
		margin-right: 1.5rem;
	}

	.team-member .copy-wrapper {
		width: -webkit-calc(100% - 12rem);
		width: calc(100% - 12rem);
	}
	
	.team-member .team-member-name {
		font-size: 1.35rem;
		line-height: 1.8rem;
	}
	
	.team-member .team-member-name-positon,
	.team-member-contact {
		margin-bottom: 0.5rem;
	}
	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

	.teaser-content .content-wrapper {
		width: -webkit-calc(100% - 9.5rem);
		width: calc(100% - 9.5rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-left: 3.25rem;
		margin-right: 3.25rem;
	}

	
	.teaser-content .teaser-group .teaser {
		width: -webkit-calc(100% / 2 - 1.135rem);
		width: calc(100% / 2 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.teaser-content .teaser-group  .teaser:nth-child(2n) {
		margin-right: 0;
	}

	
}	



/* all universal tablet and desktop styles */
@media only screen and (min-width: 70em) {
	
	/*
	html {
		display: none;
	}
	*/
	
	/* add a before content to the body to get with js a responsive body class */
	body:before {
		content: 'screen';
		display: none;
	}	

	body:after {
		content: 'dropdown';
		display: none;
	}		
	
	/* ==========================================================================
	header 	
   ========================================================================== */	

	header .top-head .section-logo-wrapper img {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		height: auto;
		margin-left: 2rem;
		max-height: 5rem;
	}
	
	header .top-head .main-logo-wrapper img {
		height: 3.75rem;
	}
	
	header .top-head .main-logo-wrapper {
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}

	

	/* ==========================================================================
	sidebar	
   ========================================================================== */	

	aside.aside-right {
		width: -webkit-calc(100% / 5 + 2rem);
		width: calc(100% / 5 + 2rem);
		float: left;
		background-color: white;
	}
	
	/* ==========================================================================
	copyright layer
   ========================================================================== */	
	.copyright-layer .copyright-layer,
	.contentpage .image-group .copyright-layer {
		width: -webkit-calc(100% - 1rem);
		width: calc(100% - 1rem);
		height: -webkit-calc(100% - 1rem);
		height: calc(100% - 1rem);
		padding: 0.5rem;
		font-size: 0.9rem;
		line-height: 1.1rem;
	}

	
	/* ==========================================================================
	home main content 	
   ========================================================================== */	
	
	/* 	head slider  */				
	.head-slider .slider-menu .slider-overline {
		margin-top: 0.5rem;
		font-size: 0.9rem;
	}
	
	.head-slider .slider-menu .slider-headline {
		font-size: 1.2rem;
		margin-top: 0.3rem;
		margin-bottom: 0.5rem;
	}
		
	.head-slider .slider-menu .slider-subline {
		font-size: 0.9rem;
		line-height: 1.1rem;
	}
	
	.head-slider .caption-box {
		left: 2rem;
	}
	
	/* calendar content on home  */
	.home .calendar-content h3 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}


	
	/* ==========================================================================
	home copy with columns
   ========================================================================== */	

	.copy-columns .copy-head h2 {
		font-size: 2.5rem;
		line-height: 2.5rem;
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}	
	
	/* ==========================================================================
		fixed buttons
	   ========================================================================== */	
	
	.fixed-buttons {
		width: -webkit-calc(100vw - 3.25rem);
		width: calc(100vw - 3.25rem);
		right: -webkit-calc(-100vw + 3.25rem);
		right: calc(-100vw + 3.25rem);
	}
	
	.fixed-buttons .entrance-fee  .button-content-inner-wrapper .tables {
		display: block;
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-moz-column-fill: balance; /* Firefox */
		-webkit-column-fill: balance;
		        column-fill: balance;
	}
	
	.fixed-buttons .entrance-fee table {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		float: left;
	   border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 3rem;
		margin-right: 3rem;
		-webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;	
	}
	
	.fixed-buttons .entrance-fee .head-content {
		width: 100%;
		margin-bottom: 3rem;
		float: left;			
	}

	.fixed-buttons .tables,
	.fixed-buttons .button-content,
	.fixed-buttons .button-content  h2 {
		font-size: 1.1rem;
		line-height: 1.7rem;
	}
	
	/* ==========================================================================
   slider & features caption box
   ========================================================================== */
	
	.caption-box .overline {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	
	.caption-box .headline {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.caption-box .subline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	
	.caption-box .date {
		margin-bottom: 1rem;
		font-size: 1rem;
		line-height: 1.6rem;
	}
	
	.caption-box .copy {
		font-size: 1rem;
		line-height: 1.6rem;
	}
	
	.caption-box .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}
	
	
	/* ==========================================================================
   Features, big teasers
   ========================================================================== */

	/*features with seamless caption and half image */
	
	.feature.split-caption .caption {
		width: -webkit-calc(100% / 3 * 2 - 6rem);
		width: calc(100% / 3 * 2 - 6rem);
		max-width: 47.5rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.feature.split-caption .overline {
		font-size: 1.1rem;
		line-height: 1.1rem;
	}
	
	.feature.split-caption .headline {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}
	
	.feature.split-caption .subline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	
	.feature.split-caption .date {
		margin-bottom: 1rem;
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.feature.split-caption .copy {
		font-size: 1rem;
		line-height: 1.6rem;
	}
	
	.feature.split-caption .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}

	/* ==========================================================================
	   video feature, big teaser with video content 
	   ========================================================================== */
	
	.video-feature .copy-wrapper .teaser-overline {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
	
	.video-feature .copy-wrapper .intro {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	.video-feature .copy-wrapper figure {
		width: 90%;
		padding-right: 10%;
	}
	
	.video-feature .copy-wrapper figure figcaption,
	.video-feature .video figcaption {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	/* ==========================================================================
   Tabs, tab teaser
   ========================================================================== */

	.tabs,
	.teaser-group {
		padding-top: 3.5rem;
		padding-bottom: 2rem;
	}
	
	.tabs .tabs-head,
	.teaser-group .teaser-head {
		margin-bottom: 1rem;
	}
	
	.tabs .tabs-head button,
	.teaser-group .teaser-head h2,
	.contentpage .content .related-content .teaser-head h2 {
		font-size: 1.4rem;
	 	line-height: 1.5rem;
	 	padding-top: 0.35rem;
	 	padding-bottom: 0.35rem;
	 	margin-right: 1.5rem;
	}	
	
	.teaser-group .teaser-head h2,
	.contentpage .content .related-content .teaser-head h2 {
		font-size: 1.75rem;
	 	line-height: 1.85rem;			
	}		
	
	.tabs .teaser,
	.teaser-group .teaser {
		width: -webkit-calc(100% / 4 - 1.13rem);
		width: calc(100% / 4 - 1.13rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
		
	.tabs .teaser:nth-child(4n),
	.teaser-group  .teaser:nth-child(4n) {
		margin-right: 0;
	}

	.related-content .teaser {
		width: -webkit-calc(100% / 3 - 1.13rem);
		width: calc(100% / 3 - 1.13rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.related-content .teaser:nth-child(3n) {
		margin-right: 0;
	}

	.related-content .teaser:nth-child(4n) {
		margin-right: 1.5rem;
	}
		
	.teaser .copy-wrapper {
		font-size: 1rem;
		line-height: 1.6rem;
		padding-top: 1rem;
	} 
	
	.teaser .teaser-overline {
		margin-bottom: 0.25rem;
	 	font-size: 1.1rem;
	 	line-height: 1.2rem;
	}	
			
	.teaser .teaser-headline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	
	.teaser .pseudo-link {
		margin-top: -0.5rem;
	}
	
	.teaser .sgn-icon:before {
		font-size: 80%;
		padding-right: 0.25rem;
	}
	
	.teaser-group .teaser.block-intro h2 {
		margin-top: 0;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	
	.teaser-group.teaser-group-with-intro .teaser {
		margin-bottom: 0;
	}
	
	.teaser-group.teaser-group-with-intro {
		padding-top: 2rem;
	}
	
	.teaser-group.no-snap-overflow .teaser.block-intro .copy-wrapper:first-child {
    	margin-top: 0;
	 	padding: 0;
	 }
	
	/* ==========================================================================
		link bar
   ========================================================================== */
	
	.link-bar h2 {
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	
	.link-bar p {
		margin-top: -0.5rem;
	}


	/* ==========================================================================
		contentpage / exhibiton single
		========================================================================== */	

	.contentpage .content-wrapper {
	    width: -webkit-calc(100% / 5 * 4 - 11rem);
	    width: calc(100% / 5 * 4 - 11rem);
	    margin-left: 3.25rem;
	    margin-right: 1.75rem;
	}

	.contentpage article.wide {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);			
		padding: 2rem;
	}
		
	.contentpage .copy-right,
	.contentpage .copy-left,
	.contentpage .full-width-image,
	.contentpage .full-width-video {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption {
		margin-left: 2rem;
		margin-right: 2rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	
	.contentpage .full-width-video figure figcaption,
	.contentpage .full-width-image figure figcaption {
		width: -webkit-calc(100% - 4rem);
		width: calc(100% - 4rem);
	}
	
	.contentpage .copy-right .copy,
	.contentpage .copy-left .copy {
		width: -webkit-calc(100%  / 4 * 3 - 2.5rem);
		width: calc(100%  / 4 * 3 - 2.5rem);
		margin-left: 1.5rem;
		margin-right: 1.5rem;
	}
	
	.contentpage .content aside .aside-copy,
	.contentpage .image-group figcaption,
	.contentpage .full-width-image figcaption,
	.contentpage .full-width-video figcaption,
	.contentpage .content figcaption,
	.contentpage .copy-right aside blockquote footer {
	   font-size: 1rem;
	   line-height: 1.5rem;
	}

	.contentpage .content aside h6 {
	   font-size: 1rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .content aside {
		width: -webkit-calc(100%  / 4 - 2.1rem);
		width: calc(100% / 4 - 2.1rem);
	}
	
	.contentpage .content .copy-right aside {
	    margin-right: 1.5rem;
	}
	
	.contentpage .content .copy-left aside {
	    margin-left: 1.5rem;
	}
	
	.contentpage .content aside > * {
		/* margin-top: 1.5rem!important; */
		margin-top: 0.75rem!important;
	}
		
	.contentpage .copy-right aside blockquote {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	.contentpage .lightbox-button button {
		font-size: 2rem;
	}
	
	.contentpage .content aside .social-links {
		margin-bottom: 2rem;
	}
			
	.contentpage .content aside .social-links ul li {
		font-size: 1rem;
	   line-height: 1.5rem;
	}
	
	.contentpage .content aside .social-links ul li i {
		font-size: 1.3rem;
		line-height: 2rem;
		margin-right: 0.5rem;
	}
	
	.contentpage .content aside .social-links ul li span {
		display: inline-block;
	}	

	.contentpage  {
		 font-size: 1.15rem;
		 line-height: 1.8rem;	
	}

	.contentpage p {
		margin-bottom: 1.5rem;
		margin-top: 0;
	}

	.contentpage .content .overline {
	   font-size: 1.15rem;
		line-height: 1.8rem;
	}
	
	.contentpage .content .headline {
	   margin-top: 0rem;
	   margin-bottom: 0rem;
		font-size: 2.8rem;
	   line-height: 3.2rem;
	}
	
	.contentpage .content .subline,
	.contentpage .content .date,
	.contentpage .content .intro {
		 font-size: 1.55rem;
	    line-height: 2.2rem;
	}
	
	.contentpage .content .date,
	.contentpage .content .intro {
		margin-top: 1.25rem;
	}
	
	.contentpage .content .subline {
	    margin-bottom: 1rem;
	}
	
	.contentpage .content h1,	
	.contentpage .content h2 {
	   font-size: 2.8rem;
	   line-height: 3.2rem;
		margin-top: 3rem;
		margin-bottom: 1rem;
	}

	.contentpage .content h3 {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
		font-size: 1.55rem;
	   line-height: 1.85rem;
	}
	
	.contentpage .content h4 {
  	  	margin-top: 3.5rem;
		margin-bottom: 1rem;
		font-size: 1.55rem;
	   line-height: 1.85rem;
	}
	
	.contentpage .content h5 {
  	  	margin-top: 2.75rem;
		margin-bottom: 1rem;
		font-size: 1.15rem;
		line-height: 1.8rem;	
	}

	.contentpage .content h6 {
		margin-top: 2.75rem;
  	  	margin-bottom: 0;
  	  	font-size: 1.15rem;
		line-height: 1.8rem;	
	}
	

	/* image group */	
	.contentpage .image-group {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 4rem;
	}
		
	.contentpage .image-group-wrapper {
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}
	
	.contentpage .image-group-wrapper.image-group-2 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-4 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr; 
	}
	
	.contentpage .image-group-wrapper.image-group-6 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	}
	
	
	/* ==========================================================================
	logo boxes
   ========================================================================== */	
	
	.logo-boxes {
		padding-bottom: 2rem;
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 
	}
	
	.contentpage .content .logo-boxes h2 {
	   font-size: 1.65rem;
	   line-height: 2.2rem;
	   margin-top: 3rem;
	}
	
	.contentpage .content .logo-boxes h3 {
	   font-size: 1.25rem;
	   line-height: 1.8rem;
	   margin-top: 2rem;
	}
	
	.teaser-content .logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	}
	
	/* ==========================================================================
	content page visitor information
   ========================================================================== */	

	.visitor-info .content-table table td:nth-child(2), 
	.visitor-info .content-table table td:nth-child(2) 
	.visitor-info .content-table table td:nth-child(3), 
	.visitor-info .content-table table td:nth-child(3) {
		min-width: 4rem;
		width: 4rem;
		max-width: 4rem;
	}

	.visitor-info .content-table .table-scroller {
		display: block;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-moz-column-fill: balance;
		-webkit-column-fill: balance;
		column-fill: balance;
	}
	
	.visitor-info .content-table .table-scroller  table {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	
	
	/* ==========================================================================
	video gallery
   ========================================================================== */
	.contentpage .video-gallery-wrapper.video-group-4 {
		-ms-grid-columns: 1fr 1fr;
		    grid-template-columns: 1fr 1fr;
	}



	/* ==========================================================================
   accordion content
   ========================================================================== */
  
  .contentpage .accordion .accordion-item {
	  padding-top: 0.4rem;
	  padding-bottom: 0.35rem;
  }
 	
  .contentpage .accordion .download ul li .icon, 
  .contentpage .accordion .download ul li .thumb {
		width: 12rem;
	}
 	
	.contentpage .accordion .download ul li .icon .sgn-icon:before {
	 	font-size: 5rem;
	 	line-height: 5.5rem;
 	} 
 	 
  .contentpage .accordion .title h4:before {
  		width: 1.25rem;
  }

  .contentpage .accordion .title h4,
  .contentpage .accordion .download h4,
  .contentpage .content .team-group-headline h4 {
		font-size: 1.15rem;
		line-height: 1.8rem;
	}

	.contentpage .accordion .download ul li .copy-wrapper {
		width: -webkit-calc(100% - 12rem);
		width: calc(100% - 12rem);
		font-size: 1rem;
		line-height: 1.5rem;
	}


	/* ==========================================================================
	calendar
   ========================================================================== */	

	.calendar .calendar-content {
		width: -webkit-calc(100% - 7rem);
		width: calc(100% - 7rem);
		margin-left: 3.5rem;
		margin-right: 3.5rem;

		padding-left: 0;
		padding-right: 0;
	}
	
	.calendar-content .filter-selects,
	.calendar .calendar-content section.copy {
		width: -webkit-calc(100% / 5  * 4);
		width: calc(100% / 5  * 4);
	}
	
	.event-list .event-topic .event-topic-wrapper {
		width: -webkit-calc(100% - 8rem - 1.5rem);
		width: calc(100% - 8rem - 1.5rem);
	}
	
	.calendar .calendar-content section.copy {
		margin-left: -webkit-calc(100% / 5);
		margin-left: calc(100% / 5);
	}
		
	.event-list .event-topic,
	.event-list .event-detail {
		width: -webkit-calc(100% / 5 * 3 );
		width: calc(100% / 5 * 3 );
	}
	
	.calendar-filters .jumpers {
		width: -webkit-calc(100% / 5 - 1.5rem);
		width: calc(100% / 5 - 1.5rem);
		margin-right: 1.5rem;
	}
	
	.event-list .event-topic figure {
		width: 8rem;
		margin-right: 1.5rem;
	}

		
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.5rem;
	}
	
	.event-list .event-date-time,
	.event-list .event-categories,
	.event-list .event-additional-info,
	.event-list .event-functions  {
		width: -webkit-calc(100% / 5 - 1.5rem);
		width: calc(100% / 5 - 1.5rem);
	}
		
	.event-list .event-categories,
	.event-list .event-functions {
		margin-left: 1.5rem;	
	}
	
	.event-list .event-date-time,
	.event-list .event-additional-info {
		margin-right: 1.5rem;
	}
	
	.calendar-content .calendar-content,		
	.calendar-filters .jumpers,
	.event-list .event-title h4  {
		font-size: 1rem;
		line-height: 1.6rem;
	}	
	
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time,
	.event-list .event-title h3 {
		font-size: 1.65rem;
	   line-height: 2.2rem;
	}
	
	.event-list .notes {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}
	
	.contentpage .calendar-content,		
	.contentpage .calendar-filters .jumpers  {
		font-size: 1rem;
		line-height: 1.3rem;
	}	
	
	.contentpage .event-list .event-date-time .day-month,
	.contentpage .event-list .event-date-time .time,
	.contentpage .event-list .event-title h3,
	.contentpage .event-list .event-title h4 {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}
	
	.contentpage .event-list .notes {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}
	
	.event-list .event-functions button,
	.event-list .event-functions a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        -webkit-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        -webkit-align-items: center;
		        align-items: center;
		margin-bottom: 1rem;
	}
	
	.event-list .event-functions button:hover,
	.event-list .event-functions a:hover {
		cursor: pointer;
		color: rgb(164,170,0);
	}
	
	.event-list .event-functions button:before,
	.event-list .event-functions a:before {
		font-size: 2rem;
		line-height: 2rem;
		display: inline-block;
	}
	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

	.teaser-content .content-wrapper {
		width: -webkit-calc(100% - 9.5rem);
		width: calc(100% - 9.5rem);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-left: 3.25rem;
		margin-right: 3.25rem;
	}

	
	/* ==========================================================================
		tables main content
	   ========================================================================== */	

	article.table {
   	 padding-top: 1rem;	
	}
			
	.content-table.fixed-column.has-overflow table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow table thead th:nth-child(2) {
	  min-width: 16rem;
	  width: 16rem;
	  max-width: 16rem;
	}
	
	.content-table.fixed-column.has-overflow table {
		margin-left: -webkit-calc(-16rem - 1rem);
		margin-left: calc(-16rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow .table-scroller {
	   margin-left: -webkit-calc(16rem + 1rem);
	   margin-left: calc(16rem + 1rem);
	   width: -webkit-calc(100% - 16rem - 1rem);
	   width: calc(100% - 16rem - 1rem);
	}

/*
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(1),
	.content-table.fixed-column.has-overflow.equal-columns table tbody td:nth-child(2),
	.content-table.fixed-column.has-overflow.equal-columns table thead th:nth-child(2) {
	  min-width: 8rem;
	  width: 8rem;
	  max-width: 8rem;
	}
	
	
	.content-table.fixed-column.has-overflow.equal-columns table {
		margin-left: -webkit-calc(-8rem - 1rem);
		margin-left: calc(-8rem - 1rem);
	}
	
	.content-table.fixed-column.has-overflow.equal-columns .table-scroller {
	   margin-left: -webkit-calc(8rem + 1rem);
	   margin-left: calc(8rem + 1rem);
	   width: -webkit-calc(100% - 8rem - 1rem);
	   width: calc(100% - 8rem - 1rem);
	}
*/
	
	.content-table table	{
		font-size: 1rem;
		line-height: 1.4rem;
	}
	
	.content-table.fix-default table th,
	.content-table.fix-default table td {
		min-width: 8rem;
		width: 8rem;
		max-width: 8rem;
	}

	.content-table.fix-wide table th,
	.content-table.fix-wide table td {
		min-width: 16rem;
		max-width: 16rem;
		width: 16rem;
	}

	.contentpage .copy ol li {
		padding-left: 2.25rem;
	}
	
	.contentpage .copy ol li:before {
		margin-left: -2.25rem;
		min-width: 2.25rem;
	}
	
	.contentpage .copy ol ol li {
		padding-left: 2.75rem;
	}
	
	.contentpage .copy ol ol li:before {
		margin-left: -2.75rem;
		min-width: 2.75rem;
	}
	
	.contentpage .copy ol ol ol li {
		padding-left: 4rem;
	}
	
	.contentpage .copy ol ol ol li:before {
		margin-left: -4rem;
		min-width: 4rem;
	}
		
	
	/* ==========================================================================
		team content
	   ========================================================================== */	
	
	.team-member  {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	.team-member .image-wrapper {
		width: -webkit-calc(12rem - 1.5rem);
		width: calc(12rem - 1.5rem);
		margin-right: 1.5rem;
	}

	.team-member .copy-wrapper {
		width: -webkit-calc(100% - 12rem);
		width: calc(100% - 12rem);
	}
	
	.team-member .team-member-name {
		font-size: 1.35rem;
		line-height: 1.8rem;	
	}
	
	.team-member .team-member-name-positon,
	.team-member-contact {
		margin-bottom: 0.75rem;
	}
	

	/* ==========================================================================
	   donation-form: FundraisingBox
	   ========================================================================== */
	
	.donation-form {
		background-color: white;
		float: left;
		width: -webkit-calc(100% - 3rem + 1px);
		width: calc(100% - 3rem + 1px);
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 2rem;
	}
	


}	

/* large desktop screens ------------------------------- */
@media only screen and (min-width: 105em) {

	/*
	html {
		display: none;
	}
	*/
	
	/* add a before content to the body to get with js a responsive body class */
	body:before {
		content: 'screen';
		display: none;
	}	

	body:after {
		content: 'dropdown';
		display: none;
	}		


	/* ==========================================================================
		header	
	   ========================================================================== */	  
	
	header .top-head .section-logo-wrapper img {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		height: auto;
		margin-left: 2rem;
		max-height: 6rem;
	}
	
	header nav ul li a {
		font-size: 1.4rem;
		line-height: 2rem;
	}
	
	header .top-head .main-logo-wrapper {
		margin-top: 2.25rem;
		margin-bottom: 2.25rem;
	}
	
	header .top-head .main-logo-wrapper img {
		height: 4.5rem;
	}
	
			
	/* ==========================================================================
		breadcrumb	
	   ========================================================================== */	
	
	.breadcrumb ul {
		margin-left: 7%;
		width: -webkit-calc(100% - 14%);
		width: calc(100% - 14%);
	}

	/* ==========================================================================
		footer	
	   ========================================================================== */	
	footer {
		font-size: 1.2rem;
		line-height: 1.7rem;
	}	
		
	footer .footer-wrapper {
		width: -webkit-calc(100% - 14% + 4rem);
		width: calc(100% - 14% + 4rem);
		margin-left: -webkit-calc(7% - 2rem);
		margin-left: calc(7% - 2rem);
		margin-right: -webkit-calc(7% - 2rem);
		margin-right: calc(7% - 2rem);
	}	


	/* ==========================================================================
		sidebar	
	   ========================================================================== */	
	
	aside.aside-right {
		width: -webkit-calc(100% / 4 + 2rem);
		width: calc(100% / 4 + 2rem);
		float: left;
		background-color: white;
	}
	

	/* ==========================================================================
		fixed buttons
	   ========================================================================== */	
	
	.fixed-buttons {
		width: -webkit-calc(100vw - 3.5rem);
		width: calc(100vw - 3.5rem);
		right: -webkit-calc(-100vw + 3.5rem);
		right: calc(-100vw + 3.5rem);
	}
	
	.fixed-buttons .entrance-fee  .button-content-inner-wrapper .tables {
		display: block;
		-webkit-column-count: 3;
		   -moz-column-count: 3;
		        column-count: 3;
		-moz-column-fill: balance; /* Firefox */
		-webkit-column-fill: balance;
		        column-fill: balance;
	}
	
	.fixed-buttons .entrance-fee table {
		width: -webkit-calc(100% - 2rem);
		width: calc(100% - 2rem);
		float: left;
	   border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 3rem;
		margin-right: 3rem;
		-webkit-column-break-inside: avoid;
      	page-break-inside: avoid;
			break-inside: avoid;	
	}
	
	
	/* ==========================================================================
		home main content 	
	   ========================================================================== */	
	
	/* head-slider -------------------------------------- */	
	
	.head-slider .slider-menu .slider-overline {
		margin-top: 0.5rem;
		font-size: 0.9rem;
		margin-bottom: 0.35rem;
	}
	
	.head-slider .slider-menu .slider-headline {
		font-size: 1.3rem;
		margin-bottom: 0.55rem;
	}
		
	.head-slider .slider-menu .slider-subline {
		font-size: 0.9rem;
		line-height: 1.1rem;
	}

	.visitor-info .content-table table td:nth-child(2), 
	.visitor-info .content-table table td:nth-child(2) 
	.visitor-info .content-table table td:nth-child(3), 
	.visitor-info .content-table table td:nth-child(3) {
		min-width: 5rem;
		width: 5rem;
		max-width: 5rem;
	}	
	
	/* ==========================================================================
		aside right
	   ========================================================================== */	
	
	aside.aside-right {
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}

	
	/* ==========================================================================
		contentpage / exhibiton single
		========================================================================== */	
	
	.contentpage .content-wrapper {
		width: -webkit-calc(100% / 4 * 3 - 14% - 2rem);
		width: calc(100% / 4 * 3 - 14% - 2rem);
		margin-left: 7%;
		margin-right: 2rem;
	}

	.contentpage article.wide {
		width: -webkit-calc(100% - 6rem);
		width: calc(100% - 6rem);
		padding: 3rem;
	}
	
	.contentpage  {
		font-size: 1.3rem;
		line-height: 2.1rem;		
	}

	.contentpage p {
		margin-bottom: 1.5rem;
		margin-top: 0;
	}

	.contentpage .content .overline {
		font-size: 1.25rem;
	   line-height: 1.8rem;
	}
	
	.contentpage .content .headline {
	   margin-top: 0rem;
	   margin-bottom: 0rem;
	   font-size: 3.5rem;
	   line-height: 4rem;
	}
	
	.contentpage .content .subline,
	.contentpage .content .date,
	.contentpage .content .intro {
		 font-size: 1.75rem;
	    line-height: 2.5rem;
	}

	.contentpage .content .date,
	.contentpage .content .intro {
		margin-top: 1.5rem;
	}
	
	.contentpage .content .subline {
	    margin-bottom: 1rem;
	}
	
	.contentpage .content h1,	
	.contentpage .content h2 {
	   font-size: 3.5rem;
	   line-height: 4rem;
		margin-top: 3.5rem;
		margin-bottom: 1rem;
	}

	.contentpage .content h3 {
		margin-top: 0.5rem;
		margin-bottom: 1.5rem;
		 font-size: 1.75rem;
	    line-height: 2.5rem;
	}
	
	.contentpage .content h4 {
  	  	margin-top: 3.5rem;
		margin-bottom: 1rem;
		 font-size: 1.75rem;
	    line-height: 2.5rem;
	}
	
	.contentpage .content h5 {
  	  	margin-top: 2.75rem;
		margin-bottom: 1rem;
		font-size: 1.25rem;
	   line-height: 1.8rem;
	}

	.contentpage .content h6 {
		margin-top: 2.75rem;
  	  	margin-bottom: 0;
  	  	font-size: 1.25rem;
	   line-height: 1.8rem;
	}
	
	/* ==========================================================================
		list styles mail content
	   ========================================================================== */	
		
	.contentpage .copy ul li {
		padding-left: 1rem;
	}
	
	.contentpage .copy ul li:before {
		margin-left: -1rem;
		width: 1rem;
	}


	/* ==========================================================================
		tables main content
	   ========================================================================== */	

	article.table {
   	 padding-top: 2rem;	
	}

	/* ==========================================================================
	logo boxes
   ========================================================================== */	

	.logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
	}

	.teaser-content .logo-boxes .logo-boxes-wrapper {
		-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; 
		    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 
	}
	
		
	/* ==========================================================================
   slider & features caption box
   ========================================================================== */
	
	.caption-box .overline {
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	
	.caption-box .headline {
		font-size: 3rem;
		line-height: 3rem;
	}
	
	.caption-box .subline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.75rem;
		line-height: 1.75rem;
	}
	
	.caption-box .date {
		margin-bottom: 1.25rem;
		font-size: 1.15rem;
		line-height: 1.75rem;
	}
	
	.caption-box .copy {
		font-size: 1.15rem;
		line-height: 1.75rem;
	}
		
	.caption-box .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}
	
	
	/* ==========================================================================
   Features, big teasers
   ========================================================================== */

	/*features with seamless caption and half image */
	.feature.split-caption .overline {
		font-size: 1.25rem;
		line-height: 1.25rem;
	}
	
	.feature.split-caption .headline {
		font-size: 3rem;
		line-height: 3rem;
	}
	
	.feature.split-caption .subline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.75rem;
		line-height: 1.75rem;
	}
	
	.feature.split-caption .date {
		margin-bottom: 1.25rem;
		font-size: 1.15rem;
		line-height: 1.15rem;
	}
	
	.feature.split-caption .copy {
		font-size: 1.15rem;
		line-height: 1.75rem;
	}
		
	.feature.split-caption .copy p {
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}

	/* ==========================================================================
	   video feature, big teaser with video content 
	========================================================================== */
	
	.video-feature .copy-wrapper {
		width: -webkit-calc(100% / 4 - 1.5rem);
		width: calc(100% / 4 - 1.5rem);
	}

	.video-feature .video {
		width: -webkit-calc(100% / 4 * 3);
		width: calc(100% / 4 * 3);
	}

	
	.video-feature .copy-wrapper .teaser-overline {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	
	.video-feature .copy-wrapper .intro {
		font-size: 1.75rem;
		line-height: 2.2rem;
	}
	
	
	/* ==========================================================================
   Tabs, tab teaser
   ========================================================================== */
	

	.tabs,
	.teaser-group {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}
	
	.tabs .tabs-head,
	.teaser-group .teaser-head {
		margin-bottom: 1rem;
	}
	
	.tabs .tabs-head button {
		font-size: 1.45rem;
	 	line-height: 1.55rem;
	 	padding-top: 0.35rem;
	 	padding-bottom: 0.35rem;
	 	margin-right: 1.5rem;
	}	
	
	.tabs .teaser,
	.teaser-group .teaser {
		width: -webkit-calc(100% / 4 - 1.135rem);
		width: calc(100% / 4 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}
	
	.tabs .teaser:nth-child(4n),
	.teaser-group .teaser:nth-child(4n) {
		margin-right: 0;
	}
	
	.related-content .teaser {
		width: -webkit-calc(100% / 3 - 1.135rem);
		width: calc(100% / 3 - 1.135rem);	
		margin-right: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.related-content .teaser:nth-child(3n) {
		margin-right: 0;
	}

	.related-content .teaser:nth-child(4n) {
		margin-right: 1.5rem;
	}
		
	.teaser .copy-wrapper {
		font-size: 1.15rem;
		line-height: 1.75rem;
		padding-top: 1.5rem;
	} 
	
	.teaser .teaser-overline {
	 	margin-bottom: 0.25rem;
	 	font-size: 1.25rem;
	 	line-height: 1.5rem;
	}	
			
	.teaser .teaser-headline {
		margin-top: 0.5rem;
		margin-bottom: 1.25rem;
		font-size: 1.75rem;
		line-height: 1.95rem;
	}
	
	.teaser .pseudo-link {
		margin-top: -0.5rem;
	}
	
	.teaser .sgn-icon:before {
		font-size: 80%;
		padding-right: 0.25rem;
	}
	
	.teaser-group .teaser.block-intro h2 {
		font-size: 1.75rem;
		line-height: 2.2rem;
	}
		
	/* ==========================================================================
  link bar
   ========================================================================== */
	
	.link-bar h2 {
		font-size: 1.45rem;
		line-height: 1.55rem;
	}
	
	/* ==========================================================================
   accordion content
   ========================================================================== */
      
   .contentpage .accordion .accordion-item {
	  padding-top: 0.4rem;
	  padding-bottom: 0.35rem;
	}
  
   .contentpage .accordion .download ul li .icon, 
	.contentpage .accordion .download ul li .thumb {
		width: 14rem;
	}
 
	.contentpage .accordion .title h4:before {
  		width: 1.75rem;
  	}
  	
	.contentpage .accordion .title h4,
	.contentpage .accordion .download h4,
	.contentpage .content .team-group-headline h4 {
		font-size: 1.3rem;
		line-height: 2.1rem;
	}
	
	.contentpage .accordion .download ul li .copy-wrapper {
		width: -webkit-calc(100% - 14rem);
		width: calc(100% - 14rem);
	}
	
	/* ==========================================================================
	calendar
   ========================================================================== */	
	
	.calendar .calendar-content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.calendar .calendar-content-wrapper {
		 width: -webkit-calc(100% - 14%);
		 width: calc(100% - 14%);
		 margin-left: 7%;
		 margin-right: 7%;
	}
	
	.contentpage .calendar-content-wrapper {
		width: -webkit-calc(100% - 3rem);
		width: calc(100% - 3rem);
		padding-left: -webkit-calc( 1.5rem);
		padding-left: calc( 1.5rem);
		padding-right: -webkit-calc( 1.5rem);
		padding-right: calc( 1.5rem);
		margin-left: 0;
		margin-right: 0;
	}
	
	.event-list .event-topic .event-topic-wrapper {
		width: -webkit-calc(100% - 9rem - 1.5rem);
		width: calc(100% - 9rem - 1.5rem);
	}

	.event-list .event-topic figure {
		width: 9rem;
		margin-right: 1.5rem;
	}
		
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.5rem;
	}
	
	.event-list .event-date-time,
	.event-list .event-categories,
	.event-list .event-additional-info,
	.event-list .event-functions  {
		width: -webkit-calc(100% / 5 - 1.5rem);
		width: calc(100% / 5 - 1.5rem);
	}
	
	.event-list .event-date-time:after,
	.event-list .calendar-accordion:after {
	    font-size: 1.65rem;
	}
	
	.calendar-content,		
	.calendar-filters .jumpers,
	.event-list .event-title h4 {
		font-size: 1.15rem;
		line-height: 1.75rem;
	}	
			
	.event-list .event-date-time .day-month,
	.event-list .event-date-time .time,
	.event-list .event-title h3 {
		font-size: 1.75rem;
		line-height: 1.95rem;
	}
	
	.event-list .notes {
		font-size: 0.85rem;
		line-height: 1.3rem;
	}		
	
	/* ==========================================================================
	exhibition archive // teaser-content
   ========================================================================== */	

	.teaser-content .content-wrapper {
		width: -webkit-calc(100% - 3rem - 14%);
		width: calc(100% - 3rem - 14%);
		padding-left: -webkit-calc( 1.5rem);
		padding-left: calc( 1.5rem);
		padding-right: -webkit-calc( 1.5rem);
		padding-right: calc( 1.5rem);
		margin-left: 7%;
		margin-right: 7%;
	}

	/* ==========================================================================
	tables main content
   ========================================================================== */	
	
	.content-table table	{
		font-size: 1.15rem;
		line-height: 1.75rem;
	}
		
	/* ==========================================================================
		team content
	 ========================================================================== */	
	
	.team-member  {
		font-size: 1rem;
		line-height: 1.5rem;
	}
	
	.team-member .team-member-name {
		font-size: 1.3rem;
		line-height: 2.1rem;	
	}
	
	.team-member .image-wrapper {
		width: -webkit-calc(14rem - 1.5rem);
		width: calc(14rem - 1.5rem);
		margin-right: 1.5rem;
	}

	.team-member .copy-wrapper {
		width: -webkit-calc(100% - 14rem);
		width: calc(100% - 14rem);
	}

	/* ==========================================================================
	video gallery
   ========================================================================== */
	.contentpage .video-gallery-wrapper.video-group-4 {
		-ms-grid-columns: 1fr 1fr 1fr 1fr ;
		    grid-template-columns: 1fr 1fr 1fr 1fr ;
	}

	
	
}	
	
	
	

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}