/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
}

html * {
    -webkit-text-size-adjust: none !important;
    max-height: 1000000px !important;
}

/* disable font-boosting */
div,
h1,
h2,
p,
a,
li,
td {
    -webkit-text-size-adjust: none;
    max-height: 1000000px !important
}

#main {
    height: auto !important;
    min-height: 100%;
    position: relative;
}

.pre_evt #more_wrap {
    display: none;
}

.pre_evt #mapsearch_inner .linkto {
    display: none;
}

.pre_evt #main_menu ul.centermenu > li:first-child + li {
    display: none;
}

body .cookie-consent-container .label.partially-checked .checkmark,
body .cookie-consent-container .consent-modal .option-wrapper .label input:checked ~ .checkmark,
body .cookie-consent-container .label input:checked ~ .checkmark {
    background-color: #fff500;
}

body .cookie-consent-container .buttons .btn--secondary,
body .cookie-consent-container .buttons .btn--secondary:hover,
body .cookie-consent-container .text-center,
body .cookie-consent-container p,
body .cookie-consent-container .label,
body .cookie-consent-container a,
body .cookie-consent-container a:visited,
body .cookie-consent-container a:active,
body .cookie-consent-container a:focus,
body .cookie-consent-container a:focus-visible,
body .cookie-consent-container a:focus:active {
    color: black;
    opacity: 1;
}

body .cookie-consent-container .consent-modal .options {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.cookie-consent-container .hint p a {
    color: #fff500;
}

.cookie-consent-container .hint p a:hover,
.cookie-consent-container .hint p a:focus-visible {
    transition: none;
}

.cookie-consent-container .hint p a:hover,
.cookie-consent-container .hint p a:focus-visible {
    transition: none;
}

body .cookie-consent-container .buttons .btn--primary {
    background: #fff500;
    border: 2px solid #fff500;
    color: black;
}

body .cookie-consent-container .buttons .btn--primary:hover {
    background: #fff500;
    border: 2px solid black;
}

@media (min-width: 500px) {
    body .cookie-consent-container .consent-modal .options li {
        width: calc(50% - 0.5em);
    }
}

body {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.home {
    background-color: #000;
}

#header_slider_wrap {
    overflow: hidden;
    height: 506px;
}

a {
    outline: 0;
    color: inherit;
    text-decoration: underline;
}

a:hover {
    color: #000;
}

strong,
b {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

i {
    font-style: italic;
}

b i,
i b {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-style: italic;
}

.upper {
    text-transform: uppercase;
}

.nowrap {
    white-space: nowrap;
}

.uppercase {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
}

.innersearchwrap {
    display: block;
    max-width: 606px;
    margin: 0 auto;
    width: 100%;
}

#main_wrap {
    width: 100%;
    margin: 0 auto;
}

#main {
    width: 100%;
    margin: 0 auto;
    min-width: 1200px;
}

#header_home_wrap {
    width: 100%;
    background-color: #000;
}

#header_home {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 0 0 26px 0;
    min-height: 100px;
}

#header_home .logo {
    float: left;
    margin-top: 26px;
    margin-left: 32px;
}

#footer .logo img,
#header_home .logo img {
    display: block;
    float: left;
}

.logo img + span {
    display: none;
}

#footer .logo a,
#header_home .logo a {
    display: block;
    width: 75px;
    min-height: 74px;
    background-repeat: no-repeat;
    background-image: url(../Images/menu_all3.png);
    background-position: bottom right;
}

#footer .logo span,
#header_home .logo span {
    padding-left: 75px;
    color: #fff;
    display: block;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 22px;
    line-height: 0.9em;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 180px;
    z-index: 10;
    float: left;
    letter-spacing: 0;
    margin-left: 8px;
    margin-top: 10px;
}

#header_home .meta_menu {
    float: right;
    margin-top: 29px;
    margin-right: 28px;
    font-size: 0;
    line-height: 0;
}

.meta_menu ul {
    display: inline;
    font-size: 16px;
    line-height: 40px;
}

.meta_menu ul li {
    margin-left: 35px;
    display: inline-block;
}

#header_slider_wrap {
    width: 100%;
    background-color: #000;
}

#header_slider {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 0 0 26px 0;
    min-height: 100px;
}

#header_slider img {
    color: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
}

.animations .slider_element {
    min-height: 300px;
}

#header_slider .slider_element {
    position: relative;
    margin: 84px 0 0;
}

#header_slider .slider_text {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 266px;
    color: #fff;
    width: 841px;
    text-align: left;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2em;
    letter-spacing: -0.01em;
}

#header_slider .slider_text span.blue {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
}

#header_slider .slider_element {
    color: #fff;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 37px;
    line-height: 0.931em;
    text-transform: uppercase;
    position: relative;
}

#header_slider .slider_element .layer_texts {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    text-align: right;
    display: table;
    height: 300px;
    font-size: 30px;
    letter-spacing: 0.01em;
}

/* statische und GIF Bilder 1. */
#header_slider .slider_element .layer_texts p:first-line,
#header_slider .slider_element .layer_texts p + p {
    color: #e6f315;
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    letter-spacing: 0.014em;
    font-size: 28px;
}

#header_slider .slider_element + .slider_element {
    opacity: 0;
}

#header_slider .slider_element,
#header_slider .slick-initialized .slider_element + .slider_element {
    opacity: 1;
}

/* GIF Bilder 3. und 5. */
#header_slider.moving-images .slider_element + .slider_element + .slider_element .layer_texts p:first-line,
#header_slider.moving-images .slider_element + .slider_element + .slider_element .layer_texts p + p {
    color: #c0c800;
}

#header_slider.moving-images .slider_element + .slider_element + .slider_element + .slider_element + .slider_element .layer_texts p:first-line,
#header_slider.moving-images .slider_element + .slider_element + .slider_element + .slider_element + .slider_element .layer_texts p + p {
    color: #1db3ce;
}

/* statische Bilder 2. und 3. */
#header_slider.still-images .slider_element + .slider_element .layer_texts p:first-line,
#header_slider.still-images .slider_element + .slider_element .layer_texts p + p {
    color: #e6f315;
}

#header_slider.still-images .slider_element + .slider_element + .slider_element .layer_texts p:first-line,
#header_slider.still-images .slider_element + .slider_element + .slider_element .layer_texts p + p {
    color: #f68200;
}

#header_slider .slider_element .layer_texts p + p:first-line {
    color: #fff !important;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    letter-spacing: 0.04em;
}

#header_slider .slider_element .layer_texts p {
    display: table-cell;
    vertical-align: middle;
    margin: auto 0;
    width: 50%;
    padding: 0 172px 15px 0;
}

#header_slider .slider_element .layer_texts p + p {
    text-align: left;
    padding: 0 0 11px 167px;
}

#main_menu_wrap {
    width: 100%;
    background-color: #424242;
}


.menu2 #main_menu_wrap {
    background-color: #424242;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.menu2 #header_slider_wrap {
    margin-bottom: 122px;
}


#footer_wrap {
    width: 100%;
    background-color: #424242;
}

#main_menu2_wrap {
    position: fixed;
    z-index: 1000;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #424242;
}

#main_menu {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #424242;
    padding: 0 0 26px 0;
    min-height: 122px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
}

#main_menu .logo {
    position: absolute;
    top: 26px;
    z-index: 5;
    left: 32px;
}

#main_menu_wrap #main_menu .logo {
    display: none;
}

#main_menu2_wrap #main_menu .logo,
.menu2 #main_menu_wrap #main_menu .logo {
    display: block;
}

#main_menu2_wrap #main_menu .logo a,
.menu2 #main_menu_wrap #main_menu .logo a {
    display: block;
    padding-left: 75px;
    min-height: 74px;
    background-repeat: no-repeat;
    background-image: url(../Images/menu_all3.png);
    background-position: bottom right;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    color: transparent;
}

#main_menu2_wrap #main_menu .logo a,
.menu2 #main_menu_wrap #main_menu .logo a {
    padding: 0;
    width: 75px;
}

.shareopen #main_menu2_wrap #main_menu .logo a,
.shareopen.menu2 #main_menu_wrap #main_menu .logo a {
    display: none;
}

ul.centermenu {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 658px;
    margin: 0 auto 0;
    padding-top: 40px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

ul.centermenu .mobile {
    display: none;
}

.shareopen #main_menu .centermenu {
    visibility: hidden;
}

ul.centermenu > li {
    display: inline;
}

ul.centermenu > li > a.open,
ul.centermenu li.active > a,
ul.centermenu li:hover > a,
ul.centermenu li > a:hover,
ul.centermenu li:focus-visible > a,
ul.centermenu li > a:focus-visible {
    background-color: #fff500;
    color: black;
}

.embed-consent button.consent {
    all: unset;
    cursor: pointer;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.embed-consent button.consent {
    background-color: #424242;
}

.embed-consent button.consent:hover,
.embed-consent button.consent:focus-visible {
    background-color: #fff500;
}

.loadgmapsonce .embed-consent-maps {
    display: none;
}

.embed-consent button.consent,
ul.centermenu > li > a {
    font-size: 16px;
    line-height: 45px;
    letter-spacing: 0.03em;
    padding: 0 26px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

ul.centermenu > li > a:hover,
ul.centermenu > li > a:focus-visible {
    color: black;
}

ul.centermenu ul.menu-layer {
    background-color: #fff500;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 20;
    border-bottom: 2px solid #fff;
    top: 728px;
}

ul.centermenu ul.menu-layer.museums {
    display: block;
}

ul.centermenu li + li ul.menu-layer {
    display: none;
}

ul.centermenu > li + li:hover ul.menu-layer {
    display: block !important;
}

ul.centermenu > li + li:hover {
    padding-bottom: 80px !important;
}

#main_menu2_wrap ul.centermenu > li + li ul.menu-layer,
#main_menu_wrap ul.centermenu > li + li ul.menu-layer,
#main_menu2_wrap ul.centermenu > li:last-child ul.menu-layer,
#main_menu_wrap ul.centermenu > li:last-child ul.menu-layer {
    text-align: center;
    padding: 32px 0;
}

#main_menu2_wrap ul.centermenu > li + li ul li,
#main_menu_wrap ul.centermenu > li + li ul li,
#main_menu2_wrap ul.centermenu > li:last-child ul li,
#main_menu_wrap ul.centermenu > li:last-child ul li {
    margin: 9px 9px;
    display: inline-block;
}


#main_menu2_wrap ul.centermenu > li + li ul li,
#main_menu_wrap ul.centermenu > li + li ul li {
    margin: 9px 9px;
}


#main_menu2_wrap ul.centermenu > li + li ul li a,
#main_menu_wrap ul.centermenu > li + li ul li a,
#main_menu2_wrap ul.centermenu > li:last-child ul li a,
#main_menu_wrap ul.centermenu > li:last-child ul li a {
    background-repeat: no-repeat;
    width: 313px;
    height: 109px;
    box-sizing: border-box;
    color: #fff !important;
    display: inline-block;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 25px !important;
    letter-spacing: 0.01em;
    line-height: 40px !important;
    padding: 33px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    background-image: none !important;
    border: 2px solid black;
}

.m4 {
    position: relative;
}

#main_menu2_wrap ul.centermenu > li + li ul.m4 li + li,
#main_menu_wrap ul.centermenu > li + li ul.m4 li + li,
#main_menu2_wrap ul.centermenu > li:last-child ul.m4 li + li,
#main_menu_wrap ul.centermenu > li:last-child ul.m4 li + li {
    margin-right: 340px;
}

.imglinks {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 993px;
}

.imglinks .imglink {
    background-image: url(../Images/d_all.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -92px top;
    display: block;
    height: 136px;
    position: absolute;
    width: 92px;
    right: 193px;
    top: 91px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

li ~ li ~ li ~ li ~ li ~ .imglinks .imglink {
    top: 156px;
}

.imglinks .imglink:hover,
.imglinks .imglink:focus-visible {
    background-position: -92px -136px;
}

.imglinks .imglink + .imglink {
    background-position: left top;
    right: 68px;
}

.imglinks .imglink + .imglink:hover {
    background-position: 0 -136px;
}

#main_menu2_wrap ul.centermenu > li + li ul li a,
#main_menu_wrap ul.centermenu > li + li ul li a {
    width: 313px;
    height: 109px;
}

#main_menu2_wrap ul.centermenu > li + li ul.m3 li a,
#main_menu_wrap ul.centermenu > li + li ul.m3 li a {
    width: 451px;
    height: 109px;
    padding: 0 !important;
}

#main_menu2_wrap ul.centermenu > li + li ul li a:hover,
#main_menu_wrap ul.centermenu > li + li ul li a:hover,
#main_menu2_wrap ul.centermenu > li:last-child ul li a:hover,
#main_menu_wrap ul.centermenu > li:last-child ul li a:hover,
#main_menu2_wrap ul.centermenu > li + li ul li a:focus-visible,
#main_menu_wrap ul.centermenu > li + li ul li a:focus-visible,
#main_menu2_wrap ul.centermenu > li:last-child ul li a:focus-visible,
#main_menu_wrap ul.centermenu > li:last-child ul li a:focus-visible {
    background-color: #000;
    color: white;
}

#main_menu2_wrap ul.centermenu > li + li ul.m3 li a span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li a span {
    background-image: url("../Images/tab1.png");
    background-position: left center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: inline-block;
    height: 105px;
    line-height: 24px;
    margin: auto 0;
    padding: 40px 0 40px 90px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    color: black;
}

#main_menu2_wrap ul.centermenu > li + li ul.m3 li a:hover span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li a:hover span,
#main_menu2_wrap ul.centermenu > li + li ul.m3 li a:focus-visible span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li a:focus-visible span {
    background-image: url("../Images/tab1_h.png");
    color: white;
}

#main_menu2_wrap ul.centermenu > li + li ul.m3 li + li a span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li + li a span {
    background-image: url("../Images/tab2.png");
}

