Corona-Hinweise Bonn
<style>
@font-face {
font-weight:300;
font-family:"Futura PT";
font-style:normal;
src:url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-book.woff') format("woff"),
url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-book.woff2') format("woff2");
font-display:block
}
@font-face {
font-weight:300;
font-family:"Futura PT";
font-style:italic;
src:url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-book-oblique.woff') format("woff"),
url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-book-oblique.woff2') format("woff2");
font-display:block
}
@font-face {
font-weight:400;
font-family:"Futura PT";
font-style:normal;
src:url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-medium.woff') format("woff"),
url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-medium.woff2') format("woff2");
font-display:block
}
@font-face {
font-weight:400;
font-family:"Futura PT";
font-style:italic;
src:url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-medium-oblique.woff') format("woff"),
url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-medium-oblique.woff2') format("woff2");
font-display:block
}
@font-face {
font-weight:500;
font-family:"Futura PT";
font-style:normal;
src:url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-demi.woff') format("woff"),
url('http://deutsches-museum.de/typo3conf/ext/dreipc_deutschesmuseum/Resources/Public/Frontend/Build/./assets/fonts/futura-demi.woff2') format("woff2");
font-display:block
}
html {
font-weight: 400;
font-weight: var(--font-weight);
font-size: calc(21 * 1px);
font-size: calc(var(--font-size) * 1px);
font-family: "Futura PT","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
line-height: 1.5;
line-height: var(--line-height);
}
button {
padding:0;
background:none;
border:none;
border-radius:0;
outline:none;
cursor:pointer
}
.button {
padding:0;
background:none;
border:none;
border-radius:0;
outline:none;
cursor:pointer;
position:relative;
padding:7px 25px;
color:#000;
color:var(--c-black);
font-weight:400;
font-size:calc((25 / 21) * 1rem);
font-size:calc((25 / var(--font-size)) * 1rem);
font-style:italic;
line-height:calc((33 / 21) * 1rem);
line-height:calc((33 / var(--font-size)) * 1rem);
text-align:center
}
@media screen and (max-width:1199px) {
.button {
font-size:calc((20 / 21) * 1rem);
font-size:calc((20 / var(--font-size)) * 1rem);
line-height:calc((26 / 21) * 1rem);
line-height:calc((26 / var(--font-size)) * 1rem)
}
}
@media screen and (max-width:767px) {
.button {
font-size:calc((18 / 21) * 1rem);
font-size:calc((18 / var(--font-size)) * 1rem);
line-height:calc((26 / 21) * 1rem);
line-height:calc((26 / var(--font-size)) * 1rem);
-webkit-hyphens:auto;
-ms-hyphens:auto;
hyphens:auto
}
}
.button:hover:before,
.button.focus-visible:before {
transform:translateX(4px) translateY(4px)
}
.button:hover:after,
.button.focus-visible:after {
transform:translateX(-4px) translateY(-4px)
}
.button.focus-visible {
text-decoration:underline;
outline:3px dotted #ff0336;
outline:3px dotted var(--ci-color)
}
.button:before,
.button:after {
border:2px solid;
border-image-slice:1;
border-image-source:linear-gradient(-45deg,rgba(255,3,54,1) 0%,rgba(236,0,0,1) 100%);
border-image-source:linear-gradient(-45deg,rgba(var(--ci-color-rgb),1) 0%,rgba(var(--ci-color-dark-rgb),1) 100%);
content:'';
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
transition:transform 250ms ease-in-out
}
.button:before {
transform:translateX(-4px) translateY(-4px)
}
.button:after {
transform:translateX(4px) translateY(4px)
}
.purple {
--ci-text-color: var(--c-black);
--ci-color: var(--c-purple);
--ci-color-rgb: var(--c-purple-rgb);
--ci-color-light-rgb: var(--c-purple-light-rgb);
--ci-color-dark-rgb: var(--c-purple-dark-rgb);
}
.yellow {
--ci-text-color: var(--c-black);
--ci-color: var(--c-yellow);
--ci-color-rgb: var(--c-yellow-rgb);
--ci-color-light-rgb: var(--c-yellow-light-rgb);
--ci-color-dark-rgb: var(--c-yellow-dark-rgb);
}
:root {
--c-black: #000;
--c-black-rgb: 0,0,0;
--c-white: #fff;
--c-white-rgb: 255,255,255;
--c-gray: #f6f6f6;
--c-gray-rgb: 246,246,246;
--c-red: #ff0336;
--c-red-rgb: 255,3,54;
--c-red-light: #fe0032;
--c-red-light-rgb: 254,0,50;
--c-red-dark: #ec0000;
--c-red-dark-rgb: 236,0,0;
--c-neon: #00f9c2;
--c-neon-rgb: 0,249,194;
--c-neon-light: #19ffda;
--c-neon-light-rgb: 25,255,218;
--c-neon-dark: #00ffa6;
--c-neon-dark-rgb: 0,255,166;
--c-blue: #51adff;
--c-blue-rgb: 81,173,255;
--c-blue-light: #84dcff;
--c-blue-light-rgb: 132,220,255;
--c-blue-dark: #3592ff;
--c-blue-dark-rgb: 53,146,255;
--c-green: #45f284;
--c-green-rgb: 69,242,132;
--c-green-light: #4cfc88;
--c-green-light-rgb: 76,252,136;
--c-green-dark: #00ac68;
--c-green-dark-rgb: 0,172,104;
--c-yellow: #fef967;
--c-yellow-rgb: 254,249,103;
--c-yellow-light: #fffa9a;
--c-yellow-light-rgb: 255,250,154;
--c-yellow-dark: #fff00d;
--c-yellow-dark-rgb: 255,240,13;
--c-purple: #ca86f2;
--c-purple-rgb: 202,134,242;
--c-purple-light: #e88bf4;
--c-purple-light-rgb: 232,139,244;
--c-purple-dark: #9c7fef;
--c-purple-dark-rgb: 156,127,239;
--c-white-light: #fff;
--c-white-light-rgb: 255,255,255;
--c-white-dark: #d9d9d9;
--c-white-dark-rgb: 217,217,217;
--c-blog-blue: #282b43;
--c-blog-blue-rgb: 40,43,67;
--ci-color: var(--c-red);
--ci-color-rgb: var(--c-red-rgb);
--ci-color-light-rgb: var(--c-red-light-rgb);
--ci-color-dark-rgb: var(--c-red-dark-rgb);
--ci-text-color: var(--c-white);
--font-size: 21;
--line-height: 1.5;
--font-weight: 400;
}
.location p {
font-weight: 400;
font-size: calc((25 / 21) * 1rem);
font-size: calc((25 / var(--font-size)) * 1rem);
font-family: "Futura PT","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
line-height: calc((30 / 21) * 1rem);
line-height: calc((30 / var(--font-size)) * 1rem);
}
</style>
<div class="yellow location"><p>Für den Museumsbesuch gilt die <b>2G-Regel</b>. Für Kinder und Jugendliche bis einschließlich 17 Jahren gilt die 2G-Regel nicht!</p>
<p>Es besteht FFP2-Maskenpflicht.</p><div class="location__link-wrapper"><a class="button" href="https://www.deutsches-museum.de/bonn/besuch">mehr erfahren</a></div></div>
