:root{--color-pink: #eb0080;--color-blue: #1b1464;--color-orange: #ffa000;--color-green: #7aba58;--color-wrapper: #cde1ae;--color-page-bg: #ccc;--color-white: #fff;--font-body: Arial, Helvetica, sans-serif;--font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-base: 14px;--font-size-h1: 24px;--font-size-h2: 21px;--wrapper-max: 1170px;--sidebar-width: 278px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-page-bg);color:var(--color-blue);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5}img{max-width:100%;height:auto}a{color:var(--color-blue)}a:hover,a:focus{color:var(--color-pink)}h1{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:var(--font-size-h1);color:var(--color-white);margin:0;line-height:1.2}h2{font-family:var(--font-heading);font-style:italic;font-weight:500;font-size:var(--font-size-h2);color:var(--color-pink);line-height:1.1;margin:1.6em 0 .6em}.wrapper{max-width:var(--wrapper-max);margin:0 auto;background:var(--color-wrapper);min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex:1;align-items:stretch}.sidebar{flex:0 0 var(--sidebar-width);max-width:var(--sidebar-width);background:var(--color-orange);padding:30px 15px 40px;display:flex;flex-direction:column}.sidebar-figure{margin:0 0 40px;text-align:center}.contact-block{background:var(--color-green);margin:320px -15px 0;padding:20px 15px 30px}.contact-block .pink{color:var(--color-pink);font-style:italic;font-weight:700}.contact-block p{margin:0 0 1em}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.main-nav{background:var(--color-white)}.main-nav ul{list-style:none;margin:0;padding:10px 30px;display:flex;flex-wrap:wrap;gap:8px 30px}.main-nav a{display:block;max-width:172px;padding:10px 0;color:var(--color-blue);text-decoration:none;font-size:14px}.main-nav a:hover,.main-nav a:focus{color:var(--color-pink)}.main-nav a[aria-current=page]{color:var(--color-green)}.page-title{background:var(--color-pink);padding:14px 30px}.page-content{flex:1;background:url(/images/beratung-systemisch-tuebingen.jpg) no-repeat top left / cover;padding:20px 30px 60px;min-height:700px}.page-content ul{padding-left:20px}.page-content li{margin-bottom:8px}.cols{display:flex;gap:40px;align-items:flex-start}.cols>.col-text{flex:1 1 60%;min-width:0}.cols>.col-side{flex:0 0 30%}.logo-line{margin:14px 0 24px}.contact-pink{color:var(--color-pink);font-family:var(--font-heading);font-style:italic;font-size:18px}.rule-pink{border:0;border-top:4px solid var(--color-pink);width:180px;margin:12px 0}.mobile-header{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{position:static}@media(max-width:900px){.desktop-banner{display:none}.mobile-header{display:block}.mobile-banner img{display:block;width:100%}.mobile-bar{background:var(--color-orange);display:flex;align-items:center;justify-content:space-between;padding:20px;gap:16px}.nav-toggle{background:var(--color-blue);border:0;border-radius:4px;padding:10px 12px;cursor:pointer;display:inline-flex;flex-direction:column;gap:4px}.nav-toggle .bar{display:block;width:22px;height:2px;background:var(--color-white)}.main-nav{display:none}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:0;padding:10px 20px}.layout{flex-direction:column}.sidebar{order:2;flex:none;max-width:none;background:var(--color-green);padding:0}.sidebar-figure{display:none}.contact-block{margin:0;padding:25px 20px 40px}.main-col{order:1}.cols{flex-direction:column}.page-content{padding:20px 20px 40px}}@media(min-width:901px){.nav-toggle{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}