#main_menu2_wrap ul.centermenu > li + li ul.m3 li + li a:hover span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li + li a:hover span,
#main_menu2_wrap ul.centermenu > li + li ul.m3 li + li a:focus-visible span,
#main_menu_wrap ul.centermenu > li + li ul.m3 li + li a:focus-visible span {
    background-image: url("../Images/tab2_h.png");
}

.menu2 ul.centermenu ul.menu-layer,
#main_menu2_wrap ul.centermenu ul.menu-layer {
    top: 122px;
}

ul.menu-layer .letter-first {
    position: relative;
}

ul.menu-layer .letter-first span {
    color: black;
    cursor: default;
    display: block;
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 30px;
    left: -31px;
    letter-spacing: 0.03em;
    line-height: 30px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 31px;
    user-select: none;
}

ul.centermenu ul.menu-layer .column {
    margin: 24px 0 23px;
}

.sharelayer_wrap {
    display: none;
    height: 74px;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    top: -65px;
    padding: 0;
    width: 429px;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #424242;
}

.sharelayer {
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
}

p.hash {
    display: none;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 25px;
    line-height: 44px;
    padding: 20px 20px 10px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: -65px;
    bottom: 0;
    margin: auto;
    color: #fff;
    background-color: #424242;
    width: 50%;
}

.open + p.hash {
    display: block;
}


p.hash span {
    width: 247px;
    display: inline-block;
    text-align: right;
}


.sharelayer .socialmedia {
    right: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    margin: auto;
    width: 400px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-decoration: none;
    bottom: 0;
    top: 0;
    height: 32px;
    padding: 24px 0 18px;
}

.sharelayer .socialmedia li {
    display: inline;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.sharelayer .socialmedia li + li {
    margin-left: 53px;
}

.sharelayer .socialmedia li a {
    display: inline-block;
    width: 30px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    background-image: url('../Images/menu_all3.png');
}

.sharelayer .socialmedia li a:hover,
.sharelayer .socialmedia li a:focus-visible {
    background-position: left -42px;
    text-decoration: none;
}

.sharelayer .socialmedia li.fb a {
    width: 30px;
    background-position: 0 0;
}

.sharelayer .socialmedia li.tw a {
    width: 39px;
    background-position: -84px 0;
}

.sharelayer .socialmedia li.in a {
    width: 32px;
    background-position: -42px 0;
}

.sharelayer .socialmedia li.yt a {
    width: 41px;
    background-position: -126px 0;
}

.sharelayer .socialmedia li.fb a:hover,
.sharelayer .socialmedia li.fb a:focus-visible {
    background-position: 0 -42px;
}

.sharelayer .socialmedia li.tw a:hover,
.sharelayer .socialmedia li.tw a:focus-visible {
    background-position: -84px -42px;
}

.sharelayer .socialmedia li.in a:hover,
.sharelayer .socialmedia li.in a:focus-visible {
    background-position: -42px -42px;
}

.sharelayer .socialmedia li.yt a:hover,
.sharelayer .socialmedia li.yt a:focus-visible {
    background-position: -126px -42px;
}

.searchlayer_wrap {
    display: none;
    width: 100%;
    height: 71px;
    padding: 0 134px;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    top: -58px;
    background-color: #424242;
    max-width: 1280px;
    min-width: 1008px;
}

.searchlayer {
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background-color: #424242;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    position: relative;
}

.searchlayer a.close {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -51px;
    background-image: url(../Images/close.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.searchlayer a.close:hover {
    background-image: url(../Images/close_h.png);
}

.searchlayer p {
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin: 15px;
    letter-spacing: 0.01em;
}

a.search_button {
    width: 77px;
    height: 63px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #424242;
    background-image: url(../Images/searchfield_button.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

#tx_indexedsearch_submit_button {
    border: medium none;
    border-spacing: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    outline: none;
    width: 77px;
    height: 63px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #424242;
    background-image: url(../Images/searchfield_button.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

a.search_button:hover,
#tx_indexedsearch_submit_button:hover,
a.search_button:focus-visible,
#tx_indexedsearch_submit_button:focus-visible {
    background-image: url(../Images/searchfield_button_h.png);
}

#tx_indexedsearch_sword {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 25px;
    height: 100%;
    left: 0;
    letter-spacing: 0.01em;
    line-height: 35px;
    margin: 0;
    padding: 0 80px 0 25px;
    position: absolute;
    top: 0;
    width: 100%;
}

.meta_menu a {
    background-image: url(../Images/type_all3.png);
    background-repeat: no-repeat;
    background-position: 0 -178px;
    display: inline-block;
    width: 31px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    padding-left: 54px;
    padding-top: 10px;
    background-size: 44px auto;
    height: auto;
}

.meta_menu a:hover,
.meta_menu .active a,
.meta_menu a:focus-visible {
    background-position: 0 -224px;
    color: #fff500;
}

.meta_menu .fontsize a {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Schriftgroesse_weiss.svg);
    background-position: left center;
    width: auto;
}

.meta_menu .help a {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Gebaerdensprache_weiss.svg);
    background-position: left center;
    width: auto;
}

.meta_menu .english a {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Englisch_weiss.svg);
    background-position: left top 70%;
    width: auto;
}

.meta_menu .read a {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Leichtesprache_weiss.svg);
    background-position: left center;
    width: auto;
}

.meta_menu .fontsize.active a,
.meta_menu .fontsize a:hover,
.meta_menu .fontsize a:focus-visible {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Schriftgroesse_blau.svg);
    background-position: left center;
}

.meta_menu .help.active a,
.meta_menu .help a:hover,
.meta_menu .help a:focus-visible {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Gebaerdensprache_blau.svg);
    background-position: left center;
}

.meta_menu .english.active a,
.meta_menu .english a:hover,
.meta_menu .english a:focus-visible {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Englisch_blau.svg);
    background-position: left top 70%;

}

.meta_menu .read.active a,
.meta_menu .read a:hover,
.meta_menu .read a:focus-visible {
    background-image: url(../Images/LNDM_Barrierefreiheit_Icon_Leichtesprache_blau.svg);
    background-position: left center;

}

ul.menu-layer li {
    margin: 0 0 0 35px;
}

ul.menu-layer li > a {
    font-size: 14px;
    line-height: 16px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    letter-spacing: 0.01em;
    padding: 4px 0 5px;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    display: inline-block;
}

ul.menu-layer li.active > a,
ul.menu-layer li > a:hover,
ul.menu-layer li > a:focus-visible {
    text-decoration: underline;
}

ul.rightmenu {
    display: block;
    float: right;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: -56px;
}

footer ul.rightmenu {
   display: none;
}

ul.rightmenu li {
    display: inline;
    margin: 0;
}

ul.rightmenu li.md a,
ul.rightmenu li.md,
ul.rightmenu li.share a,
ul.rightmenu li.share,
ul.rightmenu li.search a,
ul.rightmenu li.search {
    font-size: 0;
    line-height: 0;
    color: transparent;
}

ul.rightmenu li.md a,
ul.rightmenu li.share a,
ul.rightmenu li.search a {
    background-image: url(../Images/menu_all3.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
    width: 29px;
    height: 69px;
    display: inline-block;
}

ul.rightmenu li.md a {
    background-position: top right;
    background-size: auto;
    width: 89px;
}

ul.rightmenu li.md a {
    background-image: url(../Images/museumsdienst-hamburg-logo_weiss-01.svg);
    width: 109px;
    height: 38px;
    background-size: contain;
    transform: translateY(13px);
}

ul.rightmenu li.search a {
    background-position: -168px 0;
}

ul.rightmenu li.share.open a,
ul.rightmenu li.share a:hover,
ul.rightmenu li.share a:focus-visible,
ul.rightmenu li.search.open a:hover,
ul.rightmenu li.search a:hover,
ul.rightmenu li.search a:focus-visible {
    background-position: -210px -82px;
}

ul.rightmenu li.share a {
    background-position: -210px 0;
}

ul.rightmenu li + li {
    margin-left: 50px;
}

ul.rightmenu li a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}

ul.bottommenu {
    display: block;
    position: absolute;
    right: 20px;
    bottom: -77px;
    font-size: 0;
    line-height: 0;
}

ul.bottommenu li {
    display: inline-block;
    height: 39px;
    margin: 0 0 0 1px;
    background-color: #424242;
    float: left;
}

ul.bottommenu li a {
    font-size: 14px;
    line-height: 39px;
    letter-spacing: 0.03em;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    background-color: #fff500;
    padding: 0 22px;
    display: inline-block;
}

ul.bottommenu li.fontsize.active a,
ul.bottommenu li.fontsize a:hover,
ul.bottommenu li.fontsize a:focus-visible {
    background-color: black;
}

ul.bottommenu li a img {
    display: block;
}

ul.bottommenu li.fontsize a {
    padding: 0;
    background-color: #424242;
}

#tickets_wrap {
    width: 100%;
    background-color: #fff500;
    position: relative;
    z-index: 9;
}

.english #tickets_wrap,
.infos #tickets_wrap {
    display: none !important;
}

#tickets {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #fff500;
    padding: 30px 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    position: relative;
    background-image: url('../Images/ticketsonline_icon.png');
    background-repeat: no-repeat;
    background-position: 32px 17px;
    text-align: center;
    min-height: 0;
}

#tickets a:hover,
#tickets a:hover img,
#tickets a:focus-visible,
#tickets a:focus-visible img {
    background-color: #000;
    color: white;
}

.home #tickets {
    background-image: none;
}

#tickets img {
    display: inline-block;
    margin: 0 auto;
}

#tickets a {
    border: 2px solid black;
    color: black;
    display: inline-block;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 25px;
    letter-spacing: 0.01em;
    line-height: 57px;
    margin: 0 0 8px;
    min-width: 603px;
    text-decoration: none;
    text-transform: uppercase;
}

#content_wrap,
.content_wrap {
    width: 100%;
    background-color: #fff;
}

.content_wrap.info-partner {
    color: #000;
}

.press .content_wrap.info-mobil .content_wrap.info-partner .image img {
    width: 144px !important;
    object-fit: contain;
    margin: 0 0 30px !important;
    display: block;
    height: 100px !important;
}

.press .wrap1 .content-wrap .csc-header {
    display: block;
}

.press .wrap1 .content-wrap .image-row + .text .csc-header {
    display: none;
}

#content_wrap .content_wrap.info-barrierefreiheit,
#content_wrap .content_wrap.info-gewinnspiele,
#content_wrap .content_wrap.info-tickets {
    background-color: #fff500;
    color: #000;
}

.english #content_wrap .content_wrap.info-mobil2 {
    background-color: #f0f0f0;
}

.english .info-kontakt .content-wrap .image-row + .text {
    width: 458px;
}

#content_bg {
    width: 100%;
    background-color: #fff;
    background-position: center -61px;
    background-repeat: no-repeat;
    margin-top: 122px;
    min-width: 1008px;
}

#content,
.content {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    position: relative;
}

.content > h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 20px;
}

.content > h2 + h3 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 0 20px;
    margin-bottom: -6px;
}

.info-gewinnspiele .wrap1,
.info-barrierefreiheit .wrap1,
.info-tickets .wrap1,
.info-mobil .wrap1 {
    margin: 0 20px;
}

.info-gewinnspiele .wrap1 + .wrap1 .content-wrap,
.info-barrierefreiheit .wrap1 + .wrap1 .content-wrap,
.info-tickets .wrap1 + .wrap1 .content-wrap,
.info-mobil .wrap1 + .wrap1 .content-wrap {
    margin-top: 19px;
}

.info-mobil .content-wrap .image img {
    margin-top: -10px;
}

.info-gewinnspiele .content-wrap,
.info-barrierefreiheit .content-wrap,
.info-tickets .content-wrap,
.info-mobil .content-wrap {
    width: 50%;
    margin: 40px 0 0;
    min-width: 1px;
    float: left;
}

.info-mobil .content-wrap {
    margin: 30px 0 10px;
    position: relative;
}

.info-kontakt .content-wrap {
    margin-top: 40px;
    margin-bottom: 35px;
}

.info-gewinnspiele .content-wrap,
.info-barrierefreiheit .content-wrap,
.info-tickets .content-wrap {
    width: 33%;
    box-sizing: border-box;
    padding-right: 17px;
}

.info-gewinnspiele .content-wrap .text,
.info-barrierefreiheit .content-wrap .text,
.info-tickets .content-wrap .text {
    width: auto;
}

.info-gewinnspiele .content-wrap .text h2,
.info-barrierefreiheit .content-wrap .text h2,
.info-tickets .content-wrap .text h2 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
}

.press .info-mobil .wrap1 .content-wrap {
    background-color: #fff;
    color: #000;
}

.press .info-mobil .content-wrap {
    width: 100%;
    margin-bottom: 0;
    padding: 20px;
    box-sizing: border-box;
}

.press .info-mobil .content-wrap + .content-wrap {
    margin-top: 19px;
}

.press .content-wrap .text {
    width: auto;
}

.press .content-wrap .text table.contenttable {
    width: auto;
}

.press .content-wrap .text table.contenttable td {
    width: 378px;
}

.press .info-mobil .content-wrap .csc-header h2 {
    text-transform: none;
    font-size: 16px;
}

.press .info-mobil .content-wrap p a {
    color: black;
    text-transform: none;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    text-decoration: underline;
}

.press .info-mobil .content-wrap p {
    font-size: 16px;
    line-height: 19px;
}

.press .info-mobil .content-wrap p.date {
    text-transform: uppercase;
    margin-bottom: 19px;
}

.press .content-wrap .text {
    margin: 0;
}

.press .content-wrap .text .csc-header {
    margin-bottom: 22px;
}

.press .pressemitteilungen .content-wrap .text {
    margin-top: 64px;
}

.press .info-mobil .content-wrap .image img {
    float: left;
    margin: 0 0 12px 12px;
    width: 176px !important;
    height: 117px !important;
    object-fit: cover;
}

.press .info-mobil .info-partner .content-wrap .image img {
    margin: 0;
    float: none;
}

