@charset "UTF-8";

@font-face {
      font-family: 'icons-mammaexplant';
      src: url('../font/icons-mammaexplant.eot?92887199');
      src: url('../font/icons-mammaexplant.eot?92887199#iefix') format('embedded-opentype'),
           url('../font/icons-mammaexplant.woff?92887199') format('woff'),
           url('../font/icons-mammaexplant.ttf?92887199') format('truetype'),
           url('../font/icons-mammaexplant.svg?92887199#icons-mammaexplant') format('svg');
      font-weight: normal;
      font-style: normal;
    }

:root {
	--blau-eins:rgb(0,158,227);
	--blau-zwei:rgb(0,97,167);
	--blau-drei:rgb(0,35,74);
	--blau-vier:rgb(0,17,48);
	--tuerkis:rgb(0,152,129);
	--tuerkis-hell:rgb(217,240,236);
	--blau-hell-eins:rgb(230,245,252);
	--blau-hell-zwei:rgb(204,236,249);
	--blau-hell-drei:rgb(102,197,238);
	--hellgrau:rgb(125,125,125);
}

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, button, dialog,
summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}

*, *:before, *:after , *::before, *::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

::-moz-selection { 
   color:white; 
   background-color:var(--blau-eins); 
   text-shadow:none; 
}

::selection  { 
   color:white; 
   background-color:var(--blau-eins); 
   text-shadow:none; 
}



html, body {
	font:55% "museo-sans-rounded", sans-serif;
	text-align:left;
	font-weight:300;
	font-style:normal;
	color:rgb(0,0,0);
}



body {
    overflow-y:scroll;
	background-color:rgb(255,255,255);
}

body {
 hyphens:auto;
}



a {
	transition:all 0.3s ease-in-out;
	color:var(--blau-zwei);
}

 
a:link, a:visited, a:focus, a:active {
	font-size:2.2rem;
	line-height:3.08rem;
	text-align:left;
	font-weight:100;
	font-style:normal;
	color:var(--blau-zwei);
	text-decoration:none;
}

a:hover {
	color:var(--blau-eins);
}


h1, h2 {
	font-size:3rem;
	line-height:3.5rem;
	text-align:left;
	font-weight:700;
	font-style:normal;
	color:rgb(0,0,0);
}

h3 {
	font-size:2.2rem;
	line-height:3.08rem;
	text-align:left;
	font-weight:600;
	font-style:normal;
	color:rgb(0,0,0);
	
}

h4 {
	font-size:2.2rem;
	line-height:3.08rem;
	text-align:left;
	font-weight:300;
	font-style:normal;
	color:rgb(0,0,0);
	
}

p {
	font-size:2.2rem;
	line-height:3.08rem;
	text-align:left;
	font-weight:100;
	font-style:normal;
	color:rgb(0,0,0);
	margin:0 0 2rem 0;
}

.klein {
	font-size:1.8rem;
	line-height:2.52rem;
}

.bold {
	font-weight:700;
}

.kursiv {
	font-style:italic;
}

.light {
	font-weight:100;
}


/* Aufzählung – normal */

ul.aufzaehlung {
	display:block;
	position:relative;
    width:100%;
    height:auto;
	font-size:2.2rem;
	line-height:3.08rem;
	text-align:left;
	font-weight:100;
	font-style:normal;
	color:rgb(0,0,0);
	padding:0 0 0 2.5rem;
    margin:0 0 2rem 0;
}

ul li {
    list-style-type:none;
}

ul.aufzaehlung li::before {
    content:"";
    display:block;
	position:absolute;
    padding:1.3rem 0.5rem 1.3rem 1.3rem;
    left:0.3rem;
    background-image:url("../bilder/icons/listenzeichen.svg");
    background-repeat:no-repeat;
    background-size:0.75rem;
    background-position:left 1rem;
}



img, svg, figure, video {
	display:block;
	position:relative;
	width:100%;
	height:auto;
}


figcaption, .zitat-autor {
	display:block;
	width:100%;
	height:auto;
	font-size:1.6rem;
	line-height:2.2rem;
	text-align:left;
	font-weight:500;
	font-style:normal;
}

.quadratisch {
	aspect-ratio:1 / 1;	
	object-fit:cover;
}

.weisser-hintergrund {
	background-color:white;
}


#vorschaltbild {
    width:100%;
    height:100vh;
    object-fit:cover;
}


