:root {
--base-color-text: #1b1b1b;
--base-color-accent: #3a8ddd;
--base-color-background: #fff;
--base-font-family: verdana, sans-serif;
--base-font-size: 16px;
--base-font-size-small: .8em;
--base-font-size-medium: 1.25em;
--base-layout-width: 1100px;
--base-content-width: 800px;
--base-offset: 40px;
--base-space: 20px;
}
body {
font-family: var(--base-font-family);
font-size: var(--base-font-size);
background-color: var(--base-color-background);
}
small {
font-size: var(--base-font-size-small);
}
a, a:hover {
color: var(--base-color-accent);
}
:root {
--base-layout-width: 1100px;
--base-content-width: 800px;
--base-offset: 40px;
--base-space: 20px;
}
@media (max-width: 599px) {
:root {
--base-offset: 25px;
}
}
body .container {
width: 100%;
}
body .container > * {
width: var(--base-content-width);
max-width: calc(100% - calc(2 * var(--base-offset)));
margin-left: auto;
margin-right: auto;
}
body .container > *.alignfull {
max-width: 100%;
}
body .container > *.alignwide {
max-width: var(--base-layout-width);
}
body .container > *.alignwide, body .container > *.alignfull {
width: 100%;
}
body .container > *.alignwide.wp-block-group > *, body .container > *.alignfull.wp-block-group > * {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
body .container .wp-block-columns.has-background {
padding: var(--base-offset);
}
body .container .wp-block-group.has-background {
padding-top: calc(var(--base-offset) - var(--base-space));
padding-bottom: calc(var(--base-offset) - var(--base-space));
}
body .container .wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding-left: calc(var(--base-offset) - var(--base-space));
padding-right: calc(var(--base-offset) - var(--base-space));
}
body .container .wp-block-group.has-background > *:last-child {
margin-bottom: 0;
}
body .container .wp-block-group.has-background > * > :first-child {
margin-top: 0;
}
body .container .wp-block-image figcaption {
text-align: left;
margin-top: var(--base-space);
}
.animate-into-view, .is-style-animate-into-view {
--animation-height: -40px;
animation-duration: 625ms;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
position: relative;
}
.animate-into-view.is-not-in-view, .is-style-animate-into-view.is-not-in-view {
bottom: var(--animation-height);
opacity: 0;
}
.animate-into-view.is-animate-into-view, .is-style-animate-into-view.is-animate-into-view {
animation-name: animateIntoView;
bottom: 0;
opacity: 1;
}
@-webkit-keyframes animateIntoView {
0% {
opacity: 0;
bottom: var(--animation-height);
}
100% {
opacity: 1;
bottom: 0;
}
}
@keyframes animateIntoView {
0% {
opacity: 0;
bottom: var(--animation-height);
}
100% {
opacity: 1;
bottom: 0;
}
}
@font-face {
font-family: "Piazzolla";
font-style: normal;
font-weight: bold;
src: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.eot);
src: local(""), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.eot?#iefix) format("embedded-opentype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.woff2) format("woff2"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.woff) format("woff"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.ttf) format("truetype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-800.svg#Piazzolla) format("svg");
}
@font-face {
font-family: "Piazzolla";
font-style: italic;
font-weight: normal;
src: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.eot);
src: local(""), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.eot?#iefix) format("embedded-opentype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.woff2) format("woff2"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.woff) format("woff"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.ttf) format("truetype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/piazzolla-v16-latin-500italic.svg#Piazzolla) format("svg");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: normal;
src: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.eot);
src: local(""), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.eot?#iefix) format("embedded-opentype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.woff2) format("woff2"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.woff) format("woff"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.ttf) format("truetype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-300.svg#Poppins) format("svg");
}
@font-face {
font-family: "Poppins";
font-style: normal;
font-weight: bold;
src: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.eot);
src: local(""), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.eot?#iefix) format("embedded-opentype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.woff2) format("woff2"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.woff) format("woff"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.ttf) format("truetype"), url(//boersenclub-hannover.de/wp-content/themes/boersenclub/theme/config-webfonts/assets/poppins-v15-latin-600.svg#Poppins) format("svg");
}
:root {
--headings-font-family: var(--base-font-family);
--headings-line-height: 1.25;
--headings-font-size: 36px;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--headings-font-family);
line-height: var(--headings-line-height);
font-size: var(--headings-font-size);
}
.has-text-color h1, .has-text-color h2, .has-text-color h3, .has-text-color h4, .has-text-color h5, .has-text-color h6 {
color: inherit !important;
}
h2 {
font-size: calc(var(--headings-font-size) * .9);
}
h3 {
font-size: calc(var(--headings-font-size) * .8);
}
h4 {
font-size: calc(var(--headings-font-size) * .7);
}
h5 {
font-size: calc(var(--headings-font-size) * .6);
}
h6 {
font-size: inherit;
}
.wp-block-gallery-lightbox {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .79);
z-index: 10000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.wp-block-gallery-lightbox img {
position: relative;
max-width: 92%;
max-height: 92%;
}
.block-breadcrumb {
padding-top: 2rem;
padding-bottom: 4rem;
}
.block-breadcrumb ul.breadcrumbs {
padding: 0;
margin: 0;
white-space: nowrap;
}
.block-breadcrumb ul.breadcrumbs a {
padding: 5px 0;
display: inline-block;
}
.block-breadcrumb ul.breadcrumbs li {
display: inline-block;
position: relative;
padding-right: 8px;
margin-right: 4px;
vertical-align: middle;
}
.block-breadcrumb ul.breadcrumbs li:after {
content: "/";
position: absolute;
right: 0;
top: 50%;
-ms-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.block-breadcrumb ul.breadcrumbs li:last-child {
font-weight: bold;
margin-right: 0;
padding-right: 0;
}
.block-breadcrumb ul.breadcrumbs li:last-child:after {
display: none;
}
.block-breadcrumb ul.breadcrumbs li:last-child span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
@media (max-width: 999px) {
.block-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 300px;
}
}
@media (max-width: 599px) {
.block-breadcrumb ul.breadcrumbs li:last-child span {
max-width: 200px;
}
}
footer.footer {
background: var(--base-color-background);
padding-top: var(--base-offset);
padding-bottom: calc(var(--base-offset) - var(--base-space));
}
.feature-modal-page {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 10000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.feature-modal-page__popover {
position: relative;
width: 600px;
max-width: 95%;
min-height: 200px;
max-height: 95vh;
background: #fff;
padding: 25px;
padding: var(--base-offset);
padding-bottom: 1rem;
padding-bottom: var(--base-space);
}
.feature-modal-page__popover .wp-block-button__link {
margin: 0 !important;
}
.feature-modal-page__popover a[href="#close"] {
position: absolute;
top: 20px;
right: 20px;
display: block;
}
:root {
--topbar-height: calc(50px + 2rem);
--topbar-offset: var(--base-offset);
--topbar-background: var(--base-color-text);
--topbar-color: var(--base-color-background);
--topbar-color-accent: var(--base-color-accent);
}
@media (max-width: 999px) {
:root {
--topbar-height: calc(40px + 1rem);
}
}
body {
padding-top: var(--topbar-height);
}
@media (max-width: 599px) {
body {
--topbar-height: calc(50px + 1rem);
}
}
body.active-modal-menu main {
opacity: .57;
}
.feature-responsive-topbar {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 200;
padding: 1rem var(--topbar-offset);
background-color: var(--topbar-background);
height: var(--topbar-height);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media (max-width: 999px) {
.feature-responsive-topbar {
padding: .5rem var(--topbar-offset);
}
}
.feature-responsive-topbar > .container {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.feature-responsive-topbar > .container > .container__inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.feature-responsive-topbar * {
margin-bottom: 0;
}
.feature-responsive-topbar a {
color: var(--topbar-color);
}
.feature-responsive-topbar a:hover {
text-decoration: none;
color: var(--topbar-color-accent);
}
.feature-responsive-topbar__logo a:hover {
text-decoration: none;
color: var(--topbar-color);
}
.feature-responsive-topbar__logo figure {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
height: var(--topbar-height);
overflow: hidden;
}
.feature-responsive-topbar__logo figure img {
width: auto;
height: 44px;
margin-top: 1rem;
margin-right: 1.4rem;
}
@media (max-width: 999px) {
.feature-responsive-topbar__logo figure img {
margin-right: 1rem;
height: 32px;
margin-top: .7rem;
}
}
.feature-responsive-topbar__logo figure img + figcaption {
display: none;
}
.feature-responsive-topbar__logo figure img + figcaption strong {
display: block;
}
.feature-responsive-topbar__menu-trigger {
-ms-flex: 1;
flex: 1;
text-align: right;
padding-top: 5px;
}
@media (min-width: 1000px) {
.feature-responsive-topbar__menu-trigger {
display: none;
}
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu-trigger {
z-index: 201;
}
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] {
display: inline-block;
padding: 5px 0;
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] span {
display: block;
width: 32px;
height: 3px;
background: var(--topbar-color);
margin: 6px 0;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.feature-responsive-topbar__menu-trigger a[href="#menu"] span:not(:last-child) {
margin-bottom: 7px;
}
body.active-modal-menu .feature-responsive-topbar__menu-trigger a[href="#menu"] span:first-child {
-ms-transform: translateY(.7rem) rotateZ(-45deg);
-webkit-transform: translateY(.7rem) rotateZ(-45deg);
transform: translateY(.7rem) rotateZ(-45deg);
}
body.active-modal-menu .feature-responsive-topbar__menu-trigger a[href="#menu"] span:first-child + span {
opacity: 0;
}
body.active-modal-menu .feature-responsive-topbar__menu-trigger a[href="#menu"] span:last-child {
-ms-transform: translateY(-.53rem) rotateZ(45deg);
-webkit-transform: translateY(-.53rem) rotateZ(45deg);
transform: translateY(-.53rem) rotateZ(45deg);
}
.feature-responsive-topbar__menu-trigger a[href="#menu"]:hover span {
background: var(--topbar-color-accent);
}
.feature-responsive-topbar__menu {
-ms-flex: 1;
flex: 1;
text-align: right;
position: relative;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu {
display: none;
text-align: left;
}
}
.feature-responsive-topbar__menu a {
line-height: 1;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.feature-responsive-topbar__menu ul {
list-style-type: none;
}
.feature-responsive-topbar__menu ul li {
display: inline-block;
position: relative;
margin-right: 1rem;
}
.feature-responsive-topbar__menu ul li:last-child {
margin-right: 0;
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul li {
display: block;
}
}
.feature-responsive-topbar__menu ul.menu > li:first-child > a {
padding-left: 0;
}
.feature-responsive-topbar__menu ul.menu > li:last-child > a {
padding-right: 0;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu ul.menu > li:last-child > a {
padding-left: 0;
}
}
.feature-responsive-topbar__menu ul.menu > li > a {
display: inline-block;
padding: .5rem 0 .3rem;
margin: 0 1rem;
font-weight: bold;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu ul.menu > li > a {
font-size: var(--base-font-size);
padding-top: 1rem;
max-height: 40px;
}
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul.menu > li > a {
margin: 0;
}
}
.feature-responsive-topbar__menu ul.sub-menu {
display: none;
opacity: 1;
position: absolute;
top: 1.5rem;
left: -3rem;
right: -3rem;
padding: 1rem 0;
-webkit-transition: opacity 200ms ease-in-out;
transition: opacity 200ms ease-in-out;
text-align: left;
background: var(--topbar-color);
border: 1px solid var(--topbar-background);
}
.feature-responsive-topbar__menu ul.sub-menu li {
display: block;
}
.feature-responsive-topbar__menu ul.sub-menu a {
padding: 5px 1rem;
display: block;
text-align: center;
}
.feature-responsive-topbar__menu ul.sub-menu a:hover {
background: var(--topbar-color-accent);
}
.feature-responsive-topbar__menu .current-menu-item > a, .feature-responsive-topbar__menu .current-page-ancestor > a, .feature-responsive-topbar__menu .current-menu-parent > a {
color: var(--topbar-color-accent);
}
.feature-responsive-topbar__menu ul.sub-menu:hover, .feature-responsive-topbar__menu li:hover > a + ul.sub-menu, .feature-responsive-topbar__menu:not(:hover) li.current-menu-item > a + ul.sub-menu, .feature-responsive-topbar__menu:not(:hover) li.current-menu-parent > a + ul.sub-menu {
display: block;
opacity: 1;
-webkit-animation: topbarSubmenuFadein 200ms ease-in-out;
animation: topbarSubmenuFadein 200ms ease-in-out;
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu ul.sub-menu:hover, body.active-modal-menu .feature-responsive-topbar__menu li:hover > a + ul.sub-menu, body.active-modal-menu .feature-responsive-topbar__menu:not(:hover) li.current-menu-item > a + ul.sub-menu, body.active-modal-menu .feature-responsive-topbar__menu:not(:hover) li.current-menu-parent > a + ul.sub-menu {
display: none;
}
}
@media (max-width: 999px) {
body.active-modal-menu .feature-responsive-topbar__menu {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 250px;
background: var(--theme-color-background-lighter);
padding: 5rem 1.5rem 1rem;
-webkit-animation: topbarModalMenuSlideIn 200ms ease-in-out;
animation: topbarModalMenuSlideIn 200ms ease-in-out;
}
body.active-modal-menu .feature-responsive-topbar__menu li {
display: block;
}
body.active-modal-menu .feature-responsive-topbar__menu li a {
display: inline-block;
}
}
.feature-responsive-topbar__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 999px) {
.feature-responsive-topbar__widgets {
display: none;
position: fixed;
bottom: var(--topbar-offset);
right: 0;
width: 250px;
-ms-flex-pack: center;
justify-content: center;
}
body.active-modal-menu .feature-responsive-topbar__widgets {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-animation: topbarModalMenuSlideIn 200ms ease-in-out;
animation: topbarModalMenuSlideIn 200ms ease-in-out;
}
}
.feature-responsive-topbar__widgets .widget_media_image:not(:last-child) {
margin-right: 1rem;
}
@-webkit-keyframes topbarSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@keyframes topbarSubmenuFadein {
0% {
display: none;
opacity: 0;
}
1% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 0;
}
100% {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
opacity: 1;
}
}
@-webkit-keyframes topbarModalMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
@keyframes topbarModalMenuSlideIn {
0% {
right: -250px;
}
100% {
right: 0;
}
}
.feature-blog--events .flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 999px) {
.feature-blog--events .flex {
-ms-flex-direction: column;
flex-direction: column;
}
}
.feature-blog--events .flex div {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 999px) {
.feature-blog--events .flex div {
-ms-flex-align: start;
align-items: flex-start;
}
}
.feature-blog--events .post {
background: var(--base-color-background);
padding-top: var(--base-space);
padding-bottom: calc(var(--base-space) * 1.5);
margin-bottom: var(--base-space);
color: var(--base-color-accent);
}
@media (max-width: 999px) {
.feature-blog--events .post {
padding-bottom: var(--base-space);
padding-top: calc(var(--base-space) * .5);
}
}
.feature-blog--events .post:first-child {
margin-top: calc(var(--base-space) * 2);
}
.feature-blog--events .post hr {
border-top: 3px solid var(--base-color-accent);
margin-top: var(--base-space);
margin-bottom: var(--base-space);
}
.feature-blog--events .post .flex, .feature-blog--events .post .title, .feature-blog--events .post p {
padding-left: calc(var(--base-space) * 1.5);
padding-right: calc(var(--base-space) * 1.5);
}
@media (max-width: 999px) {
.feature-blog--events .post .flex, .feature-blog--events .post .title, .feature-blog--events .post p {
padding-left: var(--base-space);
padding-right: var(--base-space);
}
}
.feature-blog--events .post p {
margin-bottom: 0;
}
.feature-blog--events .post .date {
font-weight: bold;
font-family: var(--headings-font-family);
}
.feature-blog--events .post .time {
margin-bottom: calc(var(--base-space) / 2);
}
.feature-blog--events .post .title {
margin-bottom: var(--base-space);
}
.feature-blog--events .post .title i {
padding-right: 5px;
}
.feature-blog--events .post .title, .feature-blog--events .post p {
text-align: left;
}
.feature-blog--news {
margin-bottom: calc(var(--base-space) * 2);
}
.feature-blog--news .post {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-top: var(--base-offset);
padding-left: var(--base-space);
padding-right: var(--base-space);
}
@media (max-width: 999px) {
.feature-blog--news .post {
padding-left: 0;
padding-right: 0;
}
}
.feature-blog--news .post:first-child {
padding-top: calc(var(--base-offset) - var(--base-space));
}
.feature-blog--news .post__image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.feature-blog--news .post__image img {
width: 100%;
max-height: 461px;
object-fit: cover;
}
@media (max-width: 599px) {
.feature-blog--news .post__image img {
max-height: 65vw;
}
}
.feature-blog--news .post__content {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.feature-blog--news .post__content .date {
margin-bottom: 0;
}
.feature-blog--news .post__content .title {
margin-top: 0;
}
.feature-blog--news .post__content .excerpt {
margin-bottom: 0;
}
.feature-blog--news .post__content .wp-block-button {
margin-top: var(--base-space);
}
@media (min-width: 1000px) {
.feature-blog--news .post:nth-child(even) .post__image {
padding-right: var(--base-space);
}
.feature-blog--news .post:nth-child(even) .post__content {
padding-left: var(--base-space);
}
.feature-blog--news .post:nth-child(odd) {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.feature-blog--news .post:nth-child(odd) .post__image {
padding-left: var(--base-space);
}
.feature-blog--news .post:nth-child(odd) .post__content {
padding-right: var(--base-space);
}
}
@media (max-width: 999px) {
.feature-blog--news .post {
-ms-flex-direction: column;
flex-direction: column;
}
.feature-blog--news .post__image {
margin-bottom: var(--base-space);
}
}
@media (max-width: 599px) {
.feature-blog--news .post {
padding-top: calc(3 * var(--base-space));
}
}
h1, h2, h3, h4, h5, h6 {
color: var(--base-color-accent);
font-weight: normal;
}
@media (max-width: 599px) {
h1, h2, h3, h4, h5, h6 {
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
}
h1, h2 {
margin-top: 0;
margin-bottom: calc(var(--base-offset) / 2);
font-size: var(--headings-font-size);
}
h4, h5, h6 {
font-family: var(--base-font-family);
}
h4 {
font-size: calc(var(--headings-font-size) * .8);
}
@media (min-width: 1000px) {
h2.alignwide {
padding-left: calc(var(--base-space) + var(--base-offset));
padding-right: calc(var(--base-space) + var(--base-offset));
}
}
@media (min-width: 1440px) {
h2.alignwide {
padding-left: var(--base-space);
padding-right: var(--base-space);
}
}
body .has-medium-font-size {
font-size: var(--base-font-size-medium) !important;
line-height: var(--font-size-medium-lh);
}
.wp-block-media-text {
margin-bottom: var(--base-offset);
}
.wp-block-media-text.alignfull.is-stacked-on-mobile {
max-width: var(--base-layout-width);
padding-left: var(--base-space);
padding-right: var(--base-space);
}
@media (max-width: 999px) {
.wp-block-media-text.alignfull.is-stacked-on-mobile {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
.wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
margin-left: 0;
margin-right: auto;
}
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
margin-bottom: auto;
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content p + h3 {
margin-bottom: 0;
font-weight: bold;
}
.wp-block-media-text .wp-block-media-text__content h2 {
margin-bottom: var(--base-offset);
max-width: 80%;
}
.wp-block-media-text .wp-block-media-text__content h2 + p {
margin-bottom: 30px;
}
.wp-block-media-text .wp-block-media-text__content ul {
margin-top: -10px;
}
.wp-block-media-text .wp-block-media-text__content h1 {
max-width: 80%;
}
.wp-block-media-text .wp-block-media-text__content h1 + p {
color: var(--base-color-accent);
}
.wp-block-media-text .wp-block-media-text__content h1 + p:not(.has-medium-font-size) {
font-size: var(--theme-font-size-medium-ex);
line-height: 1.35;
width: 97%;
}
@media (max-width: 999px) {
.wp-block-media-text .wp-block-media-text__content h1 + p:not(.has-medium-font-size) {
width: 100%;
}
}
@media (max-width: 999px) {
.wp-block-media-text .wp-block-media-text__content h1, .wp-block-media-text .wp-block-media-text__content h1 + p {
max-width: 100%;
}
}
.wp-block-media-text.alignwide .wp-block-media-text__media, .wp-block-media-text.alignfull .wp-block-media-text__media {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 100%;
}
.wp-block-media-text.alignwide .wp-block-media-text__media img, .wp-block-media-text.alignfull .wp-block-media-text__media img {
object-fit: cover;
min-height: calc(100vh - var(--topbar-height));
height: 100%;
}
@media (max-width: 999px) {
.wp-block-media-text.alignwide .wp-block-media-text__media img, .wp-block-media-text.alignfull .wp-block-media-text__media img {
min-height: calc(60vh - var(--topbar-height));
}
}
.wp-block-media-text.alignwide .wp-block-media-text__content, .wp-block-media-text.alignfull .wp-block-media-text__content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: var(--base-offset);
}
@media (min-width: 1000px) {
.wp-block-media-text.alignwide .wp-block-media-text__content, .wp-block-media-text.alignfull .wp-block-media-text__content {
min-height: calc(100% - var(--base-offset));
}
}
.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
margin-right: calc(-50vw + ( var(--base-layout-width) / 2 ));
padding-right: 0;
}
@media (max-width: 1440px) {
.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
margin-right: calc(-1 * var(--base-offset));
}
}
@media (max-width: 999px) {
.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__media {
margin-left: calc(-1 * var(--base-offset));
margin-bottom: calc(2 * var(--base-space));
}
}
.wp-block-media-text.alignwide:not(.has-media-on-the-right) .wp-block-media-text__media, .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__media {
margin-left: calc(-50vw + ( var(--base-layout-width) / 2 ) - var(--base-space));
padding-left: 0;
}
@media (max-width: 1440px) {
.wp-block-media-text.alignwide:not(.has-media-on-the-right) .wp-block-media-text__media, .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__media {
margin-left: calc(-1 * var(--base-offset));
}
}
@media (max-width: 999px) {
.wp-block-media-text.alignwide:not(.has-media-on-the-right) .wp-block-media-text__media, .wp-block-media-text.alignfull:not(.has-media-on-the-right) .wp-block-media-text__media {
margin-right: calc(-1 * var(--base-offset));
margin-bottom: calc(2 * var(--base-space));
}
}
.wp-block-media-text.alignwide:only-child, .wp-block-media-text.alignfull:only-child {
margin-bottom: calc(var(--base-space) * 2);
}
@media (max-width: 999px) {
.wp-block-media-text.alignwide:only-child .wp-block-buttons, .wp-block-media-text.alignfull:only-child .wp-block-buttons {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
}
.wp-block-media-text.alignfull {
margin-top: calc(var(--base-offset) * 2);
margin-bottom: calc(var(--base-offset) * 2);
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
padding-top: 0;
}
@media (min-width: 1000px) {
.wp-block-media-text .wp-block-media-text__content {
padding-left: var(--base-space);
}
.wp-block-media-text .wp-block-media-text__media {
padding-right: var(--base-space);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
padding-left: var(--base-space);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding-right: var(--base-space);
}
}
@media (max-width: 1440px) {
.wp-block-media-text {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
}
@media (max-width: 999px) {
.wp-block-media-text {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
}
.wp-block-columns {
margin-bottom: var(--base-offset);
}
.wp-block-columns .wp-block-column > p:first-child {
margin-top: var(--base-space);
}
.wp-block-columns.alignwide {
padding-left: var(--base-space);
padding-right: var(--base-space);
}
@media (max-width: 1440px) {
.wp-block-columns.alignwide {
padding-left: calc(var(--base-offset) + var(--base-space));
padding-right: calc(var(--base-offset) + var(--base-space));
}
}
@media (max-width: 999px) {
.wp-block-columns.alignwide {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
}
.wp-block-columns.has-background.alignwide.has-background-background-color {
padding: 0 var(--base-space);
}
@media (max-width: 1440px) {
.wp-block-columns.has-background.alignwide.has-background-background-color {
padding-left: calc(var(--base-offset) + var(--base-space));
padding-right: calc(var(--base-offset) + var(--base-space));
}
}
@media (max-width: 999px) {
.wp-block-columns.has-background.alignwide.has-background-background-color {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
}
.wp-block-columns.has-background.alignwide.has-background-background-color + .wp-block-group {
margin-top: var(--base-offset);
}
.wp-block-columns.has-background.alignwide.has-background-background-color + .wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding-top: 5px !important;
padding-left: calc(var(--base-offset) / 1.5) !important;
padding-right: calc(var(--base-offset) / 1.5) !important;
margin-bottom: calc(var(--base-offset) * 2);
}
.wp-block-columns.has-background.alignwide.has-background-background-color + .wp-block-group.has-background:not(.alignwide):not(.alignfull) h3 {
padding-bottom: 10px;
}
.wp-block-group {
margin-top: calc(var(--base-offset) * 2);
margin-bottom: var(--base-offset);
text-align: center;
}
.wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding: var(--base-space) calc(var(--base-offset) + var(--base-space)) calc(var(--base-offset) - var(--base-space)) !important;
}
@media (max-width: 599px) {
.wp-block-group.has-background:not(.alignwide):not(.alignfull) {
padding: var(--base-space) !important;
}
}
.wp-block-group.has-background:not(.alignwide):not(.alignfull) img {
margin-top: var(--base-space);
}
.wp-block-group.has-background:not(.alignwide):not(.alignfull).has-accent-background-color {
padding: calc(var(--base-offset) / 2) !important;
font-size: calc(var(--base-font-size-small) * 1.5);
margin-top: calc(var(--base-offset) * 1.4);
margin-bottom: calc(var(--base-offset) * 2);
}
.wp-block-group.has-background-light-background-color {
background-color: var(--theme-color-background-lighter) !important;
}
.wp-block-buttons {
margin-top: calc(var(--base-offset) + var(--base-space));
}
ul + .wp-block-buttons {
margin-top: 0;
}
.wp-block-buttons .wp-block-button .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link {
border: 2px solid var(--base-color-accent);
border-radius: 0;
color: var(--base-color-accent);
padding: 6px 35px 4px;
font-family: var(--headings-font-family);
font-weight: 400;
font-style: italic;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover {
text-decoration: none;
padding: 6px 42px 4px;
}
.wp-block-quote {
text-align: center;
margin: 0;
padding: calc(var(--base-space) * 1.5);
}
@media (max-width: 599px) {
.wp-block-quote {
padding: calc(var(--base-space) * .5);
}
}
.wp-block-quote p:before, .wp-block-quote p:after {
font-size: 35px;
line-height: 0;
display: inline-block;
position: relative;
bottom: -3px;
}
.wp-block-quote p:before {
content: "»";
padding-right: 3px;
}
.wp-block-quote p:after {
content: "«";
padding-left: 3px;
}
.wp-block-quote cite {
font-size: calc(var(--base-font-size) * .8);
}
footer.footer {
background: var(--theme-color-background-light);
padding: 0 var(--base-offset);
}
footer.footer .container {
max-width: var(--base-layout-width);
width: 100%;
margin-left: auto;
margin-right: auto;
}
footer.footer .container .widget_block {
max-width: unset;
width: 100%;
}
footer.footer .container .widget_block .wp-block-column p {
text-align: left;
}
footer.footer .container .widget_block .wp-block-column p a {
border-bottom: 1px solid var(--base-color-accent);
line-height: 21px;
display: inline-block;
}
footer.footer .container .widget_block .wp-block-column p a:hover {
text-decoration: none;
}
footer.footer .container .widget_block .wp-block-columns {
margin: 0 !important;
}
@media (max-width: 999px) {
footer.footer .container .widget_block .wp-block-columns {
-ms-flex-direction: column;
flex-direction: column;
}
footer.footer .container .widget_block .wp-block-columns .wp-block-column {
margin: 0;
}
footer.footer .container .widget_block .wp-block-columns .wp-block-column:first-child p {
margin-bottom: 0;
}
footer.footer .container .widget_block .wp-block-columns .wp-block-column:last-child p {
margin-top: 10px;
}
}
@media (max-width: 1440px) {
.alignwide {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
}
}
p em, p i {
padding-right: 5px;
}
article .wp-block-media-text li {
list-style-type: none;
padding-left: 20px;
position: relative;
}
article .wp-block-media-text li:before {
position: absolute;
content: "";
background: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/modules/config-icons/right-arrow.svg) center center no-repeat;
background-size: contain;
display: inline-block;
width: 18px;
height: 18px;
left: -16px;
top: 7px;
}
.wp-block-video {
position: relative;
margin-bottom: calc(var(--base-offset) * 1.5);
cursor: pointer;
}
.wp-block-video::before {
pointer-events: none;
border-radius: 50px;
position: absolute;
content: "";
background-color: var(--theme-color-background-light);
background-image: url(//boersenclub-hannover.de/wp-content/themes/boersenclub/modules/config-icons/play-button.svg);
background-repeat: no-repeat;
background-position: 60% center;
background-size: 50%;
display: inline-block;
width: var(--base-offset);
height: var(--base-offset);
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wp-block-video.is-playing::before {
display: none;
}
.feature-responsive-topbar {
font-size: var(--base-font-size-small);
}
.feature-responsive-topbar .alignwide {
padding-left: 0;
padding-right: 0;
}
.feature-responsive-topbar__logo {
width: 50%;
}
.feature-responsive-topbar__logo a {
display: inline-block;
}
.feature-responsive-topbar__logo figure img {
margin-top: 0;
margin-right: 1rem;
}
@media (min-width: 1201px) {
.feature-responsive-topbar__logo figure img {
margin-right: 0;
}
}
@media (min-width: 1000px) {
.feature-responsive-topbar__logo figure img {
margin-left: 1rem;
}
}
@media (min-width: 600px) {
.feature-responsive-topbar__logo figure img {
height: 50px;
}
}
@media (min-width: 1169px) {
.feature-responsive-topbar__logo figure img {
height: 70px;
}
}
.feature-responsive-topbar__menu {
padding-left: var(--base-space);
text-align: left;
}
@media (min-width: 1000px) {
.feature-responsive-topbar__menu ul {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.feature-responsive-topbar__menu ul li {
margin-right: 0;
}
.feature-responsive-topbar__menu ul li.current-menu-item a, .feature-responsive-topbar__menu ul li a:hover {
color: inherit;
}
.feature-responsive-topbar__menu ul li.current-menu-item a::after, .feature-responsive-topbar__menu ul li a:hover::after {
content: "";
box-sizing: border-box;
width: 100%;
height: 30%;
display: block;
background-color: var(--theme-color-background-light);
position: absolute;
left: 0;
bottom: 2px;
z-index: -1;
}
@media (max-width: 999px) {
.feature-responsive-topbar__menu ul li.current-menu-item a::after, .feature-responsive-topbar__menu ul li a:hover::after {
position: relative;
bottom: 7px;
height: 10px;
}
}
.feature-responsive-topbar__menu ul.menu > li > a {
margin: 0;
}
main p a {
text-decoration: underline;
color: inherit;
}
.wp-block-gallery.columns-4 {
padding-left: var(--base-space);
padding-right: var(--base-space);
}
.wp-block-gallery.columns-4 .blocks-gallery-grid {
display: -ms-grid;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-row: 1/2;
margin-bottom: calc(var(--base-offset) * 2);
margin-left: auto;
margin-right: auto;
grid-gap: var(--base-space);
}
@media (max-width: 999px) {
.wp-block-gallery.columns-4 .blocks-gallery-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 599px) {
.wp-block-gallery.columns-4 .blocks-gallery-grid {
grid-template-columns: 1fr;
}
}
.wp-block-gallery.columns-4 .blocks-gallery-grid li.blocks-gallery-item {
margin: 0;
width: 100%;
}
.wp-block-gallery.columns-4 .blocks-gallery-grid li.blocks-gallery-item figure {
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 600px) {
.wp-block-gallery.columns-4 .blocks-gallery-grid li.blocks-gallery-item figure img {
max-height: 32.639vw;
min-height: 32.639vw;
}
}
@media (min-width: 1000px) {
.wp-block-gallery.columns-4 .blocks-gallery-grid li.blocks-gallery-item figure img {
max-height: 16.875vw;
min-height: 16.875vw;
}
}
@media (min-width: 1440px) {
.wp-block-gallery.columns-4 .blocks-gallery-grid li.blocks-gallery-item figure img {
max-height: 243px;
min-height: 243px;
}
}
.wp-block-image.alignwide {
padding-left: var(--base-offset);
padding-right: var(--base-offset);
margin-bottom: calc(var(--base-offset) * 2);
margin-top: calc(var(--base-offset) * 2);
}
.wp-block-image.alignwide figcaption {
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.wp-block-column h4 {
margin-top: 0;
}
.wp-block-column h4 + p + .wp-block-buttons {
margin-top: calc(var(--base-space) * 1.5);
}
.single-post .wp-block-media-text .wp-block-media-text__content h1 {
max-width: 100%;
padding-bottom: calc(var(--base-space) * 2);
}
.single-post .wp-block-media-text .wp-block-media-text__content h1 + p:not(.has-medium-font-size) {
font-size: var(--base-font-size);
color: var(--base-color-text);
margin-bottom: calc(var(--base-space) * 2);
}
.single-post .wp-block-media-text .wp-block-media-text__content p + h1 {
margin-top: -20px;
padding-bottom: 0;
font-family: var(--base-font-family);
font-size: calc(var(--base-font-size-small) * 2);
}
.post__back {
display: none;
}
body.error404 main h1 {
margin-top: 100px;
margin-bottom: 200px;
}
.scrollhint {
width: 80px;
height: 80px;
border-radius: 50px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--theme-color-background-light);
cursor: pointer;
margin-top: calc(1 * var(--base-space));
}
.scrollhint svg {
width: 40px;
margin-top: 5px;
}
@media (max-width: 999px) {
.scrollhint {
display: none;
}
}