@font-face {
font-family: "Quicksand";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://cdn.punktplanung.de/font/quicksand/quicksand-regular.woff2) format("woff2"),
url(https://cdn.punktplanung.de/font/quicksand/quicksand-regular.woff) format("woff"),
url(https://cdn.punktplanung.de/font/quicksand/quicksand-regular.ttf) format("truetype");
}
@font-face {
font-family: "Quicksand";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://cdn.punktplanung.de/font/quicksand/quicksand-500.woff2) format("woff2"),
url(https://cdn.punktplanung.de/font/quicksand/quicksand-500.woff) format("woff"),
url(https://cdn.punktplanung.de/font/quicksand/quicksand-500.ttf) format("truetype");
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://cdn.punktplanung.de/font/roboto/roboto-regular.woff2) format("woff2"),
url(https://cdn.punktplanung.de/font/roboto/roboto-regular.woff) format("woff"),
url(https://cdn.punktplanung.de/font/roboto/roboto-regular.ttf) format("truetype");
}
@font-face {
font-family: "MarketSaturday";
src: url(https://www.lieblingsplatz-parey.de/wp-content/fonts/MarketSaturday.otf) format("opentype");
}
@font-face {
font-family: "HeyOctober";
src: url(https://www.lieblingsplatz-parey.de/wp-content/fonts/HeyOctober.otf) format("opentype");
}
#pp-etikett-home,
#pp-etikett-page {
z-index: 1111111;
}
#pp-etikett-block {
position: absolute;
right: 0;
z-index: 999999;
}
#pp-etikett-home #pp-etikett-block {
top: -750px;
}
#pp-etikett-page #pp-etikett-block {
top: -200px;
}
.pp-etikett {
width: 100%;
max-width: 500px;
height: auto;
}
@media (max-width: 1200px) {
#pp-etikett-home #pp-etikett-block {
top: min(-60vw, -636px);
}
.pp-etikett {
max-width: 300px;
}
}
@media (max-width: 1000px) {
#pp-etikett-home #pp-etikett-block {
top: min(-64vw, -478px);
}
.pp-etikett {
max-width: 250px;
}
}
@media (max-width: 768px) {
#pp-etikett-home #pp-etikett-block {
top: -66vw;
}
#pp-etikett-page #pp-etikett-block {
top: -165px;
}
.pp-etikett {
max-width: 200px;
}
}
@media (max-width: 479px) {
#pp-etikett-home #pp-etikett-block {
top: -100vw;
}
#pp-etikett-page #pp-etikett-block {
top: -33vw;
}
.pp-etikett {
max-width: 180px;
}
}
.pp-herohome-coronainfo-link {
font-size: 24px !important;
}
.pp-herohome-coronainfo-link:hover {
cursor: pointer;
}
.pp-section-rabattpage .section_inner.clearfix {
width: 92%;
max-width: 1700px;
}
.pp-rabattpage-cards-block {
display: flex !important;
gap: 25px;
justify-content: space-between;
}
.pp-rabattpage-card {
width: 25%;
max-width: 350px;
height: inherit !important;
}
.pp-rabattpage-card:hover {
cursor: pointer;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 25px 25px 10px;
}
.pp-rabattpage-card .wpb_wrapper {
text-align: center;
}
.pp-rabattpage-card .wpb_text_column {
text-align: center;
padding: 0 15px 25px 15px;
}
.pp-rabattpage-card .wpb_text_column h2,
.pp-rabattpage-card .wpb_text_column p {
color: white !important;
}
.pp-rabattpage-card .wpb_text_column h2 {
font-size: 60px;
line-height: 1;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 17px;
line-height: 1.3;
margin-top: 0;
}
@media (max-width: 1400px) {
.pp-rabattpage-cards-block {
gap: 20px;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 20px 20px 10px;
}
.pp-rabattpage-card .wpb_text_column {
padding: 0 10px 20px 10px;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 16px;
}
}
@media (max-width: 1280px) {
.pp-rabattpage-cards-block {
gap: 15px;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 15px 15px 10px;
}
.pp-rabattpage-card .wpb_text_column {
padding: 0 5px 15px 5px;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 15px;
}
}
@media (max-width: 1000px) {
.pp-rabattpage-cards-block {
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.pp-rabattpage-card {
width: 50% !important;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 25px 25px 10px;
}
.pp-rabattpage-card .wpb_text_column {
padding: 0 25px 25px 25px;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 17px;
}
}
@media (max-width: 768px) {
.pp-rabattpage-cards-block {
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 25px;
}
.pp-rabattpage-card {
width: 350px !important;
max-width: 350px;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 25px 25px 10px;
}
.pp-rabattpage-card .wpb_text_column {
padding: 0 25px 25px 25px;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 17px;
}
}
@media (max-width: 400px) {
.pp-section-rabattpage .section_inner_margin.clearfix {
padding-right: 15px;
padding-left: 15px;
}
.pp-rabattpage-cards-block {
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.pp-rabattpage-card {
width: 100% !important;
max-width: 330px;
}
.pp-rabattpage-card .vc_single_image-wrapper {
padding: 15px 15px 15px;
}
.pp-rabattpage-card .wpb_text_column {
padding: 0 5px 15px 5px;
}
.pp-rabattpage-card .wpb_text_column p {
font-size: 17px;
}
}
.sgpb-content.sgpb-content-5777 {
border: 0 !important;
background-color: transparent !important;
max-width: 95vw !important;
}
.popup-rabatt {
aspect-ratio: 1.8375;
background-image: url(//www.lieblingsplatz-parey.de/wp-content/uploads/2022/10/Lieblingsplatz-Parey-Muehlensee_Popup-blank.jpg);
background-repeat: no-repeat;
background-size: contain;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
box-sizing: border-box;
}
.popup-rabatt h2 {
margin-top: 10px;
font-family: "HeyOctober", sans-serif;
width: 100%;
line-height: 1.4;
text-align: center;
}
.popup-rabatt div {
width: 100%;
text-align: center;
}
.popup-rabatt a {
font-size: 36px;
line-height: 1.2;
color: #222;
padding: 5px 15px;
box-sizing: border-box;
}
.popup-rabatt p {
font-size: 28px;
padding: 0 30px;
margin: 0;
width: 100%;
text-align: center;
box-sizing: border-box;
}
@media (max-width: 767px) {
.popup-rabatt h2 {
font-size: 58px;
line-height: 1.2;
}
.popup-rabatt a {
font-size: 28px;
line-height: 1.2;
padding: 5px 10px;
}
.popup-rabatt p {
font-size: 20px;
padding: 10px 25px;
line-height: 1.1;
}
}
@media (max-width: 468px) {
.popup-rabatt h2 {
font-size: 36px;
line-height: 1.2;
}
.popup-rabatt a {
font-size: 20px;
line-height: 1.2;
padding: 5px 5px;
}
.popup-rabatt p {
font-size: 18px;
padding: 10px 15px;
line-height: 1.1;
}
}
.sgpb-popup-dialog-main-div-theme-wrapper-3 {
bottom: 20px !important;
}
.sgpb-popup-close-button-3 {
top: 0 !important;
width: 56px !important;
height: 28px !important;
}
.footer_bottom_holder {
margin-bottom: 150px;
}
.divider-rope {
margin-top: -30px;
}
.divider-rope.rope-header {
margin-top: -20px;
}
.divider-rope img {
width: 100vw;
max-height: 90px;
} #nav-menu-item-4505 {
display: none;
} .footer_top h5 {
font-weight: 400 !important;
color: #c9d0c5 !important;
}
.white h2 {
color: #fff !important;
} @media (max-width: 1000px) {
body {
background-repeat: repeat-y !important;
background-size: contain !important;
}
} #slide-4-layer-4 {
text-align: center !important;
text-shadow: 0 0 4px #9e9e9e;
}
#slide-4-layer-3 {
text-shadow: 0 0 4px #000 !important;
}
#slide-8-layer-13 img {
opacity: 0.4 !important;
} .title {
z-index: 0 !important;
} .spalten {
width: 100%;
column-count: 2;
}
h3 {
margin-bottom: 40px;
}
h1 .white {
color: #fff !important;
}
.q_list.circle ul > li::before {
background-color: #b5c8ad !important;
}
ul {
list-style-image: url(//www.lieblingsplatz-parey.de/wp-content/uploads/2020/04/anchor-icon.png);
list-style-position: outside;
}
ul li {
margin-left: 24px;
}
@media only screen and (max-width: 1000px) {
.page-id-5260 ul {
text-align: left !important;
width: 90%;
margin: 0 auto;
}
.page-id-5260 .q_elements_holder.two_columns.responsive_mode_from_1000.alignment_one_column_center {
display: flex;
flex-wrap: wrap;
}
.page-id-5260 .q_elements_holder.two_columns.responsive_mode_from_1000.alignment_one_column_center div.half-image {
order: 1;
}
.page-id-5260 .q_elements_holder.two_columns.responsive_mode_from_1000.alignment_one_column_center div:not(.half-image) {
order: 2;
}
}
.page-id-5260 .divider-rope-bottom {
margin-bottom: -24px !important;
} .einleitung {
border: 5px solid #3c3c3c;
border-bottom: 0;
border-top-left-radius: 55px;
border-top-right-radius: 55px;
} .side_menu_button a:last-child:after {
content: "MENÜ";
color: #3c3c3c;
font-size: 55px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
nav.main_menu ul li a span.underline_dash,
nav.vertical_menu ul li a span.underline_dash {
bottom: 0 !important;
}
.popup_menu .line,
.popup_menu .line::after,
.popup_menu .line::before {
color: #0080b5 !important;
} #d21-quickbook h2 {
display: none !important;
} .flexslider,
.portfolio_slider {
margin-bottom: 0 !important;
} .qbutton {
border: 0 !important;
text-decoration: underline !important;
background-color: transparent !important;
} .vertical-text {
writing-mode: vertical-lr;
transform: rotate(180deg);
transform-origin: center;
display: inline-block;
} .qode_pricing_tables.two_columns .q_price_table {
width: 100% !important;
}
.price_table_inner ul li.pricing_table_content li {
font-size: 18px !important;
}
.price_table_inner ul li.pricing_table_content {
padding-bottom: 60px !important;
}
.q_price_table .price_table_inner {
background-color: #303030;
} .mec-events-meta-group.mec-events-meta-group-countdown,
#comments,
.event-color,
.mec-search-form.mec-totalcal-box,
.mec-single-event .col-md-4 {
display: none !important;
} .ff-header {
display: none !important;
}
#ff-stream-1 {
background-color: transparent !important;
} .qode-accordion-holder .qode-accordion-content {
background-color: #fff !important;
border-bottom: 0.5px solid #efefef !important;
} .post_text_inner .date.entry_date.updated,
.post_info {
display: none !important;
}
.post_text {
padding-top: 30px !important;
padding-bottom: 30px !important;
} @media (min-width: 1201px) and (max-width: 1399px) {
.start-leererbereich2 {
height: 120px !important;
}
}
@media (min-width: 1001px) and (max-width: 1200px) {
.start-leererbereich2 {
height: 60px !important;
}
} @media (max-width: 999px) {
.start-schilf1mobil img {
width: 50% !important;
}
.start-anker-mobil img {
width: 40% !important;
}
.start-steuerrad-mobil img {
width: 30% !important;
}
.start-schilf2-mobil img {
width: 50% !important;
}
.start-schilf3-mobil img {
width: 40% !important;
}
.start-libelle-mobil img {
width: 70% !important;
}
.start-kompass-mobil img {
width: 50% !important;
}
.start-flaschenpost-mobil img {
width: 50% !important;
}
#start-erholung-margin {
margin-top: 0 !important;
}
.start-leererbereich {
height: 50px !important;
}
.start-anker-margin .vc_column-inner {
margin-top: -140px !important;
}
}
@media (max-width: 480px) {
.start-leererbereich2 {
display: none;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.start-leererbereich2 {
height: 70px !important;
}
}
@media (min-width: 520px) and (max-width: 767px) {
.wpb_wrapper .start-schilf2-mobil {
margin-top: -5% !important;
}
.full_width_inner .start-freizeit-mobil {
margin-top: 7% !important;
}
}
@media (min-width: 768px) and (max-width: 999px) {
.full_width_inner .start-freizeit-mobil {
margin-top: 3% !important;
}
.start-leererbereich2 {
height: 90px !important;
}
}
@media (max-width: 767px) {
.start-einleitung {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1100px) and (max-width: 1410px) {
nav.main_menu > ul > li > a {
padding: 0 7px;
font-size: 25px;
}
}
@media (min-width: 1060px) and (max-width: 1150px) {
nav.main_menu > ul > li > a {
padding: 0 6px;
font-size: 22px;
}
}
@media (min-width: 1001px) and (max-width: 1059px) {
nav.main_menu > ul > li > a {
padding: 0 5px;
font-size: 20px;
}
} @media (max-width: 768px) {
#marken .gallery_holder ul.v6 li {
width: 33% !important;
}
}   #wpadminbar {
background-color: #9fc204;
background-repeat: no-repeat;
background-size: 120px;
height: 50px;
background-position-x: 15px;
background-position-y: 12px;
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
background-image: url(https://www.punktplanung.de/wordpress-branding/wp-pp-logo2.png);
background-size: 145px auto;
background-position: 5px 9px;
background-repeat: no-repeat;
}
#wpadminbar #wp-toolbar #wp-admin-bar-root-default #wp-admin-bar-wp-logo a.ab-item {
width: 182px;
height: 50px;
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon,
#wp-admin-bar-wp-logo .ab-sub-wrapper,
#collapse-menu,
#wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-search .ab-item {
display: none !important;
}
#wpbody-content #dashboard-widgets .postbox-container,
.postbox .hndle,
.stuffbox .hndle {
border: none;
}
#wp-admin-bar-wp-logo a img {
padding: 15px 60px 10px 0;
}
#wpadminbar #wp-admin-bar-site-name > .ab-item {
color: #9fc204;
background-color: #fff;
}
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
color: #9fc204;
}
#wpadminbar .quicklinks > ul > li > a,
#wpadminbar #wp-admin-bar-languages .ab-item {
padding: 8px 8px 10px 7px;
}
#wp-admin-bar-wpfc-toolbar-parent > .ab-item {
padding: 8px 8px 10px 17px !important;
}
#wpadminbar #wp-admin-bar-wpfc-toolbar-parent .ab-submenu {
padding: 0;
}
#wp-admin-bar-wpfc-toolbar-parent .ab-submenu .ab-item:hover {
background-color: #9fc204;
}
#adminmenuback,
#adminmenu,
#adminmenuwrap {
background-color: #f6f6f6;
width: 196px !important;
}
#wpwrap {
margin-top: 18px;
}
#adminmenu .wp-submenu,
#adminmenu > .wp-submenu {
left: 196px;
margin-left: 196px;
}
#wpcontent,
#wpfooter {
margin-left: 203px;
}
.wp-toolbar {
background-color: #fff;
}
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-menu-arrow div,
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
.folded #adminmenu li.wp-has-current-submenu {
background-color: #9fc204 !important;
color: #fff !important;
}
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
border-right-color: #fff;
}
#adminmenuwrap #adminmenu a {
background-color: transparent;
color: #9fc204;
font-size: 12px;
}
#adminmenuwrap #adminmenu a:hover {
background-color: #9fc204;
color: #fff;
}
#adminmenu div.wp-menu-image:before {
color: #9fc204;
}
#adminmenu div.separator {
background-color: #9fc204;
margin-top: 10px;
}
.login {
background-color: #9fc204;
}
.login #backtoblog {
text-align: center;
}
.login #backtoblog a {
color: #fff;
}
.wp-core-ui input.button-primary {
background-color: #9fc204;
border: none;
}
.wp-core-ui input.button-primary:hover {
background-color: #000;
}
#wpbody-content #dashboard-widgets .postbox-container {
width: 100%;
}   .header_bottom_right_widget_holder {
position: fixed;
right: -200px;
padding: 0;
height: max-content;
top: calc(55% - 100px);
}
.header_bottom_widget {
line-height: 0;
visibility: collapse;
width: max-content;
right: 0;
position: relative;
transition: right 0.7s ease-in-out 0.15s;
}
.header_bottom_widget:not(:last-child) {
margin-bottom: 15px;
}
.header_bottom_right_widget_holder .right-icons {
height: 50px;
display: flex;
align-items: center;
visibility: visible;
}
.right-icons div {
display: inline-block;
position: relative;
width: 170px;
z-index: -1;
height: 50px;
background: #c9d0c5;
margin: 0;
display: flex;
align-items: center;
padding: 0 15px;
}
.right-icons a {
right: -200px;
text-transform: uppercase;
color: white;
}
.right-icons i {
display: inline-block;
padding: 10px;
background-color: #c9d0c5;
font-size: 30px;
width: 30px;
transition: background-color 0.7s ease-in-out;
}
.right-icons .event {
width: 260px;
height: max-content;
flex-direction: column;
position: absolute;
right: 0;
transition: right 0.7s ease-in-out;
}
@media only screen and (min-width: 769px) {
.header_bottom_widget:hover {
right: 200px;
}
.header_bottom_widget:hover .right-icons i,
.header_bottom_widget:hover .right-icons div {
background-color: #a8898a;
}
}
.right-icons .ecs-event-list {
list-style: none;
}
.right-icons .ecs-event-list li {
line-height: 26px;
}
.right-icons h4.entry-title.summary {
font-size: 20px;
}
@media (max-width: 768px) {
.header_bottom_right_widget_holder {
display: flex;
top: inherit;
right: inherit;
bottom: 0;
justify-content: center;
text-align: center;
position: inherit;
}
.header_bottom_widget {
margin: 0 !important;
display: inline-block;
right: inherit;
width: auto;
}
.side_menu_button_wrapper {
display: flex;
justify-content: center;
background: #c9d0c5;
height: 52px;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
}
.header_bottom_widget .textwidget a {
display: flex;
justify-content: center;
}
.header_bottom_widget:not(:nth-child(3)) .right-icons div {
display: none;
}
.right-icons i {
padding: 15px;
cursor: pointer;
}
.header_bottom_widget:nth-child(3) .right-icons > div {
right: unset;
bottom: -200px;
width: auto;
left: -40%;
position: absolute;
}
.header_bottom_widget:nth-child(3) .right-icons i:hover + div,
.header_bottom_widget:nth-child(3) .right-icons > div:hover,
.header_bottom_widget:nth-child(3) .right-icons i:focus + div {
bottom: 200px;
}
}   .cozy-animation {
animation: animationFrames linear 8s infinite;
transform-origin: 50% 0%;
-webkit-animation: animationFrames linear 8s infinite;
-webkit-transform-origin: 50% 0%;
-moz-animation: animationFrames linear 8s infinite;
-moz-transform-origin: 50% 0%;
-o-animation: animationFrames linear 8s infinite;
-o-transform-origin: 50% 0%;
-ms-animation: animationFrames linear 8s infinite;
-ms-transform-origin: 50% 0%;
}
@keyframes animationFrames {
0% {
transform: rotate(5deg);
}
50% {
transform: rotate(-5deg);
}
100% {
transform: rotate(5deg);
}
}
@-moz-keyframes animationFrames {
0% {
-moz-transform: rotate(5deg);
}
50% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(5deg);
}
}
@-webkit-keyframes animationFrames {
0% {
-webkit-transform: rotate(5deg);
}
50% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(5deg);
}
}
@-o-keyframes animationFrames {
0% {
-o-transform: rotate(5deg);
}
50% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(5deg);
}
} h1,
h2,
h5,
h6,
#slide-4-layer-4,
.heyoctober {
font-family: "HeyOctober", sans-serif !important;
}
.heyoctober {
font-size: 25px !important;
} header.page_header nav.mobile_menu ul li a,
header.page_header nav.mobile_menu ul li a span,
header.page_header nav.mobile_menu ul li .mobile_arrow {
font-family: "Quicksand", sans-serif !important;
} header.page_header nav.mobile_menu ul li a,
header.page_header nav.mobile_menu ul li a span {
font-family: "Quicksand", sans-serif !important;
} nav.main_menu > ul > li > a {
font-family: "Quicksand", sans-serif !important;
text-transform: uppercase;
font-size: 18px !important;
letter-spacing: 1px;
}