@keyframes touched {
	0% {
		opacity:1;
		}
	75% {
		transform:scale(1.05);
		opacity:0.8;
  		}
	100% {
		transform:scale(1);
		opacity:1;	
  		}
}


@keyframes touched-heavy {
	0% {
		opacity:1;
		}
	75% {
		transform:scale(1.3);
		opacity:0.8;
  		}
	100% {
		transform:scale(0.9);
		opacity:1;	
  		}
}


@keyframes verzoegert-einblenden {
	0% {	
	    opacity:0;
	    transform:scale(1);
	}
	50% {
	    opacity:1;
	    transform:scale(1.3);
	}
	100% {
	    opacity:0.5;
	    transform:scale(0.95);
	}
}

@keyframes weich-einblenden {
	0% {	
	    opacity:0;
	    transform:scale(1.5);
	}
	50% {
	    opacity:1;
	    transform:scale(1);
	}
	100% {
	    opacity:1;
	}
}

@keyframes weich-einblenden-von-oben {
	0% {	
	    opacity:0;
	    transform:scale(1) translateY(-2.5rem);
	}
	75% {
        transform:scale(1) translateY(0.4rem);
	}
    100% {
	    opacity:1;
        transform:scale(1) translateY(0);
	}
}




/* ------------------------------------------
  Video-Hero-Container
--------------------------------------------- */
.video-container-hero {
	display:flex;
	justify-content:center;
	align-content:center;
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:var(--blau-drei);
}

.video-container-hero video {
	object-fit:cover;
    opacity:0;
	animation-name:weich-einblenden;
	animation-delay:1s;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:100vh;
}


.video-container-hero {
	container-type:inline-size;
	container-name:videocontainer;
}


@container videocontainer (min-inline-size:700px) {
	
    .video-container-hero::before {
        content:"Zum Fortfahren bitte klicken.";
        position:absolute;
        display:block;
        font-size:3rem;
        text-align:center;
        font-weight:300;
        color:white;
        width:100%;
        height:auto;
        bottom:4rem;
        z-index:5;
        opacity:0;
        animation-name:verzoegert-einblenden;
        animation-delay:13s;
        animation-duration:3s;
        animation-timing-function: ease-in-out;
        animation-iteration-count:1;
        animation-fill-mode:forwards;
    }
}
    



/* ------------------------------------------
  Header
--------------------------------------------- */

header {
	position:sticky;
	top:0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-end;
	width:100%; 
	height:100px;
	padding:2rem 2rem 2rem 2rem;
	margin:0 0 4rem 0;
    z-index:2;
	background-color:rgba(255,255,255,0.95);
}

.logo img {
	display:block;
	position:relative;
	max-width:230px;
	height:auto;
	top:1rem;
	z-index:2;
}

.logo img:hover {
	animation:touched 0.3s ease-in forwards;
}


/* ------------------------------------------
  Navigation
--------------------------------------------- */

/* XXXXXXXXXX curtain-menu XXXXXXXXXX*/

.overlay {
	position:fixed;
	height:100%;
	width:0;
	top:0;
	left:0;
	z-index:3;
	overflow-x:hidden;
	opacity:1;
	transition:0.5s;
	background-color:var(--blau-vier);
}

.overlay-content {
	position:absolute;
	display:grid;
	align-items:center;
	width:75%;
	height:50vh;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-family:"museo-sans-rounded", sans-serif;
	font-weight:700;
	text-align:center;
	background-color:none;
}

.overlay li {
	list-style:none;
}

.overlay a {
	display:block;
	font-size:2.5rem;
	line-height:2.5rem;
	text-align:center;
	text-decoration:none;
	color:white;
	padding:2rem 2rem 2rem 2rem;
	transition:0.35s;
}

.overlay .closebtn {
	position:absolute;
	font-family:"icons-mammaexplant";
	font-style:normal;
	font-weight:normal;
	font-size:3rem;
	line-height:2.5rem;
	top:4.5rem;
	right:2rem;
	color:white;
	background-color:var(--blau-eins);
}

.hamburger {
	position:absolute;
	display:block;
	font-family:"icons-mammaexplant";
	font-style:normal;
	font-weight:normal;
	font-size:3rem;
	line-height:1.9rem;
	right:2rem;
	padding:0;
	cursor:pointer; 
	color:var(--blau-eins);
	transition:0.35s;
}
 

/* ------------------------------------------
  Sections
--------------------------------------------- */

section {
	position:relative;
	display:block;
	padding:0 0 0 0;
	margin:0 0 2rem 0;
}

