﻿/*!
Theme Name: Paul Lange Beratung
Theme URI: http://www.lange-beratung.de
Description: Paul Lange Beratung Wordpress Theme
Author: Marc Böhm
Author URI: https://bo-ma.net
Version: 1.0.0
Text Domain: plb
*/*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #7258e2;--color-secondary: #f3edab;--color-white: #fff}@font-face{font-family:"Noway Regular";src:url("./assets/fonts/noway-regular-webfont.woff2") format("woff2"),url("./assets/fonts/noway-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Noway Bold";src:url("./assets/fonts/noway-bold-webfont.woff2") format("woff2"),url("./assets/fonts/noway-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}html{font-size:125%;scroll-behavior:smooth}body{overflow-x:hidden;font-size:16px;line-height:1.6}html,body{margin:0;padding:0;background:var(--color-white);font-family:"Noway Regular",Arial,sans-serif;color:var(--color-primary);width:100%;min-height:100vh}.hidden{display:none}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4,h5,h6{font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:"Noway Bold",Arial,sans-serif;margin-top:0;margin-bottom:.75rem;font-weight:normal}a{text-decoration:none;color:currentColor;position:relative;display:inline-block}.main-wrapper{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh}.section{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:4rem;height:100%;min-height:50vw}.section.contact{grid-column:span 2;aspect-ratio:auto}.section{background:var(--color-secondary);color:var(--color-primary)}.section:first-child{justify-content:center}.section:nth-child(2),.section.contact{background:var(--color-primary);color:var(--color-secondary)}.section *:last-child{margin-bottom:0}.section-title,.section-text{width:100%;margin-bottom:1.2rem}.section ul{padding-inline-start:.75rem;margin:1rem 0}.section ul li{margin-bottom:.4rem;padding:0;list-style-type:disc}.logo-img{display:block;max-width:6.8rem;max-height:6.8rem;margin-bottom:1.2rem}.hero-image{display:block;width:100%;height:70vh;object-fit:cover;object-position:center;grid-column:span 2}.contact-form{display:flex;flex-direction:column;gap:.75rem}.contact-form label{color:var(--color-secondary);font-family:"Noway Regular",Arial,sans-serif}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;border:1px solid var(--color-secondary);border-radius:.4rem;margin-top:.4rem;box-sizing:border-box;background:var(--color-white);color:var(--color-primary)}button{background:var(--color-secondary);color:var(--color-primary);border-radius:5rem;padding:.8rem 1.25rem;font-family:"Noway Bold",Arial,sans-serif;font-weight:normal;font-size:120%;cursor:pointer;margin-top:1rem;display:flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--color-secondary);z-index:1;transition:all .6s ease-in-out}button::before{content:"";position:absolute;inset:-2px;border-radius:5rem;padding:2px;background:conic-gradient(from var(--angle), var(--color-secondary), var(--color-primary), var(--color-secondary));-webkit-mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--color-white) 0 0) content-box,linear-gradient(var(--color-white) 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}button:hover::before{opacity:1;animation:rotateBorder 3s linear infinite}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.footer{width:100%;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:2rem 4rem;text-align:center;grid-column:span 2;justify-content:space-between}.footer-left,.footer-right{display:flex;flex-direction:row;gap:.5rem;align-items:center}.footer-right{justify-content:flex-end}.footer-logo{width:1.05rem;height:.85rem;vertical-align:middle}.centered-svg{display:flex;justify-content:center;align-items:center;max-width:20rem;max-height:20rem;aspect-ratio:1;overflow:hidden;margin:0 auto}.centered-svg img{width:100%;height:100%;object-fit:contain}@keyframes rotateElements{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotateBorder{0%{--angle: 0deg}100%{--angle: 360deg}}@keyframes scaleElements{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.centered-svg.animate{transform-origin:center;animation:scaleElements 1s linear}.centered-svg.animate #b>*:not(#Vector_2):not(#Vector_3):not(#Vector_4){transform-origin:center;animation:rotateElements 15s linear}.contact-section{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;color:var(--color-white)}.contact-info{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:.5rem;width:100%}.contact-form{width:100%}.contact-info .logo-img{max-width:6.8rem;aspect-ratio:1;margin-bottom:1.8rem}@media only screen and (max-width: 1000px){h2{font-size:1.25rem;font-size:2.5vw}}@media only screen and (max-width: 800px){body{font-size:18px}h1{font-size:1.5rem}h2{font-size:3.5vw}a::after{content:"";position:absolute;width:100%;height:1px;background-color:currentColor;left:0;bottom:-0.125rem}.main-wrapper{grid-template-columns:1fr}.section{padding:3rem;min-height:50vh}.section.contact{grid-column:1}.section:nth-child(even){background:var(--color-primary);color:var(--color-secondary)}.hero-image{grid-column:1}.footer{grid-column:1;flex-direction:column;gap:3rem}.footer-left{flex-direction:column;align-items:center;gap:1rem;width:100%}.footer-right{justify-content:center}.centered-svg{max-width:15rem;max-height:15rem}.contact-section{flex-direction:column;gap:3rem}.contact-info .name{margin-top:4rem}.contact-info .logo-img{max-width:5rem;margin-bottom:1rem}}@media only screen and (max-width: 600px){body{font-size:16px}h2{font-size:1.25rem}.section{padding:2rem 1rem;aspect-ratio:auto;min-height:70vh;align-items:center;justify-content:center}}@media only screen and (min-width: 800px){.section:nth-child(3n){background:var(--color-primary);color:var(--color-secondary)}}@media(hover: hover){a::after{content:"";position:absolute;width:0;height:1px;background-color:currentColor;left:50%;bottom:-0.125rem;-webkit-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);-moz-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);-o-transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 600ms cubic-bezier(0.075, 0.82, 0.165, 1)}a:hover::after,a:active::after,a:focus::after{width:100%;left:0}button:hover{background:var(--color-primary);color:var(--color-secondary)}}.small-layout{padding:0 4rem;max-width:1000px;margin:0 auto}.small-layout h2,.small-layout h3{margin-top:2rem}@media only screen and (max-width: 600px){.small-layout{padding:0 1rem}}header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}header a.custom-logo-link{padding:2rem 0}header a.custom-logo-link:after{display:none}header img.custom-logo{max-height:5rem;aspect-ratio:1}.form-field{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 2px rgba(0,115,230,.3)}
