8ca3a95a84
wordpress.nix zieht die echten Elementor-CSS-Dateien (Kit, Widget-Styles) von hausdermaterialisierung.org per fetchurl statt der Plugin-Defaults; hdm-header-footer.php dequeued die Defaults zugunsten dieser CSS und entfernt wpautop für migrierten Elementor-Content. Neue hdm-scroll-animations.js/hdm-visual.css bilden Elementors Motion-Effects (pulse/jello/bounceInDown/swing/tada) als IntersectionObserver-Fallback nach, da Elementor Pro nicht lizenziert ist. Auf blunix aktiviert und live geprüft (Kit-13-Zuordnung, Medien-404-Sweep, Animationen Desktop/ Mobil bestätigt); zwei absolut positionierte Deko-Elemente bleiben ohne Elementors Offset-JS unsichtbar, offener Folgepunkt. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01UyB72YNyCNXwVxCTgfnXCp
595 lines
11 KiB
CSS
595 lines
11 KiB
CSS
@font-face {
|
|
font-family: "HelveticaNeueLTPro-Roman";
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src: url("/wp-content/uploads/2021/11/HelveticaNeueLTPro-Roman.woff") format("woff");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: "PPFormulaCondensed-Bold";
|
|
font-style: normal;
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
src:
|
|
url("/wp-content/uploads/2021/11/PPFormulaCondensed-Bold.woff2") format("woff2"),
|
|
url("/wp-content/uploads/2021/11/PPFormulaCondensed-Bold.woff") format("woff"),
|
|
url("/wp-content/uploads/2021/11/PPFormulaCondensed-Bold.ttf") format("truetype");
|
|
}
|
|
|
|
.elementor-kit-13 {
|
|
--e-global-color-primary: #ffff4b;
|
|
--e-global-color-secondary: #0d6dbd;
|
|
--e-global-color-text: #000000;
|
|
--e-global-color-accent: #fecc3d;
|
|
--e-global-color-0cbb7ac: #8a2841;
|
|
--e-global-color-6f96257: #ffffc1;
|
|
--e-global-color-9294ffe: #cc9f6d;
|
|
--e-global-color-176f3dd: #fc0e99;
|
|
--e-global-color-d6a7dca: #c7a19c;
|
|
--e-global-color-6dd1975: #f5a497;
|
|
--e-global-color-766df99: #ed7125;
|
|
--e-global-color-f37e0d0: #9f6426;
|
|
--e-global-color-9938036: #94c135;
|
|
--e-global-color-d3c3697: #39aa34;
|
|
--e-global-color-54a3003: #0f6822;
|
|
--e-global-color-19956d3: #6c784a;
|
|
--e-global-color-8a0f098: #1ca3ae;
|
|
--e-global-color-c655dea: #6b8791;
|
|
--e-global-color-e88f354: #5bc5f1;
|
|
--e-global-color-4e5740c: #0d6dbd;
|
|
--e-global-color-35f50b2: #7b6daf;
|
|
--e-global-color-6624883: #c492c3;
|
|
--e-global-color-cfa9933: #de7da9;
|
|
--e-global-color-5d20c7e: #ffffff;
|
|
--e-global-typography-primary-font-family: "HelveticaNeueLTPro-Roman";
|
|
--e-global-typography-primary-font-weight: 600;
|
|
--e-global-typography-secondary-font-family: "HelveticaNeueLTPro-Roman";
|
|
--e-global-typography-secondary-font-weight: 400;
|
|
--e-global-typography-text-font-family: "HelveticaNeueLTPro-Roman";
|
|
--e-global-typography-text-font-weight: 400;
|
|
--e-global-typography-accent-font-family: "HelveticaNeueLTPro-Roman";
|
|
--e-global-typography-accent-font-weight: 500;
|
|
}
|
|
|
|
.elementor-kit-13 e-page-transition {
|
|
background-color: #ffbc7d;
|
|
}
|
|
|
|
.elementor-kit-13 a {
|
|
color: #000000;
|
|
}
|
|
|
|
.elementor-kit-13 a:hover {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.elementor-section.elementor-section-boxed > .elementor-container {
|
|
max-width: 1200px;
|
|
}
|
|
|
|
.elementor-widget:not(:last-child) {
|
|
margin-block-end: 0;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
width: 0;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5 {
|
|
font-family: "PPFormulaCondensed-Bold", sans-serif !important;
|
|
}
|
|
|
|
body,
|
|
p,
|
|
strong,
|
|
li,
|
|
a,
|
|
ul,
|
|
b {
|
|
font-family: "HelveticaNeueLTPro-Roman", sans-serif;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
p {
|
|
margin-top: 0;
|
|
margin-bottom: 1.2em;
|
|
}
|
|
|
|
.text-parag-gap p {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.text-parag-gap h3 {
|
|
font-size: 24px;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.tribe-events-page-template #site-footer,
|
|
.tribe-events-page-template #site-header {
|
|
display: none;
|
|
}
|
|
|
|
#image_gallery_1930 img {
|
|
padding: 10px !important;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.item-title {
|
|
position: relative !important;
|
|
width: auto !important;
|
|
margin: 35px 0 -40px -22px !important;
|
|
padding: 0 !important;
|
|
text-align: left !important;
|
|
background: none !important;
|
|
}
|
|
|
|
#Main_Header_Part .elementor-container.elementor-column-gap-default {
|
|
max-width: 1365px !important;
|
|
}
|
|
|
|
#forder-logo-images img {
|
|
width: 415px !important;
|
|
height: 186px !important;
|
|
}
|
|
|
|
#All-forder-logo-images img,
|
|
#logo-waper-logo img {
|
|
width: auto !important;
|
|
}
|
|
|
|
.button_part_color_1 a,
|
|
.button_part_color_2 a,
|
|
.button_part_color_3 a {
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
|
|
.button_part_color_2 a {
|
|
border: 2px solid yellow !important;
|
|
}
|
|
|
|
.button_part_color_2 a:hover {
|
|
border-color: #000000 !important;
|
|
}
|
|
|
|
.button_part_color_1 a:hover {
|
|
color: #000000 !important;
|
|
background: yellow !important;
|
|
border: 1px solid #000000 !important;
|
|
}
|
|
|
|
.button_part_color_3 a:hover {
|
|
color: yellow !important;
|
|
background: #000000 !important;
|
|
border: 1px solid #ffffff !important;
|
|
}
|
|
|
|
.page-header h1 {
|
|
display: none !important;
|
|
}
|
|
|
|
body.ehf-header #site-header,
|
|
body.ehf-footer #site-footer {
|
|
display: none;
|
|
}
|
|
|
|
#page {
|
|
margin: 0 auto;
|
|
box-shadow: 0 0 5px 0 #eaeaea;
|
|
}
|
|
|
|
main.site-main {
|
|
max-width: none;
|
|
overflow-x: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
.listong-gap-par {
|
|
margin: 0 6px;
|
|
}
|
|
|
|
#box-part-width .elementor-section.elementor-section-boxed > .elementor-container {
|
|
max-width: 1240px;
|
|
}
|
|
|
|
.custom-mobile-buttom p,
|
|
.no-bottom-margin p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#max-width_1024px {
|
|
max-width: 1024px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.elementor-widget-wrap.elementor-element-populated {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#banner-main-image-home {
|
|
position: absolute;
|
|
top: -45px;
|
|
left: 92px;
|
|
z-index: 0;
|
|
transform: rotate(145deg);
|
|
}
|
|
|
|
#linker-send-part-banner {
|
|
position: absolute;
|
|
right: -200px;
|
|
width: 1405px !important;
|
|
margin-top: -120px;
|
|
}
|
|
|
|
.ehf-header #masthead {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.header_logo figure.wp-caption {
|
|
display: flex;
|
|
}
|
|
|
|
#main_logo img {
|
|
width: 100%;
|
|
}
|
|
|
|
#menu-main-menu li {
|
|
float: left;
|
|
margin: 5px;
|
|
list-style: none;
|
|
}
|
|
|
|
#menu-main-menu li a {
|
|
padding: 7px 30px;
|
|
color: #000000;
|
|
font-size: 19px;
|
|
font-weight: 100 !important;
|
|
border: 1px solid #00000025;
|
|
border-radius: 30px;
|
|
transition: 0.4s;
|
|
}
|
|
|
|
#Main_menu li a:hover {
|
|
color: #ffffff;
|
|
background: #000000;
|
|
}
|
|
|
|
#Main_footer .elementor-container.elementor-column-gap-default {
|
|
justify-content: center;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.elementor-widget-image a img[src$=".svg"] {
|
|
width: unset !important;
|
|
}
|
|
|
|
#mobile-offcanvas {
|
|
position: fixed;
|
|
inset: 0 0 0 auto;
|
|
z-index: 999;
|
|
width: 100%;
|
|
max-width: 336px;
|
|
transform: translateX(100%);
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.m-offcanvas-active {
|
|
transform: translateX(0) !important;
|
|
}
|
|
|
|
#mobile_menu,
|
|
#mobile_menu ul,
|
|
#mobile_menu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#mobile_menu ul {
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
}
|
|
|
|
#mobile_menu li {
|
|
display: block;
|
|
margin-bottom: 10px !important;
|
|
text-align: center;
|
|
list-style: none;
|
|
}
|
|
|
|
#mobile_menu li a {
|
|
display: inline-block;
|
|
padding: 9px 25px;
|
|
color: #000000;
|
|
line-height: 1em;
|
|
background-color: #ffff4b;
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.overflow_none {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.servidces-image img {
|
|
width: 100%;
|
|
max-height: 590px;
|
|
}
|
|
|
|
div#right-bg-image {
|
|
right: -30px;
|
|
left: auto !important;
|
|
}
|
|
|
|
.max-width-1044px h2,
|
|
.max-width1030px p {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.max-width-1044px h2 {
|
|
max-width: 1044px;
|
|
}
|
|
|
|
.max-width1030px p {
|
|
max-width: 1030px;
|
|
}
|
|
|
|
#m-menu-button a {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 37px;
|
|
}
|
|
|
|
.heading-font h1 {
|
|
font-family: "HelveticaNeueLTPro-Roman", sans-serif !important;
|
|
}
|
|
|
|
.hdm-animation-fallback {
|
|
animation-duration: 1.25s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.animated-fast.hdm-animation-fallback {
|
|
animation-duration: 0.75s;
|
|
}
|
|
|
|
.animated-slow.hdm-animation-fallback {
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.hdm-pulse {
|
|
animation-name: hdm-pulse;
|
|
}
|
|
|
|
.hdm-jello {
|
|
animation-name: hdm-jello;
|
|
transform-origin: center;
|
|
}
|
|
|
|
.hdm-bounceInDown {
|
|
animation-name: hdm-bounce-in-down;
|
|
}
|
|
|
|
.hdm-swing {
|
|
animation-name: hdm-swing;
|
|
transform-origin: top center;
|
|
}
|
|
|
|
.hdm-tada {
|
|
animation-name: hdm-tada;
|
|
}
|
|
|
|
@keyframes hdm-pulse {
|
|
0%,
|
|
100% { transform: scale(1); }
|
|
50% { transform: scale(1.05); }
|
|
}
|
|
|
|
@keyframes hdm-jello {
|
|
0%,
|
|
100% { transform: skew(0deg); }
|
|
22% { transform: skew(-12.5deg); }
|
|
33% { transform: skew(6.25deg); }
|
|
44% { transform: skew(-3.125deg); }
|
|
55% { transform: skew(1.5625deg); }
|
|
}
|
|
|
|
@keyframes hdm-bounce-in-down {
|
|
0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); }
|
|
60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); }
|
|
75% { transform: translate3d(0, -10px, 0) scaleY(0.95); }
|
|
90% { transform: translate3d(0, 5px, 0) scaleY(0.985); }
|
|
100% { transform: translateZ(0); }
|
|
}
|
|
|
|
@keyframes hdm-swing {
|
|
20% { transform: rotate(15deg); }
|
|
40% { transform: rotate(-10deg); }
|
|
60% { transform: rotate(5deg); }
|
|
80% { transform: rotate(-5deg); }
|
|
100% { transform: rotate(0deg); }
|
|
}
|
|
|
|
@keyframes hdm-tada {
|
|
0%,
|
|
100% { transform: scale(1) rotate(0deg); }
|
|
10%,
|
|
20% { transform: scale(0.9) rotate(-3deg); }
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% { transform: scale(1.1) rotate(3deg); }
|
|
40%,
|
|
60%,
|
|
80% { transform: scale(1.1) rotate(-3deg); }
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.elementor-section.elementor-section-boxed > .elementor-container {
|
|
max-width: 1024px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 1280px) {
|
|
#menu-main-menu li a {
|
|
padding: 6px 20px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
#main_logo img {
|
|
width: 350px;
|
|
}
|
|
|
|
#main_logo,
|
|
#Main_menu {
|
|
width: auto !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
#google-calender_par iframe {
|
|
height: 960px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.elementor-section.elementor-section-boxed > .elementor-container {
|
|
max-width: 767px;
|
|
}
|
|
|
|
body {
|
|
border-top: 2px solid #ffff4b;
|
|
}
|
|
|
|
.mobile-button-part-issue a,
|
|
#menu-mobile-menu a {
|
|
padding-top: 11px !important;
|
|
padding-bottom: 9px !important;
|
|
}
|
|
|
|
#m-menu-button a,
|
|
#menu-close-button a {
|
|
padding-top: 12px;
|
|
padding-bottom: 8px !important;
|
|
}
|
|
|
|
.post__list__button .open__button {
|
|
top: 9px !important;
|
|
}
|
|
|
|
.post__list__button .close__button {
|
|
padding-top: 3px !important;
|
|
}
|
|
|
|
.custom-mobile-buttom p {
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
#list-partinge-voxer .elementor-image-box-content {
|
|
margin-top: -50px;
|
|
text-align: center;
|
|
}
|
|
|
|
#forder-logo-images img {
|
|
width: 250px !important;
|
|
}
|
|
|
|
#main_logo,
|
|
#Main_menu {
|
|
width: auto !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
#Main_menu ul {
|
|
margin-left: -42px;
|
|
}
|
|
|
|
#menu-main-menu li a {
|
|
padding: 6px 25px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
#info-liker-part .elementor-image-box-title {
|
|
margin-top: -45px;
|
|
margin-bottom: 45px;
|
|
text-align: center;
|
|
}
|
|
|
|
.text-parag-gap h3 {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.slider .slick-prev {
|
|
transform: translateX(-140px) !important;
|
|
}
|
|
|
|
.slider .slick-next {
|
|
transform: translateX(50px) !important;
|
|
}
|
|
|
|
#logo-waper-logo img {
|
|
float: left !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.button_part_color_1 a,
|
|
.button_part_color_2 a,
|
|
.button_part_color_3 a {
|
|
padding: 8px 25px !important;
|
|
}
|
|
|
|
#map-pinger,
|
|
#map-pinger iframe {
|
|
height: 300px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.content__area h3 {
|
|
margin-bottom: 30px;
|
|
font-size: 30px !important;
|
|
line-height: 30px !important;
|
|
}
|
|
|
|
#google-calender_par iframe {
|
|
height: 750px;
|
|
}
|
|
|
|
.content__area__inner {
|
|
font-size: 16px !important;
|
|
line-height: 18px !important;
|
|
}
|
|
|
|
#logo-waper-logo > div {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
section#m-menu-wrap {
|
|
position: fixed;
|
|
top: 20px;
|
|
right: 20px;
|
|
z-index: 99;
|
|
}
|
|
|
|
.font_m_16 * {
|
|
font-size: 16px !important;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.hdm-animation-fallback {
|
|
animation: none !important;
|
|
}
|
|
}
|