@font-face {
  font-display: swap;
  font-family: 'Rational';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/rational/RationalText-ExtraBold.woff');
}
@font-face {
  font-display: swap;
  font-family: 'Rational';
  font-style: normal;
  font-weight: 600;
  src: url('../../fonts/rational/RationalText-SemiBold.woff');
}
@font-face {
  font-display: swap;
  font-family: 'Rational';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/rational/RationalText-Medium.woff');
}
@font-face {
  font-display: swap;
  font-family: 'Rational';
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/rational/RationalText-Book.woff');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/Material-Icons.woff2) format('woff2');
}

.icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}
/*
1. Licht und Schatten
bg: #84918A
Orna: #b9993f

2. Stürmische Zeiten
bg: #928C98
Orna: #9d9d9c

3. Barocke Räume
bg: #C98E79
Orna: #8db6d8

4. Barockes Welttheater
bg: #E0CAA3
Orna: #96a342

5. Kontinuität & Wandel
bg: #8DB6D8
Orna: #c98e79

*/


:root {
}

body, html { font-family: 'Rational', sans-serif; display:flex; /*background-color: #fff;*/ justify-content: center; align-items: center; color:#484847; font-size: 120%; line-height: initial; font-weight: 100; width:100%; scroll-behavior: smooth; }
body.home { position: relative; }
.home section { flex-direction: column; align-items: center; justify-content: flex-start; min-height:100vh; padding:2% 2% 60px 2% !important; }
.home section > div { width:100%; max-width: 1230px; }
.pButton { display: flex; justify-content: center; margin:60px 0 0 0; }
.pButton a { display: flex; justify-content: center; align-items: center; width:fit-content; height:60px; font-size: 120%; font-weight: 900; background-color: #25b9cd; color:#fff; text-decoration: none; padding:0 3%; border-radius: 10px; }
.home .orgmenu { position:absolute; left:0; bottom:0; display: flex; align-items: center; column-gap:6px; }
.home .orgmenu a { text-decoration: none; color:#484847; display: block; padding:5px; font-size: 60%; }
.home .logo { max-width: 300px; display: block; }
.home .logo img { width:100%; height:auto; }
.vars { position: fixed; z-index: 10000; right:70px; top:10px; font-size: 60%; text-align: right; display: none; }
img { width:100%; height:auto; }
.iconText { display: flex; align-items: flex-start; column-gap:15px; }
.imgCon img { margin:0 auto; display: block; /*mix-blend-mode: multiply;*/ }
.imgCon.quer img { width:auto; height:100%; max-height:90vh; max-width:100%; }
.imgCon.hoch img { width:auto; height:100%; max-height:90vh; max-width:100%; }
.copy { font-size: 60%; margin:8px 0 0 0; text-align: left;}
.imgCon .copy { text-align: center;}
.imgCon .titelC { text-align: center; margin:10px 0 0 0; }
.brLogo { max-height:30px; width:auto; height:auto; }
audio, video { width:100%; display: block; }
h1, h2, h3, h4 { text-transform: uppercase; font-weight: 900; }
.iContainer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width:100%; min-height:100vh; }
section { width:100%; padding:2% 2% 3% 2%; display: flex; justify-content: center; }
section:first-of-type { padding-top:60px; }
.iContainer.poi1a section, .iContainer.poi1b section, .iContainer.poi2a section, .iContainer.poi2b section, .iContainer.poi2c section, .iContainer.poi3a section, .iContainer.poi3b section, .iContainer.poi3c section, .iContainer.poi3d section, .iContainer.poi4a section, .iContainer.poi4b section, .iContainer.poi5 section, .iContainer.poic-1 section, .iContainer.poic-2 section, .iContainer.poic-3 section, .iContainer.poic-4 section { width:auto; padding-left:4%; padding-right:4%; }
.iconWrapper { display:inline-flex; background: #fff; justify-content: center; align-items: center; border-radius:20px; width:40px; height:40px; flex-shrink:0; }
.iconWrapper img { width:60%; height:auto; }
.iconWrapper img.FB { width:100%; }
section a { color:#fff; }

div[class^="poi1"] section:nth-of-type(odd), .iContainer.poi1a section, .iContainer.poic-1 section, .iContainer.poic-2 section { background:#84918A; color:#fff; }
div[class^="poi1"] section:nth-of-type(even) { background:#9da7a1; color:#fff; }
div[class^="poi1"] .icon { color:#b9993f; }

div[class^="poi2"] section:nth-of-type(odd), .iContainer.poi2a section { background:#928C98; color:#fff; }
div[class^="poi2"] section:nth-of-type(even) { background:#a8a3ad; color:#fff; }
div[class^="poi2"] .icon { color:#9d9d9c; }

div[class^="poi3"] section:nth-of-type(odd), .iContainer.poi2a section, .iContainer.poic-3 section, .iContainer.poic-4 section { background:#C98E79; color:#fff; }
div[class^="poi3"] section:nth-of-type(even) { background:#d9b0a1; color:#fff; }
div[class^="poi3"] .icon { color:#8db6d8; }

div[class^="poi4"] section:nth-of-type(odd), .iContainer.poi2a section { background:#E0CAA3; color:#fff; }
div[class^="poi4"] section:nth-of-type(even) { background:#e9dabe; color:#fff; }
div[class^="poi4"] .icon { color:#96a342; }

div[class^="poi5"] section:nth-of-type(odd), .iContainer.poi2a section { background:#8DB6D8; color:#fff; }
div[class^="poi5"] section:nth-of-type(even) { background:#afcce4; color:#fff; }
div[class^="poi5"] .icon { color:#c98e79; }

div[class="poi1 iContainer"], div[class="poi2 iContainer"], div[class="poii iContainer"] { align-items: flex-start; background:#fff; }
div[class="poi1 iContainer"] section:nth-of-type(odd), div[class="poi2 iContainer"] section:nth-of-type(odd), div[class="poii iContainer"] section:nth-of-type(odd) { background:#fff; color:inherit; }
div[class="poi1 iContainer"] section:nth-of-type(even), div[class="poi2 iContainer"] section:nth-of-type(even), div[class="poii iContainer"] section:nth-of-type(even) { background:#eee; color:inherit; }
div[class="poi1 iContainer"] .icon, div[class="poi2 iContainer"] .icon { color:inherit; }
div[class="poi1 iContainer"] .copy, div[class="poi2 iContainer"] .copy { text-align: left; }

.iContainer section > div { max-width:1200px; width:100%; position: relative; }
.iContainer section > div h1:first-of-type, .iContainer section > div h2:first-of-type, .iContainer section > div h3:first-of-type { margin-top:0; }
.mImgCon { display: flex; flex-wrap:wrap; column-gap:2%; row-gap:2%; align-items: flex-end; }
.mImgCon > div { width:49%; }

iframe.medienstation { aspect-ratio:16/9; border:none; }
section.medCon { background: #fff !important; }
a.pdf { display: flex; margin:30px auto 0 auto; background: #fff; justify-content: center; align-items: center; border-radius: 20px; padding:10px 20px; width:fit-content; text-decoration: none; }
div[class^="poi1"] a.pdf { color:#84918A; }
div[class^="poi2"] a.pdf { color:#928C98; }
div[class^="poi3"] a.pdf { color:#C98E79; }
div[class^="poi4"] a.pdf { color:#E0CAA3; }
div[class^="poi5"] a.pdf { color:#8DB6D8; }

a.leichteSprache { display: block; position: absolute; top:0%; right:0%; width:50px; height:50px; }
a.leichteSprache img { width:100%; height:100%; }

.karteSpezial { position:relative; }
.poiKarte { position:absolute; /*background-color:#000000aa;*/ cursor: pointer; width:15%; height:8%; border-radius: 40px; }
.poiKarte:nth-of-type(1) { left:55.3%; top:66.5%; }
.poiKarte:nth-of-type(2) { left:52.3%; top:36.5%; }
.poiKarte:nth-of-type(3) { left:43%; top:76%; }
.poiKarte:nth-of-type(4) { left:68%; top:43%; }
.poiKarte:nth-of-type(5) { left:18%; top:86%; }
.poiKarte:nth-of-type(6) { left:17%; top:75%; }
.poiKarte:nth-of-type(7) { left:68%; top:59%; }
.poiKarte:nth-of-type(8) { left:11%; top:54%; }
.poiKarte:nth-of-type(9) { left:1%; top:40%; }
.poiKarte:nth-of-type(10) { left:14%; top:65%; }
.poiKarte:nth-of-type(11) { left:36%; top:33%; }
.poiKarte:nth-of-type(12) { left:37%; top:6%; }
.poiKarte:nth-of-type(13) { left:52%; top:24%; }
.poiKarte:nth-of-type(14) { left:17%; top:7%; }
.poiKarte:nth-of-type(15) { left:32%; top:91%; }
.accordion { background-color: #fff; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 120%; transition: 0.4s; border-top:1px solid #ddd; line-height: 1.45; }
.accordion:nth-of-type(1) { border-top:1px solid #fff; }
.accordion .more, .accordion.active .less { display: block; }
.accordion .less, .accordion.active .more { display: none; }
.active/*, .accordion:hover*/ { background-color: #eee; border-top:1px solid #fff; }
.panel { padding: 0 2% 60px 2%; display: none; background-color: white; overflow: hidden; }
.accordion:nth-of-type(1) { margin-top:40px; }
.karteAnkerLink { color:#000; text-decoration: none; }
.kBilder { display: flex; flex-wrap: nowrap; align-items: flex-end; column-gap:2%; margin-top:20px; }
.kBilder img { width:100%; height:auto; }

.block { margin:2vh 0; }
/*.block .head { font-size: 80%; }*/
.block .head { font-weight: 900; text-transform: uppercase; font-size: 130%; }
.impressum a { color:rgb(72, 72, 71); }
.block strong { font-weight: 600; }

@media screen and (orientation: portrait) {
	iframe.medienstation { width:100vw; height:auto; max-height:1080px; max-width:1920px; }
}
@media screen and (orientation: landscape) {
	iframe.medienstation { width:auto; height:90vh; max-height:1080px; max-width:1920px; }
}

@media screen and (max-width: 1400px)	{
}
@media screen and (max-width: 1200px)	{
}
@media screen and (max-width: 1000px)	{
	section { padding:3% 2% 4% 2%; }
}
@media screen and (max-width: 800px)	{
	body { font-size: 100%; }
	section { padding:4% 2% 5% 2%; }
}
@media screen and (max-width: 600px)	{
	section { padding:6% 2% 7% 2%; }
	.kBilder { flex-wrap: wrap; align-items: flex-end; row-gap:30px; }
	.kBilder img {  }
}