@font-face {
font-family: "icomoon";
src: url("../fonts_1/icomoon.eot?ca051o");
src: url("../fonts_1/icomoon.eot?ca051o#iefix") format("eot"), url("../fonts_1/icomoon.ttf?ca051o") format("truetype"), url("../fonts_1/icomoon.eot?ca051o") format("woff"), url("../fonts_1/icomoon.eot?ca051o#icomoon") format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: "DIN Next LT W01 Regular";
src: url("../../layout/alt/fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot");
src: url("../../layout/alt/fonts/936930ba-a8da-4765-9e89-0f35cdff223f.eot#iefix") format("eot"), url("../../layout/alt/fonts/126195b4-2fa0-4b95-b5cf-ad9bf10193f0.ttf") format("truetype"), url("../../layout/alt/fonts/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.woff2") format("woff2"), url("../../layout/alt/fonts/ccf25ada-6d2a-4133-95dc-deb039e22999.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: "DIN Next LT W01 Italic";
src: url("../fonts_1/43545a34-77fc-4613-a2ba-eb1f06bdfd5e.eot");
src: url("../fonts_1/43545a34-77fc-4613-a2ba-eb1f06bdfd5e.eot#iefix") format("eot"), url("../fonts_1/099f3b78-1eec-4286-a243-a204d96fec0b.ttf") format("truetype"), url("../fonts_1/e8258209-d292-4480-9fe3-b30dfa63ea97.woff2") format("woff2"), url("../fonts_1/c3cbbafb-1878-424d-b2f5-b176d0f9b370.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: "DIN Next LT W01 Medium";
src: url("../fonts_1/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot");
src: url("../fonts_1/c6dbdd54-50f5-472a-8b74-0e98ef77e33e.eot#iefix") format("eot"), url("../fonts_1/e65314e4-c389-45b8-99a9-26ab6aef066c.ttf") format("truetype"), url("../fonts_1/afabdfcf-432c-49b4-a496-0e5051e87fa9.woff2") format("woff2"), url("../fonts_1/611ea865-db7e-4c05-94b8-bd1675c90576.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: "DIN Next LT W01 Medium Italic";
src: url("../fonts_1/d181cd2c-c18f-40b3-8015-ac0d8be14b05.eot");
src: url("../fonts_1/d181cd2c-c18f-40b3-8015-ac0d8be14b05.eot#iefix") format("eot"), url("../fonts_1/aaa4548c-32c0-4f02-b77c-0643beb254cd.ttf") format("truetype"), url("../fonts_1/e7938824-19f4-4f10-a2f1-a0bf5f7ab502.woff2") format("woff2"), url("../fonts_1/34afc1f7-a48d-4091-83dc-cd888e3d0df8.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: "DIN Next LT W01 Bold";
src: url("../../layout/alt/fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot");
src: url("../../layout/alt/fonts/fa5ed46b-792d-4f47-894e-fa587cf4e1cf.eot#iefix") format("eot"), url("../../layout/alt/fonts/92ed1479-1d40-4a94-8baf-6abd88b17afa.ttf") format("truetype"), url("../../layout/alt/fonts/03008527-67bd-478e-98e3-3b56dd9a6520.woff2") format("woff2"), url("../../layout/alt/fonts/557f817d-9c25-4a23-baaf-a3cf84a7cd7c.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
@font-face {
font-family: "DIN Next LT W01 Bold Italic";
src: url("../fonts_1/c7856406-b320-4e5b-9164-4d8189fa62dd.eot");
src: url("../fonts_1/c7856406-b320-4e5b-9164-4d8189fa62dd.eot#iefix") format("eot"), url("../fonts_1/fde4eb42-4987-45b3-85d5-634e80fa1701.ttf") format("truetype"), url("../fonts_1/a6eb0ff6-9fe2-47b1-947e-fe6d477fea22.woff2") format("woff2"), url("../fonts_1/194d1c66-dc36-4c21-90af-3fe62de2fc02.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: fallback
}
:root {
--clr-black: #1d1d1b;
--clr-white: #fff;
--clr-light: #f4f4f4;
--clr-orange: #fd6639;
--clr-green: #66cc9a;
--clr-blue: #a09eff;
--clr-prim: #fff;
--clr-sec: #66cc9a;
--clr-grey: #cdcace;
--clr-map-blue: #33b5e5;;
/*Font-Size*/
--step--2: calc(0.65rem + 0.21vw);
--step--1: calc(0.77rem + 0.33vw);
--step-0: calc(0.90rem + 0.49vw);
--step-1: calc(1.06rem + 0.71vw);
--step-2: calc(1.24rem + 1.00vw);
--step-3: calc(1.45rem + 1.39vw);
--step-4: calc(1.69rem + 1.91vw);
--step-5: calc(1.97rem + 2.59vw);
--font-1-regular:"DIN Next LT W01 Regular",sans-serif;
--font-1-bold:"DIN Next LT W01 Bold",sans-serif;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
--body: var(--clr-black);
--heading: var(--clr-prim);
--bg: var(--clr-white);
--button-bg: var(--clr-prim);
--button-text-hover: var(--clr-white);
--button-bg-hover: var(--clr-black);
font-family: var(--font-1-regular);
font-style: normal;
font-size: var(--step-0);
margin: 0;
color: var(--body);
background-color: var(--bg);
line-height: 1.5;
/*
border: 0.5em solid var(--heading);
border-top: none;
*/
}
summary {list-style: none; cursor: pointer;}
summary::-webkit-details-marker {display: none; cursor: pointer;}
.container {
max-width:800px;
margin: auto;
}
.step--2{ font-size:var(--step--2);}
.step--1{ font-size:var(--step--1);}
.step-0{ font-size:var(--step-0);}
.step-1{ font-size:var(--step-1);}
.step-2{ font-size:var(--step-2);}
.step-3{ font-size:var(--step-3);}
.step-4{ font-size:var(--step-4);}
.step-5{ font-size:var(--step-5);}
.map {
height: 100%;
}
main {
position: relative;
height: -webkit-fill-available;
height: calc(100% - 54px);
background-color: var(--clr-white);
padding: 0 0 0.1em 0;
}
footer {
background-color: var(--clr-white);
padding: 0.1em 0;
}
h1 {
font-size: var(--step-3);
font-family: var(--font-1-bold);
line-height: normal;
}
h1 span {
font-size: var(--step-1);
line-height: 1.5rem;
display: inline-block;
}
.theme- h1 {
margin-top: 0;
}
h2,.glossarypage dt {
font-size: var(--step-1);
font-family: var(--font-1-bold);
}
h1,h2,h3,h4,h5,h6,.glossarypage dt{
display:block;
}
.glossarypage button {
cursor: pointer;
background-color: #000000;
border-radius: 50px;
display: inline-block;
color: #ffffff;
font-family: 'DIN NEXT LT W01 REGULAR';
margin: 0.8rem 1rem 1rem 1rem;
padding: 0.25rem 01rem;
text-decoration: none;
border-style: none;
text-transform: uppercase;
font-size: var(--step-0);
}
.glossarypage span {
display: block;
text-align: right;
}
a {
color: #2B547E;
}
header {
background-color: var(--clr-white);
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
inset: 0 0 auto 0;
position: relative;
min-height: 54px;
}
.theme-orange header, .routenwahl a.orange, .zwischendenhaeusern span, .betweenthehouses span {
background-color: var(--clr-orange);
}
.theme-blue header, .routenwahl a.blue, .kulturundbildung span, .cultureandeducation span {
background-color: var(--clr-blue);
}
.theme-green header, .routenwahl a.green, .lebenarbeiteninderstadt span {
background-color: var(--clr-green);
}
.theme-glossarytheme header {
background-color: var(--heading);
}
.theme- section.row.textcontent {
padding-top: 0;
}
.theme- .row.logo_container {
padding-bottom: 0;
}
.logo_container_startseite {
display: flex;
flex-direction: column;
align-items: center;
height: calc(100vw - 54px);
}
.logo_container .logo_break img{
width: 60%;
height: 100%;
display: block;
}
.logo_container{
text-align: center;
background-color: var(--clr-white);
width: 100%;
display: flex;
justify-content: flex-end;
}
.logo_container_startseite svg {
flex: 0 0 50%;
max-width: 80%;
margin: auto;
}
.logo_container svg {
flex: 0 0 25%;
max-width: 20%;
}
.startpage {
justify-content: space-evenly;
}
.pwa_logo{
margin-block:3rem;
}
.pwa_logo.auswahl{
margin-block:0rem;
width:10rem;
}
.logo_break{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background-color: var(--white);
}
.list_style-none{
padding: 0;
margin: 0;
list-style: none;
}
.btn, .sprache li a {
text-decoration: none;
color: var(--bg);
background-color: var(--body);
padding: .25rem 2rem;
border-radius: 50px;
display: inline-block;
text-align: center;
}
.text-center{
text-align: center;
}
.sprache{
margin:auto;
padding: 1rem 0 0 0;
text-align: center;
}
.sprache li{
margin:1rem;
}
.uppercase, .sprache li a{
text-transform: uppercase;
}
.header__headline{
line-height: normal;
padding: 0.25em 0.25em 0 2.8em;
}
.header__headline ul {
margin: 0;
padding: 0 0 0.2em 0;
list-style-type: none;
display: flex;
flex-direction: column;
align-items: flex-start;
align-content: center;
}
.header__headline li {
padding: .2em;
display: flex;
align-items: center;
}
.header__headline a {
color: var(--clr-black);
}
.header__headline svg, .knotenpunkt ul svg {
height: 1em;
}
.header__headline span {
display: inline-block;
width: 1em;
height: 1.6em;
background-repeat: no-repeat;
background-position: center center;
}
.header__headline svg, .header__headline span {
width: 1.6em;
}
.player__container{
margin: 2em 0;
display: flex;
justify-content: center;
align-items: center;
}
.d-none{
display: none;
height: 0;
width: 0;
}
.button__close{
font-family: "icomoon";
height: 40px;
width: 40px;
color: var(--body);
border: 2px solid var(--body);
cursor: pointer;
text-decoration: none;
left: 0.4em;
position: absolute;
top: 0.4em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: var(--heading);
}
details summary.button__close::before {
content: "\e904";
display: block;
line-height: 2.3rem;
}
details[open] summary.button__close::before {
content: "\e903";
}
.nav {
z-index: 11;
background-color: var(--bg);
width: 100%;
}
.nav[open] .nav__toggle::after, .nav[open] .nav__toggle::before {
content: "";
display: none;
}
.nav__container {
padding: 50px 0px;
background-color: var(--white);
}
.nav__list{
margin: -10px;
padding:0;
background-color: var(--white);
}
.nav__item {
background-color: var(--white);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 1rem 2rem;
margin: .5em 0;
}
.nav__item__heading{
text-align: center;
width: 100%;
margin-top: 0;
padding: 1em 0;
font-size: var(--step-2);
font-family: var(--font-1-bold);
text-transform: uppercase;
}
.nav__item__link{
width: fit-content;
padding: .2rem .5rem;
margin: 0.25rem 0.25rem;
border: solid .15rem var(--body);
border-radius: 0.3rem;
text-decoration: none;
font-family: var(--font-1-regular);
color: var(--body);
display: flex;
align-items: center;
}
.theme-orange .nav__item__link.activ, .theme-blue .nav__item__link.activ, .theme-green .nav__item__link.activ {
background-color: var(--heading)
}
.theme-glossarytheme .nav__item__link.activ {
background-color: var(--heading)
}
header nav a svg {
padding-right: 0.1em;
}
li.nav-item {
display: flex;
align-content: center;
justify-content: center;
align-items: flex-end;
flex-wrap: wrap;
padding: 1em;
}
.nav-item:first-of-type .nav__item__link:first-of-type {
padding: 0.1rem 0.5rem 0.25rem 0.5rem;
margin: 0 0.25rem 0.25rem 0.25rem;
}
.kpoint {
width: 40px;
height: 40px;
position: absolute;
inset: 50% 1em auto auto;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
padding: 0.2rem;
}
.kpoint svg {
width: 100%;
}
.row{
padding: 0.8em;
}
.vertiefung {
display: flex;
align-items: flex-start;
list-style: none;
padding: 0 0 1.5rem 0;
margin: 0;
justify-content: space-between;
flex-wrap: wrap;
}
.vertiefung li{
width: 25%;
text-align: center;
}
.vertiefung a{
display: flex;
align-items: center;
flex-direction: column;
text-decoration: 0;
font-size: var(--step--1);
color:var(--dark);
overflow-wrap: anywhere;
}
.vertiefung a.activ{
text-decoration: underline;
}
.vertiefung .activ span {
background-color: var(--clr-grey);
}
.vertiefung span{
display: flex;
justify-content: center;
align-items: center;
padding: .5rem;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: var(--heading);
background-size: 90%;
background-repeat: no-repeat;
background-position: center center;
}
.vertiefung span img{
width: 90%;
}
.hausgeschichte, .househistory {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1'%3E%3Cg%3E%3Cg%3E%3Cpath d='M18.03,32.98H9.39c-.84,0-1.52-.68-1.52-1.52v-7.73c0-.26,.07-.52,.2-.75l3.57-6.25c.27-.48,.77-.77,1.32-.77h0c.56,0,1.05,.29,1.32,.77l3.74,6.6v9.65Zm-5.06-16.01c-.09,0-.31,.03-.44,.26l-3.57,6.25c-.04,.08-.07,.16-.07,.25v7.73c0,.28,.23,.51,.51,.51h7.62v-8.37l-3.61-6.37c-.13-.23-.35-.26-.44-.26h0Z'/%3E%3Crect x='8.58' y='23.13' width='26.85' height='.95'/%3E%3Cg%3E%3Crect x='28.63' y='25.61' width='1.95' height='2.87' rx='.51' ry='.51'/%3E%3Crect x='31.7' y='25.61' width='1.95' height='2.87' rx='.51' ry='.51'/%3E%3C/g%3E%3Cg%3E%3Crect x='10.44' y='25.61' width='1.95' height='2.87' rx='.51' ry='.51'/%3E%3Crect x='13.51' y='25.61' width='1.95' height='2.87' rx='.51' ry='.51'/%3E%3C/g%3E%3Crect x='21.11' y='25.61' width='1.95' height='2.87' rx='.51' ry='.51'/%3E%3Cpath d='M27.17,32.98h-10.16l.02-9.67,3.61-11.76c.2-.65,.77-1.08,1.46-1.08h0c.69,0,1.26,.42,1.46,1.08l3.61,11.9v9.52Zm-9.14-1.02h8.13v-8.43l-3.56-11.68c-.1-.33-.4-.36-.49-.36h0c-.09,0-.38,.03-.49,.36l-3.59,11.68v8.43Z'/%3E%3Cpath d='M34.61,32.98h-8.46l.04-9.71,3.55-9.06c.23-.59,.79-.97,1.42-.97h0c.63,0,1.19,.38,1.42,.97l3.46,8.88c.07,.18,.1,.36,.1,.55v7.81c0,.84-.68,1.52-1.52,1.52Zm-7.45-1.02h7.45c.28,0,.51-.23,.51-.51v-7.81c0-.06-.01-.13-.04-.19l-3.45-8.88c-.12-.3-.39-.32-.47-.32h0c-.08,0-.36,.02-.47,.32l-3.52,8.97v8.41Z'/%3E%3C/g%3E%3Crect x='26.9' y='30' width='8.31' height='1.97'/%3E%3Crect x='8.87' y='30' width='8.31' height='1.97'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.biografien, .biographies {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cg%3E%3Cpath d='M26.31,19.69c-.21-.11-.4-.26-.58-.44-.14,.07-.27,.15-.4,.23l-.06,.68c-.04,.27-.1,.54-.17,.79,.18-.19,.38-.35,.57-.5,.2-.14,.4-.26,.6-.36,.15-.08,.31-.14,.47-.19-.15-.05-.29-.12-.43-.21Zm0,0c-.21-.11-.4-.26-.58-.44-.14,.07-.27,.15-.4,.23l-.06,.68c-.04,.27-.1,.54-.17,.79,.18-.19,.38-.35,.57-.5,.2-.14,.4-.26,.6-.36,.15-.08,.31-.14,.47-.19-.15-.05-.29-.12-.43-.21Zm0,0c-.21-.11-.4-.26-.58-.44-.14,.07-.27,.15-.4,.23l-.06,.68c-.04,.27-.1,.54-.17,.79,.18-.19,.38-.35,.57-.5,.2-.14,.4-.26,.6-.36,.15-.08,.31-.14,.47-.19-.15-.05-.29-.12-.43-.21Zm0,0c-.21-.11-.4-.26-.58-.44-.14,.07-.27,.15-.4,.23l-.06,.68c-.04,.27-.1,.54-.17,.79,.18-.19,.38-.35,.57-.5,.2-.14,.4-.26,.6-.36,.15-.08,.31-.14,.47-.19-.15-.05-.29-.12-.43-.21Zm-3.34,3.75c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm7.36-3.64c-.27-.21-.55-.4-.84-.55-.3,.29-.64,.51-1.01,.65,.37,.11,.74,.3,1.08,.55,1.54,1.12,2.74,3.52,3.15,6.44,.05,.38,.09,.77,.12,1.17,.01,.13-.03,.25-.12,.34-.08,.08-.19,.13-.31,.13h-5.61c.09,.32,.17,.65,.24,.99h5.37c.4,0,.75-.16,1.02-.45,.27-.29,.41-.68,.38-1.08-.24-3.65-1.59-6.68-3.47-8.19Zm-4.01-.5c0-.1,0-.2-.01-.3-.2,.06-.39,.15-.58,.25-.14,.07-.27,.15-.4,.23l-.06,.68c-.04,.27-.1,.54-.17,.79,.18-.19,.38-.35,.57-.5,.2-.14,.4-.26,.6-.36,.15-.08,.31-.14,.47-.19-.15-.05-.29-.12-.43-.21,.01-.13,.01-.26,.01-.39Zm-2.92,4.31c.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36,.14,.04,.29,.1,.43,.17Zm-.43-.17c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c-.2,.09-.42,.14-.64,.16-.12,.32-.23,.65-.32,.99,.03,0,.06,0,.09,0,.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Zm0,0c.14,.04,.29,.1,.43,.17,.08-.18,.16-.36,.24-.53-.21,.16-.43,.28-.67,.36Z'/%3E%3Cpath d='M25.73,19.25c-.15-.14-.29-.3-.42-.47,.02,.17,.03,.34,.03,.51,0,.06,0,.13-.01,.19,.13-.08,.26-.16,.4-.23Zm0,0c-.15-.14-.29-.3-.42-.47,.02,.17,.03,.34,.03,.51,0,.06,0,.13-.01,.19,.13-.08,.26-.16,.4-.23Zm1.88-8.8c-1.94,0-3.57,1.64-4.06,3.88-.08,.32-.13,.66-.14,1.01,.37,.22,.71,.53,.99,.91-.02-.17-.03-.34-.03-.51,0-.29,.02-.57,.07-.85,.29-1.97,1.6-3.47,3.17-3.47,1.79,0,3.24,1.94,3.24,4.32,0,1.45-.54,2.73-1.36,3.51-.3,.29-.64,.51-1.01,.65-.28,.1-.57,.16-.87,.16s-.59-.06-.87-.16c-.15-.05-.29-.12-.43-.21-.21-.11-.4-.26-.58-.44-.15-.14-.29-.3-.42-.47,.02,.17,.03,.34,.03,.51,0,.06,0,.13-.01,.19l-.06,.68c.13,.11,.26,.21,.4,.29,.15,.11,.32,.2,.49,.27,.45,.22,.94,.33,1.45,.33,.71,0,1.37-.22,1.95-.6,.28-.18,.53-.4,.77-.65,.92-.97,1.5-2.43,1.5-4.05,0-2.92-1.89-5.3-4.22-5.3Zm-1.88,8.8c-.15-.14-.29-.3-.42-.47,.02,.17,.03,.34,.03,.51,0,.06,0,.13-.01,.19,.13-.08,.26-.16,.4-.23Z'/%3E%3Cpath d='M18.91,20c-.02-.13-.03-.26-.04-.39-.19-.14-.39-.26-.59-.36-.13-.07-.26-.13-.39-.18-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27-.19,.14-.4,.25-.62,.33,.23,.07,.46,.17,.68,.3,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28Zm2.76,3.57l-.44-.13c-.36-.12-.69-.33-.98-.61,.14,.27,.27,.56,.39,.86,.1,.22,.18,.44,.25,.68,.35,.14,.72,.22,1.11,.22-.1-.35-.21-.69-.33-1.02Zm-10.06,4.96c-.12,0-.23-.04-.31-.13-.09-.09-.12-.21-.12-.34,.03-.4,.07-.79,.13-1.17,.41-2.92,1.61-5.31,3.14-6.44,.35-.25,.71-.44,1.08-.55-.37-.13-.71-.35-1.01-.65-.29,.15-.57,.33-.84,.55-1.88,1.51-3.23,4.54-3.47,8.19-.03,.4,.11,.79,.38,1.08,.27,.29,.64,.45,1.03,.45h5.55c.06-.34,.14-.67,.24-.99h-5.8Z'/%3E%3Cpath d='M17.89,19.57c-.19,.14-.4,.25-.62,.33,.23,.07,.46,.17,.68,.3-.04-.21-.06-.42-.06-.63Zm2.59-5.16c-.47-2.28-2.12-3.96-4.08-3.96-2.33,0-4.22,2.38-4.22,5.3,0,1.62,.58,3.08,1.5,4.05,.24,.25,.49,.47,.77,.65,.58,.38,1.25,.6,1.95,.6,.58,0,1.13-.15,1.63-.4,.11-.07,.21-.13,.31-.2,.2-.12,.39-.27,.57-.45-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86-.18,.31-.4,.59-.65,.82-.12,.12-.25,.23-.39,.32-.19,.14-.4,.25-.62,.33-.28,.11-.57,.16-.87,.16s-.59-.05-.87-.16c-.37-.13-.71-.35-1.01-.65-.82-.78-1.36-2.06-1.36-3.51,0-2.38,1.45-4.32,3.24-4.32,1.61,0,2.95,1.58,3.19,3.63,.04,.22,.05,.45,.05,.69,0,.29-.02,.58-.07,.86,.28-.47,.63-.86,1.04-1.13-.01-.37-.06-.72-.13-1.06Zm-2.53,5.79c-.04-.21-.06-.42-.06-.63-.19,.14-.4,.25-.62,.33-.28,.11-.57,.16-.87,.16s-.59-.05-.87-.16c-.37,.11-.73,.3-1.08,.55,.58,.38,1.25,.6,1.95,.6,.58,0,1.13-.15,1.63-.4,.11-.07,.21-.13,.31-.2-.13-.09-.26-.18-.39-.25Z'/%3E%3Cpath d='M28.04,29.52c-.06-.31-.13-.62-.21-.92,0-.02-.01-.05-.02-.07-.13-.52-.29-1.01-.47-1.48-.62-1.6-1.5-2.88-2.53-3.71-.27-.21-.54-.39-.83-.54l-.34,.28c-.21,.16-.43,.28-.67,.36,.14,.04,.29,.1,.43,.17,.22,.1,.44,.23,.65,.39,1.18,.87,2.17,2.49,2.74,4.53,.09,.32,.17,.65,.24,.99,.14,.66,.23,1.36,.28,2.08,.01,.13-.03,.25-.12,.34-.08,.08-.19,.13-.31,.13h-9.57c-.12,0-.23-.04-.31-.13-.09-.09-.12-.21-.12-.34,.05-.72,.15-1.42,.29-2.08,.06-.34,.14-.67,.24-.99,.57-2.04,1.56-3.67,2.74-4.54,.16-.11,.32-.22,.49-.3,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61-.01-.02-.01-.03-.02-.04,0,0-.01,0-.01,.01-.29,.15-.56,.33-.83,.54-1,.8-1.85,2.03-2.46,3.55-.21,.51-.39,1.06-.54,1.64-.01,.02-.01,.04-.02,.07-.08,.3-.14,.6-.2,.92-.13,.64-.21,1.32-.26,2.02-.03,.4,.11,.79,.38,1.08,.26,.28,.63,.44,1.02,.44h9.57c.4,.01,.76-.15,1.03-.44,.27-.29,.41-.68,.38-1.08-.05-.7-.13-1.37-.25-2.02Z'/%3E%3Cpath d='M22.97,23.44c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm-.87,.17c-.15,0-.29-.01-.43-.04,.12,.33,.23,.67,.33,1.02h.01c.09-.34,.2-.67,.32-.99-.07,.01-.15,.01-.23,.01Zm-1.85-.78c.14,.27,.27,.56,.39,.86,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61Zm-1.34-2.83c-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86-.18,.31-.4,.59-.65,.82-.12,.12-.25,.23-.39,.32,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28Zm3.19,3.61c-.15,0-.29-.01-.43-.04,.12,.33,.23,.67,.33,1.02h.01c.09-.34,.2-.67,.32-.99-.07,.01-.15,.01-.23,.01Zm-1.85-.78c.14,.27,.27,.56,.39,.86,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61Zm-.66-7.78c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm2.51,8.56c-.15,0-.29-.01-.43-.04,.12,.33,.23,.67,.33,1.02h.01c.09-.34,.2-.67,.32-.99-.07,.01-.15,.01-.23,.01Zm-1.85-.78c.14,.27,.27,.56,.39,.86,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61Zm-.66-7.78c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm3.38,8.39c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.29,.15-.56,.33-.83,.54,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm-3.38-8.39c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm3.38,8.39c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.16-.11,.32-.22,.49-.3,.1,.22,.18,.44,.25,.68,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.16-.11,.32-.22,.49-.3,.1,.22,.18,.44,.25,.68,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm3.34-4.44c-.07-1.71-.8-3.21-1.87-4.11-.28-.23-.57-.42-.89-.56-.45-.21-.94-.33-1.45-.33-.57,0-1.12,.15-1.62,.41-.32,.17-.62,.38-.89,.64-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.33-.1,.65-.25,.95-.44,.28-.19,.53-.41,.76-.66,.65-.67,1.12-1.58,1.35-2.62,.05-.2,.09-.41,.11-.63,.02-.13,.03-.26,.04-.4,.01-.13,.01-.26,.01-.39,0-.1,0-.2-.01-.3Zm-1.22,1.97c-.24,.74-.62,1.37-1.11,1.83-.11,.1-.22,.2-.34,.28-.21,.16-.43,.28-.67,.36-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.28-.48,.63-.87,1.04-1.14,.44-.32,.95-.5,1.49-.5,.47,0,.91,.13,1.31,.37,.37,.22,.71,.53,.99,.91,.5,.66,.83,1.55,.91,2.53,.02,.17,.03,.34,.03,.51,0,.06,0,.13-.01,.19l-.06,.68c-.04,.27-.1,.54-.17,.79t0,.02Zm-2.12,2.47c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.16-.11,.32-.22,.49-.3,.1,.22,.18,.44,.25,.68,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.16-.11,.32-.22,.49-.3,.1,.22,.18,.44,.25,.68,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm0,0c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.42-.39-.76-.91-1-1.52-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.01,.15,.04,.3,.08,.45,.21,1.07,.7,2.01,1.36,2.69,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm-3.38-8.39c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm3.38,8.39c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61l-.03-.03c-.29,.15-.56,.33-.83,.54,.23,.25,.48,.47,.76,.65,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm-3.38-8.39c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm3.38,8.39c-.2,.09-.42,.14-.64,.16-.07,.01-.15,.01-.23,.01-.15,0-.29-.01-.43-.04-.15-.03-.3-.07-.44-.13-.36-.12-.69-.33-.98-.61,.14,.27,.27,.56,.39,.86-.17,.08-.33,.19-.49,.3,.23,.16,.48,.29,.74,.38,.35,.14,.72,.22,1.11,.22h.01s.06,0,.09,0c.34,0,.68-.05,1-.16,.09-.29,.19-.57,.3-.83-.14-.07-.29-.13-.43-.17Zm-3.38-8.39c-.99,.92-1.65,2.37-1.7,4.02-.01,.07-.01,.15-.01,.23,0,.09,0,.18,.01,.27,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86h0c.1-.68,.32-1.3,.64-1.82h0c.05-.29,.07-.58,.07-.87,0-.24-.01-.47-.05-.69Zm.66,7.78c.14,.27,.27,.56,.39,.86,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61Zm1.85,.78c-.15,0-.29-.01-.43-.04,.12,.33,.23,.67,.33,1.02h.01c.09-.34,.2-.67,.32-.99-.07,.01-.15,.01-.23,.01Zm-3.19-3.61c-.02-.13-.03-.26-.04-.39-.01-.1-.01-.21-.01-.32,0-.29,.02-.58,.07-.86-.18,.31-.4,.59-.65,.82-.12,.12-.25,.23-.39,.32,0,.21,.02,.42,.06,.63,.13,.07,.26,.16,.39,.25,.31,.23,.61,.51,.88,.83-.15-.4-.26-.83-.31-1.28Zm1.34,2.83c.14,.27,.27,.56,.39,.86,.19-.11,.39-.19,.59-.25-.36-.12-.69-.33-.98-.61Zm1.85,.78c-.15,0-.29-.01-.43-.04,.12,.33,.23,.67,.33,1.02h.01c.09-.34,.2-.67,.32-.99-.07,.01-.15,.01-.23,.01Z'/%3E%3C/g%3E%3Crect x='10.93' y='26.89' width='6.07' height='1.71'/%3E%3Crect x='27.21' y='26.89' width='6.2' height='1.71'/%3E%3C/g%3E%3C/svg%3E");
}
.quelle, .source {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cg%3E%3Cg%3E%3Cpath d='M27.79,15.71l-9.89,.02c-.17,0-.32,.09-.41,.22-.05,.07-.08,.17-.08,.27,0,.08,.02,.16,.06,.22h9.93c.45,0,.81-.32,.91-.73h-.52Zm2.28-4.23H14.06s-.18,.02-.43,.14c-.66,.3-1.78,1.23-1.32,4.03,.07,.45,.47,.79,.93,.79h2.73c.04-.17,.07-.33,.1-.49,.29-1.72,.14-3.04-.47-3.94,0-.01-.02-.04-.02-.04h13.57c.45-.43,.92-.49,.92-.49Z'/%3E%3Cpath d='M27.79,15.71s-.03,.07-.06,.1c-.08,.09-.19,.14-.32,.14h-9.92c-.05,.07-.08,.17-.08,.27,0,.08,.02,.16,.06,.22,.08,.16,.24,.27,.43,.27l10.27-.02c.11-.06,.2-.14,.29-.24,.19-.21,.31-.47,.35-.74h-1.02Zm2.29-4.73H14s-.94,.13-1.6,1.02c-.64,.87-.83,2.12-.57,3.72,.11,.69,.72,1.21,1.41,1.21h2.62c.05-.17,.09-.33,.11-.49,.04-.17,.07-.33,.1-.49h-2.83c-.21,0-.4-.16-.44-.38-.21-1.29-.08-2.32,.38-2.95,.38-.52,.83-.64,.88-.65h15.93s.02,0,.05,.01c.06-.01,.09-.02,.1-.02,.26-.03,.45-.26,.43-.52s-.23-.46-.49-.46Z'/%3E%3C/g%3E%3Cpath d='M15.6,12.01s-.02-.04-.02-.04h-1.51c.14,.04,.47,.18,.75,.6,.33,.51,.62,1.5,.26,3.38h.99c.29-1.72,.14-3.04-.47-3.94Zm0,0s-.02-.04-.02-.04h-1.51c.14,.04,.47,.18,.75,.6,.33,.51,.62,1.5,.26,3.38h.99c.29-1.72,.14-3.04-.47-3.94Zm12.38,15.95c-.04,.18-.08,.36-.1,.53-.07,.35-.11,.69-.12,1h.99c.02-.29,.06-.62,.13-1,.02-.1,.04-.22,.07-.33,.62-2.75,2.24-8.76,2.9-11.08,.63-2.22,.59-3.91-.13-5.01-.63-.96-1.54-1.1-1.64-1.1H14.08s-.03,0-.04,.01c-.23,.01-.42,.2-.44,.44,0,.07,0,.14,.03,.2,.05,.17,.2,.3,.38,.33,0,0,.02,.01,.05,.02h.01c.14,.04,.47,.18,.75,.6,.33,.51,.62,1.5,.26,3.38-.03,.16-.06,.32-.1,.49-.02,.11-.05,.22-.08,.34-.01,.05-.03,.1-.04,.15-.19,.76-.43,1.71-.69,2.75-.7,2.81-1.57,6.31-2.11,8.19-.51,1.79-.44,3.16,.19,4.08,.62,.91,1.58,1.01,1.62,1.01H29.93c.26-.01,.49-.23,.49-.49,.01-.24-.16-.45-.39-.49H13.93c-.13-.02-.57-.13-.88-.6-.44-.65-.45-1.77-.04-3.23,.53-1.9,1.41-5.4,2.11-8.22,.27-1.11,.52-2.11,.72-2.89,0-.04,.02-.08,.02-.11,.05-.17,.09-.33,.11-.49,.04-.17,.07-.33,.1-.49,.29-1.72,.14-3.04-.47-3.94,0-.01-.02-.04-.02-.04h14.41s.02,0,.05,.01c.14,.04,.54,.18,.85,.67,.38,.59,.68,1.79,0,4.18-.66,2.33-2.29,8.37-2.91,11.13ZM15.6,12.01s-.02-.04-.02-.04h-1.51c.14,.04,.47,.18,.75,.6,.33,.51,.62,1.5,.26,3.38h.99c.29-1.72,.14-3.04-.47-3.94Z'/%3E%3Cpath d='M30.84,28.49h-14.15c-.79,0-1.45,.63-1.45,1.4-.01,1.91-1.09,2.07-1.21,2.08-.01,0-.03,0-.04,.01-.24,.04-.42,.25-.42,.5,.01,.27,.23,.48,.49,.48h0s16.06-.01,16.06-.01c.77-.07,2.21-.8,2.15-3.1-.02-.75-.66-1.36-1.43-1.36Zm-.76,3.49H15.68c.32-.47,.56-1.14,.56-2.07,0-.23,.21-.42,.46-.42h14.15c.23,0,.44,.18,.44,.4,.05,1.89-1.13,2.08-1.21,2.09Z'/%3E%3Cpath d='M22.03,25.46h-6.45c-.27,0-.49-.22-.49-.49s.22-.49,.49-.49h6.45c.27,0,.49,.22,.49,.49s-.22,.49-.49,.49Z'/%3E%3Cpath d='M16.3,22.54c-.27,0-.49-.22-.49-.49s.22-.49,.49-.49l11.33-.02h0c.27,0,.49,.22,.49,.49s-.22,.49-.49,.49l-11.33,.02h0Z'/%3E%3Cpath d='M17.09,19.62c-.27,0-.49-.22-.49-.49s.22-.49,.49-.49l11.33-.02h0c.27,0,.49,.22,.49,.49s-.22,.49-.49,.49l-11.33,.02h0Z'/%3E%3Cpath d='M29.72,16.2c0,.27-.22,.49-.49,.49h-1.06l-10.27,.02c-.19,0-.35-.11-.43-.27-.04-.06-.06-.14-.06-.22,0-.1,.03-.2,.08-.27,.09-.13,.24-.22,.41-.22l9.89-.02h1.44c.27,0,.49,.22,.49,.49Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.erinnerung, .memory {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1'%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Crect xmlns='http://www.w3.org/2000/svg' fill='transparent' x='9.06' y='11.58' width='24.93' height='20.76' rx='1.08' ry='1.08'/%3E%3Cpath d='M32.91,32.84H10.14c-.87,0-1.58-.71-1.58-1.58V12.65c0-.87,.71-1.58,1.58-1.58h22.78c.87,0,1.58,.71,1.58,1.58V31.26c0,.87-.71,1.58-1.58,1.58ZM10.14,12.08c-.32,0-.58,.26-.58,.58V31.26c0,.32,.26,.58,.58,.58h22.78c.32,0,.58-.26,.58-.58V12.65c0-.32-.26-.58-.58-.58H10.14Z'/%3E%3C/g%3E%3Crect x='21.03' y='11.5' width='1' height='19.61'/%3E%3Cg%3E%3Cpath d='M23.31,17.44c-.28,0-.5-.22-.5-.5,0-.78-.63-1.41-1.41-1.41s-1.41,.63-1.41,1.41c0,.28-.22,.5-.5,.5s-.5-.22-.5-.5c0-1.33,1.08-2.41,2.41-2.41s2.41,1.08,2.41,2.41c0,.28-.22,.5-.5,.5Z'/%3E%3Cpath d='M23.31,22.3c-.28,0-.5-.22-.5-.5,0-.78-.63-1.41-1.41-1.41s-1.41,.63-1.41,1.41c0,.28-.22,.5-.5,.5s-.5-.22-.5-.5c0-1.33,1.08-2.41,2.41-2.41s2.41,1.08,2.41,2.41c0,.28-.22,.5-.5,.5Z'/%3E%3Cpath d='M23.31,27.74c-.28,0-.5-.22-.5-.5,0-.78-.63-1.41-1.41-1.41s-1.41,.63-1.41,1.41c0,.28-.22,.5-.5,.5s-.5-.22-.5-.5c0-1.33,1.08-2.41,2.41-2.41s2.41,1.08,2.41,2.41c0,.28-.22,.5-.5,.5Z'/%3E%3C/g%3E%3Cg%3E%3Crect x='11.84' y='14.3' width='6.03' height='6.03' rx='1.03' ry='1.03'/%3E%3Cg%3E%3Crect x='10.59' y='21.94' width='6.03' height='6.03' rx='1.03' ry='1.03' fill='transparent'/%3E%3Cpath d='M15.59,22.94l.03,.03-.03,4-4-.03,.03-4h3.96m0-1h-3.96c-.57,0-1.03,.46-1.03,1.03v3.96c0,.57,.46,1.03,1.03,1.03h3.96c.57,0,1.03-.46,1.03-1.03v-3.96c0-.57-.46-1.03-1.03-1.03h0Z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath d='M30.11,18.03l.03,.03-.03,6.1-4-.03,.03-6.1h3.96m0-1h-3.96c-.57,0-1.03,.46-1.03,1.03v6.06c0,.57,.46,1.03,1.03,1.03h3.96c.57,0,1.03-.46,1.03-1.03v-6.06c0-.57-.46-1.03-1.03-1.03h0Z'/%3E%3Crect x='29.95' y='15.53' width='1.32' height='3.97' rx='.52' ry='.52' transform='translate(64.26 6.9) rotate(132.71)'/%3E%3Crect x='25.11' y='22.73' width='1.32' height='3.97' rx='.52' ry='.52' transform='translate(61.48 23.96) rotate(135)'/%3E%3C/g%3E%3C/g%3E%3Crect x='9.56' y='29.86' width='24.43' height='1.99'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.medien, .media {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1'%3E%3Cpath d='M31.31,20.54l-13.26-8.07c-.53-.32-1.16-.33-1.69-.03-.54,.3-.86,.85-.86,1.46V30.1c0,.62,.32,1.16,.86,1.46,.26,.14,.54,.22,.82,.22,.3,0,.6-.08,.88-.25l13.26-8.12c.5-.31,.8-.84,.8-1.43s-.3-1.12-.81-1.43Zm-14.45-7.2c.1-.06,.21-.08,.32-.08,.12,0,.23,.03,.33,.1l11.85,7.21-12.82,7.89V13.9c0-.24,.12-.45,.33-.56Z'/%3E%3C/g%3E%3C/svg%3E");
}
.audio {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1'%3E%3Cg%3E%3Cpath d='M23.87,13.62c0-.59-.34-1.11-.87-1.36-.54-.25-1.15-.16-1.6,.22l-5.51,4.72h-3.01c-.83,0-1.5,.67-1.5,1.5v6.59c0,.83,.67,1.5,1.5,1.5h3.01l5.51,4.72c.28,.24,.62,.36,.97,.36,.21,0,.43-.05,.63-.14,.54-.25,.87-.77,.87-1.36v-.83s0,0,0,0h0s0-7.55,0-7.55V13.62Zm-11.01,4.58h3.38l5.79-4.96c.23-.19,.47-.11,.53-.08,.07,.03,.29,.16,.29,.46v8.38s0,6.69,0,6.69l-5.83-4.99h-.5s0,0,0,0h-4.18v-5c0-.28,.22-.5,.5-.5Zm9.18,12.56'/%3E%3Cpath d='M27.59,13.44c-.24-.13-.55-.05-.68,.19-.13,.24-.05,.55,.19,.68,2.79,1.55,4.53,4.5,4.53,7.69s-1.73,6.13-4.53,7.69c-.24,.13-.33,.44-.19,.68,.09,.16,.26,.26,.44,.26,.08,0,.17-.02,.24-.06,3.11-1.73,5.04-5.01,5.04-8.56s-1.93-6.83-5.04-8.56Z'/%3E%3Cpath d='M28.81,22c0-2.1-1.08-4.01-2.88-5.11-.23-.14-.54-.07-.69,.17-.14,.24-.07,.54,.17,.69,1.5,.91,2.4,2.5,2.4,4.25s-.9,3.34-2.4,4.25c-.24,.14-.31,.45-.17,.69,.09,.15,.26,.24,.43,.24,.09,0,.18-.02,.26-.07,1.8-1.1,2.88-3,2.88-5.11Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1'%3E%3Cg%3E%3Cpath d='M31.04,16.54l-5.69-5.56h-.01s-10.92,.01-10.92,.01c-.75,0-1.36,.61-1.36,1.35V31.64c0,.75,.61,1.36,1.36,1.36h15.25c.75,0,1.35-.61,1.35-1.36v-15.08s.02-.01,.02-.01Zm-1.02,15.1c0,.2-.16,.36-.35,.36H14.41c-.2,0-.36-.16-.36-.36V12.35c0-.2,.16-.35,.36-.35h9.92v4.13c0,.38,.15,.74,.42,1.01,.27,.27,.63,.42,1.01,.42h4.26s-.01,14.08-.01,14.08Z'/%3E%3Cpath d='M27.21,23.62h-10.35c-.28-.01-.5,.21-.5,.49s.22,.5,.5,.5h10.35c.28,.01,.5-.21,.5-.49s-.22-.5-.5-.5Z'/%3E%3Cpath d='M16.86,21.03c-.28,0-.5,.22-.5,.5s.22,.5,.5,.5h10.35c.28,.01,.5-.21,.5-.48s-.22-.5-.5-.5h-10.35Z'/%3E%3Cpath d='M27.21,26.29h-10.35c-.28-.01-.5,.21-.5,.48s.22,.5,.5,.5h10.35c.28,.01,.5-.21,.5-.48s-.22-.5-.5-.5Z'/%3E%3Cpath d='M27.21,28.95h-10.35c-.28-.01-.5,.21-.5,.49s.22,.5,.5,.5h10.35c.28,.01,.5-.21,.5-.49s-.22-.5-.5-.5Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.ar {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Ebene_1' data-name='Ebene 1' viewBox='0 0 44 44'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cpath d='M29.95,11.5h-7.05c-.87,0-1.58,.71-1.58,1.58v11.75c.1,.06,.19,.12,.28,.18,.26,.17,.51,.34,.77,.5V13.08c0-.29,.24-.53,.53-.53h7.05c.19,0,.34,.15,.34,.34v8.63c.14-.2,.27-.41,.41-.61,.19-.28,.41-.6,.64-.93v-7.09c0-.77-.62-1.39-1.39-1.39Zm-8.63,16.05h.71c-.25-.37-.49-.73-.71-1.08v1.08Z'/%3E%3Ccircle cx='26.33' cy='15.02' r='1.24'/%3E%3Cpath d='M32.69,23.34s3.44-6.48,1.21-7.09c-.07-.02-.14-.03-.22-.03v.02c-.69,0-1.48,.81-2.34,1.94-.25,.34-.51,.7-.78,1.08-.09,.13-.18,.26-.27,.39-1.7,2.47-3.56,5.42-5.3,5.73-.06,0-.11,.01-.17,.01-.64,0-1.54-.56-2.45-1.15-.13-.08-.26-.17-.4-.26-.22-.14-.44-.28-.65-.41-.62-.38-1.2-.67-1.64-.67-.22,0-.41,.07-.55,.24-1.01,1.21,4.26,8.88,7.09,10.12,.83,.36,1.63,.52,2.4,.52,3.94,0,6.95-4.16,7.11-6.19,.19-2.23-3.04-4.25-3.04-4.25Zm-4.09,9.41c-.66,0-1.33-.15-1.98-.43-1.3-.57-3.17-2.72-4.59-4.77-.25-.37-.49-.73-.71-1.08-.58-.93-1.02-1.77-1.2-2.35,.36,.17,.82,.46,1.2,.71,.1,.06,.19,.12,.28,.18,.26,.17,.51,.34,.77,.5,.85,.52,1.66,.94,2.44,.94,.12,0,.24-.01,.36-.03,1.86-.33,3.51-2.58,5.12-4.9,.14-.2,.27-.41,.41-.61,.19-.28,.41-.6,.64-.93,.78-1.13,1.72-2.39,2.24-2.65,.18,.75-.66,3.32-1.83,5.53-.26,.48-.1,1.09,.37,1.38,.7,.44,2.66,1.99,2.55,3.28-.13,1.51-2.68,5.23-6.07,5.23Z'/%3E%3Cpath d='M10.61,11.99l-2.71-.58c-.28-.06-.56,.12-.62,.4-.06,.28,.12,.56,.4,.62l2.71,.58s.11,.01,.11,.01h0c.24,.01,.46-.16,.51-.41,.06-.28-.12-.56-.4-.62Zm4.52,.96l-2.71-.58c-.28-.07-.56,.12-.62,.4-.06,.28,.12,.56,.4,.62l2.71,.58s.11,.01,.11,.01h0c.24,.01,.46-.16,.51-.41,.06-.28-.12-.56-.4-.62Zm4.52,.96l-2.71-.58c-.28-.07-.56,.12-.62,.4-.06,.28,.12,.56,.4,.62l2.71,.58s.11,.01,.11,.01h0c.24,.01,.46-.16,.51-.41,.06-.28-.12-.56-.4-.62Z'/%3E%3Cpath d='M19.99,20.83c-.06-.28-.34-.46-.62-.4l-2.71,.58c-.28,.06-.46,.34-.4,.62,.05,.25,.27,.42,.51,.42h0s.11-.02,.11-.02l2.71-.58c.28-.06,.46-.34,.4-.62Zm-4.52,.96c-.06-.28-.33-.46-.62-.4l-2.71,.58c-.28,.06-.46,.34-.4,.62,.05,.25,.27,.42,.51,.42h0s.11-.02,.11-.02l2.71-.58c.28-.06,.46-.34,.4-.62Zm-4.52,.96c-.06-.28-.34-.46-.62-.4l-2.71,.58c-.28,.06-.46,.34-.4,.62,.05,.25,.27,.42,.51,.42h0s.11-.02,.11-.02l2.71-.58c.28-.06,.46-.34,.4-.62Z'/%3E%3Cpath d='M10.42,17.16h-2.77c-.28,0-.52,.23-.52,.52s.23,.52,.52,.52h2.77c.29,0,.52-.23,.52-.52s-.23-.52-.52-.52Zm4.62,0h-2.77c-.28,0-.52,.23-.52,.52s.23,.52,.52,.52h2.77c.28,0,.52-.23,.52-.52s-.23-.52-.52-.52Zm4.62,0h-2.77c-.29,0-.52,.23-.52,.52s.23,.52,.52,.52h2.77c.28,0,.52-.23,.52-.52s-.23-.52-.52-.52Z'/%3E%3Cpath d='M22.05,22.1l1.4,.76c.89,.48,1.99,.25,2.62-.54l4.42-5.59,.12,4.13-3.95,4.34-2.04,.7-2.68-1.15s.11-2.65,.11-2.65Z'/%3E%3C/g%3E%3C/svg%3E");
}
.img__slider__thumbnail{
display: block;
position: relative;
}
.img__slider__thumbnail img{
width: 100%;
max-height: 50vh;
object-fit: cover;
}
.img__slider__thumbnail .touch__icon {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
inset: auto 0 0 auto;
width: 4rem;
height: 3rem;
border-radius: 50px 0 0 50px ;
background-color: var(--clr-black);
}
.img__slider__thumbnail .touch__icon img{
width:60%;
height:60%;
}
.img__slider:target {
display: block;
position: fixed;
inset:0;
z-index: 10;
}
.img__slider__img{
display: flex;
background-color: var(--bg);
align-items: center;
}
.before-after {
position: relative;
display: inline-block;
vertical-align: top;
user-select: none
}
.before-after .photo img {
display: block;
max-width: 100%;
height: auto
}
.before-after .photo.before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
transform: translate(-50%)
}
.before-after .photo.before .layer,.before-after .photo.before img {
transform: translate(50%)
}
.before-after .drag-handler {
width: 4px;
background-color: var(--bg);
margin: 0 0 0 -4px;
position: absolute;
top: 0;
left: 50%;
height: 100%;
opacity: 1;
padding: 2px;
border-inline: 4px solid var(--body);
}
.before-after .drag-handler .drag-element {
position: absolute;
left: -23px;
top: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 0;
background-color: var(--bg);
border: 4px var(--body) solid;
border-radius: 50%;
}
.before-after .drag-handler .drag-element:before {
position: absolute;
width: 30px;
height: 30px;
content: " ";
top: 9px;
left: 6px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.5 19.2'%3E%3Cpath d='M9.6,0L0,9.6l9.6,9.6V0Z'/%3E%3Cpath d='M17,19.2l9.5-9.6L16.9,0l.1,19.2Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.bildnachweis {
background: #f4f4dc;
padding: 0.8rem;
font-size: smaller;
}
.bildnachweis p {
margin: 0;
text-align: left;
display: grid;
justify-content: center;
}
details.bildnachweis summary span::before {
content: "+";
padding: 0 0.2em 0 0;
}
details[open].bildnachweis summary span::before {
content: "-";
}
.mapboxgl-popup {
margin-left: 0px;
padding-bottom: 20px;
}
#map .mapboxgl-popup-content {
padding: 10px;
color: #1c3661;
font-size: 1rem;
background: var(--clr-white);
border-radius: 10px;
-webkit-box-shadow: 3px 3px 10px 3px #000000;
box-shadow: 3px 3px 10px 3px #000000;
}
.mapboxgl-popup-content p {
font-weight: normal;
display: inline-block;
line-height: 1.5rem;
}
.mapboxgl-popup-content img {
width: 100%;
}
.mapboxgl-popup-content p span.location_link {
margin-bottom: 0;
display: inline-block;
padding: 10px 10px 6px 25px;
font-weight: bold;
}
.mapboxgl-map a {
text-decoration: none;
width: 100%;
color: var(--clr-black);
}
.mapboxgl-popup-content strong {
padding: 0 0 0.6em 0;
display: inline-block;
font-size: 1.2rem;
}
.mapboxgl-popup-close-button {
font-size: 1.6rem;
padding: 0;
margin: 0;
-webkit-box-shadow: 2px 2px 5px 2px #000000;
box-shadow: 2px 2px 5px 2px #000000;
right: -35px;
top: -30px;
border-radius: 2em;
width: 2rem;
height: 2rem;
background-color: white;
line-height: 1rem;
color: var(--clr-black);
}
.mapboxgl-popup-content p span.location_info {
margin-bottom: -5px;
display: inline-block;
padding: 8px 10px 8px 25px;
background-color: var(--bg);
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
border-top-color: #dbdadb;
}
.mapbox-directions-origin .mapbox-form-label {
background-color: ;
}
.mapbox-form-label {
background-color: ;
}
#add-3d-buildings::after{
content: "3D";
font-family: var(--font-1-bold);
font-size: var(--step--2);
}
#mapboxgl-ctrl-toggle::after{
content: "Map";
font-family: var(--font-1-bold);
font-size: var(--step--2);
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
float:none;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
border-top-color: var(--clr-white);
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
border-bottom-color: var(--clr-white);
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
border-right-color: var(--clr-white);
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
border-left-color: var(--clr-white);
}
.mapboxgl-popup-content span {
padding: 0.5em;
border-radius: 10px;
display: block;
text-align: center;
}
.theme-orange .mapboxgl-popup-content span {
background: var(--clr-orange);
}
.theme-blue .mapboxgl-popup-content span {
background: var(--clr-blue);
}
.theme-green .mapboxgl-popup-content span {
background: var(--clr-green);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
margin: 10px 0 0 10px;
float: left;
}
.mapboxgl-ctrl-directions {
min-width: 200px;
max-width: 300px;
}
.mapbox-directions-instructions-wrapper {
max-height: 30vh;
}
#mapmenu {
background: var(--bg);
box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
position: absolute;
z-index: 1;
inset: 145px 10px auto auto;
border-radius: 4px;
width: 29px;
font-family: 'Open Sans', sans-serif;
}
#mapmenu a {
font-size: 13px;
color: #404040;
display: block;
margin: 0;
padding: 0;
height: 29px;
text-decoration: none;
text-align: center;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
font-size: 0;
}
#mapmenu a:last-child {
border: none;
}
#mapmenu a.active:hover {
background-color: rgba(0,0,0,.05);
}
#mapmenu a+a{
border-top: 1px solid #ddd;
}
#remove-directions {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
z-index: 1;
top: 185px;
right: 10px;
background: var(--bg);
box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
width: 29px;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
padding:0.25em;
}
div#map {
position: relative;
}
/*Theme*/
[class*="theme-"]{
background-color: #e7ebec;;
color: var(--body);
}
.theme-blue{
--body: var(--clr-black);
--heading: var(--clr-blue);
--bg: var(--clr-white);
--button-bg: var(--clr-blue);
--button-text-hover: var(--clr-white);
--button-bg-hover: var(--clr-black);
}
.theme-green{
--body: var(--clr-black);
--heading: var(--clr-green);
--bg: var(--clr-white);
--button-bg: var(--clr-green);
--button-text-hover: var(--clr-white);
--button-bg-hover: var(--clr-black);
}
.theme-orange{
--body: var(--clr-black);
--heading: var(--clr-orange);
--bg: var(--clr-white);
--button-bg: var(--clr-orange);
--button-text-hover: var(--clr-white);
--button-bg-hover: var(--clr-black);
}
.theme-glossarytheme{
--body: var(--clr-black);
--heading: var(--clr-grey);
--bg: var(--clr-white);
--button-bg: var(--clr-grey);
--button-text-hover: var(--clr-white);
--button-bg-hover: var(--clr-black);
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-twitter-square:before {
content: "\f081";
}
.icon-facebook-square:before {
content: "\f082";
}
.icon-chevron-arrow-down:before {
content: "\e90b";
}
.icon-chevron-arrow-up:before {
content: "\e90c";
}
.icon-chevron-pointing-to-the-left:before {
content: "\e90d";
}
.icon-right-chevron:before {
content: "\e90e";
}
.icon-search-solid:before {
content: "\e905";
}
.icon-envelope-regular:before {
content: "\e906";
}
.icon-printing-tool:before {
content: "\e907";
}
.icon-call-answer:before {
content: "\e908";
}
.icon-placeholder:before {
content: "\e909";
}
.icon-icons8-youtube-squared-filled:before {
content: "\e90a";
}
.icon-lvr-zmb_icons_1:before {
content: "\e900";
}
.icon-lvr-zmb_icons_2:before {
content: "\e901";
}
.icon-lvr-zmb_icons_3:before {
content: "\e902";
}
.icon-lvr-zmb_icons_4:before {
content: "\e903";
}
.icon-lvr-zmb_icons_5:before {
content: "\e904";
}
.zoomimage {
overflow-x: hidden;
background-color: var(--clr-black);
}
.zoomimage figure {
width: 100vw;
height: calc(100vh - 100px);
margin: 50px 0;
padding: 0;
text-align: center;
}
.zoomimage img {
object-fit: contain;
width: 100vw;
height: 100%;
}
.zoomimage nav {
position: absolute;
top: 0;
background: var(--clr-black);
display: flex;
align-items: center;
height: 50px;
width: 100%;
padding-left: 0.5em;
}
.zoomimage figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100vw;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
color: var(--clr-black);
}
.zoomimage figcaption p {
width: 80vw;
padding: 1em 2em 1em 2em;
background: rgb(255 255 255 / 90%);
margin: 0;
text-align: left;
border-left: 1px solid var(--clr-black);
border-right: 1px solid var(--clr-black);
color: var(--clr-black);
/* justify-content: flex-start; */
}
.zoomimage figcaption p:first-of-type {
padding-top: 2em;
border-radius: 0.5em 0.5em 0 0;
border-top: 1px solid var(--clr-black);
border-left: 1px solid var(--clr-black);
border-right: 1px solid var(--clr-black);
}
.zoomimage figcaption p:last-of-type {
padding-bottom: 2em;
/* border-radius: 0 0 0.5em 0.5em; */
}
.zoomimage .button__close {
position: absolute;
z-index: 3;
border-color: var(--clr-white);
background: var(--body);
}
.zoomimage nav a.button__close::after, .container a.button__close::after {
content: "\e903";
line-height: 2.3rem;
}
.zoomimage p {
line-height: normal;
padding: 0.25em 3.5em;
width: 100%;
display:inherit;
justify-content:inherit;
}
.zoomimage nav p {
display: flex;
justify-content: space-evenly;
}
.zoomimage i, .zoomimage span {
color: var(--clr-white);
}
.zoomimage nav a {
color: var(--clr-white);
text-decoration: none;
}
.zoomimage nav svg {
width: 25px;
fill: var(--clr-white);
stroke: var(--clr-white);
}
.zoomimage nav i svg {
fill: #898989;
stroke: #898989;
}
.zoomimage details[open] summary {
width: 80vw;
/* display: grid; */
/* justify-content: center; */
/* justify-items: center; */
/* flex-wrap: wrap; */
text-align: center;
/* margin-left: auto; */
/* margin-right: auto; */
margin-bottom: -1px;
}
.zoomimage details summary span {
display: inline-block;
background: rgb(255 255 255 / 90%);
color: var(--clr-black);
padding: 0.5em 0.5em 0 0.5em;
border-radius: 0.5em 0.5em 0 0;
border-top: 1px solid var(--clr-black);
border-left: 1px solid var(--clr-black);
border-right: 1px solid var(--clr-black);
border-bottom: 1px solid rgb(255 255 255 / 0%);
bottom: 0px;
min-width: 120px;
z-index: 10;
/* justify-content: flex-start; */
animation: myAnim 1s ease 0s 1 normal forwards;
}
.zoomimage details {
display: inline-block;
/* position: relative; */
/* bottom: 0; */
/* left: 0; */
/* text-align: center; */
/* margin-left: auto; */
/* margin-right: auto; */
/* width: 100%; */
/* text-align: center; */
width: 80vw;
}
.zoomimage details[open] div {
width: 80vw;
/* display: block; */
/* justify-content: center; */
/* flex-wrap: wrap; */
/* margin-bottom: 42px; */
/* animation: myAnim 1s ease 0s 1 normal forwards; */
}
.zoomimage details[open] span {
animation: myAnim 1s ease 0s 1 normal forwards;
}
.zoomimage details[open] {
animation: myAnim 1s ease 0s 1 normal forwards;
}
.zoomimage details summary span::before {
content: "+";
padding: 0 0.2em 0 0;
}
.zoomimage details[open] summary span::before {
content: "-";
}
.leftarrow {
transform: rotate(180deg);
display: block;
position: relative;
}
@keyframes myAnim {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.gallery {
overflow-x: auto;
width: auto;
}
.gallery ul {
width: auto;
justify-content: space-between;
display: inline-flex;
margin: 0;
padding: 0;
}
.gallery li {
list-style-type: none;
padding: 0.8em;
position: relative;
display: grid;
align-items: center;
}
.gallery.singleimage li {
padding: 0;
text-align: center;
}
.gallery img {
min-height: 50px;
}
.singleimage ul, .singleimage li {
width: 100%;
padding: 0.8em;
}
.singleimage img {
max-width: 100%;
}
.singleimage.bildinfo ul {
padding: 0;
display: flex;
}
element.style {
}
.stationen_nav {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--clr-light);
padding: 0.5em 0;
line-height: 1em;
overflow: auto;
}
.stationen_nav a {
color: var(--clr-black);
text-align: center;
}
.stationen_nav svg {
width: 42px;
padding: 0 0.3em;
}
.stationen_nav span {
padding: 0 0.2em;
font-size: 1.5rem;
}
.stationen_nav span:first-of-type {
padding: 0 0.2em 0 0;
}
.stationen_nav span:last-of-type {
padding: 0 0 0 0.2em;
}
.metanavigation {
background: var(--clr-grey);
padding: 0;
}
.metanavigation ul {
list-style-type: none;
display: flex;
justify-content: space-evenly;
align-items: center;
align-content: center;
margin: 0;
padding: 0.3em 0.3em;
flex-direction: row;
}
@media (max-width: 600px){
.metanavigation ul {
flex-direction: column;
}
}
.metanavigation a {
color: var(--clr-black);
text-decoration: none;
}
.metatext {
font-size: small;
}
video, audio {
width: 100%;
}
video {
margin-bottom: 2rem;
}
header summary {
padding:0;
margin:0;
}
.theme-orange, .theme-blue, .theme-green {
background-color: var(--clr-grey);
}
.glossary {
position: absolute;
top: 0;
right: 0;
margin: 0.5em;
}
.glossary svg {
width: 25px;
height: 25px;
}
.gallery.collage {
width: 800px;
height: 350px;
overflow: inherit;
width: inherit;
margin-bottom: 20px;
overflow: hidden;
}
.gallery.collage ul {
display: block;
position: relative;
}
.gallery.collage li {
position: absolute;
}
.gallery.collage li:nth-child(-n+12) {
rotate: 350deg;
left: 30%;
top: -10px;
}
.gallery.collage li:nth-child(-n+11) {
rotate: 4deg;
left: 10%;
top: 134px;
}
.gallery.collage li:nth-child(-n+10) {
rotate: 353deg;
left: 50%;
top: 89px;
}
.gallery.collage li:nth-child(-n+9) {
rotate: 2deg;
left: 65%;
top: 180px;
}
.gallery.collage li:nth-child(-n+8) {
rotate: 14deg;
left: 35%;
top: 230px;
}
.gallery.collage li:nth-child(-n+7) {
left: 25%;
rotate: 357deg;
top: 80px;
}
.gallery.collage li:nth-child(-n+6) {
rotate: 342deg;
left: 58%;
top: 200px;
}
.gallery.collage li:nth-child(-n+5) {
rotate: 2deg;
left: 45%;
top: 262px;
}
.gallery.collage li:nth-child(-n+4) {
rotate: 355deg;
left: 0%;
top: 200px;
}
.gallery.collage li:nth-child(-n+3) {
rotate: 333deg;
left: 40%;
top: -10px;
}
.gallery.collage li:nth-child(-n+2) {
z-index: 1;
rotate: 3deg;
top: 20px;
left: 70%;
}
.gallery.collage li:nth-child(-n+1) {
z-index: 1;
rotate: 14deg;
left: 0;
top: 70px;
}
.glossarypage dt {
margin: 1em 0;
}
.glossarypage dd {
margin: 0 0 1em 0;
display: inline-block;
}
.logo_container .logo_break .nsdok {
width: 12%;
}
@media (min-width: 2386px){
h1 span {
line-height: normal;
}}
.knotenpunkt {
z-index: 2;
position: absolute;
right: 0;
top: 0;
}
.knotenpunkt summary {
position: absolute;
right: 0;
top: 0;
}
.knotenpunkt a {
color: var(--clr-black);
}
.knotenpunkt svg {
width: 4rem;
}
.knotenpunkt li svg {
width: inherit;
}
.knotenpunkt ul {
padding: 0.35rem 4rem 0 0.25rem;
margin:0;
list-style-type: none;
}
.theme-orange .knotenpunkt ul {
background: var(--clr-orange);
}
.theme-blue .knotenpunkt ul {
background: var(--clr-blue);
}
.theme-green .knotenpunkt ul {
background: var(--clr-green);
}
.routenwahl {
display: flex;
align-content: center;
flex-direction: column;
line-height:1;
}
.routenwahl a {
text-decoration: none;
color: #000000;
padding: .8rem 1.5rem;
border-radius: 1rem;
margin-bottom: 1rem;
text-align: center;
width: 100%;
display: block;
}
.routenwahl h1 {
margin-bottom: 1rem;
}
.routenwahl h2 {
margin: 0;
text-align: center;
}
.mapboxgl-popup-content svg {
width: 2rem;
position: absolute;
top: 0;
right: 0;
margin: 10px;
padding: 5px;
background: var(--clr-grey);
}
.mapbox-link-route {
margin-bottom: .8rem;
display: block;
font-size: .9rem;
font-weight: 600;
}
.theme- .mapboxgl-popup-content strong {
padding: 0;
}
.singlequote {
overflow: hidden;
}
@keyframes nudge {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(-10px); }
}
.nudge-animation {
animation: nudge 1.5s ease-in-out 1s 2;
}
.quotes li {
font-size: var(--step-1);
width: calc(100vw - 1.2em);
max-width: calc(800px - 1.2em);
font-style:italic;
color: #000;
padding: 1.2em 2rem 1.2em 3.5rem;
border-left:.4em solid;
line-height:1.6;
position: relative;
background:#EDEDED;
scroll-snap-align: center;
margin-right:.8em;
}
.quotes li:last-of-type {
margin-right:0;
}
.theme-blue .quotes li {
border-color: var(--clr-blue);
}
.theme-orange .quotes li {
border-color: var(--clr-orange);
}
.theme-green .quotes li {
border-color: var(--clr-green);
}
.quotes li::before{
font-family:Arial;
content: "\201C";
font-size:5.5rem;
position: absolute;
left: 10px;
top:-10px;
}
.theme-blue .quotes li::before {
color: var(--clr-blue);
}
.theme-orange .quotes li::before {
color: var(--clr-orange);
}
.theme-green .quotes li::before {
color: var(--clr-green);
}
.quotes li::after{
content: '';
}
.quotes li span{
font-size: var(--step-0);
display:block;
color:#333333;
font-style: normal;
font-weight: bold;
margin-top: 1rem;
}
.gallery.quotes {
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
blockquote {
margin: 0;
}
model-viewer {
display:block;
width: 100%;
height: 600px;
background-color: #ffffff;
}
.progress-bar {
display: block;
width: 33%;
height: 10%;
max-height: 2%;
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
border-radius: 25px;
box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
border: 1px solid rgba(255, 255, 255, 0.9);
background-color: rgba(0, 0, 0, 0.5);
}
.progress-bar.hide {
visibility: hidden;
transition: visibility 0.3s;
}
.update-bar {
background-color: rgba(255, 255, 255, 0.9);
width: 0%;
height: 100%;
border-radius: 25px;
float: left;
transition: width 0.3s;
}
#ar-button {
background-image: url(../bilder_1/kunst__kultur___bildung/salomongasse/3d_objekt/ar_icon.png);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 12px 50%;
background-color: #fff;
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
bottom: 16px;
padding: 0px 16px 0px 40px;
font-family: Roboto Regular, Helvetica Neue, sans-serif;
font-size: 14px;
color:#4285f4;
height: 36px;
line-height: 36px;
border-radius: 18px;
border: 1px solid #DADCE0;
}
#ar-button:active {
background-color: #E8EAED;
}
#ar-button:focus {
outline: none;
}
#ar-button:focus-visible {
outline: 1px solid #4285f4;
}
@keyframes circle {
from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
to { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}
@keyframes elongate {
from { transform: translateX(100px); }
to { transform: translateX(-100px); }
}
model-viewer > #ar-prompt {
position: absolute;
left: 50%;
bottom: 60px;
animation: elongate 2s infinite ease-in-out alternate;
display: none;
}
model-viewer[ar-status="session-started"] > #ar-prompt {
display: block;
}
model-viewer > #ar-prompt > img {
animation: circle 4s linear infinite;
}
a.indicator{
border-radius: 10px;
border: none;
border: none;
background-color: rgba(157,157,170,0.6);
height: 10px;
width: 25px;
margin: auto 5px;
cursor: pointer;
}
a.indicator--active{
background-color: #a09eff;
}
nav.sidebar{
display: flex;
justify-content: center;
margin: 15px 0 0 0;
}
.routenwahl details {
margin-bottom: 1rem;
border-radius: 1rem;
width: 100%;
display: grid;
}
.routenwahl details h2 {
padding: .8rem 1.5rem;
border-radius: 1rem;
}
.routenwahl .zwischendenhaeusern h2, .routenwahl .betweenthehouses h2{
background-color: rgb(253 102 57 / 45%);
}
.routenwahl .kulturundbildung h2, .routenwahl .cultureandeducation h2{
background-color: rgb(160 158 255 / 45%);
}
.routenwahl .lebenarbeiteninderstadt h2,{
background-color:rgb(102 204 154 / 45%);
}
.routenwahl details.zwischendenhaeusern, .routenwahl details.betweenthehouses{
background-color: #fd663917;
}
.routenwahl details.kulturundbildung, .routenwahl details.cultureandeducation{
background-color: #a09eff2e;
}
.routenwahl details.lebenarbeiteninderstadt, {
background-color: #66cc9a24;
}
.routenwahl details.zwischendenhaeusern[open] h2, .routenwahl details.betweenthehouses[open] h2 {
background-color: var(--clr-orange);
transition: background-color 0.3s ease-in-out;
}
.routenwahl details.kulturundbildung[open] h2, .routenwahl details.cultureandeducation[open] h2 {
background-color: var(--clr-blue);
transition: background-color 0.3s ease-in-out;
}
.routenwahl details.lebenarbeiteninderstadt[open] h2 {
background-color: var(--clr-green);
transition: background-color 0.3s ease-in-out;
}
.routenwahl h1{
text-align: center;
}
.routenwahl span{
padding: .8rem 1.5rem;
border-radius: 1rem;
}
.routenwahl p, .routenwahl i {
padding: 0 27px;
flex-basis: 24em;
font-style: normal;
}
/*.routenwahl summary{
list-style: auto;
}*/
.routenwahl summary::after{
/*content: '➔';*/
display: block;
width: 10px;
height: 0px;
position: relative;
right: -88%;
top: -36px;
margin-left: 10px;
content: '+';
font-size: x-large;
font-weight: bold;
}
.routenwahl details.knot h2 {
border: 1px solid slategrey;
}
.routenwahl details.knot summary span::before, .routenwahl details.knot[open] summary span::before {
content: "i";
/*border: 1px solid slategrey;*/
height: inherit;
width: fit-content;
border-radius: 10rem;
padding: .1rem .7rem;
margin-right: 15px;
background: radial-gradient(circle closest-side, #ffffff00 calc(100% - 1.4px), #000000 calc(100% - 1px) 99%, transparent 100%);
}
.routenwahl .h2 {
padding: .8rem 1.5rem;
border-radius: 1rem;
display: block;
margin: 0;
text-align: center;
font-size: var(--step-1);
font-family: var(--font-1-bold);
}
.routenwahl details.knot summary::after, .routenwahl details.knot[open] summary::after {
content:"";
}
.routenwahl details[open] summary::after{
/*content: '➔';
transform: rotate(90deg);*/
top: -36px;
right: -88.5%;
content: '-';
font-size: x-large;
}
ul.legend{
list-style-type: none;
padding-left: 1em;
}
.legend li{
display: flex;
flex-direction: row;
align-items: center;
padding-bottom: 1rem;
}
.legend svg {
flex-basis: 36px;
}
i.legende {
font-style: normal;
}
.routenwahl .knot span {
padding: 0;
}
.uebersicht .mapboxgl-popup-content strong {
font-size: .9rem;
line-height: 1.1rem;
}
.uebersicht .mapboxgl-popup-content p {
line-height: 1.1rem;
margin: 0.1em 0 .3em 0;
}
.uebersicht .mapbox-link-route {
font-size: .8rem;
}
.uebersicht .mapboxgl-popup-content span {
padding: .3rem;
}
.uebersicht .mapbox-link-route {
margin-bottom: .6rem;
}
.uebersicht .mapbox-link-route:last-of-type {
margin-bottom: 0;
}
.sidebar {
transition: width 0.3s ease-in-out;
background-color: var(--clr-white);
z-index: 10;
}
.knotenpunkt.sidebar{
height: 100vh;
max-width: 80%;
}
.sidebar aside{
padding: 1em;
margin: 3em 0;
}
.theme-blue .knotenpunkt ul {
background: var(--clr-white);
}
.theme-orange .knotenpunkt ul {
background: var(--clr-white);
}
.theme-green .knotenpunkt ul {
background: var(--clr-white);
}
.sidebar[open] {
width: 80%;
}
.sidebar summary {
list-style: none;
cursor: pointer;
color: white;
border: none;
outline: none;
}
.sidebar summary::-webkit-details-marker {
display: none; /* Hide the default dropdown arrow */
}
.container__knoten_route{
display:flex;
flex-wrap: wrap;
}
.sidebar p{
/*font-size: var(--step-1);
font-family: var(--font-1-bold);*/
text-align: start;
}
.sidebar p.knoten_route {
margin: 0;
position: relative;
}
.sidebar a{
border: 1px solid black;
padding: .5em;
margin: 0 0 1em 0;
border-radius: 10px;
text-decoration: none;
display: inline-block;
cursor: pointer;
flex: 100%;
}
.sidebar p span{
font-family: var(--font-1-bold);
font-style: normal;
font-size: var(--step-1);
position: relative;
padding: 0 0 0 1.6em;
}
.sidebar p span:before {
content: " ";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23f63;%7D%3C/style%3E%3C/defs%3E%3Cg id='Ebene_1'%3E%3Cpath class='cls-1' d='M13.4,23.83c-.23,0-.42,.19-.42,.42v1.62h2.98v-2.04h-2.56Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M29.64,25.87h0s1.79,0,1.79,0v3.62l3.07-3.82-3.88-4.67c-.16-.15-.37-.08-.43-.06-.06,.03-.26,.13-.26,.39v2.5h-8.18v2.04h7.89Z'%3E%3C/path%3E%3Cpath d='M31.36,20.33c-.41-.42-1.01-.54-1.55-.31-.54,.22-.88,.73-.88,1.32v1.5h-7.18v-6.75h1.33c.62,0,1.15-.35,1.38-.92,.24-.57,.11-1.19-.32-1.63l-5.35-4.31-5.33,4.43c-.42,.42-.53,1.01-.31,1.55s.73,.88,1.32,.88h1.5v6.75h-2.56c-.79,0-1.42,.64-1.42,1.42v2.88c0,.83,.67,1.5,1.5,1.5h2.48v2.98c0,.79,.64,1.42,1.42,1.42h2.87c.83,0,1.5-.67,1.5-1.5v-2.91h7.18v1.33c0,.62,.35,1.15,.92,1.38,.19,.08,.39,.12,.58,.12,.38,0,.76-.15,1.05-.44l4.31-5.36-4.43-5.33Zm-15.4,5.55h-2.98v-1.62c0-.23,.19-.42,.42-.42h2.56v2.04Zm4.8,5.66c0,.27-.22,.5-.5,.5h-2.87c-.23,0-.42-.19-.42-.42V15.08h-2.5c-.26,0-.37-.2-.39-.26s-.09-.28,.06-.43l4.67-3.88,4.65,3.74c.2,.21,.12,.45,.09,.52-.03,.07-.15,.31-.46,.31h-2.33V31.54Zm10.68-2.05v-3.62h-1.79s-7.89,0-7.89,0v-2.04h8.18v-2.5c0-.26,.2-.37,.26-.39,.06-.02,.28-.09,.43,.06l3.88,4.67-3.07,3.82Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 1.8em;
height: 1.8em;
display: block;
position: absolute;
top: -7px;
left: -4px;
}
.routenwahl details:last-child h2:before {
content: " ";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -10 90 90'%3E%3Cg%3E%3Cpath d='M67.3,34.8c-1.5-1.5-3.6-1.9-5.6-1.1s-3.2,2.6-3.2,4.8v5.3h-25.7v-24.2h4.8c2.3,0,4.1-1.2,4.9-3.3.9-2,.5-4.3-1.1-5.8L22.3-4.9,3.3,11c-1.5,1.5-1.9,3.6-1.1,5.6.8,1.9,2.6,3.2,4.8,3.2h5.3v24.2H3.1c-2.8,0-5.1,2.3-5.1,5.1v10.3c0,3,2.4,5.3,5.3,5.3h8.9v10.7c0,2.8,2.3,5.1,5.1,5.1h10.2c3,0,5.3-2.4,5.3-5.3v-10.4h25.7v4.8c0,2.3,1.2,4.1,3.3,4.9.7.3,1.4.5,2,.5,1.4,0,2.7-.6,3.7-1.6l15.4-19.2-15.9-19.1h.1ZM12.2,54.7H1.6v-5.8c0-.8.7-1.5,1.5-1.5h9.2v7.4h0ZM29.4,75c0,.9-.8,1.8-1.8,1.8h-10.2c-.8,0-1.5-.7-1.5-1.5V16.1H6.9c-.9,0-1.4-.7-1.4-.9s-.3-1,.2-1.6L22.4-.3l16.6,13.4c.7.7.5,1.6.3,1.8s-.6,1.1-1.6,1.1h-8.3v58.9h-.1ZM67.6,67.6v-12.9h-34.6v-7.3h29.3v-9c0-.9.7-1.4.9-1.4s1-.3,1.6.2l13.9,16.7-11,13.6h0Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 1.15rem;
height: 1.15rem;
display: inline-block;
margin-right: .3rem;
}
.sidebar p.knoten-info{
position: relative;
margin-top: 7em;
}
.sidebar p.knoten-info:before{
content: "i";
border-radius: 10rem;
padding: .1rem .7rem;
margin-right: 15px;
background: radial-gradient(circle closest-side, #ffffff00 calc(100% - 1.4px), #000000 calc(100% - 1px) 99%, transparent 100%);
top: -36px;
display: block;
position: absolute;
}
details.sidebar #sidebar__schliessen{
display: none;
}
details[open].sidebar svg#sidebar__schliessen {
width: 42px;
margin: .5rem;
display: block;
background-color: var(--heading);
}
details[open].sidebar svg#sidebar__oeffnen{
display: none;
}
.sidebar .container__knoten_route svg{
background-color: var(--clr-white);
padding: 4px 0 0 12px;
}
@media (max-width: 454px){
.sidebar .container__knoten_route svg{
margin: 0 3px 0 0;
}}
.sidebar .container__knoten_route svg.theme-blue{
fill: var(--clr-blue);
}
.sidebar .container__knoten_route svg.theme-orange{
fill: var(--clr-orange);
background-color: var(--clr-white);
}
.sidebar .container__knoten_route svg.theme-green{
fill: var(--clr-green);
}
.theme-kunst___kultur {
fill: var(--clr-blue);
}
.theme-leben___arbeit {
fill: var(--clr-green);
}
.theme-zwischen_den_haeusern_1 {
fill: var(--clr-orange);
}