#eu-cookie-bar {
display: none;
direction: ltr;
color: #ffffff;
min-height: 20px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99999;
padding:3px 20px 2px;
background-color: #2e363f;
text-align: center;
font-size: 12px;
}
#eu-cookie-bar a {
color: #ffffff;
text-decoration: underline;
}
button#euCookieAcceptWP {
margin:0 10px;
line-height:20px;
background:#45AE52;
border:none;
color: #ffffff;
padding:2px 12px;
border-radius: 3px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}@font-face {
font-display: swap;
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
src: url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.eot); src: local(''),
url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.eot?#iefix) format('embedded-opentype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.woff2) format('woff2'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.woff) format('woff'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.ttf) format('truetype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-200.svg#Montserrat) format('svg'); } @font-face {
font-display: swap;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.eot); src: local(''),
url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.woff2) format('woff2'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.woff) format('woff'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.ttf) format('truetype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-regular.svg#Montserrat) format('svg'); } @font-face {
font-display: swap;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.eot); src: local(''),
url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.woff2) format('woff2'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.woff) format('woff'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.ttf) format('truetype'), url(//www.alvermann.de/wp-content/themes/minimal2024/fonts/montserrat-v25-latin-700.svg#Montserrat) format('svg'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(//www.alvermann.de/fonts/roboto-v30-latin-100.woff2) format('woff2'), url(//www.alvermann.de/fonts/roboto-v30-latin-100.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.alvermann.de/fonts/roboto-v30-latin-regular.woff2) format('woff2'), url(//www.alvermann.de/fonts/roboto-v30-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.alvermann.de/fonts/roboto-v30-latin-500.woff2) format('woff2'), url(//www.alvermann.de/fonts/roboto-v30-latin-500.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//www.alvermann.de/fonts/roboto-v30-latin-700.woff2) format('woff2'), url(//www.alvermann.de/fonts/roboto-v30-latin-700.ttf) format('truetype'); } :root {
--bright: #f2eeea;
--dark: #222222;
--highlight1: #DFDACF;
--highlight2: #695F53;
--highlight3: #ffffff;
} * {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.5;
color: var(--dark);
overflow-wrap: unset !important;
word-break: unset !important;
}
strong {
display: inline-block;
} body, html {
margin: 0;
padding: 0;
height: 100%;
border: 0;
font: inherit;
vertical-align: baseline;
line-height: 1;
font-style: normal;
background-color: var(--bright);
font-size: initial;
}
header {
border-bottom: 1px solid;
border-color: var(--highlight1);
}
header figure.wp-block-image {
max-width: 160px;
margin: auto;
}
header .logo {
margin: auto;
display: block;
}
header .container {
padding: 20px;
}
main, footer, header {
width: 100%;
}
.heroimage .post-thumbnail {
display: block;
width: 100vw;
height: 300px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: 50% 30%;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
}
article>* {
max-width: 960px;
margin: auto;
padding-left: 20px;
padding-right: 20px;
}
.alignfull {
max-width: 100vw;
}
.alignfull,
.alignwide {
width: 100%;
}
.alignwide {
max-width: 960px !important;
margin: auto;
}
footer .container {
max-width: 960px !important;
margin: auto;
}
footer .container>* {
margin: 0 20px;
}
.home article {
max-width: 100% !important;
padding: 0px;
}
section,
aside {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
footer {
background-color: var(--dark);
}
footer p {
padding: 0 !important;
margin-top: 0;
margin-bottom: 0;
color: var(--bright) !important;
}
footer .container {
padding-top: 20px;
padding-bottom: 20px;
}
footer.wp-block-columns,
footer .wp-block-columns,
footer .wp-block-columns {
margin-bottom: 0;
}
footer div:where(.wp-block-columns.is-layout-flex) {
gap: 0px !important;
}
@media screen and (max-width: 780px) {
footer p.has-text-align-right,
footer p {
text-align: center;
}
}
html :where(.wp-block)[data-align=wide] {
max-width: 960px;
}
.has-highlight-1-background-color {
background-color: var(--highlight1);
}
.has-highlight-2-background-color {
background-color: var(--highlight2);
}
.has-highlight-3-background-color {
background-color: var(--highlight3);
}
.has-dark-background-color {
background-color: var(--dark);
}
.has-bright-background-color {
background-color: var(--bright);
}
.has-highlight-1-color,
.has-highlight-1-color p,
.has-highlight-1-color ul,
.has-highlight-1-color li,
.has-highlight-1-color strong,
.has-highlight-1-color div {
color: var(--highlight1);
}
.has-highlight-2-color,
.has-highlight-2-color p,
.has-highlight-2-color ul,
.has-highlight-2-color li,
.has-highlight-2-color strong,
.has-highlight-2-color div {
color: var(--highlight2);
}
.has-highlight-3-color,
.has-highlight-3-color p,
.has-highlight-3-color ul,
.has-highlight-3-color li,
.has-highlight-3-color strong,
.has-highlight-3-color div {
color: var(--highlight3);
}
.has-dark-color,
.has-dark-color p,
.has-dark-color ul,
.has-dark-color li,
.has-dark-color strong,
.has-dark-color div {
color: var(--dark);
}
.has-bright-color,
.has-bright-color p,
.has-bright-color ul,
.has-bright-color li,
.has-bright-color strong,
.has-bright-color div {
color: var(--bright);
}
.padding-top-20 {
padding-top: 20px;
}
.shadow {
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
} h1,
h2,
h3,
h4,
h5,
h6 {
margin: 4rem auto 1rem !important;
font-family: 'Montserrat';
color: var(--highlight2);
}
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
text-align: center;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2.3rem;
}
h3 {
font-size: 1.6rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.3rem;
}
h6 {
font-size: 1.2rem;
}
b,
strong {
font-weight: 700;
}
p:last-child {
padding-bottom: 20px;
}
a {
color: inherit;
text-decoration: none;
}
footer {
font-size: 0.8rem;
}
p.heading-subtitle {
padding: 0 !important;
margin: 0 0 -2rem 0;
text-align: center;
font-weight: 100;
letter-spacing: 0.25rem;
}
blockquote .has-extralarge-font-size {
font-size: 2rem;
line-height: 1;
margin-left: 100px;
}
blockquote .has-extralarge-font-size:before {
content: '';
display: block;
height: 60px;
width: 70px;
margin: -10px -100px;
background-image: url(//www.alvermann.de/wp-content/themes/minimal2024/img/quote-left.svg);
background-repeat: no-repeat;
background-position: bottom;
background-size: contain;
}
blockquote.has-regular-font-size:before {
content: '';
display: block;
height: 60px;
width: 40px;
margin: -20px 0px;
background-image: url(//www.alvermann.de/wp-content/themes/minimal2024/img/quote-left.svg);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
}
@media screen and (max-width: 780px) {
blockquote .has-extralarge-font-size {
margin-left: 10px;
}
blockquote .has-extralarge-font-size:before {
height: 50px;
width: 70px;
margin: 40px;
}
p.has-extralarge-font-size {
font-size: 1.7rem;
}
h1 {
font-size: 2.0rem;
}
h2 {
font-size: 1.8rem;
}
h3 {
font-size: 1.6rem;
}
h4 {
font-size: 1.4rem;
}
h5 {
font-size: 1.3rem;
}
h6 {
font-size: 1.2rem;
}
blockquote figure.aligncenter.size-full.is-resized {
max-width: 50%;
}
}
cite {
font-size: 0.8em;
font-weight: 100;
display: block;
}
blockquote img {
filter: invert(66%) sepia(44%) saturate(573%) hue-rotate(353deg) brightness(104%) contrast(101%);
}
@media (max-width: 768px) {
.reverse {
flex-direction: column-reverse;
}
}
.list h3 {
text-align: left;
font-size: 1.3rem;
}
.list p {
font-size: 0.9rem;
margin: 0;
}
.list {
border-bottom: 1px solid var(--highlight1);
}
.list>div {
margin: 0 30px !important;
}
a:hover {
text-decoration: underline;
}
p.subheading {
font-family: 'Montserrat';
font-size: 1.5rem;
font-weight: 100;
background-color: var(--highlight2);
display: block;
line-height: 1.6;
color: var(--bright);
} body .wp-block-button__link {
font-weight: 0;
font-size: 1rem;
color: var(--highlight3);
background-color: var(--highlight2);
padding: 10px 30px !important;
border: 2px solid var(--highlight2) !important;
border-radius: 10px !important;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
body .wp-block-button__link:hover {
background-color: transparent !important;
color: var(--highlight2) !important;
border: solid 2px var(--highlight2);
text-decoration: none;
}
body .wp-block-button__link.has-bright-background-color {
color: var(--dark) !important;
background-color: var(--bright) !important;
border: solid 2px var(--bright) !important;
}
body .wp-block-button__link.has-bright-background-color:hover {
color: var(--dark) !important;
background-color: transparent !important;
border: solid 2px var(--bright) !important;
color: var(--bright) !important;
} form.wpcf7-form.init {
min-width: 320px;
max-width: 900px;
margin: auto;
}
form input, form textarea {
border: 0px solid var(--dark);
color: var(--dark);
background-color: rgba(255,255,255,0.5);
width: 100%;
border-bottom: 1px solid var(--dark);
}
form input {line-height: 2.5;}
form textarea {line-height: 1;}
form input.wpcf7-submit {
border: 0;
color: var(--bright);
background-color: var(--highlight2) ;
}
.fullwidth .wpcf7 {
width: 95% !important;
}
.wp-block-image .alignleft {
float: left;
margin: 0;
}
.wpcf7 {
width: 80%;
max-width: 500px;
}
figure.is-cropped img, figure.is-cropped picture {
object-fit: cover;
width: 100%;
height: 100%;
}
.hidecaption figcaption {
display: none;
}
.margin0{
margin:0 !important
} a.wp-block-latest-posts__post-title {
font-family: 'Montserrat';
color: var(--dark);
font-size: 1.4rem;
display: inline-block;
padding: 20px;
}
.wp-block-latest-posts__read-more-link {
padding: 20px;
font-weight: 700;
font-size: 0.9rem;
}
a.wp-block-latest-posts__read-more-link:after {
content: '▸';
display: inline-block;
}
.wp-block-latest-posts__post-excerpt {
padding: 20px;
display: block;
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 0em;
}
.wp-block-latest-posts__list li {
background-color: var(--highlight1);
}
.blog-overview>div {
position: relative;
overflow: hidden;
width: 300px;
height: 200px;
margin: 0 10px 20px 0;
}
.blog-overview img, .blog-overview figure {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.blog-overview .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); display: flex;
align-items: center;
justify-content: center;
color: #fff; }
.blog-overview .overlay p {
margin: 0;
padding: 10px; text-align: center;
}
.wp-block-latest-posts__list li {
background-color: var(--highlight3);
}
.wp-block-latest-posts__list li {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
}
.wp-block-latest-posts__read-more-link {
position: absolute;
display: block;
bottom: 0;
left: 0;
background-color: var(--dark);
color: var(--highlight3);
padding: 10px;
text-align: center;
text-decoration: none;
}
.wp-block-latest-posts__list li {
position: relative;
}
.wp-block-latest-posts__post-excerpt {
padding: 20px 20px 40px 20px;
display: block;
}