.konzert-newsletter{--nl-akzent:var(--color-accent, #cfe5c7);--nl-akzent-dunkel:var(--color-accent-dark, #4a6b3f);--nl-grau:var(--color-accent-alternative, #61625b);--nl-rand:var(--border-color-default, #e0e0e0);--nl-flaeche:var(--content-block-background, #f5f5f5);--nl-hintergrund:var(--color-background, #fefefe);--nl-text:var(--font-color-primary, #1c1c1c);--nl-radius:var(--small-border-radius, 5px);--nl-abstand:var(--padding-default, 20px);box-sizing :border-box;max-width :min(640px, calc(100% - 2 * var(--nl-abstand)));margin :calc(1.5 * var(--nl-abstand)) var(--nl-abstand) calc(2 * var(--nl-abstand)) var(--nl-abstand);padding :calc(1.25 * var(--nl-abstand));background-color :var(--nl-hintergrund);border :1px solid var(--nl-rand);border-top :4px solid var(--nl-akzent-dunkel);border-radius :var(--nl-radius);box-shadow :0 2px 10px rgb(0 0 0 / .06);color :var(--nl-text);*{box-sizing:border-box}p{max-width:none!important;margin:0 0 var(--nl-abstand) 0;padding:0!important}}.konzert-newsletter-kopf{display :flex;align-items :flex-start;gap :calc(.8 * var(--nl-abstand));margin-bottom :var(--nl-abstand);.konzert-newsletter-intro{margin:0;color:var(--nl-grau)}}.konzert-newsletter-symbol{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--nl-akzent);color:var(--nl-akzent-dunkel)}.konzert-newsletter h2.konzert-newsletter-titel{max-width:none!important;margin:2px 0 4px 0;padding:0;border:0;font-family:LatoBold,sans-serif;font-size:1.5em;line-height:1.2}.konzert-newsletter-feld{margin-bottom :var(--nl-abstand);label{display:block;margin-bottom:6px;font-family:LatoBold,sans-serif;font-size:.8em;letter-spacing:.05em;text-transform:uppercase;color:var(--nl-grau)}input{display :block;width :100%;padding :11px 13px;font :inherit;color :inherit;background-color :var(--nl-hintergrund);border :1px solid var(--nl-rand);border-radius :var(--nl-radius);transition :border-color .15s ease,box-shadow .15s ease;&:focus{outline:none;border-color:var(--nl-akzent-dunkel);box-shadow:0 0 0 3px var(--nl-akzent)}}}.konzert-newsletter-zustimmung{display :flex;align-items :flex-start;gap :10px;margin-bottom :var(--nl-abstand);font-size :.92em;line-height :1.45;cursor :pointer;input[type="checkbox"]{-webkit-appearance :none;appearance :none;position :relative;flex :0 0 auto;width :20px!important;height :20px!important;margin :1px 0 0 0;padding :0;background-color :var(--nl-hintergrund)!important;border :2px solid var(--nl-akzent-dunkel)!important;border-radius :4px;cursor :pointer;transition :background-color .15s ease;&::after{content:''!important;position:absolute!important;display:block!important;left:5px!important;top:1px!important;width:6px!important;height:11px!important;border:solid var(--font-color-light,#fefefe)!important;border-width:0 2.5px 2.5px 0!important;transform:rotate(45deg);opacity:0;transition:opacity .15s ease}&:checked{background-color :var(--nl-akzent-dunkel)!important;&::after{opacity:1}}&:focus-visible{outline:none;box-shadow:0 0 0 3px var(--nl-akzent)}}}.konzert-newsletter-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.konzert-newsletter-knopf{display :inline-flex;align-items :center;font-family :LatoBold,sans-serif!important;font-size :.95em!important;line-height :1.2!important;color :var(--nl-text)!important;background-color :var(--nl-akzent)!important;border :1px solid transparent!important;border-bottom :2px solid var(--nl-akzent-dunkel)!important;border-radius :var(--nl-radius)!important;padding :11px 20px!important;cursor :pointer;transition :background-color .15s ease,color .15s ease;&:hover,&:focus-visible{background-color:var(--nl-akzent-dunkel)!important;color:var(--font-color-light,#fefefe)!important}&:focus-visible{outline:2px solid var(--nl-akzent-dunkel);outline-offset:2px}&.is-zweitrangig{background-color :var(--nl-hintergrund)!important;border-color :var(--nl-rand)!important;border-bottom :2px solid var(--nl-grau)!important;&:hover,&:focus-visible{background-color:var(--nl-grau)!important;color:var(--font-color-light,#fefefe)!important}}}.konzert-newsletter-link{padding :0!important;font :inherit!important;font-size :.9em!important;color :var(--nl-grau)!important;background :none!important;border :0!important;text-decoration :underline;cursor :pointer;&:hover,&:focus-visible{color:var(--nl-text)!important}}.konzert-newsletter p.konzert-newsletter-hinweis{margin:var(--nl-abstand) 0 0 0;font-size:.85em;color:var(--nl-grau)}.konzert-newsletter p.konzert-newsletter-status{padding :14px 16px!important;line-height :1.5;background-color :var(--nl-flaeche);border-left :4px solid var(--nl-grau);border-radius :0 var(--nl-radius) var(--nl-radius) 0;&.is-bestaetigt{border-left-color:var(--nl-akzent-dunkel)}&.is-ausstehend{border-left-color:#c98a1b}strong{font-family:LatoBold,sans-serif}}.konzert-newsletter-seit{color:var(--nl-grau)}.konzert-newsletter p.konzert-newsletter-meldung{padding :12px 16px!important;border-radius :var(--nl-radius);font-size :.95em;&.is-ok{background-color:var(--nl-akzent);color:#24361e}&.is-hinweis{background-color:#fbecd0;color:#5c3d05}&.is-fehler{background-color:#f8dcdc;color:#6b1a1a}}@media screen and (max-width :600px){.konzert-newsletter{padding:var(--nl-abstand)}.konzert-newsletter-symbol{width:40px;height:40px}.konzert-newsletter-knopf{justify-content:center;width:100%}}