/* normalize */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; color:#330000; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
dfn { font-style: italic; }
mark { background: #F7DD45; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { overflow: auto; font-family: monospace, monospace; font-size: 1em; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; border-radius: 0;}
input::placeholder {color:#000;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0; -webkit-appearance: none !important; cursor:pointer;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="submit"] {-webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
legend { border: 0;  padding: 0; }
textarea { overflow: auto; resize: vertical;}
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
details { display: block; }
summary { display: list-item; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible, .element-invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }
.sr-only { border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;white-space: nowrap;  width: 1px;}
.sr-only.focusable:active,.sr-only.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static; white-space: inherit;width: auto;}

/* FONTS */
/* source-sans-pro */
@font-face { font-family: 'SourceSansPro';font-style: normal; font-weight: 400; src: local(''),  url('../../files/system/css/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: italic; font-weight: 400; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: normal; font-weight: 600; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-600.woff') format('woff'); }
@font-face { font-family: 'SourceSansPro'; font-style: normal; font-weight: 700; src: local(''), url('../../files/system/css/fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), url('../../files/system/css/fonts/source-sans-pro-v21-latin-700.woff') format('woff'); }
/* bricolage-grotesque-regular - latin */
@font-face {font-display: swap; font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 400; src: url('../../files/system/css/fonts/bricolage-grotesque-v2-latin-regular.woff2') format('woff2'); }
@font-face { font-display: swap;  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 700; src: url('../../files/system/css/fonts/bricolage-grotesque-v2-latin-700.woff2') format('woff2'); }
@font-face {font-display: swap;font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;src: url('../../files/system/css/fonts/bricolage-grotesque-v2-latin-800.woff2') format('woff2'); }

/* allgemein */
/* colors */ 
:root {
   --red:#990000;
   --green:#60947d;
   --beige:#e5dbce;
   --link:#f3ede2;
   --blue:#28549d;
}
* { margin:0; padding:0; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; }
html { font-size:100%;  }
body { font-family: 'SourceSansPro', Arial, Helvetica, sans-serif; font-size: 1.375rem; line-height: 1.5; font-weight: 400; color:#330000; background:var(--beige); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body.nav_active, body.overlay_active {overflow:hidden;}
.wrap { min-height:100%;}
.fade_in { opacity: 0; transition:all 1s ease-out;}
.show { transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -o-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;   -ms-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important; -moz-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  -webkit-transform: translate(0px,0px) scale(1.0) rotate(0deg)!important;  opacity: 1!important; }
a {text-decoration:none; transition:all .25s ease-out;}
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none; }
.transit, input.submit, a img, a h2 { transition:all 0.3s ease-out;}
b, strong, .bold { font-weight: 700; }
.hidden { display: none; }
.silben {-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.center {margin:0 auto; position:relative; padding:0 40px;}
.center_text {max-width:1080px; margin:0 auto; position:relative; padding:0 40px;}
.center_medium {max-width:1380px; margin:0 auto; position:relative; padding:0 40px;}
.italic {font-style:italic;}
.red {color:var(--red);}
.bright {color:var(--link);}

/* header mit animation */
header {position:fixed; z-index:100; top:0; width:100%; height:120px; background:var(--beige); -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
header.active {z-index:1;}
.down header { top:-150px;}
.up header {top:0; box-shadow: 0px 0px 8px 2px rgba(0,0,0,.15); }
.nav_active.down header { top:0;}
header .logo {font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 700; font-size:2.25rem; line-height:.75; border-bottom:2px solid #330000; display:inline-block; padding:20px 50px 20px 0;}

/* hamburger mobile */
.hamburger { position:absolute;  z-index:100; right:40px; top:35px; width: 30px; height: 18px; display:none; cursor: pointer; background:transparent; }
.hamburger .line { display: block; background: #000; width: 30px; height: 3px; position: absolute; left: 0; border-radius: 4px; transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;}
.hamburger .line.line-1 { top: 0;}
.hamburger .line.line-2 {top: 50%;  width: 25px;}
.hamburger .line.line-3 {top: 100%;}
.hamburger.active .line-1 { -webkit-transform: translateY(9px) translateX(0) rotate(45deg); transform: translateY(9px) translateX(0) rotate(45deg); }
.hamburger:hover .line-2 {width: 30px;}
.hamburger.active .line-2 { opacity: 0;}
.hamburger.active .line-3 { -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg); transform: translateY(-9px) translateX(0) rotate(-45deg);}

/* navigation */
.navigation { position:relative; float:right; z-index:90; letter-spacing:1px; margin-top:32px; line-height:64px;}
.menu { position:relative; font-style: normal; font-weight: 400; }
.menu li {margin-right:50px; display:inline-block; position:relative; font-size:1.375rem;}
.navigation a {position:relative; display:inline-block; color:#330000; }
.navigation a:after { content: ""; z-index:-1; position: absolute; width:0%; height:2px; bottom: 0; left: 0; background: #330000; visibility: hidden; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.no-touchevents .navigation a:hover:after, .menu .navigation .trail a:after { visibility: visible; width: 100%; }
.menu .level_1 span.active {padding-bottom:16px; border-bottom:2px solid #330000;}
.mod_changelanguage {float:right;}
#navigation {float:left;}
.mod_changelanguage li {margin-right:0;}
.mod_changelanguage li.active {display:none;}

/* abgerundete links mit Pfeil */
.link_zu_mehr {margin:30px 0 0 50px;}
.more_link {position:relative; height:44px; line-height:44px; background:var(--link); color:#000; text-align:center; padding:0 50px 0 30px; border-radius:22px; display:inline-block; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.more_link:after {content: "↑"; font-size:1.5rem; position:absolute; right:25px; transition: all 0.3s ease-out 0s; transform: rotate(90deg);}
.more_link:hover:after {right:15px;}
.back_link {position:relative; height:44px; line-height:44px; background:var(--link); color:#000; text-align:center; padding:0 30px 0 50px; border-radius:22px; display:inline-block; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.back_link:before {content:"↑"; font-size:1.25rem; position:absolute; left:25px; transition: all 0.3s ease-out 0s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.back_link:hover:before {left:15px;}
.pdf_link {padding:0 20px 0 20px;}
.pdf_link:before {font-family: 'icons'; content: "\e905"; font-size:1.5rem; margin-right:20px;}

/* allgemein main */
h1, h2 { font-family: 'Bricolage Grotesque'; }
h1 {  font-weight: 800; font-size: 2.5rem; line-height: 1.2;}
h2 {  font-weight: 700; font-size: 2.25rem; line-height: 1.2; margin-bottom:10px;}
h3 { font-family: 'SourceSansPro', Arial, Helvetica, sans-serif; font-size:1.875rem; line-height: 1.3; font-weight:600; margin-bottom:10px;}
h4 { font-family: 'SourceSansPro', Arial, Helvetica, sans-serif; font-size:1.5rem; font-weight:600; }
.normal {font-family: 'SourceSansPro', Arial, Helvetica, sans-serif;}
main {position:relative; z-index:2; padding-top:120px;}
section {position:relative; }
img {max-width:100%; height:auto;}
p { position:relative;}
.ce_text ul li {list-style: square outside; margin-left:22px;}
.ce_text ol li {margin-left:20px;}
.float_right {float:right;}
.float_left {float:left;}
.padding_100 {padding:100px 0;}
.padding_50 {padding:50px 0;}
.spacer_100 {height:100px;}
.ce_text a {color:var(--red);}
.ce_text a:hover {color:var(--blue);}
.index .ce_text a {color:#000;}

/* Bilder */
picture, figure {position:relative; display:inline-block;}
figcaption {font-size:1rem;}

/* nach oben */
.scroll_top {position:fixed; z-index:90; bottom:10px; right:20px; opacity:0; width:44px; height:44px; line-height:44px; border-radius:50%; background:var(--link); color:#330000; opacity:0; }
.scroll_top:after {position:absolute; left:0; top:-4px; width:100%; text-align:center; font-weight:400; font-size:2.5rem;  content: "↑"; transition:all 0.3s ease-out; }
.scroll_top.active:focus, .scroll_top.active {opacity:.7; }
.scroll_top.active:hover {opacity:1; }

/* footer */
footer {font-size:1rem; background:#333; color:#fff; padding:20px 0;}
.footer_menu li { display:inline; margin-right:10px; padding-right:10px; border-right:1px solid #fff;}
.footer_menu li:last-child { margin-right:0px; padding-right:0px; border-right:none;}
.footer_menu li.active .active {color:var(--green);}
footer a { color:#fff; }
footer a:hover { color:var(--green);}

.mobile_transparent_menu {position:fixed; z-index:80; top:0; width:100%; height:100%;  transition:all 0.3s ease-out; background:rgba(0,0,0,.7); display:none; cursor:pointer; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.nav_active .mobile_transparent_menu { display:block;}

/* responsive mediaqueries */
@media (max-width: 1200px) {	
	h1 {font-size: 2.25rem; line-height: 1.2;}
	h2 { font-size: 1.75rem; }
}
@media (max-width: 1024px) {	
	h1 {font-size: 2rem; line-height: 1.2;}
}
/* mobile menu break */
@media (max-width: 960px) {	
	header {height:100px; }
	main {padding-top:100px;}
	header .logo { font-size:1.5rem; line-height:.75; padding:20px 40px 20px 0;}
	.hamburger {display:block; right:30px;  }	
	.navigation {position:fixed; float:none; z-index:90; top:100px; margin-top:0; left:100%; width:50%; height:auto;  background:var(--beige); -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; overflow-x: hidden; overflow-y: auto; padding-top:0;}
	.mod_changelanguage {float:none;}
	#navigation {float:none;}
	.nav_main { top:0; padding-bottom:20px; }
	.menu {float:none; padding:20px;}
	.menu .level_1 span.active {padding-bottom:2px; border-bottom:2px solid #330000;}
	.mod_changelanguage.menu {padding:0 20px 20px;}
	.menu a:hover:after { visibility: hidden; width:0; }
	.navigation.is-active { left:50%;}
	.menu li {display:block; line-height:1.75; margin:0 0 10px;}
	.menu a {display:inline-block;}	
}
@media (max-width: 800px) { 
	.center, .center_text, .center_medium {padding:0 30px;}
	.link_zu_mehr {margin:30px 0 0 0px;}
}
@media (max-width: 600px) {	
	body { font-size: 1.25rem; }
	.center, .center_text, .center_medium {padding:0 20px;}
	.hamburger { right:20px; top:20px; }
	.navigation {width:100%;}
	.navigation.is-active {left:0;}
	h1 { font-size: 1.75rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.375rem; }
	.padding_100 {padding:80px 0;}
	footer .float_left {float:none;}
	footer .float_right {float:none; margin-top:20px;}
}
@media (max-width: 500px) {	
	
}
@media (max-width: 350px) {	
	h1 { font-size: 2rem; }
}

/* print */
@media print {
	body {font-size:0.9em;}
	header, footer {display:none;}
	.print_button {display:none !important;}
	.print {visibility:visible;}
    *, *:before, *:after, *:first-letter, *:first-line { background: #fff !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
    a,a:visited { text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")"; }
    abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important; }
    p,h2,h3 {orphans: 3;widows: 3;}
    h2, h3 {page-break-after: avoid;}
}
/* animsition CSS für sanften Seitenübergang */ .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#fff}.animsition-loading,.animsition-loading:after{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;border-radius:50%;z-index:2}.animsition-loading{background-color:transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:animsition-loading;animation-name:animsition-loading}@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}
.intro_headline {max-width:1400px;}
/* home */
.index .intro .notes {font-family: 'Bricolage Grotesque'; font-weight:700; font-size:4vw; margin-bottom:5px;}
.index .intro h1 {font-size: 8vw; line-height:1.05;}
.index .about_teaser {padding:20px 0 100px;}
.index .text_image { width:42%; }
.text_image img{box-shadow: 3px 3px 10px 3px rgba(0,0,0,.3);}
.index .text_teaser { width:53%; padding-top:50px;}
.index h2 {font-size:2.5rem; line-height:1.2;}
.context_teaser { background:var(--green);}
.context_teaser .teaser_text {font-family: 'Bricolage Grotesque'; font-weight:700; font-size:5vw; line-height:1.2;}

/* archive */
.filterbox {margin:0px 0 20px;}
.filterbox button {background:transparent; margin:0 30px 10px 0; display:inline-block; font-weight:600; font-size:1.375rem; padding-bottom:10px;}
.filterbox button:hover {}
.filterbox button.checked, .filterbox button:hover {border-bottom:2px solid #330000;}
.archive_container {position:relative; margin-bottom:100px;}
.archive_box {width:calc(100% + 24px); margin-left:-12px; }
.archive_box .archive_link { position:relative; float:left; display:inline-block; width:20%; padding:12px; }
.archive_box .archive_link .link_img {position:relative; width:100%; aspect-ratio: 4 / 5; overflow:hidden;}
.archive_box .archive_link .link_img picture {position:absolute; width:100%; height:100%;}
.archive_box .archive_link .link_img img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.archive_box .archive_link:hover .link_img img {-webkit-transform:scale(1.05); transform: scale(1.05);}
.archive_box .archive_link .link_text { text-align:center; background:var(--blue); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.archive_box .archive_link:hover .link_text { background:var(--red);}
.archive_box .archive_link .link_text h3 {color:#fff; font-size:1.375rem; padding:10px 0; margin-bottom:0;}
.archive_list {display:none; columns: 300px auto;}
.archive_list.active {display:block;}
.archive_list h3 {font-size:1.25rem; text-decoration:underline;}
.archive_list .archive_link:hover h3 {color:var(--red);}
.most_tags {background:var(--green); padding:70px 0 100px;}
.most_tags h2 {color:var(--link); margin-bottom:40px;}
.most_tags a {position:relative; height:44px; line-height:44px; background:var(--link); color:#330000; text-align:center; padding:0 30px 0; border-radius:22px; display:inline-block; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; margin:0 10px 10px 0;}
.most_tags a:hover {background:var(--blue); color:#fff;}
.mod_tagcloud .cloud li {display:inline;}
.ce_text .tag-chain li {list-style:none; margin-left:0; display:inline; margin-right:15px;}
.related_tags h4 {margin-bottom:20px;}

/* detail */
.detail .mod_newsreader {margin-top:100px;}
.mod_newsreader sup {top:0; font-size:100%;}
.detail .headline {margin-left:-10vw;}
.detail .headline h2 {margin-bottom:10px;}
.detail .headline p {font-weight:600; }
.detail h1 {padding-right:140px;}
.detail .mod_newsreader .center_medium .back_link {position:absolute; right:40px; top:0px;}
.center_medium.underline {padding-bottom:10px; margin-bottom:30px;}
.center_medium.underline:after { content: ""; z-index:-1; position: absolute; width:0; height:2px; bottom: 0; left:40px; background: #330000; visibility: hidden; -webkit-transition: all 0.3s ease-in-out .5s; transition: all 0.25s ease-in-out .5s; }
.detail .mod_newsreader .ce_text.center_medium h2 { margin: 20px 0 20px 0;}
.swiper_box {padding:50px 0 100px; }
.center_medium.underline.show:after { visibility: visible; width: 300px; }
.related_tags {margin-top:0px;}
.related_tags a {margin-right:10px; display:inline-block;}
.prev_next {margin-bottom:100px;}
.prev_next a.next { float:right;}
.mod_newsreader p.back {display:none;}
.show_english {position:absolute; z-index:1000; right:20px; top:20px; height:44px; line-height:44px; background:var(--red); color:#fff; text-align:center; padding:0 30px; border-radius:22px; display:inline-block; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.show_english:hover {background:var(--blue); }

.overlay { position:fixed; z-index:1020; top:0; left:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,.5); display:none;}
.overflow {position: relative; height: 100vH; overflow: auto;  padding: 80px 0 100px;}
.poem_text {display:none;}
.overlay .center_poems {position: relative; max-width: 800px; margin: 0 auto; padding: 40px; background:#faf6f2;}
.close {position:absolute; top:-50px; right:-50px;}
.close-button { height:30px; width:30px; position: relative; box-sizing: border-box; line-height:30px; display: inline-block; margin-top:5px;}
.close-button:before, .close-button:after { transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left:-15px; display: block; height:3px; width:30px;background-color: #fff;transition: all 0.25s ease-out;    }
.close-button:after { transform: rotate(-135deg); }
.close:hover .close-button:before, .close:hover  .close-button:after { transform: rotate(0deg); }
.close-box {float:right; border:2px solid #fff; width:44px; height:44px; border-radius:22px; text-align:center; margin-left:30px;}

/* about */
.intro_headline h1 {margin:100px 0;}
.ce_text .image_container.float_right {width:40%; height:auto; margin:-20px 0 40px 40px; }
.ce_text .image_container.float_left {width:40%; height:auto; margin:-20px 40px 20px 0px;}
.ce_text .image_container.float_right img, .ce_text .image_container.float_left img {width:100%; height:auto;}
.video-box {position: relative;}
.video-box .ce_player  {position: relative;	padding-bottom: 56%; padding-top: 30px;	height: 0;	overflow: hidden;}
.video-box .ce_player figure, .video-box .ce_player video { position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}
.video-box .ce_player figure figcaption {position:absolute; bottom:-40px;}
.video-title {margin-top:20px; color:#fff;}

/* context */
.context_list { display:grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch; }
.context_link { background:var(--link); box-shadow: 3px 3px 10px 3px rgba(0,0,0,.075); padding:20px;}
.context_link:hover {box-shadow: 3px 3px 10px 3px rgba(0,0,0,.2); }
.context_link .author { padding:0 0 10px 30px; color:var(--red); font-weight:600;}
.context_link .link_img {position:relative; aspect-ratio: 4 / 3; overflow:hidden; margin-top:20px;}
.context_link .link_img picture {position:absolute; width:100%; height:100%;}
.context_link .link_img img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.context_link:hover .link_img img {-webkit-transform:scale(1.03); transform: scale(1.03);} 
.mod_newsreader .ce_text p {text-align:justify;}
.mod_newsreader .ce_text p {text-indent:50px;}
.mod_newsreader .footnotes p {text-indent:0;margin-top:10px; font-size: 1.125rem;}
.mod_newsreader .ce_text h2 {position:relative; margin:40px 0 20px -50px; width:80%;}
h3.author {color:var(--red); }

/* team */
.team_list { display:grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap:40px; column-gap:40px; row-gap:40px; align-items:stretch; }
.person { background:var(--link); box-shadow: 3px 3px 10px 3px rgba(0,0,0,.15); }
.team_img {position:relative; aspect-ratio: 1 / 1; overflow:hidden; margin-bottom:20px;}
.team_img picture {position:absolute; width:100%; height:100%;}
.team_img img {width:100%; height:100%; object-fit: cover; transition:all .25s ease-out;}
.team_text {padding:0 20px 20px;}
.team_text h2 {font-size:1.75rem; margin-bottom:0;}
.team_inner_text p.job {font-weight:700;}
.team_text .more_link {margin-top:10px; border:1px solid #1a0014; background:transparent;}
.teaminfo {display:none;}
.team_center {position: relative; max-width: 800px; margin: 0 auto; padding: 40px; background:#faf6f2;}

/* tags */
.tags .intro {margin:100px 0;}
.all_images_by_Tag {margin-bottom:100px; display:grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.all_images_by_Tag a {display:inline-block; background:#000;}
.all_images_by_Tag a img { width:100%; height:auto;}
.all_images_by_Tag a:hover img {opacity:.7;}

/* photos */
.photobox {margin-bottom:100px; display:grid; grid-template-columns: repeat(5, 1fr); gap:20px;}
.photobox a {display:inline-block; }
.photobox a img { width:100%; height:auto;}
.photobox a:hover img {opacity:.7;}

/* ab hier responsive */
@media (max-width: 1500px) { 
	.photobox {grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1200px) {
	.archive_box .archive_link { width:25%; }
	.context_list { grid-template-columns: repeat(2, 1fr);  }
	.mod_newsreader .ce_text h2 {position:relative; margin:40px 0 20px 0; width:100%;}
	.team_list { grid-template-columns: repeat(3, 1fr);}
	.all_images_by_Tag {display:grid; grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1100px) { 
	.photobox {grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1024px) { 
	.archive_box .archive_link { width:33.3333%; }
	.team_list { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 960px) {
	.close {position:absolute; top:-50px; right:10px;}
	.mod_newsreader .ce_text p img {margin-left:-50px;}
}
@media (max-width: 800px) { 
	.context_teaser .teaser_text {font-size:2.5rem;}
	.center_medium.underline:after { left:30px; }
	.team_text h2 {font-size:1.5rem; margin-bottom:0;}
	.all_images_by_Tag {display:grid; grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) { 
	.index .intro.padding_100 {padding:100px 0 30px;}
	.index .intro .notes {font-size:1.5rem; }
	.index .intro h1 {font-size: 2.25rem; line-height:1.2;}
	.index h2 {font-size:2rem;}
	.index .text_image { width:100%;}
	.index .text_teaser { width:100%; }
	.archive_box .archive_link { width:50%; }
	.archive_teaser .text_image {padding-top:50px;}
	.archive_teaser .text_teaser {padding-top:0px;}
	.context_list { grid-template-columns: repeat(1, 1fr);  }
	.context_teaser .teaser_text {font-size:2rem;}
	.center_medium.underline:after { left:20px; }
	.center_medium.underline.show:after { width: 200px; }
	.ce_text .image_container.float_right, .ce_text .image_container.float_left {margin:0px 0 20px 0px; width:100%; height:auto;}
	.intro_headline h1 {margin:50px 0; }
	.overlay .center_poems, .team_center {padding: 20px;}
	.team_list { grid-template-columns: repeat(1, 1fr);}
	.photobox {grid-template-columns: repeat(2, 1fr); }
	.detail .mod_newsreader .center_medium .back_link {position:absolute; right:20px; top:-80px;}
}
@media (max-width: 500px) { 
	.all_images_by_Tag {display:grid; grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 400px) { 
	.archive_box .archive_link { width:100%; }
}
@media (max-width: 350px) { 
	
}