nav.tabs { background-color: #d2e1f0; border: 1px solid #003565; margin: 20px; padding: 2px; }

nav.tabs .tabs { margin: 0; margin-bottom: 0.25em; }

nav.tabs .tabs a { background-color: unset; color: #003565; border-bottom: 1px solid #a6a6a6; padding-bottom: 0.5em; }

nav.tabs .tabs a:hover { border-bottom: 1px solid black; }

nav.tabs .tabs a.is-active { border-bottom: 0; }

/************** DIN Web * */
/* Noto Sans */
@font-face { font-family: 'noto'; font-style: normal; font-weight: 200; src: url("../fonts/NotoSans-Light.eot"); src: url("../fonts/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Light.woff") format("woff"), url("../fonts/NotoSans-Light.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: normal; font-weight: 300; src: url("../fonts/NotoSans-Medium.eot"); src: url("../fonts/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Medium.woff") format("woff"), url("../fonts/NotoSans-Medium.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: normal; font-weight: 400; src: url("../fonts/NotoSans-Regular.eot"); src: url("../fonts/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: normal; font-weight: 600; src: url("../fonts/NotoSans-SemiBold.eot"); src: url("../fonts/NotoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-SemiBold.woff") format("woff"), url("../fonts/NotoSans-SemiBold.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSans-Bold.eot"); src: url("../fonts/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Bold.woff") format("woff"), url("../fonts/NotoSans-Bold.ttf") format("truetype"); }

/* --- italic --- */
@font-face { font-family: 'noto'; font-style: italic; font-weight: 200; src: url("../fonts/NotoSans-LightItalic.eot"); src: url("../fonts/NotoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-LightItalic.woff") format("woff"), url("../fonts/NotoSans-LightItalic.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: italic; font-weight: 300; src: url("../fonts/NotoSans-MediumItalic.eot"); src: url("../fonts/NotoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-MediumItalic.woff") format("woff"), url("../fonts/NotoSans-MediumItalic.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: italic; font-weight: 400; src: url("../fonts/NotoSans-Italic.eot"); src: url("../fonts/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-Italic.woff") format("woff"), url("../fonts/NotoSans-Italic.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: italic; font-weight: 600; src: url("../fonts/NotoSans-SemiBoldItalic.eot"); src: url("../fonts/NotoSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-SemiBoldItalic.woff") format("woff"), url("../fonts/NotoSans-SemiBoldItalic.ttf") format("truetype"); }

@font-face { font-family: 'noto'; font-style: italic; font-weight: 700; src: url("../fonts/NotoSans-BoldItalic.eot"); src: url("../fonts/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSans-BoldItalic.woff") format("woff"), url("../fonts/NotoSans-BoldItalic.ttf") format("truetype"); }

html { box-sizing: content-box; }

*, *:before, *:after { box-sizing: inherit; }

html { font-family: noto; font-weight: 300; font-size: 18px; line-height: 30px; width: 100%; -webkit-font-smoothing: antialiased; }

@media all and (max-width: 1008px) { html { font-size: 16px; line-height: 25px; } }

p { font-weight: 300; color: #333333; margin: 0; margin-bottom: 30px; }

p.hell { color: #999999; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0; scroll-margin-top: 150px; }

a { scroll-margin-top: 150px; }

h1 { font-size: 36px; line-height: 39.6px; color: #003565; padding: 15px 0; margin-bottom: 20px; }

h2 { font-size: 22.5px; padding: 0 0 15px 0; color: #333333; }

h3 { color: #333333; }

h4 { color: #333333; }

.field__label { margin-top: 30px; }

p a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

p a:hover { border-bottom: 1px solid #003565; }

.after-slide-in-menu { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 105px; left: 0; z-index: 90; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.user-logged-in .after-slide-in-menu { top: 180px; }

.user-logged-in .block.block-menu.navigation.menu--main, .user-logged-in .block.block-menu.navigation.menu--main-menu-en { top: 180px; }

.block.block-menu.navigation.menu--main, .block.block-menu.navigation.menu--main-menu-en { position: absolute; z-index: 900; background-color: white; right: 0; top: 105px; padding-bottom: 800px; }

@media all and (max-width: 1008px) { .block.block-menu.navigation.menu--main, .block.block-menu.navigation.menu--main-menu-en { top: 110px; } }

.menu-item--expanded { margin-bottom: 30px; font-weight: 600; }

.menu-item--expanded a { color: black; }

.menu-item--expanded ul.menu li { font-weight: 200; }

.menu-item--expanded ul.menu li a { color: white; }

#block-mainmenuen, #block-hauptnavigation-menu { display: none; }

#block-mainmenuen, #block-hauptnavigation { display: none; }

#block-mainmenuen .footer-logo-area, #block-hauptnavigation .footer-logo-area { display: none; }

#block-mainmenuen h2 { display: none; }

li.menu-item { display: inline; }

ul.menu a.is-active { color: #000; }

ul.menu li { display: inline-block; vertical-align: top; margin-right: 30px; width: 165px; font-size: 16px; line-height: 20px; margin-bottom: 15px; }

ul.menu { margin-left: 35px; margin-right: 20px; margin-bottom: 0; display: block !important; }

ul.menu a, ul.menu a.is-active { color: #d2e1f0; text-decoration: none; }

ul.menu a:hover, ul.menu a.is-active:hover { color: #75A0CE; border-bottom: 1px solid #75A0CE; }

@media all and (max-width: 1260px) { li.menu-item--expanded { padding-bottom: 30px; } }

li.menu-item--expanded ul.menu { margin-left: 0px; border-top: 1px solid #ffffff; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 20px; width: 40px; }

.block-local-tasks-block { max-width: 1300px; margin: auto; }

.region-content { margin-top: -105px; }

.language-switcher-language-url { width: 100px; float: right; margin-right: 50px; margin-top: -12px; }

.language-switcher-language-url ul.links a.is-active { color: #003565; border-bottom: 1px solid #003565; }

.language-switcher-language-url li { list-style: none; display: inline; margin-right: 10px; }

.language-switcher-language-url li a { color: #003565; text-decoration: none; }

.user-logged-in .block-system-branding-block { padding-top: 75px; }

.user-logged-in .icon-container-wrapper { position: absolute; top: 105px; }

.block-system-branding-block { background-color: #ffffff; height: 105px; }

@media all and (max-width: 1260px) { .block-system-branding-block { height: 120px; } }

.block-system-branding-block .footer-logo-area { display: none; }

.block-system-branding-block .menu--short-menu, .block-system-branding-block .menu--short-menu-en { margin-top: -85px; margin-left: -260px; }

@media all and (max-width: 1260px) { .block-system-branding-block .menu--short-menu, .block-system-branding-block .menu--short-menu-en { display: none !important; } }

.block-system-branding-block .menu--short-menu ul.menu, .block-system-branding-block .menu--short-menu-en ul.menu { margin-top: 0px; padding-top: 0px; padding-bottom: 20px; display: block !important; margin-bottom: 0; float: right; margin-right: 250px; }

@media all and (max-width: 1260px) { .block-system-branding-block .menu--short-menu ul.menu, .block-system-branding-block .menu--short-menu-en ul.menu { margin-right: 20px; margin-top: 0px; } }

.block-system-branding-block .menu--short-menu ul.menu li, .block-system-branding-block .menu--short-menu-en ul.menu li { display: inline-block; vertical-align: top; margin-left: 20px; width: auto; }

.block-system-branding-block .menu--short-menu a, .block-system-branding-block .menu--short-menu-en a { color: #75A0CE; font-size: 18px; font-weight: 300; text-decoration: none; }

.block-system-branding-block .menu--short-menu ul.menu a.is-active, .block-system-branding-block .menu--short-menu-en ul.menu a.is-active { color: #75A0CE; }

.block-system-branding-block .menu--short-menu ul.menu li:hover a, .block-system-branding-block .menu--short-menu-en ul.menu li:hover a { border-bottom: 2px solid #003565; padding-bottom: 5px; }

.block-system-branding-block .menu--short-menu ul.menu li:active a, .block-system-branding-block .menu--short-menu-en ul.menu li:active a { border-bottom: 2px solid #003565; padding-bottom: 5px; }

.block-system-branding-block .logoarea { max-width: 200px; }

@media all and (max-width: 1260px) { .block-system-branding-block .logoarea { margin-left: 20px; } }

.block-system-branding-block h1 { padding: 0; }

.block-system-branding-block svg { width: auto; height: 55px; padding: 20px; padding-left: 0; }

.icon-container-wrapper { position: absolute; top: 30px; position: absolute; top: 30px; width: 300px; float: right; margin-left: 950px; border-bottom: 0px solid red; }

@media all and (max-width: 1260px) { .icon-container-wrapper { width: 300px; position: absolute; right: 40px; top: 15px; margin-left: 0px; width: 160px; border-bottom: 0px solid green; } }

.toggleburger { margin-top: 20px; border-radius: 2px; float: right; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.burger-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45px; cursor: pointer; }

.burgerline { display: block; width: 70%; border-radius: 2px; height: 4px; background: #003565; -webkit-transition: all .3s; transition: all .3s; position: relative; }

.burgerline + .burgerline { margin-top: 5px; }

.active .burgerline:nth-child(1) { -webkit-animation: ease .7s top forwards; animation: ease .7s top forwards; }

.not-active .burgerline:nth-child(1) { -webkit-animation: ease .7s top-2 forwards; animation: ease .7s top-2 forwards; }

.active .burgerline:nth-child(2) { -webkit-animation: ease .7s scaled forwards; animation: ease .7s scaled forwards; }

.not-active .burgerline:nth-child(2) { -webkit-animation: ease .7s scaled-2 forwards; animation: ease .7s scaled-2 forwards; }

.active .burgerline:nth-child(3) { -webkit-animation: ease .7s bottom forwards; animation: ease .7s bottom forwards; }

.not-active .burgerline:nth-child(3) { -webkit-animation: ease .7s bottom-2 forwards; animation: ease .7s bottom-2 forwards; }

@-webkit-keyframes top { 0% { top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { top: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@keyframes top { 0% { top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { top: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes top-2 { 0% { top: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% { top: 22px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% { top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes top-2 { 0% { top: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% { top: 22px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% { top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes bottom { 0% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 8px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@keyframes bottom { 0% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 8px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@-webkit-keyframes bottom-2 { 0% { bottom: 0px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes bottom-2 { 0% { bottom: 0px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes scaled { 50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@keyframes scaled { 50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@-webkit-keyframes scaled-2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes scaled-2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

.region-header { position: fixed; top: 0; width: 1260px; margin-left: calc(50% - 630px); z-index: 100; }

@media all and (max-width: 1260px) { .region-header { width: 100%; margin: auto; } }

.search-container { width: 70px; float: right; }

@media all and (max-width: 1260px) { .search-container { margin-right: -152px; margin-top: 40px; } }

#se_search-box { max-width: 200px; height: 30px; padding: 0 0 0 1em; vertical-align: top; font-size: 20px; font-weight: 300; font-family: "Noto"; border-right: none; -webkit-transition: max-width 1s ease, padding 1s, border-color 1s; transition: max-width 1s ease, padding 1s, border-color 1s; border: 1px solid white; }

#se_search-box::-moz-selection { background: #fff; }

#se_search-box::selection { background: #fff; }

#se_search-box::-moz-selection { background: #fff; }

#se_search-box.se_search-coll { max-width: 0px; padding: 0px; border-color: transparent; }

#se_search-box:focus { box-shadow: 0 0 0; outline: 0; }

#se_search-btn { outline: 0; padding: .2em .3em; margin: 0 0 0 -5px; vertical-align: top; font-family: entypo; font-size: 2em; overflow: hidden; color: #000; -webkit-transition: background 0.5s, color 0.5s, border-color 1s; transition: background 0.5s, color 0.5s, border-color 1s; border-left: none; background: #fff; }

@media all and (max-width: 1260px) { #se_search-btn { margin-right: 5px; } }

#se_search-btn:hover, #se_search-btn:focus { color: #fff; cursor: pointer; outline: 0; }

#se_search-btn:active { outline: 0; color: #aaa; }

#se_search-btn.se_search-coll { border-color: transparent; }

#se_search-btn.se_search-coll:hover, #se_search-btn.search-coll:focus { color: #fff; }

#se_search-coll { border: 1px solid white; }

input::-moz-focus-inner { border: 0; padding: 0; margin-top: -1px; }

#se_search-form { float: right; display: block; font-size: 14px; margin: 0.5em; white-space: nowrap; margin-right: -20px; margin-top: 2px; }

#wow-effekt { background-color: black; height: 200px; width: 100%; padding-top: 180px; background-image: url("https://lzh.de/sites/default/files/styles/3d2_medium/public/grid/2021/04/01/LZH-Laser_1280-72.png"); background-repeat: no-repeat; background-position: bottom; }

.partikelflug { margin-left: 330px; margin-top: -10px; }

.partikelflug .glow { position: absolute; border-radius: 50%; -webkit-animation: glow 3s linear 0s infinite alternate; }

.partikelflug .particles { position: absolute; width: 100px; height: 100px; }

.partikelflug .rotate { position: absolute; top: calc(100% - 5px); left: calc(-100% - 5px); width: 70px; height: 70px; }

.partikelflug .angle { position: absolute; top: 0; left: 0; }

.partikelflug .size { position: absolute; top: 0; left: 0; }

.partikelflug .position { position: absolute; top: 0; left: 0; }

.partikelflug .pulse { position: absolute; top: 0; left: 0; }

.partikelflug .particle { position: absolute; top: calc(50% - 5px); left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; }

.partikelflug .rotate { -webkit-animation: rotate 20s linear 0s infinite alternate; }

.partikelflug .pulse { -webkit-animation: pulse 1.5s linear 0s infinite alternate; }

@-webkit-keyframes glow { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
    box-shadow: 0 0 60px 20px #fff, 25px 15px 50px 10px #fff, -5px -25px 30px 5px #fff; }
  100% { -webkit-transform: rotate(5deg); transform: rotate(5deg);
    box-shadow: 0 0 90px 20px #fff, 35px 20px 40px 10px #fff, -30px -30px 40px 5px #fff; } }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-webkit-keyframes angle { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); } }

@-webkit-keyframes size { 0% { -webkit-transform: scale(0.2); }
  100% { -webkit-transform: scale(0.6); } }

@-webkit-keyframes position { 0% { -webkit-transform: translate3d(0, 0, 0);
    opacity: 1; }
  50% { opacity: 1; }
  100% { -webkit-transform: translate3d(100px, 100px, 0);
    opacity: 0; } }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(0.5); } }

@-webkit-keyframes particle { 0% { box-shadow: inset 0 0 20px 20px #fff, 0 0 50px 10px #fff, inset 0 0 80px 80px #269aff; }
  33.33% { box-shadow: inset 0 0 20px 20px #fff, 0 0 130px 10px #fff, inset 0 0 50px 50px #269aff; }
  33.34% { box-shadow: inset 0 0 20px 20px #fff, 0 0 50px 10px #fff, inset 0 0 80px 80px #52abff; }
  66.66% { box-shadow: inset 0 0 20px 20px #fff, 0 0 130px 10px #fff, inset 0 0 50px 50px #52abff; }
  66.67% { box-shadow: inset 0 0 20px 20px #fff, 0 0 50px 10px #fff, inset 0 0 80px 80px #fff; }
  100% { box-shadow: inset 0 0 20px 20px #fff, 0 0 130px 10px #fff, inset 0 0 50px 50px #fff; } }

.partikelflug .rotate .angle:nth-child(1) { /* change the angle every 2 seconds */ -webkit-animation: angle 10s steps(5) 0s infinite; }

.partikelflug .rotate .angle:nth-child(1) .size { /* change the size of the particle every 2 seconds */ -webkit-animation: size 10s steps(5) 0s infinite; }

.partikelflug .rotate .angle:nth-child(1) .particle { /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 6s linear infinite alternate; }

.partikelflug .rotate .angle:nth-child(1) .position { /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 2s linear 0s infinite; }

.partikelflug .rotate .angle:nth-child(2) { /* change the angle every 2 seconds */ -webkit-animation: angle 4.95s steps(3) -1.65s infinite; }

.partikelflug .rotate .angle:nth-child(2) .size { /* change the size of the particle every 2 seconds */ -webkit-animation: size 4.95s steps(3) -1.65s infinite alternate; }

.partikelflug .rotate .angle:nth-child(2) .particle { /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 4.95s linear -3.3s infinite alternate; }

.partikelflug .rotate .angle:nth-child(2) .position { /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 1.65s linear 0s infinite; }

.partikelflug .rotate .angle:nth-child(3) { /* change the angle every 2 seconds */ -webkit-animation: angle 13.76s steps(8) -6.88s infinite; }

.partikelflug .rotate .angle:nth-child(3) .size { /* change the size of the particle every 2 seconds */ -webkit-animation: size 6.88s steps(4) -5.16s infinite alternate; }

.partikelflug .rotate .angle:nth-child(3) .particle { /* animate the glow and change the color every 2 seconds */ -webkit-animation: particle 5.16s linear -1.72 infinite alternate; }

.partikelflug .rotate .angle:nth-child(3) .position { /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 1.72s linear 0s infinite; }

.partikelflug .rotate .angle:nth-child(5) .position { /* animate the fly out of the particle and its fade out at the end */ -webkit-animation: position 2.45s linear 0s infinite; }

#animation { margin-top: -110px; }

#animation body { font-family: 'Noto', Helvetica, Arial, sans-serif; font-weight: 600; background-color: black; }

#animation p { text-transfrom: uppercase; color: white; font-size: 50px; text-align: center; }

@-webkit-keyframes neonGlow { 0% { text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.8), 0 0 22px rgba(255, 255, 255, 0.8), 0 0 40px rgba(66, 220, 219, 0.8), 0 0 60px rgba(66, 220, 219, 0.8), 0 0 80px rgba(66, 220, 219, 0.5), 0 0 100px rgba(66, 220, 219, 0.5), 0 0 140px rgba(66, 220, 219, 0.5), 0 0 200px rgba(66, 220, 219, 0.5); }
  100% { text-shadow: 0 0 2px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(66, 220, 219, 0.8), 0 0 30px rgba(66, 220, 219, 0.8), 0 0 40px rgba(66, 220, 219, 0.8), 0 0 50px rgba(66, 220, 219, 0.5), 0 0 80px rgba(66, 220, 219, 0.5); } }

@keyframes neonGlow { 0% { text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(255, 255, 255, 0.8), 0 0 22px rgba(255, 255, 255, 0.8), 0 0 40px rgba(66, 220, 219, 0.8), 0 0 60px rgba(66, 220, 219, 0.8), 0 0 80px rgba(66, 220, 219, 0.5), 0 0 100px rgba(66, 220, 219, 0.5), 0 0 140px rgba(66, 220, 219, 0.5), 0 0 200px rgba(66, 220, 219, 0.5); }
  100% { text-shadow: 0 0 2px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.8), 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px rgba(66, 220, 219, 0.8), 0 0 30px rgba(66, 220, 219, 0.8), 0 0 40px rgba(66, 220, 219, 0.8), 0 0 50px rgba(66, 220, 219, 0.5), 0 0 80px rgba(66, 220, 219, 0.5); } }

#verdade { height: 200px; width: 100%; padding-top: 180px; background-image: url("https://lzh.de/sites/default/files/styles/3d2_medium/public/grid/2021/04/01/LZH-Laser_1280-72.png"); background-repeat: no-repeat; background-position: bottom; margin: 0px; }

.sammlung { margin-top: 120px; margin-right: 60px; }

.photon { -webkit-transition: 360s ease-out; transition: 360s ease-out; width: 40%; height: 10px; background-color: #fff; margin: 1em; list-style: none; position: absolute; opacity: 0.1; -webkit-filter: blur(10px) brightness(1.5); filter: blur(13px) brightness(1); }

.region-footer { font-weight: 200; background-color: #003565; margin-top: 100px; width: 1260px; margin-left: calc(50% - 630px); }

@media all and (max-width: 1260px) { .region-footer { width: 100%; margin: auto; margin-top: 108px; } }

.region-footer .menu--footer-en h2 { display: none; }

.region-footer .menu--footer, .region-footer .menu--footer-en { background-color: #333333; }

.region-footer .menu--footer ul.menu, .region-footer .menu--footer-en ul.menu { margin-left: 20px; padding-top: 20px; padding-bottom: 20px; display: block !important; margin-bottom: 0; }

.region-footer .menu--footer ul.menu li, .region-footer .menu--footer-en ul.menu li { display: inline-block; vertical-align: top; margin-right: 20px; width: auto; }

.region-footer .menu--footer ul.menu a, .region-footer .menu--footer-en ul.menu a { color: white; }

.region-footer .menu--footer li a:hover, .region-footer .menu--footer-en li a:hover { color: white; text-decoration: none; border-bottom: 1px solid white; }

.region-footer .menu--footer h2#block-fusszeile-menu, .region-footer .menu--footer-en h2#block-fusszeile-menu { display: none; }

.region-footer #block-fusszeile { height: auto; }

@media all and (max-width: 1260px) { .region-footer #block-fusszeile { height: 108px; } }

@media all and (max-width: 1008px) { .region-footer #block-fusszeile { height: auto; } }

.footer-logo-area { position: absolute; width: 1260px; margin-left: calc(50% - 630px); margin-top: 30px; }

@media all and (max-width: 1260px) { .footer-logo-area { width: 100%; margin: auto; margin-top: 30px; } }

.footer-logo-area .ministerium-logo { width: 400px; height: auto; float: right; margin-bottom: 15px; }

@media all and (max-width: 1260px) { .footer-logo-area .ministerium-logo { float: none; width: 300px; margin-left: 20px; margin-right: 20px; } }

.footer-logo-area p { font-size: 15px; color: black; font-weight: 200; float: left; margin-bottom: 15px; padding-top: 5px; display: block; text-align: right; width: 840px; }

@media all and (max-width: 1260px) { .footer-logo-area p { float: left; width: 100px; margin-left: 20px; } }

.region-footer { background-color: #ffffff; }

#block-mainmenuen .menu-item:hover ul.menu, #block-hauptnavigation .menu-item:hover ul.menu { display: block !important; max-height: 900px; }

#block-mainmenuen ul.menu li:hover a, #block-hauptnavigation ul.menu li:hover a { color: #fff; }

#block-mainmenuen ul.menu li:hover a:after, #block-hauptnavigation ul.menu li:hover a:after { border-right: 0.2em solid #ffffff; border-top: 0.2em solid #ffffff; }

#block-mainmenuen ul.menu, #block-hauptnavigation ul.menu { margin-left: 0; margin-top: 0; width: 400px; margin-left: auto; margin-right: 0; }

@media all and (max-width: 1008px) { #block-mainmenuen ul.menu, #block-hauptnavigation ul.menu { width: 100%; } }

#block-mainmenuen ul.menu :hover, #block-hauptnavigation ul.menu :hover { background-color: #003565; color: #ffffff; }

#block-mainmenuen ul.menu a:after, #block-hauptnavigation ul.menu a:after { position: relative; content: ""; display: inline-block; width: 0.4em; height: 0.4em; border-right: 0.2em solid #333333; border-top: 0.2em solid #333333; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-right: 0.5em; margin-left: 10px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

#block-mainmenuen .menu-item.menu-item--expanded ul.menu a:after, #block-hauptnavigation .menu-item.menu-item--expanded ul.menu a:after { position: relative; content: ""; display: none !important; width: 0.4em; height: 0.4em; border-right: 0.2em solid #333333; border-top: 0.2em solid #333333; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-right: 0.5em; margin-left: 10px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

#block-mainmenuen ul.menu a, #block-hauptnavigation ul.menu a { color: #333333; text-decoration: none; }

#block-mainmenuen ul.menu li, #block-hauptnavigation ul.menu li { margin-right: 30px; width: 100%; font-size: 16px; line-height: 20px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #003565; margin-bottom: 0; }

#block-mainmenuen .menu-item--expanded, #block-hauptnavigation .menu-item--expanded { margin-bottom: 30px; font-weight: 600; }

#block-mainmenuen .menu-item--expanded a, #block-hauptnavigation .menu-item--expanded a { margin-left: 40px; }

#block-mainmenuen .menu-item--expanded ul.menu, #block-hauptnavigation .menu-item--expanded ul.menu { border-top: none; padding-top: 10px; -webkit-transition: max-height 1s ease-in; transition: max-height 1s ease-in; overflow: hidden; max-height: 0; }

#block-mainmenuen .menu-item--expanded ul.menu .is-expanded, #block-hauptnavigation .menu-item--expanded ul.menu .is-expanded { display: block !important; }

#block-mainmenuen .menu-item--expanded ul.menu li, #block-hauptnavigation .menu-item--expanded ul.menu li { font-weight: 200; border-bottom: none; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }

#block-fusszeile { height: auto; }

@media all and (max-width: 1260px) { #block-fusszeile { height: 108px; } }

@media all and (max-width: 1008px) { #block-fusszeile { height: auto; } }

.grid img { max-width: 1260px; }

.grid .block-page-title-block { display: none !important; }

.grid .grid-box { margin-bottom: 30px; }

.grid figure { margin: 0; padding: 0; }

.grid video { width: 100%; }

.grid h1, .grid h2, .grid h3, .grid h4 { margin-right: 20px; }

.grid h1 a, .grid h2 a, .grid h3 a, .grid h4 a { text-decoration: none; border-bottom: 0; color: #75A0CE; border-bottom: 1px solid #75A0CE; line-height: 30px; }

.grid h1 a :hover, .grid h2 a :hover, .grid h3 a :hover, .grid h4 a :hover { border-bottom: 1px solid #003565; }

.grid p { padding-bottom: 30px; margin-bottom: 0; }

.grid p a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.grid p a:hover { border-bottom: 1px solid #003565; }

.grid a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.grid a:hover { border-bottom: 1px solid #75A0CE; }

.grid a.image-link { border-bottom: 0; }

.grid .grid-container-title { font-size: 27px; line-height: 30px; color: #333333; margin-bottom: 30px; padding: 0; }

.grid-container { width: 1260px; margin: auto; margin-bottom: 45px; padding-bottom: 30px; border-bottom: 2px solid #75A0CE; }

@media all and (max-width: 1008px) { .grid-container { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container { width: 1008px; } }

.grid-container .grid-container-prolog, .grid-container .grid-container-epilog { max-width: 820px; }

.grid-container-c-1d1 .grid-slot-1d1 { position: relative; width: 1260px; }

@media all and (max-width: 1008px) { .grid-container-c-1d1 .grid-slot-1d1 { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d1 .grid-slot-1d1 { width: 1008px; } }

.grid-container-c-1d2-1d2 .grid-slot-first { float: left; width: 615px; }

@media all and (max-width: 1008px) { .grid-container-c-1d2-1d2 .grid-slot-first { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d2-1d2 .grid-slot-first { width: 492px; } }

.grid-container-c-1d2-1d2 .grid-slot-last { float: right; width: 615px; }

@media all and (max-width: 1008px) { .grid-container-c-1d2-1d2 .grid-slot-last { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d2-1d2 .grid-slot-last { width: 492px; } }

.grid-container-c-2d3-1d3 .grid-slot-2d3 { position: relative; width: 830px; float: left; margin-right: 30px; width: 615px; }

@media all and (max-width: 1008px) { .grid-container-c-2d3-1d3 .grid-slot-2d3 { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d3-1d3 .grid-slot-2d3 { width: 658px; } }

.grid-container-c-2d3-1d3 .grid-slot-1d3 { position: relative; width: 400px; float: right; }

@media all and (max-width: 1008px) { .grid-container-c-2d3-1d3 .grid-slot-1d3 { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d3-1d3 .grid-slot-1d3 { width: 320px; } }

.grid-container-c-1d3-1d3-1d3 .grid-slot-1d3 { position: relative; width: 400px; float: left; margin-right: 30px; }

@media all and (max-width: 1008px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3 { float: none; width: 100%; margin-right: 0; margin-top: 20px; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3 { width: 320px; margin-right: 24px; } }

.grid-container-c-1d3-1d3-1d3 .grid-slot-1d3.grid-slot-last { margin-right: 0; }

@media all and (max-width: 1008px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3.grid-slot-last { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3.grid-slot-last { width: 320px; } }

.grid-box, .grid-container-before { padding: 0; }

@media all and (max-width: 1260px) { .grid-slot-1d3 .grid-box { margin-bottom: 30px; } }

.grid-box-image { width: 100%; height: auto; }

.grid-box-image img { width: 100%; height: auto; }

.grid-container-after { clear: both; }

.grid-box-node { margin-bottom: 20px; }

@media all and (max-width: 1260px) { .grid-box-node { float: none; margin-right: 0; }
  .grid-box-node .node.node--type-article.node--view-mode-teaser-headline-image-teasertext-2-1 { margin-left: 0; } }

.grid-container-c-1d5-1d5-1d5-1d5-1d5 { width: 1260px; margin: 0 auto 20px; }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d5-1d5-1d5-1d5-1d5 { width: 100%; } }

@media all and (max-width: 1008px) { .grid-container-c-1d5-1d5-1d5-1d5-1d5 { width: 100%; } }

.grid-container-c-1d5-1d5-1d5-1d5-1d5 .grid-slot { width: 228px; margin-right: 30px; position: relative; float: left; }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-1d5-1d5-1d5-1d5-1d5 .grid-slot { float: left; width: 228px; } }

@media all and (max-width: 1008px) { .grid-container-c-1d5-1d5-1d5-1d5-1d5 .grid-slot { float: none; width: 100%; } }

.grid-container-c-1d5-1d5-1d5-1d5-1d5 .grid-slot-last { margin-right: 0px; }

.grid-container-c-1d5-1d5-1d5-1d5-1d5 img { width: calc(100% - 10px); height: auto; }

.grid-container .grid-slot-1d4 { width: 294px; margin-right: 28px; float: left; }

@media all and (max-width: 1008px) { .grid-container .grid-slot-1d4 { width: 100%; margin-right: 10px; }
  .grid-container .grid-slot-1d4 figcaption { height: 30px; font-size: 18px; } }

.grid-container-c-1d4-1d4-1d4-1d4 { width: 1008px; }

@media all and (min-width: 1260px) { .grid-container-c-1d4-1d4-1d4-1d4 { width: 1260px; } }

@media all and (max-width: 1008px) { .grid-container-c-1d4-1d4-1d4-1d4 { width: 100%; } }

.grid-slot-1d4.grid-slot-last { margin-right: 0; }

.grid-box-node .grid-box-prolog p { padding-bottom: 0; }

.grid-box-epilog { margin-top: -10px; }

html:lang(en) .teaser-with-more .field--type-text-long p:last-child:after { margin-left: 10px; content: "more"; color: #75A0CE; border-bottom: 1px solid #75A0CE; }

html:lang(en) .teaser-with-more .field--type-text-long p:last-child:after:hover { color: #75A0CE; border-bottom: 1px solid #003565; }

html:lang(de) .teaser-with-more .field--type-text-long p:last-child:after { margin-left: 10px; content: "mehr"; color: #75A0CE; border-bottom: 1px solid #75A0CE; }

html:lang(de) .teaser-with-more .field--type-text-long p:last-child:hover:after { color: #75A0CE !important; border-bottom: 1px solid #003565 !important; }

.grid .node--type-page .pressdate { display: none; }

.grid-container.time { width: 1260px; margin: auto; padding-top: 30px; margin-top: 0; margin-bottom: 0; background-color: white; border-bottom: none; /* .grid-slot-first::before { content: ''; display: block; float: right; width: 25px; height: 25px; left: -17px; background-color: white; border: 4px solid #FF9F55; border-radius: 50%; z-index: 1; margin-right: -15px; } */ /* .grid-slot-last::before { content: ''; display: block; float: left; width: 25px; height: 25px; background-color: white; border: 4px solid red; border-radius: 50%; z-index: 1; margin-left: -15px; } */ }

@media (max-width: 1008px) { .grid-container.time { width: 100%; } }

.grid-container.time .grid-box p { padding-left: 20px; padding-right: 20px; }

.grid-container.time .grid-box-title { color: #003565; font-size: 40px; text-align: center; margin-top: 30px; margin-bottom: 15px; margin-right: 0px; }

@media (max-width: 1008px) { .grid-container.time .grid-box-title { padding-top: 24px; font-size: 30px; } }

.grid-container.time .grid-slot { background: white; border-radius: 15px; margin-left: 10px; background-color: #d2e1f0; width: 400px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot { width: 280px; } }

.grid-container.time .grid-slot img { max-width: 400px; height: auto; }

@media (max-width: 1008px) { .grid-container.time .grid-slot { width: 280px; } }

.grid-container.time .grid-slot-first { margin-left: 190px; margin-right: 40px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-first { margin-left: 30px; margin-right: 0; } }

.grid-container.time .grid-slot-last { margin-right: 190px; margin-left: 40px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-last { margin-left: 30px; margin-right: 0; } }

.grid-container.time .grid-slot-has-no-box.grid-slot-last.grid-slot-1d3::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: -10px; border: medium solid white; border-width: 10px 10px 10px 0 !important; border-color: transparent white transparent transparent !important; }

.grid-container.time .grid-slot-first::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: -10px; border: medium solid #d2e1f0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #d2e1f0; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-first::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: -10px; border: medium solid #d2e1f0; border-width: 10px 10px 10px 0; border-color: transparent #d2e1f0 transparent transparent; } }

.grid-container.time .grid-slot-first::after { content: " "; border: 3px solid #75A0CE; background-color: #75A0CE; height: 180%; position: absolute; top: 0px; width: 0px; z-index: 1; left: 437px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-first::after { content: " "; border: 3px solid #75A0CE; background-color: #75A0CE; height: 350%; position: absolute; top: 0px; width: 0px; z-index: 1; left: -30px; } }

.grid-container.time .grid-slot-last::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: -10px; border: medium solid #d2e1f0; border-width: 10px 10px 10px 0; border-color: transparent #d2e1f0 transparent transparent; }

.grid-container.time .grid-slot-last { margin-top: 100px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-last { padding-top: 0; } }

.grid-container.time .grid-slot-last { margin-top: 100px; }

@media (max-width: 1008px) { .grid-container.time .grid-slot-last { margin-top: 50px; } }

.grid-container.time:last-child .grid-slot-first::after { height: 100%; }

.timeline { position: relative; max-width: 1200px; margin: 0 auto; }

/* The actual timeline (the vertical ruler) */
.timeline::after { content: ''; position: absolute; width: 6px; background-color: white; top: 0; bottom: 0; left: 50%; margin-left: -3px; }

.grid-container.toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-container.toggle .arrow-down:before, .grid-container.toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #75A0CE; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-container.toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-container.toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-container.toggle .is-expanded .arrow-down:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-container.toggle .is-expanded .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle { /* font awesome icon slicing effect from https://codepen.io/suez/pen/KpwEeg */ margin: 20px 0; }

.grid-slot.toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-slot.toggle .arrow-down:before, .grid-slot.toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: black; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-slot.toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-slot.toggle .arrow-down.active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-slot.toggle .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle *, .grid-slot.toggle *:before, .grid-slot.toggle *:after { box-sizing: border-box; margin: 0; padding: 0; }

.grid-slot.toggle html, .grid-slot.toggle body { font-size: 62.5%; }

@media (max-width: 768px) { .grid-slot.toggle html, .grid-slot.toggle body { font-size: 50%; } }

.grid-slot.toggle body { background: #EDEFF2; }

.grid-slot.toggle .demo { position: absolute; left: 50%; top: 50%; margin-left: -18.3rem; margin-top: -23.5rem; width: 36.6rem; height: 47rem; background: #FFFFFF; border-radius: 1.2rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.15); overflow: hidden; }

.grid-slot.toggle .demo__top { position: relative; height: 18.6rem; background: -webkit-linear-gradient(#7BCECA, #82D3CB); background: linear-gradient(#7BCECA, #82D3CB); overflow: hidden; }

.grid-slot.toggle .demo__body { position: relative; min-height: 56.8rem; padding-top: 5rem; will-change: transform; }

.grid-slot.toggle .pull-down { position: absolute; left: 0; top: 1rem; width: 100%; font-size: 2rem; text-align: center; color: rgba(84, 92, 103, 0.6); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.grid-slot.toggle .pull-down:before, .grid-slot.toggle .pull-down:after { content: ""; position: absolute; top: 0; width: 1rem; height: 1rem; border: 1px solid rgba(84, 92, 103, 0.6); border-left: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: arrowAnim 1.5s infinite; animation: arrowAnim 1.5s infinite; }

.grid-slot.toggle .pull-down:before { left: 11rem; }

.grid-slot.toggle .pull-down:after { left: 25rem; }

@-webkit-keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

@keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

.grid-slot.toggle .items { position: relative; }

.grid-slot.toggle .items.padded { -webkit-transition: padding 0.3s; transition: padding 0.3s; padding-top: 8rem; }

.grid-slot.toggle .item { height: 8rem; padding: 2rem 2.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.grid-slot.toggle .item.absPos { position: absolute; left: 0; top: 0; }

.grid-slot.toggle .item.hidden { opacity: 0; }

.grid-slot.toggle .item__icon { display: inline-block; vertical-align: top; width: 4rem; height: 4rem; margin-right: 2rem; border-radius: 50%; }

.grid-slot.toggle .item__icon.animated { -webkit-animation: animateIcon 0.6s forwards; animation: animateIcon 0.6s forwards; }

.grid-slot.toggle .item__icon.m--img img { width: 100%; }

.grid-slot.toggle .item__name { font-size: 2rem; line-height: 4rem; color: #545C67; }

@-webkit-keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

@keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.grid-slot.toggle .plane-cont { position: absolute; left: 1.7rem; top: -2.8rem; width: 5.6rem; height: 5.6rem; background: #5DB2DF; border-radius: 50%; box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.3); }

.grid-slot.toggle .plane-rotater { position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1.3rem; width: 2.8rem; height: 2.6rem; }

.grid-slot.toggle .plane.fly { -webkit-animation: planeFly 3.5s forwards; animation: planeFly 3.5s forwards; }

@-webkit-keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.grid-slot.toggle .svgBg__bg { -webkit-transform-origin: 183px 256px; transform-origin: 183px 256px; }

.grid-slot.toggle .svgBg__tree-trunk { fill: #1E5E65; }

.grid-slot.toggle .svgBg__tree-part { -webkit-transform-origin: inherit; transform-origin: inherit; }

.grid-slot.toggle .svgBg__tree-1 { -webkit-transform-origin: 54px 147px; transform-origin: 54px 147px; opacity: 0.7; }

.grid-slot.toggle .svgBg__tree-1 .svgBg__tree-part { -webkit-transform: scale(0.35, 0.44); transform: scale(0.35, 0.44); }

.grid-slot.toggle .svgBg__tree-2 { -webkit-transform-origin: 67px 144px; transform-origin: 67px 144px; opacity: 0.7; }

.grid-slot.toggle .svgBg__tree-2 .svgBg__tree-part { -webkit-transform: scale(0.56, 0.65); transform: scale(0.56, 0.65); }

.grid-slot.toggle .svgBg__tree-3 { -webkit-transform-origin: 264px 149px; transform-origin: 264px 149px; }

.grid-slot.toggle .svgBg__tree-3 .svgBg__tree-part { -webkit-transform: scale(0.58, 0.65); transform: scale(0.58, 0.65); }

.grid-slot.toggle .svgBg__tree-4 { -webkit-transform-origin: 287px 148px; transform-origin: 287px 148px; }

.grid-slot.toggle .svgBg__tree-4 .svgBg__tree-part { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); }

.grid-slot.toggle .svgBg__tree-5 { -webkit-transform-origin: 313px 148px; transform-origin: 313px 148px; }

.grid-slot.toggle .svgBg__tree-5 .svgBg__tree-part { -webkit-transform: scale(0.5, 0.61); transform: scale(0.5, 0.61); }

.grid-slot.toggle .icon-box { position: relative; display: inline-block; vertical-align: top; width: 4rem; height: 4rem; background: #0c0c0c; overflow: hidden; font-size: 0; text-decoration: none; border-radius: 50%; }

.grid-slot.toggle .icon-box:before { content: ""; position: absolute; left: 16.66667%; top: 0; margin-left: -1px; width: 2px; height: 0.6rem; background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: rotate(-30deg) translate(0.33333rem, -1rem); transform: rotate(-30deg) translate(0.33333rem, -1rem); }

.grid-slot.toggle .icon-box:hover:before { -webkit-animation: slice 0.5s; animation: slice 0.5s; }

.grid-slot.toggle .icon-box__inner { position: relative; display: inline-block; vertical-align: top; overflow: hidden; width: 50%; height: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); font-size: 2.4rem; color: #fff; }

.grid-slot.toggle .icon-box__inner .fa { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg); transform: translate(-50%, -50%) rotate(30deg); }

.grid-slot.toggle .icon-box__inner.m--left { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.grid-slot.toggle .icon-box__inner.m--left .fa { left: 100%; }

.grid-slot.toggle .icon-box__inner.m--right { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.icon-box:hover .grid-slot.toggle .icon-box__inner.m--right { -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; -webkit-transform: rotate(-30deg) translate(0.2rem, 0.4rem); transform: rotate(-30deg) translate(0.2rem, 0.4rem); }

.grid-slot.toggle .icon-box__inner.m--right .fa { left: 0; }

@-webkit-keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

@keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

.grid-slot.toggle .toggle-title { padding-bottom: 20px; cursor: pointer; }

.grid-slot.toggle:first-child { margin-top: 20px; }

.grid-box-html { margin-bottom: 0 !important; }

.grid-box-html.white { margin-bottom: 20px !important; }

.grid-box-html.grey { margin-bottom: 20px !important; }

.grid-box.grey { padding: 0 20px; padding-bottom: 15px; background: #e6e6e6; }

.grid-box.pink { padding: 0 20px; background: #ff355e; border: 0; }

.grid-box.white { padding: 20px; background: white; border: 1px solid #d9d9d9; margin-bottom: 8px; padding-bottom: 0; width: calc(100% - 40px); }

.grid-box.white img { width: calc(100% - 40px); }

.grid-slot-1d5 .grid-box.white { width: 208px; padding: 10px; margin-bottom: 20px; }

.grid-slot-1d5 .grid-box-title { font-size: 20px; }

.grid-box.shadow { padding: 20px; background: rgba(210, 225, 240, 0.5); }

.grid-box.shadow:hover { box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; background: #fff; }

.grid-box.image img { width: 100%; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; height: auto; }

.grid-box-toggle { /* font awesome icon slicing effect from https://codepen.io/suez/pen/KpwEeg */ margin: 20px 0; }

.grid-box-toggle ul { margin-top: 0; margin-bottom: 30px; padding-left: 25px; }

.grid-box-toggle span.toggler { font-size: 23px; line-height: 23px; }

.grid-box-toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-box-toggle .arrow-down:before, .grid-box-toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #333333; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-box-toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-box-toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-box-toggle .arrow-down.active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-box-toggle .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-box-toggle .demo { position: absolute; left: 50%; top: 50%; margin-left: -18.3rem; margin-top: -23.5rem; width: 36.6rem; height: 47rem; background: #FFFFFF; border-radius: 1.2rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.15); overflow: hidden; }

.grid-box-toggle .demo__top { position: relative; height: 18.6rem; background: -webkit-linear-gradient(#7BCECA, #82D3CB); background: linear-gradient(#7BCECA, #82D3CB); overflow: hidden; }

.grid-box-toggle .demo__body { position: relative; min-height: 56.8rem; padding-top: 5rem; will-change: transform; }

.grid-box-toggle .pull-down { position: absolute; left: 0; top: 1rem; width: 100%; font-size: 2rem; text-align: center; color: rgba(84, 92, 103, 0.6); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.grid-box-toggle .pull-down:before, .grid-box-toggle .pull-down:after { content: ""; position: absolute; top: 0; width: 1rem; height: 1rem; border: 1px solid rgba(84, 92, 103, 0.6); border-left: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: arrowAnim 1.5s infinite; animation: arrowAnim 1.5s infinite; }

.grid-box-toggle .pull-down:before { left: 11rem; }

.grid-box-toggle .pull-down:after { left: 25rem; }

@keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

.grid-box-toggle .items { position: relative; }

.grid-box-toggle .items.padded { -webkit-transition: padding 0.3s; transition: padding 0.3s; padding-top: 8rem; }

.grid-box-toggle .item { height: 8rem; padding: 2rem 2.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.grid-box-toggle .item.absPos { position: absolute; left: 0; top: 0; }

.grid-box-toggle .item.hidden { opacity: 0; }

.grid-box-toggle .item__icon { display: inline-block; vertical-align: top; width: 4rem; height: 4rem; margin-right: 2rem; border-radius: 50%; }

.grid-box-toggle .item__icon.animated { -webkit-animation: animateIcon 0.6s forwards; animation: animateIcon 0.6s forwards; }

.grid-box-toggle .item__icon.m--img img { width: 100%; }

.grid-box-toggle .item__name { font-size: 2rem; line-height: 4rem; color: #545C67; }

@keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.grid-box-toggle .plane-cont { position: absolute; left: 1.7rem; top: -2.8rem; width: 5.6rem; height: 5.6rem; background: #5DB2DF; border-radius: 50%; box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.3); }

.grid-box-toggle .plane-rotater { position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1.3rem; width: 2.8rem; height: 2.6rem; }

.grid-box-toggle .plane.fly { -webkit-animation: planeFly 3.5s forwards; animation: planeFly 3.5s forwards; }

@keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.grid-box-toggle .svgBg__bg { -webkit-transform-origin: 183px 256px; transform-origin: 183px 256px; }

.grid-box-toggle .svgBg__tree-trunk { fill: #1E5E65; }

.grid-box-toggle .svgBg__tree-part { -webkit-transform-origin: inherit; transform-origin: inherit; }

.grid-box-toggle .svgBg__tree-1 { -webkit-transform-origin: 54px 147px; transform-origin: 54px 147px; opacity: 0.7; }

.grid-box-toggle .svgBg__tree-1 .svgBg__tree-part { -webkit-transform: scale(0.35, 0.44); transform: scale(0.35, 0.44); }

.grid-box-toggle .svgBg__tree-2 { -webkit-transform-origin: 67px 144px; transform-origin: 67px 144px; opacity: 0.7; }

.grid-box-toggle .svgBg__tree-2 .svgBg__tree-part { -webkit-transform: scale(0.56, 0.65); transform: scale(0.56, 0.65); }

.grid-box-toggle .svgBg__tree-3 { -webkit-transform-origin: 264px 149px; transform-origin: 264px 149px; }

.grid-box-toggle .svgBg__tree-3 .svgBg__tree-part { -webkit-transform: scale(0.58, 0.65); transform: scale(0.58, 0.65); }

.grid-box-toggle .svgBg__tree-4 { -webkit-transform-origin: 287px 148px; transform-origin: 287px 148px; }

.grid-box-toggle .svgBg__tree-4 .svgBg__tree-part { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); }

.grid-box-toggle .svgBg__tree-5 { -webkit-transform-origin: 313px 148px; transform-origin: 313px 148px; }

.grid-box-toggle .svgBg__tree-5 .svgBg__tree-part { -webkit-transform: scale(0.5, 0.61); transform: scale(0.5, 0.61); }

.grid-box-toggle .icon-box { position: relative; display: inline-block; vertical-align: top; width: 4rem; height: 4rem; background: #0c0c0c; overflow: hidden; font-size: 0; text-decoration: none; border-radius: 50%; }

.grid-box-toggle .icon-box:before { content: ""; position: absolute; left: 16.66667%; top: 0; margin-left: -1px; width: 2px; height: 0.6rem; background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: rotate(-30deg) translate(0.33333rem, -1rem); transform: rotate(-30deg) translate(0.33333rem, -1rem); }

.grid-box-toggle .icon-box:hover:before { -webkit-animation: slice 0.5s; animation: slice 0.5s; }

.grid-box-toggle .icon-box__inner { position: relative; display: inline-block; vertical-align: top; overflow: hidden; width: 50%; height: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); font-size: 2.4rem; color: #fff; }

.grid-box-toggle .icon-box__inner .fa { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg); transform: translate(-50%, -50%) rotate(30deg); }

.grid-box-toggle .icon-box__inner.m--left { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.grid-box-toggle .icon-box__inner.m--left .fa { left: 100%; }

.grid-box-toggle .icon-box__inner.m--right { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.icon-box:hover .grid-box-toggle .icon-box__inner.m--right { -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; -webkit-transform: rotate(-30deg) translate(0.2rem, 0.4rem); transform: rotate(-30deg) translate(0.2rem, 0.4rem); }

.grid-box-toggle .icon-box__inner.m--right .fa { left: 0; }

@keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

.grid-box-toggle .toggle-title { padding-bottom: 20px; cursor: pointer; }

.grid-box-toggle:first-child { margin-top: 20px; }

.toggle-more { display: inline-block; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }

.toggle-more.is-expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.toggle-more img { width: 20px !important; height: auto; margin-bottom: 0px !important; }

.content-toggle { -webkit-transition: max-height 0.15s ease-in-out, opacity 0.25s ease-in-out, border 0.25s ease-in-out; transition: max-height 0.15s ease-in-out, opacity 0.25s ease-in-out, border 0.25s ease-in-out; overflow: hidden; opacity: 0; max-height: 0; }

.content-toggle.is-expanded { opacity: 1; max-height: 100000px; }

.toggler { font-size: 21px; line-height: 21px; font-weight: bold; }

.grid-box .node--type-person .field--name-title { display: none; }

.grid-box .person-profile { border: 0; margin-top: 0px; margin-left: -15px; }

.grid-box .person-profile .field--name-field-person-title { float: left; margin-right: 5px; }

.grid-box .person-profile .person-profile-image img { margin: 0 15px 0 0; width: 350px; }

@media (max-width: 1260px) { .grid-box .person-profile .person-profile-image img { width: 100%; } }

.grid-box .person-profile .field--name-field-position { font-size: 16px; float: none; }

.grid-box .person-profile .field--name-field-abteilung { font-size: 16px; float: none; }

.grid-box .person-profile .field--name-field-abteilung .field__label { display: none; }

.grid-box .person-profile .field--name-field-telephone-number { font-size: 16px; }

.grid-box .person-profile .field--name-field-e-mail { font-size: 16px; }

.grid-slot-1d3 img { width: 400px; height: auto; }

.grid-slot-1d3 h2 { font-size: 22.5px; }

@media all and (max-width: 1008px) { .grid-slot-1d3 { float: none; width: 100%; }
  .grid-slot-1d3 img { width: 100%; height: auto; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-slot-1d3 { width: 320px; }
  .grid-slot-1d3 img { max-width: 320px; } }

.grid-slot-2d3 .node--type-article { margin: auto; }

@media all and (max-width: 1260px) { .grid-slot-2d3 .node--type-article { float: none; max-width: 100%; } }

.grid-slot-2d3 img { max-width: 820px; }

@media all and (max-width: 1008px) { .grid-slot-2d3 img { width: 100%; } }

.grid-slot-2d3 h2 { font-size: 24px; }

.views-row .node--view-mode-teaser-headline-image-3-2 { border: none !important; padding: 10px; margin-bottom: 10px; }

.grid-container-c-2d7-2d7-1d7-2d7 { position: relative; width: 1260px; }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 { width: 1008px; }
  .grid-container-c-2d7-2d7-1d7-2d7 p { font-size: 16px; }
  .grid-container-c-2d7-2d7-1d7-2d7 h2 { font-size: 20px; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7 { float: left; display: block; width: 400px; margin-right: 30px; }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7 img { width: 100%; max-width: 400px; }

@media all and (max-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7 { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7 { width: 320px; margin-right: 24px; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7 { width: 400px; margin-right: 0; }

@media all and (max-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7 { float: none; width: 100%; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7 { width: 300px; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-first.grid-slot-2d7:before { content: ""; width: 0px; height: 0px; }

@media all and (max-width: 1260px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-first.grid-slot-2d7:before { display: none; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7:before { content: ""; width: 400px; height: 50vw; height: var(--js-infobox-pre-height); }

@media all and (max-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7:before { display: none; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7:before { width: 320px; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7:before { content: ""; width: 90px; height: 50vw; height: var(--js-infobox-pre-height); }

@media all and (max-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7:before { display: none; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7:before { width: 72px; } }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-2d7:before { float: right; }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-last.grid-slot-2d7:before { float: left; }

.grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-1d7 { width: 490px; z-index: 1; height: auto; position: absolute; float: right; margin-right: 30px; margin-left: 430px; }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-1d7 { margin-left: 344px; width: 400px; } }

@media all and (max-width: 1008px) { .grid-container-c-2d7-2d7-1d7-2d7 .grid-slot-1d7 { float: none; width: 100%; margin: 0 !important; position: unset; } }

.grid-container-c-4d7-1d7-2d7 { width: 1260px; position: relative; }

@media all and (max-width: 1008px) { .grid-container-c-4d7-1d7-2d7 { width: 100%; margin: auto; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-container-c-4d7-1d7-2d7 { width: 100%; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-4d7 { float: left; display: block; width: 820px; }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-4d7 { float: none; width: 100%; margin-right: 0; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-last.grid-slot-2d7 { width: 400px; float: right; display: block; }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-last.grid-slot-2d7 { float: none; width: 100%; margin-right: 0; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-first.grid-slot-2d7:before { content: ""; width: 0px; height: 0px; }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-first.grid-slot-2d7:before { display: none; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-4d7:before { content: ""; width: 200px; height: 50vw; height: var(--js-infobox-pre-height); }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-4d7:before { display: none; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-2d7:before { content: ""; width: 420px; height: 50vw; height: var(--js-infobox-pre-height); }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-2d7:before { display: none; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-2d7:before { float: left; }

.grid-container-c-4d7-1d7-2d7 .grid-slot-4d7:before { float: right; }

.grid-container-c-4d7-1d7-2d7 .grid-slot-1d7 { width: 610px; z-index: 1; height: auto; position: absolute; float: right; right: 0px; }

@media all and (max-width: 1260px) { .grid-container-c-4d7-1d7-2d7 .grid-slot-1d7 { float: none; width: 100%; margin-right: 0; position: unset; } }

.grid-container-c-4d7-1d7-2d7 .grid-slot-1d7 img { width: 100%; height: auto; }

.ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images { 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; }

.ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item { margin-bottom: 20px; }

html[dir="ltr"] .ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item { margin-right: 20px; }

html[dir="rtl"] .ph-new-gallery .ph-new-gallery-inner-wrapper .field--name-field-gallery-images > .field__item { margin-left: 20px; }

.ph-new-gallery .ph-new-gallery-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; top: 0px; z-index: 3; }

.ph-new-gallery .ph-new-gallery-controls-hidden { display: none; }

.ph-new-gallery .ph-new-gallery-control-item { border: 2px solid rgba(255, 255, 255, 0); border-radius: 50px; background-color: rgba(255, 255, 255, 0.4); color: white; margin: 0 30px; width: 45px; }

html[dir="rtl"] .ph-new-gallery .ph-new-gallery-control-item { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.ph-new-gallery .ph-new-gallery-control-item-backwards { padding: 6px 7px 0 5px; }

.ph-new-gallery .ph-new-gallery-control-item-forwards { padding: 6px 5px 0 7px; }

.ph-new-gallery .ph-new-gallery-control-item:hover { border: 2px solid dodgerblue; cursor: pointer; }

.align-fullwidth .ph-new-gallery { max-width: 1200px; }

.ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper { overflow: hidden; }

.ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .ph-new-gallery-inner-wrapper .field--name-field-gallery-images { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; }

html[dir="ltr"] .ph-new-gallery--visible-images-2 .field--name-field-gallery-images > .field__item:nth-child(2n+2), html[dir="ltr"] .ph-new-gallery--visible-images-3 .field--name-field-gallery-images > .field__item:nth-child(3n+3), html[dir="ltr"] .ph-new-gallery--visible-images-4 .field--name-field-gallery-images > .field__item:nth-child(4n+4), html[dir="ltr"] .ph-new-gallery--visible-images-5 .field--name-field-gallery-images > .field__item:nth-child(5n+5), html[dir="ltr"] .ph-new-gallery--visible-images-6 .field--name-field-gallery-images > .field__item:nth-child(6n+6) { margin-right: 0; }

html[dir="rtl"] .ph-new-gallery--visible-images-2 .field--name-field-gallery-images > .field__item:nth-child(2n+2), html[dir="rtl"] .ph-new-gallery--visible-images-3 .field--name-field-gallery-images > .field__item:nth-child(3n+3), html[dir="rtl"] .ph-new-gallery--visible-images-4 .field--name-field-gallery-images > .field__item:nth-child(4n+4), html[dir="rtl"] .ph-new-gallery--visible-images-5 .field--name-field-gallery-images > .field__item:nth-child(5n+5), html[dir="rtl"] .ph-new-gallery--visible-images-6 .field--name-field-gallery-images > .field__item:nth-child(6n+6) { margin-left: 0; }

html[dir="ltr"] .ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .field--name-field-gallery-images > .field__item { margin-right: 20px; }

html[dir="rtl"] .ph-new-gallery--sliding-1 .ph-new-gallery-outer-wrapper .field--name-field-gallery-images > .field__item { margin-left: 20px; }

.ph-new-gallery--visible-images-1 .field--name-field-gallery-images img { max-width: 800px; }

.ph-new-gallery--visible-images-2 .field--name-field-gallery-images img { max-width: 390px; }

.ph-new-gallery--visible-images-3 .field--name-field-gallery-images img { max-width: 253px; }

.ph-new-gallery--visible-images-4 .field--name-field-gallery-images img { max-width: 185px; }

.ph-new-gallery--visible-images-5 .field--name-field-gallery-images img { max-width: 144px; }

.ph-new-gallery--visible-images-6 .field--name-field-gallery-images img { max-width: 116px; }

.align-fullbleed .ph-new-gallery--visible-images-1 .field--name-field-gallery-images img { max-width: 1200px; }

.align-fullbleed .ph-new-gallery--visible-images-2 .field--name-field-gallery-images img { max-width: 600px; }

.align-fullbleed .ph-new-gallery--visible-images-3 .field--name-field-gallery-images img { max-width: 393px; }

.align-fullbleed .ph-new-gallery--visible-images-4 .field--name-field-gallery-images img { max-width: 290px; }

.align-fullbleed .ph-new-gallery--visible-images-5 .field--name-field-gallery-images img { max-width: 228px; }

.align-fullbleed .ph-new-gallery--visible-images-6 .field--name-field-gallery-images img { max-width: 186px; }

.page-node-type-article .align-fullbleed .ph-new-gallery--visible-images-1 .media--view-mode-image-and-licence-article-main-image-5d2, .page-node-type-article .align-fullbleed .ph-new-gallery--visible-images-1 figure figcaption { max-width: 1220px; }

.ph-gallery-caption { margin-top: 0.8em; }

.ph-gallery-caption, .page-node-type-article .field--name-body .ph-gallery-caption p { font-family: 'noto'; font-weight: 200; line-height: 1.3; max-width: none; caption-side: bottom; font-size: 20px; color: #a6a6a6; }

html[dir="ltr"] .align-fullbleed .ph-new-gallery--sliding-1 .ph-gallery-caption { padding-left: 1em; }

html[dir="rtl"] .align-fullbleed .ph-new-gallery--sliding-1 .ph-gallery-caption { padding-right: 1em; }

html[dir="ltr"] .align-fullbleed .ph-new-gallery--sliding-0 .ph-gallery-caption { padding-left: 0.1em; }

html[dir="rtl"] .align-fullbleed .ph-new-gallery--sliding-0 .ph-gallery-caption { padding-right: 0.1em; }

html[dir="ltr"] .align-fullbleed .ph-new-gallery figcaption { padding-right: 2px; }

html[dir="rtl"] .align-fullbleed .ph-new-gallery figcaption { padding-left: 2px; }

@media all and (min-width: 1260px) { .contact-print { display: none; } }

@media all and (max-width: 1008px) { .contact-print { display: block !important; }
  .person-mobile .person-profile { display: none; } }

.person-profile { border: 1px solid #d9d9d9; padding: 0 0 20px 20px; text-align: left !important; max-width: 800px; margin: auto; margin-left: 20px; }

@media all and (max-width: 1008px) { .person-profile { width: calc(100% - 40px); margin-top: 20px; } }

.person-profile .person-profile-image img { width: calc(100% - 20px); height: auto; margin: 0; margin-top: 20px; }

.person-profile .person-profile-image { float: left; }

.person-profile .person-profile-text { float: left; margin-top: 20px !important; }

.person-profile .person-profile-text { float: left; color: #333333; margin: 0; }

@media all and (max-width: 1260px) { .person-profile .person-profile-text { margin-left: 20px; margin-top: 0 !important; } }

.person-profile .person-profile-name { font-weight: bold; font-size: 16px; line-height: 22px; margin-bottom: 6px; /* @media all and (min-width: $tablet) { margin-top: -30px; } */ }

.person-profile .person-profile-name .field--name-field-first-name { float: left; margin-right: 6px !important; }

.person-profile .person-profile-job { margin-top: 0; margin-bottom: 15px; }

.person-profile .field--name-field-position { float: left; margin-right: 6px !important; font-size: 16px !important; line-height: 20px; }

.person-profile .field--name-field-abteilung { font-size: 16px !important; float: left; line-height: 20px; }

.person-profile .person-profile-contact { color: #333333; font-size: 16px; position: relative; top: 0px; }

.person-profile .field--type-email { color: #333333; font-size: 16px; position: relative; top: -5px; display: inline-block; }

.person-profile .field--type-email:before { content: "E-Mail:"; margin-right: 10px; }

@media all and (max-width: 1008px) { .person-profile .field--type-email:before { float: left; } }

.person-profile .field--type-telephone a { color: #333333 !important; border-bottom: none !important; font-size: 16px; }

@media all and (max-width: 1008px) { .person-profile .field--type-telephone a { float: left !important; } }

.person-profile .field--type-telephone:before { content: "Telefon:"; margin-right: 10px; }

@media all and (max-width: 1008px) { .person-profile .field--type-telephone:before { float: left; } }

html[lang="en"] .field--type-telephone:before { content: "Phone:"; margin-right: 10px; }

@media all and (max-width: 1008px) { html[lang="en"] .field--type-telephone:before { float: left; } }

.block-page-title-block { line-height: 40px; margin: auto; border-left: 3px solid #a6a6a6; padding-left: 20px; max-width: 1260px; margin-bottom: 30px; }

.page-node-type-article .region-content { margin-top: -105px; float: none; }

@media all and (max-width: 1260px) { .page-node-type-article .region-content { float: none; max-width: 100%; } }

.pressdate { font-style: italic; color: #333333; margin: auto; margin-bottom: 15px; }

.pullquote--fullwidth--big, .pullquote--fullwidth--big p, .pullquote--left, .pullquote--left p, .pullquote--right, .pullquote--right p { font-size: 25px; color: #a6a6a6; font-weight: 200; }

@media all and (max-width: 1260px) { .pullquote--fullwidth--big, .pullquote--fullwidth--big p, .pullquote--left, .pullquote--left p, .pullquote--right, .pullquote--right p { font-weight: 300; } }

blockquote { margin-top: 20px; margin-bottom: 20px; max-width: 800px; border-left: 2px solid #d9d9d9; padding-left: 20px; }

@media all and (max-width: 1260px) { blockquote { margin-right: 0px; margin-left: 0px; float: none; } }

blockquote p { font-size: 25px; color: #a6a6a6; font-weight: 200; margin-bottom: 0; }

.pullquote--left { margin-left: -100px; margin-top: 20px; margin-bottom: 20px; width: 500px; float: left; border-left: 2px solid #d9d9d9; padding-left: 20px; }

@media all and (max-width: 1260px) { .pullquote--left { margin-right: 0px; margin-left: 0px; float: none; } }

@media all and (max-width: 1008px) { .pullquote--left { width: 90%; } }

.pullquote--left p { padding: 0; margin: 0; }

.pullquote--right { margin-right: -100px; margin-top: 20px; margin-bottom: 20px; width: 500px; border-left: 2px solid #d9d9d9; padding-left: 20px; float: right; }

@media all and (max-width: 1260px) { .pullquote--right { margin-right: 0px; margin-left: 0px; float: none; } }

@media all and (max-width: 1008px) { .pullquote--right { width: 90%; } }

.pullquote--right p { padding: 0; margin: 0; }

.pullquote--fullwidth--big { margin-top: 20px; margin-bottom: 20px; max-width: 800px; border-left: 2px solid #d9d9d9; padding-left: 20px; }

@media all and (max-width: 1260px) { .pullquote--fullwidth--big { margin-right: 0px; margin-left: 0px; float: none; } }

@media all and (max-width: 1008px) { .pullquote--fullwidth--big { width: 90%; } }

.pullquote--fullwidth--big p { padding: 0; margin: 0; }

h1.page-title { display: none; /*width: $universalGap*40; line-height: $universalGap*2; margin: auto; ::before { content: ""; display: block; position: absolute; z-index: 1; left: 273px; top: 0; bottom: 0; border: 1px solid $colorGreyDark; border-width: 0 0 0 3px; }*/ }

h1.article-label-headline { font-size: 28px; line-height: 30px; }

.block-page-title-block { line-height: 40px; margin: auto; border-left: 3px solid #a6a6a6; padding-left: 20px; max-width: 825px; margin-bottom: 30px; }

@media all and (max-width: 1008px) { .block-page-title-block { line-height: 30px; padding-top: 10px; margin-bottom: 15px; } }

.block-page-title-block h2 { padding: 0; }

.page--type-page .block-page-title-block { line-height: 40px; border-left: 3px solid #a6a6a6; padding-left: 20px; margin-bottom: 30px; }

.field--name-title h2 { width: 800px; line-height: 40px; margin: auto; border-left: 3px solid #a6a6a6; padding-left: 20px; }

.page-node-type-article { /* img { margin-left: $universalGap*-11; max-width: $universalWidth; height:auto; @media all and (max-width: $desktop) { max-width: 100%; } } */ }

.page-node-type-article .node__content { width: 820px; margin: auto; }

@media all and (max-width: 1008px) { .page-node-type-article .node__content { width: 100%; margin: auto; } }

.page-node-type-article figure { margin: 0; }

.page-node-type-article .teasertextwrapper { border-bottom: 1px solid #75A0CE; margin-bottom: 30px; }

.page-node-type-article .teaserimagewrapper img { width: 590px; height: auto; }

@media all and (max-width: 1008px) { .page-node-type-article .teaserimagewrapper img { display: block; width: 100%; } }

.page-node-type-article .field--name-field-teaser-image-caption { margin-left: 20px; max-width: 570px; }

@media all and (max-width: 1008px) { .page-node-type-article .field--name-field-teaser-image-caption { margin-left: 0; display: block; width: 100%; font-size: 12px; line-height: 15px; margin-top: 9px; } }

.page-node-type-article .align-left { margin-left: -220px; max-width: 600px; margin-right: 30px; height: auto; }

.page-node-type-article .align-left img { max-width: 100%; height: auto; }

@media all and (max-width: 1260px) { .page-node-type-article .align-left { margin-right: 0px; margin-left: 0px; float: none; } }

.page-node-type-article .align-left figcaption { margin-left: 20px; max-width: 420px; }

@media all and (max-width: 1260px) { .page-node-type-article .align-left figcaption { margin-left: 0px; text-align: center; } }

.page-node-type-article .align-left figcaption.wysiwyg_width { max-width: 270px; }

.page-node-type-article .align-right { margin-right: -220px; max-width: 600px; margin-left: 30px; height: auto; }

.page-node-type-article .align-right img { max-width: 100%; height: auto; }

@media all and (max-width: 1260px) { .page-node-type-article .align-right { margin-right: 0px; margin-left: 0px; float: none; } }

.page-node-type-article .align-right figcaption { margin-left: 20px; max-width: 420px; }

@media all and (max-width: 1260px) { .page-node-type-article .align-right figcaption { margin-left: 0px; text-align: center; } }

.page-node-type-article .align-right figcaption.wysiwyg_width { max-width: 270px; }

.page-node-type-article .align-center { margin: auto; max-width: 600px; height: auto; }

.page-node-type-article .align-center figcaption { text-align: center; }

figcaption { margin-bottom: 30px; font-size: 14px; line-height: 20px; display: block; font-weight: 200; color: #777777; }

@media all and (max-width: 1260px) { figcaption { margin-left: 0px; text-align: center; } }

.ph-new-gallery { margin-top: -60px; margin-bottom: -60px; }

.ph-new-gallery .st1 { fill: #003565; }

.ph-new-gallery .ph-new-gallery-control-item { border: 2px solid rgba(255, 255, 255, 0); border-radius: 50px; background-color: rgba(255, 255, 255, 0.8); color: white; margin: 0px 15px; width: 30px; }

.node--type-event { max-width: 800px; margin: auto; }

.node--type-event .field__item a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.node--type-event .field__item a:hover { border-bottom: 1px solid #003565; }

.page-node-type-person .block-page-title-block { line-height: 40px; margin: auto; border-left: 3px solid #a6a6a6; padding-left: 20px; max-width: 825px; }

.node--type-person { margin: auto; }

.node--type-person .field__item a { color: #333333; text-decoration: none; border-bottom: 1px solid #a6a6a6; }

.field--name-field-images { width: 820px; }

@media all and (max-width: 1008px) { .field--name-field-images { width: 100%; } }

.field--name-field-images .field__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }

.field--name-field-images .field__items .field__item { margin-right: 20px; width: 200px; }

.field--name-field-images .field__items a { border-bottom: 0; padding-bottom: 10px; }

.field--name-field-images .field__items .media-download-link { display: inline-block; margin-bottom: 20px; }

.field--name-field-images img { max-width: 200px; height: auto; }

.path-taxonomy .block-page-title-block { line-height: 40px; margin: auto; border-left: 3px solid #a6a6a6; padding-left: 20px; max-width: 825px; }

.path-taxonomy .field--name-field-date { margin-bottom: 60px; }

.infobox { background-color: #d9d9d9; border: 1px solid #a6a6a6; padding: 10px; margin: 20px 0; color: black; }

.person-desktop { float: right; margin-right: calc(50% - 510px); width: 300px; }

.person-desktop .node__content { width: 300px; }

@media all and (max-width: 1008px) { .person-desktop { display: none; } }

.person-mobile { display: none; }

@media all and (max-width: 1008px) { .person-mobile { display: block; width: 100%; } }

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { width: 820px; margin: auto; }

@media all and (max-width: 1008px) { .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item { width: auto; } }

.article-abbinder { margin-top: 40px; }

.path-search .contextual-region, .path-suche .contextual-region { position: unset; }

.path-search .block-page-title-block, .path-suche .block-page-title-block { display: none; }

.path-search .node--view-mode-search-result, .path-suche .node--view-mode-search-result { border-bottom: 2px solid #75A0CE; width: 800px; margin: auto; margin-top: 0px; }

@media all and (max-width: 1008px) { .path-search .node--view-mode-search-result, .path-suche .node--view-mode-search-result { width: auto; } }

.path-search .node__content, .path-suche .node__content { padding-bottom: 30px; }

.path-search .block-facet--checkbox, .path-suche .block-facet--checkbox { max-width: 300px; float: left; margin-left: calc((100vw - 1300px) / 2); }

.path-search .block-facet--checkbox ul, .path-suche .block-facet--checkbox ul { margin-left: 0; -webkit-margin-before: 0; margin-block-start: 0; padding-left: 0; }

.path-search .block-facet--checkbox li, .path-suche .block-facet--checkbox li { list-style: none; }

.path-search .block-facet--checkbox li input, .path-suche .block-facet--checkbox li input { margin-right: 5px; }

.node--view-mode-search-result { padding-top: 15px; }

.node--view-mode-search-result a { line-height: 45px; color: #333333; text-decoration: none; border-bottom: 1px solid #a6a6a6; }

.view-display-id-page_1 { width: 800px; margin: 0 auto 20px; }

.view-display-id-page_1 .view-header { border-bottom: 2px solid #75A0CE; text-align: center; padding-bottom: 20px; margin-bottom: 20px; }

@media all and (max-width: 1260px) { .view-display-id-page_1 { width: 100%; } }

.block-views-exposed-filter-blocksearch-page-1 { width: 1260px; margin: auto; padding: 0; text-align: center; }

@media all and (max-width: 1260px) { .block-views-exposed-filter-blocksearch-page-1 { width: 100%; } }

.block-views-exposed-filter-blocksearch-page-1 .form-item { width: 100%; margin: 0 auto 20px; }

.block-views-exposed-filter-blocksearch-page-1 .form-item input { background-color: #f3f3f3; border: 0; padding: 5px 10px; border-bottom: 2px solid #d9d9d9; }

.searchnotice { background-color: #75A0CE; padding: 20px; margin-bottom: 20px; }

a .square-link { width: 160px; height: 160px; margin-right: 10px; margin-bottom: 10px; padding: 20px; float: left; color: white; text-align: center; font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* background-color: darken($colorBlueLight, 10%);*/ background-blend-mode: multiply; background-position: center center; background-size: cover; -webkit-transition: background-color .2s; transition: background-color .2s; }

@media all and (max-width: 1008px) { a .square-link { margin: 0 1vw 1vw 0; width: 18vw; height: 18vw; font-size: 9px; } }

@media all and (max-width: 1008px) { a .square-link img { width: 30vw; } }

a .square-link:before { content: ""; /* background-color: $colorBlueDark; */ }

a .square-link:hover { background-blend-mode: soft-light; }

.grid-box-square:nth-child(5) a .square-link { /* background-color: $colorBlueLight; */ }

a:hover .square-link { background-color: #d2e1f0 !important; color: #003565; }

.innovation.grid-container-c-1d1 .grid-container-title { text-align: center; }

.innovation.grid-container-c-1d1 .grid-box { width: 700px; margin: 0 auto; }

@media all and (max-width: 1008px) { .innovation.grid-container-c-1d1 .grid-box { width: 100%; margin: auto; } }

.innovation.grid-container-c-2d3-1d3 .grid-slot-2d3 { width: 630px; margin-right: 0; }

@media all and (max-width: 1008px) { .innovation.grid-container-c-2d3-1d3 .grid-slot-2d3 { width: 100%; margin-bottom: 40px; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .innovation.grid-container-c-2d3-1d3 .grid-slot-2d3 { width: 630px; margin-right: 0; } }

.innovation.grid-container-c-2d3-1d3 .grid-slot-2d3 .grid-box { margin: 0 auto; }

.innovation.grid-container-c-2d3-1d3 .grid-slot-1d3 { width: 615px; height: 660px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

@media all and (max-width: 1008px) { .innovation.grid-container-c-2d3-1d3 .grid-slot-1d3 { height: unset; width: 100%; padding-top: 20px; } }

@media all and (max-width: 1260px) and (min-width: 1008px) { .innovation.grid-container-c-2d3-1d3 .grid-slot-1d3 { width: 360px; margin-right: 0; } }

.grid-box-sociallinks.white { padding-bottom: 20px !important; }

.grid-box-sociallinks svg { margin-bottom: -10px; }

.grid-box-sociallinks .sociallinks__btn svg { display: none; }

.grid-box-sociallinks a { border-bottom: none; }

.grid-box-sociallinks a:hover { border-bottom: none; }

.grid-box-sociallinks ul { list-style: none; }

.grid-box-sociallinks li { margin-bottom: 18px; float: left; width: 50%; }

@media all and (max-width: 1260px) { .grid-box-sociallinks li { float: none; } }

.grid-box-sociallinks span.sociallinks__label { margin-left: 20px; }

.newsletter-box a { border-bottom: none; }

.newsletter-box a:hover { border-bottom: none; }

.cr_site { margin: 0; padding: 75px 0 0 0; text-align: center; background-color: #eeeeee; }

.cr_page { width: 100% !important; max-width: 640px; }

.cr_body label, .cr_body .label { float: none; clear: both; display: inline-block; width: auto; margin-top: 8px; text-align: left; font-weight: bold; position: relative; }

.cr_body .no-label { font-weight: normal; }

.cr_body #editable_content { padding: 20px; }

.cr_captcha { padding-left: 130px; }

.cr_error { font-size: 1.1em; padding: 10px; }

.clever_form_error { background-color: #f99; color: #000; border: 1px solid #f22 !important; }

.clever_form_note { margin: 26px 0 0 3px; position: absolute; display: inline; padding: 2px 4px; font-weight: bold; background-color: #f2ecb5; color: #000; font-size: 12px !important; }

.cr_form-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.cr_form-flex > .cr_form-inputgroup { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 5px; }

.cr_form-flex > .cr_form-inputgroup:last-child { margin-right: 0px; }

.cr_form-flex input { width: 100%; }

.cr_site { background-color: #ffffff; }

.cr_body { color: #000000; background-color: #ffffff; }

.cr_header { color: #003366; }

.cr_hr { background-color: #707070; color: #707070; }

.cr_site a { color: #73a0ca; }

.imprint { color: #707070; }

.cr_page { width: auto; max-width: 700px; }

.cr_button { background-color: #003366; }

.page-node-type-page .field--name-body { width: 1260px; margin: auto; }

.field--name-body a { color: #75A0CE; text-decoration: none; }

.field__item a { color: #75A0CE; text-decoration: none; }

.field--type-entity-reference a, .node--type-person a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.hide-first-box .arrow-down img { display: none; }

.hide-first-box .arrow-down p { display: none; }

.content-toggle .grid-box-title { display: none; }

.grid-box-toggle .is-expanded .arrow-down:before { -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; }

.grid-box-toggle .is-expanded .arrow-down:after { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }

.user-login-form { width: 800px; margin: auto; }

.user-login-form #edit-name--description { margin-left: 150px; }

.user-login-form #edit-pass--description { margin-left: 100px; }

.button { padding: 10px 1.25rem; border-radius: 6rem; color: #fff; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: #75A0CE; }

.button:hover { color: #fff; background-color: #4179b6; -webkit-transition: all .3s; transition: all .3s; }

.button:hover:before { width: 100%; }

.cr_button { padding: 10px 1.25rem; border-radius: 6rem; color: #fff; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: #75A0CE; }

.cr_button:hover { color: #fff; background-color: #4179b6; -webkit-transition: all .3s; transition: all .3s; }

.cr_button:hover:before { width: 100%; }

.buttonlink { padding: 5px 1.25rem; border-radius: 6rem; color: #fff !important; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: #75A0CE; margin-right: 5px; }

.buttonlink:hover { color: #fff; background-color: #4179b6; -webkit-transition: all .3s; transition: all .3s; }

.buttonlink:after { content: ' '; background-image: url("https://lzh.de/sites/default/files/2021-04/download.png"); background-repeat: no-repeat; background-size: 20px; padding-right: 20px; margin-left: 10px; }

.webform-submission-form { width: 1240px; margin: auto; }

@media all and (max-width: 1008px) { .webform-submission-form { width: 100%; } }

.webform-submission-form .form-text { display: block; }

@media all and (max-width: 1008px) { .webform-submission-form .form-text { width: 90%; } }

.webform-submission-form .form-email { display: block; }

@media all and (max-width: 1008px) { .webform-submission-form .form-email { width: 90%; } }

.webform-submission-form .form-textarea { max-width: 647px; }

@media all and (max-width: 1008px) { .webform-submission-form .form-textarea { width: 90%; } }

.webform-confirmation { width: 820px; margin: auto; }

.webform-confirmation a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.contextual-region.profile { width: 820px; margin: auto; }

.pressemitteilung .field__label { display: none; }

.pressemitteilung .field--name-field-media-image { width: 150px; margin-right: 20px; margin-bottom: 5px; }

.pressemitteilung .field--name-field-media-image a { text-decoration: none; border-bottom: 0; }

.pressemitteilung .field--name-field-media-image .field--type-entity-reference a { font-size: 15px; }

.pressemitteilung .field--name-field-media-image img { width: 150px; height: auto; }

.pressemitteilung .imagewrapper .field__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.pressemitteilung .imagewrapper .field__items .field__item { width: 150px; margin-right: 20px; }

.pressemitteilung .node--type-person { margin-left: 0; }

.pressemitteilung, .news, .stellenausschreibung, .job, .press-releases { color: #A6A6A6; }

.node--view-mode-teaser-headline-image-3-2 .pressemitteilung { display: none; }

.thematic-focus-box { background-position: center; background-size: cover; 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; min-height: 400px; overflow: hidden; position: relative; text-rendering: optimizeLegibility; margin-left: 0; margin-right: 0; }

.thematic-focus-box h1 a, .thematic-focus-box h2 a, .thematic-focus-box h3 a, .thematic-focus-box h4 a, .thematic-focus-box h5 a, .thematic-focus-box h6 a { text-decoration: none; }

.grid-box:not(.grid-box--transparent) .thematic-focus-box:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.thematic-focus-box__video { position: absolute; top: 0; width: 100%; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; }

.thematic-focus-box__video--right { bottom: 0; right: 0; }

.thematic-focus-box__words { box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 32px 32px 24px; position: relative; text-align: center; }

.thematic-focus-box__words .thematic-focus-box__more-link { padding: 10px 1.25rem; border-radius: 6rem; color: #75A0CE; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: white; text-shadow: none; }

.thematic-focus-box__words .thematic-focus-box__more-link:hover { color: #fff; background-color: #75A0CE; -webkit-transition: all .3s; transition: all .3s; }

.grid-slot-1d1 .thematic-focus-box__words { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; padding-right: 20px; text-align: left; }

.thematic-focus-box__intro { color: white; text-transform: uppercase; margin-bottom: -16px; font-size: 16px; }

.thematic-focus-box__title { color: white; margin: 10px 0; overflow: visible; /* shadow */ }

.grid-box[class*="color--"] .thematic-focus-box__title { color: inherit; }

.thematic-focus-box__title a { color: inherit; }

.thematic-focus-box__title a:hover { color: inherit; }

.thematic-focus-box__title-and-intro { text-shadow: 0 0 10px black; }

.thematic-focus-box__description { color: white; }

.thematic-focus-box__description p, .thematic-focus-box__description a { color: inherit; text-rendering: optimizeLegibility; text-shadow: 0 0 10px black; }

.thematic-focus-box__more-link-wrapper { margin-bottom: 30px; padding: 40px 0 20px; }

.thematic-focus-box__link { color: white; display: block; text-decoration: none; padding: 10px 20px 20px; margin-bottom: 20px; background-color: rgba(117, 160, 206, 0.4); }

.thematic-focus-box__link + .thematic-focus-box__link:before { content: ""; display: block; }

.thematic-focus-box__link:hover { color: white; text-shadow: none; }

.thematic-focus-box__link-intro { display: block; text-transform: uppercase; letter-spacing: .5px; font-size: 16px; }

.thematic-focus-box__link-label { display: block; font-size: 20px; line-height: 1.2; }

@media all and (max-width: 1008px) { .thematic-focus-box__link-label { font-size: 16px; } }

.thematic-focus-box__links { max-width: 70%; margin-left: auto; margin-right: auto; }

.grid-slot-1d1 .thematic-focus-box__links { max-width: 40%; margin-left: 0; margin-right: 0; }

.grid-box-thematic_focus.blue { background-color: rgba(0, 0, 255, 0.5); background-blend-mode: multiply; }

.grid-box-thematic_focus.blue img { opacity: 0.5; }

.grid-box-thematic_focus.blue video { opacity: 0.5; }

.grid-box-thematic_focus.blue .thematic-focus-box { background-blend-mode: lighten; background-color: rgba(0, 0, 255, 0.5); }

.grid-box-thematic_focus.white { background-color: rgba(255, 255, 255, 0.5); border: none; }

.grid-box-thematic_focus.white img { opacity: 0.2; }

.grid-box-thematic_focus.white video { opacity: 0.2; }

.grid-box-thematic_focus.white .thematic-focus-box__title-and-intro { text-shadow: 0 0 0 black; }

.grid-box-thematic_focus.white h2 { color: #333333; }

.grid-box-thematic_focus.white p, .grid-box-thematic_focus.white a { color: #333333; text-rendering: optimizeLegibility; text-shadow: none; }

.grid-box-thematic_focus.white .thematic-focus-box { background-blend-mode: lighten; background-color: rgba(255, 255, 255, 0.6); }

.grid-box-thematic_focus.white .thematic-focus-box__intro { color: #333333; }

.grid-box-thematic_focus.white .thematic-focus-box__link { background-color: rgba(255, 255, 255, 0.3); }

.grid-box-thematic_focus.white .thematic-focus-box__links a { color: #000; border-bottom: 1px solid #cccccc !important; }

.grid-box-thematic_focus.white .thematic-focus-box__more-link { padding: 10px 1.25rem; border-radius: 6rem; color: white; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: #75A0CE; text-shadow: none; }

.grid-box-thematic_focus.white .thematic-focus-box__more-link:hover { color: #fff; background-color: #4179b6; -webkit-transition: all .3s; transition: all .3s; }

.grid-box-thematic_focus { padding: 0 !important; color: white; }

.grid-box-thematic_focus p, .grid-box-thematic_focus h2 { color: white; }

.grid-box-thematic_focus a { color: white; text-decoration: none; border-bottom: 1px solid white; }

.grid-box-thematic_focus .thematic-focus-box { min-height: 50vh; background-size: cover; background-position: center center; background-blend-mode: multiply; }

.grid-box-thematic_focus .thematic-focus-box__description { max-width: 500px; }

.grid-box-thematic_focus .thematic-focus-box__link { text-decoration: none; margin-right: 30px; }

@media all and (max-width: 1260px) and (min-width: 1008px) { .grid-box-thematic_focus .thematic-focus-box__links { max-width: 100%; float: left; }
  .grid-box-thematic_focus .thematic-focus-box__links .grid-box-thematic_focus .thematic-focus-box__link { text-decoration: none; margin-right: 30px; float: left; width: 100%; max-width: 400px; }
  .grid-box-thematic_focus .thematic-focus-box__links .thematic-focus-box__more-link-wrapper { margin-bottom: 30px; padding: 40px 0 20px; margin-top: -40px; } }

@media all and (min-width: 1008px) and (max-width: 1260px) { .thematic-focus-box__header { width: 100%; }
  .grid-box-thematic_focus .thematic-focus-box__links { display: none; } }

@media all and (max-width: 1008px) { .thematic-focus-box__header { width: 100%; }
  .grid-box-thematic_focus .thematic-focus-box__links { display: none; } }

@media all and (min-width: 1260px) { .thematic-focus-box__links_mobile { display: none; } }

.thematic-focus-box__links_mobile .thematic-focus-box__link { margin-top: -20px; background-color: #ffffff; }

.thematic-focus-box__links_mobile a:hover { color: #003565; }

.path-dissertationen .view-dissertationen { width: 800px; margin: auto; margin-bottom: 30px; }

@media all and (max-width: 1008px) { .path-dissertationen .view-dissertationen { width: 100%; margin: auto; } }

.path-dissertationen .view-dissertationen .views-field-title { display: block; }

.path-dissertationen .view-dissertationen .views-field-field-author:after { content: ","; }

@media all and (max-width: 1008px) { .path-dissertationen .view-dissertationen .views-element-container { margin-bottom: 30px; } }

.path-dissertationen .view-dissertationen .views-row { margin-bottom: 30px; color: #333333; }

.path-dissertationen .view-dissertationen .views-field-title { font-size: 18px; font-weight: 800; }

.path-dissertationen .view-dissertationen a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; margin-right: 20px; }

.path-dissertationen .view-dissertationen a.is-active { color: #003565 !important; }

.path-dissertationen .view-dissertationen a:hover { color: #003565; text-decoration: none; border-bottom: 1px solid #003565; }

.path-dissertationen .view-dissertationen .views-field-field-author { font-size: 18px; float: left; margin-right: 5px; }

.path-dissertationen .view-dissertationen .views-field-field-press-date { font-style: italic; font-size: 18px; }

.fullmedia { width: 850px; margin: 0 auto; }

.fullmedia img { width: 50%; height: auto; max-width: 600px; }

.fullmedia .caption { font-size: 12px; line-height: 15px; color: #a6a6a6; margin-top: -5px; margin-bottom: 15px; width: 66%; }

.fullmedia a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.fullmedia a:hover { border-bottom: 1px solid #003565; }

.grid-slot-1d3 .grid-box-new-video { margin-bottom: 0 !important; }

.grid-slot-1d3 .grid-box-new-video video { height: 230px; }

.grid-slot-1d3 .grid-box-new-video video[poster] { -o-object-fit: cover; object-fit: cover; }

@media (max-width: 1008px) { tr, td, th, thead, tbody, table { display: block; } }

@media (max-width: 1008px) { thead, tbody, table { width: 45%; } }

@media (min-width: 1008px) and (max-width: 1260px) { tbody, table, dtvp-table { display: block; width: 50% !important; } }

.dtvp-table { display: block; }

@media (max-width: 1008px) { .dtvp-table table tbody { display: table; width: 100%; } }

.dtvp-table tr { border-bottom: 1px solid #d2e1f0; font-size: 15px; color: #333333; }

@media (max-width: 1008px) { .dtvp-table tr { margin-right: 5px; margin-left: 5px; text-align: left; } }

.dtvp-table th { padding-right: 30px; }

.dtvp-table td { font-size: 15px; color: #333333; text-align: left; padding-bottom: 15px; padding-top: 15px; padding-right: 30px; }

@media (max-width: 1008px) { .dtvp-table td { padding-top: 5px; padding-bottom: 5px; } }

.dtvp-table td a { color: #75A0CE; border-bottom: 1px solid #75A0CE; margin-left: 30px; }

@media (max-width: 1008px) { .dtvp-table td a { margin-left: 0; } }

.path-node.page-node-type-person .node__content { width: 820px; margin: auto; }

@media all and (max-width: 1008px) { .path-node.page-node-type-person .node__content { width: 100%; } }

.node--type-person { color: #333333; }

.node--type-person .field__item a { color: #75A0CE; border-bottom: 1px solid #75A0CE; }

.node--type-person .field--name-field-teaser-image { margin-bottom: 15px; }

.node--type-person .field--name-field-position { font-size: 22px; }

.node--type-person img { width: 350px; height: auto; }

.node--type-person .field--name-field-abteilung { margin-bottom: 15px; }

.node--type-person .person-name { margin-bottom: 60px; width: 100%; font-size: 22.5px; }

.node--type-person .person-name .field--name-field-person-title { float: left; margin-right: 5px; }

.node--type-person .person-name .field--name-field-first-name { float: left; margin-right: 5px; }

.node--type-person .person-name .field--name-field-last-name { float: left; }

.node--type-person .person-contact { margin-bottom: 45px; }

.node--type-person .field--type-text-long { margin-bottom: 20px; }

.node--type-person .field--type-text-long .field__label { margin-bottom: 10px; }

.grid .node--type-person .field--name-field-teaser-image .field__label { display: none; }

.grid .node--type-person .field--name-title { color: #000 !important; }

.page-node-type-job .node__content { width: 820px; margin: auto; }

.path-node.page-node-type-job .node--type-job { width: 800px; margin: auto; }

@media all and (max-width: 1008px) { .path-node.page-node-type-job .node--type-job { width: 100%; } }

.path-node.page-node-type-job .node--type-job .region-content { margin-top: -105px; float: none; }

@media all and (max-width: 1260px) { .path-node.page-node-type-job .node--type-job .region-content { float: none; max-width: 100%; } }

.path-node.page-node-type-job .node--type-job .region-content .node__content { width: 1260px; margin: auto; }

.path-node.page-node-type-job .node--type-job .region-content figure { margin: 0; }

.path-node.page-node-type-job .node--type-job .region-content .media--view-mode-gallery-2-1 img { width: 1260px; height: auto; }

.page-node-type-job .node__content { width: 820px; margin: auto; }

@media all and (max-width: 1008px) { .page-node-type-job .node__content { width: 100%; margin: auto; } }

.page-node-type-job .node__content .job { color: #A6A6A6; }

.page-node-type-job figure { margin: 0; }

.page-node-type-job .teasertextwrapper { border-bottom: 1px solid #75A0CE; margin-bottom: 30px; }

.page-node-type-job .teaserimagewrapper img { max-width: 820px; height: auto; }

@media all and (max-width: 1008px) { .page-node-type-job .teaserimagewrapper img { width: 100%; margin: auto; } }

.page-node-type-job .field--name-field-teaser-image-caption { margin-left: 20px; }

.page-node-type-job .align-left { margin-left: -220px; max-width: 600px; margin-right: 30px; height: auto; }

.page-node-type-job .align-left img { max-width: 100%; height: auto; }

@media all and (max-width: 1260px) { .page-node-type-job .align-left { margin-right: 0px; margin-left: 0px; float: none; } }

.page-node-type-job .align-left figcaption { margin-left: 20px; }

@media all and (max-width: 1260px) { .page-node-type-job .align-left figcaption { margin-left: 0px; text-align: center; } }

.page-node-type-job .align-right { margin-right: -220px; max-width: 600px; margin-left: 30px; height: auto; }

.page-node-type-job .align-right img { max-width: 100%; height: auto; }

@media all and (max-width: 1260px) { .page-node-type-job .align-right { margin-right: 0px; margin-left: 0px; float: none; } }

.page-node-type-job .align-right figcaption { margin-left: 20px; }

@media all and (max-width: 1260px) { .page-node-type-job .align-right figcaption { margin-left: 0px; text-align: center; } }

.page-node-type-job .align-center { margin: auto; max-width: 600px; height: auto; }

.page-node-type-job .align-center figcaption { text-align: center; }

.page-node-type-job figcaption { display: block; font-size: 15px; font-weight: 200; color: #a6a6a6; }

@media all and (max-width: 1260px) { .page-node-type-job figcaption { margin-left: 0px; text-align: center; } }

.page-node-type-event .event-info-wrapper { border: 1px solid #a6a6a6; padding: 0 10px 10px; margin: 0 0 20px; max-width: 380px; float: left; }

.page-node-type-event .event-info-wrapper .field__label { margin-top: 0; }

.page-node-type-event .event-teaser-wrapper { float: left; max-width: 360px; margin-right: 20px; }

.page-node-type-event .event-teaser-wrapper img { width: 100%; height: auto; }

.views-row.views-row-first .node--type-event.node--view-mode-teaser { border-top: none; }

.views-row .node--type-event.node--view-mode-teaser { padding: 10px; padding-left: 0; margin-bottom: 10px; width: 1260px; border-top: 1px solid #75A0CE; min-height: 90px; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser { width: auto; } }

.views-row .node--type-event.node--view-mode-teaser h2 a :hover { border-bottom: 0px solid #003565 !important; }

.views-row .node--type-event.node--view-mode-teaser .field--name-title { float: left; width: 60%; margin-left: 0; margin-bottom: 10px; font-size: 16px; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser .field--name-title { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-event.node--view-mode-teaser h2 { padding-bottom: 0; font-size: 20px; }

.views-row .node--type-event.node--view-mode-teaser .field--name-field-date { color: #000000; float: left; width: 20%; margin-left: 20px; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser .field--name-field-date { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-event.node--view-mode-teaser .date-teaser { color: #000000; font-size: 16px; float: right; width: 40%; text-align: right; margin-left: 20px; margin-top: -40px; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser .date-teaser { margin-top: 0; float: none; width: 100%; margin-left: 0; text-align: left; } }

.views-row .node--type-event.node--view-mode-teaser .field--name-field-location { float: right; font-size: 16px; text-align: center; margin-right: 0; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser .field--name-field-location { float: none; width: 100%; margin-left: 0; margin-top: 0; margin-right: 0; text-align: left; } }

.views-row .node--type-event.node--view-mode-teaser .field--type-image { width: 20%; display: none; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser .field--type-image { width: 100%; } }

.views-row .node--type-event.node--view-mode-teaser img { width: 100%; float: left; }

@media all and (max-width: 1008px) { .views-row .node--type-event.node--view-mode-teaser img { float: none; } }

.views-row .node--view-mode-teaser-headline-image-3-2 { border: 1px solid #75A0CE; padding: 10px; margin-bottom: 10px; }

.views-row .node--view-mode-teaser-headline-image-3-2 h2 { padding-bottom: 0; font-size: 20px; }

.views-row .node--view-mode-teaser-headline-image-3-2 .field--name-field-date { color: #000000; }

.views-row .node--view-mode-teaser-headline-image-3-2 .date-teaser { color: #000000; font-size: 16px; }

.views-row .node--view-mode-teaser-headline-image-3-2 img { width: 100%; height: auto; }

.field--name-field-registration-link .field__label { margin-top: 0; }

/*.grid { .views-row .node--type-event { .field--name-field-teaser-image { float: left; } .field--name-title { float: left!important; border: 1px solid red; // width: 20%; } .date-teaser { float: right; } .field--name-field-location { float: right; } } } */
.view-articles-by-format .view-content { width: 800px; margin: auto; /* Hotfixes from #231 */ }

.view-articles-by-format .view-content img { width: 100%; height: auto; }

.view-articles-by-format .view-content h2 a { color: #000; text-decoration: none; }

@media all and (max-width: 1008px) { .view-articles-by-format .view-content { width: calc(100% - 40px); } }

.view-articles-by-format .view-content .pressdate { margin-bottom: 5px; margin-top: 25px; font-size: 20px; }

.view-articles-by-format .view-content .presstitle a { color: #535353; }

.views-row .node--type-dissertations { margin-bottom: 20px; }

.view-display-id-page_1 .field--type-image { margin-right: 20px; }

.view-display-id-page_1 .field--type-image img { height: 190px; width: auto; max-width: none; }

.view-display-id-page_1 .image-wrapper { float: left; margin-bottom: 60px; }

.view-display-id-page_1 .none-image-wrapper { float: left; width: 400px; margin-bottom: 60px; }

.view-display-id-page_1 .none-image-wrapper .readmore { margin-top: -25px; margin-bottom: 15px; display: block; }

.view-display-id-page_1 .none-image-wrapper .person { border: 1px solid #ccc; padding: 10px; }

.node--view-mode-teaser-minimal { margin-bottom: 35px; }

.node--view-mode-teaser-minimal .pressdate { margin-bottom: 0; margin-top: -10px; }

body { /* hyphens: auto; */ }

.layout-content { margin: 260px 20px 20px; }

.underlineheader { height: 2px; background-color: #003565; width: 1260px; margin-bottom: 20px; margin-top: -15px; }

@media all and (max-width: 1008px) { .underlineheader { width: 100%; } }

/* .path-frontpage { .block-page-title-block { display: none; } } */
.grid-container-c-1d1 .grid-box-event { width: 100%; }

.grid-container-c-1d1 .grid-box-event .views-row img { width: 200px; height: auto; }

.node--view-mode-title-only .field--name-field-press-date { float: left; font-style: normal; }

.node--view-mode-title-only .field--name-field-press-date:after { content: " "; margin-right: 10px; margin-left: -5px; }

.presstitle { display: block; width: calc(100% - 130px); max-width: 450px; }

.media--view-mode-gallery-3-2 img { height: auto !important; }

@media all and (max-width: 1008px) { .caption .media .field, .caption .media .field * { float: none; margin: unset; width: 100%; }
  figure.caption-drupal-media.align-center { margin-right: unset; margin-left: unset; } }

.block-lzh-search-biblioperson { max-width: 820px; margin: auto; }

.block-lzh-search-biblioperson .is-expanded .arrow-down:before { -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; }

.block-lzh-search-biblioperson .is-expanded .arrow-down:after { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }

.grid-box-searchform input#edit-keyword.form-text { width: 400px; margin-right: 20px; }

@media all and (max-width: 1008px) { .grid-box-searchform input#edit-keyword.form-text { width: 300px; } }

.grid-box-searchform #edit-year { margin-right: 20px; }

.grid-box-searchform .biblio-year-list { padding-left: 0; padding-top: 90px; padding-bottom: 30px; }

@media all and (max-width: 1008px) { .grid-box-searchform .biblio-year-list { padding: 0; } }

.grid-box-searchform ul.biblio-year-list { list-style: none; }

.grid-box-searchform .biblio-year-list li { display: inline-block; margin: 0 10px 10px 0; border-right: 1px solid #75A0CE; padding-right: 10px; }

@media all and (max-width: 1008px) { .grid-box-searchform .biblio-year-list li { width: 60px; display: inline-block; border-right: none; } }

@media all and (max-width: 1008px) { .grid-box-searchform .form--inline .form-item { float: none !important; margin-right: 0.5em; } }

.grid-box-searchform .button { margin-left: 0; }

.node.node--type-biblio.node--view-mode-full .biblio-list-put { display: inline-block; }

.node.node--type-biblio.node--view-mode-full .biblio-type { font-size: 16px; }

.node.node--type-biblio.node--view-mode-full .field--name-field-month-of-publication:after { content: ","; }

.node.node--type-biblio.node--view-mode-full .doi { font-size: 16px; }

.bookchapters .field--name-title, .books .field--name-title { color: #75A0CE !important; text-decoration: underline; text-underline-offset: 2px; }

.bookchapters a, .books a { border-bottom: none !important; }

.bookchapters .field--name-title:after, .books .field--name-title:after { content: "." !important; color: black; border-bottom: none !important; margin-left: -5px; margin-right: 5px; }

.node.node--type-biblio.node--view-mode-teaser { margin-bottom: 40px; }

@media all and (max-width: 1008px) { .node.node--type-biblio.node--view-mode-teaser { margin-bottom: 40px; } }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-biblio-authors { display: contents; }

.node.node--type-biblio.node--view-mode-teaser .field--name-title { color: #75A0CE !important; text-decoration: underline; text-underline-offset: 2px; }

.node.node--type-biblio.node--view-mode-teaser a { border-bottom: none !important; }

.node.node--type-biblio.node--view-mode-teaser .field--name-title:after { content: "."; color: black; border-bottom: none !important; margin-left: 0 !important; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-number:before { content: "("; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-number:after { content: ")" !important; }

.node.node--type-biblio.node--view-mode-teaser .field__item { margin-right: 5px; display: inline; }

.node.node--type-biblio.node--view-mode-teaser .field__item:after { content: ","; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-pages.field__item:after { content: " "; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-year-publication:before { content: "("; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-year-publication:after { content: ")"; }

.node.node--type-biblio.node--view-mode-teaser .field--name-field-year-publication { float: none; }

.node--type-biblio { max-width: 820px; margin-top: 90px; margin: auto; }

@media all and (max-width: 1008px) { .node--type-biblio { width: 100%; } }

.node--type-biblio.node--view-mode-full a { color: #75A0CE; }

.node--type-biblio.node--view-mode-full .field--name-field-biblio-authors { display: flow-root; margin-bottom: 10px; }

.node--type-biblio.node--view-mode-full .field--name-field-biblio-authors .field__item { float: left; margin-right: 5px; }

.node--type-biblio.node--view-mode-full .field--name-field-biblio-authors .field__item:after { content: ","; }

.node--type-biblio.node--view-mode-full .field--name-field-biblio-authors .field__item:last-of-type:after { content: " "; }

.node--type-biblio.node--view-mode-full .field--name-field-number:before { content: "("; }

.node--type-biblio.node--view-mode-full .field--name-field-number:after { content: ")"; }

.node--type-biblio.node--view-mode-full .field--name-field-volume:after { content: ","; }

.node--type-biblio.node--view-mode-full .field--name-field-year-publication:before { content: "("; }

.node--type-biblio.node--view-mode-full .field--name-field-year-publication:after { content: ")" !important; }

.node--type-biblio.node--view-mode-full .field--name-field-year-publication { float: none; }

.node--type-biblio.node--view-mode-full .biblio-list-put .field__item { float: left; margin-right: 5px; margin-top: -5px; font-size: 16px; }

.node--type-biblio.node--view-mode-full .node__content { font-size: 16px; margin-top: 30px; }

.node--type-biblio.node--view-mode-full .node__content .field--type-text-with-summary { margin-top: 30px !important; font-size: 18px; }

.node--type-biblio.node--view-mode-full .node__content .text-formatted { margin-top: -15px !important; }

.node--type-biblio.node--view-mode-full .node__content .doi { margin-top: 5px; }

.node--type-biblio.node--view-mode-full .node__content .abstract { margin-top: 30px; margin-bottom: 30px; font-size: 22.5px; font-weight: 600; }

/** @license CookieJSR v1.0.12 file: cookiesjsr.min.css Copyright (c) Joachim Feltkamp, Hamburg, Germany. This source code is licensed under the CC BY-ND license found in the LICENSE file in the root directory of this source tree. */
.cookiesjsr-btn { cursor: pointer; font: inherit; width: calc(100% - 2.5em); text-transform: uppercase; padding: 0 .8em; font-size: .85em; text-decoration: none; white-space: nowrap; margin: .625em; opacity: .95; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease; transition: all .3s ease; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 42px; color: #fff; color: var(--btn-font-color, #fff); border: 2px solid #fff; border: 2px solid var(--btn-border-color, #fff); background-color: #003565 !important; background-color: var(--btn-bg-color, #003565); }

@media (min-width: 576px) { .cookiesjsr-btn { min-height: 48px; } }

@media (min-width: 992px) { .cookiesjsr-btn { padding: 0 2em; } }

.cookiesjsr-btn:hover { opacity: 1; -webkit-transform: scale(1.02); transform: scale(1.02); }

.cookiesjsr-btn.invert { color: #003565 !important; color: var(--btn-inv-font-color, #003565); border-color: #003565 !important; border-color: var(--btn-inv-border-color, #003565); background-color: #ffffff !important; background-color: var(--btn-inv-bg-color, #fff); }

.cookiesjsr-btn.important { color: #003565; color: var(--btn-prime-font-color, #003565); border-color: #fff; border-color: var(--btn-prime-border-color, #fff); background-color: #fff !important; background-color: var(--btn-prime-bg-color, #fff); }

.cookiesjsr-btn.important.invert { color: #fff; color: var(--btn-prime-inv-font-color, #fff); border-color: #003565 !important; border-color: var(--btn-prime-inv-border-color, #003565); background-color: #003565 !important; background-color: var(--btn-prime-inv-bg-color, #003565); }

.cookiesjsr-btn.invert.important.dialog-last-tab { background-color: #ffffff !important; }

.cookiesjsr-links { list-style: none; margin: 0 -.75em; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 576px) { .cookiesjsr-links.links--row { -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: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } }

.cookiesjsr-links.links--row li { margin: 0; padding-left: .75em; padding-right: .75em; position: relative; }

.cookiesjsr-links.links--row li a { margin: 0; padding: 0; line-height: 2em; display: inline-block; }

.cookiesjsr-links.links--row li:first-child:before { content: none; }

@media (min-width: 576px) { .cookiesjsr-links.links--row li:before { content: ""; position: absolute; top: 50%; left: 0; width: .3em; height: .3em; background-color: #fff; background-color: var(--link-list-separator-color, #fff); -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); } }

.cookiesjsr-btn.denyAll { display: none; }

@media (min-width: 1200px) { .cookiesjsr-btn.denyAll { display: inline-block; } }

.cookiesjsr-switch { position: relative; margin: 0; padding: 0; display: block; width: 45px; width: var(--switch-width, 45px); height: 20px; height: var(--switch-height, 20px); border-radius: 20px; border-radius: var(--switch-height, 20px); background-color: #fff; background-color: var(--switch-bg-off, #fff); cursor: pointer; box-shadow: inset -1px 2px 1px rgba(0, 0, 0, 0.25); border: 0; -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; }

.cookiesjsr-switch:focus-within:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 10px; border: 1px dotted #eee; -webkit-transform: scale(1.4); transform: scale(1.4); }

.cookiesjsr-switch:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 20px; width: var(--switch-height, 20px); height: 20px; height: var(--switch-height, 20px); border-radius: 20px; border-radius: var(--switch-height, 20px); -webkit-transform: scale(1.2); transform: scale(1.2); background-color: #fff; background-color: var(--switch-handle-color, #fff); border: 1px solid #e4e5e6; border: 1px solid var(--switch-border-color, #e4e5e6); -webkit-transition: left .1s ease-in-out; transition: left .1s ease-in-out; box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.25); }

.cookiesjsr-switch.active { background-color: #0a0; background-color: var(--switch-bg-on, #0a0); }

.cookiesjsr-switch.active:after { left: 25px; }

.cookiesjsr-switch input[type=checkbox] { position: absolute; opacity: 0; }

.cookiesjsr-banner { position: fixed; z-index: 10000; left: 0; bottom: 0; height: auto; width: 100vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; padding: 1em; background-color: #003565 !important; background-color: var(--banner-bg-color, #003565); color: #fff; color: var(--banner-font-color, #fff); max-height: calc(100vh - 100px); overflow: auto; -webkit-transform: translateY(100%); transform: translateY(100%); transition: -webkit-transform .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }

.cookiesjsr-banner.active { -webkit-transform: translateY(0); transform: translateY(0); }

@media (min-width: 768px) { .cookiesjsr-banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.cookiesjsr-banner a { color: #fff; color: var(--link-list-font-color, #fff); }

.cookiesjsr-banner--action, .cookiesjsr-banner--info { width: 100%; }

@media (min-width: 768px) { .cookiesjsr-banner--action, .cookiesjsr-banner--info { width: 50%; } }

.cookiesjsr-banner--info { padding: 0 1.25em; padding: 0 var(--default-margin, 1.25em); margin-bottom: 1.25em; margin-bottom: var(--default-margin, 1.25em); max-height: calc(100vh - 100px - 2.5em); overflow: auto; }

.cookiesjsr-banner--text { display: block; }

.cookiesjsr-banner--links { margin-top: .5em; font-size: .85em; }

.cookiesjsr-banner--action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; }

@media (min-width: 420px) { .cookiesjsr-banner--action { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.cookiesjsr-banner button.denyAll { display: none; }

@media (min-width: 1200px) { .cookiesjsr-banner button.denyAll { display: inline-block; } }

.cookiesjsr-service-groups { position: static !important; display: block; max-height: 100%; overflow: auto; list-style: none; margin: 0 0 -1px !important; padding: 0 !important; }

.cookiesjsr-service-group { position: static !important; line-height: 1.5em; list-style: none; }

.cookiesjsr-service-group--tab { min-height: 3em; padding: 1em 1.25em; padding: 1em var(--default-margin, 1.25em); display: block; width: 100%; text-decoration: none; text-align: left; cursor: pointer; font-weight: 700; margin: 0; border: 0; color: #000f37; color: var(--layer-tab-font-color, #000f37); background: #fff; background: var(--layer-tab-bg-color, #fff); border-bottom: 1px solid #e4e5e6; border-bottom: 1px solid var(--layer-border-color, #e4e5e6); -webkit-appearance: none; -moz-appearance: none; }

.cookiesjsr-service-group--tab:last-child { border-bottom: 0; }

@media (min-width: 768px) { .cookiesjsr-service-group--tab { padding: 1em 3.25em 1em 1.25em; width: calc(30% + 2em); } }

.cookiesjsr-service-group--content { display: none; }

@media (min-width: 768px) { .cookiesjsr-service-group--content { position: absolute; width: 70%; height: 100%; overflow: auto; right: 0; top: 0; } }

.cookiesjsr-service-group--intro { padding: 1em 1.25em; padding: 1em var(--default-margin, 1.25em); }

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab { color: #fff; color: var(--layer-tab-active-font-color, #fff); background: #003565 !important; background: var(--layer-tab-active-bg-color, #003565); border-bottom: 0; }

.cookiesjsr-service-group.active .cookiesjsr-service-group--content { display: block; color: #fff; color: var(--layer-tab-active-font-color, #fff); background: #003565 !important; background: var(--layer-tab-active-bg-color, #003565); font-weight: 500; }

.cookiesjsr-service-group--services { margin: 0 !important; padding: 0 !important; }

.cookiesjsr-service { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: rgba(228, 229, 230, 0); -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }

.cookiesjsr-service:hover { background-color: rgba(228, 229, 230, 0.1); }

.cookiesjsr-service--description { padding: .625em 1.25em; width: calc(100% - 2.5em - 45px); }

.cookiesjsr-service--description h3 { margin: 0; font-size: 1.125em; font-weight: 400; color: #fff; color: var(--layer-font-light, #fff); }

.cookiesjsr-service--links a { font-size: .75em; }

.cookiesjsr-service--links a, .cookiesjsr-service--links a:active, .cookiesjsr-service--links a:hover, .cookiesjsr-service--links a:visited { color: #fff; color: var(--layer-font-light, #fff); }

.cookiesjsr-service--action { padding: .625em 1.25em; width: calc(2.5em + 45px); }

.cookiesjsr-service--always-on { color: #0a0; color: var(--switch-always-on-font-color, #0a0); text-align: right; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; white-space: nowrap; }

.cookiesjsr-service--always-on span { background-color: #fff; background-color: var(--switch-always-on-bg-color, #fff); padding: 0 .5em; }

.cookiesjsr-layer { display: block; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; background: var(--layer-header-bg-color, #fff); height: 100vh; width: 100vw; max-width: 100%; z-index: 314160; padding: 3.5em 0 4.5em; padding: var(--layer-header-height, 3.5em) 0 var(--layer-footer-height, 4.5em); overflow: hidden; line-height: 1.5em; }

@media (min-height: 668px) { .cookiesjsr-layer { height: 80vh; max-height: 575px; } }

@media (min-height: 992px) { .cookiesjsr-layer { height: 60vh; } }

@media (min-width: 768px) { .cookiesjsr-layer { width: 860px; } }

.cookiesjsr-layer--overlay { position: fixed; z-index: 314159; height: 100vh; width: 100vw; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); }

.cookiesjsr-layer--header { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; margin: 0; background: #fff; background: var(--layer-header-bg-color, #fff); padding: 0 1.25em; padding: 0 var(--default-margin, 1.25em); border-bottom: 1px solid #e4e5e6; border-bottom: 1px solid var(--layer-border-color, #e4e5e6); height: 3.5em; }

.cookiesjsr-layer--title { color: #000f37; color: var(--layer-header-font-color, #000f37); text-transform: uppercase; }

.cookiesjsr-layer--close { z-index: 102; width: 1em; height: 1em; background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.263 0L13.501 10.762 2.737 0 0 2.737l10.764 10.764L0 24.263 2.737 27l10.764-10.764L24.263 27 27 24.263 16.238 13.501 27 2.737z' fill='%23000f37' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% scroll; background-size: contain; text-indent: -999em; overflow: hidden; border: 0; cursor: pointer; padding: 0; -webkit-appearance: none; -moz-appearance: none; }

.cookiesjsr-layer--body { position: absolute; left: 0; right: 0; background: #fff; background: var(--layer-body-bg-color, #fff); top: 3.5em; top: var(--layer-header-height, 3.5em); bottom: 4.5em; bottom: var(--layer-footer-height, 4.5em); }

.cookiesjsr-layer--footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.25em; padding: 0 var(--default-margin, 1.25em); height: 4.5em; height: var(--layer-footer-height, 4.5em); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; background: var(--layer-footer-bg-color, #fff); border-top: 1px solid #e4e5e6; border-top: 1px solid var(--layer-border-color, #e4e5e6); }

@media (min-width: 768px) { .cookiesjsr-layer--footer { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.cookiesjsr-layer--label-all { color: #000f37; color: var(--layer-footer-font-color, #000f37); display: none; }

@media (min-width: 768px) { .cookiesjsr-layer--label-all { display: block; width: 30%; padding-right: 1.25em; padding-right: var(--default-margin, 1.25em); } }

.cookiesjsr-layer--actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -.625em; width: calc(100% + 1.25em); }

@media (min-width: 768px) { .cookiesjsr-layer--actions { width: calc(70% + .625em); } }

.cookiesjsr-layer button.denyAll { display: none; }

@media (min-width: 576px) { .cookiesjsr-layer button.denyAll { display: inline-block; } }

#cookiesjsr { --default-margin: 1.25em; --font-size-reset: 1rem; --btn-font-color: #fff; --btn-border-color: #fff; --btn-bg-color: #003565 !important; --btn-prime-font-color: #003565 !important; --btn-prime-border-color: #fff; --btn-prime-bg-color: #fff; --btn-inv-font-color: #003565 !important; --btn-inv-border-color: #003565 !important; --btn-inv-bg-color: #fff; --btn-prime-inv-font-color: #fff; --btn-prime-inv-border-color: #003565 !important; --btn-prime-inv-bg-color: #003565 !important; --link-list-font-color: #fff; --link-list-separator-color: #fff; --banner-logo-offset: 100px; --banner-bg-color: #003565 !important; --banner-font-color: #fff; --layer-header-height: 3.5em; --layer-header-bg-color: #fff; --layer-header-font-color: #000f37; --layer-body-bg-color: #fff; --layer-tab-bg-color: #fff; --layer-tab-font-color: #000f37; --layer-tab-active-bg-color: #003565 !important; --layer-tab-active-font-color: #fff; --layer-bg-dark: #003565 !important; --layer-font-light: #fff; --layer-font-dark: #000f37; --layer-border-color: #e4e5e6; --layer-footer-bg-color: #fff; --layer-footer-font-color: #000f37; --layer-footer-height: 4.5em; --switch-border-color: #e4e5e6; --switch-handle-color: #fff; --switch-bg-off: #fff; --switch-bg-on: #0a0; --switch-width: 45px; --switch-height: 20px; --switch-always-on-font-color: #0a0; --switch-always-on-bg-color: #fff; }

.cookiesjsr--app { font-size: 1rem; font-size: var(--font-size-reset, 1rem); }

body .cookiesjsr--app, body .cookiesjsr--app *, body .cookiesjsr--app :after, body .cookiesjsr--app :before { box-sizing: border-box; }

.node.node--type-project.node--view-mode-full { max-width: 800px; margin: auto; }

.node.node--type-project.node--view-mode-full .project-info-wrapper { border: 1px solid #a6a6a6; padding: 0 10px 10px; margin: 0 0 20px; max-width: 380px; float: left; }

.node.node--type-project.node--view-mode-full .project-info-wrapper .event-teaser-wrapper { display: none; }

.node.node--type-project.node--view-mode-full .project-info-wrapper .field__label { margin-top: 15px; }

.node--type-project { max-width: 800px; margin: auto; }

.views-row:after { display: table; clear: both; content: ""; }

.views-row.views-row-first .node--type-project.node--view-mode-teaser { border-top: none; }

.views-row .node--type-project.node--view-mode-teaser { padding: 10px; padding-left: 0; margin-bottom: 30px; width: 1260px; border-top: 1px solid #75A0CE; min-height: 120px; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser { width: auto; } }

.views-row .node--type-project.node--view-mode-teaser h2 a { border-bottom: 1px solid #75A0CE; }

.views-row .node--type-project.node--view-mode-teaser h2 a :hover { border-bottom: 0px solid #003565 !important; }

.views-row .node--type-project.node--view-mode-teaser .field--name-title { float: left; width: 50%; margin-left: 0; margin-bottom: 10px; font-size: 16px; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .field--name-title { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-project.node--view-mode-teaser h2 { padding-bottom: 0; font-size: 20px; }

.views-row .node--type-project.node--view-mode-teaser .field__label { display: none; }

.views-row .node--type-project.node--view-mode-teaser .date-teaser { color: #000000; font-size: 16px; float: left; width: 15%; margin-left: 20px; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .date-teaser { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-project.node--view-mode-teaser .datetime { color: #000000; font-size: 16px; margin-left: 20px; margin-left: 20px; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .datetime { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-project.node--view-mode-teaser .field--name-field-sponsored { float: right; width: 30%; font-size: 16px; }

.views-row .node--type-project.node--view-mode-teaser .field--name-field-sponsored .field__item p { color: #000000 !important; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .field--name-field-sponsored { float: none; width: 100%; margin-left: 0; } }

.views-row .node--type-project.node--view-mode-teaser .field--name-field-location { float: right; font-size: 16px; margin-left: 20px; margin-top: 60px; margin-right: -100px; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .field--name-field-location { float: none; width: 100%; margin-left: 0; margin-top: 0; margin-right: 0; } }

.views-row .node--type-project.node--view-mode-teaser .field--type-image { width: 20%; display: none; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser .field--type-image { width: 100%; } }

.views-row .node--type-project.node--view-mode-teaser img { width: 100%; float: left; }

@media all and (max-width: 1008px) { .views-row .node--type-project.node--view-mode-teaser img { float: none; } }

.views-row .excellenzcluster .field--name-title { float: right !important; width: 70%; margin-left: 0; font-size: 16px; }

@media all and (max-width: 1008px) { .views-row .excellenzcluster .field--name-title { float: none; width: 100%; margin-left: 0; } }

.views-row .excellenzcluster .field--name-title h2 a { border-bottom: 1px solid #75A0CE; }

.views-row .excellenzcluster .image-style-thumbnail { width: 100%; height: auto; }

.views-row .excellenzcluster .field--name-field-teaser-image { width: 30%; height: auto; }

.path-afar #content { max-width: 1260px; margin: auto; }

.path-afar #content .node-title { font-size: 27px; line-height: 30px; color: #333333; margin-bottom: 30px; padding: 0; }

.path-afar #content a { color: #75A0CE; text-decoration: none; border-bottom: 1px solid #75A0CE; }

.path-afar #content a:hover { border-bottom: 1px solid #003565; }

.path-afar #content .emission-tables-details h2 { margin-bottom: 12px; font-size: 22.5px; }

.path-afar #content .form-item, .path-afar #content .form-actions { margin-right: 20px; }

.path-afar #content .columns label { font-weight: 600; margin-right: 10px; }

.path-afar #content .select2-container.select2-container--default { min-width: 210px; }

.path-afar #content .database-laser-safety-button, .path-afar #content .laser-safety-reset-btn { font-weight: 300; font-size: 18px; padding: 10px 1.25rem; border-radius: 6rem; color: #fff; -webkit-transition: all .3s; transition: all .3s; position: relative; overflow: hidden; z-index: 1; border: none; background-color: #75A0CE; margin-right: 20px; }

.path-afar #content .database-laser-safety-button:hover, .path-afar #content .laser-safety-reset-btn:hover { color: #fff; background-color: #4179b6; -webkit-transition: all .3s; transition: all .3s; }

.path-afar #content .database-laser-safety-button:hover:before, .path-afar #content .laser-safety-reset-btn:hover:before { width: 100%; }

.path-afar #laser-safety-step2-table .form-item { margin-right: 20px; margin-left: 20px; float: right; }

.path-afar table.laser-safety-table td { text-align: center; }

.path-afar .laser-safety-info-block p { font-size: 18px; }

.path-afar .laser-safety-info-block .info-title-small { font-size: 18px; }

.path-afar .laser-safety-info-block li { font-size: 18px; }

.path-afar table.laser-safety-legend { margin-top: 30px; margin-bottom: 30px; }

.path-afar table.laser-safety-legend i.fa.laser-safety-status-icon { margin-left: 20px; float: right; }

.path-afar .laser-safety-legend td { font-size: 18px !important; text-align: left; }

.path-afar .laser-safety-legend strong { color: #4b6f94; }

.path-afar .info-list-pdf { text-align: initial; display: inline-block !important; }

.path-afar .laser-safety-notice, .path-afar .laser-safety-detail-ctas { margin-bottom: 30px !important; }

i.fa.laser-safety-status-icon { margin-top: 7px; font-size: 18px; line-height: unset; }

.laser-safety-white { color: #ffffff !important; width: 25px; height: 25px; margin-top: 7px; display: none; }

.laser-safety-green { background-color: #5dba00 !important; width: 25px; height: 25px; border-radius: 20px; display: inline-block; }

.laser-safety-green::before { content: "\2714"; color: white; font-size: 15px; -webkit-font-smoothing: revert; float: left; margin-left: 6px; margin-bottom: 7px; margin-top: -2px; }

.laser-safety-yellow { background-color: #fedf00 !important; width: 25px; height: 25px; border-radius: 20px; display: inline-block; }

.laser-safety-yellow::before { content: "\2212"; color: white; font-size: 20px; display: block; font-weight: 1000; -webkit-font-smoothing: revert; float: left; margin-bottom: 7px; margin-top: -2px; margin-left: 7px; }

.laser-safety-red { background-color: #b63300 !important; width: 25px; height: 25px; border-radius: 20px; display: inline-block; }

.laser-safety-red::before { content: "\2716"; color: white; font-size: 15px; float: left; margin-left: 6px; margin-bottom: 7px; margin-top: -2px; }

.laser-safety-legend i.fa.laser-safety-status-icon { margin-top: 7px; margin-bottom: 7px; }

.laser-safety-legend td { text-align: left !important; padding-left: 30px; }

.laser-safety-legend td strong { text-align: center !important; }

.grey-link-box { background-color: #f2f2f2; text-align: center; float: left; height: 50px; width: 27%; padding: 5px 15px 20px 15px; margin-right: 20px; margin-bottom: 20px; }

@media all and (max-width: 1008px) { .grey-link-box { width: 100% !important; float: unset; padding: 15px 0px 5px 0px !important; } }
/*# sourceMappingURL=application.css.map */