.press .info-mobil .content-wrap .image-row {
    position: static;
    margin: 0 0 0 -12px;
    width: 100%;
}

.press .info-mobil .info-partner .content-wrap .image-row {
    margin-left: 0;
}

.press .info-mobil .content-wrap .image-row:after {
    clear: both;
    content: "";
    display: table;
}

.press .info-mobil .content-wrap .csc-header + .toggle .image-row,
.press .info-mobil .content-wrap .csc-header + .image-row {
    margin-top: 26px;
}

.press .info-mobil .content-wrap .image-row + .text {
    margin-left: 0;
    width: 554px;
    min-width: 0;
    max-width: 554px;
    margin-top: 11px;
    margin-bottom: 2px;
}

.press .headerarea {
    margin: 0 20px 22px;
}

.content-wrap .text p a {
    color: black;
}

.info-gewinnspiele .content-wrap .text ul,
.info-barrierefreiheit .content-wrap .text ul,
.info-tickets .content-wrap .text ul {
    padding-left: 1em;
    text-indent: -1em;
}

.info-gewinnspiele .content-wrap .text ul + p,
.info-barrierefreiheit .content-wrap .text ul + p,
.info-tickets .content-wrap .text ul + p {
    margin-top: 20px;
}

.info-gewinnspiele .content-wrap ul li:before,
.info-barrierefreiheit .content-wrap ul li:before,
.info-tickets .content-wrap .text ul li:before {
    content: "•";
    margin-right: 0.5em;
}

div.anchor {
    position: relative;
}

div.anchor a {
    position: absolute;
    top: -151px;
}

.content {
    padding: 34px 0 40px;
}

.content h2 {
    text-transform: uppercase;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.content p + h2 {
    margin-top: 20px;
}

.info-mobil .content-wrap .frame-type-header h2 {
    text-transform: uppercase;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.info-mobil .content-wrap .frame-type-header + p {
    margin-top: 14px;
}

.info-mobil .content-wrap p {
    line-height: 17px;
}

.english .info-mobil .content-wrap p {
    line-height: 20px;
}

.info-mobil .content-wrap p a {
    color: #fff;
    text-decoration: underline;
}

.english .info-gewinnspiele .content-wrap p a,
.english .info-barrierefreiheit .content-wrap p a,
.english .info-tickets .content-wrap p a {
    color: #000;
    text-decoration: underline;
}

#content {
    padding-bottom: 50px;
}

#breadcrumb {
    margin: 0 20px 0;
    font-size: 0;
    line-height: 0;
}

#breadcrumb ul {
    padding: 25px 0 27px;
}

#breadcrumb li {
    display: inline;
}

#breadcrumb li span,
#breadcrumb li a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
    color: #000;
    user-select: none;
}

#breadcrumb li span {
    color: #000;
    cursor: default;

}

#breadcrumb li span.a {
    color: #000;
}

#breadcrumb li span.a:after,
#breadcrumb li a:after {
    content: "|";
    font-size: 16px;
    line-height: 24px;
    color: #8b8b8b;
    margin: 0 4px 0 4px;
    display: inline-block;
}

.headerarea {
    margin: 0 20px 55px;
}

.headerarea h1 {
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 80px;
    line-height: 90px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-left: -5px;
}

.headerarea h2 {
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.headerarea.en {
    margin: 0 20px -8px;
}

.headerarea.en h1 {
    font-size: 32px;
}

.headerarea ul {
    width: 100%;
    margin: 5px 0 0 0;
}

.headerarea ul li {
    display: inline;
}

.headerarea ul li a {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
}

.headerarea ul li a:hover,
.headerarea ul li a:focus-visible {
    color: #fff500;
}

.headerarea ul li + li:before {
    display: inline;
    content: "|";
    margin: 0 4px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
}

.smallbodytext,
p.smallbodytext {
    font-size: 14px;
    line-height: 17px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.blue,
span.blue {
    color: black;
}

.content-wrap {
    margin: 0 20px;
    min-width: 1008px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}

.content-wrap:after {
    content: '';
    display: table;
    clear: both;
}

.content-wrap .image-row {
    float: left;
    margin-right: 23px;
}

.tx-dce-pi1 .worder-wrap {
    display: none;
}

.worder-wrap {
    position: absolute;
    top: 400px;
    margin: auto;
    right: 0;
    left: 0;
    padding: 0 29px;
    text-align: center;
}

.worder {
    display: inline-block;
    height: 39px;
    margin: 0 0 0 1px;
    background-color: #424242;
    width: 100%;
}

.worder a {
    font-size: 14px;
    line-height: 39px;
    letter-spacing: 0.03em;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #fff500;
    padding: 0 22px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.worder a:hover,
.worder a:focus-visible {
    color: #fff;
}

.reserve-wrap {
    padding-top: 76px;
}

#reserveWidget {
    width: 100%;
}

.content-wrap.impressions .image-row {
    float: none;
    margin: 0;
}

.content-wrap.impressions .csc-image {
    float: left;
    padding: 0 4px;
}

.content-wrap.impressions .text {
    width: 100%;
    margin: 61px 4px 31px 4px;
    float: none;
}

#content .impressions h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 42px;
}

.content-wrap.impressions {
    margin: 0 16px 27px;
}

.content-wrap.impressions .image img {
    width: 100%;
    height: auto;
}

.info-mobil .content-wrap .image-row {
    margin-right: 16px;

    position: absolute;
    top: 0;
    left: 0;
}

.info-mobil .content-wrap .image-row + .text {
    margin-left: 163px;
    width: auto;
    min-width: 311px;
    max-width: 409px;
}

#eventlist,
#map-canvas {
    display: none !important;
}

#map-canvas-wrap {
    height: auto !important;
}

#map-canvas-wrap #mapsearch2 {
    display: none !important;
}

#map-canvas-wrap.showMap {
    height: 1134px !important;
}

.showMap,
.showList,
.showTextlines,
.showTile {
    height: auto !important;
}

.showMap #type_select,
.showList #type_select,
.showTextlines #type_select,
.showTile #type_select,
#mapsearch,
#mapsearch2,
#map-canvas,
.showMap #eventlist,
.showMap #museumlist_inner,
.showList #mapsearch,
.showList #museumlist,
.showTextlines #map-canvas,
.showTile #map-canvas {
    display: none !important;
}

.showMap #mapsearch2,
.showMap #mapsearch,
.showMap #map-canvas,
.showList #eventlist,
.showTextlines #mapsearch,
.showTextlines #museumlist_inner,
.showTile #mapsearch,
.showTile #museumlist_inner {
    display: block !important;
}

.showTile .list_max,
.showTextlines .list_max {
    height: auto;
    overflow: hidden;
}

.lazy-hidden {
    display: none !important;
}

.list_item .share,
.content-wrap .image-row .drive,
.content-wrap .image-row .share {
    margin: 44px 0 0 29px;
    cursor: pointer;
    float: left;
    width: 71px;
    height: 115px;
    position: absolute;
    top: 197px;
}

.content-wrap .image-row .drive {
    top: 185px;
    width: 97px;
    cursor: auto;
    left: 152px;
}

.list_item .share {
    right: 26px;
    top: 72px;
    margin: 0;
    width: auto;
    height: auto;
}

@media (min-width: 768px) {
    #accessibilityIntextOuter,
    #accessibilityIntextOuter .accessHeadline {
        display: none;
    }

    .accessibilitySidetextOuter {
        max-width: 307px;
        width: 100%;
        position: absolute;
        top: 356px;
        padding-top: 26px;
        font-size: 14px;
        line-height: 17px;
        font-family: dinot_bold, Verdana, Geneva, sans-serif;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    #footer ul.centermenu {
        padding-left: 5.7%;
        box-sizing: border-box;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #download_icon,
    .backtoevents,
    .tomynight {
        display: none !important;
    }
}

@media (min-width: 1000px) {
    .list_item .share:hover > img,
    .content-wrap .image-row .share:hover > img {
        display: none;
    }

    .list_item .share:hover > img {
        display: block;
        visibility: hidden;
    }

    .list_item .share:hover ul.share_select,
    .content-wrap .image-row .share:hover ul.share_select {
        display: block;
    }
}

.list_item .share ul.share_select,
.content-wrap .image-row .share ul.share_select {
    color: transparent;
    display: none;
    font-size: 0;
    height: 49px;
    left: 0;
    line-height: 0;
    margin-left: -50%;
    padding: 13px 13px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 132px;
    z-index: 1;
}

.list_item .share ul.share_select {
    top: -20px;
    left: -68px;
    margin-left: 0;
}

.list_item .share ul.share_select li,
.content-wrap .image-row .share ul.share_select li {
    display: inline;
}

.list_item .share ul.share_select li + li,
.content-wrap .image-row .share ul.share_select li + li {
    margin: 0 0 0 27px;
}

.list_item .share ul.share_select li a,
.content-wrap .image-row .share ul.share_select li a {
    background-image: url(../Images/share_fb.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 49px;
}

.list_item .share ul.share_select li a:hover,
.content-wrap .image-row .share ul.share_select li a:hover,
.list_item .share ul.share_select li a:focus-visible,
.content-wrap .image-row .share ul.share_select li a:focus-visible {
    background-image: url(../Images/share_fb_h.png);
}

.list_item .share ul.share_select li.tw a,
.content-wrap .image-row .share ul.share_select li.tw a {
    background-image: url(../Images/share_tw.png);
    background-repeat: no-repeat;
    width: 59px;
}

.list_item .share ul.share_select li.tw a:hover,
.content-wrap .image-row .share ul.share_select li.tw a:hover,
.list_item .share ul.share_select li.tw a:focus-visible,
.content-wrap .image-row .share ul.share_select li.tw a:focus-visible {
    background-image: url(../Images/share_tw_h.png);
}

.content-wrap .image img {
    display: block;
}

.content-wrap .text {
    width: 474px;
    float: left;
    margin-top: -3px;
}

.content-wrap.user .text {
    width: 304px;
}

.content-wrap .image-row + .text {
    width: 304px;
}

.content-wrap .text p + p {
    margin-top: 20px;
}

.content-wrap .text b {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.museum .content-wrap .image-row {
    position: relative;
    z-index: 20;
}

.user-wrap::after {
    clear: both;
    content: "";
    display: table;
}

.user-wrap {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    margin: 0 20px;
    min-width: 1008px;
    top: -197px;
    position: relative;
    z-index: 1;
}

.user-wrap .tx-dce-pi1 {
    margin-bottom: -197px;
}

.user-wrap .content-wrap {
    min-width: 0;
}

.user-wrap .content-wrap.user {
    margin: 0 20px 0 330px;
    min-height: 500px;
}

.user-wrap .content-wrap.impressions {
    margin-left: 0;
    margin-right: 0;
}

#info_wrap {
    width: 100%;
    background-color: #f0f0f0;
}

#info {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #f0f0f0;
    padding: 34px 0 25px;
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.03em;
    color: #000;
}

#info a {
    text-decoration: none;
}

#info a:hover,
#info a:focus-visible {
    color: black;
}

#info h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    margin-left: 20px;
    text-transform: uppercase;
}

#info > h2 {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 20px;
    width: auto;
}

.info_inner {
    min-height: 266px;
    text-align: center;
}

.info_inner h2 {
    text-align: left;
}

.info_inner a {
    display: inline-block;
    vertical-align: bottom;
    height: 130px;
    width: 33%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0 50px;
    margin-bottom: 50px;
}

.info_inner a p {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
}

.info_inner a:hover p,
.info_inner a:focus-visible p {
    color: black;
}

.wayp .info_inner a.press {
    background-image: url(../Images/LNM_Icon_Pressematerial.png);
}

.wayp .info_inner a.press:hover,
.wayp .info_inner a.press:focus-visible {
    background-image: url(../Images/LNM_Icon_Pressematerial_Hover.png);
}

.wayp .info_inner a.bus {
    background-image: url(../Images/LNM_Icon_Busplan.png);
}

.wayp .info_inner a.bus:hover,
.wayp .info_inner a.bus:focus-visible {
    background-image: url(../Images/LNM_Icon_Busplan_Hover.png);
}

.wayp .info_inner a.passport {
    background-image: url(../Images/LNM_Icon_Sammlerpass.png);
}

.wayp .info_inner a.passport:hover,
.wayp .info_inner a.passport:focus-visible {
    background-image: url(../Images/LNM_Icon_Sammlerpass_Hover.png);
}

.wayp .info_inner a.programme {
    background-image: url(../Images/LNM_Icon_Programmheft.png);
}

.wayp .info_inner a.programme:hover,
.wayp .info_inner a.programme:focus-visible {
    background-image: url(../Images/LNM_Icon_Programmheft_Hover.png);
}

.slim {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
}

#more_wrap {
    width: 100%;
    background-color: #000;
}

#more {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 34px 0 25px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #fff;
}

#more h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    margin-left: 20px;
    text-transform: uppercase;
}

#more > h2 {
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 20px;
    width: 1008px;
}

.more_inner {
    min-height: 1005px;
}

.more_element {
    position: relative;
    width: 473px;
    height: 316px;
    margin: 0 19px 19px 0;
    float: left;
}

.more_element_inner {
    display: block;
    height: 100%;
    width: 100%;
}

.more_element_inner > a {
    display: block;
    height: 100%;
    width: 100%;
    color: #fff;
    overflow: hidden;
    text-decoration: none;
    position: relative;
}

.more_element_inner > a:hover,
.more_element_inner > a:focus-visible {
    border: 1px solid #fff;
    margin: -1px 0 0 -1px;
}

.more_inner {
    width: 989px;
    margin: 0 auto;
}

@media only screen and (min-width: 1280px) {
    .content-wrap.impressions .csc-image {
        max-width: 302px;
    }

    .more_element {
        width: 396px;
        height: 314px;
    }

    .more_inner {
        width: auto;
        min-height: 666px;
    }

    #more > h2 {
        width: auto;
    }
}