section.hellblau-zwei {
	background-color:var(--blau-hell-zwei);
	background-image:url("../bilder/icons/wing-30.svg");
	background-repeat:no-repeat;
	background-size:50%;
	background-position:120% 98%;
}

section.tuerkis-hell {
	background-color:var(--tuerkis-hell);
	background-image:url("../bilder/icons/wing-30.svg");
	background-repeat:no-repeat;
	background-size:50%;
	background-position:120% 98%;
}

.wrapper {
    display:block;
	position:relative;
	max-width:1024px; 
	height:auto; 
	margin:0 auto;
    padding:0 0 2rem 0;
	
}


/* ------------------------------------------
  Articles
--------------------------------------------- */





/* ------------------------------------------
  Content
--------------------------------------------- */

.fade-in {
      opacity: 0;
}


.fade-in.is-visible {
    animation-name:weich-einblenden-von-oben;
	animation-delay:0.5s;
	animation-duration:1s;
	animation-timing-function:cubic-bezier(.75,.47,.72,.99);
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}

h1 {
	position:relative;
	display:block;
	font-family:"museo-sans-rounded", sans-serif;
	font-weight:700;
	text-align:left;
    color:white;
	width:100%;
	height:auto;
	padding:2rem 2rem 2rem 2rem;
	margin:0 0 2rem 0;
    background-color:var(--blau-zwei);
}

h2 {
    position:relative;
	display:block;
	font-family:"museo-sans-rounded", sans-serif;
	font-weight:700;
	text-align:left;
	width:100%;
	height:auto;
	padding:2rem 2rem 2rem 2rem;
	margin:4rem 0 2rem 0;
    background-color:var(--blau-hell-eins);
}

section.hellblau-zwei h1, section.hellblau-zwei h2 {
	color:white;
	background-color:var(--blau-hell-drei);
}

section.tuerkis-hell h2 {
	color:white;
	background-color:var(--tuerkis);
}

h3 {
	padding:0 2rem 0 2rem;
}

p {
	display:block;
	position:relative;
	padding:0 2rem 0 2rem;
}

figcaption {
	display:block;
	position:relative;
	padding:0 2rem 2rem 2rem;
	margin:2rem 0 2rem 0;
}



/* XXXXXXXXXX Headerbilder XXXXXXXXXX*/

.headerbild {
    height:16vh;
    margin:0 0 -4rem 0;
    object-fit:cover;
}



/* XXXXXXXXXX Logos XXXXXXXXXX*/

.logos {
    padding:4rem 6rem 4rem 6rem;
}





/* XXXXXXXXXX Teaser Partner XXXXXXXXXX*/

.teaser-wrapper {
    display:block;
	position:relative;
	max-width:1308px; 
	height:auto; 
	margin:0 auto;
	padding:0 2rem 0 2rem;
	
	background-color:white;
}

.teaser-wrapper h2 {
	margin:0 0 2rem 0;
}

.teaser-wrapper .teaser-partner {
	border:solid 2px var(--blau-zwei);
}

.wrapper-partner-teaser {
	background-color:var(--blau-hell-eins);
	padding:6rem 0 2rem 0;
}

.partner-card p, .partner-doppel-card p {
	margin:0;
}

.partner-card, .partner-doppel-card {
	margin:0 0 2rem 0;
}

.partner-card img, .partner-doppel-card img {
	width:50%;
	margin:0 auto 2rem auto;
}

/* XXXXXXXXXX Links abgesetzt / Download XXXXXXXXXX*/

a.link-abgesetzt {
	display:inline-block;
	position:relative;
	font-weight:700;
	color:black;
	padding:2rem 2rem 2rem 5rem;
	transition:all 0.5s ease-in-out;
}

a.link-abgesetzt:hover {
	color:var(--blau-zwei);
    animation:touched 0.3s ease-in forwards;
}

a.link-abgesetzt::before {
	content:"\e803";
	display:block;
	position:absolute;
	left:2rem;
	font-family:"icons-mammaexplant";
	font-style:normal;
	font-weight:normal;
	font-size:2.5rem;
	color:var(--blau-eins);
	transition:all 0.3s ease-in-out;
}

a.link-abgesetzt.download::before {
	content:"\e800";
}

a.link-abgesetzt:hover::before {
	color:var(--blau-zwei);
}


/* XXXXXXXXXX Zitat XXXXXXXXXX*/

