.elementor-tab-title a{color:inherit}.elementor-accordion{text-align:start}.elementor-accordion .elementor-accordion-item{border:1px solid #d5d8dc}.elementor-accordion .elementor-accordion-item+.elementor-accordion-item{border-block-start:none}.elementor-accordion .elementor-tab-title{cursor:pointer;font-weight:700;line-height:1;margin:0;outline:none;padding:15px 20px}.elementor-accordion .elementor-tab-title .elementor-accordion-icon{display:inline-block;width:1.5em}.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{height:1em;width:1em}.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right{float:right;text-align:right}.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left{float:left;text-align:left}.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed{display:block}.elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-opened,.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed{display:none}.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened{display:block}.elementor-accordion .elementor-tab-content{border-block-start:1px solid #d5d8dc;display:none;padding:15px 20px}@media (max-width:767px){.elementor-accordion .elementor-tab-title{padding:12px 15px}.elementor-accordion .elementor-tab-title .elementor-accordion-icon{width:1.2em}.elementor-accordion .elementor-tab-content{padding:7px 15px}}.e-con-inner>.elementor-widget-accordion,.e-con>.elementor-widget-accordion{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}*,
*:before,
*:after {
box-sizing: border-box;
}
.box_logo {
width: 80%;
height: 80%;
margin: 10% auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
} #more1 {
display: none;
}
#more2 {
display: none;
}
:root {
--sbh-color-white: #fff;
--sbh-color-black: #000;
--sbh-color-red: #d8183d;
--sbh-color-gray: #ccc;
--sbh-color-gray-light: #efefef;
--sbh-color-gray-medium: #888;
--sbh-color-gray-dark: #212121;
--sbh-color-gray-1: #b3b3b3;
--sbh-color-gray-2: #a3a3a3;
--sbh-color-gray-3: #00183b;
--sbh-color-gray-light: #f8f8f8;
--sbh-body-color: var(--sbh-color-black);
--sbh-body-font-family: "Raleway", sans-serif;
--sbh-formfield-height: 30px;
--sbh-formfield-padding: 5px 10px;
--sbh-formfield-padding-1: 5px 25px;
--sbh-border-radius: 0.25em;
}
@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.eot);
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.woff2) format("woff2"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.woff) format("woff"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.ttf) format("truetype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-solid-900.svg#fontawesome) format("svg")
}
.fa,
.fas {
font-family: "Font Awesome 5 Free";
font-weight: 900
}
@font-face {
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/font-awesome/fa-regular-400.eot);
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/font-awesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-regular-400.woff2) format("woff2"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-regular-400.woff) format("woff"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-regular-400.ttf) format("truetype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-regular-400.svg#fontawesome) format("svg")
}
.far {
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
@font-face {
font-family: "Font Awesome 5 Brands";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.eot);
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.woff2) format("woff2"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.woff) format("woff"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.ttf) format("truetype"),
url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/font-awesome/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
font-family: "Font Awesome 5 Brands";
font-weight: 400;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/montserrat-300-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/montserrat-300-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/montserrat-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/montserrat-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-300-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-300-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-400-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-400-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-700-latin-ext.woff2) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//hamburger-stiftungen.de/wp-content/plugins/stiftungsbureau/assets/fonts/raleway-700-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.montserrat-400 {
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.montserrat-700 {
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
.raleway-300 {
font-family: "Raleway", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
.raleway-400 {
font-family: "Raleway", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.raleway-700 {
font-family: "Raleway", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
body {
font-family: var(--sbh-body-font-family);
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
margin: 0;
}
main {
width: 100%;
max-width: 1200px;
margin: 15px auto;
padding: 0;
}
p {
line-height: 1.4;
font-size: 1rem;
}
@media (max-width: 1200px) {
main {
padding: 0 15px;
}
}
main h1 {
color: var(--sbh-color-red);
font-size: 1.0rem;
margin: 15px 0;
line-height: 1.4;
}
h1,
h2 {
padding: 0 20px;
color: var(--sbh-color-red);
}
h1,
h2 {
padding: 0 20px;
color: var(--sbh-color-red);
display: block;
width: 100%;
font-size: 1.25rem;
}
h3 {
font-size: 1.25rem;
}
button {
cursor: pointer;
}
button:hover {
opacity: 0.85;
}
a,
a:hover,
a:active,
a:visited {
color: var(--sbh-color-red);
}
a,
a:visited {
text-decoration: none;
}
h2 a {
width: 100%;
color: var(--sbh-color-red);
font-size: 1rem;
}
form {
margin: 0;
}
.filterblock input[type="text"],
.filterblock input[type="password"] {
padding: var(--sbh-formfield-padding) !important;
border: 1px solid var(--sbh-color-gray) !important;
width: 100%;
height: 30px;
border-radius: var(--sbh-border-radius) !important;
font-size: 1rem;
line-height: 1.1;
background-color: var(--sbh-color-white) !important; }
textarea {
padding: var(--sbh-formfield-padding);
border: 1px solid var(--sbh-color-gray);
width: 100%;
border-radius: var(--sbh-border-radius);
font-size: 1rem;
line-height: 1.1;
background-color: var(--sbh-color-white);
font-family: var(--sbh-body-font-family);
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
select {
max-width: 100%;
appearance: none;
background-color: transparent;
border: none;
margin: 0;
width: 100%;
font-family: inherit;
font-size: inherit;
cursor: inherit;
line-height: inherit;
height: var(--sbh-formfield-height);
padding: var(--sbh-formfield-padding);
position: relative;
z-index: 1;
}
select.select-multiple {
height: auto;
}
select:focus {
outline: none;
border: none;
}
.select-wrapper {
width: 100%;
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: var(--sbh-color-white);
position: relative;
}
.select-wrapper:after {
position: absolute;
right: 0;
top: 5px;
height: 20px;
width: 20px;
font-size: 20px;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
}
.select-wrapper.select-wrapper-multiple:after {
content: "";
}
.radio-fields input[type="radio"],
.radio-fields input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.radio-fields input[type="radio"],
.radio-fields input[type="checkbox"] {
position: absolute;
left: -9999px;
}
.radio-fields label {
padding: 0.1rem 0.1rem 0.1rem 1.875rem;
align-items: center;
position: relative;
float: left;
color: var(--sbh-color-gray-dark);
margin-bottom: 10px;
display: flex;
margin-right: 15px;
font-size: 0.9rem;
}
.radio-fields input[type="radio"]+label:before,
.radio-fields input[type="checkbox"]+label:before {
position: absolute;
left: 0rem;
display: inline-block;
content: "";
width: 1.375rem;
height: 1.375rem;
margin-right: 0.5rem;
background-color: var(--sbh-color-white);
border: 1px solid var(--sbh-color-gray-dark);
border-radius: 50%;
}
.radio-fields input[type="checkbox"]+label:before {
position: absolute;
left: 0rem;
display: inline-block;
content: "";
float: left;
width: 1.375rem;
height: 1.375rem;
margin-right: 0.5rem;
background-color: var(--sbh-color-white);
border: 1px solid var(--sbh-color-gray-dark);
border-radius: 3px;
}
.radio-fields input[type="radio"]:checked+label:after {
position: absolute;
left: 3px;
width: 1rem;
height: 1rem;
content: "";
color: var(--sbh-color-gray-dark);
background-color: var(--sbh-color-gray-dark);
border: 1px solid var(--sbh-color-gray-dark);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.radio-fields input[type="checkbox"]:checked+label:after {
position: absolute;
left: 3px;
width: 1rem;
height: 1rem;
display: flex;
align-items: center;
justify-content: center;
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
}
.radio-fields input[type="radio"]:checked+label,
.radio-fields input[type="checkbox"]:checked+label {
font-weight: 700;
}
.toplabel {
width: 100%;
margin: 10px 0 15px 0;
font-size: 0.9rem;
padding-top: 10px;
border-top: 1px solid var(--sbh-color-gray);
}
.toplabel:first-child {
margin: 0 0 10px 0;
padding-top: 0;
border-top: none;
}
a.sort-item {
position: relative;
padding-right: 20px;
color: var(--sbh-color-gray-medium);
}
a.sort-item:hover,
a.sort-item:active,
a.sort-item:hover,
a.sort-item:visited {
color: var(--sbh-color-red) !important;
font-weight: 700 !important;
}
.sort-item:after {
content: "\f0d7";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
position: absolute;
right: 5px;
top: 0;
}
.sort-item[data-sort="DESC"]:after {
content: "\f0d8";
}
.table-main-header {
border-bottom: 1px solid var(--sbh-color-gray);
font-size: 1.25rem;
font-weight: 700 !important;
}
.table-main-subheader {
border-bottom: 1px solid var(--sbh-color-gray);
font-size: 0.75rem;
font-weight: 700 !important;
text-transform: uppercase;
color: var(--sbh-color-gray-3);
height: 35px;
}
.d-block {
display: block !important;
}
.hidden-mobile {
display: none !important;
}
.table-main {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 0;
font-size: 0.75rem;
}
.table-main.table-extra {
padding-bottom: 10px;
padding-top: 0;
background-color: var(--sbh-color-gray-light);
border-radius: 10px;
margin-bottom: 15px;
}
.table-main .table-main {
padding: 0;
}
.table-inner {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
}
.table-inner.is_loading {
position: relative;
min-height: 100px;
}
.table-inner.is_loading::after {
content: '';
position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%;
width: 40px; height: 40px;
animation: spin 1s linear infinite; z-index: 9999; }
.table-inner.is_loading>div {
opacity: 0.6;
} @keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 1024px) {
.galleryview .table-inner,
.listview .table-inner {
row-gap: 10px;
}
}
.table-main .table-inner {
width: 100%;
margin: 0;
}
.table-main.table-extra .table-inner {
min-width: unset;
}
.table-main.table-extra h3 {
text-decoration: underline;
}
.table-main a {
font-weight: 700;
text-decoration: none !important;
}
.table-main a:hover,
.table-main a:active,
.table-main a:focus,
.table-main a:visited {
font-weight: 700;
text-decoration: none !important;
}
.table-main h3 a:hover,
.table-main h3 a:active,
.table-main h3 a:focus,
.table-main h3 a:visited {
font-weight: 700 !important;
text-decoration: none !important;
}
.table-col-a {
width: 100%;
padding: 5px;
display: flex;
}
.table-col-b {
width: 100%;
padding: 5px;
display: flex;
}
.table-main-block-left {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.table-main-block-right {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.table-main-subheader {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.filterblock.galleryview .table-main-subheader {
display: none !important;
}
#filterblock>span {
font-weight: 600;
}
.table-col-c,
.table-col-d,
.table-col-e,
.table-col-f,
.table-col-g,
.table-col-h,
.table-col-i,
.table-col-j,
.table-col-k,
.table-col-l {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 5px;
}
.table-main-subheader .table-col-new-a,
.table-main-subheader .table-col-new-b,
.table-main-subheader .table-col-new-c,
.table-main-subheader .table-col-new-d,
.table-main-subheader .table-col-new-e,
.table-main-subheader .table-col-new-f,
.table-main-subheader .table-col-new-g,
.table-main-subheader .table-col-new-h,
.table-main-subheader .table-col-new-i,
.table-main-subheader .table-col-new-j,
.table-main-subheader .table-col-new-k,
.table-main-subheader .table-col-new-l,
.table-main-subheader .table-col-new-full {
flex-direction: unset;
}
.table-col-new-a,
.table-col-new-b,
.table-col-new-c,
.table-col-new-d,
.table-col-new-e,
.table-col-new-f,
.table-col-new-g,
.table-col-new-h,
.table-col-new-i,
.table-col-new-j,
.table-col-new-k,
.table-col-new-l,
.table-col-new-full {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 5px 10px 10px 10px;
flex-direction: column;
}
.table-col-new-c,
.table-col-new-d,
.table-col-new-e,
.table-col-new-f,
.table-col-new-j,
.table-col-new-i {
width: 50%;
}
.table-col-new-g,
.table-col-new-k,
.table-col-new-l,
.table-col-new-m,
.table-col-new-j,
.table-col-new-i {
width: calc((100%/3) - 5px);
position: absolute;
bottom: 15px;
left: 15px;
}
.sbh-detail-block .table-col-new-b {
width: 50%;
}
.sbh-detail-block .table-col-new-e .link-button {
margin: 0 auto;
}
@media (max-width: 1024px) {
.table-col-new-g,
.table-col-new-c,
.table-col-new-d,
.table-col-new-e,
.table-col-new-f,
.table-col-new-j,
.table-col-new-i {
width: 100%;
}
.galleryview .table-col-new-b.program,
.sbh-detail-block .table-col-new-b {
width: 100%;
}
.sbh-detail-block .table-col-new-b,
.sbh-detail-block .table-col-new-c,
.sbh-detail-block .table-col-new-d {
padding-left: 0;
padding-right: 0;
}
.galleryview .table-col-new-c.program,
.galleryview .table-col-new-d.program,
.galleryview .table-col-new-e.program,
.galleryview .table-col-new-f.program {
width: calc(50% - 5px);
width: 100%;
}
.galleryview .table-col-new-k.program {
width: calc((100% / 3) - 5px);
}
.galleryview .table-col-new-m.program {
width: calc((200% / 3) - 11px);
}
.galleryview .table-col-new-m.program .table-info a {
margin-right: 0;
}
.sbh-detail-block .table-col-new-e {
justify-content: left;
flex-direction: row;
align-items: flex-end;
width: 100%;
padding-left: 0;
}
.sbh-detail-block .table-col-new-e .link-button {
margin: 0;
}
.sbh-detail-block .table-col-new-d {
width: 50%;
align-items: flex-end;
}
.table-col-new-j,
.table-col-new-i { position: static;
}
.table-col-new-g {
width: 100%;
position: static;
padding: 0;
}
.table-col-new-g .table-info {
justify-content: flex-end;
}
.table-col-new-g .table-info a {
margin-right: 0;
}
.sbh-detail-row.angebote + .table-main .table-main-row {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--sbh-color-gray);
}
}
.table-col-new-a {
width: calc(100% + 30px);
margin: 0 -15px;
display: flex;
justify-content: center;
flex-direction: unset;
padding: 0;
position: relative;
top: -5px;
order: -1;
}
.table-col-new-a a {
padding: 15px 20px;
text-align: left;
width: 100%;
font-size: 1rem;
}
@media (max-width: 1024px) {
.sbh-detail .table-col-new-a,
.sbh-detail  .table-col-new-b,
.sbh-detail  .table-col-new-c,
.sbh-detail  .table-col-new-d,
.sbh-detail  .table-col-new-e {
width: 100%;
justify-content: center;
text-align: center;
margin: 0;
}
.sbh-detail .table-info {
justify-content: center;
text-align: center;
}
.sbh-detail label.table-label {
padding-bottom: 5px;
}
.table-col-new-a a {
padding: 15px 0;
}
.sbh-detail .table-col-new-a a{
width: 100%;
justify-content: center;
text-align: center;
}
.filterblock .table-main-row .table-info{
justify-content: center;
text-align: center;
}
.filterblock .table-main-row .table-label{
justify-content: center;
text-align: center;
}
}
.table-col-new-i {
left: 15px;
height: 45px;
overflow: hidden;
flex-direction: row;
}
.table-col-new-j {
left: 33%;
height: 45px;
overflow: hidden;
flex-direction: row;
}
.table-col-new-k {
left: 15px;
}
.table-col-new-g {
left: 66%;
}
.table-col-new-m {
width: calc((200% / 3) - 5px);
left: 33%;
display: flex;
justify-content: flex-end;
}
.table-col-new-m .table-info {
display: flex;
justify-content: flex-end;
}
.table-main-row {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 5px 15px;
border-radius: 15px;
margin-bottom: 15px;
box-shadow: 5px 5px 10px -10px var(--sbh-color-black);
border: 1px solid var(--sbh-color-gray-light);
position: relative;
padding-bottom: 120px;
align-content: flex-start;
}
@media (max-width: 1024px) {
.filterblock.galleryview .table-main-row:not(.program),
.filterblock.listview .table-main-row:not(.program) {
padding-bottom: 15px;
}
.sbh-detail-block .table-main-row {
padding: 0;
border-radius: 0;
box-shadow: none;
border: none;
}
}
.filterblock .table-main-row,
.sbh-detail-block .table-main-row {
width: 100%;
overflow: hidden;
}
.filterblock.galleryview .table-main-row {
width: 100%;
}
label.table-label {
width: 100%;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
color: var(--sbh-color-gray-3) !important;
font-size: 11px;
}
.table-col-admin label.table-label {
height: auto;
flex-basis: 35px;
}
.table-main-block-left>label.table-label {
padding: 5px 0 0 5px;
}
.table-col-new-b.program>label.table-label {
margin-top: 5px;
}
.table-info {
width: 100%;
display: flex;
flex-wrap: wrap;
line-height: 1.4; font-size: 14px; }
.table-col-admin .table-info {
overflow-wrap: anywhere;
}
.table-info h3 {
margin-bottom: 0;
margin-top: 5px;
font-size: 1rem;
letter-spacing: 0.026rem; }
.table-info.table-info-bottom {
margin-top: auto;
}
.list-view-element {
display: none;
}
.mobile-main-label {
width: 100%;
padding: 5px;
font-weight: bold;
}
.info-row {
width: 100%;
display: flex;
margin-bottom: 5px;
flex-wrap: wrap;
}
.table-col-admin {
display: flex;
width: 100%;
padding: 5px;
flex-direction: column;
}
.table-main-subheader .table-col-admin {
align-items: center;
}
.table-one-col .table-col-admin {
align-items: center;
}
.table-one-col .table-col-admin div {
padding: 0 10px;
font-weight: 700;
font-size: 1rem;
}
main ul {
width: 100%;
margin: 5px 0 10px;
padding: 0;
list-style: none;
}
main ul li {
position: relative;
padding-left: 15px;
}
main ul li:after {
position: absolute;
content: "-";
left: 5px;
top: 0;
font-weight: 700;
}
main ul li:empty {
display: none;
}
main ul li ul {
position: relative;
}
.table-admin {
display: flex;
flex-wrap: wrap;
}
.table-one-col {
width: 100%;
max-width: 100%;
padding: 5px;
margin-bottom: 15px;
}
.col-edit-links a {
margin: var(--sbh-formfield-padding) 10px 0;
}
.icon-btn {
padding: 8px;
border: 1px solid var(--sbh-color-red);
border-radius: 5px;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
background: var(--sbh-color-red);
}
.icon-btn:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--sbh-color-white);
font-size: 20px;
}
.trash-btn:after {
content: "\f1f8";
}
.edit-btn:after {
content: "\f044";
position: relative;
left: 1px;
}
.add-btn:after {
content: "\f067";
}
.info-row>label {
font-weight: 700;
margin-bottom: 5px;
width: auto;
min-width: 210px;
max-width: 100%;
flex-basis: max-content;
flex-grow: 0;
flex-shrink: 0;
overflow-wrap: anywhere;
}
.info-row>div {
margin-bottom: 10px;
width: auto;
flex-basis: 90%;
flex-shrink: 1;
flex-grow: 0;
padding-left: 10px;
overflow-wrap: anywhere;
}
h4.info-row {
margin-top: 0;
}
.info-block {
padding: 10px 20px;
background: var(--sbh-color-gray-light);
border-radius: 10px;
}
.info-block>p {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.info-block>p>strong {
width: auto;
display: block;
flex-basis: 220px;
flex-grow: 0;
flex-shrink: 0;
}
.info-block>p>span {
width: auto;
flex-basis: 100%;
display: block;
flex-shrink: 1;
flex-grow: 0;
}
header {
display: flex;
justify-content: center;
}
.inner-header {
display: flex;
padding: 15px 0 0 0;
width: 100%;
align-items: center;
flex-wrap: wrap;
max-width: 1200px;
}
.inner-header.login {
flex-direction: column;
margin: auto;
max-width: 400px;
gap: 10px;
}
.inner-header.login label {
align-self: flex-start;
font-weight: 600;
}
.inner-header.login h1 {
width: auto;
}
header .logo {
width: 180px;
}
header .logo img {
width: 100%;
}
header.stiftungsbureau nav,
header .sub-nav {
margin: 0;
padding: 15px 0px 15px 30px;
color: #003969;
font-size: 1rem;
width: 100%;
}
header.stiftungsbureau nav .link-btn,
header .sub-nav .link-btn {
display: flex;
justify-content: center;
border: 1px solid var(--sbh-color-red);
border-radius: 50px;
font-size: 13px;
padding: 10px 20px;
background: var(--sbh-color-white);
color: var(--sbh-color-red);
font-weight: 700;
width: 100%;
margin-bottom: 10px;
}
header.stiftungsbureau nav .link-btn:hover,
header.stiftungsbureau nav .link-btn:visited,
header .sub-nav .link-btn:hover,
header .sub-nav .link-btn:visited {
color: var(--sbh-color-red);
}
header.stiftungsbureau nav .link-btn:hover,
header.stiftungsbureau nav .link-btn:active,
header.stiftungsbureau nav .link-btn:focus,
header .sub-nav .link-btn:hover,
header .sub-nav .link-btn:active,
header .sub-nav .link-btn:focus {
opacity: 0.85;
}
header.stiftungsbureau nav .link-btn:visited,
header .sub-nav .link-btn:visited {
text-decoration: none;
}
header.stiftungsbureau nav .link-btn:after,
header .sub-nav .link-btn:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: inherit;
margin-left: 10px;
width: 12px;
}
header.stiftungsbureau nav .link-btn.active-navi-link,
header .sub-nav .link-btn.active-navi-link {
color: var(--sbh-color-white);
background: var(--sbh-color-red);
margin-right: 10px;
}
header.stiftungsbureau nav span,
header .sub-nav span {
display: flex;
border: 1px solid var(--sbh-color-red);
border-radius: 50px;
font-size: 13px;
padding: 10px 20px;
background: var(--sbh-color-white);
margin-right: 10px;
color: var(--sbh-color-red);
margin-bottom: 10px;
font-weight: 700;
justify-content: center;
width: 100%;
}
header.stiftungsbureau nav *:last-child {
margin-right: 0 !important;
}
.link-upload:after,
.link-export:after {
content: "\f093";
}
.link-import:after {
content: "\f093";
transform: rotateZ(180deg);
}
.filterblock {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 0;
margin: 20px 0 0;
}
.filterblock .filterblock-top {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.filterblock .filterblock-center {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.filterblock.admin-filter>.filterblock-right {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
.filterblock .filterblock-center.new-filterblock-center {
flex-wrap: wrap;
align-items: stretch;
}
.filterblock .filterblock-center .filterblock-item {
width: 100%;
display: flex;
margin-bottom: 10px;
}
.filterblock .filterblock-center .new-nav {
display: flex;
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
font-size: 1rem;
line-height: var(--sbh-formfield-height);
height: var(--sbh-formfield-height);
background-color: var(--sbh-color-white);
position: relative;
}
.new-nav .link-btn {
width: 50%;
height: var(--sbh-formfield-height);
padding: var(--sbh-formfield-padding);
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
color: var(--sbh-color-gray-medium);
}
.new-nav .link-btn:first-child {
border-right: 1px solid var(--sbh-color-gray);
}
.new-nav .link-btn.active-navi-link {
color: var(--sbh-color-red);
}
.filterblock-item.new-nav .link-btn {
height: auto;
padding: var(--sbh-formfield-padding-1);
font-size: 0.9rem;
letter-spacing: -0.02rem;
}
.filteritems-list {
max-height: 0;
opacity: 0;
transition: max-height 1.15s ease-out, opacity 1.15s ease-out;
overflow: hidden;
display: none;
width: 100%;
position: fixed;
z-index: 2;
background: var(--sbh-color-white);
flex-wrap: wrap;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.filteritems-list.show-filter {
max-height: fit-content;
transition: max-height 1.25s ease-in, opacity 1.15s ease-in;
opacity: 1;
overflow-y: auto;
padding: 10px;
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
margin-bottom: 15px;
margin: 0;
display: flex;
width: 100%;
row-gap: 5px;
}
.filteritems-list .filterblock-item {
display: flex;
width: 100%;
}
.filteritems-list li {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding-left: 0;
list-style: none;
width: 100%;
column-gap: 8px;
}
.filteritems-list li:after {
content: '';
}
.filteritems-list li input[type="checkbox"] {
margin: 0;
width: 18px;
height: 18px;
aspect-ratio: 1/1;
border: 1px solid var(--sbh-color-gray-medium);
border-radius: 3px;
flex-basis: auto;
flex-grow: 0;
flex-shrink: 0;
appearance: none;
transform: translateY(-3px);
margin: 0 !important;
padding: 0 !important;
}
.filteritems-list li input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-color: var(--sbh-color-red) !important;
margin: 0 !important;
box-shadow: none !important;
}
.filteritems-list>ul {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap;
}
.filteritems-list>ul>li.filterblock-formblock-item {
max-width: 100%;
width: 100%;
list-style: none;
}
.filteritems-list ul li:after {
content: '';
}
.filteritems-list>ul>li.filterblock-formblock-item ul li {
font-size: 0.8rem;
}
.filteritems-list>ul>li.filterblock-formblock-item ul li input[type="checkbox"] {
top: 0px;
}
.filteritems-list>ul>li.filterblock-formblock-item ul li label {
font-weight: 400;
}
.filterblock .sbh-icon-button {
padding: 0px 5px;
}
.filterblock .filter-btn-reset {
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: var(--sbh-color-white);
position: relative;
color: var(--sbh-color-gray-medium) !important;
padding: var(--sbh-formfield-padding);
margin: 0 0 10px 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-size: 0.8rem;
text-transform: none;
padding: 0 5px;
}
@media (max-width: 1024px) {
.filterblock .filter-btn-reset { margin-left: auto;
height: 30px;
}
.filterblock.admin-filter .filter-btn-reset { margin-bottom: 0;
}
.filterblock.admin-filter>.filterblock-right {
margin-top: -20px;
}
}
.filterblock .sbh-icon-button img {
color: inherit;
width: 32px;
}
.filterblock .sbh-icon-button.filter-btn-reset img {
width: 24px;
}
.filterblock .sbh-icon-button.show-searchresult-button img {
width: 16px;
margin-left: 7px;
margin-bottom: 1px;
}
.filterblock .sbh-icon-button.btn-list-switcher img {
width: 21px;
}
.filterblock .btn-list-switcher {
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: var(--sbh-color-white);
position: relative;
color: var(--sbh-color-black);
padding: var(--sbh-formfield-padding);
border: none;
border-radius: 0;
margin: 0;
}
.filterblock .btn-list-switcher.button-to-list {
border-left: 1px solid var(--sbh-color-gray);
}
.filterblock .sbh-close-btn {
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: var(--sbh-color-white);
position: relative;
order: -1;
padding: 3px;
margin: 5px 5px 5px auto;
aspect-ratio: 1;
height: 30px;
}
.filterblock .sbh-close-btn:after {
height: 20px;
width: 20px;
font-size: 20px;
content: "\f00d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--sbh-color-gray-medium);
}
.filterblock .btn-list-switcher.activeswitcher {
color: var(--sbh-color-red);
}
.filterblock .btn-list-switcher>*:first-child {
display: flex;
}
.filterblock .btn-list-switcher>*:last-child {
display: none;
}
.filterblock .btn-list-switcher.activeswitcher>*:first-child {
display: none;
}
.filterblock .btn-list-switcher.activeswitcher>*:last-child {
display: flex;
}
.filterblock .filterblock-center .view-switcher {
display: none;
}
.filterblock .filterblock-center .filterblock-item.filter-button-wrapper {
display: flex;
font-size: 1rem;
line-height: 1.1;
width: 100%;
}
@media (max-width: 1024px) {
.filterblock .filterblock-center .filterblock-item.filter-button-wrapper { width: 100%;
}
.filterblock.admin-filter .filterblock-center .filterblock-item.filter-button-wrapper {
width: 100%;
}
}
.filterblock .filterblock-center .show-filter-button {
display: flex;
background-color: var(--sbh-color-white);
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
color: inherit !important;
justify-content: center;
align-items: center;
padding: var(--sbh-formfield-padding);
margin: 0;
width: 100%;
padding-right: 30px;
padding-left: 7px;
position: relative;
}
.filterblock .filterblock-center .show-filter-button span {
display: flex;
font-weight: 300;
font-size: 0.9rem;
white-space: nowrap;
letter-spacing: 0.04rem;
}
.filterblock .filterblock-center .show-filter-button:after {
position: absolute;
right: 5px;
top: 3px;
height: 20px;
width: 20px;
font-size: 20px;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: var(--sbh-color-gray-medium);
}
.sbh-imagebox {
display: flex;
justify-content: center;
}
.filterblock.galleryview .sbh-imagebox {
height: auto;
width: 100%;
border-bottom: 1px solid var(--sbh-color-gray-light);
aspect-ratio: 24/11;
}
@media (max-width: 1024px) {
.filterblock.listview .sbh-imagebox {
height: auto;
width: 100%;
border-bottom: 1px solid var(--sbh-color-gray-light);
aspect-ratio: 24/11;
}
}
.sbh-imagebox .stiftungs-logo {
display: contents;
}
.sbh-imagebox .stiftungs-logo img {
width: 80%;
object-fit: contain;
height: 80%;
padding: 16px; object-position: center;
margin: auto;
}
.table-col-new-k .stiftungs-logo img {
transform: translateY(15px);
width: 100px;
}
.filterblock.listview .sbh-imagebox .stiftungs-logo img {
height: auto;
aspect-ratio: 40/31;
}
.sbh-imagebox .angebot-img {
display: contents;
}
.sbh-imagebox .angebot-img img {
width: 100%;
object-fit: cover;
height: 100%;
object-position: center;
padding: 0;
aspect-ratio: 351/160;
}
.sbh-detail-logo,
.sbh-detail-image {
justify-content: center;
}
.sbh-detail-image .image-footer-text{
font-size: 0.8rem;
padding: 5px;
color: var(--sbh-color-gray-dark);
width: 100%;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-logo,
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-image {
align-items: flex-start;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-map {
align-items: flex-start;
justify-content: flex-end;
aspect-ratio: 1/1;
outline: 1px solid var(--sbh-color-gray);
position: relative;
}
@media (min-width: 1025px) {
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-map {
aspect-ratio: 16/9;
}
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-map iframe {
width: 100%;
height: 100%;
border: none; }
#iframeMarker {
display: none;
position: absolute;
z-index: 1000;
top: calc(50% - 60px);
left: calc(50% - 30px);
bottom: auto;
right: auto;
width: 60px;
height: 80px;
display: flex;
align-items: center;
}
#iframeMarker img {
width: auto;
height: 100%;
}
.acf-map {
background-color: var(--sbh-color-white);
padding: 10px;
max-width: 800px;
min-width: 320px;
width: 100%;
height: auto;
aspect-ratio: 1/1;
}
@media (max-width: 479px) {
.acf-map {
min-width: 100%
}
}
@media (max-width: 1025px) {
}
.sbh-detail-logo .stiftungs-logo img {
width: auto;
object-fit: contain;
object-position: center;
height: 175px;
max-width: 265px;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2.sbh-detail-image img {
aspect-ratio: 16/9;
object-fit: cover;
}
.sbh-imagebox.sbh-offer-img {
width: calc(100% + 30px);
padding: 0;
}
.sbh-imagebox.sbh-offer-img img {
max-width: 100%;
max-height: 200px;
}
.search-input-wrapper {
width: 100%;
display: flex;
flex-direction: row-reverse;
}
.filterblock .search-input-wrapper input {
border-radius: 0 100px 100px 0 !important;
border-left: none !important;
}
.filterblock .search-input-wrapper input:focus {
border-color: var(--sbh-color-gray-medium) !important;
outline: none !important;
}
.filterblock .search-input-wrapper input:focus+.show-searchresult-button {
border-color: var(--sbh-color-gray-medium);
}
.search-input-wrapper .show-searchresult-button {
width: 30px;
height: 30px;
border-radius: 100px 0 0 100px;
display: flex;
justify-content: center;
border: 1px solid var(--sbh-color-gray);
border-right: none;
margin: 0;
align-items: center;
font-size: 1rem;
cursor: pointer;
line-height: 1.1;
background-color: var(--sbh-color-white);
position: relative;
color: var(--sbh-color-black);
padding: 0;
}
.sbh-detail {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.sbh-detail.program {
padding-top: 45px;
}
.sbh-detail .sbh-detail-headline {
padding: 0;
margin-bottom: 30px;
}
.sbh-detail h1.sbh-detail-headline {
font-size: 1.6rem !important;
margin-top: 69px;
margin-bottom: 32px;
letter-spacing: 0.005rem;
color: var(--sbh-color-red) !important;
line-height: 1.2 !important;
}
.sbh-detail.program h1.sbh-detail-headline {
margin-top: 0;
}
@media (max-width: 1024px) {
.sbh-detail h1.sbh-detail-headline {
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
}
}
.sbh-detail h3.sbh-detail-headline {
padding: 0;
margin-bottom: 5px;
font-size: 1rem;
font-weight: 700;
color: var(--sbh-color-red);
flex-basis: 100%;
}
.sbh-detail h2.sbh-detail-headline {
padding: 0;
margin-bottom: 30px;
font-size: 1.6rem !important;
line-height: 1.2 !important;
font-weight: 700;
color: var(--sbh-color-red);
flex-basis: 100%;
}
.sbh-detail .sbh-detail-textline {
padding: 0;
margin-bottom: 5px;
}
.sbh-detail .sbh-detail-textblock {
padding: 0;
margin-bottom: 5px;
margin-top: 40px;
}
.sbh-detail .sbh-detail-block {
display: flex;
width: 100%;
flex-wrap: wrap;
padding-bottom: 45px;
margin-bottom: 60px;
border-bottom: 1px solid var(--sbh-color-gray);
}
.sbh-detail .sbh-detail-block.sbh-detail-block-d {
border: none;
}
.sbh-detail .sbh-detail-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 43px;
width: 100%;
}
@media (max-width: 1024px) {
.sbh-detail h2.sbh-detail-headline {
margin-top: 0;
text-align: center;
}
.sbh-detail .sbh-detail-block {
margin-bottom: 30px;
}
.sbh-detail .sbh-detail-row {
margin-bottom: 0;
}
}
.sbh-detail .sbh-detail-row.angebote {
margin-bottom: 0;
}
.sbh-detail .sbh-detail-row .sbh-detail-col label {
width: 100%;
font-weight: bold;
font-size: 15px;
margin-bottom: 2px;
text-transform: uppercase;
color: var(--sbh-color-gray-3);
}
.sbh-detail .sbh-detail-col {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: auto;
}
.sbh-detail .sbh-detail-row .sbh-detail-col .sbh-detail-col {
padding: 0 5px;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2 {
width: calc((100% / 1) - 15px);
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-3 {
width: calc((100% / 1) - 10px);
}
@media (max-width: 1024px) {
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2 {
width: 100%;
justify-content: center;
text-align: center;
}
.sbh-detail .sbh-detail-block-a .sbh-detail-row .sbh-detail-col.sbh-detail-col-2 .sbh-detail-col-2:first-child {
margin-bottom: 12px
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-3 { width: 100%;
justify-content: center;
text-align: center;
}
}
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2 {
margin-top: 15px;
column-gap: 15px;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:first-Child {
margin-top: 15px;
align-items: flex-start;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col .sbh-detail-col-3 {
margin-top: 15px;
padding-left: 0;
}
@media (max-width: 1024px) {
.sbh-detail .sbh-detail-row>.sbh-detail-col .sbh-detail-col-3,
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:first-Child {
margin-top: 20px;
}
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-image.sbh-offer-image {
justify-content: center;
align-items: flex-start;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-image.sbh-offer-image img {
width: 100%;
}
.map-container {
width: 100%;
height: auto;
aspect-ratio: 3 / 2;
}
@media (min-width: 1025px) {
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:first-Child {
margin-top: 0;
}
.map-container {
width: 450px;
height: 250px;
background-color: var(--sbh-color-gray-light);
}
}
.map {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.sbh-detail h3.sbh-detail-headline+.sbh-detail-text {
margin-top: 10px;
}
.sbh-detail .sbh-detail-text+.sbh-detail-text {
margin-top: 10px;
}
.sbh-detail-block.details .sbh-detail-text {
display: flex;
column-gap: 5px;
flex-wrap: wrap;
align-items: baseline;
line-height: 1.4;
flex-direction: column;
}
.sbh-detail-block.details .sbh-detail-text > b{
margin-top: 5px;
}
@media (max-width: 1024px) {
.sbh-detail-block.details .sbh-detail-text {
align-items: center;;
}
}
.sbh-detail-block.details .sbh-detail-text span.part1,
.sbh-detail-block.details .sbh-detail-text span.part2,
.sbh-detail-block.details .sbh-detail-text span.dots {
display: contents;
}
.sbh-detail-block.details .sbh-detail-text>span {
width: auto;
}
.sbh-detail .sbh-detail-text .sbh-detail-innertext {
width: 100%;
margin: 0 0 20px 0;
}
.sbh-detail .sbh-detail-text .sbh-detail-innertext .sbh-detail-innerlabel {
width: 100px;
display: inline-block;
text-transform: none;
color: inherit;
font-weight: 300;
margin-bottom: 0;
}
.sbh-detail .sbh-social-icon-row {
display: flex;
width: 100%;
justify-content: flex-start;
column-gap: 10px;
}
.sbh-detail .sbh-social-icon-row a {
text-decoration: none;
width: auto;
}
.sbh-detail .sbh-social-icon-row a img {
height: 24px;
width: 24px;
object-fit: cover;
object-position: top;
}
.sbh-detail .sbh-social-icon-row a:hover img {
object-position: bottom;
}
.filterblock .filterblock-center .filterblock-left {
display: flex;
width: 100%;
flex-wrap: wrap;
margin-bottom: 15px;
}
.filterblock .filterblock-center .filterblock-right {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.filterblock .filterblock-center .filterblock-bottom-new {
display: flex;
width: 100%;
flex-wrap: wrap;
margin-bottom: 20px;
align-items: center;
}
.filterblock .filterblock-center label,
.filterblock .filterblock-right label {
display: flex;
width: auto;
margin-bottom: 5px;
font-size: 0.9rem;
font-weight: 700;
flex-basis: 100%;
flex-grow: 0;
flex-shrink: 1;
align-items: center;
}
.filterblock .filterblock-center input[type="checkbox"]+label {
font-weight: 400;
}
.filterblock .filterblock-center .select-wrapper {
display: flex;
width: calc(100% - 10px);
max-width: calc(100% - 10px);
height: 30px;
}
.filterblock .filterblock-bottom,
.form-bottom {
display: flex;
width: 100%;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.form-bottom {
justify-content: center;
}
}
.filterblock button,
.form-bottom button,
.edit-headline button,
.link-button {
display: flex;
border: 1px solid var(--sbh-color-red);
border-radius: 50px;
font-size: 13px;
padding: 8px 18px;
color: var(--sbh-color-white) !important;
background: var(--sbh-color-red);
margin-right: 10px;
white-space: nowrap;
line-height: 1.2;
justify-content: center;
text-transform: uppercase;
font-weight: 500 !important;
}
.edit-headline button[data-navigation="back"] {
background: var(--sbh-color-red) !important;
}
.edit-headline button,
.form-bottom button,
.link-button {
font-size: 12px;
padding: 8px 18px;
}
.edit-headline button[value="list_records"],
.form-bottom button[value="list_records"] {
position: relative;
padding-left: 35px;
}
.edit-headline button[value="list_records"]:before,
.form-bottom button[value="list_records"]:before {
position: absolute;
left: 18px;
top: 10px;
content: '';
border: solid var(--sbh-color-white);
border-width: 0 2px 2px 0;
display: inline-block;
padding: 2px;
transform: rotate(135deg);
height: 9px;
width: 9px;
}
.filterblock .show-filter-button {
text-transform: none;
}
.link-button,
.link-btn {
text-transform: uppercase;
}
.sbh-detail-text.eng-fields {
flex-direction: row;
flex-wrap: wrap;
}
.sbh-detail-text.eng-fields .edit-table-right {
width: auto;
flex-basis: fit-content;
column-gap: 12px;
row-gap: 12px;
margin-top: 7px;
}
.sbh-detail-text.eng-fields .edit-table-right.under-cats {
width: auto;
flex-basis: 100%;
column-gap: 12px;
row-gap: 12px;
margin-top: 12px;
}
@media (max-width: 1024px) {
.sbh-detail-text.eng-fields .edit-table-right.under-cats {
justify-content: center;
}
}
.sbh-detail-text.eng-fields .edit-table-right + .sbh-detail-text {
margin-top: 12px;
}
.sbh-detail-text.eng-fields .edit-table-right ul {
display: contents;
}
.sbh-detail-text.eng-fields .edit-table-right ul li {
display: contents;
}
.sbh-detail-text.eng-fields .edit-table-right ul li:after {
display: none;
}
.sbh-detail-text.eng-fields .edit-table-right ul li a {
display: flex;
border: 1px solid var(--sbh-color-black);
border-radius: 18px;
padding: 5px 15px;
line-height: 1.2;
font-weight: 400;
color: var(--sbh-color-black);
width: auto;
flex-basis: auto;
}
.sbh-detail-text.eng-fields .edit-table-right ul li a:empty {
display: none;
}
.sbh-detail-text.eng-fields .edit-table-right ul li span {
display: flex;
border: none;
border-radius: 18px;
background-color: transparent;
padding: 0 0 0 5px;
line-height: 1.2;
font-weight: 400;
color: var(--sbh-color-black);
width: auto;
flex-basis: auto;
}
.table-info .link-button,
.table-info .link-btn {
padding: 5px 10px;
}
.table-info .link-button {
padding: 7px 20px;
font-size: 11px;
}
.link-button:hover,
.link-button:focus,
.link-button:visited,
.link-button:active {
color: var(--sbh-color-white);
text-decoration: none !important;
}
.link-text {
color: var(--sbh-color-red);
cursor: pointer; }
.pager-block {
display: flex;
justify-content: center;
width: 100%;
padding: 15px 0;
flex-wrap: wrap;
}
.pager-block a,
.pager-block span {
display: flex;
justify-content: center;
padding: 4px 6px;
font-size: 14px;
color: var(--sbh-color-red);
margin: 0 0 0 5px;
font-weight: 700;
text-decoration: none;
}
.pager-block a.active {
display: flex;
justify-content: center;
background: var(--sbh-color-red);
padding: 4px 6px;
font-size: 14px;
color: var(--sbh-color-white);
margin: 0 0 0 5px;
font-weight: 700;
}
@media (min-width: 768px) {
.pager-block span {
padding: 4px 8px;
}
.pager-block a {
padding: 4px 8px;
}
}
.edit-table {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.edit-table-row {
display: flex;
width: 100%;
flex-wrap: wrap;
padding: 5px 10px 10px;
background: var(--sbh-color-gray-light);
border-radius: 10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 15px;
}
.edit-table-left {
width: 100%;
display: flex;
flex-wrap: wrap;
font-weight: 700;
margin-bottom: 10px;
padding-top: 5px;
font-size: 0.9rem;
line-height: 1.3;
}
.edit-table-right {
width: 100%;
display: flex;
flex-wrap: wrap;
line-height: 1.3;
}
.edit-headline {
display: flex;
width: 100%;
flex-wrap: wrap;
margin: 25px 0 30px;
}
@media (max-width: 1024px) {
.edit-headline {
justify-content: center;
}
}
.edit-headline span {
width: 100%;
margin-bottom: 20px;
font-size: 1.25rem;
color: var(--sbh-color-red);
}
@media (min-width: 768px) {
.info-row {
flex-wrap: nowrap;
}
.info-block>p {
flex-wrap: nowrap;
}
.info-block>p>span {
flex-basis: 90%;
}
.filterblock.listview .table-main-row,
.filterblock.galleryview .table-main-row {
width: calc(50% - 20px);
}
.sbh-detail-block .table-main-row {
width: 100%;
padding: 5px 15px;
}
.phonelink a {
pointer-events: none;
text-decoration: none;
color: var(--sbh-color-black);
}
}
@media (min-width: 1025px) {
.filterblock.admin-filter .filterblock-center .filterblock-left {
width: calc(50% - 105px);
margin-bottom: 0;
height: 72px;
}
.filterblock.admin-filter .filterblock-center .filterblock-right {
width: calc(50% - 105px);
}
.filterblock.admin-filter .filterblock-bottom-new {
width: 200px;
display: flex;
margin-left: 10px;
height: 30px;
margin-bottom: 13px;
align-items: center;
}
.filterblock.admin-filter .filterblock-center {
width: 67%;
height: 72px;
align-items: flex-end;
justify-content: flex-start;
}
.filterblock.admin-filter .filterblock-right {
width: 50%;
height: 72px;
}
.filterblock.admin-filter>.filterblock-right {
width: 33%
}
.filterblock.admin-filter .filterblock-center .filterblock-right {
margin-bottom: 0;
}
main h1 {
font-size: 1.75rem;
margin: 25px 0 30px;
}
main>h1 {
font-size: 36px !important;
text-align: center;
text-transform: uppercase;
}
header {
flex-wrap: nowrap;
}
header.stiftungsbureau nav,
header .sub-nav {
font-size: 1.5rem;
display: flex;
justify-content: flex-end;
}
header.stiftungsbureau nav {
width: calc(100% - 180px);
}
header .sub-nav {
width: 100%;
}
header.stiftungsbureau nav span,
header .sub-nav span {
font-size: 13px;
white-space: nowrap;
margin-right: 10px;
margin-bottom: 0;
}
header.stiftungsbureau nav .link-btn,
header .sub-nav .link-btn {
margin-right: 10px;
margin-bottom: 0;
font-size: 13px;
}
header.stiftungsbureau nav>.link-btn:last-child,
header .sub-nav>.link-btn:last-child {
margin-right: 0;
}
header.stiftungsbureau nav .link-btn {
width: 100%;
}
header .sub-nav .link-btn {
width: auto;
}
header .logo {
width: 180px;
}
header .logo img {
width: 100%;
}
header.stiftungsbureau nav {
margin: 0;
padding: 15px 0 15px 30px;
}
.filterblock .sbh-close-btn {
display: none;
visibility: hidden;
transform: translateX(-5000px);
pointer-events: none;
height: 1px;
}
.filterblock .sbh-close-btn:after {
display: none;
}
.hidden-mobile {
display: flex !important;
}
.edit-table-row {
margin: 0 0 15px 0;
border-bottom: 1px solid var(--sbh-color-gray);
padding: 0 10px 15px 0;
background: none;
border-radius: 0;
}
.edit-table-left {
width: 20%;
margin-bottom: 0;
padding-top: 0;
font-size: 0.85rem;
font-weight: 700;
}
.edit-table-right {
width: 80%;
}
.table-inner {
width: 100%;
}
.filterblock.galleryview .table-inner {
gap: 30px;
}
.mobile-main-label {
display: none;
}
.filterblock.listview .table-main-block-left {
width: 35%;
}
.filterblock.listview .table-main-block-right {
width: 65%;
}
.filterblock.listview .table-col-a {
width: 35%;
}
.filterblock.listview .table-col-b {
width: 65%;
}
.filterblock.listview .table-col-c {
width: 30%;
}
.filterblock.listview .table-col-d {
width: 70%;
}
.filterblock.listview .table-col-e {
width: 25%;
}
.filterblock.listview .table-col-f {
width: 25%;
}
.filterblock.listview .table-col-g {
width: 50%;
}
.filterblock.listview .table-col-i {
width: 20%;
}
.filterblock.listview .table-col-j {
width: 20%;
}
.filterblock.listview .table-col-k {
width: 30%;
}
.filterblock.listview .table-col-l {
width: 30%;
}
.filterblock.listview .table-col-new-a {
width: 24%;
padding: 0 20px 10px 0;
justify-content: flex-start;
margin: 0;
flex-direction: column;
order: unset;
}
.sbh-detail-block .table-col-new-a {
width: 22%;
padding: 5px 0 0 0;
justify-content: flex-start;
margin: 0;
flex-direction: column;
order: unset;
top: 0;
}
.filterblock.listview .table-col-new-a a,
.sbh-detail-block .table-col-new-a a {
padding-left: 0;
}
.sbh-detail-block .table-col-new-a a {
padding-top: 0;
}
.sbh-detail-block .table-col-new-a {
margin-top: 0;
}
.filterblock.listview .table-col-new-a .sbh-imagebox,
.sbh-detail-block .table-col-new-a .sbh-imagebox {
width: 100%;
border: 1px solid var(--sbh-color-gray);
padding: 5px;
}
.filterblock.listview .table-col-new-a .sbh-imagebox {
margin-top: -15px;
}
.filterblock.listview .sbh-imagebox.program {
border: none;
padding: 0;
}
.filterblock.listview .table-col-new-a .sbh-imagebox.sbh-offer-img {
padding: 0;
border: none;
}
.filterblock.listview .table-col-new-b {
width: 25%;
}
.sbh-detail-block .table-col-new-b {
width: 27%;
}
.filterblock.listview .table-col-new-b.program {
width: 27%;
}
.filterblock.listview .table-col-new-c,
.sbh-detail-block .table-col-new-c {
width: 22%;
}
.filterblock.listview .table-col-new-c.program,
.sbh-detail-block .table-col-new-c.program {
width: 16%;
}
.filterblock.listview .table-col-new-d,
.sbh-detail-block .table-col-new-d {
width: 17%;
}
.filterblock.listview .table-col-new-e,
.sbh-detail-block .table-col-new-e {
width: 16%;
position: unset;
}
.sbh-detail-block .table-col-new-e {
align-content: flex-end;
padding: 5px 0 0 0;
}
.filterblock.listview .table-col-new-f {
display: none;
position: unset;
}
.filterblock.listview .table-col-new-g {
display: none;
position: unset;
}
.filterblock.listview .table-col-new-h {
width: 23%;
position: unset;
}
.filterblock.listview .table-col-new-i {
width: 12%;
position: unset;
}
.filterblock.listview .table-col-new-j {
width: 10%;
position: unset;
height: auto;
}
.filterblock.listview .table-col-new-k {
display: none;
position: unset;
}
.filterblock.listview .table-col-new-l {
display: none;
position: unset;
}
.filterblock.listview .table-col-new-m {
display: none;
position: unset;
}
.filterblock.listview .table-col-new-full {
position: unset;
padding: 0px 5px 0px calc(24% + 5px);
}
.filterblock.listview .table-info h3 {
margin: 0;
}
.filterblock.listview .list-view-element {
display: flex;
}
.filterblock.listview .table-info {
margin-bottom: 10px;
}
.filterblock.listview .table-col-new-full .table-info {
margin-bottom: 0;
}
.filterblock.listview .table-col-new-b>.table-info:first-child {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.filterblock.listview .table-info.table-info-bottom.list-view-element {
flex-direction: column;
}
.filterblock.listview .table-info .stiftungs-link{
width: 100%;
padding: 5px 0;
}
.filterblock.galleryview .table-info .stiftungs-link{
display: none;
}
.filterblock.galleryview .table-col-new-full {
padding: 10px 2px 0 2px;
}
.filterblock.galleryview .table-col-new-b {
padding-bottom: 18px;
padding-left: 3px;
padding-right: 3px;
}
.filterblock.galleryview .table-col-new-b>.table-info:first-child {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
letter-spacing: 0.01rem; }
.filterblock.galleryview .table-col-new-c {
padding-left: 2px;
padding-right: 2px;
}
.filterblock.galleryview .table-col-new-d {
padding-left: 12px;
padding-right: 2px;
}
.filterblock.galleryview .table-col-new-e {
padding-left: 2px;
padding-right: 2px;
}
.filterblock.galleryview .table-col-new-f {
padding-left: 12px;
padding-right: 2px;
}
.filterblock.galleryview .table-col-new-c .table-info {
letter-spacing: -0.0175rem;
}
.filterblock.galleryview .table-col-new-d .table-info {
letter-spacing: -0.0175rem;
}
.filterblock.galleryview .table-col-new-g {
height: 45px;
}
.hidden-desktop {
display: none !important;
}
.table-main-row {
padding-bottom: 96px;
}
.sbh-detail-block .table-main-row {
padding-right: 0;
}
.filteritems-list {
width: 100%;
position: absolute;
top: 26px;
bottom: unset;
}
.filteritems-list.show-filter {
max-height: 300px;
}
.table-admin {
flex-wrap: wrap;
}
.col-edit-links {
flex-direction: column;
}
.col-edit-links a {
margin: 0 0 5px;
}
.table-admin-col-a {
width: 4%;
}
.table-admin-col-b {
width: 4%;
}
.table-admin-col-c {
width: 8%;
}
.table-admin-col-d {
width: 12%;
}
.table-admin-col-e {
width: 10%;
}
.table-admin-col-f {
width: 12%;
}
.table-admin-col-g {
width: 30%;
}
.table-admin-col-h {
width: 20%;
}
.table-admin-col-j {
width: 18%;
}
.icon-btn {
padding: 4px;
width: var(--sbh-formfield-height);
height: var(--sbh-formfield-height);
}
.icon-btn:after {
font-size: 16px;
}
.filterblock .filterblock-center.new-filterblock-center {
flex-wrap: nowrap;
}
.filterblock .filterblock-center .new-nav {
width: 230px;
flex: 0 0 230px;
}
.filterblock .filterblock-center .filterblock-item.view-switcher {
display: flex;
border: 1px solid var(--sbh-color-gray);
border-radius: var(--sbh-border-radius);
overflow: hidden;
margin: 0;
width: 81px;
flex: 0 0 81px;
margin-right: 0 !important;
height: 30px;
}
.filterblock .filterblock-center .filterblock-item.filter-button-wrapper {
position: relative;
margin-right: 10px;
min-width: 172px;
flex: 0 0 18%;
}
.filterblock.admin-filter .filterblock-center .filterblock-item.filter-button-wrapper {
flex-grow: 1;
}
.filteritems-list.show-filter {
border-top: none;
border-radius: 0 0 var(--sbh-border-radius) var(--sbh-border-radius);
}
.filterblock .filterblock-center .show-filter-button {
justify-content: flex-start;
padding: var(--sbh-formfield-padding);
padding-right: 30px;
height: 30px;
}
.filterblock .filterblock-center .show-filter-button:before {
position: unset;
}
.filterblock .filterblock-center .filterblock-item.filter-select-wrapper {
margin-right: 0px;
}
.filterblock .filterblock-center .filterblock-item {
width: 100%;
display: flex;
margin-right: 35px;
margin-bottom: 0px;
}
.filterblock .filter-btn-reset {
width: auto;
margin: 0 10px 0px 0px;
padding: 0 5px;
height: 30px;
}
.filterblock .sbh-icon-button.filter-btn-reset img {
width: 22px;
margin: 4px;
}
.filterblock-formblock>ul>li.filterblock-formblock-item {
max-width: 50%;
width: 50%;
}
.filterblock-extra.filter-foerder-block.show-filter {
max-height: 2000px;
}
.filterblock.galleryview .table-main-row {
width: calc((100% / 3) - 20px);
margin: 0;
}
.filterblock.galleryview .table-col-new-i label.table-label,
.filterblock.galleryview .table-col-new-j label.table-label {
margin-bottom: 0;
}
.filterblock.listview .table-main-row {
margin: 0 0 15px 0;
padding: 0 10px 0 0;
background: none;
border-radius: 0;
width: 100%;
box-shadow: none;
border: none;
border-bottom: 1px solid var(--sbh-color-gray);
}
.filterblock.listview .table-main-row.table-main-subheader {
border-bottom: none;
margin-bottom: 7px;
}
.sbh-detail-block .table-main-row {
margin: 0 0 15px 0;
padding: 0 0 10px 0;
background: none;
border-radius: 0;
width: 100%;
box-shadow: none;
border: none;
border-bottom: 1px solid var(--sbh-color-white);
}
.filterblock.listview label.table-label,
.sbh-detail label.table-label {
display: none !important;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-1 {
width: 100%;
}
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2 {
width: calc((100% / 2) - 15px);
}
.sbh-detail-block-b.details .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:first-child {
width: calc((100% / 2) - 60px); }
.sbh-detail-block-b.details .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:last-child {
width: calc((100% / 2) + 30px); } .sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-3 {
width: calc((100% / 3) - 15px);
} .sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2>.sbh-detail-col.sbh-detail-col-3 {
width: calc((100% / 3) - 15px + 2px); }
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2>.sbh-detail-col.sbh-detail-col-3:first-child {
width: calc((100% / 3) - 15px + 14px); }
.sbh-detail .sbh-detail-row .sbh-detail-col.sbh-detail-col-2>.sbh-detail-col.sbh-detail-col-3:last-child {
width: calc((100% / 3) - 15px - 14px); }
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2 {
margin-top: 0;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-2:first-Child {
margin-top: 0;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-3 {
margin-top: 0;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col.sbh-detail-col-3:first-Child {
margin-top: 0;
}
.sbh-detail .sbh-detail-row>.sbh-detail-col .sbh-detail-col-3 {
margin-top: 0;
padding-right: 0;
}
.sbh-detail .sbh-detail-block-a {
margin-bottom: 63px;
}
.sbh-detail .sbh-detail-block-b .sbh-detail-row {
column-gap: 30px;
justify-content: flex-start;
}
.sbh-detail .sbh-detail-block-b .sbh-detail-row>.sbh-detail-col {
align-items: center;
margin: 0;
}
.sbh-detail .sbh-detail-col .sbh-detail-text {
font-size: 17px;
text-wrap-style: pretty;
}
.sbh-detail-block.sbh-detail-block-a>.sbh-detail-row {
justify-content: flex-start !important;
column-gap: 58px !important;
}
.sbh-detail-block.sbh-detail-block-a>.sbh-detail-row>div:nth-child(2) {
width: calc((100% / 2) - 43px) !important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1200) {
.filterblock .filterblock-center.new-filterblock-center {
position: relative;
padding-bottom: 60px;
}
.filterblock-item-search {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.filterblock .filterblock-center .filterblock-item.filter-button-wrapper {
flex: 0 0 31%;
}
}
#leafletmap {
position: absolute;
top: 0;
left: 0;
bottom: auto;
right: auto;
z-index: 1000;
height: 329px;
width: auto;
aspect-ratio: 16/9;
}
.nav-detail.filterblock>.filterblock-center>*:not(:first-child) {
display: none;
} #more-text .text-toggle {
display:flex;
flex-direction:column;
}
#more-text .text-toggle .full-text {
order: 1;
}
#more-text .text-toggle summary {
order: 2;
cursor: pointer;
list-style: none;
display:flex;
flex-direction: column;
}
#more-text .text-toggle .short-text,
#more-text .text-toggle .full-text {
margin-bottom: 0.5em;
}
#more-text .text-toggle summary::marker {
display: none; }
#more-text .text-toggle summary .label-more,
#more-text .text-toggle summary .label-less {
color: var(--sbh-color-red);
}
#more-text .text-toggle[open] .label-more {
display: none;
}
#more-text .text-toggle:not([open]) .label-less {
display: none;
}
#more-text .text-toggle[open] .short-text {
display: none;
} #more-text .text-toggle:not([open]) .short-text {
overflow: hidden;
max-height: calc(1.3em * 4); line-height: 1.4;
}
#more-text .text-toggle:not([open]) .short-text p{
line-height: 1.4
} @media (max-width: 768px) {
#more-text .text-toggle:not([open]) .short-text {
max-height: calc(1.4em * 4); line-height: 1.4;
}
#more-text .text-toggle:not([open]) .short-text p{
line-height: 1.4;
}
}
.breakword {
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
ol [data-list="bullet"] {
list-style: none;
position: relative;
}
ol [data-list="bullet"]:after {
content: '•';
position: absolute;
left: -10px;
top: 1px;
}
.detail-label-info {
display: flex;
align-items: center;
position: relative;
}
@media (max-width: 1024px) {
.detail-label-info {
justify-content: center;
}
}
.detail-label-text {
margin-right: 6px;
white-space: nowrap;
}
.detail-label-icon {
border-radius: 50%;
color: #fff;
background: var(--sbh-color-red);
text-transform: none;
width: 20px;
height: 20px;
min-width: 20px;
display: flex;
justify-content: center;
align-items: center;
margin-top: -3px;
}
.detail-label-info-container {
z-index: 1000;
text-transform: none;
position: absolute;
bottom: 28px;
border: 1px solid var(--sbh-color-gray-2);
display: flex;
padding: 0.5rem;
background: var(--sbh-color-gray-light);
font-size: 1rem;
line-height: 1.4;
font-weight: 500;
max-width: 100%;
justify-content: center;
flex-wrap: wrap;
left: -100000px;
}
.detail-label-info-container p{
margin-bottom: 0.25rem;
font-size: inherit;
line-height: inherit;
width: 100%;
text-align: left;
}
.detail-label-info-container ul{
margin: 0 0 0.25rem 0;
font-size: inherit;
line-height: inherit;
display: flex;
flex-wrap: wrap;
}
.detail-label-info-container ul li{
text-align: left;
width: 100%;
}
.detail-label-info-container:before,
.detail-label-info-container:after {
content: '';
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 10px 10px;
position: absolute;
transform: rotate(180deg);
left: 10px;
}
@media (max-width: 1024px) {
.detail-label-info-container:before,
.detail-label-info-container:after {
left: auto;
}
}
.detail-label-info-container:before {
bottom: -10px;
border-color: transparent transparent var(--sbh-color-gray-2) transparent;
}
.detail-label-info-container:after {
bottom: -9px;
border-color: transparent transparent var(--sbh-color-gray-light) transparent;
}
.detail-label-info:hover .detail-label-info-container {
display: flex;
left: auto;
}