@media only screen and (min-width: 1000px) {
    .content-wrap.impressions .csc-image {
        max-width: 369px;
    }
}

.more_element img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}

.more_inner {
    padding-top: 20px;
    padding-left: 19px;
}

.more-layer p.smallbodytext {
    display: none;
}

#more .more_element h2 {
    box-sizing: border-box;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 60px;
    left: 0;
    letter-spacing: 0;
    line-height: 60px;
    margin-left: 0;
    padding: 20px 0 0 20px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    word-wrap: break-word;
    z-index: 3;
}

.more_element a {
    color: #fff;
}

.more_element .more-layer {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: rgba(255, 245, 0, 0.8);
}

.more_element:hover .more-layer {
    background-color: rgba(255, 245, 0, 0.8);
}

.more_element:hover .more-layer,
.more_element:focus-visible .more-layer {
    display: block;
}

.more_element .more-layer-inner {
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    padding: 0 24px 24px;
    box-sizing: border-box;
}

.more_element .more-layer h3 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.more_element .more-layer p {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.more_element .more-layer h3 + p {
    margin-top: 19px;
}

#more .more_element.pages h2,
#more .more_element.pages h3 {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.3em;
    overflow: hidden;
    padding: 20px;
    color: black;
    background-color: #fff500;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    letter-spacing: 0;
    margin-left: 0;
    text-transform: uppercase;
    width: 100%;
    word-wrap: break-word;
    z-index: 3;
    min-height: 100px;
}

#more .more_element.pages a:hover h2,
#more .more_element.pages a:hover h3 {
    display: flex;
}

#more_wrap #more .pages.more_element .more-layer {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    background-color: rgba(255, 245, 0, 0.9);
    display: none;
    height: auto;
    top: 0;
    bottom: 100px;
}

#more_wrap #more .pages.more_element a:hover .more-layer,
#more_wrap #more .pages.more_element a:focus-visible .more-layer {
    display: block;
    color: black
}

.pages.more_element a:focus-visible,
.pages.more_element a:focus-visible h3 {
    color: black
}

#more .more_element.pages .smallbodytext {
    display: none;
}

#more .more_element.pages .smallbodytext {
}

.pages .more_element_inner > a {
    overflow: hidden;
}

.pages.more_element .more-layer-inner {
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    padding: 20px 24px;
    position: absolute;
    width: 100%;
    z-index: 4;
    overflow: hidden;
    color: black;
    display: flex;
    align-items: flex-end;
}

#news_wrap {
    width: 100%;
    background-color: #000;
}

#news {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #fff;
}

#news a {
    color: #fff;
}

#news a:hover {
    color: #fff500;
}

#news_inner {
    width: 940px;
    padding-top: 34px;
    padding-bottom: 76px;
    margin: 0 auto;
}

#news h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    margin-left: -20px;
    text-transform: uppercase;
}

#header_slider .slider_element + .slider_element,
.animations .slick-slide {
    display: inline-block;
    float: left;
}

.news_slider {
    margin-top: 35px;
}

.news_slider.slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.news_slider .slider_element_inner {
    border: 1px solid #fff;
    width: 450px;
    margin: 0 9px;
    min-height: 166px;
    padding: 17px 12px 17px 17px;
    box-sizing: border-box;
    cursor: text;
}

@media only screen and (min-width: 1280px) {
    #news_inner {
        width: 1212px;
    }

    .news_slider .slider_element_inner {
        width: 380px;
    }
}

.news_slider .slider_element {
    float: left;
}

.news_slider .slider_element img {
    float: left;
    margin: 0 17px 17px 0;
}

.news_slider .slider_element h3 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.news_slider .slider_element p {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
}

.slick-prev,
.slick-next {
    border: medium none;
    background: none repeat scroll 0 0 transparent;
    border-spacing: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    list-style: none outside none;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    outline: none;
    width: 14px;
    height: 24px;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAQAAABgzgTcAAAATklEQVQoz2NgYPh//v8cBuzgv83/z/8/4pZu+f9xVBqb9Of///5fwy4p+//b/3//72KXAoX2UtxSi6gnJfX/G36pOXSRksUpBZa+hksKALF2nM8py2c0AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    left: -21px;
    z-index: 2;
    cursor: pointer;
}

.slick-prev {
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
    display: none !important;
}

.slick-prev::-moz-focus-inner,
.slick-next::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.slick-next {
    background-position: top right;
    left: auto;
    right: -21px;
}

.slick-prev:hover {
    background-position: bottom left;
}

.slick-next:hover {
    background-position: bottom right;
}

.museum .slick-next {
    right: 18px;
}

.museum .slick-prev {
    left: 18px;
}

#share_wrap {
    width: 100%;
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: top center;
}

#header_slider_wrap .slick-prev {
    top: 50%;
    transform: translate(-50%, 0) scaleX(-1);;
}

#header_slider_wrap .slick-next {
    top: 50%;
}

#flyp_wrap {
    width: 100%;
    background-color: #424242;
}

#share_wrap.wayp {
    background-image: url(../Images/LNM_Website_Startseite_SocialMedia_151208_ih2.jpg);
}

#share {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: transparent;
    padding: 34px 0 0;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #fff;
    height: 580px;
    position: relative;
    text-align: center;
}

#flyp {
    width: 100%;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: transparent;
    color: #fff;
    height: auto;
}

#flyp iframe {
    width: 100%;
    display: block;
}

.aspectratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51.32%;
}

.aspectratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#share img {
    display: block;
    margin: 0 auto;
}

#share h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    text-transform: uppercase;

    text-align: left;

    position: absolute;
    left: 20px;
}

#share h1 {
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 170px;
    line-height: 200px;
    letter-spacing: 0;
    text-transform: uppercase;
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
    height: 200px;
}

#share .socialmedia {
    bottom: 54px;
    display: inline-block;
    position: absolute;
    right: 48px;
    text-align: right;
    min-width: 1008px;
}

#share .socialmedia li {
    display: inline;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

#share .socialmedia li + li {
    margin-left: 31px;
}

#share .socialmedia li a {
    display: inline-block;
    width: 44px;
    height: 47px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 0;
}

.wayp #share .socialmedia li a {
    background-image: url('../Images/ico_share_all.png');
}

#share .socialmedia li a:hover {
    background-position: 0 -58px;
}

#share .socialmedia li.fb a {
    width: 44px;
    background-position: -180px 0;
}

#share .socialmedia li.tw a {
    width: 57px;
    background-position: -60px 0;
}

#share .socialmedia li.in a {
    width: 45px;
    background-position: -120px 0;
}

#share .socialmedia li.yt a {
    width: 57px;
    background-position: 0 0;
}

#share .socialmedia li.fb a:hover,
#share .socialmedia li.fb a:focus-visible {
    background-position: -180px -58px;
}

#share .socialmedia li.tw a:hover,
#share .socialmedia li.tw a:focus-visible {
    background-position: -60px -58px;
}

#share .socialmedia li.in a:hover,
#share .socialmedia li.in a:focus-visible {
    background-position: -120px -58px;
}

#share .socialmedia li.yt a:hover,
#share .socialmedia li.yt a:focus-visible {
    background-position: 0 -58px;
}

.easy #content {
    padding-bottom: 83px;
}

.easy #content .frame-default {
    margin: 0 20px;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 22px;
    line-height: 1.7em;
    letter-spacing: 0;
    max-width: 640px;
}

.easy #content .frame-default + .frame-default {
    margin-top: 68px;
}

.easy #content .frame-default b,
.easy #content .frame-default a {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    text-decoration: underline;
}

.easy #content .frame-default a:hover,
.easy #content .frame-default a:focus-visible {
    color: black;
    font-weight: 700;
}

.easy #content .frame-default h1 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 26px;
    line-height: 1.5em;
    letter-spacing: 0;
}

.easy #content .frame-default .frame-type-header h1,
.easy #content .frame-default .frame-type-header h2 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 51px;
    line-height: 60px;
    padding-bottom: 8px;
    letter-spacing: 0;
}

.easy #content .frame-default ul {
    padding-left: 1em;
    text-indent: -1em;
}

.easy #content .frame-default ul li:before {
    content: "•";
    margin-right: 0.5em;
}

.easy #content .frame-default ul + p {
    margin-top: 26px;
}

.easy #content .frame-default .frame-type-header + ul,
.easy #content .frame-default .frame-type-header + p {
    margin-top: 14px;
}

.info-partner .content {
    padding-bottom: 75px;
}

.info-partner .content {
    padding-top: 0;
    margin-top: -25px;
}

.press .info-partner .content-wrap {
    margin: 0;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
}

.press .info-partner .content-wrap .text .csc-header {
    margin-bottom: 13px;
    margin-top: 25px;
}

.press .info-partner .content-wrap + .content-wrap {
    border-top: 2px solid #000;
    margin-top: 37px;
    padding-top: 12px;
}

.press .info-partner .content-wrap .text {
    width: 100%;
}

.press .info-partner .content-wrap .csc-image {
    float: left;
    width: 150px;
    height: 300px;
}

.press .info-partner .content-wrap .csc-image {
    padding-right: 14px;
}

.press .info-partner .content-wrap .csc-image a {
    color: black;
}

.press #content .wrap1 {
    display: none;
}

.content-wrap .info-partner .image-row {
    float: none;
}

.content-wrap .info-partner .image-row:after {
    display: table;
    clear: both;
    content: "";
}

.press .info-partner .content-wrap .subtext {
    margin-top: 10px;
}

.toggle-button.open + .toggle_inner {
    display: none;
}

.toggle {
    position: relative;
}

.toggle-button {
    background-image: url(../Images/toggle-open.png);
    background-position: right 25px top 23px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: -23px -25px -20px -15px;
    padding: 20px;
    position: absolute;
    right: 5px;
    top: -17px;
    width: 100%;
    filter: FlipV;
    -ms-filter: "FlipV";
}

.toggle-button:hover {
    background-image: url(../Images/toggle-open_h.png);
}

.toggle-button.open {
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

#footer {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #424242;
    padding: 0 0 26px 0;
    min-height: 122px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.05em;
    position: relative;
}

#footer ul.centermenu {
    width: 658px;
    white-space: nowrap;
}

#footer ul.centermenu li:first-child {
    margin-left: 25px;
}

#footer ul.centermenu li a {
    font-size: 14px;
    line-height: 45px;
    letter-spacing: 0.05em;
}

#footer .logo {
    position: absolute;
    top: 26px;
    left: 32px;
}

img[src="https://maps.gstatic.com/mapfiles/transit/iw2/b/bus.png"] + span {
    background: url(https://i.stack.imgur.com/8lcVw.png?s=32&g=1) no-repeat;
    background-size: 16px 16px;
    padding-left: 18px;
}

.zoomControlDiv_wrap {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 1008px;
    position: relative !important;
    right: 0 !important;
    top: 707px !important;
    width: 100%;
}

.zoomControlDiv {
    margin: 0 auto;
    top: 0;
    width: 86px;
    position: absolute;
    right: 0;
}

.controlWrapper {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #000;
    bottom: 0;
    box-sizing: border-box;
    margin: 0 0 100px;
    padding: 22px;
    right: 0;
}

.zoomIn,
.zoomOut {
    background-color: #000;
    background-image: url("../Images/zoomAll.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top left;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
}

.zoomOut {
    margin-top: 1px;
    background-position: bottom left;
}

#mapsearch2,
#mapsearch {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    position: relative;
    z-index: 6;
    margin: 0 auto;
}

#mapsearch2 {
    z-index: 2;
}

#eventsearch_inner,
#mapsearch_inner {
    width: 606px;
    height: 319px;
    margin: 0 auto;
    position: absolute;
    top: 116px;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: 6;
}

#eventsearch_inner label,
#mapsearch_inner label {
    color: white;
}

#eventsearch_inner {
    position: relative;
    top: 0;
    margin-top: 40px;
}

#mapsearch_inner .linkto {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 86px;
    height: 86px;
    background-image: url(../Images/switch_to_events3.png);
    background-position: top right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

#eventlist_inner .linkto {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 86px;
    height: 86px;
    background-image: url(../Images/switch_to_museums2.png);
    background-position: top left;
    background-repeat: no-repeat;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.museum #eventlist_inner .linkto {
    display: none;
}

.museum #eventsearch_inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 328px;
    left: auto;
    margin-top: 128px;
    height: auto;
    padding-bottom: 24px
}

#eventsearch_inner {
    height: 440px;
}

.eventsearch_header,
.mapsearch_header {
    width: 100%;
    height: 87px;
    background-image: url('../Images/mapsearch_icon_museen.png');
    background-repeat: no-repeat;
    background-position: 17px 21px;
    padding-bottom: 23px;
}

.eventsearch_header {
    background-image: url('../Images/mapsearch_icon_events.png');
    background-position: right 22px top 18px;
}

.museum .eventsearch_header {
    background-image: none;
    height: auto;
    padding: 0;
    line-height: 47px;
    margin-top: 18px;
    margin-bottom: -6px;
}

#eventsearch_headline,
#typeselect_headline,
#mapsearch_headline,
#eventlist_headline {
    border-left: 20px solid transparent;
    height: 42px;
    left: 0;
    top: 34px;
    margin: 0 auto;
    position: absolute;
    width: auto;
    z-index: 6;
}

.museum #eventlist_headline {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    height: 128px;
}

.museum #eventlist_headline h2 {
    color: #fff;
}

#eventlist_headline h3 {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

#eventlist_headline {
    position: static;
    padding-top: 34px;
}

#eventsearch_headline h1,
#typeselect_headline h1,
#mapsearch_headline h1,
#eventlist_headline h1,
#eventsearch_headline h2,
#typeselect_headline h2,
#mapsearch_headline h2,
#eventlist_headline h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 42px;
    margin-left: 0;
    text-transform: uppercase;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: black;
}

.eventsearch_header h3,
.mapsearch_header h3 {
    padding-left: 92px;
    padding-right: 92px;
    color: #fff;
    padding-top: 36px;
    text-transform: uppercase;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
}

