﻿/* Gemeinsame Kanten nach Startseite: grüner Streifen im oberen Bereich,
   Textkante des Abschnitts Allgemeinmedizin. */
.gemeinsames-layout {
 --streifen: max(10px, calc((100% - 1320px)/2 + 50px));
 --textkante: max(40px, calc((100% - 1320px)/2 + 264px));
 --rechter-rand: max(24px, calc((100% - 1320px)/2 + 80px));
}
@media(max-width:1399px){.gemeinsames-layout{--streifen:max(10px,calc((100% - 1140px)/2 + 50px));--textkante:max(40px,calc((100% - 1140px)/2 + 152px));--rechter-rand:40px;}}
@media(max-width:1199px){.gemeinsames-layout{--streifen:max(10px,calc((100% - 940px)/2 + 50px));--textkante:max(40px,calc((100% - 940px)/2 + 148px));}}
@media(max-width:991px){.gemeinsames-layout{--streifen:max(10px,calc((100% - 720px)/2 + 50px));--textkante:max(40px,calc((100% - 720px)/2 + 130px));--rechter-rand:30px;}}
@media(max-width:767px){.gemeinsames-layout{--streifen:max(10px,calc((100% - 540px)/2 + 50px));--textkante:max(40px,calc((100% - 540px)/2 + 91px));--rechter-rand:24px;}}
@media(max-width:575px){.gemeinsames-layout{--streifen:max(10px,calc((100% - 320px)/2));--textkante:max(40px,calc((100% - 320px)/2 + 43px));--rechter-rand:20px;}}
.gemeinsames-layout .u-header.u-sticky {position:sticky;top:0;background:linear-gradient(to right,#9bbf00 0,#9bbf00 var(--streifen),#fff var(--streifen),#fff 100%);}
.gemeinsames-layout .standard-abschnitt {display:block;position:relative;min-height:0;height:auto;padding:0;margin:0;background:linear-gradient(to right,#9bbf00 0,#9bbf00 var(--streifen),#fff var(--streifen),#fff 100%);}
.gemeinsames-layout .seitentitel {box-sizing:border-box;display:flex;align-items:center;min-height:120px;background:#1b2e78;color:white;padding:24px var(--rechter-rand) 24px var(--textkante);}
.gemeinsames-layout .seitentitel .seitentitel-text {position:static;display:block!important;margin:0;width:auto;max-width:100%;font-family:Candara,sans-serif;font-size:1.875rem;font-weight:700;line-height:1.2;text-align:left;color:white;}
.gemeinsames-layout .seiteninhalt {box-sizing:border-box;display:flow-root;margin:0 var(--rechter-rand) 0 var(--textkante);padding:56px 0 64px;}
.gemeinsames-layout .seiteninhalt > .inhaltselement {position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:0;height:auto;max-width:100%;width:100%;margin:0 0 32px;}
.gemeinsames-layout .seiteninhalt > .inhaltselement:last-child {margin-bottom:0;}
.gemeinsames-layout .seiteninhalt .inhalt-layout {padding:0;min-height:0;display:block;}
.gemeinsames-layout .seiteninhalt .inhalt-layout > .u-text {width:auto;max-width:100%;margin-left:0;margin-right:0;}
.gemeinsames-layout .seiteninhalt .inhalt-layout > .u-text:first-child {margin-top:0;}
.gemeinsames-layout .seiteninhalt.zweispaltig {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:start;}
.gemeinsames-layout .seiteninhalt.zweispaltig > img {object-fit:cover;aspect-ratio:1 / 1;}
.gemeinsames-layout .seiteninhalt > img {width:auto;max-width:100%;}
.gemeinsames-layout .seiteninhalt .u-accordion {width:100%;margin:0;}
.gemeinsames-layout .mit-akkordeon {margin-left:calc(var(--textkante) - 20px);}
.gemeinsames-layout .mit-akkordeon .u-accordion-link {padding-left:20px;}
.gemeinsames-layout .mit-akkordeon .u-accordion-pane > .u-container-layout {padding-left:20px;padding-right:20px;}
.gemeinsames-layout .einheitlicher-streifen > .u-custom-color-2.u-shape {width:var(--streifen);}
@media(max-width:991px){.gemeinsames-layout .seiteninhalt.zweispaltig{grid-template-columns:minmax(0,1fr);gap:24px;}.gemeinsames-layout .seiteninhalt.zweispaltig > img{max-width:460px;}}
@media(max-width:575px){.gemeinsames-layout .seitentitel{min-height:96px;padding-top:20px;padding-bottom:20px;}.gemeinsames-layout .seitentitel .seitentitel-text{font-size:1.5rem;}.gemeinsames-layout .seiteninhalt{padding-top:32px;padding-bottom:40px;}}
.gemeinsames-layout .seiteninhalt.zweispaltig > img { aspect-ratio:auto; height:auto; }
.gemeinsames-layout .igel-folge > p,
.gemeinsames-layout .igel-folge > a {grid-column:1 / -1;}
.gemeinsames-layout .igel-folge .u-text {text-align:left;}
.gemeinsames-layout .igel-folge > .u-image.u-group {min-height:260px;}
.gemeinsames-layout .u-section-1 .u-custom-html-1 {margin-top:0;}
