/* Theme Name: Enfold RRNO Description: Child theme of Enfold for rrno-research.de. Design tokens follow the MDF System site (navy / steel blue, Poppins, pill buttons, outlined circle motif). Version: 1.0 Template: enfold Text Domain: enfold-rrno */ /* ---------- Fonts (bundled, no external CDN) ---------- */ @font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url('assets/fonts/poppins-v23-latin-200.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/poppins-v23-latin-regular.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/poppins-v23-latin-500.woff2') format('woff2');} @font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/poppins-v23-latin-700.woff2') format('woff2');} /* ---------- Tokens ---------- */ :root{ --rrno-navy:#003050; --rrno-steel:#7090ac; --rrno-ice:#afc9e0; --rrno-mist:#f8f8f8; --rrno-white:#ffffff; --rrno-radius:28px; } html body, body #top, #top h1,#top h2,#top h3,#top h4,#top h5,#top h6, #top .main-title,#top .av-special-font,#top .avia-menu-text, #top input,#top textarea,#top select,#top .button{ font-family:'Poppins',Helvetica,Arial,sans-serif; } body{color:var(--rrno-navy);} h1,h2{font-size:clamp(2rem,5vw,2.8rem);line-height:1.2;} h3{font-size:clamp(1.25rem,2.4vw,1.55rem);} strong{color:var(--rrno-navy);} a{hyphens:none;} /* ---------- Header ---------- */ #header_main{border-bottom-width:0;box-shadow:0 1px 0 rgba(0,48,80,.08);} .avia-menu-text{font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;} #top #header .logo img{padding:5px 0;max-height:70px;width:auto;} #top #header .av-main-nav > li > a{color:var(--rrno-navy);} #top #header .av-main-nav > li > a:hover{color:var(--rrno-steel);} #top #header .av-main-nav ul a{padding:12px 16px;} #top #header .menu-item-language > a img{margin-right:6px;vertical-align:middle;} #top #header .menu-item-language ul{min-width:150px;} .responsive #top #header .av-hamburger-inner, .responsive #top #header .av-hamburger-inner::before, .responsive #top #header .av-hamburger-inner::after{background-color:var(--rrno-navy);} .html_header_top.html_header_sticky #top #wrap_all #main{padding-top:0;} /* ---------- Buttons (pill) ---------- */ #top .avia-button,#top .button,#top input[type=submit],#top .wpcf7-submit{ border-radius:50px;font-weight:500;letter-spacing:.02em; padding:14px 34px;transition:background-color .25s,color .25s,border-color .25s; } #top .avia-button.rrno-btn-light{background:var(--rrno-white);color:var(--rrno-navy);border-color:var(--rrno-white);} #top .avia-button.rrno-btn-light:hover{background:transparent;color:var(--rrno-white);} #top .avia-button.rrno-btn-ghost{background:transparent;color:var(--rrno-white);border:2px solid var(--rrno-white);} #top .avia-button.rrno-btn-ghost:hover{background:var(--rrno-white);color:var(--rrno-navy);} /* ---------- Hero with outlined circle motif ---------- */ .rrno-hero{ background-color:var(--rrno-navy); background-repeat:no-repeat; background-position:right -140px center; background-size:620px auto; color:var(--rrno-white); } .rrno-hero h1,.rrno-hero h2,.rrno-hero p,.rrno-hero a:not(.avia-button),.rrno-hero strong{color:var(--rrno-white) !important;} .rrno-hero .rrno-lead{font-size:1.15rem;font-weight:200;max-width:46rem;} .rrno-hero h1{font-weight:500;margin-bottom:.4em;} .rrno-hero-small{padding:0;} .rrno-hero-small .container{padding-top:10px;padding-bottom:10px;} @media only screen and (max-width:767px){ .rrno-hero{background-position:right -260px bottom -60px;background-size:420px auto;opacity:1;} } /* Circle motif for alternate sections */ .rrno-circles{ background-position:left -200px bottom -240px; background-size:520px auto; } .rrno-circles-ice{ background-position:right -220px top -120px; background-size:520px auto; } /* ---------- Cards ---------- */ .rrno-cards .flex_column{margin-bottom:30px;} .rrno-card{ background:var(--rrno-white); border:1px solid rgba(0,48,80,.12); border-radius:var(--rrno-radius); padding:34px 30px 30px !important; box-shadow:0 6px 24px rgba(0,48,80,.06); transition:transform .25s,box-shadow .25s; box-sizing:border-box; } .rrno-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,48,80,.14);} .rrno-card h3{margin:0 0 .5em;color:var(--rrno-navy);} .rrno-card p{color:var(--rrno-navy);} .rrno-card .avia-button-wrap{margin-top:12px;} @media only screen and (max-width:767px){ .rrno-cards .flex_column{width:100% !important;margin-left:0 !important;} } /* ---------- Content ---------- */ .rrno-content{max-width:880px;margin:0 auto;} .rrno-content img.alignleft,.rrno-content img.alignright{max-width:42%;height:auto;border-radius:20px;margin-bottom:12px;} .rrno-content img.alignleft{margin-right:28px;} .rrno-content img.alignright{margin-left:28px;} .rrno-media img{border-radius:var(--rrno-radius);width:100%;height:auto;} .rrno-content ul{margin-bottom:1.2em;} @media only screen and (max-width:767px){ .rrno-content img.alignleft,.rrno-content img.alignright{float:none;display:block;max-width:100%;margin:0 0 16px;} } /* ---------- Forms (Contact Form 7) ---------- */ .wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea,.wpcf7 select{ border:1px solid rgba(0,48,80,.25);border-radius:14px;padding:12px 16px;background:var(--rrno-white); } .wpcf7 input:focus,.wpcf7 textarea:focus{border-color:var(--rrno-steel);outline:none;} .wpcf7-submit{background:var(--rrno-navy) !important;color:var(--rrno-white) !important;border:0;cursor:pointer;} .wpcf7-submit:hover{background:var(--rrno-steel) !important;} /* ---------- Footer ---------- */ #footer,#socket{border-top:0;} #socket .copyright{font-size:13px;} #footer .widget_nav_menu li a{color:var(--rrno-navy);} /* ---------- Dark button ---------- */ #top .avia-button.rrno-btn-dark{background:var(--rrno-navy);color:var(--rrno-white);border:2px solid var(--rrno-navy);} #top .avia-button.rrno-btn-dark:hover{background:var(--rrno-steel);border-color:var(--rrno-steel);color:var(--rrno-white);} #top .avia-button.rrno-btn-dark .avia_iconbox_title,#top .avia-button .avia_iconbox_title{color:inherit;} /* ---------- Refinements ---------- */ #top .logo,#top .logo a{width:auto;max-width:300px;} #top #header .logo img,#top .logo img{max-height:60px !important;width:auto !important;max-width:300px;height:auto;object-fit:contain;padding:5px 0;} .avia-menu-text{font-size:13px;} #top #header .av-main-nav > li > a{padding:0 9px;} #top h1,#top h2,#top h3,#top .main-title{text-transform:none;} .rrno-hero .rrno-lead{max-width:34rem;} .rrno-hero{background-position:right -220px center;background-size:560px auto;} #top .rrno-hero h1{max-width:34rem;} #top .avia-button .avia_iconbox_title,#top .avia-button .avia_button_text{font-size:15px;} #top .avia-button{font-size:15px;} #top .logo,#top .logo a{max-width:400px;} #top #header .logo img,#top .logo img{max-height:80px !important;max-width:400px;} #header_main,#header_main .container{background:#fff;} @media only screen and (max-width:989px){ #top .logo,#top .logo a{max-width:230px;} #top #header .logo img,#top .logo img{max-height:50px !important;max-width:230px;} .rrno-hero{background-position:right -170px bottom -150px;background-size:340px auto;} .rrno-content img.alignleft,.rrno-content img.alignright{float:none;display:block;max-width:100%;margin:0 0 16px;} } @media only screen and (min-width:990px){ #top .logo,#top .logo a{max-width:330px;} #top #header .logo img,#top .logo img{max-width:330px;max-height:70px !important;} } /* ---------- Polish v2 ---------- */ /* Equal-height product cards, buttons pinned to the bottom */ .rrno-cards .entry-content-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;} .rrno-cards .entry-content-wrapper:before,.rrno-cards .entry-content-wrapper:after{display:none;} .rrno-cards .flex_column.rrno-card{display:flex;flex-direction:column;float:none;} .rrno-card .av_textblock_section{flex:1 1 auto;} .rrno-card .avia-button-wrap{margin-top:auto;float:none;display:block;} .rrno-card .avia-button{margin-top:12px;} @media only screen and (max-width:767px){ .rrno-cards .flex_column.rrno-card{width:100% !important;margin-left:0 !important;} } /* "Ueber uns": readable links, proper images, columns */ .rrno-about-sec,.rrno-about-sec p,.rrno-about-sec h2,.rrno-about-sec strong{color:var(--rrno-white);} #top .rrno-about-sec a:not(.avia-button){color:var(--rrno-white) !important;text-decoration:underline;font-weight:500;} #top .rrno-about-sec a:not(.avia-button):hover{color:var(--rrno-ice) !important;} .rrno-about-sec .rrno-media img{border-radius:var(--rrno-radius);width:100%;height:auto;} .rrno-about-sec .rrno-about img{float:none;display:block;max-width:260px;width:100%;height:auto;border-radius:20px;background:#fff;margin:0 0 18px;} .rrno-about-sec .flex_column{margin-bottom:10px;} .rrno-about p{margin-bottom:1em;} /* Header: wordmark logo never overlaps the menu */ #top #header .logo{float:left;} #top #header .logo,#top #header .logo a{width:auto;max-width:none;} #top #header .logo img,#top .logo img{height:64px !important;max-height:64px !important;width:auto !important;max-width:none !important;padding:4px 0;} @media only screen and (max-width:989px){ #top #header .logo img,#top .logo img{height:48px !important;max-height:48px !important;} } /* Safety: nothing may widen the page */ #top .rrno-hero,#top .rrno-circles,#top .rrno-circles-ice{overflow:hidden;} img{max-width:100%;} .rrno-card p,.rrno-card h3{overflow-wrap:anywhere;hyphens:auto;} .rrno-card p{font-size:15px;line-height:1.6;} .rrno-about-sec.rrno-circles{background-position:right -260px bottom -300px;background-size:520px auto;} .rrno-about-sec .rrno-media{padding-top:6px;} .rrno-card p,.rrno-card h3{hyphens:manual;} .rrno-media .image-overlay,.rrno-about .image-overlay{display:none;} @media only screen and (max-width:767px){.rrno-about-sec.rrno-circles{background-image:none;}} .rrno-about-sec.rrno-circles{background-position:right -300px bottom -420px;} /* ================= v3: photo hero, transparent header, circle, statement (MDF structure) ================= */ /* transparent header: white logo (Enfold alternate logo) + white menu until the header turns solid on scroll */ #top #header.av_header_transparency:not(.header-scrolled) .av-main-nav > li > a, #top #header.av_header_transparency:not(.header-scrolled) .av-main-nav > li > a .avia-menu-text{color:#fff;} #top #header.av_header_transparency:not(.header-scrolled) .av-main-nav > li > a:hover{color:var(--rrno-ice);} #top #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner, #top #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner::before, #top #header.av_header_transparency:not(.header-scrolled) .av-hamburger-inner::after{background-color:#fff !important;} #top #header.av_header_transparency{box-shadow:none;} #top #header.av_header_transparency #header_main{box-shadow:none;border:0;} #top #header .logo img{max-height:78px !important;} @media only screen and (max-width:989px){#top #header .logo img{max-height:54px !important;}} /* photo hero */ #top .rrno-hero-photo{background-size:cover !important;background-position:center center !important;position:relative;overflow:visible;z-index:5;color:#fff;} #top .rrno-hero-photo .container{padding-top:200px;padding-bottom:210px;} #top .rrno-hero-photo .flex_column,#top .rrno-hero-photo .container{position:static;} #top .rrno-hero-strip .container{padding-top:175px;padding-bottom:95px;} #top .rrno-hero-photo h1,#top .rrno-hero-photo .rrno-hero-h1 h1{ font-weight:700;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1.08;letter-spacing:-.01em;max-width:46rem;margin:0 0 .5em;color:#fff !important;} #top .rrno-hero-strip h1{font-size:clamp(2rem,4vw,3rem);margin:0;} #top .rrno-hero-photo .avia-button-wrap{display:inline-block;margin:6px 14px 6px 0;} #top .rrno-hero-photo .av-section-color-overlay-wrap{z-index:0;} /* circle straddling the hero edge */ #top .rrno-circle{ position:absolute;right:5%;bottom:-120px;z-index:20;width:290px;height:290px;border-radius:50%; background:var(--rrno-steel);color:#fff;box-sizing:border-box;padding:28px; display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; box-shadow:0 14px 40px rgba(0,26,44,.28);} #top .rrno-circle span{display:block;color:#fff;} #top .rrno-circle-n{font-size:3.6rem;font-weight:700;line-height:1;} #top .rrno-circle-l{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:6px 0 10px;line-height:1.15;} #top .rrno-circle-s{font-size:.9rem;font-weight:200;line-height:1.35;max-width:190px;} .rrno-hero-home .av_textblock_section:has(.rrno-circle){position:static;} /* statement */ #top .rrno-statement-sec .container{padding-top:40px;} #top .rrno-statement{text-align:center;font-weight:500;font-size:clamp(2rem,4.5vw,2.8rem);line-height:1.15;max-width:780px;margin:0 auto .6em;color:var(--rrno-navy);} #top .rrno-statement-p{text-align:center;font-size:1.1rem;font-weight:300;line-height:1.7;max-width:760px;margin:0 auto;color:var(--rrno-navy);} /* cards with photo */ #top .rrno-card{overflow:hidden;} #top .rrno-card img.rrno-card-img{display:block;width:calc(100% + 60px);max-width:none !important;height:190px;object-fit:cover;margin:-34px -30px 22px;border-radius:0;} /* buttons: stacked full width on phones */ @media only screen and (max-width:767px){ #top .rrno-hero-home{background-image:url('/wp-content/uploads/2026/11/rrno-hero-spices-mobile.webp') !important;} #top .rrno-hero-photo .container{padding-top:150px;padding-bottom:210px;} #top .rrno-hero-strip .container{padding-top:120px;padding-bottom:50px;} #top .rrno-hero-photo .avia-button-wrap{display:block;margin:0 0 12px;} #top .rrno-hero-photo .avia-button{display:block;width:100%;box-sizing:border-box;text-align:center;} #top .rrno-circle{right:auto;left:50%;transform:translateX(-50%);bottom:-150px;width:300px;height:300px;} #top .rrno-statement-sec .container{padding-top:165px;} #top .rrno-card img.rrno-card-img{height:170px;} } /* ---- v3b: header really transparent at top; neutral RRNO rings instead of MDF graphics ---- */ #top #header.av_header_transparency:not(.header-scrolled), #top #header.av_header_transparency:not(.header-scrolled) #header_main, #top #header.av_header_transparency:not(.header-scrolled) .container_wrap, #top #header.av_header_transparency:not(.header-scrolled) .av-main-nav-wrap{background:transparent !important;border-color:transparent !important;box-shadow:none !important;} .rrno-circles,.rrno-circles-ice{position:relative;overflow:hidden;} .rrno-circles::before,.rrno-circles-ice::before{content:"";position:absolute;right:7%;top:50%;width:210px;height:210px;margin-top:-105px;border-radius:50%;pointer-events:none;} .rrno-circles::after,.rrno-circles-ice::after{content:"";position:absolute;right:calc(7% + 215px);bottom:18%;width:64px;height:64px;border-radius:50%;pointer-events:none;} .rrno-circles-ice::before{border:16px solid rgba(112,144,172,.22);} .rrno-circles-ice::after{background:rgba(175,201,224,.55);} .rrno-circles::before{border:16px solid rgba(255,255,255,.14);} .rrno-circles::after{background:rgba(255,255,255,.12);} .rrno-circles > .container,.rrno-circles-ice > .container{position:relative;z-index:2;} @media only screen and (max-width:989px){.rrno-circles::before,.rrno-circles::after,.rrno-circles-ice::before,.rrno-circles-ice::after{display:none;}} /* ---- v3c ---- */ #top #header.av_header_transparency:not(.header-scrolled) .container{background:transparent !important;} #top .rrno-hero-photo .avia-divider-svg{z-index:4;} #top .rrno-hero-photo .av-section-color-overlay-wrap{position:relative;} #top .rrno-hero-home .container{padding-top:190px;padding-bottom:190px;} /* ---- v3d ---- */ #top .rrno-hero-photo main,#top .rrno-hero-photo .post-entry,#top .rrno-hero-photo .entry-content-wrapper,#top .rrno-hero-photo .av_textblock_section,#top .rrno-hero-photo .avia_textblock{position:static !important;} #top .rrno-hero-home .container{padding-top:0 !important;padding-bottom:0 !important;} #top .rrno-hero-home .flex_column{padding:170px 0 190px !important;} #top .rrno-hero-strip .container{padding-top:0 !important;padding-bottom:0 !important;} #top .rrno-hero-strip .flex_column{padding:170px 0 80px !important;} @media only screen and (max-width:767px){ #top .rrno-hero-home .flex_column{padding:130px 0 200px !important;} #top .rrno-hero-strip .flex_column{padding:115px 0 45px !important;} } /* ---- v3e: stacking order overlay < wave < text < circle ---- */ #top .rrno-hero-photo .av-section-color-overlay-wrap{position:static !important;z-index:auto !important;} #top .rrno-hero-photo .av-section-color-overlay{z-index:1;} #top .rrno-hero-photo .avia-divider-svg{z-index:2;} #top .rrno-hero-photo .av_textblock_section,#top .rrno-hero-photo .avia-button-wrap{position:relative !important;z-index:3;} #top .rrno-hero-photo .av_textblock_section:has(.rrno-circle){position:static !important;} #top .rrno-circle{z-index:20;} @media only screen and (max-width:989px){ #top #header.av_header_transparency:not(.header-scrolled) .logo img:not(.alternate){opacity:0 !important;} #top #header.av_header_transparency:not(.header-scrolled) .logo img.alternate{opacity:1 !important;display:block !important;visibility:visible !important;} #top #header.av_header_transparency:not(.header-scrolled),#top #wrap_all #header.av_header_transparency:not(.header-scrolled){background:transparent !important;} } /* ---- v3f: hero runs under the transparent header at every width ---- */ #top #wrap_all #main,.responsive #top #wrap_all #main,.html_header_top.html_header_sticky #top #wrap_all #main{padding-top:0 !important;} .html_header_transparency #top #wrap_all #main{margin-top:0 !important;} #top .rrno-hero-photo .av-section-color-overlay{opacity:.55 !important;} /* ---- v3g: on phones/tablets the header is not fixed; overlay it on the hero ---- */ @media only screen and (max-width:989px){ #top #wrap_all #header.av_header_transparency{position:absolute !important;top:0;left:0;right:0;width:100%;z-index:100;} } /* ---- v3h ---- */ #top .rrno-card img.rrno-card-img{margin-top:-48px;} #top .rrno-statement-sec .container{padding-bottom:0;} #top .rrno-statement-sec{padding-bottom:10px;} #top .rrno-cards{padding-top:20px;} /* v3i */ #top .rrno-hero-photo .av-section-color-overlay{opacity:.42 !important;} /* ---- v3j: button classes sit on the wrapper, style the anchor ---- */ #top .rrno-btn-light .avia-button{background:#fff !important;color:var(--rrno-navy) !important;border:2px solid #fff;} #top .rrno-btn-light .avia-button:hover{background:transparent !important;color:#fff !important;} #top .rrno-btn-ghost .avia-button{background:transparent !important;color:#fff !important;border:2px solid #fff;} #top .rrno-btn-ghost .avia-button:hover{background:#fff !important;color:var(--rrno-navy) !important;} #top .rrno-btn-light .avia-button .avia_iconbox_title,#top .rrno-btn-ghost .avia-button .avia_iconbox_title,#top .rrno-btn-light .avia-button .avia_button_text,#top .rrno-btn-ghost .avia-button .avia_button_text{color:inherit !important;} /* ---- v3k: bigger logo, aligned hero text, calmer headline ---- */ #top #header .logo img{max-height:88px !important;max-width:230px !important;} #top .logo,#top .logo a{max-width:240px;} @media only screen and (max-width:989px){#top #header .logo img{max-height:58px !important;max-width:160px !important;}} #top .rrno-hero-photo h1,#top .rrno-hero-photo .rrno-hero-h1 h1{font-size:clamp(2.2rem,4.3vw,3.6rem);max-width:56rem;} #top .rrno-hero-strip h1{font-size:clamp(2rem,3.8vw,3rem);} @media only screen and (max-width:1130px){ #top .rrno-hero-photo .flex_column{padding-left:30px !important;padding-right:30px !important;box-sizing:border-box;} } @media only screen and (max-width:767px){ #top .rrno-hero-photo .flex_column{padding-left:20px !important;padding-right:20px !important;} #top .rrno-hero-photo h1,#top .rrno-hero-photo .rrno-hero-h1 h1{font-size:2.2rem;} } /* ---- v3l: logo footprint like MDF (~200 px wide, 88 px tall) ---- */ #top #header .logo{width:auto !important;max-width:none !important;} #top #header .logo a{width:auto !important;max-width:none !important;} #top #header .logo img{height:88px !important;width:auto !important;max-width:none !important;max-height:none !important;} #top #header.header-scrolled .logo img,#top #header.av_header_shrinking.header-scrolled .logo img{height:62px !important;} @media only screen and (max-width:989px){#top #header .logo img,#top #header.header-scrolled .logo img{height:54px !important;}} /* v3m */ #top .rrno-hero-photo h1,#top .rrno-hero-photo .rrno-hero-h1 h1{max-width:62rem;font-size:clamp(2.2rem,4.1vw,3.5rem);} /* ---- v3n: tighter vertical rhythm (MDF ~ 50-80 px desktop, 30-50 px mobile), bigger logo, smaller certificate ---- */ #top .avia-section-large > .container,#top .avia-section-large .container.av-section-cont-open{padding-top:40px !important;padding-bottom:40px !important;} #top .avia-section-huge > .container,#top .avia-section-huge .container.av-section-cont-open{padding-top:60px !important;padding-bottom:60px !important;} #top .rrno-hero-photo .container{padding-top:0 !important;padding-bottom:0 !important;} #top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:40px !important;padding-bottom:10px !important;} #top .rrno-hero-strip .flex_column{padding-bottom:50px !important;} #top .rrno-content p:empty,#top .rrno-about p:empty{display:none;} #top .rrno-content img.alignright,#top .rrno-content img.alignleft{max-width:34%;} #top #header .logo img{height:100px !important;} #top #header.header-scrolled .logo img,#top #header.av_header_shrinking.header-scrolled .logo img{height:62px !important;} @media only screen and (max-width:767px){ #top .avia-section-large > .container,#top .avia-section-large .container.av-section-cont-open{padding-top:26px !important;padding-bottom:26px !important;} #top .avia-section-huge > .container,#top .avia-section-huge .container.av-section-cont-open{padding-top:36px !important;padding-bottom:36px !important;} #top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:165px !important;padding-bottom:10px !important;} #top .rrno-hero-strip .flex_column{padding-bottom:30px !important;} #top .rrno-content img.alignleft,#top .rrno-content img.alignright{max-width:62%;margin:0 0 14px;} } @media only screen and (max-width:989px){#top #header .logo img,#top #header.header-scrolled .logo img{height:72px !important;}} /* ---- v3o: gallery with captions + lightbox, fully clickable cards ---- */ #top .rrno-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 30px;max-width:740px;clear:both;} #top .rrno-fig{margin:0;} #top .rrno-fig img{display:block;width:100%;height:auto;border-radius:20px;} #top .rrno-fig figcaption{margin-top:10px;font-size:.95rem;font-weight:500;color:var(--rrno-navy);} @media only screen and (max-width:600px){#top .rrno-gallery{grid-template-columns:1fr;max-width:340px;}} #top .rrno-card{position:relative;cursor:pointer;} #top .rrno-card .avia-button-wrap,#top .rrno-card .avia-button{position:static;} #top .rrno-card .avia-button::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:inherit;} #top .rrno-card:focus-within{box-shadow:0 0 0 3px var(--rrno-steel),0 14px 34px rgba(0,48,80,.14);} #top .rrno-card:hover img.rrno-card-img{filter:brightness(1.05);} /* ---- v3p: spacing, links, forms, ordered headings, wide infographic ---- */ #top .avia-section:not(.rrno-hero-photo) .template-page.content{padding-top:0 !important;padding-bottom:0 !important;} #top .rrno-wide img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:12px;} #top .main_color .rrno-content a,#top .main_color .rrno-statement-p a,#top .main_color .avia_textblock p a{color:#003050;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;} #top .main_color .rrno-content a:hover,#top .main_color .avia_textblock p a:hover,#top .main_color .rrno-content a:focus{color:#7090ac;} #top .alternate_color .avia_textblock a{color:#fff;text-decoration:underline;text-underline-offset:2px;} #top .rrno-content ol > li::marker{font-weight:700;color:#003050;} #top .rrno-content h2,#top .rrno-content h3,#top .rrno-content h4,#top .rrno-content ol > li > strong,#top .rrno-content ol > li > b{color:#003050 !important;} #top .wpcf7 input[type=text],#top .wpcf7 input[type=email],#top .wpcf7 input[type=tel],#top .wpcf7 textarea{width:100% !important;box-sizing:border-box;} #top .wpcf7 label{font-weight:600;display:block;margin-bottom:14px;} /* v3q */ #top .rrno-circle{right:max(30px,calc((100% - 1030px)/2));} @media only screen and (max-width:767px){#top .rrno-circle{right:auto;}} /* ---- v3r: equal-height cards, buttons on one baseline ---- */ @media only screen and (min-width:768px){ #top .rrno-cards .entry-content-wrapper{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch;} #top .rrno-cards .entry-content-wrapper::before,#top .rrno-cards .entry-content-wrapper::after{display:none !important;} #top .rrno-cards .flex_column.rrno-card{width:auto !important;margin:0 !important;float:none !important;} } #top .rrno-card{display:flex !important;flex-direction:column;} #top .rrno-card .avia-button-wrap{margin-top:auto !important;padding-top:12px;} #top .rrno-card .avia_textblock p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;} /* v3s */ @media only screen and (min-width:768px){#top .rrno-circle{bottom:-90px;}#top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:100px !important;}} /* ---- v4 ---- */ /* certificates / seals beside the text, click-to-zoom */ #top .rrno-cert img{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:6px;box-shadow:0 8px 28px rgba(0,26,44,.18);} #top .rrno-cert a{display:block;} @media only screen and (max-width:767px){#top .rrno-cert img{max-width:70%;}} /* home about section: sub-blocks */ #top .rrno-about-sec .flex_column{margin-bottom:34px;} #top .rrno-about-sec h3{font-size:1.45rem;margin:0 0 .6em;} #top .rrno-about-sec .rrno-about-img img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;} #top .rrno-about-sec .rrno-about-img a{display:block;} /* card artwork: product carton on a light field */ #top .rrno-card img.rrno-card-img.rrno-card-img-contain{object-fit:contain;background:#eef3f8;padding:14px 0;box-sizing:border-box;} /* text pages: all section headings identical (navy, heading font) */ #top .rrno-content h3{color:var(--rrno-navy,#0b2a4a);font-weight:700;font-size:1.3rem;line-height:1.3;margin:1.9em 0 .55em;} #top .rrno-content h3:first-child{margin-top:0;} #top .rrno-content ol,#top .rrno-content ul{margin-left:1.4em;} /* contact page: two columns */ #top .rrno-contact-sec .rrno-contact-details h3{margin:0 0 .5em;} #top .rrno-contact-sec .rrno-contact-intro{margin-bottom:1.2em;} #top .rrno-contact-form h2{margin-top:0;} #top .rrno-form{width:100%;} #top .rrno-form .rrno-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;} #top .rrno-form .rrno-row2 > p{margin:0;} #top .rrno-form br{display:none;} #top .rrno-form p{margin:0;} #top .rrno-form label{display:block;font-weight:600;font-size:15px;line-height:1.3;margin:0 0 18px;color:var(--rrno-navy,#0b2a4a);} #top .rrno-form .req{color:#b3261e;font-weight:700;} #top .rrno-form .wpcf7-form-control-wrap{display:block;margin-top:6px;} #top .rrno-form input[type=text],#top .rrno-form input[type=email],#top .rrno-form textarea{width:100%;max-width:none;box-sizing:border-box;border:1px solid #9fb2c4;background:#fff;color:#0b2a4a;border-radius:8px;padding:12px 14px;font-size:16px;font-weight:400;line-height:1.4;} #top .rrno-form textarea{min-height:170px;height:170px;} #top .rrno-form input:focus,#top .rrno-form textarea:focus{outline:0;border-color:#0b2a4a;box-shadow:0 0 0 3px rgba(11,42,74,.18);} #top .rrno-form input[type=submit]{display:inline-block;background:var(--rrno-navy,#0b2a4a);color:#fff;border:0;border-radius:999px;padding:14px 38px;font-size:16px;font-weight:700;cursor:pointer;width:auto;} #top .rrno-form input[type=submit]:hover{background:#17476f;} @media only screen and (max-width:767px){#top .rrno-form .rrno-row2{grid-template-columns:1fr;}} /* header: shrunk bar ~88px (desktop) / 76px (mobile), logo vertically centred, aligned menu underline */ #top #header .logo img{height:92px !important;} @media only screen and (min-width:990px){ #top #header.header-scrolled #header_main .container,#top #header.header-scrolled .main_menu,#top #header.header-scrolled .av-main-nav-wrap,#top #header.header-scrolled .av-main-nav,#top #header.header-scrolled .av-main-nav > li,#top #header.header-scrolled .av-main-nav > li > a{height:88px !important;line-height:88px !important;} #top #header.header-scrolled .logo,#top #header.header-scrolled .logo a{height:88px !important;} #top #header.header-scrolled .logo img,#top #header.av_header_shrinking.header-scrolled .logo img{height:64px !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;bottom:auto !important;margin:0 !important;padding:0 !important;} #top #header.header-scrolled #header_main{box-shadow:0 4px 18px rgba(0,26,44,.14);} } #top #header .av-main-nav > li > a .avia-menu-fx{bottom:auto !important;top:calc(50% + 15px);} @media only screen and (max-width:989px){ #top #header .logo img{height:68px !important;} #top #header.header-scrolled #header_main .container,#top #header.header-scrolled .av-burger-menu-main,#top #header.header-scrolled .main_menu{height:76px !important;} #top #header.header-scrolled .av-burger-menu-main a{line-height:76px !important;} #top #header.header-scrolled .logo,#top #header.header-scrolled .logo a{height:76px !important;} #top #header.header-scrolled .logo img,#top #header.av_header_shrinking.header-scrolled .logo img{height:60px !important;position:absolute !important;top:50% !important;transform:translateY(-50%) !important;bottom:auto !important;margin:0 !important;padding:0 !important;} } /* menu fit: compact items between 990 and 1350 px, compact language switcher (flag + code) */ @media only screen and (min-width:990px) and (max-width:1350px){ #top #header .av-main-nav > li > a{padding:0 7px !important;} #top #header .av-main-nav > li > a .avia-menu-text{font-size:12px !important;letter-spacing:0 !important;} #top #header .logo img{height:80px !important;} } #top #header .pll-parent-menu-item > a .avia-menu-text{font-size:0 !important;} #top #header .pll-parent-menu-item > a .avia-menu-text .pll-switcher-flag{margin-right:6px;vertical-align:middle;} #top #header .pll-parent-menu-item > a .avia-menu-text::after{content:"EN";font-size:13px;font-weight:600;vertical-align:middle;} html[lang^="de"] #top #header .pll-parent-menu-item > a .avia-menu-text::after{content:"DE";} #top #header .pll-parent-menu-item ul a .avia-menu-text{font-size:13px !important;} #top #header .pll-parent-menu-item ul .lang-item-de a .avia-menu-text::after{content:"DE";} #top #header .pll-parent-menu-item ul .lang-item-en a .avia-menu-text::after{content:"EN";} #top #header .pll-parent-menu-item ul a .avia-menu-text{font-size:0 !important;} /* v4b: mobile header sticks once scrolled */ @media only screen and (max-width:989px){ #top #wrap_all #header.av_header_transparency.header-scrolled,#top #wrap_all #header.header-scrolled{position:fixed !important;top:0 !important;left:0;right:0;width:100%;z-index:200;background:#fff !important;box-shadow:0 4px 18px rgba(0,26,44,.14);} #top #wrap_all #header.header-scrolled #header_main{background:#fff !important;} } /* v4c: scrolled logo centred by flex */ #top #header.header-scrolled .logo{top:0 !important;bottom:auto !important;display:block;} #top #header.header-scrolled .logo a{display:flex !important;align-items:center;} #top #header.header-scrolled .logo img.alternate{display:none !important;} #top #header.header-scrolled .logo img,#top #header.av_header_shrinking.header-scrolled .logo img{position:static !important;top:auto !important;transform:none !important;} /* v4d */ #top #header.header-scrolled .logo{display:flex !important;align-items:center;} #top #header.header-scrolled .logo a{display:block !important;height:auto !important;max-height:none !important;line-height:0;} /* v4e: one image style everywhere */ #top .rrno-cert img,#top .rrno-wide img,#top .rrno-about-sec .rrno-about-img img,#top .rrno-gallery img,#top .rrno-content .rrno-media img,#top .rrno-media img{border-radius:12px;border:1px solid rgba(16,40,80,.14);box-shadow:0 6px 24px rgba(16,40,80,.14),0 1px 3px rgba(16,40,80,.08);background:#fff;} /* v4f: language switcher - top item flag + code, dropdown flag + full name */ #top #header .pll-parent-menu-item ul a .avia-menu-text{font-size:13px !important;} #top #header .pll-parent-menu-item ul a .avia-menu-text::after{content:none !important;} #top #header .pll-parent-menu-item ul a{color:#0b2a4a !important;background:#fff;} #top #header .pll-parent-menu-item ul a:hover{background:#eef3f8;} #top #header .pll-parent-menu-item ul .current-lang a{font-weight:700;} /* v4g: mobile hero - aligned text, gentler symmetric arc, smaller circle centred on the arc */ @media only screen and (max-width:767px){ #top .rrno-hero .flex_column{padding-left:0 !important;padding-right:0 !important;} #top .rrno-hero-photo .container{padding-bottom:86px;} #top .rrno-hero .avia-divider-svg,#top .rrno-hero .avia-divider-svg svg{height:40px !important;} #top .rrno-circle{width:230px;height:230px;bottom:-115px;} #top .rrno-circle-n{font-size:2.9rem;} #top .rrno-circle-l{font-size:1.05rem;margin:4px 0 6px;} #top .rrno-circle-s{font-size:.8rem;max-width:150px;} #top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:135px !important;} } @media only screen and (max-width:767px){#top .rrno-hero-home,#top .rrno-hero-home .container{min-height:0 !important;}} @media only screen and (max-width:767px){#top .rrno-hero-home .flex_column{padding-bottom:70px !important;}} @media only screen and (max-width:767px){#top .rrno-hero-home .flex_column{padding-bottom:112px !important;}} /* v4k: dropdown attached under the item, language item aligned */ @media only screen and (min-width:990px){ #top #header .av-main-nav > li > ul.sub-menu{top:calc(50% + 24px) !important;} } #top #header .pll-parent-menu-item > a .avia-menu-text{display:inline-flex !important;align-items:center;vertical-align:middle;line-height:1;} #top #header .pll-parent-menu-item > a .avia-menu-text .pll-switcher-flag{margin-right:6px;} #top #header .av-main-nav .avia-menu-text sup{font-size:.6em;line-height:0;vertical-align:super;} /* v5-begin */ /* v5: vertical rhythm - content sections */ #top #main .avia-section:not(.rrno-hero) > .container{padding-top:34px;padding-bottom:34px;} #top #main .avia-section:not(.rrno-hero) .av_textblock_section > .avia_textblock > *:last-child{margin-bottom:0;} #top #main .avia-section:not(.rrno-hero) .av_textblock_section > .avia_textblock > *:first-child{margin-top:0;} @media only screen and (max-width:767px){ #top #main .avia-section:not(.rrno-hero) > .container{padding-top:20px;padding-bottom:20px;} } /* v5: dropdown closer to the item */ @media only screen and (min-width:990px){ #top #header .av-main-nav > li > ul.sub-menu{top:calc(50% + 15px) !important;} } #top #header .pll-parent-menu-item > a{position:relative;top:-1px;} /* v5: CTA block - heading and button on one line */ @media only screen and (min-width:900px){ #top .rrno-circles-ice .flex_column{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:36px;} #top .rrno-circles-ice .flex_column > *{margin:0 !important;float:none;} #top .rrno-circles-ice .flex_column .av_textblock_section{flex:0 1 auto;} #top .rrno-circles-ice .flex_column .avia-button-wrap{flex:0 0 auto;display:block;} #top .rrno-circles-ice .flex_column h2{margin:0;} } /* v5: Facts tiles (native Avia columns: av_image + av_textblock inside .rrno-tile) */ #top .rrno-facts-title,#top .rrno-facts-group{color:var(--rrno-navy);} #top .rrno-facts-group{margin:0 0 6px;padding-bottom:10px;border-bottom:2px solid var(--rrno-ice);} #top .rrno-facts-sec .entry-content-wrapper{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch;} #top .rrno-facts-sec .entry-content-wrapper::before,#top .rrno-facts-sec .entry-content-wrapper::after{display:none !important;} #top .rrno-facts-sec .flex_column.rrno-facts-head{grid-column:1/-1;width:auto !important;margin:0 !important;float:none !important;} #top .rrno-facts-sec .flex_column.rrno-tile{width:auto !important;margin:0 !important;float:none !important;background:#fff;border:1px solid rgba(0,48,80,.12);border-radius:var(--rrno-radius);box-shadow:0 6px 24px rgba(0,48,80,.10),0 1px 3px rgba(0,48,80,.06);overflow:hidden;display:flex;flex-direction:column;padding:0 !important;} @media only screen and (max-width:989px){#top .rrno-facts-sec .entry-content-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));}} @media only screen and (max-width:599px){#top .rrno-facts-sec .entry-content-wrapper{grid-template-columns:1fr;}} #top .rrno-tile .rrno-tile-img,#top .rrno-tile .rrno-tile-img a{display:block;margin:0 !important;width:100%;line-height:0;} #top .rrno-tile .rrno-tile-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0;} #top .rrno-tile .av_textblock_section{display:flex;flex-direction:column;} #top .rrno-tile .av_textblock_section:last-child{flex:1 1 auto;} #top .rrno-tile .avia_textblock{padding:20px 24px 22px;display:flex;flex-direction:column;flex:1 1 auto;} #top .rrno-tile h3{margin:0 0 10px !important;color:var(--rrno-navy);font-size:1.25rem;line-height:1.25;} #top .rrno-tile h3 em{display:block;font-size:.85em;font-weight:400;color:var(--rrno-steel);margin-top:2px;} #top .rrno-eyebrow{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rrno-steel);margin-bottom:4px;} #top .rrno-tile-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;color:var(--rrno-navy);font-size:.95rem;line-height:1.55;} #top .rrno-tile-text p{margin:0 0 .5em;} #top .rrno-tile-text p:last-child{margin-bottom:0;} #top .rrno-tile.open .rrno-tile-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;} #top .rrno-tile-more{margin-top:auto;padding:12px 0 0;cursor:pointer;font:inherit;font-weight:600;font-size:.9rem;color:var(--rrno-navy);text-decoration:underline;align-self:flex-start;background:none;border:0;} #top .rrno-tile-more:focus-visible{outline:2px solid var(--rrno-steel);outline-offset:3px;} @media only screen and (min-width:900px){ #top .rrno-circles-ice .flex_column .av_textblock_section,#top .rrno-circles-ice .flex_column .avia-button-wrap{width:auto !important;max-width:none;} #top .rrno-circles-ice .flex_column .avia-button-wrap .avia-button{margin:0;} } #top #main .avia-section:not(.rrno-hero) .flex_column{margin-bottom:0;} @media only screen and (max-width:767px){ #top #main .avia-section:not(.rrno-hero):not(.rrno-statement-sec) > .container{padding-top:16px !important;padding-bottom:16px !important;} } @media only screen and (min-width:768px){ #top #main .avia-section:not(.rrno-hero):not(.rrno-statement-sec) > .container{padding-top:34px !important;padding-bottom:34px !important;} } #top #main .entry-content-wrapper > br{display:none;} /* v5: circle in normal flow on phones (overlap impossible by construction) */ @media only screen and (max-width:767px){ #top .rrno-hero-home{overflow:visible !important;} #top .rrno-hero-home .av_textblock_section:has(.rrno-circle){position:relative !important;} #top .rrno-hero-home .flex_column{padding-bottom:0 !important;} #top .rrno-circle{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;margin:28px auto -115px !important;width:min(230px,62vw) !important;height:min(230px,62vw) !important;} #top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:140px !important;} } @media only screen and (min-width:768px){ #top .rrno-statement-sec > .container,#top .rrno-statement-sec .container.av-section-cont-open{padding-top:115px !important;} } /* v5: spacing after images / between headings when columns stack */ #top .rrno-content h2,#top .rrno-content h3,#top .rrno-about h2,#top .rrno-about h3{margin-top:1.2em;margin-bottom:.5em;} #top .rrno-content > :first-child,#top .rrno-content .avia_textblock > :first-child{margin-top:0;} @media only screen and (max-width:767px){ #top #main .avia-section:not(.rrno-hero) .flex_column + .flex_column{margin-top:24px !important;} #top #main .avia-section:not(.rrno-hero) .avia-image-container,#top #main .avia-section:not(.rrno-hero) .rrno-media,#top #main .avia-section:not(.rrno-hero) .rrno-cert,#top #main .avia-section:not(.rrno-hero) figure{margin-bottom:24px;} #top #main .avia-section:not(.rrno-hero) .rrno-media img{margin-bottom:0;} #top #main .avia-section:not(.rrno-hero) img + h2,#top #main .avia-section:not(.rrno-hero) img + h3,#top #main .avia-section:not(.rrno-hero) a + h2,#top #main .avia-section:not(.rrno-hero) a + h3{margin-top:24px;} #top .rrno-about-sec .flex_column{margin-bottom:0;} #top .rrno-about-sec .flex_column + .flex_column,#top .rrno-about-sec .av_textblock_section + .av_textblock_section{margin-top:32px !important;} } /* v5: language item shows only flag + code at every width; hero text aligned with logo at 768-1130 */ #top #header .av-main-nav > li.pll-parent-menu-item > a .avia-menu-text{font-size:0 !important;} #top #header .av-main-nav > li.pll-parent-menu-item > a .avia-menu-text::after{font-size:13px;} @media only screen and (min-width:768px) and (max-width:1130px){ #top .rrno-hero-photo .flex_column{padding-left:0 !important;padding-right:0 !important;} } #top .rrno-content p.rrno-imp-label{margin-bottom:.15em;} #top .rrno-content p.rrno-imp-label + p{margin-top:0;} #top .rrno-content p.rrno-imp-label strong{color:var(--rrno-navy);} /* v5-end */ /* v6-begin */ /* v6: hero composition from company photos (variant A). Switch to variant B: replace "hero-a-" by "hero-b-" in this block. */ @font-face{font-family:'Satisfy';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/satisfy-v22-latin-regular.woff2') format('woff2');} #top .rrno-hero-new.rrno-hero-home{background-image:url('/wp-content/uploads/2026/11/rrno-hero-a-home-2560.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-a-home-2560.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-a-home-2560.jpg') type('image/jpeg')) !important;background-size:cover !important;background-position:center center !important;} #top .rrno-hero-new.rrno-hero-strip{background-image:url('/wp-content/uploads/2026/11/rrno-hero-a-strip-2560.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-a-strip-2560.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-a-strip-2560.jpg') type('image/jpeg')) !important;background-size:cover !important;background-position:center center !important;} @media (max-width:1440px){ #top .rrno-hero-new.rrno-hero-home{background-image:url('/wp-content/uploads/2026/11/rrno-hero-a-home-1440.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-a-home-1440.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-a-home-1440.jpg') type('image/jpeg')) !important;} #top .rrno-hero-new.rrno-hero-strip{background-image:url('/wp-content/uploads/2026/11/rrno-hero-a-strip-1440.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-a-strip-1440.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-a-strip-1440.jpg') type('image/jpeg')) !important;} } @media (max-width:767px){ /* v7: mobile home hero = variant B (bee on dead-nettle) */ #top .rrno-hero-new.rrno-hero-home{background-image:url('/wp-content/uploads/2026/11/rrno-hero-bm-home-828.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-bm-home-828.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-bm-home-828.jpg') type('image/jpeg')) !important;} #top .rrno-hero-new.rrno-hero-strip{background-image:url('/wp-content/uploads/2026/11/rrno-hero-a-strip-828.jpg');background-image:image-set(url('/wp-content/uploads/2026/11/rrno-hero-a-strip-828.webp') type('image/webp'),url('/wp-content/uploads/2026/11/rrno-hero-a-strip-828.jpg') type('image/jpeg')) !important;} } #top .rrno-hero-photo .rrno-slogan{font-family:'Satisfy','Brush Script MT',cursive;font-weight:400;font-size:clamp(1.65rem,2.9vw,2.6rem);line-height:1.1;color:#fff;margin:0 0 .35em;text-shadow:0 1px 10px rgba(0,26,44,.45);letter-spacing:.01em;} #top .rrno-hero-photo .rrno-slogan-wrap .avia_textblock{margin:0;} @media (max-width:767px){#top .rrno-hero-photo .rrno-slogan{font-size:1.65rem;}} /* v6 typography: ONE body style and ONE heading scale for all content blocks (reference: Impressum). Cards, tiles, hero and circle keep their component sizes. */ #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-statement-sec) .av_textblock_section:not(.rrno-tile-copy):not(.rrno-tile-img) .avia_textblock{font-size:17px;line-height:1.65;font-weight:400;font-family:'Poppins',sans-serif;} #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-statement-sec) .av_textblock_section:not(.rrno-tile-copy):not(.rrno-tile-img) .avia_textblock :is(p,li){font-size:17px;line-height:1.65;font-weight:400;font-family:'Poppins',sans-serif;} #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-statement-sec) .av_textblock_section .avia_textblock p{margin:0 0 1em;} #top #main .avia-section:not(.rrno-hero):not(.rrno-cards) .avia_textblock ul{list-style:disc outside;margin:0 0 1.2em 1.4em;padding:0;} #top #main .avia-section:not(.rrno-hero):not(.rrno-cards) .avia_textblock ul li{margin:0 0 .35em;padding:0;} #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-tile-sec) .rrno-content h3,#top #main .rrno-about-sec h3,#top #main .rrno-about h3{font-size:1.3rem;font-weight:700;line-height:1.3;} @media (max-width:767px){ /* v7: mobile home hero = variant B (bee on dead-nettle) */ #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-statement-sec) .av_textblock_section:not(.rrno-tile-copy):not(.rrno-tile-img) .avia_textblock, #top #main .avia-section:not(.rrno-hero):not(.rrno-cards):not(.rrno-statement-sec) .av_textblock_section:not(.rrno-tile-copy):not(.rrno-tile-img) .avia_textblock :is(p,li){font-size:16px;} } /* v6-end */ /* go-live: wpautop leaves an empty

(15px margin) above the first section -> white strip above the transparent-header hero */ #top #main > p:first-child{margin:0 !important;padding:0 !important;}