.eventsearch_header h3 {
    text-align: right;
}

.museum .eventsearch_header h3 {
    font-size: 16px;
    line-height: 20px;
    padding-left: 20px;
    padding-top: 0;
    text-align: left;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.eventsearch_input,
.mapsearch_input {
    margin: 0 auto;
    width: 549px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.museum .eventsearch_input {
    padding-left: 0;
    width: 286px;
}

.museum .eventsearch_input + .museum .eventsearch_input {
    margin-top: 20px;
}

.museum p label.check {
    color: #fff;
}

.eventsearch_input.marg,
.mapsearch_input.marg {
    margin-top: 23px;
}

.museum .eventsearch_input.marg {
    margin-top: 25px;
}

.museum .eventsearch_input + .eventsearch_input {
    margin-top: 20px;
}

.eventsearch_input .showall a,
.mapsearch_input .showall a {
    color: #fff500;
    text-decoration: none;
}

.eventsearch_input .showall,
.mapsearch_input .showall {
    float: left;
}

.museum .eventsearch_input .showall {
    float: none;
}

.eventsearch_input .check,
.mapsearch_input .check {
    float: right;
}

.museum .eventsearch_input .check {
    float: none;
}

.eventsearch_input label.check,
.mapsearch_input label.check {
    margin: 0 5px;
    cursor: pointer;
}

.museum .eventsearch_input label.check {
    margin-left: 0;
}

.eventsearch_input .check a,
.mapsearch_input .check a {
    color: #fff;
    text-decoration: none;
}

.eventsearch_input img,
.mapsearch_input img {
    display: block;
    margin-top: 15px;
}

.eventsearch_input,
.mapsearch_input {
    margin: 0 auto;
    width: 549px;
}

#eventlist_inner .list_item {
    display: block;
    float: left;
    height: auto;
    margin: 9px 0;
    overflow: visible;
    position: relative;
    width: 100%;
    z-index: 5;
    box-sizing: border-box;
    padding-left: 181px;
}

#eventlist_inner .list_item.hidden {
    display: none;
}

#eventlist_inner .time-layer {
    color: #fff;

    position: absolute;
    background-color: #000;

    width: 213px;
    min-height: 92px;
    top: 8px;
    left: 0;
}

#eventlist_inner div.center {
    padding: 0 17px;
    box-sizing: border-box;
    width: 100%;
}

.museum #eventlist_inner div.center {
    box-sizing: border-box;
    margin-left: 0;
    padding-right: 355px;
    width: 100%;
}

#eventlist_inner .list_item_inner {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    background-color: #fff;
}

#eventlist_inner .time-layer .times {
    text-align: right;
    width: 131px;
    margin-top: 16px;
}

#eventlist_inner .programmeType_100 .time-layer .times {
    margin-top: 18px;
}

#eventlist_inner .time-layer .t1 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 28px;
    display: inline-block;
}

#eventlist_inner .programmeType_100 .time-layer .t1 {
    display: none;
}

#eventlist_inner .time-layer .t2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
}

#eventlist_inner .programmeType_100 .time-layer .t2 {
    font-size: 20px;
}

.eventType {
    width: 38px;
    height: 38px;
    display: block;
    position: absolute;
    top: 20px;
    right: 16px;
    background-size: 38px auto;
}

.programmeType_0 .eventType {
    background-image: url(../Images/ico/Icon_Fuehrungen_a.svg);
}

.programmeType_1 .eventType {
    background-image: url(../Images/ico/Icon_Mitmachen_a.svg);
}

.programmeType_2 .eventType {
    background-image: url(../Images/ico/Icon_Lesungen_a.svg);
}

.programmeType_3 .eventType {
    background-image: url(../Images/ico/Icon_Musik_a.svg);
}

.programmeType_4 .eventType {
    background-image: url(../Images/ico/Icon_Technik_a.svg);
}

.programmeType_5 .eventType {
    background-image: url(../Images/ico/Icon_TanzundTheater_a.svg);
}

.programmeType_6 .eventType {
    background-image: url(../Images/ico/Icon_Film_a.svg#Film_a);
}

.programmeType_7 .eventType {
    background-image: url(../Images/ico/Icon_Veranstaltung_a.svg);
}

.programmeType_8 .eventType {
    background-image: url(../Images/ico/Icon_Sonderveranstaltung_a.svg);
}

.programmeType_10 .eventType {
    background-image: url(../Images/ico/Icon_DGS_a.svg);
}

.programmeType_11 .eventType {
    background-image: url(../Images/ico/Icon_Kinder_a.svg);
}

.programmeType_99 .eventType {
    background-image: url(../Images/ico/Icon_Kulinarisches_a.svg);
}

.programmeType_100 .eventType {
    background-image: url(../Images/ico/Icon_Sonderveranstaltung_a.svg);
}

#eventlist_inner .list_item_inner .details {
    width: 100%;
    box-sizing: border-box;
    padding: 23px 104px 22px 58px;
    min-height: 140px;
}

#eventlist_inner .list_item_inner .details .title {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 24px;
    line-height: 28px;
    min-height: 28px;
    color: #000;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    box-sizing: border-box;
    padding-right: 30px;
}

#eventlist_inner .list_item_inner .details .meetingplace,
#eventlist_inner .list_item_inner .details .descr {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 24px;
    min-height: 24px;
    color: #000;
    word-wrap: break-word;
}

#eventlist_inner .programmeAccessibility_0 .list_item_inner .details .access {
    position: relative;
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
    height: 28px;
}

#eventlist_inner .programmeAccessibility_0 .list_item_inner .details .access .inner {
    background-image: url("../Images/access.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 26px;
    margin: auto;
    position: absolute;
    right: -34px;
    top: -2px;
    width: 22px;
}

#eventlist_inner .list_item_inner .details .museumlink {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #fff500;
    margin-top: 17px;
    display: inline-block;
}

#eventlist_inner .list_item_inner .details .museumlink a {
    text-decoration: underline;
    color: black;
}

#eventlist_inner .list_item .to_schedule {
    position: absolute;
    width: 86px;
    height: 86px;
    top: 1px;
    right: 1px;
    background-repeat: no-repeat;
    background-position: right 60% bottom 60%;
    background-size: 50% auto;
}

.to_schedule {
    background-image: url(../Images/schedule_ico.png);
    width: 43px;
    height: 39px;
    display: inline-block;
}

.to_schedule.active,
.to_schedule:hover {
    background-image: url(../Images/schedule_ico_h.png);
    background-color: #fff500;
}

#mapsearch_legend {
    height: 96px;
    width: 96px;
    margin: 0 auto;
    position: absolute;
    top: 687px;
    left: 0;
    background-color: #000;
    z-index: 4;
    box-sizing: border-box;
    border: 1px solid #000;
    background-image: url(../Images/LNM_Legende_2020.png);
}

ul.toggle-legend {
    box-sizing: border-box;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin: 0 auto;
    padding: 27px 0 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.toggle-legend li {
    display: inline-block;
}

.toggle-legend li + li {
    margin-left: 8px;
}

.toggle-legend li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: transparent;
    text-decoration: none;
    background-image: url(../Images/ico/ico_all.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left top;
}

.toggle-legend li a:hover,
.toggle-legend li.active a {
    background-position: left bottom;
}

.toggle-legend li.bus a {
    background-position: -80px 0;
}

.toggle-legend li.ship a {
    background-position: -40px 0;
}

.toggle-legend li.bike a {
    background-position: 0 0;
}

.toggle-legend li.bus.active a {
    background-position: -80px bottom;
)
}

.toggle-legend li.ship.active a {
    background-position: -40px bottom;
}

.toggle-legend li.bike.active a {
    background-position: 0 bottom;
}

@media only screen and (min-device-width: 1025px) {
    .toggle-legend li.bus a:hover {
        background-position: -80px bottom;
    )
    }

    .toggle-legend li.ship a:hover {
        background-position: -40px bottom;
    }

    .toggle-legend li.bike a:hover {
        background-position: 0 bottom;
    }
}

#eventsearch_switch,
#mapsearch_switch {
    height: 42px;
    margin: 0 auto;
    position: absolute;
    top: 457px;
    left: 0;
    z-index: 6;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    width: 100%;
}

.museum #eventsearch_switch {
    border-right: 355px solid transparent;
}

#eventsearch_switch {
    margin-top: 32px;
    position: static;
    height: auto;
    padding-bottom: 60px;
}

.switch {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 42px;
    height: 42px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top left;
}

.switch_list,
.switch_map,
.showMap .switch,
.showList .switch,
.showTile .switch {
    background-image: url(../Images/switch_all.png);
}

.switch_map {
    background-position-x: right;
}

.switch_map,
.switch_list {
    background-position-y: -126px;
}

.switch_map:hover,
.switch_list:hover {
    background-position-y: -84px;
}

.switch_map.active,
.switch_list.active {
    background-position-y: -42px;
}

#filter_results {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 22px;
    padding: 13px 0 7px;
    margin-left: 17px;
}

#filter_results2 {
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 22px;
    width: 100%;
}

#filter_results2 b,
#filter_results b,
#filter_results2 strong,
#filter_results strong {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    padding-right: 3px;
    display: inline-block;
}

#eventsearch_switch #filter_results2 b,
#eventsearch_switch #filter_results2 strong {
    display: inline;
}

#download_icon {
    background-color: transparent;
    background-image: url("../Images/type_all2.png");
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 86px;
    position: fixed;
    right: 0;
    width: 86px;
    z-index: 20;
    top: 728px;
}

.mynight .tab-select.all-events ~ #download_icon,
.home #download_icon {
    display: block;
}

#download_icon ul {
    padding-top: 88px;
    display: none;

}

#download_icon:hover ul {
    display: block;
}

#download_icon li {
    float: left;
    width: 100%;
    background-color: #fff500;
}

#download_icon li a {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    color: black;
    line-height: 41px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

#download_icon li a:hover,
#download_icon li a:focus-visible {
    background-color: #000;
    color: #fff500;
}

#download_icon li + li {
    border-top: 1px solid #fff;
}

.backtoevents,
.tomynight {
    top: 640px;
    z-index: 20;
    position: fixed;
    right: 0;
    min-height: 86px;
    width: 86px;
    display: none;
}

.backtoevents {
    top: 502px;
}

.backtoevents.out {
    display: none !important;
}

.backtoevents a,
.tomynight a {
    display: block;
    width: 100%;
    height: 100%;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background-color: #424242;
    box-sizing: border-box;
    padding: 15px 5px 14px;
}

.backtoevents a:hover,
.tomynight a:hover,
.backtoevents a:focus-visible,
.tomynight a:focus-visible {
    background-color: #fff500;
    color: black;
}

#type_select {
    background-color: #fff;
    background-image: url("../Images/LNDM_Karte_Statisch-Startseite.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 839px;
    left: 0;
    margin: 0 auto;
    min-width: 1008px;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 18;
    position: relative;
}

.type_select_inner {
    max-width: 1280px;
    min-width: 1008px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    min-height: 200px;
}

.type_select {
    text-align: center;
    top: 114px;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.type_select .type {
    display: inline-block;
    width: 264px;
    height: 168px;
    border: 1px solid #fff;
    margin: 0 39px;
}

.type_select .type a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    color: black;
    background-color: #fff500;
    text-decoration: none;
    display: block;
    padding: 105px 0 33px;
    background-image: url(../Images/type_all3.png);
    background-position: top left;
    background-size: auto auto;
    background-repeat: no-repeat;
    position: relative;
}

.type_select .type a:hover,
.type_select .type a:focus-visible {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #fff500;
    text-decoration: none;
    display: block;
    padding: 105px 0 33px;
    background-image: url(../Images/type_all2.png);
    background-position: top left;
    background-size: auto auto;
    background-repeat: no-repeat;
    position: relative;
}

.type_select .type + .type a {
    background-position: top left -264px;
}

.type_select .type a span {
    display: none;
    position: absolute;
    top: 202px;
    left: 432px;
    font-size: 70px;
    line-height: 70px;
    text-align: left;
    color: #000;
}

.type_select .type a:hover span,
.type_select .type a:focus-visible span {
    display: block;
}

.type_select .type a span:first-line {
    font-size: 155px;
    line-height: 140px;
}

.type_select .type a:hover,
.type_select .type a:focus-visible {
    background-color: #000;
}

.type_select .type + .type a span {
    left: -488px;
    top: 331px;
    font-size: 50px;
    line-height: 65px;
}

#museumlist {
    position: relative;
    z-index: 5;
    background-color: #fff;
    padding: 525px 0 0 0;
    display: block;
}

#museumlist_inner {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 1008px;
    position: relative;
    z-index: 5;
    padding: 0 0 60px 0;
    display: none;
}

#museumlist_inner .list_item img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

#eventlist {
    position: relative;
    z-index: 10;
    background-color: #fff;
    padding: 0;
    min-height: 839px;
    display: block;
}

#eventlist_inner {
    margin: 0 auto;
    max-width: 1280px;
    min-width: 1008px;
    position: relative;
    z-index: 19;
    padding: 0 0 60px 0;
}

.museum #eventlist_inner {
    margin-top: 50px;
    min-height: 597px;
}

.list_group {
    text-align: center;
}

.list_group + .list_group {
    margin-top: 18px;
}

.list_group img.test {
    margin: -1px 0 -5px;
}

.list_max {
    height: 735px;
    overflow: hidden;
}

#eventlist_inner .list_max {
    height: auto !important;
}

#eventlist_inner .list-hidden {
    display: none;
}

#eventlist_inner .list-visible {
    display: block;
}

.list_max + div + .list_more,
.list_max + div + .list_more {
    display: block;
}

.list_more {
    font-size: 0;
    height: 57px;
    line-height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 21px;
    padding-bottom: 16px;
    text-align: center;
    width: 610px;
    display: none;
}

.list_more img {
    background-color: #fff500;
    display: inline-block;
    margin: 0 auto;
}

