body,html{
font-size:18px;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 153px;
}
.main_content a {
color: #008bc4;
}
.joOuterDiv{
padding-top: 79px;
}
.h1, h1 {
font-size: 28px;
}
.h2, h2 {
font-size: 20px;
font-weight: 400;
}
ul:not(.exhibition) {
padding-left: 30px;
}
.footer_menu_1 ul{
border-top: rgba(255,255,255,0.5) 1px solid;
padding-top:15px;
margin-top:15px;
}
.footer_menu_1 ul li a,
.footer_menu_1 ul li{
display:block;
text-align:left;
}
.footer_menu_1 ul li a{
padding: 0 0 10px 0;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
}
.footer_menu_2 ul li{
float:right;
padding: 0 0 0 30px;
width:50%;
}
.footer_menu_2 ul li:last-child{
padding: 0;
}
.footer .navi_between{
text-transform:uppercase;
font-weight:400;
padding:20px 0 10px;
text-align:left;
display:block;
font-size:13px;
border-top: rgba(255,255,255,0.5) 1px solid;
}
.footer-wrap .submenu_2{
padding:0;
text-align:right;
}
.footer-wrap .submenu_2 a img {
width:30px;
height:auto;
}
.breadcrumbs {
padding-left: 0;
margin: 0;
}
.breadcrumbs li:not(:last-child) a::after {
right: -1.6rem;
top: -.1rem;
}
#joModalOut .breadcrumbs a {
color: #ffffff;
}
#joModalOut .breadcrumbs li:not(:last-child) a::after {
color: #ffffff;
}
#joModalOut .jo-modal-output {
width: auto;
border: 1px solid white;
text-decoration: none;
}
#joModalOut .modal-body {
padding: 30px;
}
header h2 {
font-size: 46px;
padding: 20px 0;
margin: 0;
word-break: break-word;
}
/* Kalender */
#joVeranstaltungen{
}
.joDateSelect{
padding-bottom: 20px;
}
.joDateSelect-container {
overflow-x: auto;
white-space: nowrap;
}
.joDateSelect-container .joMonthDay {
display: inline-block;
vertical-align: middle;
}
.joDateSelect-container .joMonthDay .joDateMonth {
text-align: left;
background-color: rgb(230,230,230);
line-height: 30px;
padding:10px;
margin-right: -1px;
cursor: grab;
}
.joDateSelect-container .grab .joMonthDay .joDateMonth,
.joDateSelect-container .grab .joDateItem a {
cursor: grabbing;
}
.joDateSelect-container .joDateItem {
display: inline-block;
padding: 15px 5px;
}
.joDateSelect-container .joDateItem a {
color: black;
display: block;
width: 25px;
height: 25px;
line-height: 25px;
opacity: .5;
cursor: grab;
text-align:center;
margin-right:1px;
}
.joDateSelect-container .joDateItem.active a,
.joDateSelect-container .joDateItem a:hover {
/*
background-color: #008bc4;
color:#000000;
*/
}
.joDateSelect-container .joDateItem.show a {
opacity: 1;
cursor: pointer;
background-color: #008bc4;
color:#ffffff;
border-radius: 20px;
}
.main_content {
opacity: 0;
transition: opacity 1s ease;
}
.main_content.show {
opacity: 1;
}
.joStartSegment .main_content .container {
margin-top: 30px;
}
.joStartSegment .main_content .param .container {
margin-top: 0;
}
.joStartSegment .main_content #joMaps-container .container {
margin-top: 0;
}
.joColDay {
border-bottom:3px #000000 solid;
padding:30px 0;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
color: #008bc4;
background-color: transparent;
border-color: transparent;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: none;
}
.dropdown-item{
padding: 0.1rem 0.8rem;
}
h2.joVeranstaltungsTeaserHeadline{
color: #008bc4;
margin:auto 0;
text-align:left;
}
.joVeranstaltungen .joFilterNew.joFixed:not(.joView_2) .icons .jo-icon {
width: 50px;
height: 40px;
}
.joVeranstaltungen .joFilterNew .joVeranstaltungen-title {
font-size: 3rem;
transition: all 0.5s ease-in-out;
line-height: 115%;
}
.joVeranstaltungen .joFilterNew.joFixed:not(.joView_2) .joVeranstaltungen-title {
font-size: 2rem;
line-height: 40px;
}
.joVeranstaltungen .joDatumBox {
padding: 100px 20px 5px 15px;
background-color:#008bc4;
color:#ffffff;
margin-right:30px;
font-size:20px;
width:200px;
text-align:center;
margin: -100px 0 0;
-webkit-background-clip: content-box;
background-clip: content-box;
}
.joVeranstaltungen .joRahmenplan .joVeranstaltung {
padding-left: 0;
padding-right: 0;
}
.joVeranstaltungen .joRahmenplan .joVeranstaltung .joDatumBox,
.joVeranstaltungen .joRahmenplan .joVeranstaltung .joVaColOuter {
padding-left: 20px;
padding-right: 20px;
}
.joSearch-container .joVeranstaltungen .joRahmenplan .joVeranstaltung .joVaColOuter {
padding-left: 0;
}
.joVeranstaltungen .joVeranstaltungsTime {
padding: 20px 20px 20px 20px;
}
.joVeranstaltungen .joVaRightCol {
padding: 0 0 40px 0;
}
.joVeranstaltung .joVaMiddleCol {
padding: 0;
}
.frame-layout-13 #joVeranstaltungen > .joVeranstaltung .joVaMiddleCol,
.frame-layout-13 #joVeranstaltungen > .joVeranstaltung .joVaRightCol {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.joVeranstaltungen .joVeranstaltungsTime {
padding: 5px 20px 5px 0;
}
.joVeranstaltungen .joVaRightCol {
padding: 0 0 40px 0;
}
.joVeranstaltung .joVaMiddleCol {
padding: 0;
}
.frame-layout-13 #joVeranstaltungen > .joVeranstaltung .joVaMiddleCol,
.frame-layout-13 #joVeranstaltungen > .joVeranstaltung .joVaRightCol {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.joVeranstaltungen .joVaColOuter a h2 {
padding: 20px 0 25px 0;
font-size: 6rem;
}
.joVeranstaltungen .joVaColOuter .joVeranstaltungsArtist {
padding-top: 20px;
font-size: 3rem;
line-height: 100%;
}
.description .title{
text-transform:uppercase;
padding: 0 0 20px 0;
font-weight: 600;
}
.additionalinfo{
text-align:right;
}
.symbols.eventplace,
.symbols.eventrubric{
background-image: url("/typo3conf/ext/jo_template/Resources/Public/Images/Menora/ort.svg");
background-repeat: no-repeat;
display:inline-block;
vertical-align: sub;
margin-left:30px;
width: 25px;
height: 25px;
}
.symbols.eventrubric{
background-image: url("/typo3conf/ext/jo_template/Resources/Public/Images/Menora/thema.svg");
}
.additionalinfo .symbols:first-child{
margin-left:0px;
}
.joVeranstaltungen .joVaColOuter .description,
.headlineevent{
padding: 20px 0 20px 0;
}
.description .long{
text-align: justify;
}
.datetitle{
padding: 20px 0 0 0;
}
.description .title span{
text-transform: initial;
}
.joHoversIt{
border-top:#000000 1px solid;
}
.joColDay .joEventCol:first-child .joHoversIt{
border:none;
}
.long ul{
padding: 30px;
}
#navbar a {
color: #000000;
}
#navbar .nav-item .sub-menu,
#navbar .nav-item:hover .sub-menu{
display: grid;
height: 33vh;
overflow: auto;
}
#navbar .nav-item:hover .sub-menu{
overflow-y: scroll;
overflow-x: hidden;
}
#navbar .nav-item:hover .sub-menu::-webkit-scrollbar{
background-color: white;
border-radius: 10px;
width: 20px;
}
#navbar .nav-item:hover .sub-menu::-webkit-scrollbar-thumb{
background-color: grey;
border-radius: 10px;
border: 5px solid white;
}
#navbar .nav-item:hover .sub-menu::-webkit-scrollbar-thumb:vertical{
height: 20px !important;
width: 20px;
}
#navbar .nav-item .sub-menu a {
font-size: 15px;
padding-right: 30px;
}
.joTop {
background-color: #ffffff;
}
.logo {
padding: 15px;
}
.logo img {
width: auto;
height: 48px;
}
.joTop .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.joTop .navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.second_control {
padding: 0;
}
.second_control #navbar.navbar-collapse ul.menue {
background-color: #ffffff;
}
#navbar.navbar-collapse ul.menue li.active a,
#navbar.navbar-collapse ul li a:hover {
color: #008bc4;
text-decoration: none;
}
.joTop .navbar {
line-height: 30px;
}
.alt_view .joFound .joFound-text {
border-top: 1px solid white;
color: #ffffff;
}
#map-list {
padding: 0;
}
#ol4-map-container {
padding: 0;
}
#map-list .controls_wrap > div {
padding: 0;
}
#map-list .results {
padding: 0;
}
#map-list .joFound {
padding: 0;
height: auto;
}
#map-list .joFound-text {
padding-right: 30px;
}
#map-list .alt_view .joFound .joFound-text {
/*
border-top: 1px solid rgba(0,0,0,.4);
border-bottom: 1px solid rgba(0,0,0,.4);
*/
}
#map-list .list_notable {
padding: 0;
}
#map-list .map-item-header-title {
padding: 10px 60px 10px 10px;
width: 100%;
transition: background-color .5s ease, color .5s ease;
}
#map-list .map-item-header-title.locatable:after {
content: '';
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_black.svg);
width: 30px;
height: 30px;
color: transparent;
text-align: center;
cursor: pointer;
display: block;
background-color: transparent;
background-size: 800px;
background-repeat: no-repeat;
background-position: -85px -7px;
position: absolute;
right: 15px;
top: calc(50% - 15px);
}
#map-list .map-item-header-title.locatable:hover:after {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
}
#map-list .map-item-header-title:hover {
background-color: #2290c5;
color: #ffffff;
}
#map-list .map-item-header-title a {
transition: color .5s ease;
}
#map-list .map-item-header-title:hover a {
color: #ffffff;
}
#map-list .map-item-header {
cursor: pointer;
}
#map-list .results.container {
background-color: transparent;
}
#map-list .list_notable {
/* border-bottom: 1px solid #2290c599; */
border-bottom: 1px solid rgba(0,0,0,.4);
}
#map-list .submenu {
position: relative;
}
#map-list {
width: 550px;
height: 100%;
}
#map-list .joScrollWrap {
overflow-y: auto;
height: calc(100vh - 133px);
position: relative;
width: 100%;
background-color: #ffffff;
}
#map-list .facettes.container {
padding-right: 15px;
padding-left: 15px;
}
#map-list .alt_view .joControls li a.active:focus,
#map-list .alt_view .joControls li a.active:hover,
#map-list .alt_view .joControls li a.active,
#map-list .alt_view .joControls li a:hover,
#map-list .alt_view .joControls li a[aria-expanded="true"] {
background-color: #2290c5;
}
#map-list .facettes h3,
#map-list .akt_filter h3 {
color: #ffffff;
}
#map-list .index_wrapper .button_wrap a {
color: #ffffff;
}
#map-list .facettes .tab-pane .button_wrap .joCheck {
border: 1px solid rgba(255,255,255,.4);
}
#map-list .search_wrap {
background-color: #2290c599;
}
#map-list .search_wrap > .container {
padding: 0 15px;
}
#map-list .searchform {
border-bottom: none;
}
#map-list .searchform .search_button {
}
#joMaps-container {
margin: 0;
}
.layout-4 .content_wrap {
padding-bottom: 0;
}
.layout-4 .footer-outer {
display: none;
}
#ol4-mapdiv {
height: calc(100vh - 79px);
}
.ol-viewport .ol-control button {
background-color: #008bc4;
}
#map-list .joAlphabetIndex li a:hover,
#map-list .joAlphabetIndex li.active a {
color: #ffffff;
background-color: rgba(255,255,255,.3);
}
.joAndOrSwitch input.joAndOrCheck:checked ~ .slider,
.joAndOrSwitch .slider {
background-color: rgba(255,255,255,.3);
}
#map-list .img-placeholder {
display: none;
}
.joAutocomplete-container .joAutoPer-icon,
.facettes .joAlphIndex-icon {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-size: 800px;
}
.facettes .joAlphIndex-icon {
background-position: -366px -49px;
}
.searchform .search_button {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-size: 800px;
background-position: -638px -4px;
width: 40px;
}
.searchform .search_box {
width: calc(100% - 40px);
}
#map-list .list_notable .img,
#map-list .list_notable .txt,
#map-list .list_notable .joListText {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#map-list .list_notable .joListText {
padding: 15px;
}
.joListText a{
font-weight: bold;
color: #2290c5;
}
.list_notable {
padding: 30px 0;
border-bottom: 3px #000000 solid;
}
.joSprite {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
width: 100%;
height: 100%;
color: transparent;
text-align: center;
cursor: pointer;
display: block;
background-color: transparent;
background-size: 950px;
background-repeat: no-repeat;
}
.control_button.detail .joSprite {
background-position: -9px -9px;
}
.control_button.viewer .joSprite {
background-position: -246px -200px;
}
.control_button.colbox {
display: none;
}
a[href="#entityFirstletter"] .joSprite {
background-position: -379px -45px;
}
a[href="#objectType"] .joSprite {
background-position: -900px 0px;
}
a[href="#category"] .joSprite {
background-position: -93px -237px;
}
div#entitynorole {
background-position: -386px -50px;
}
div#fulltext {
background-position: -766px -3px;
}
div#Boundingbox {
background-position: -1px -0;
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite.svg);
background-size: 500px auto;
}
div#category {
background-position: -101px -242px;
}
div#objectTypeHierarchy,
div#objectType {
background-position: -908px -4px;
}
a[href="#location"] .joSprite,
a[href="#locationFirstletter"] .joSprite {
background-position: -190px 0px;
}
#locationFirstletter .joAlphIndex-icon {
background-position: -166px -9px;
}
#location {
background-position: -198px -5px;
}
a[href="#searchparams"] .joSprite {
background-position: -902px -94px;
}
#joDeleteIcon .joSprite {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-position: -569px 0px;
}
.joTimeLineAndFilter > .facettes,
.joTimeLineAndFilter .joFound {
background-color: #2290c5;
}
.param.search_wrap,
.alt_view.search_wrap,
.joTimeLineAndFilter > .controls_wrap {
background-color: #2290c599;
}
.joStartSegment .alt_view.search_wrap .container,
.joStartSegment .alt_view.joTimeLineAndFilter .container {
margin-top: 0px;
}
.param .searchform,
.alt_view .searchform {
border: none;
}
.param .facettes.container {
/* background-color: transparent; */
}
.param.alt_view .joControls li a.active:focus,
.param.alt_view .joControls li a.active:hover,
.param.alt_view .joControls li a.active,
.param.alt_view .joControls li a:hover,
.param.alt_view .joControls li a[aria-expanded="true"],
.joTimeLineAndFilter.alt_view .joControls li a.active:focus,
.joTimeLineAndFilter.alt_view .joControls li a.active:hover,
.joTimeLineAndFilter.alt_view .joControls li a.active,
.joTimeLineAndFilter.alt_view .joControls li a:hover {
background-color: #2290c5;
}
.param .joAlphabetIndex li a:hover,
.param .joAlphabetIndex li.active a {
background-color: rgba(255,255,255,.3);
color: #ffffff;
}
.param .joAlphabetIndex li span,
.param .joAlphabetIndex li a {
color: #ffffff;
}
.param .joAlphabetIndex li span {
color: rgba(255,255,255,.4);
}
.param.alt_view .results h3,
.param.alt_view .facettes h3,
.param.alt_view .akt_filter h3 {
color: #ffffff;
}
.param .facettes .tab-pane .button_wrap .joCheck {
border-color: rgba(255,255,255,.4);
}
.facettes .tab-pane .joCheck.joCheckColor_active::before {
background-position: -134.5px -26px;
}
.param .index_wrapper .button_wrap a {
color: #ffffff;
}
.facettes .tab-pane .button_wrap a {
color: #FFFFFF;
}
.facettes .tab-pane li {
list-style-type: none;
}
.param .index_wrapper .button_wrap a.add:hover {
background-color: #2290c5;
color: #ffffff;
}
.joFacetteItem {
background-color: rgba(255,255,255,.3);
border-radius: 0;
}
#searchparams .joFacetteItem .img-container .joSprite {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-position: -209px 0px;
background-size: 350px;
}
.joStartSegment .main_content .results.container {
margin-top: 0;
}
.joListText .marking {
background-color: #2290c5;
color: #ffffff;
padding: 5px 8px;
}
.results .joListText > h3 {
margin-bottom: 15px;
}
#category .index_col {
/*
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
width: 100%;
*/
/*
min-height: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
*/
}
#category .index_col > .button_wrap {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
position: relative;
width: 100%;
min-height: 1px;
flex: 0 0 50%;
}
#category .index_wrapper > .row .index_col {
padding-right: 0;
}
.dce_jod_collapse {
display: none;
margin-top: 5px;
background-color: rgba(0,0,0,.1);
}
.dce_jod_collapse_desc {
padding: 15px;
}
.dce_jod_collapse_desc a,
.jo-modal-output {
color: #008bc4;
position: relative;
display: inline-block;
cursor: pointer;
padding: 7px 27px 7px 15px;
background-color: #008bc4;
color: #ffffff;
margin-top: 10px;
width: 100%;
}
.content_wrap .jo-modal-output {
color: #ffffff;
width: auto;
}
.dce_jod_collapse_desc a:after,
.jo-modal-output:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 2px;
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-size: 500px;
transform: rotate(-45deg);
background-position: -272px -22px;
}
.jo-modal-output:after {
top: 5px;
}
.dce_jod_collapse_btn,
.dce_jod_desc a[target="_blank"],
.dce_jokurzinventar_externalLink a[target="_blank"] {
width: 100%;
position: relative;
display: inline-block;
cursor: pointer;
padding: 7px 27px 7px 15px;
background-color: #008bc4;
color: #ffffff;
margin-top: 10px;
}
.dce_jod_collapse_btn:after,
.dce_jod_desc a[target="_blank"]:after,
.dce_jokurzinventar_externalLink a[target="_blank"]:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 5px;
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-position: -322px -24px;
background-size: 500px;
transform: rotate(90deg);
transition: transform .5s ease;
}
.dce_jod_collapse_btn.active:after {
transform: rotate(-90deg);
}
.dce_jod_desc a[target="_blank"]:after,
.dce_jokurzinventar_externalLink a[target="_blank"]:after {
transform: rotate(-45deg);
background-position: -272px -22px;
}
.gridcontent {
padding-right: 15px;
padding-left: 15px;
}
.grid-layout-1 > * {
padding-top: 30px;
padding-bottom: 30px;
}
.grid-layout-1 h2,
.frame-layout-1 h2 {
padding-top: 0;
font-size: 38px;
text-transform: uppercase;
color: #707070;
}
.grid-layout-1 > *,
.frame-layout-1 {
background-color: rgba(0,0,0,.1);
}
.grid-layout-1 > .colnr-2 {
padding-left: 15px;
padding-right: 15px;
}
.grid-layout-1 .image-caption {
width: 100%;
display: block;
margin-bottom: 10px;
background-color: rgba(0,0,0,.05);
padding: 10px;
}
.gridcontent .frame-type-image .ce-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gridcontent .frame-type-image .ce-column {
position: relative;
width: 100%;
min-height: 1px;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.gridcontent figure {
margin-top: 0;
}
.gridcontent .gridcontent {
padding: 0;
}
.gridcontent .gridcontent > div {
padding: 0;
}
.gridcontent .col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.gridcontent.grid-6-6 img {
padding: 5px;
}
a.back-to-top {
right: 15px;
background-color: #008bc4;
}
a.back-to-top .vp {
transform: rotate(-90deg);
}
a.back-to-top .vp .joSprite {
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-position: -463px -43px;
background-size: 700px;
}
.frame-layout-5 .image {
position: relative;
}
.frame-layout-5 img {
width: 100%;
height: auto;
transform: scale(1);
transition: transform .5s ease;
}
.frame-layout-5 .image-title,
.frame-layout-5 .image-alternative {
display: none;
}
.frame-layout-5 figcaption {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%,-50%,0);
border: 1px solid white;
color: #ffffff;
padding: 15px;
z-index: 20;
transition: opacity .5s ease;
}
.frame-layout-5 .image:hover img {
transform: scale(1.1);
}
.frame-layout-5 .image a:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
transition: opacity .5s ease;
}
.frame-layout-5 .ce-gallery,
.frame-layout-5 .ce-column,
.frame-layout-5 .image {
width: 100%;
}
.footer .frame-type-image .image-embed-item {
width: 100%;
height: 30px;
object-fit: contain;
}
.footer .image h2,
.footer .image h3 {
display: none;
}
.footer-outer {
background-color: #008bc4;
padding: 20px 15px 0px;
}
.footer .ce-column {
margin-right: 0px;
margin-bottom: 20px;
width: 50%;
}
.footer .ce-column .image {
margin: 0 auto;
}
.footer-outer .ce-above .ce-gallery {
margin-bottom: 0;
}
.content_wrap {
padding-bottom: 185px;
}
.alt_view.search_wrap {
margin: 0;
padding: 40px 15px;
}
.alt_view .joAlphabetIndex {
margin-top: 5px;
}
.joPaginateWrap .pagination li.active a {
background-color: #008bc4;
border: #008bc4 1px solid;
}
.joPaginateWrap .pagination li a:hover {
color: #ffffff;
background-color: #2290c599;
border-color: #2290c599;
}
#joModalOut {
margin: 0;
padding: 15px;
}
#joModalOut .modal-dialog {
max-width: 100%;
margin: 0;
}
#joModalOut .joListTable a {
color: black;
}
#joModalOut .modal-content {
background-color: #008bc4;
color: #ffffff;
}
#joModalOut.joMapModal .modal-content {
background-color: #ffffff;
color: black;
}
#joModalOut.joMapModal .breadcrumbs a {
color: black;
}
#joModalOut.joMapModal .breadcrumbs li:not(:last-child) a::after {
color: black;
}
#joModalOut.joMapModal .joCategoryContentLong a {
color: black;
}
#joModalOut.joMapModal .close {
color: black;
opacity: .5;
}
#joModalOut.joMapModal .joDetail h3 {
border-color: black;
}
#joModalOut .joDetailBlue {
background-color: #008bc4;
color: #ffffff;
border-radius: 0;
}
#joModalOut .container {
padding-left: 0;
padding-right: 0;
}
#joModalOut .detailimage {
}
#joModalOut .detail-title {
border-color: #ffffff;
margin-top: 0;
}
#joModalOut .detail_controls {
display: none;
}
#joModalOut .close {
color: #ffffff;
opacity: 1;
position: absolute;
right: 15px;
top: 15px;
width: 30px;
height: 30px;
z-index: 5;
}
#joModalOut .joDetail h3 {
border-color: #ffffff;
}
a.back-to-top {
z-index: 1000;
}
.content_wrap .joDetailBlue,
.content_wrap .joDetailBlue:hover {
background-color: #008bc4;
border-radius: 0;
color: #ffffff;
}
.detail_controls .pdf.addGradient:hover,
.detail_controls .bookmark.add:hover,
.detail_controls .back:hover a,
.detail_controls .jo-btn-feedback:hover a,
#joFeedback .btn-jo:hover {
background-color: #008bc4;
color: #ffffff;
}
.map-item-header-title {
position: relative;
}
.localize {
position: absolute;
right: 10px;
top: 10px;
border-radius: 0;
}
.localize a .joSprite {
background-color: #008bc4;
border-radius: 0;
background-position: -564.5px -85.5px;
background-size: 800px;
}
.localize.control_button a:hover div {
background-color: #008bc4;
}
#map-list .list_notable h2 {
font-size: 22px;
padding: 0 0 10px;
margin: 0;
}
#map-list .list_notable h3 {
font-size: 18px;
padding: 0;
margin: 0;
}
.joListTable .control_button a div {
background-color: #008bc4;
}
.joListTable .control_button.detail .joSprite {
background-position: -5px -6px;
background-size: 800px;
}
.joListTable .control_button {
border-radius: 0;
}
#map-list .joTimeLineAndFilter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#map-list .joTimeLineAndFilter .joControls {
flex-flow: column;
padding: 0;
}
#map-list .joTimeLineAndFilter .c_button {
margin: 0;
margin-bottom: 1px;
}
#map-list .joTimeLineAndFilter .c_button:last-child {
margin-bottom: 0;
}
#map-list .facettes.container {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.and_or_toggle {
display: none;
}
#map-list .joNothingFound {
padding-left: 15px;
padding-right: 15px;
}
.joNothingFound {
font-size: 30px;
}
.table-img {
padding-bottom: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.table-text {
color: black;
}
#joModalOut .external_link {
text-decoration: none;
color: #008bc4;
position: relative;
display: inline-block;
cursor: pointer;
padding: 7px 27px 7px 15px;
background-color: #008bc4;
color: #ffffff;
margin-top: 10px;
width: auto;
}
#joModalOut .external_link .external_icon {
display: none;
}
#joModalOut.joMapModal .joCategoryContentLong a.external_link {
color: #ffffff;
}
#joModalOut .external_link:after {
content: '';
width: 30px;
height: 30px;
position: absolute;
right: 0;
top: 5px;
background-image: url(/typo3conf/ext/jo_museo/Resources/Public/Images/sprite_portal_white.svg);
background-size: 500px;
transform: rotate(-45deg);
background-position: -272px -22px;
}
.show #ol4-mapdiv #map-jo-icon {
right: 15px;
left: unset;
}
#joInfo-container .detail_controls {
display: none;
}
.joVeranstaltungsText a,
.joVeranstaltung a {
color: #008bc4;
font-weight: 600;
}
.jonavi-container {
flex-direction: column-reverse;
}
.frame-layout-blue-box-headline {
height: 100%;
background-color: #008bc4;
}
.frame-layout-blue-box-headline h2 {
padding-top: 16px;
color: #FFFFFF;
text-transform: none;
}
.frame-layout-blue-box-headline .joText-wrapper {
color: #FFFFFF;
padding-top: 2px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
.layout-3 #map-list > .submenu,
.layout-3 #map-list .joListText .title_or_symbols,
.layout-3 #map-list .joListText > .row > .col-md-5,
.layout-3 #popup-content .img,
.layout-3 #popup-content .joListText {
display: none;
}
.layout-3 #map-list .joListText > .row > .col-md-7,
.layout-3 #popup-content .txt {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.layout-3 #map-list .list_notable h2 {
padding-bottom: 0;
font-size: 20px;
}
.layout-3 #popup {
min-width: 300px;
max-width: 300px;
}
.layout-3 #popup-content {
padding-right: 5px;
}
.layout-3 #joMaps-container {
position: relative;
overflow: hidden;
}
.layout-3 #map-list {
position: absolute;
right: 0;
transform: translateX(0);
transition: transform .5s ease;
}
.layout-3 .closeMap #map-list {
position: absolute;
right: 0;
transform: translateX(100%);
}
.layout-3 #ol4-map-container {
transition: flex .5s ease, max-width .5s ease;
}
.layout-3 .closeMap #ol4-map-container {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.layout-3 #map-list {
width: 100%;
}
.map-list-closer {
position: absolute;
top: 0;
left: 0;
transform: translate(-67%, 94%) rotate(90deg);
background-color: rgb(229 229 229);
padding: 8px 15px;
font-size: 20px;
cursor: pointer;
}
.layout-3 .frame-type-textpic {
height: 100%;
display: flex;
flex-direction: column;
}
.layout-3 .frame-type-textpic .ce-gallery {
margin-bottom: 0;
/*
position: absolute;
padding-bottom: 100%;
*/
}
/*
.layout-3 .frame-type-textpic .ce-gallery > * {
position: absolute;
height: 100%;
width: 100%;
}
*/
.layout-3 .frame-type-textpic .ce-textpic {
position: relative;
display: flex;
flex-direction: column;
}
/*
.layout-3 .frame-type-textpic .ce-textpic:before {
content: '';
display: block;
padding-bottom: 100%;
}
*/
.layout-3 .frame-type-textpic .ce-textpic,
.layout-3 .frame-type-textpic .ce-outer,
.layout-3 .frame-type-textpic .ce-inner,
.layout-3 .frame-type-textpic .ce-row,
.layout-3 .frame-type-textpic .ce-column,
.layout-3 .frame-type-textpic .image,
.layout-3 .frame-type-textpic .image-embed-item {
height: 100%;
}
.layout-3 .frame-type-textpic .ce-bodytext {
padding: 15px 0;
}
.layout-3 .frame-type-textpic .image-embed-item {
object-fit: cover;
}
.layout-3 .grid-4-4-4.grid-layout-1 > .colnr-1 {
padding-right: 10px;
padding-left: 30px;
}
.layout-3 .grid-4-4-4.grid-layout-1 > .colnr-2 {
padding-left: 20px;
padding-right: 20px;
}
.layout-3 .grid-4-4-4.grid-layout-1 > .colnr-3 {
padding-left: 10px;
padding-right: 30px;
}
.layout-3 .grid-4-4-4 h3 {
margin-top: 0;
}
.frame-space-after-medium {
margin-bottom: 3em;
}
.layout-3 #map-list .joScrollWrap {
background-color: rgba(0,0,0,.1);
overflow: auto;
height: 100%;
scrollbar-color: #008bc4 #f1f1f1;
scrollbar-width: thin;
}
/* width */
.layout-3 #map-list .joScrollWrap::-webkit-scrollbar {
width: 5px;
}
/* Track */
.layout-3 #map-list .joScrollWrap::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.layout-3 #map-list .joScrollWrap::-webkit-scrollbar-thumb {
background: #008bc4;
}
/* Handle on hover */
.layout-3 #map-list .joScrollWrap::-webkit-scrollbar-thumb:hover {
background: #008bc4;
}
.layout-3 .frame-layout-5 .image figcaption {
text-align: center;
}
@media(max-width: 767px) {
.gridcontent .frame-type-image .ce-column {
width: 50%;
flex: 0 0 50%;
}
}
@media(min-width: 768px) {
.layout-3 .grid-4-4-4.grid-layout-1 > .colnr-2 {
padding-left: 20px;
padding-right: 20px;
}
#category .index_col.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
#ol4-mapdiv {
height: calc(100vh - 133px);
}
.layout-3 #ol4-mapdiv {
height: calc(80vh - 133px);
}
#map-list .joScrollWrap {
background-color: rgba(0,0,0,.05);
}
div.joDetail div.detailtext:not(.detail_noimage) {
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
div.joDetail div.detailimage {
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
}
#category .index_col > .button_wrap {
flex: 1;
}
#map-list #category .index_col > .button_wrap {
/* flex: 0 0 50%; */
}
.alt_view .joAlphabetIndex {
margin-top: 0px;
}
.footer .ce-column {
padding-right: 20px;
margin-bottom: 0px;
width: auto;
}
.footer .ce-column .image {
margin: 0;
}
.footer-outer {
padding: 15px;
}
.alt_view.search_wrap {
padding: 40px 0px;
}
.frame-layout-6 header {
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.frame-layout-5 .image figcaption {
opacity: 0;
width: auto;
}
.frame-layout-5 .image:hover figcaption {
opacity: 1;
}
.frame-layout-5 .image a:after {
opacity: 0;
}
.frame-layout-5 .image:hover a:after {
opacity: 1;
}
.grid-layout-1 > .colnr-1 {
padding-left: 30px;
}
.grid-layout-1 > .colnr-2 {
padding-left: 3.75%;
padding-right: 3.75%;
}
.gridcontent .col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.gridcontent .gridcontent > div:first-child {
padding-left: 0;
}
.grid-layout-2 > div:first-child {
padding-right: 2.5%;
}
.grid-layout-2 > div:last-child {
padding-left: 2.5%;
}
.joOuterDiv {
padding-top: 154px;
}
.joTop .navbar {
line-height: 60px;
}
.h1, h1 {
font-size: 38px;
}
.h2, h2 {
font-size: 25px;
}
.footer_menu_1 ul{
border-top: none;
padding-top:15px;
margin-top:0;
}
.footer_menu_1 ul li a,
.footer_menu_1 ul li{
text-align:right;
}
.footer_menu_1 ul{
padding-top:0;
}
.footer .navi_between{
text-align:right;
padding:30px 0 10px;
}
.footer_menu_2 ul li{
width:auto;
}
.footer .navi_between{
border:none;
}
.logo img {
height: 68px;
margin-top: 27.5px;
margin-bottom: 27.5px;
}
.joMapMainContent:not(.mapDetail) {
height: calc(100% - 89px);
}
.joStartSegment .main_content .container {
margin-top: 80px;
}
.joStartSegment .main_content #joMaps-container .container {
margin-top: 0;
}
.joStartSegment .main_content .param .container {
margin-top: 0;
}
.layout-3 #joMaps-container {
margin-right: 15px;
margin-left: 15px;
}
.gridcontent {
padding-right: 15px;
padding-left: 15px;
}
.jonavi-container {
flex-direction: column;
}
#navbar.navbar-collapse .jonavi-container .kontakt-navi a {
font-size: 12px;
}
}
@media(min-width: 992px){
.frame-layout-6 header {
padding-right: 50px;
padding-left: 50px;
}
.joOuterDiv {
padding-top: 113px;
}
.logo img {
height: 58px;
}
.joTop {
padding-left: 50px;
}
.logo a {
margin: 0;
max-width: unset;
}
.logo {
padding: 0;
}
.layout-3 #joMaps-container {
margin-right: 50px;
margin-left: 50px;
}
.gridcontent {
padding-right: 50px;
padding-left: 50px;
}
.content_wrap {
padding-bottom: 110px;
}
#navbar .nav-item:hover .sub-menu {
opacity: 1;
visibility: 1;
}
#navbar .nav-item .sub-menu {
display: none;
position: absolute;
z-index: 9999;
opacity: 0;
visibility: 0;
background-color: #ffffff;
-webkit-transition: visibility 0.5s,opacity 0.5s ease-in-out;
-moz-transition: visibility 0.5s,opacity 0.5s ease-in-out;
-ms-transition: visibility 0.5s,opacity 0.5s ease-in-out;
-o-transition: visibility 0.5s,opacity 0.5s ease-in-out;
transition: visibility 0.5s,opacity 0.5s ease-in-out;
text-align: left;
}
#navbar .nav-item .sub-menu a {
width: 250px;
padding-left: 15px;
padding-right: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media(min-width: 1200px) {
.content_wrap {
padding-bottom: 160px;
}
.frame-layout-6 header {
padding-right: 100px;
padding-left: 100px;
}
.joOuterDiv{
padding-top: 133px;
}
.logo img {
height: 78px;
}
.joTop {
padding-left: 100px;
padding-right: 85px;
}
.layout-3 #joMaps-container {
margin-right: 100px;
margin-left: 100px;
}
.gridcontent {
padding-right: 100px;
padding-left: 100px;
}
}
.control_button span,
.control_button a:hover span {
background-color: #008bc4;
width: calc(100% - 31px);
}
.control_button a div,
.control_button a:hover div,
.control_button .link div,
.control_button .inactive_link div {
width: 30px;
overflow:hidden;
background-color: #008bc4;
margin-right:1px;
}
.joListandtable a {
color: transparent;
}
.listgallery-link .listgallery-img img {
aspect-ratio: 1;
object-fit: cover;
}