blockquote {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	padding:2rem 2rem 2rem 2rem;
	background-image:url("../bilder/icons/icon-abfuehrung.svg"), url("../bilder/icons/icon-anfuehrung.svg");
	background-repeat:no-repeat;
	background-size:50%;
	background-position:right 90%, left top;
}

blockquote p {
	font-size:3rem;
	line-height:3.8rem;
	font-weight:300;
	text-align:center;
	color:var(--blau-drei);
}

.zitat-autor {
	text-align:center;
	margin:2rem 0 0 0;
	color:var(--hellgrau);
}


/* XXXXXXXXXX Kontakt XXXXXXXXXX*/

.logo-und-adresse {
	width:100%;
	height:auto;
	padding:4rem 0 0 2rem;
    line-height:3.2rem;
    hyphens:manual;
}

a.logo-kontakt img {
    max-width:230px;
    margin:0 0 2rem 0;
}

a.logo-kontakt:hover img {
    animation:touched 0.3s ease-in forwards;
}

.logo-und-adresse p {
	padding:0 0 0 4rem;
	
}

.logo-und-adresse p::before,
.logo-und-adresse .kontakt-links a::before {
	content:"\e804";
	display:block;
	position:absolute;
	left:0.5rem;
	top:-0.2rem;
	line-height:3.6rem;
	font-family:"icons-mammaexplant";
	font-style:normal;
	font-weight:normal;
	font-size:2.2rem;
	color:var(--blau-eins);
}

.kontakt-links {
	margin:2rem 0 0 0;
}

.kontakt-links li {
	position:relative;
	padding:0 0 0 4rem;
	margin:0 0 2rem 0;
}

.kontakt-links li a {
	color:black;
}

.logo-und-adresse .kontakt-links li:first-of-type a::before {
	content:"\e806";
}

.logo-und-adresse .kontakt-links li:nth-of-type(2) a::before {
	content:"\e805";
	font-size:1.65rem;
}

.logo-und-adresse .kontakt-links li:nth-of-type(3) a::before {
	content:"\e807";
	font-size:2.1rem;
}


.logo-und-adresse .kontakt-links a:hover::before {
	color:var(--blau-zwei);
	animation:touched-heavy 0.3s ease-in forwards;
}


/* ------------------------------------------
  Footer
--------------------------------------------- */

footer {
	position:relative;
	display:block;
	width:100%; 
	height:auto;
	padding:4rem 0 4rem 0;
	margin:12rem 0 0 0;
	background-color:var(--blau-drei);
}

.footer-wrapper {
	padding: 2rem 2rem 2rem 2rem;
}


/* XXXXXXXXXX Förderhinweis XXXXXXXXXX*/

.foerderhinweis-bmbf {
	width:100%;
    max-width:400px;
	height:auto;
    padding:4rem 0 0 0;
    margin:0 auto;
	background-color:white;
}

/* XXXXXXXXXX Kontakt im Footer XXXXXXXXXX*/

.footer-info p {
	color:white;
}

footer .logo-und-adresse {
	padding:4rem 0 0 0;
}

footer .logo-und-adresse {
	margin:0 0 4rem 0;
}

footer .kontakt-links a {
	color:white;
}

.footer-menu .kontakt-links a {
	color:var(--blau-hell-zwei);
}

.footer-menu .kontakt-links a::before {
	content:"\e803";
	display:block;
	position:absolute;
	left:0.8rem;
	top:-0.2rem;
	line-height:3.6rem;
	font-family:"icons-mammaexplant";
	font-style:normal;
	font-weight:normal;
	font-size:2rem;
	color:var(--blau-eins);
}

footer .logo-und-adresse .kontakt-links a:hover::before,
.footer-menu .kontakt-links a:hover::before {
	color:var(--blau-hell-zwei);
	animation:touched-heavy 0.3s ease-in forwards;
}


.footer-copyright p {
	color:var(--blau-hell-zwei);
	padding:0 0 0 4rem;
}