.list_more a {
    color: black;
    display: inline-block;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    font-size: 25px;
    letter-spacing: 0.01em;
    line-height: 57px;
    margin: 0;
    min-width: 603px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff500;
}

.list_more a:hover,
.list_more a:hover img,
.list_more a:focus-visible,
.list_more a:focus-visible img {
    background-color: #000;
    color: white;
}

div.center {
    width: 980px;
    margin: 0 auto;
}

.tx-indexedsearch-browsebox,
.browsebox,
.tx-indexedsearch-icon,
.tx-indexedsearch-percent,
#content .tx-indexedsearch-searchbox,
#content .tx-indexedsearch-rules,
.tx-indexedsearch-info {
    display: none;
}

.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: normal;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: #fff500;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background: none;
}

.tx-indexedsearch-res {
    margin-left: -2px;
}

#museumlist_inner .list_item {
    width: 227px;
    height: 227px;
    overflow: hidden;
    z-index: 5;
    position: relative;
    display: block;
    float: left;
    background-color: #000;
    margin: 9px;
}

@media only screen and (min-width: 1280px) {
    #museumlist_inner .list_item {
        margin: 12px;
    }

    div.center {
        padding-left: 7px;
        width: 1273px;
    }

    .list_max {
        height: 745px;
        overflow: hidden;
    }
}

#museumlist_inner .overlay-link {
    position: absolute;
    top: 0;
    right: 0;
}

#museumlist_inner .overlay-text {
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 1px solid #fff;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    left: 0;
    margin: 0;
    padding: 9px 12px 8px;
    position: absolute;
    text-align: center;
    width: 100%;
}

#museumlist_inner a:hover .overlay-text,
#museumlist_inner a:focus-visible .overlay-text {
    background-color: rgba(255, 245, 0, 0.8);
    color: black;
}

#map-canvas-wrap {
    position: relative;
    height: 1414px;
    overflow: hidden;
}

@media only screen and (min-width: 1280px) {
    #map-canvas-wrap {
        height: 1424px;
    }
}

#overlay {
    width: 227px;
    height: 150px;
    margin-left: -0px;
    margin-top: -11px;
    position: fixed;
    bottom: 20px;
    right: 95px;
    z-index: 1;
    display: none;
}

#overlay.hidden {
    display: none !important;
}

#overlay a.overlay-link {
    position: absolute;
    right: -40px;
    bottom: -1px;
    margin: auto;
    height: 150px;
}

#overlay img.overlay-image {
    width: 227px;
    height: 227px;
    background-color: #424242;
}

#overlay .overlay-text {
    background-color: rgba(255, 245, 0, 1);
    bottom: 0;
    border: 1px solid black;
    box-sizing: border-box;
    color: black;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.214em;
    left: 0;
    margin: 0;
    padding: 11px 19px 12px;
    text-align: left;
    width: 100%;
}

#hover {
    pointer-events: none;
    width: 227px;
    height: 227px;
    overflow: hidden;
    z-index: 9;
    margin-left: -0px;
    margin-top: -238px;
    position: absolute;
    top: 0;
    left: 0;
}

#hover .hover-text {
    background-color: rgba(255, 245, 0, 1);
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.214em;
    left: 0;
    margin: 0;
    padding: 11px 19px 12px;
    position: absolute;
    text-align: left;
    width: 100%;
}

p label.check {
    color: #fff;
}

.content-wrap.my {
    margin: 0;
}

.my .tab-select {
    width: 100%;
    min-width: 1008px;

}

.my .tab-select:after {
    clear: both;
    display: table;
    content: "";
}

.my .tab {
    width: 50%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #000;
    color: black;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    line-height: 39px;
    text-decoration: none;
    padding: 32px 0;
    height: 105px;
    background-color: #fff500;
    cursor: pointer;
    background-image: url(../Images/tab1.png);
    background-position: top left;
    background-repeat: no-repeat;
}

.my .tab + .tab {
    background-image: url(../Images/tab2.png);
}

.my .tab.active,
.my .tab:hover {
    background-color: #fff;
    color: #000;
    background-image: url(../Images/tab1.png);
}

.my .tab + .tab.active,
.my .tab + .tab:hover {
    background-color: #fff;
    color: #000;
    background-image: url(../Images/tab2.png);
}

.my .tab.active {
    border: 1px solid transparent;
    border-top: 1px solid #000;
}

.infotext {
    margin: 0 20px;
    font-size: 16px;
    line-height: 20px;
    width: 790px;
    padding: 37px 0 0 0;
}

.hiddentext {
    background-image: url("../Images/schedule_info.png");
    background-position: left top;
    background-repeat: no-repeat;
    display: none;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 0 20px 0 10px;
    padding: 5px 0 72px 79px;
    width: 540px;
}

.open + .hiddentext {
    display: block;
}

.infotext + .toggle:hover,
.infotext + .toggle:focus-visible {
    color: #fff500;
    background: black;
    cursor: pointer;
}

.infotext + .toggle {
    width: auto;
    line-height: 20px;
    cursor: pointer;
    color: black;
    background-color: #fff500;
    padding: 10px 20px;
    margin: 30px 0 30px 20px;
    display: inline-block;
    font-size: 19px;
    text-decoration: none;
    font-weight: 700;
}

.info_image {
    left: 0;
    margin: 0 auto;
    padding-left: 300px;
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 2;
}

.drag-area:before {
    clear: both;
    content: "";
    display: table;
}

.drag-area {
    position: relative;
    width: 100%;
}

.drag-fixed {
    position: absolute;
    top: 0;
    right: 0;
    width: 352px;
    min-height: 540px;
}

.drag-source {
    background-color: #000;
    padding: 0 0 24px 0;
}

h3.drag-list-header {
    background: transparent !important;
    color: black !important;
    margin: 0 0 20px;
}

.drag-download {
    margin-top: 24px;
    background-color: #000;
    height: 130px;
}

.drag-download a {
    float: left;
    height: 37px;
    width: 51px;
    background-image: url(../Images/pdf_ico.png);
    text-decoration: none;
    color: transparent;
    font-size: 0;
    line-height: 0;
    margin-top: 15px;
    margin-left: 24px;
}

.drag-download a:hover,
.drag-download a:focus-visible {
    background-image: url(../Images/pdf_ico_h.png);
}

.drag-download a + a {
    background-image: url(../Images/mail_ico.png);
    margin-left: 64px;
}

.drag-download a + a:hover,
.drag-download a + a:focus-visible {
    background-image: url(../Images/mail_ico_h.png);
}

.drag-list {
    width: 50%;
    float: left;
}

.drag-group {
    width: 100%;
    position: relative;
}

.drag-group + .drag-group {
    margin-top: 22px;
}

.drag-area h3 {
    background-color: #000;
    color: #fff;
    box-sizing: border-box;
    font-size: 24px;
    line-height: 40px;
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    width: 100%;
    padding: 14px 29px 0 24px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.drag-list h3 {
    float: left;
    height: 94px;
    padding: 14px 20px 0;
    position: static;
}

.drag-area h3 + p {
    color: #fff;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin-top: -2px;
    padding: 0 29px 0 24px;
}

.drag-items {
    float: left;
    margin-bottom: 22px;
    margin-top: -30px;
    position: static;
    top: -30px;
    z-index: 2;
    width: 100%;
    min-height: 30px;
}

.drag-items:after {
    clear: both;
    display: table;
    content: "";
}

.drag-list .drag-item {
    float: left;
    width: 230px;
    height: 203px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #000;
    margin: 15px 0 0 15px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    position: relative;
}

.ui-sortable-placeholder {
    height: 203px !important;
    background-color: #e8e8e8 !important;
    visibility: visible !important;
    border: 1px solid transparent !important;
}

.drag-list > .drag-item {
    width: 230px !important;
    height: 203px !important;
}

div.drag-scroll {
    max-height: 250px !important;
}

.drag-scroll {
    box-sizing: border-box;
    margin: 27px 8px 0 24px;
    position: relative;
    overflow: auto;
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.drag-scroll > .scroll-element,
.drag-scroll > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.drag-scroll > .scroll-element {
    background-color: #000;
}

.drag-scroll > .scroll-element .scroll-bar {
    box-sizing: border-box;
    border-right: 3px solid #424242;
    border-left: 3px solid #424242;
}

.drag-scroll > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.drag-scroll > .scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 13px;
}

.drag-scroll > .scroll-element.scroll-y .scroll-element_outer {
    left: 0;
    width: 13px;
}

.drag-scroll > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.drag-scroll > .scroll-element .scroll-element_track {
    background-color: #424242;
}

.drag-scroll > .scroll-element .scroll-bar {
    background-color: #fff500;
    cursor: move;
}

.drag-scroll > .scroll-element .scroll-bar:hover {
    background-color: #fff500;
}

.drag-scroll > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #fff500;
}

.drag-scroll > .scroll-content.scroll-scrolly_visible {
    left: 0;
    margin-left: 0;
}

.drag-scroll > .scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

.drag-source .drag-item {
    width: 297px;
    background-color: #fff;
    box-sizing: border-box;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    position: relative;
}

.mynight .ui-sortable-handle {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.mynight .moving .ui-sortable-handle,
.mynight .ui-sortable-handle:focus,
.mynight .ui-sortable-handle:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.drag-source .drag-item + .drag-item {
    margin: 9px 0 0 0;
}

.drag-list .icon,
.drag-source .icon {
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    width: 43px;
    height: 43px;
    background-position: center center;
}

.drag-source .icon {
    float: left;
    margin: 12px 0 0 14px;
}

.drag-list .icon {
    float: left;
    margin: 20px 0 40px 20px;
}

.drag-source .museumtitle {
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
    color: black;
    box-sizing: border-box;
    padding: 12px 30px 0 68px;
}

.drag-list .museumtitle {
    float: left;
    width: 136px;
    font-size: 16px;
    line-height: 20px;
    color: black;
    margin: 18px 14px 0 14px;
    word-break: break-all;
}

.drag-area .delete {
    background-image: url(../Images/ico/delete.png);
    background-repeat: no-repeat;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
}

.drag-area .delete:hover {
    background-image: url(../Images/ico/delete_h.png);
    cursor: pointer;
}

.drag-source .delete {
    bottom: 0;
    top: 9px;
    right: 10px;
}

.drag-list .time:before {
    clear: both;
    content: "";
    display: table;
}

.drag-area .time {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 0;
    font-size: 14px;
    line-height: 20px;
}

.drag-source .time {
    font-size: 14px;
    line-height: 17px;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    padding: 0 30px 0 68px;
}

.drag-area .programmeTitle {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    line-height: 19px;
}

.drag-source .programmeTitle {
    font-size: 14px;
    line-height: 17px;
    min-height: 17px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    padding: 0 30px 9px 68px;
}

.museum #filter_museum,
.museum #filter_museum-button {
    display: none;
}

.check.icon {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.check.icon:focus-visible + label {
    outline: 2px solid #00AEEF;
    outline-offset: 3px;
    border-radius: 4px;
}

.check.icon + label {
    display: block;
    float: left;
    background-size: auto 100%;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    color: transparent;
    text-decoration: none;
    margin-left: 7px;
    width: 30px;
    height: 30px;
}

.museum .check.icon + label {
    margin-left: 10px;
    margin-top: 9px;
    width: 31px;
    height: 31px;
}

#topic_a0 + label {
    background-image: url('../Images/ico/Icon_Fuehrungen.svg')
}

#topic_a0:checked + label,
.ico_Fuehrungen {
    background-image: url('../Images/ico/Icon_Fuehrungen_a.svg')
}

#topic_a1 + label {
    background-image: url('../Images/ico/Icon_Mitmachen.svg')
}

#topic_a1:checked + label,
.ico_Mitmachen {
    background-image: url('../Images/ico/Icon_Mitmachen_a.svg')
}

#topic_a2 + label {
    background-image: url('../Images/ico/Icon_Lesungen.svg')
}

#topic_a2:checked + label,
.ico_Lesungen {
    background-image: url('../Images/ico/Icon_Lesungen_a.svg')
}

#topic_a3 + label {
    background-image: url('../Images/ico/Icon_Musik.svg')
}

#topic_a3:checked + label,
.ico_Musik {
    background-image: url('../Images/ico/Icon_Musik_a.svg')
}

#topic_a4 + label {
    background-image: url('../Images/ico/Icon_Technik.svg')
}

#topic_a4:checked + label,
.ico_Technik {
    background-image: url('../Images/ico/Icon_Technik_a.svg')
}

#topic_a5 + label {
    background-image: url('../Images/ico/Icon_TanzundTheater.svg')
}

#topic_a5:checked + label,
.ico_TanzundTheater {
    background-image: url('../Images/ico/Icon_TanzundTheater_a.svg')
}

#topic_a6 + label {
    background-image: url('../Images/ico/Icon_Film.svg')
}

#topic_a6:checked + label,
.ico_Film {
    background-image: url('../Images/ico/Icon_Film_a.svg')
}

#topic_a7 + label {
    background-image: url('../Images/ico/Icon_Veranstaltung.svg')
}

#topic_a7:checked + label,
.ico_Veranstaltung {
    background-image: url('../Images/ico/Icon_Veranstaltung_a.svg')
}

#topic_a8 + label {
    background-image: url('../Images/ico/Icon_Sonderveranstaltung.svg')
}

#topic_a8:checked + label,
.ico_Sonderveranstaltung, .ico_programmeType_8 {
    background-image: url('../Images/ico/Icon_Sonderveranstaltung_a.svg')
}

#topic_a99 + label {
    background-image: url('../Images/ico/Icon_Kulinarisches.svg')
}

#topic_a99:checked + label,
.ico_Kulinarisches {
    background-image: url('../Images/ico/Icon_Kulinarisches_a.svg')
}

#topic_a10 + label {
    background-image: url('../Images/ico/Icon_DGS.svg')
}

#topic_a10:checked + label,
.ico_DGS {
    background-image: url('../Images/ico/Icon_DGS_a.svg')
}

