@font-face {
font-family: 'Montserrat';
src: local('Montserrat Light'), local('Montserrat-Light'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-Light.woff2) format('woff2'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-LightItalic.woff2) format('woff2'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-LightItalic.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-Medium.woff2) format('woff2'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-MediumItalic.woff2) format('woff2'),
url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/fonts/Montserrat-MediumItalic.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
}
body {
font-family: 'Montserrat', sans-serif;
background: #ececec;
text-align: left;
font-size: 17px; 
font-size: 1.7rem;
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.05em;
}
h1 {
font-size: 42px; 
font-size: 4.2rem;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 30px;
font-weight: 300;
padding: 0 4%;
}
body.home h1 {
padding: 0 0 0 3px;
}
body.page-id-559 h1, body.page-id-1047 h1 {
font-size: 27px;
font-size: 2.7rem;
letter-spacing: 0.08em;
text-transform: none;
}
h2 {
font-size: 27px;
font-size: 2.7rem;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-top: 40px;
margin-bottom: 30px;
}
h2:first-child {
margin-top: 0;
}
h3 {
font-weight: 500;
}
p {
margin-bottom: 20px;
font-weight: 300;
letter-spacing: 0.05em;
}
p:last-child {
margin-bottom: 0;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #aa8d89;
} @keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.button-store-select {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
display: inline-block;
font-size: 14px;
padding: 14px 30px;
border-radius: 100px;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-weight: 500;
cursor: pointer;
}
.button-store-select.invert {
background-color: #ffffff;
color: #000000;
}
.button-store-select:hover {
opacity: 0.9;
}
.button-center {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.button {
display: block;
font-size: 15px;
padding: 11px 20px 10px 60px;
margin: 20px 7px;
border-radius: 100px;
background-color: #000000;
color: #ffffff;
text-transform: uppercase;
text-align: left;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.button:hover {
opacity: 0.7;
color: #ffffff;
}
a#shop-button, a#click-meet-button {
position: relative;
}
a#shop-button:before, a#click-meet-button:before {
background-repeat: no-repeat;
background-size: contain;
content: '';
position: absolute;
left: 20px;
top: 12px;
width: 22px;
height: 22px;
}
a#shop-button {
color: #000000;
background-color: transparent;
border: 1px solid #000000;
}
a#shop-button:before {
background-image: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/shopping-cart.svg);
}
a#click-meet-button:before {
background-image: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/kalender_light.svg);
top: 9px;
}
article ul, article ol {
margin-bottom: 20px;
}
article ul:last-child, article ol:last-child {
margin-bottom: 0;
}
article ul li, article ol li {
position: relative; font-weight: 300;
margin-bottom: 20px;
} strong {
font-weight: 500;
}
em {
font-style: italic;
} #store-overlay-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 1);
z-index: 9999;
}
#store-overlay-wrapper.toggle {
display: none;
}
#store-overlay {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 5vw;
}
#store-overlay.no-cookie {
opacity: 0;
-moz-animation: fadeIn 750ms ease-in forwards;
animation: fadeIn 750ms ease-in forwards;
}
#store-wrapper {
display: flex;
width: 100%;
max-width: 1070px;
}
.box-store {
position: relative;
flex-basis: 50%; }
.store-preview {
display: block;
width: 100%;
height: auto;
}
.box-store-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 30px 30px 100px 30px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
} .box-store .store-logo {
display: block;
margin-bottom: 50px;
height: 65px;
width: auto;
max-width: 100%;
} .toggle-select #wrong-store {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 9998;
top: 40px;
left: 0;
background-color: #aa8d89;
color: #fff;
padding: 16px;
border-radius: 7px;
font-size: 13px;
width: 220px;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.toggle-select #wrong-store:before {
content: '';
position: absolute;
top: -7px;
left: 20px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #aa8d89;
}
.toggle-select.show-message #wrong-store {
opacity: 1;
visibility: visible;
}
header {
background: #ffffff;
}
#header-top-wrap {
padding: 20px 30px 20px 30px;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav#meta-menu {
flex-basis: 80%;
}
nav#meta-menu li {
display: inline-block;
margin-right: 20px;
}
nav#meta-menu a {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
nav#meta-menu li.toggle-select {
position: relative;
}
nav#meta-menu li.toggle-select a {
font-weight: 500;
cursor: pointer;
}
header #lang-wrapper {
flex-basis: 20%;
text-align: right;
}
header #lang-wrapper .wpml-ls-legacy-list-horizontal {
padding: 0;
border: 0;
}
header #lang-wrapper li {
display: inline-block;
}
header #lang-wrapper li:after {
content: '|';
padding-left: 3px;
padding-right: 7px;
color: #e3e3e3;
}
header #lang-wrapper li:last-child:after {
display: none;
content: '';
padding-left: 0;
}
header #lang-wrapper .wpml-ls-legacy-list-horizontal a {
padding: 0;
display: inline;
}
header #lang-wrapper li.wpml-ls-current-language a {
color: #b9b9b9;
}
header #lang-wrapper li a {
text-transform: uppercase;
font-size: 14px;
font-size: 1.4rem;
}
header #logo-wrapper {
max-width: 1070px;
margin: auto;
}
header #logo {
height: 67px;
width: auto;
display: block;
margin: 0 auto 32px auto;
}
header #mobile-menu {
display: none;
}
header nav#store-content {
background: #000000;
text-align: center;
padding: 8px 0 7px 0;
position: relative;
}
header nav#store-content ul {
}
header nav#store-content ul li {
display: inline-block;
margin: 0 25px;
}
header nav#store-content ul li a {
color: #ffffff;
font-size: 19px;
font-size: 1.9rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
header nav#store-content ul li a:hover {
text-decoration: none;
color: #aa8d89;
}
header nav#store-content ul li.current-menu-item > a {
color: #aa8d89;
}
header nav#store-content ul li.current-menu-parent > a {
color: #aa8d89;
}
header nav#store-content ul.sub-menu {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 43px;
background: #000000;
text-align: center;
padding: 12px 0;
}
header nav#store-content ul li.current-menu-item > ul.sub-menu, header nav#store-content ul li.current-menu-parent > ul.sub-menu {
display: block;
}
header nav#store-content ul.sub-menu li {
display: inline-block;
margin: 0 15px;
}
header nav#store-content ul.sub-menu li a {
color: #ffffff;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
header nav#store-content ul.sub-menu li a:hover {
text-decoration: none;
color: #aa8d89;
}
header nav#store-content ul.sub-menu li.current-menu-item > a {
color: #aa8d89;
}
ul#labels {
position: absolute;
width: 100%;
background: #000000;
text-align: center;
padding: 12px 0;
}
ul#labels li {
display: inline-block;
margin: 0 15px;
}
ul#labels li a {
color: #ffffff;
font-size: 15px;
font-size: 1.5rem;
letter-spacing: 0.12em;
text-transform: uppercase;
}
ul#labels li a:hover {
text-decoration: none;
color: #aa8d89;
}
ul#labels li.current_page_item a {
color: #aa8d89;
}
main {
max-width: 1070px;
margin: 50px auto 0 auto;
text-align: center;
}
body.page-template-page-labels main {
margin: 100px auto 0 auto;
}
#image-wrapper {
background: #ffffff;
padding: 10px 0;
}
#image-wrapper:after {
content: '';
display: block;
clear: both;
}
#image-wrapper img {
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
body.home #image-wrapper img {
width: calc(50% - 5px);
height: auto;
display: block;
float: right;
}
body.home #image-wrapper img:first-child {
float: left;
}
article {
background: #949494;
color: #ffffff;
padding: 50px 4% 40px 4%;
}
article #text-wrapper {
max-width: 588px;
margin: auto;
}
article #text-wrapper a {
color: #ffffff;
text-decoration: underline;
}
article #text-wrapper a:hover {
color: #000000;
}
#label-overview {
background: #ffffff;
padding: 50px 4% 40px 4%;
}
#label-overview img {
width: 100%;
height: auto;
display: block;
}
footer {
max-width: 1070px;
margin: auto;
}
footer section#contact {
background: #ffffff;
padding: 100px 4% 40px 4%;
text-align: center;
position: relative;
}
footer section#contact p {
text-transform: uppercase;
color: #000000;
font-size: 15px;
font-size: 1.5rem;
}
footer section#contact #social {
position: absolute;
right: 38px;
bottom: 38px;
}
footer section#contact #social img {
height: 25px;
width: auto;
display: inline-block;
margin-left: 7px;
}
footer nav {
text-align: right;
padding: 8px 0 40px 0;
}
footer nav ul li {
display: inline-block;
margin-right: 20px;
}
footer nav ul li:last-child {
margin-right: 0;
}
footer nav ul li a {
text-transform: uppercase;
color: #000000;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0.1em;
}
footer nav ul li.current-menu-item > a {
color: #aa8d89;
} .metaslider .flexslider .flex-direction-nav li a, .metaslider .flexslider .flex-direction-nav li a:focus {
opacity: 1 !important;
width: 60px !important;
height: 200px !important;
margin: -100px 0 0 0 !important;
}
.metaslider .flexslider .flex-prev, .metaslider .flexslider .flex-direction-nav li a.flex-prev:focus {
left: -100px !important;
background: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/arrow-left.svg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.metaslider .flexslider:hover .flex-prev {
opacity: 1 !important;
left: -100px !important;
}
.metaslider .flexslider .flex-next, .metaslider .flexslider .flex-direction-nav li a.flex-next:focus {
right: -100px !important;
background: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/arrow-right.svg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.metaslider .flexslider:hover .flex-next {
opacity: 1 !important;
right: -100px !important;
} .flowplayer {
margin-bottom: 0 !important;
}
.fp-subtitle-menu {
display: none !important;
}
@media screen and (max-width: 1420px) {
header nav#store-content ul li {
margin: 0 15px;
}
header nav#store-content ul li a {
font-size: 17px;
font-size: 1.7rem;
}
header nav#store-content ul.sub-menu {
top: 40px;
}
}
@media screen and (max-width: 1340px) {
main, footer {
max-width: 860px;
}
.box-store-inner {
padding: 30px 30px 80px 30px;
}
.box-store .store-logo {
height: 60px;
margin-bottom: 45px;
}
.button-store-select {
font-size: 12px;
}
} body.home .wp-block-video { 
position: relative; 
padding-bottom: 56.25%;   padding-bottom: 48%; height: 0; 
overflow: hidden; 
}
body.home .wp-block-video video { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}
@media screen and (max-width: 1140px) {
header #mobile-menu {
display: block;
background: #000000;
text-align: center;
padding: 10px 0 9px 0;
position: relative;
color: #ffffff;
letter-spacing: 0.1em;
font-size: 17px;
font-size: 1.7rem;
cursor: pointer;
}
header nav#store-content {
display: none;
}
header nav#store-content ul li {
display: block;
}
header nav#store-content ul li a {
display: block;
padding: 5px 0;
font-weight: 500;
}
header nav#store-content ul.sub-menu {
position: relative;
top: 0;
}
header nav#store-content ul li.current-menu-item > ul.sub-menu, header nav#store-content ul li.current-menu-parent > ul.sub-menu {
display: none;
}
header nav#store-content ul.sub-menu li {
display: block;
margin: 0;
}
header nav#store-content ul.sub-menu li a {
display: block;
padding: 5px 0;
font-weight: 300;
}
body.home main {
margin: 80px auto 0 auto;
} }
@media screen and (max-width: 1130px) {
main, footer {
max-width: 700px;
}
main {
margin-top: 50px !important;
}
}
@media screen and (max-width: 1080px) {
.box-store-inner {
padding: 30px 30px 60px 30px;
}
.box-store .store-logo {
height: 50px;
margin-bottom: 35px;
}
.button-store-select {
font-size: 10px;
}
}
@media screen and (max-width: 1024px) {
#store-wrapper {
width: 100%;
}
}
@media screen and (max-width: 980px) {
body {
font-size: 15px;
font-size: 1.5rem;
}
h1, body.page-id-559 h1, body.page-id-1047 h1 {
font-size: 26px;
font-size: 2.6rem;
margin-bottom: 20px;
}
body.home h1 {
padding: 0 0 0 3px;
}
h2 {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 20px;
}
header {
}
header #logo {
height: 59px;
margin-bottom: 25px;
}
main, body.home main {
margin-top: 50px !important;
}
}
@media screen and (max-width: 970px) {
main, footer {
max-width: 540px;
}
}
@media screen and (max-width: 830px) {
#store-wrapper {
height: 100%;
flex-direction: column;
}
.box-store {
flex-basis: initial;
height: 50%;
}
.box-store-inner {
padding: 9vw;
}
.store-preview {
object-fit: cover;
width: 100%;
height: 100%;
}
#box-store-2 .store-preview {
object-position: top;
} }
@media screen and (max-width: 800px) {
header {
}
header #logo {
height: 48px;
margin-bottom: 20px;
}
main, footer {
max-width: 100%;
padding: 0 40px;
} .metaslider .flexslider .flex-direction-nav li a {
opacity: 1 !important;
width: 15px !important;
height: 40px !important;
margin: -20px 0 0 0 !important;
}
.metaslider .flexslider .flex-prev {
left: -30px !important;
background: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/arrow-left_black.svg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.metaslider .flexslider:hover .flex-prev {
opacity: 1 !important;
left: -30px !important;
}
.metaslider .flexslider .flex-next {
right: -30px !important;
background: url(//www.danielthiel-wiesbaden.com/wp-content/themes/davidspeyer/img/arrow-right_black.svg) !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}
.metaslider .flexslider:hover .flex-next {
opacity: 1 !important;
right: -30px !important;
}
}
@media screen and (max-width: 700px) {
#header-top-wrap {
padding: 10px 20px 15px 20px;
}
nav#meta-menu li {
margin-right: 14px;
}
nav#meta-menu a, header #lang-wrapper li a {
font-size: 12px;
font-size: 1.2rem;
}
#wrong-store {
top: 35px;
}
}
@media screen and (max-width: 620px) {
footer section#contact {
padding: 20px 4% 90px 4%;
}
footer section#contact #social {
left: 0;
right: 0;
}
footer nav {
text-align: center;
}
.button-center {
display: block;
max-width: 250px;
margin: 0 auto 30px auto;
}
.button {
font-size: 13px;
}
a#shop-button::before, a#click-meet-button::before {
top: 11px;
width: 18px;
height: 18px;
}
}
@media screen and (max-width: 550px) {
header #logo {
height: 38px;
margin-bottom: 20px;
}
header #lang-wrapper li a {
font-size: 13px;
font-size: 1.3rem;
}
body.page-id-559 h1, body.page-id-1047 h1 {
font-size: 16px;
font-size: 1.6rem;
}
#header-top-wrap {
flex-direction: column;
}
nav#meta-menu {
order: 2;
flex-basis: 100%;
text-align: center;
}
nav#meta-menu li {
margin: 0 7px;
}
header #lang-wrapper {
order: 1;
flex-basis: 100%;
text-align: center;
}
}
@media screen and (max-width: 460px) {
header {
padding: 0;
}
footer section#contact p {
text-transform: none;
}
footer nav ul li {
display: block;
margin-right: 0;
margin-bottom: 3px;
}
#header-top-wrap {
padding: 10px 10px 15px 10px;
}
nav#meta-menu li#menu-item-1723 {
display: none;
}
}