/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
			@media (min-width:700px) {
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

                
html, body {
	font:62.5% "museo-sans-rounded", sans-serif;
	text-align:left;
	font-weight:300;
	font-style:normal;
	color:rgb(0,0,0);
}
                
                
/* ------------------------------------------
  Sections
--------------------------------------------- */

section.hellblau-zwei {
	background-size:45%;
	background-position:120% 90%;
}

section.tuerkis-hell {
	background-size:45%;
	background-position:0% 105%;
}
                
.wrapper {
    padding:4rem 8rem 4rem 8rem;
}
                
/* ------------------------------------------
  Content
--------------------------------------------- */
                
/* XXXXXXXXXX Teaser Partner XXXXXXXXXX*/

.teaser-wrapper {
	padding:4rem 8rem 4rem 8rem;
}
                           
                
/* XXXXXXXXXX Zitat XXXXXXXXXX*/

blockquote {
	background-size:21rem;
	background-position:right 85%, left 4%;
}
                
                
/* XXXXXXXXXX Förderhinweis XXXXXXXXXX*/

.foerderhinweis-bmbf {
	padding:4rem 0 0 0;
    margin:0 auto 2rem auto;
}
                
                
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
			@media (min-width:900px) {
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	

/* ------------------------------------------
  Header
--------------------------------------------- */
	
header {
	height:110px;
	padding:2rem 4rem 2rem 4rem;
	border-bottom:solid 2pt rgb(200,200,200);
}
	
.logo img {
	max-width:293px;
	top:1.5rem;
}
		
/* ------------------------------------------
  Navigation
--------------------------------------------- */


.overlay {
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	align-content:flex-end;
	width:75%;
	height:auto;
	overflow-x:visible;
	padding:2rem;
	background-color:white;
}
	
.hamburger, #closebutton {
	display:none;
		
}
	
.nur-mobil {
	display:none;
}
	
.overlay a {
	color:var(--blau-zwei);
line-height:4.5rem;
}
	
.overlay a:hover {
	color:var(--blau-eins);
	animation:touched 0.3s ease-in forwards;
}
	
.overlay-content {
	position:realtive;
	display:inline-flex;
	flex-direction:row;
	justify-content:flex-end;
	align-items: flex-end;
	width:100%;
	height:100%;
	left:0;
	transform:translate(0, 0);
	background-color:white;
}
	
	
/* ------------------------------------------
  Sections
--------------------------------------------- */
				
section {
	margin:0 0 4rem 0;
}
                
section.hellblau-zwei {
	background-size:40%;
	background-position:120% 30%;
}

section.tuerkis-hell {
	background-size:30%;
	background-position:5% 105%;
}
	
.wrapper {
    display:block;
	position:relative;
	max-width:1024px; 
	height:auto; 
	margin:0 auto;
	padding:0 0 4rem 0;
}
				
.teaser-wrapper {
	display:block;
	position:relative;
	max-width:1308px; 
	height:auto; 
	margin:0 auto;
	padding:4rem 2rem 4rem 2rem;				
}

	
	
/* ------------------------------------------
  Articles / Grid
--------------------------------------------- */

article {
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows:auto;
	justify-content:flex-start;
	gap:2rem;
	padding:0 0 0 0;
	max-width:1024px;
	margin:0 auto;
}
				
/* XXXXXXXXXX Teaser XXXXXXXXXX*/
				
.teaser-wrapper article {
	display:grid;
	grid-template-columns: 2fr repeat(12, 1fr) 2fr;
	grid-template-rows:auto;
	justify-content:flex-start;
	gap:2rem;
	padding:0 0 0 0;
	max-width:1308px;
	margin:0 auto;			
}
				
				
				
.zwoelf-spaltig {
	grid-column:1 / span 12;
}
	
.zehn-spaltig-mittig {
	grid-column:2 / span 10;
}
				
.acht-spaltig-mittig {
	grid-column:3 / span 8;
}
				
.fuenf-spaltig-links {
	grid-column:3 / span 5;
}
				
.fuenf-spaltig-rechts {
	grid-column:6 / span 5;
}
				
.vier-spaltig-links {
	grid-column:1 / span 4;
}

.vier-spaltig-rechts {
	grid-column:9 / span 4;
}
                
.drei-spaltig-links {
	grid-column:3 / span 3;
}

.drei-spaltig-rechts {
	grid-column:7 / span 3;
}
				
				
/* XXXXXXXXXX Teaser Partner XXXXXXXXXX*/
				
.tp-vierzehn-spaltig {
	grid-column:1 / span 14;
}	
				
.tp-zehn-spaltig-mittig {
	grid-column:3 / span 10;
}
				
.tp-acht-spaltig-mittig {
	grid-column:3 / span 8;
}
				
.tp-fuenf-spaltig-links {
	grid-column:4 / span 5;
}
				
.tp-sieben-spaltig-rechts {
	grid-column:7 / span 7;
}
				
.tp-vier-spaltig-links {
	grid-column:2 / span 4;
}

.tp-vier-spaltig-rechts {
	grid-column:10 / span 4;
}
				
	
/* ------------------------------------------
  Content
--------------------------------------------- */
				
h1, h2 {
	padding:4rem 4rem 4rem 4rem;
}
				
section.hellblau-zwei h1, section.hellblau-zwei h2, section.tuerkis-hell h2 {
	background-color:white;
	color:black;
}
				
h3 {
	padding:0 0 0 0;
}
				
p {
	padding:0 0 0 0;
}

figcaption {
	padding:0 2rem 0 2rem;
	margin:2rem 2rem 4rem 0;
}
                

/* XXXXXXXXXX Logos XXXXXXXXXX*/

.logos {
    padding:2rem 0 2rem 0;
}
                
				
/* XXXXXXXXXX Teaser Partner XXXXXXXXXX*/

.teaser-wrapper .teaser-partner {
	border:solid 4px var(--blau-zwei);
}
				
.teaser-wrapper h2 {
	margin:4rem 0 2rem 0;
	background-color:white;
}

p.tp-sieben-spaltig-rechts {
	grid-row:2 / span 1;					
}
				
figure.tp-vier-spaltig-links {
	grid-row:1 span 1;
}
                
.wrapper-partner-teaser {
    display:grid;
	grid-template-columns:1fr 1fr 2fr;
	justify-content:flex-start;
	gap:0;
    padding:6rem 4rem 2rem 4rem;
}
                        
.partner-card {
    display:grid;
	grid-template-columns:1fr;
	grid-template-rows:8rem 1fr;
	grid-row-gap:4rem;
    padding:0 2rem 0 2rem;
	border-left:2px solid white;
	border-right:2px solid white;
}
				
.partner-card:first-of-type {
	border-left:4px solid white;
}
				
.partner-card div, .partner-doppel-card div {
	width:100%;
	height:auto;
}
				
.partner-card img {
	width:70%;
	margin:0 auto 0 auto;
	align-self:flex-end;
}
				
.partner-doppel-card {
    display:grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows:8rem 1fr;
	grid-gap:4rem;
    padding:0 2rem 0 2rem;
    border-left:2px solid white;
	border-right:4px solid white;
}
                
.partner-doppel-card img {
	grid-column:1 / span 2;
	width:35%;
	margin:0 auto 0 auto;
	align-self:flex-end;
}
				
				
/* XXXXXXXXXX Zitat XXXXXXXXXX*/

blockquote {
	padding:12rem 12rem 4rem 12rem;
	background-size:21rem;
	background-position:right 85%, left 4%;
}
				
blockquote p {
	font-size:3.6rem;
	line-height:4.8rem;
	font-weight:100;
}
				
				
/* XXXXXXXXXX Kontakt XXXXXXXXXX*/
                
.logo-und-adresse {
	padding:0 0 0 0;
}
				
a.logo-kontakt img {
	max-width:293px;
}
				
.kontakt-links li {
	margin:0 0 0 0;
}

                

				
								

/* ------------------------------------------
  Footer
--------------------------------------------- */

footer {
	margin:20rem 0 0 0;
}
                
/* XXXXXXXXXX Förderhinweis XXXXXXXXXX*/
                
.footer-wrapper {
	padding: 8rem 4rem 4rem 4rem;
    margin:0 auto;
}

.foerderhinweis-bmbf {
	max-width:800px;
    padding:8rem 8rem 4rem 8rem;
	margin:0 auto 0 auto;
}
                
.foerderhinweis-bmbf img {
	max-width:312px;
    margin:0 auto 0 auto;
}
                
.footer-info {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:flex-start;
    max-width:1360px;
    margin:8rem 0 8rem 0;
}
				
                
footer .logo-und-adresse {
	flex:1;
	padding:0 0 0 0;				
}
			                
.footer-menu {
	flex:1;
    padding:9.2rem 0 0 0;
    margin:0 0 0 0;
}

.footer-menu p {
    padding:0 0 0 3rem;
    margin:0 0 0 0;
}
				
footer .footer-menu .kontakt-links li {
	margin:0 0 4rem 0;
					
}

	
	
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
			@media (min-width:1400px) {
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
                
                
                
/* ------------------------------------------
  Header
--------------------------------------------- */
	
header {
	padding:2rem 12rem 2rem 12rem;
}                

                
/* ------------------------------------------
  Footer
--------------------------------------------- */
 
.footer-info {
	padding:0 8rem 0 8rem;
}				
				
footer .logo-und-adresse {
	margin:0 0 0 0;
}
                

}