#topic_a11 + label {
    background-image: url('../Images/ico/Icon_Kinder.svg')
}

#topic_a11:checked + label,
.ico_SchwerpunktKinder {
    background-image: url('../Images/ico/Icon_Kinder_a.svg')
}

/* jquery-ui */
textarea,
input,
button {
    outline: none;
}

:focus,
:active,
:hover {
    outline-color: transparent;
    outline-style: none;
}

.ui-selectmenu-menu .ui-menu {
    max-height: 400px !important;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
}

input.text-filter {
    width: 549px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 0;
    background-color: #fff;
    background-image: url(../Images/search.png);
    background-position: right top;
    background-repeat: no-repeat;
    display: block;
    color: #454545;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 31px;
    padding: 10px 20px;
    padding-right: 60px;
    position: relative;
    z-index: 2;
}


input.text-filter.info {
    background-color: transparent;
}

p.pretext {
    width: 549px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: -51px;
    background: #fff;
    display: block;
    color: #454545;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0.01em;
    line-height: 31px;
    padding: 10px 20px;
    position: relative;
    z-index: 1;
}

span#filter_language-button,
span#filter_topic-button,
span#filter_museum-button,
span#filter_time-button,
span#category-button {
    width: 549px !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    margin-top: 15px;
    display: block;
    padding: 0;
}

div.topic_wrap {
    width: 549px;
    height: 51px;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    margin-top: 15px;
    display: block;
    padding: 10px 20px;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 31px;
    letter-spacing: 0.01em;
    background-color: #fff;
    color: #454545;
    position: relative;
}

.museum div.topic_wrap {
    width: 286px;
    height: 114px;
    padding: 20px;
}

.museum div.topic_wrap > span {
    display: none;
}


div.topic_wrap ul.topics {
    position: absolute;
    right: 10px;
    top: 9px;
}

.museum div.topic_wrap ul.topics {
    left: 20px;
    margin-left: -10px;
    margin-top: -9px;
    right: auto;
    top: 20px;
}

.museum span#filter_language-button,
.museum span#filter_topic-button,
.museum span#filter_museum-button,
.museum span#filter_time-button,
.museum span#category-button {
    width: 286px !important;
}

#category-button {
    display: none !important;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 10px 20px !important;
    margin: 0;

    font-family: dinot_bold, Verdana, Geneva, sans-serif !important;
    font-size: 16px !important;
    line-height: 31px !important;
    letter-spacing: 0.01em !important;

    background-color: #fff;
}

.ui-selectmenu-button span.ui-icon {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    background-position: bottom right;
    background-image: url(../Images/toggle-open.png);
    background-repeat: no-repeat;
    top: 19px;
    right: 21px;
    width: 25px;
    height: 14px;
    margin: 0;
    position: absolute;
    filter: FlipV;
    -ms-filter: "FlipV";
}


.ui-menu .ui-menu-item {
    padding: 0 !important;
    font-family: dinot_bold, Verdana, Geneva, sans-serif !important;
    font-size: 16px !important;
    line-height: 31px !important;
    letter-spacing: 0.01em !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-menu .ui-menu-item > div {
    padding: 10px 20px !important;
}

.easy .vjs-poster {
    background-size: cover;
}

.easy .vjs-default-skin .vjs-big-play-button {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#map-canvas {
    width: 100%;
    height: 1134px;
    background-color: #CCC;
    display: block;
}

/* Popup für Bus-Haltestellen (Click auf Marker).
   Liegt als direktes Kind von <body>, damit es nicht an der Stacking-Context-Grenze
   von #map-canvas aufgehalten wird und sauber über Filter-UI / Headlines rendert. */
#busInfoPopup {
    position: absolute;
    box-sizing: border-box;
    width: 260px;
    max-width: calc(100vw - 24px);
    background: #fff;
    box-shadow: 0 2px 14px rgba(0,0,0,0.25);
    border-radius: 4px;
    padding: 10px 32px 10px 12px;
    font-size: 13px;
    line-height: 1.35;
    color: #222;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    z-index: 10000;
    transform: translate(-50%, calc(-100% - 16px));
}
#busInfoPopup .busInfoPopup__close {
    position: absolute;
    top: 2px;
    right: 4px;
    background: transparent;
    border: 0;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    padding: 2px 6px;
    color: #555;
    width: auto;
    height: auto;
    min-width: 0;
}
#busInfoPopup .busInfoPopup__body {
    width: auto;
    min-width: 0;
    max-width: none;
    font-size: 13px;
    line-height: 1.35;
}
#busInfoPopup .busInfoPopup__body strong {
    display: block;
    margin-bottom: 2px;
}

.loadflypsiteonce .embed-consent-flypsite {
    display: none;
}

.embed-consent-load-flypsite {
    display: none !important;
}

.loadflypsiteonce .embed-consent-load-flypsite {
    display: block;
}

.embed-consent {
    width: 100%;
    background-color: #fff;
    color: #000;
    height: 100%;
    position: relative;
    z-index: 0;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.embed-consent-inner {
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
}

.embed-consent-maps .embed-consent-inner {
    padding-top: 525px;
}

.embed-consent-inner2 {
    border-left: 20px solid transparent;
    max-width: 474px;
}

.bigfont ul.menu-layer li > a {
    font-size: 20px;
    line-height: 24px;
}

.bigfont ul.bottommenu li a {
    font-size: 20px;
}

.bigfont .smallbodytext,
.bigfont p.smallbodytext {
    font-size: 20px;
    line-height: 25px;
}

.bigfont .content-wrap {
    font-size: 20px;
    line-height: 28px;
}

.bigfont #footer {
    font-size: 20px;
    line-height: 24px;
}

.bigfont #footer ul.centermenu li a {
    font-size: 20px;
}

body.bigfont {
    font-size: 20px;
    line-height: 26px;
}

.bigfont #main_menu {
    font-size: 20px;
}

.bigfont ul.centermenu > li > a {
    font-size: 20px;
}

.bigfont ul.rightmenu li a {
    font-size: 20px;
}

.bigfont #tickets {
    font-size: 20px;
}

.bigfont #content,
.bigfont .content {
    font-size: 20px;
    line-height: 26px;
}

.bigfont .content > h2 + h3 {
    font-size: 20px;
    line-height: 29px;
}

.bigfont .press .info-mobil .content-wrap .csc-header h2 {
    font-size: 20px;
}

.bigfont .press .info-mobil .content-wrap p {
    font-size: 20px;
    line-height: 24px;
}

.bigfont .info-mobil .content-wrap p {
    line-height: 26px;
}

.bigfont.easy #content .frame-default {
    font-size: 27.5px;
    line-height: 1.7em;
}

.bigfont.easy #content .frame-default .frame-type-header h1 {
    font-size: 63.75px;
    letter-spacing: 0;
    line-height: 75px;
}

.bigfont #breadcrumb li span.a::after,
.bigfont #breadcrumb li a::after {
    font-size: 20px;
    line-height: 30px;
    margin: 0 5px;
}

.bigfont #breadcrumb li span,
.bigfont #breadcrumb li a {
    font-size: 20px;
    line-height: 30px;
}

.bigfont .infotext,
.bigfont .infotext + .toggle,
.bigfont .hiddentext {
    font-size: 20px;
    line-height: 28px;
}

.bigfont .drag-list .museumtitle,
.bigfont .drag-area .time,
.bigfont .drag-area .programmeTitle,
.bigfont .drag-area h3 + p,
.bigfont .drag-source .museumtitle,
.bigfont .drag-source .time,
.bigfont .drag-source .programmeTitle {
    font-size: 20px;
    line-height: 28px;
}

.bigfont .drag-area .delete,
.bigfont .drag-source .delete {
    width: 18px;
    height: 20px;
}

.bigfont .drag-area .delete {
    background-size: 100% auto;
}

.bigfont #eventlist_inner .time-layer .t1 {
    font-size: 28px;
}

.bigfont #eventlist_inner .time-layer .t2 {
    font-size: 20px;
}

.bigfont #eventlist_inner .programmeType_100 .time-layer .t2 {
    font-size: 24px;
}

.bigfont #eventlist_inner .list_item_inner .details .title {
    font-size: 28px;
}

.bigfont #eventlist_inner .list_item_inner .details .meetingplace,
.bigfont #eventlist_inner .list_item_inner .details .descr {
    font-size: 20px;
    line-height: 28px;
}

.bigfont #eventlist_inner .list_item_inner .details .museumlink {
    font-size: 24px;
}

.toggle_centermenu {
    display: none;
}

.drag-area .delete,
.drag-source .delete {
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 15px;
}

.map.mobile,
.programme.mobile,
.busplan.mobile {
    display: none;
}

img.mobile {
    display: none;
}

.info_image_m {
    display: none;
}

#info .mobile {
    display: none;
}

.toggle-button.mobile {
    display: none;
}

a.overlay-link img {
    width: 40px;
    height: 40px;
}

.showTextlines a.overlay-link.hoverMaps,
.showTile a.overlay-link.hoverMaps,
.showMap a.overlay-link.hoverMaps {
    background-image: url(../Images/hoverMaps_gross.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    display: block;
    width: 40px;
    height: 40px;
}

.content-wrap .image-row .drive-click > span,
.list_item .share > span,
.content-wrap .image-row .share > span {
    bottom: -7px;
    color: black;
    display: inline-block;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
}

.content-wrap .image-row .drive-click > span {
    bottom: -20px;
    padding-top: 20px;
}

.list_item .share > span,
.content-wrap .image-row .drive > span {
}

.list_item .share > span,
.content-wrap .image-row .drive-layer {
    position: fixed;
    background-color: rgba(66, 66, 66, 0.80);
    display: none;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
}

.list_item .share > span,
.content-wrap .image-row .drive-layer-inner {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 667px;
    height: 647px;
    display: none;
    top: -229px;
    z-index: 16;
}

a.drive-close {
    background-image: url("../Images/drive-close.png");
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    font-size: 0;
    height: 26px;
    line-height: 0;
    position: absolute;
    right: 25px;
    text-decoration: none;
    top: 30px;
    width: 26px;
}

#infobox {
    display: none;
}

#infobox.active {
    display: block;
}

#infobox .close {
    text-decoration: none;
    cursor: pointer;
}

.meetpl,
.busline {
    display: none;
}

.museum .content-wrap.user-wrap {
    min-height: 200px;
}

.home .switch_textlines {
    background-image: url(../Images/LNM_Filter-Liste_inaktiv.png);
}

.home .showTextlines .switch_textlines:hover,
.home .switch_textlines:hover,
.home .showTextlines .switch_textlines {
    background-image: url(../Images/LNM_Filter-Liste_aktiv.png);
}

.no-touch.home .showTextlines .switch_textlines:hover,
.no-touch.home .switch_textlines:hover {
    background-image: url(../Images/LNM_Filter-Liste_mouseover.png);
}

.showTile a.overlay-link.hoverMaps,
.showMap a.overlay-link.hoverMaps {
    background-image: url(../Images/Karte_Location.png);
}

#overlay .overlay-text span.title,
#overlay .overlay-text span.address-inner {
    background-color: rgba(255, 245, 0, 0.8);
    color: black;
}

#hover .hover-text {
    background-color: rgba(255, 245, 0, 1);
}

.showTextlines #museumlist_inner .list_item img,
.showTextlines #museumlist_inner .overlay-link {
    display: none !important;
}

.showTextlines #museumlist_inner .list_item {
    height: auto;
    display: block;
    width: 100%;
    margin: 0;
}

.list_item.letter-first {
    position: relative;
}

.list_item.letter-first span {
    color: #000;
    cursor: default;
    display: block;
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 30px;
    left: 12px;
    letter-spacing: 0.03em;
    line-height: 30px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 31px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.showTile .list_item.letter-first span {
    display: none;
}

.showTextlines #museumlist_inner .overlay-text {
    position: static;
    color: #000;
    background-color: transparent;
    text-align: left;
}

.showTextlines #museumlist_inner a:focus-visible {
    outline: 2px solid #00AEEF !important;
    display: inline-block;
}


.showTextlines #museumlist_inner a {
    text-decoration: none;
}

.showTextlines #museumlist_inner .list_item {
    background-color: transparent;
}

.showTextlines #museumlist_inner a:hover .overlay-text,
.showTextlines #museumlist_inner a:focus-visible .overlay-text {
    background-color: transparent;
}

.showTextlines #museumlist_inner .list_item {
    padding-left: 47px;
    box-sizing: border-box;
}

ul.menu-layer.nocap .letter-first span {
    display: none;
}

.flypheader {
    min-height: 94px;
    width: 100%;
    background-color: #fff500;
}

.flypheader_inner {
    display: table;
    width: auto;
    height: 94px;
    margin: 0 auto;
}

.flypheader_inner2 {
    display: table-cell;
    vertical-align: middle;
}

.flypheader .logo {
    background-image: url(../Images/hashtaglndm-Schwarz.png);
    background-position: top left;
    width: 193px;
    height: 74px;
    background-repeat: no-repeat;
}

.flypheader .logo a {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
}

.flypheader .socialmedia {
    display: block;
    height: 68px;
}

.flypheader .socialmedia li {
    display: inline;
    font-size: 0;
    line-height: 0;
    color: transparent;
    margin-left: 53px;
}

.flypheader .socialmedia li a {
    display: inline-block;
    width: 30px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left top;
    height: 44px;
}

.flypheader .socialmedia li.in a {
    background-image: url(../Images/menu_all3.png);
    background-size: auto 464%;
    width: 43px;
    background-position: -56px 35%;
}

.flypheader .socialmedia li.fb a {
    background-image: url(../Images/menu_all3.png);
    background-size: auto 464%;
    width: 42px;
    background-position: 0 35%;
}

.flypheader .socialmedia li.tw a {
    background-image: url(../Images/menu_all3.png);
    background-size: auto 464%;
    width: 51px;
    background-position: -112px 35%;
}

