@charset "UTF-8";
   .navbar {
--bs-navbar-color: #BEA4A8;
--bs-navbar-hover-color: #E9E0E1; }
.dropdown-menu {
--bs-dropdown-bg: #BEA4A8; }
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } } @font-face {
font-display: swap; font-family: 'Gudea';
font-style: normal;
font-weight: 400;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/gudea-v15-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Gudea';
font-style: italic;
font-weight: 400;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/gudea-v15-latin-italic.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Gudea';
font-style: normal;
font-weight: 700;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/gudea-v15-latin-700.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Ysabeau Office';
font-style: normal;
font-weight: 300;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/ysabeau-office-v1-latin-300.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Ysabeau Office';
font-style: normal;
font-weight: 400;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/ysabeau-office-v1-latin-regular.woff2) format("woff2"); } @font-face {
font-display: swap; font-family: 'Ysabeau Office';
font-style: normal;
font-weight: 700;
src: url(//www.gesandet.de/wp-content/themes/gesandet/assets/fonts/ysabeau-office-v1-latin-700.woff2) format("woff2"); }       .navbar {
--bs-navbar-color: #BEA4A8;
--bs-navbar-hover-color: #E9E0E1; }
.dropdown-menu {
--bs-dropdown-bg: #BEA4A8; }
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.has-ffffff-background-color {
padding: 0 !important; }
.tr-brown {
color: #B1937B !important; }
h2 {
text-transform: uppercase;
font-family: "Ysabeau Office", sans-serif;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.2;
color: #B1937B;
margin-bottom: 2.5rem; }
@media only screen and (max-width: 576px) {
h2 {
font-size: 2rem; } }
h2 a {
color: #B1937B;
text-decoration: none;
border-bottom: 1px solid #B1937B; }
h3 {
text-transform: uppercase;
font-family: "Ysabeau Office", sans-serif;
font-weight: 400;
font-size: 2.5rem;
line-height: 1.2;
color: #B1937B;
margin-bottom: 0.5rem; }
h4 {
font-weight: 700;
font-size: 1.5rem;
line-height: 1.2;
color: #B1937B;
margin-bottom: 1rem; }
h5 {
text-transform: uppercase;
font-weight: 700;
font-size: 1.5rem;
line-height: 1.2;
color: #B1937B;
margin-bottom: 0.5rem; }
.wp-block-group ul {
margin-bottom: 30px; }
.wp-block-group ul li {
color: #484249;
font-family: "Gudea", sans-serif;
font-size: 1.25rem;
line-height: 1.7rem;
margin-bottom: 5px; }
p {
color: #484249;
font-family: "Gudea", sans-serif;
font-size: 1.25rem;
line-height: 1.7rem;
margin-bottom: 2rem; }
@media only screen and (max-width: 576px) {
p {
font-size: 1rem;
margin-bottom: 1rem; } }
p.brown-center {
color: #B1937B;
text-align: center; }
a {
color: #B1937B; }
.text-center p {
text-align: center !important; }
.small-lh p {
line-height: 1.75rem;
margin-bottom: 5px; }
.narrow-container {
max-width: 800px;
margin: 0 auto; }
@media (min-width: 1200px) {
.pt-xl-10 {
padding-top: 10rem !important; } }
.pb-250 {
padding-bottom: 250px; }
.pb-350 {
padding-bottom: 350px; }   .wp-block-button__link.uagb-buttons-repeater, .wp-block-button__link, .wpforms-submit, .readmore-btn {
background: #B1937B;
border: none !important;
padding: 7px 50px;
border-radius: 30px;
font-weight: 300;
font-size: 1rem;
text-transform: uppercase;
transition: background-color 1s; }
.wp-block-button__link.uagb-buttons-repeater:hover, .wp-block-button__link:hover, .wpforms-submit:hover, .readmore-btn:hover {
background: #C7C0B6; }
.readmore-btn {
color: #ffffff;
text-decoration: none;
font-style: normal !important; }
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: 0; }   section.shop-background {
background-color: #FAF7F4;
padding: 70px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/05_Shop/Kunst_Shop/anne_loeper_queen_of_sands_shop_hintergrund_1920px.png);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat; }
section.aboutme-background {
background-color: #FAF7F4;
padding: 70px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/07_About_me/anne_loeper_queen_of_sands_about_me_hintergrund.jpg);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat; }
section.workshop-background_bottom {
background-color: #E9E0E1;
padding: 70px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/06_Trainings/01_Online_Kurse/anne_loeper_queen_of_sands_teachable_sandwelle.png);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat; }
section.workshop-background_intro {
background-color: #FAF7F4;
padding: 70px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/06_Trainings/01_Online_Kurse/anne_loeper_queen_of_sands_individuelle_stuecke_hintergrund_sand_beige.jpg);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat; }
@media only screen and (max-width: 576px) {
section.workshop-background_intro {
background-size: cover; } }
section.color-yellow {
background-color: #FAF7F4;
padding: 70px 0 0; }
section.color-yellow.with-image {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/04_Repertoire/01_Portfolio Sandfilme/anne_loeper_queen_of_sands_buchbare_stuecke_hintergrund_sand_beige.jpg);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat; }
section.color-rose {
background-color: #E9E0E1;
padding: 70px 0 0; }
section.color-rose.with-image {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/01_Home/anne_loeper_queen_of_sands_start_sandhintergrund_1920px_cut.jpg);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat; }
section.color-rose.contact {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/08_Kontakt/anne_loeper_queen_of_sands_kontakt_sandhintergrund_1920px Kopie.png);
background-size: 100%;
background-position: center bottom;
background-repeat: no-repeat; }
section.portfolio-footer {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/04_Repertoire/01_Portfolio Sandfilme/anne_loeper_queen_of_sands_logo.png);
background-size: cover;
height: 900px;
background-repeat: no-repeat;
background-position: center bottom;
position: relative; }
section.portfolio-footer .wp-block-image {
margin: 0;
padding: 0;
line-height: 0; }
@media only screen and (max-width: 576px) {
section.portfolio-footer {
height: 600px; } }
section.portfolio-footer img {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 50px;
text-align: center;
width: 800px; }
@media only screen and (max-width: 576px) {
section.portfolio-footer img {
width: 80%; } }   blockquote.wp-block-quote {
text-align: center;
width: 800px;
margin: 0 auto;
padding: 15px 0;
color: #B1937B;
border-top: 2px solid #F0E7DF;
border-bottom: 2px solid #F0E7DF; }
@media only screen and (max-width: 576px) {
blockquote.wp-block-quote {
width: 100%; } }
section.color-rose blockquote.wp-block-quote {
border-top: 2px solid #C6C0B7;
border-bottom: 2px solid #C6C0B7; }
blockquote.wp-block-quote cite {
font-style: normal !important;
font-size: 1rem !important; }
blockquote.wp-block-quote p {
color: #B1937B;
font-style: italic;
font-size: 1.5rem; }   section.counter {
padding: 70px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/04_Portfolio/anne_loeper_queen_of_sands_buchbare_stuecke_hintergrund_counter_unten.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100%;
background-color: #FAF7F4; }
.wp-block-uagb-counter__number .uagb-counter-block-number {
font-weight: 400;
font-size: 3rem; }
.wp-block-uagb-counter__title {
text-transform: uppercase;
font-weight: 700;
font-size: 1rem; }   .portfolio-menu {
margin: 0 0 50px 0;
padding: 0;
list-style: none;
text-align: right;
display: block; }
@media only screen and (max-width: 576px) {
.portfolio-menu {
text-align: center; } }
.portfolio-menu li {
display: inline-block;
margin: 0 10px; }
@media only screen and (max-width: 576px) {
.portfolio-menu li {
margin: 0 5px; } }
.portfolio-menu li:last-child {
margin-right: 0; }
.portfolio-menu li a {
text-decoration: none;
color: #484249; }
@media only screen and (max-width: 576px) {
.portfolio-menu li a {
font-size: 1rem; } }
.portfolio-menu li a.active {
font-weight: bold; }
header p {
line-height: 2.5rem; }
ul.slick-dots {
margin: 0; }   .event-overview {
border: 10px solid #ffffff;
margin-bottom: 30px;
margin-top: 30px; }
.event-overview .event-item {
padding: 20px 10px;
background: #FAF7F4;
border-bottom: 2px solid #E9E0E1; }
.event-overview .event-item:first-child {
border-top: 2px solid #E9E0E1; }
.event-overview .event-item h3 {
font-weight: 700;
margin-bottom: 3px;
font-size: 1.5rem; }
.event-overview .event-item h3 a {
text-decoration: none; }
.event-overview .event-item a.readmore-link {
text-decoration: none;
color: #484249;
font-style: italic; }
.event-overview .event-item a.readmore-link:hover {
text-decoration: underline; }
.event-overview .event-item .fa-clock {
color: #B1937B; }
.event-overview .event-item .fa-location-dot {
color: #B1937B; }
.event-overview .event-item .googlemaps-link {
text-decoration: none;
color: #B1937B; }
.event-overview .event-item .googlemaps-link:hover {
text-decoration: underline; }
.event-overview .event-item .date {
text-align: center; }
@media only screen and (max-width: 768px) {
.event-overview .event-item .date {
text-align: left; } }
.event-overview .event-item .date .day {
font-weight: 700;
font-size: 2rem; }
.event-overview .event-item .date .month {
font-weight: 700;
font-size: 1rem; }
.event-overview .event-item .date .year {
color: #B1937B; }   .flex-banner {
min-height: 400px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; }
.flex-banner .flex-banner__content_wrapper {
background: rgba(0, 0, 0, 0.6);
border-radius: 5px;
padding: 30px; }
.flex-banner .flex-banner__content {
padding: 200px 0 250px; }
.flex-banner .flex-banner__content h2 {
color: #B1937B;
text-transform: uppercase;
font-family: "Ysabeau Office", sans-serif;
font-weight: 400;
font-size: 2.7rem;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); }
.flex-banner .flex-banner__content .flex-banner__content__text {
margin-top: 30px;
display: block; }
.flex-banner .flex-banner__content .flex-banner__content__text p {
font-family: "Gudea", sans-serif;
font-size: 1.25rem;
color: #F0E7DF;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); }
.flex-banner .flex-banner__content .flex-banner__content__button {
margin-top: 50px;
display: block; }
.flex-banner-mobile {
min-height: 400px;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding-top: 550px; }
@media only screen and (max-width: 576px) {
.flex-banner-mobile {
padding-top: 400px; } }
@media only screen and (max-width: 400px) {
.flex-banner-mobile {
padding-top: 300px; } }
.flex-banner-mobile .flex-banner-mobile__content-wrapper {
padding: 20px; }
.flex-banner-mobile .flex-banner__content__text {
margin-top: 10px;
display: block; }
.flex-banner-mobile .flex-banner__content__text p {
font-family: "Gudea", sans-serif;
font-size: 1.1rem;
color: #F0E7DF;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); }   footer {
width: 100%; }
footer .footer-top {
padding: 100px 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/Footer/anne_loeper_queen_of_sands_footer_gross_1920px.jpg);
background-size: cover;
min-height: 100px;
background-position: center center;
background-repeat: no-repeat; }
@media (max-width: 1800px) {
footer .footer-top {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/Footer/anne_loeper_queen_of_sands_footer_gross_1280px.jpg); } }
@media only screen and (max-width: 992px) {
footer .footer-top {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/Footer/anne_loeper_queen_of_sands_home_hochformat_footer.png); } }
footer .footer-top .paypal-logo {
width: 150px; }
footer .footer-top .social-media-icons {
text-align: center; }
footer .footer-top .social-media-icons ul {
list-style: none;
margin: 0;
padding: 0; }
footer .footer-top .social-media-icons ul li {
display: inline-block;
padding: 0 20px;
color: #B1937B;
font-weight: 300;
text-transform: uppercase; }
footer .footer-top .social-media-icons ul li a {
color: #B1937B;
text-decoration: none; }
footer .footer-top .social-media-icons ul li a i {
font-size: 3rem;
line-height: 1.4;
display: block;
margin-bottom: 0; }
footer .footer-top .btn-custom {
background: #B1937B;
color: #ffffff;
border: none !important;
padding: 7px 50px;
border-radius: 30px;
font-weight: 300;
font-size: 1rem;
text-transform: uppercase;
transition: background-color 1s; }
footer .footer-top .btn-custom:hover {
background: #C7C0B6; }
footer .footer-bottom {
color: #ffffff;
background: #484249;
text-align: center;
padding: 20px 0; }
footer .footer-bottom span {
display: block;
margin-bottom: 10px; }
footer .footer-bottom ul {
display: inline-block;
list-style: none;
padding: 0;
margin: 0; }
footer .footer-bottom ul li {
display: inline-block;
color: #B1937B; }
@media only screen and (max-width: 768px) {
footer .footer-bottom ul li {
display: block; } }
footer .footer-bottom ul li:after {
content: "|";
margin: 0 30px; }
@media only screen and (max-width: 768px) {
footer .footer-bottom ul li:after {
content: "";
margin: 0; } }
footer .footer-bottom ul li:last-child:after {
content: "";
margin: 0; }
footer .footer-bottom ul li a {
text-decoration: none;
color: #B1937B;
transition: color 1s; }
footer .footer-bottom ul li a:hover {
color: #C7C0B6; }
.wpml-ls-statics-footer a, .wpml-ls-statics-footer .wpml-ls-sub-menu a, .wpml-ls-statics-footer .wpml-ls-sub-menu a:link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link, .wpml-ls-statics-footer li:not(.wpml-ls-current-language) .wpml-ls-link:link {
color: #444444;
background: none !important; }
.wpml-ls-statics-footer {
background: #484249; }
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0 !important; }   header#home {
width: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/01_Home/anne_loeper_queen_of_sands_start_header_1920px_oben-mehr.jpg);
background-position: center top;
background-size: cover;
height: 1350px; }
@media only screen and (max-width: 1920px) {
header#home {
height: 1080px; } }
header#home .logo {
width: 800px;
margin: 0 auto;
padding-top: 50px; }
header#home .slide-in-text {
position: absolute;
right: 0;
top: 700px; }
@media only screen and (max-width: 1920px) {
header#home .slide-in-text {
top: 500px; } }
header#home .slide-in-text img {
width: 400px; }
header#home .slide-in-text p {
font-family: "Gudea", sans-serif;
font-style: normal;
font-size: 30px;
margin-top: 30px;
display: block;
color: #BEA4A8; }
#home-mobile {
width: 100%; }
#home-mobile .logo-background__mobile {
width: 100%;
height: 270px;
background: #484249; }
@media only screen and (max-width: 768px) {
#home-mobile .logo-background__mobile {
height: 230px; } }
@media only screen and (max-width: 576px) {
#home-mobile .logo-background__mobile {
height: 180px; } }
#home-mobile .logo-background__mobile .open-menu {
color: #BEA4A8;
font-size: 30px; }
#home-mobile .logo-background__mobile .logo__mobile {
width: 100%;
margin: 0 auto;
padding: 20px; }
#home-mobile .slide-in-text__mobile {
width: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/01_Home/Hochformat/anne_loeper_queen_of_sands_home_hochformat_startbild_bottom.jpg);
background-position: center top;
background-size: cover;
padding: 20px 0; }
#home-mobile .slide-in-text__mobile p {
text-align: center;
font-family: "Gudea", sans-serif;
font-style: normal;
font-size: 24px;
display: block;
color: #BEA4A8; }   header#page {
z-index: 999;
position: fixed;
width: 100%;
height: 230px;
background: #484249; }
@media only screen and (max-width: 576px) {
header#page {
height: 160px; } }
header#page .logo {
width: 500px;
margin: 0 auto;
padding-top: 30px; }
@media only screen and (max-width: 576px) {
header#page .logo {
width: 300px;
padding-top: 20px; } }
.mobile-nav-bars {
padding-top: 20px;
color: #BEA4A8;
font-size: 30px; }   .meta-wrapper {
position: absolute;
right: 20px;
top: 20px; }
.meta-wrapper a, .meta-wrapper span {
cursor: pointer;
color: #BEA4A8;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
transition: all 0.4s ease-in-out; }
.meta-wrapper a:hover, .meta-wrapper span:hover {
color: #FFFFFF; }
.meta-wrapper ul.meta-navigation {
position: relative;
z-index: 999;
list-style: none;
padding: 0;
margin-bottom: 5px; }
.meta-wrapper ul.meta-navigation li {
display: inline-block; }
.meta-wrapper ul.meta-navigation li:first-child {
padding-right: 15px; }
.meta-wrapper ul.social-menu {
list-style: none;
padding: 0; }
.meta-wrapper ul.social-menu li {
display: inline-block;
padding-right: 20px; }
.meta-wrapper ul.social-menu li:last-child {
padding: 0; }
.meta-wrapper ul.social-menu li a {
font-size: 28px; }
.page__header-image {
padding-top: 220px; }
@media only screen and (max-width: 576px) {
.page__header-image {
padding-top: 160px; } }
.header-slider__wrapper.slick-dotted.slick-slider {
margin: 0 !important;
line-height: 0; }
.header-slider__wrapper img {
width: 100%; }
.header-slider__wrapper .slick-dots {
bottom: 20px; }
.lang-switcher {
position: relative;
z-index: 100000; }   .btn-custom {
text-decoration: none;
background: #B1937B;
color: #ffffff;
border: none !important;
padding: 7px 20px;
border-radius: 30px;
font-weight: 300;
font-size: 1rem;
text-transform: uppercase;
transition: background-color 1s; }
.btn-custom:hover {
background: #C7C0B6; }
.article {
overflow: hidden; }   .workshop-background {
position: relative;
height: 1200px;
width: 100%;
background: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/06_Trainings/01_Online_Kurse/anne_loeper_queen_of_sands_teachable_header_1920x865px_1_blank.jpg) no-repeat center center;
background-size: cover;
z-index: 998; }
@media only screen and (max-width: 1480px) {
.workshop-background {
height: 1000px; } }
@media only screen and (max-width: 992px) {
.workshop-background {
height: 600px; } }
.workshop-background #workshop-video {
position: absolute;
height: 975px;
width: 975px;
z-index: 998;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: 103px; }
@media only screen and (max-width: 1480px) {
.workshop-background #workshop-video {
height: 815px;
width: 815px;
top: 82px; } }
@media only screen and (max-width: 992px) {
.workshop-background #workshop-video {
top: 58px;
height: 480px;
width: 480px; } }   .aboutme__wrapper {
height: 1200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
@media only screen and (max-width: 1920px) {
.aboutme__wrapper {
height: 1000px; } }
.overlay-text__aboutme {
position: relative;
top: 500px;
left: 20%; }
@media only screen and (max-width: 1920px) {
.overlay-text__aboutme {
left: 10%;
top: 400px; } }
.overlay-text__aboutme img {
width: 250px;
margin-bottom: 30px; }
.overlay-text__aboutme p {
color: #ffffff;
font-size: 23px; }
@media only screen and (max-width: 576px) {
.uagb-container-inner-blocks-wrap {
padding: 10px; } }
@media only screen and (max-width: 576px) {
.wp-block-spacer {
height: 20px !important; } }   #main-navigation {
background-color: #484249;
color: #BEA4A8;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/menu/anne_loeper_queen_of_sands_home_hochformat_menue_hintergrund.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
width: 480px;
height: 100%;
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 1000;
box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.5);
margin-right: -600px;
transition: margin-right 0.6s ease-in; }
@media only screen and (max-width: 576px) {
#main-navigation {
width: 100%; } }
#main-navigation.open {
margin-right: 0; }
#main-navigation .menu-wrapper {
padding: 40px 20px;
width: 100%;
text-align: center; }
#main-navigation .menu-wrapper span.close-btn {
margin-top: 30px;
display: block; }
#main-navigation .menu-wrapper span.close-btn i {
font-size: 35px;
color: #BEA4A8;
transition: all 0.7s;
cursor: pointer; }
#main-navigation .menu-wrapper span.close-btn i:hover {
-webkit-transform: rotate(180deg);
-khtml-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
zoom: 1;
color: #FFFFFF; }
#main-navigation .menu-wrapper .logo-wrapper {
width: 100%;
margin: 0 auto; }
#main-navigation .menu-wrapper .logo-wrapper img {
width: 100%; }
#main-navigation .menu-wrapper .main-menu {
display: block;
margin-top: 50px;
font-family: "Gudea", sans-serif; }
#main-navigation .menu-wrapper .main-menu ul {
list-style: none;
text-align: left; }
#main-navigation .menu-wrapper .main-menu ul li {
margin-bottom: 10px; }
#main-navigation .menu-wrapper .main-menu ul li a {
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
color: #BEA4A8;
font-size: 1.2rem; }
#main-navigation .menu-wrapper .main-menu ul li ul li {
margin-bottom: 0; }
#main-navigation .menu-wrapper .main-menu ul li ul li a {
font-weight: 400;
text-transform: none; }   .navbar-nav {
--bs-nav-link-padding-x: 0;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.navbar-nav a {
font-size: 1.25rem;
padding: 0 20px !important; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: #BEA4A8; }
.menu-item a.nav-link {
text-transform: uppercase; }
.menu-item a.nav-link.active {
padding-bottom: 10px !important;
border-bottom: 1px solid; }
.newsletter-subscribe {
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/03_Newsletter/anne_gesandet_newsletter.jpg);
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
padding: 200px 40px 70px 0;
text-align: right; }
.newsletter-subscribe h3 {
color: #B1937B;
font-size: 1.7rem;
text-transform: none;
display: block;
margin-bottom: 40px; }
.newsletter-subscribe h3 span {
font-size: 2.5rem;
text-transform: uppercase;
font-weight: 700; }
@media only screen and (max-width: 768px) {
.newsletter-subscribe h3 {
color: #ffffff; } }
@media only screen and (max-width: 768px) {
.newsletter-subscribe {
text-align: left;
padding: 30px; } }
.newsletter-subscribe ul.newsletter-form {
list-style: none;
margin: 0;
padding: 0; }
.newsletter-subscribe ul.newsletter-form li {
display: inline-block;
margin: 0 10px; }
.newsletter-subscribe ul.newsletter-form li p {
margin-bottom: 10px; }
.newsletter-subscribe ul.newsletter-form li input {
color: #ffffff;
border: 0;
border-radius: 10px;
padding: 10px 20px;
background-color: #B1937B; }
.newsletter-subscribe ul.newsletter-form li input::placeholder {
color: #ffffff; }
.newsletter-subscribe ul.newsletter-form li input[type=submit] {
background-color: #795c4a; }
.newsletter-subscribe small {
color: #BEA4A8; }   .postkarte__item {
text-align: center; }
.postkarte__item .image__wrapper {
display: block;
margin-bottom: 20px; }
.postkarte__item .title__wrapper small {
margin-bottom: 10px;
display: block;
color: #B1937B;
text-transform: uppercase;
font-weight: 400; }
.postkarte__item .title__wrapper span {
color: #484249;
font-weight: 700;
font-size: 1.25rem; }
.postkarte__item .price_wrapper span {
font-style: italic;
font-size: 1.5rem;
color: #B1937B; }
.postkarte__item .price_wrapper span:before {
content: "";
display: block;
width: 100px;
margin: 10px auto;
border-top: 1px solid #B1937B; }   .shop-overview {
display: block; }
.shop-overview .shop__item {
text-align: center; }
.shop-overview .shop__item .image__wrapper {
display: block;
margin-bottom: 20px; }
.shop-overview .shop__item .title__wrapper small {
display: block;
color: #B1937B;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 10px; }
.shop-overview .shop__item .title__wrapper span {
color: #484249;
font-weight: 700;
font-size: 1.25rem; }
.shop-overview .shop__item .price_wrapper span {
font-style: italic;
font-size: 1.5rem;
color: #B1937B; }
.shop-overview .shop__item .price_wrapper span:before {
content: "";
display: block;
width: 100px;
margin: 10px auto;
border-top: 1px solid #B1937B; }
.filter-button-group {
margin: 0 0 50px 0;
padding: 0;
list-style: none;
text-align: right;
display: block; }
@media only screen and (max-width: 576px) {
.filter-button-group {
text-align: center; } }
.filter-button-group button {
margin: 0 10px;
border: none;
background: transparent;
color: #484249;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease-in-out; }
.filter-button-group button.active {
font-weight: bold; }
.filter-button-group button:last-child {
margin-right: 0; }
.filter-button-group button:hover {
color: #B1937B; }
section.shop-artikel {
background-color: #FAF7F4;
padding: 300px 0 0;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/pages/05_Shop/Kunst_Shop/anne_loeper_queen_of_sands_shop_hintergrund_1920px.png);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat; }
section.shop-artikel h2 {
margin-bottom: 10px; }
section.shop-artikel h4 {
font-weight: 300;
font-family: "Ysabeau Office", sans-serif;
font-size: 2rem;
margin-bottom: 50px; }
section.shop-artikel span.kategorie {
text-align: center;
display: block;
color: #B1937B;
margin-bottom: 100px; }
@media only screen and (max-width: 576px) {
section.shop-artikel span.kategorie {
margin-bottom: 30px; } }
section.shop-artikel span.kategorie:after {
content: "";
display: block;
width: 200px;
margin: 20px auto;
border-top: 1px solid #B1937B; }
@media only screen and (max-width: 576px) {
section.shop-artikel {
padding: 200px 0 0; } }
.wpforms-submit {
background: #B1937B !important;
border: none !important;
padding: 7px 50px !important;
border-radius: 30px !important;
font-weight: 300 !important;
font-size: 1rem v;
text-transform: uppercase !important;
transition: background-color 1s !important; }
.wpforms-submit:hover {
background: #C7C0B6 !important; }
.slick-slider {
margin: 30px 0; }
.slick-slide {
margin: 0 10px; }
.slick-list {
margin: 0 -10px; }
.slick-prev, .slick-next {
position: absolute;
display: block;
height: 50px;
width: 80px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev {
background-size: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/buttons/slick-prev.svg);
background-repeat: no-repeat;
z-index: 998; }
.slick-prev:hover, .slick-prev:focus {
background-size: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/buttons/slick-prev.svg);
background-repeat: no-repeat; }
.slick-next {
right: -125px; }
.slick-prev {
left: -125px; }
.slick-next {
background-size: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/buttons/slick-next.svg);
background-repeat: no-repeat; }
.slick-next:hover, .slick-next:focus {
background-size: 100%;
background-image: url(//www.gesandet.de/wp-content/themes/gesandet/assets/images/buttons/slick-next.svg);
background-repeat: no-repeat; }
.slick-prev:before, .slick-next:before {
content: ""; }
* {
box-sizing: border-box; }
h1 {
text-align: center;
font-family: 'Raleway', sans-serif; }
.timeline {
position: relative;
padding: 1rem;
margin: 0 auto;
max-width: 1300px; }
.timeline:before {
content: '';
position: absolute;
height: 100%;
border: 1px solid #F0E7DF;
right: 40px;
top: 0; }
.timeline:after {
content: "";
display: table;
clear: both; }
@media screen and (min-width: 700px) {
.timeline {
padding: 2rem; }
.timeline:before {
left: calc(50% - 1px);
right: auto; } }
.timeline__item {
padding: 1rem;
border: 2px solid #F0E7DF;
border-image-slice: 1;
position: relative;
margin: 1rem 3rem 1rem 1rem;
background-color: #ffffff;
width: 100%; }
.timeline__item:after, .timeline__item:before {
content: '';
position: absolute; }
.timeline__item.first:before {
right: -10px;
top: calc(50% - 5px);
border-style: solid;
border-color: #F0E7DF #F0E7DF transparent transparent;
border-width: 10px;
transform: rotate(45deg); }
.timeline__item.second:before {
left: -10px;
top: calc(50% - 5px);
border-style: solid;
border-color: #F0E7DF #F0E7DF transparent transparent;
border-width: 10px;
transform: rotate(-135deg); }
@media screen and (min-width: 700px) {
.timeline__item {
width: 95%;
margin: 1rem; }
.timeline__item.second-box {
float: right;
margin: 1rem;
border-image: linear-gradient(to right, #F0E7DF 0%, #F0E7DF 100%);
border-image-slice: 1; }
.timeline__item.first-box {
right: auto;
left: -10px;
border-color: transparent transparent #F0E7DF #F0E7DF; } }
.timeline__item--year {
text-align: center;
max-width: 150px;
margin: 0 48px 0 auto;
font-size: 1.8rem;
background-color: #B1937B;
line-height: 1;
border-image: none;
border: none;
color: #ffffff;
padding: .5rem 1rem 1rem; }
.timeline__item--year:before {
display: none; }
@media screen and (min-width: 700px) {
.timeline__item--year {
text-align: center;
margin: 0 auto; }
.timeline__item--year:nth-of-type(2n) {
float: none;
margin: 0 auto;
border-image: none; }
.timeline__item--year:nth-of-type(2n):before {
display: none; } }
.timeline__title {
margin: 0;
font-family: 'Raleway', sans-serif;
font-size: 1.5em; }
.timeline__blurb {
line-height: 1.5;
font-size: 1rem;
margin: .5rem 0 0; }
.timeline__content p {
line-height: 1.5;
font-size: 1rem;
margin: .5rem 0 0; }
.timeline-item_wrapper {
display: block;
clear: both; }
body, html {
overflow-x: hidden;
font-family: "Gudea", sans-serif; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #FAF7F4; }