.flypheader .socialmedia li.yt a {
    background-image: url(../Images/menu_all3.png);
    background-size: auto 464%;
    width: 56px;
    background-position: -166px 35%;
}

#overlay .overlay-text {
    padding: 0;
}

#overlay .overlay-text span.title {
    border-bottom: 1px solid #fff;
    display: block;
}

#overlay .overlay-text span.title a,
#overlay .overlay-text span.address-inner {
    display: block;
    padding: 11px 19px 12px;
}

#overlay .overlay-text span.address {
    position: relative;
    display: block;
    padding-right: 56px;
    font-family: dinot_regular, Verdana, Geneva, sans-serif;
}

.overlay-text a {
    text-decoration: none;
    color: black;
}

#overlay a.overlay-link {
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-left: 1px solid #fff;
    bottom: unset;
}

#museumlist_inner .overlay-link {
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #424242;
    color: #fff;
    opacity: 1;
    box-sizing: border-box;
    display: flex;
    max-height: 100% !important;
    flex-direction: column;
    z-index: 1400;
}

.cookie-consent.close {
    pointer-events: none;
    opacity: 0;
}

.cookie-consent.smooth {
    transition: opacity 300ms ease-out;
}

.cookie-consent-inner {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
}

.cookie-consent-inner2 {
    position: relative;
    display: table;
    vertical-align: top;
    width: 100%;
    padding: 24px 0;
    box-sizing: border-box;
}

.cookie-consent-column {
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
}

.cookie-consent-column + .cookie-consent-column {
    width: 0;
    vertical-align: middle;
    padding-left: 136px;
}

.cookie-consent .button {
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    box-sizing: border-box;
}

.cookie-consent .button a {
    display: table;
    vertical-align: top;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.cookie-consent .button a span {
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
}

.nju4 img {
    max-width: 307px;
}

.museumdta + .image-row {
    display: none;
}

.wrap1.pressemitteilungen {
    display: none;
}

.hinweis {
    display: none; /* Hinweis ist standardmäßig versteckt */
    padding: 10px;
    background-color: #fff500;
    border: 1px solid #ccc;
    margin: 20px 0;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; /* Damit der Hinweis im Vordergrund bleibt */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/***** ROUTES ****/
.routes .wrap1 {
    margin: 60px 20px;
}

.routes .wrap1 h2 {
    margin: 0 0 30px
}

.routes .frame-type-textpic {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px 100px;
}

.routes .frame-type-textpic:nth-child(even) {
    flex-direction: row-reverse;
}

.routes .frame-type-textpic:last-child {
    margin: 0;
}

.routes .frame-type-textpic .ce-gallery {
    flex: 0 0 55%;
}

.routes .frame-type-textpic .ce-gallery img {
    width: 100%;
    height: auto;
    max-height: 450px !important;
    object-fit: cover;
}

.routes .frame-type-textpic .ce-bodytext {
    width: auto;
    max-width: 450px;
    margin: 0;
}

.routes .frame-type-textpic .ce-bodytext h2 {
    font-size: 30px;
    line-height: normal;
    margin: 0 0 20px;
}

.routes .frame-type-textpic .ce-bodytext a {
    color: white;
    background: black;
    padding: 20px;
    text-decoration: none;
    margin: 20px 0 0;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
}

.routes .frame-type-textpic .ce-bodytext a:hover,
.routes .frame-type-textpic .ce-bodytext a:focus-visible {
    color: black;
    background: #fff500;
    transition: all 0.3s;
}

/***** ROUTES SUB ****/
.routes-sub .frame-type-text {
    margin: 0 20px;
}

.routes-sub .frame-type-text .table {
    margin: 60px 0;
}

.routes-sub .frame-type-text table {
    width: 100%;
    text-align: center;
    border: 2px solid black;
    border-left: 0;
    border-right: 0;
    font-size: 19px;
}

.routes-sub .frame-type-text table tr th {
    padding: 20px 0 5px;
    width: 25%;
}

.routes-sub .frame-type-text table tr td {
    padding: 0 0 20px;
    width: 25%;
    color: gray;
}

.routes-sub .frame-type-textpic {
    padding: 30px 60px 60px;
    background: black;
    margin: 0 20px 40px;
}

.routes-sub .frame-type-textpic .image-counter {
    margin: 0 0 30px;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: #fff500;
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.routes-sub .frame-type-textpic .ce-textpic img {
    width: 100%;
    height: auto;
    max-height: 540px !important;
    object-fit: cover;
    border: 3px solid #fff500;
}

.routes-sub .frame-type-textpic .ce-textpic .image-caption {
    display: none;
}

.routes-sub .frame-type-textpic .ce-bodytext {
    color: white;
    margin: 30px 0 0;
    float: none;
}


.routes-sub .frame-type-textpic .ce-textpic header h2 {
    margin: 40px 0 0;
    color: white;
}

.routes-sub .frame-type-textpic .ce-textpic header h2 a {
    text-decoration: none;
    line-height: 35px;
}

.routes-sub .frame-type-textpic .ce-textpic header h3 {
    margin: 10px 0 0;
    color: white;
}

.routes-sub .frame-type-textpic .ce-bodytext a {
    background-color: black;
    border: 2px solid white;
    color: white;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    margin: 20px 0 0;
    transition: all 0.3s;
}

.routes-sub .frame-type-textpic .ce-bodytex a:hover,
.routes-sub .frame-type-textpic .ce-bodytex a:focus-visible {
    background-color: #fff500;
    border: 2px solid #fff500;
    color: black;
    transition: all 0.3s;
}

/***** ROUTES SLIDER ****/
.routen_wrap {
 background-color: #000;
}

#routen {
    width: 100%;
    max-width: 1250px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 0;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #fff;
}

#routen h2 {
    font-family: dinot_black, Verdana, Geneva, sans-serif;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0 0 30px;
}

#routen #routen_inner {
    padding-top: 34px;
    margin: 0 auto;
}

#routen #routen_inner .routen_slider {
    width: 100%;
    max-width: 1280px;
    min-width: 1008px;
    margin: 0 auto;
    box-sizing: border-box;
    background-color: #000;
    padding: 34px 0 25px;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.03em;
    color: #fff;
}

#routen #routen_inner .routen_slider .slick-prev {
    left: 20px;
}

#routen #routen_inner .routen_slider .slick-next {
    right: 20px;
}

#routen #routen_inner .routen_slider .slider_element .slider_element_inner img {
    width: 90%;
    height: auto;
    object-fit: cover;
    max-height: 250px !important;
    display: block;
    margin: 20px auto;
}

#routen #routen_inner .routen_slider .slider_element .slider_element_inner .text {
    width: 90%;
    margin: 0 auto;
    display: block;
}

#routen #routen_inner .routen_slider .slider_element .slider_element_inner .text h3 {
    margin: 0 0 20px;
    line-height: normal;
}

#routen #routen_inner .routen_slider .slider_element .slider_element_inner .text a {
    border: 2px solid white;
    text-decoration: none;
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.01em;
    font-family: voyagerbold, Verdana, Geneva, sans-serif;
    transition: all 0.3s;
    color: white;
}

#routen #routen_inner .routen_slider .slider_element .slider_element_inner .text a:hover,
#routen #routen_inner .routen_slider .slider_element .slider_element_inner .text a:focus-visible {
    background: #fff500;
    color: black;
    transition: all 0.3s;
    border: 2px solid #fff500;
}

/* Powermail */
.frame-type-powermail_pi1 {
    clear: both;
}

.tx-powermail h3 {
    display: none;
}

.tx-powermail .container-fluid {
    width: 100%;
}

.tx-powermail .container-fluid form {
    background-color: transparent;
    margin: 50px 0;
    display: block;
    padding: 20px;
    max-width: 800px;
}

.tx-powermail .container-fluid form fieldset {
    background-color: black;
    margin: 0;
    display: block;
    padding: 30px 40px 30px 30px;
}

@media (max-width: 767px) {
    .tx-powermail .container-fluid form fieldset {
        padding: 20px 30px 20px 20px;
    }
}

.tx-powermail .container-fluid form h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: black;
    font-family: dinot_bold, Verdana, Geneva, sans-serif;
}

.tx-powermail .container-fluid form legend {
    display: none;
}

.tx-powermail .container-fluid form label {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    color: white;
    font-size: 14px;
}

.tx-powermail .container-fluid form input,
.tx-powermail .container-fluid form textarea,
.tx-powermail .container-fluid form select {
    width: 100%;
    padding: 10px 0 10px 10px;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    margin-bottom: 25px;
}

.tx-powermail .container-fluid form input:focus,
.tx-powermail .container-fluid form textarea:focus,
.tx-powermail .container-fluid form select:focus {
    border-color: #fff500;
    outline: none;
}

.tx-powermail .container-fluid form button,
.tx-powermail .container-fluid form input[type="submit"] {
    background: #fff500;
    color: black;
    padding: 12px 20px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease-in-out;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    width: 101.5%;
}

.tx-powermail .container-fluid .powermail_fieldwrap_type_file input {
    color: #fff500;
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    .tx-powermail .container-fluid form button,
    .tx-powermail .container-fluid form input[type="submit"] {
        width: 104%;
    }
}

.tx-powermail .container-fluid form button:hover,
.tx-powermail .container-fluid form input[type="submit"]:hover {
    background: white;
    color: black;
}

.tx-powermail .container-fluid form input[type="checkbox"],
.tx-powermail .container-fluid form input[type="radio"] {
    width: auto;
    margin-right: 8px;
}

.tx-powermail .container-fluid form .powermail_error {
    color: #d9534f;
    font-size: 14px;
    margin-top: 5px;
}

.tx-powermail .powermail_create {
    padding: 20px;
}

.tx-powermail .powermail-errors-list {
    margin: 0 0 20px;
}

.tx-powermail .powermail-errors-list li {
    color: #fff500;
}

@media (max-width: 600px) {
    .tx-powermail .container-fluid form {
        padding: 15px;
    }

    .tx-powermail .container-fluid form h3 {
        font-size: 20px;
    }
}

.hinweis {
    display: none;
    padding: 10px;
    background-color: #fff500;
    border: 1px solid #ccc;
    margin: 20px 0;
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/*** CSS BUGFIXES 2025 ***/
.info-mobil .content-wrap p a {
    color: black;
}

.info-mobil .content-wrap p a:hover,
.info-mobil .content-wrap p a:focus-visible {
    color: black;
}

.info-barrierefreiheit .content-wrap p a {
    color: black;
}

.info-barrierefreiheit .content-wrap p a:hover,
.info-barrierefreiheit .content-wrap p a:focus-visible {
    color: black;
}

.share_select {
    text-align: center;
}

.share_select li.tw,
#mapsearch_legend .bike {
    display: none !important;
}

#mapsearch_legend {
    height: 84px;
    width: 86px;
}

#mapsearch_legend ul {
    padding: 20px 0;
}

#mapsearch_legend ul li.bus {
    margin: 0;
}

#more_wrap #more .more_element img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#more_wrap #more .more_element.pages h2 {
    font-size: 40px;
}

.more_element .more-layer {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
}

.more_element .more-layer .more-layer-inner {
    display: none;
}

.more_element:hover .more-layer .more-layer-inner {
    display: block;
}

#more_wrap #more .more_inner + .more_inner {
    display: none;
}

@media (max-width: 999px) {
    #more_wrap #more .pages.more_element .more-layer {
        display: none !important;
    }

    #more .more_element.pages h2,
    #more .more_element.pages h3 {
        min-height: auto;
    }
}

@media (max-width: 767px) {
    #more_wrap #more .more_element img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #more_wrap #more .more_element.pages h2 {
        font-size: 18px;
    }
}

ul.centermenu > li + li:hover ul.menu-layer.m754,
ul.centermenu > li + li:focus-visible ul.menu-layer.m754 {
    display: none !important;
}

/**** BFSG 2025 ****/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background-color: white;
    color: #0a558c;
    padding: 8px 16px;
    z-index: 1000;
    text-decoration: none;
    font-weight: bold;
    transition: top 0.3s ease;
}

.skip-link:focus-visible {
    top: 0;
    position: absolute !important;
}

.force-visible-focus:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden:focus,
.visually-hidden:focus-visible {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    clip: auto !important;
    white-space: normal !important;
}

:focus {
    outline: none;
}

*:focus-visible,
a:focus-visible,
iframe:focus-visible,
object:focus-visible,
embed:focus-visible {
    outline: 3px solid #00AEEF !important;
    outline-offset: -2px !important;
    z-index: 999 !important;
    color: black;
}

.visually-hidden:focus-visible,
.visually-focused:focus-visible {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    outline: 3px solid #00AEEF !important;
    outline-offset: -2px !important;
    z-index: 999 !important;
    position: relative !important;
    color: black;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.topic_elem {
    display: inline;
}

span.mobile {
    display: none;
}

.content-wrap .image.nju2 img {
    width: 307px !important;
    height: 206px !important;
    object-fit: cover;
}

.press .image-row img {
    width: 176px !important;
    height: 177px !important;
    object-fit: cover;
}

#main_menu2_wrap ul.centermenu > li + li ul li a:hover,
#main_menu_wrap ul.centermenu > li + li ul li a:hover,
#main_menu2_wrap ul.centermenu > li:last-child ul li a:hover,
#main_menu_wrap ul.centermenu > li:last-child ul li a:hover,
#main_menu2_wrap ul.centermenu > li + li ul li a:focus-visible,
#main_menu_wrap ul.centermenu > li + li ul li a:focus-visible,
#main_menu2_wrap ul.centermenu > li:last-child ul li a:focus-visible,
#main_menu_wrap ul.centermenu > li:last-child ul li a:focus-visible {
    background-color: #000;
}


body.home #header_slider .sr-only,
body.home #sr-dnd-hint-pick,
body.home #sr-dnd-hint-move {
    color: white !important;
}

#header_slider .sr-only,
#sr-dnd-hint-pick,
#sr-dnd-hint-move {
    color: black !important;
}