/* @file     theme.css
 * @version  2025-02-11
 * @since    2023
 * @licence  Copyrighted
 * @about    Ruegenmagic AWO main theme stylesheets
 *
 *
 */

@import url(theme-custom.css);


:root 
{
	/* Farben nach AWO Corporate Design Leitfaden */
	--color-awo-main:         #e2001A;  /* "Hauptfarbe AWO-Rot"        */
	--color-awo-a:            #fbbb1d;  /* "Sekundaerfarbe AWO-Gelb"   */
	--color-awo-a-light:      #ffe8af;
	--color-awo-b:            #009fe3;  /* "Sekundaerfarbe AWO-Blau"   */
	--color-awo-c:            #ee7100;  /* "Sekundaerfarbe AWO-Orange" */
	--color-awo-d:            #76b837;  /* "Sekundaerfarbe AWO-Gruen"  */
		
	/* Komplementaerfarben: */
	--color-awo-main-complement: #ffffff;
	--color-awo-a-complement:    #404040;
	--color-awo-b-complement:    #ffffff;
	--color-awo-c-complement:    #ffffff;
	--color-awo-d-complement:    #ffffff;

	/* Andere Farben: */
	--color-bg:              hsl(  0, 0%, 94% );  /* Grau */
	--color-bg-lighter:      hsl(  0, 0%, 98% );
	--color-bg-lighter-tr00: hsla( 0, 0%, 98%, 0);
	--color-bg-darker:       hsl(  0, 0%, 90% ); 
	--color-fg:              hsl(  0, 0%, 27% );
	--color-fg-lighter:      hsl(  0, 0%, 53% );

	--color-err-bg:         #423333;
	--color-err-fg:         #ffffff;
	--color-succ-bg:        #498356;
	--color-succ-fg:        #ffffff;


	/* Farben an WCAG-Kontrastanforderungen (AA) angepasst: 
	   Prueftool: https://webaim.org/resources/contrastchecker/    */
	--color-awo-main:         #B30015;  /* Originalfarbe nicht so problematisch, aber halbtransparente  */
	--color-awo-b:            #0084BD;  /* besteht bei grossen Schriften, sonst #0079AD; */
	--color-awo-d:            #588232;


	/* Maximal-Breiten: */
	--width-content: 1400px;
	
	/* Anderes: */
	--content-icon-news: "\1F50A\FE0E;";  /* Lautsprecher */



}




html
{
	font-size: 11pt;  /* rem reference */
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	font-family: Arial;
	line-height: 1.5em;
	background-color: var(--color-bg-lighter);
	color:            var(--color-fg);
	background-position: top right;
	background-repeat: no-repeat;

	padding: 2em 0 0em 0;
	border-top: 5px solid #666; /* hsl(353 100% 34% / 1); */
}

table
{
	border: 0;
	border-collapse: collapse;
}

table td
{
	border: 1px solid #444;
	padding: 0.6em 0.7em;
	text-align: left;
	vertical-align: top;
}


a
{
    color: inherit;
    text-decoration: underline;
}






.awo-title
{
	line-height: 1.3em;
}

.awo-sect-title
{
	font-size: 1.7rem;
	line-height: 1.2em;
	margin: 0.8em 0 0.8em 0px;
	text-indent: -28px;
	padding-left: 28px;
	letter-spacing: 0.0075em;
}

.awo-title,
.awo-sect-title
{
	text-overflow: ellipsis;
	overflow: hidden;
}

.awo-sect-title .awo-meta
{
	color: #00000090; 
	font-size: 1rem; 
	letter-spacing: 1px; 
	font-weight: normal;
}

.awo-logo
{
	box-sizing: border-box; 
	display: flex;
	position: relative;
	z-index: 1;
	justify-content: center;
}
.awo-logo .awo-logo-img
{
	position: relative; 
	z-index: 1;
	height: 80px;
}
.awo-logo-name
{
	z-index: 1;
	position: relative;
	padding: 0;
}
.awo-logo-name h1
{
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.4rem;
	margin: 0;
	padding: 0;
}



.awo-bg-img
{
	position: relative;
	height: calc( 100vh - 115px );
}
.awo-bg-img::before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: linear-gradient( to top, var(--color-bg-lighter-tr00) 0%, var(--color-bg-lighter) 98% );     z-index: 1;
	z-index: 1;
}
.awo-bg-img img
{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	left: 0;
	top: 0;
}
.awo-bg-img .awo-slogan
{
	z-index: 1;
	position: absolute;
	left: 10px;
	bottom: 46px;  /* 100vh beim Android-Chrome liegt _unterhalb_ der unteren Steuerleiste (anders als beim iPhone-Safari), daher muss der Slogan etwas hoeher gesetzt werden, auch wenn es weniger buendig ist */
	font-size: 1.6rem;
	font-weight: bold;
	width: 90%;
	display: inline-block;
}

.awo-bg-img .awo-slogan br
{
	display: none;
}


.awo-slogan span
{
	padding: 0.5em 0.75em;
	line-height: 1.67em;  /* Achtung, dass keine "g" abgeschnitten werden! */
	-webkit-box-decoration-break: clone;   
	box-decoration-break: clone;

	/* Default: */
	background-color: var(--color-awo-b); 
	color: var(--color-awo-b-complement);
}



.awo-logo .awo-slogan
{
	font-size: 1.5em;
	bottom: 3em;
	left: 1em;
}




#awo-fachbereiche .awo-content
{
	padding: 0;
}

#awo-fachbereiche details summary::-webkit-details-marker
{
	display:none;
}
	
#awo-fachbereiche details summary
{
	list-style: none;

	outline-offset: -8px;

	/* No accidental selection: */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}


.awo-icon    /* Default icon, see theme-custom.css */
{
	background-image: url( 'image/fach-ueber-icon-red.svg' ); 
}

#awo-faq .awo-icon,
#awo-fachbereiche details summary .awo-icon
{
	display: inline-block;
	min-height: 1.6em;
	min-width: 1.8em;
	padding: 0;
	border: 0.35em solid #ffffff;
	border-radius: 10px;
	margin: 0.0em 0.5em 0 0;
	opacity: 0.85;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#awo-faq .awo-icon
{
	max-width: 40px;
}


#awo-fachbereiche details[open] > summary ~ *
{
	animation: sweep 1s ease-in-out;    /* = WCAG contrast checker mistakes fg=bg otherwise; so any automated verifications might fail  */
}


#awo-fachbereiche #awo-job
{
	background-color: var(--color-awo-a-light);
	color: var(--color-awo-a-complement);
}

#awo-fachbereiche #awo-job summary .awo-icon
{
	border-color:     #111;
	background-color: #111;
}

#awo-fachbereiche #awo-job .rm-downloads
{
	margin-bottom: 0;   /*  Another list is following this list neatless */
	padding-bottom: 0;  /*  "    "    "   */
}



h2
{
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.3em;
}



.awo-btn
{
	background-color: var(--color-awo-main);
	color:            var(--color-awo-main-complement);
	text-decoration: none;
	padding: 0.5em 1.5em;
	display: inline-block;
	border-radius: 5px;
	font-weight: bold;
	box-shadow: 0px 8px 14px -8px rgba(0, 0, 0, 0.41);
	white-space: nowrap;
	box-sizing: border-box;
	text-align: center;
	border: 0 none;
	cursor: pointer;
	transition: all .15s ease-in-out;
}

.awo-btn:not(:disabled):hover
{
	filter:brightness(1.1);
	transform:scale(1.025);
}



.awo-nav ol,
.awo-nav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.awo-nav li
{
	margin: 0 0 0.4em 0;
	padding: 0;
	background: linear-gradient( 
			to left,
			rgba(255,255,255,0.0)  0%, 
			rgba(255,255,255,0.2) 90% );
	
	border-radius: 5px;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}



.awo-nav .pagelist-item > a::before
{
	text-align: left;
	position: relative;
	top: 0.25em;
	content: "";

	/* Right arrow white: */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='100'><line x1='0' y1='50' x2='100' y2='50' stroke-width='10' stroke='white' /><polyline points='50,0 100,50 50,100' fill='none' stroke-width='10' stroke='white' /></svg>");
	background-repeat: no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}

.awo-nav .pagelist-item.awo-flip-icon > a::before
{
	 transform: scaleX(-1);
}


.pagelist-item.private > a::after
{
	content: " (Entwurf)";
	font-size: 0.8rem;
	opacity: 0.8;
	position: relative;
	top: -8px;
}

#awo-org .awo-nav             .pagelist-item > a::before,
.awo-nav details:last-of-type .pagelist-item > a::before,
.awo-meta .awo-nav            .pagelist-item > a::before,
.awo-nav                      .pagelist-item > a:hover::before
{
	/* Right arrow black: */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='100'><line x1='0' y1='50' x2='100' y2='50' stroke-width='10' stroke='black' /><polyline points='50,0 100,50 50,100' fill='none' stroke-width='10' stroke='black' /></svg>");
	transition: all 0.5s ease;  /* FF won't  */
}

.awo-nav .rm-downloads a
{
	padding: 0.3rem 0;
	text-indent: 0;
	display: flex;
	justify-content: flex-start;
	margin: 0;
}
.awo-nav .rm-downloads a::before,
.awo-nav .rm-downloads a:hover::after
{
	min-width: 45px;
	min-height: 50px;
}



.awo-meta .awo-nav li
{
	background: linear-gradient( 
			to left,
			rgba(0,0,0,0.000)   0%, 
			rgba(0,0,0,0.035) 100% );
}


#awo-faq .awo-content
{
	padding: 0;
}

#awo-faq .awo-scrollable
{
	padding: 20px 10px;
}

#awo-faq details:hover,
.tmpl-themenseite .rm-downloads a:hover,
.awo-nav li:hover
{
	color: #000;
	transition: all 0.5s ease;
	background-color: #fff;


	background: rgba(255,255,255,1.0); 
}

#awo-faq details:hover p
{
	color: #222 !important;
}

.awo-download-lnk::after
{
	background-image: url( 'fach-download-icon.png' );
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 1.75em;
	height: 1em;
	opacity: 0.65;
	margin: 0 0 0 7px;
	position: relative;
	top: 2px;
}



#awo-faq details:hover summary,
#awo-faq details:hover summary::before,
#awo-faq details:hover p,
#awo-faq details:hover figcaption
{
	color: var(--color-fg);
}

#awo-faq details > div
{
	padding: 0 1.5rem 1.5rem 1.5rem;
	font-size: 1.1rem;
	line-height: 1.7rem;
	hyphens: auto;
	text-align: left;
}

#awo-faq details ul
{
	margin: 0 0 0 1.35rem;
	padding: 0;
}

#awo-faq details li
{
	margin: 0 0 0.5rem 0;
}

#awo-faq .awo-partner 
{
	margin: 3.65rem 1.15rem 3.65rem 1.15rem;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}
#awo-faq .awo-partner a
{
	text-decoration: none;
}
#awo-faq .awo-partner figure
{
	max-width: 250px;
	min-width: 130px;
	max-height: 150px;
	width: 100%;
	padding: 0;
	margin: 0;
	flex: 1;
}
#awo-faq .awo-partner figcaption
{
	opacity: 0.80;
	margin: 0 0 0.5em 0;
	padding: 0;
}
#awo-faq .awo-partner img
{
	max-width: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
}


.awo-nav li > a
{
	color: inherit;
	text-decoration: none;
	margin: 0;
	padding: 1.2rem 0 1.2rem 43px;
	text-indent: -30px;
	display: inline-block;
	font-size: inherit;
	width: 100%;
	box-sizing: border-box;
	border: 0 none;
	line-height: 1.8rem;
}

.awo-nav li > a:visited
{
	color: inherit;
}







#awo-fachbereiche .awo-item
{
	margin: 0 0 1px 0;
	padding: 0;

	background-color: var(--color-awo-main);
	color:            var(--color-awo-main-complement);

}

#awo-fachbereiche #awo-fach-rv  /* @TODO vorletzter */
{
	margin: 0;
}

#awo-fachbereiche .awo-item ul,
#awo-fachbereiche .awo-item ol
{
	padding: 0 1.5em 2em 1.5em;
	text-align: left;
}

#awo-fachbereiche .awo-item li
{
	font-size: 1.3rem;
	opacity: 0.9;
}

#awo-faq          .awo-sect-title,
#awo-fachbereiche .awo-item .awo-title
{
	color: inherit;
	position: relative;
	font-weight: bold;
	box-sizing: border-box;
	display: flex;  /* Icon | aligned text  */
	align-items: center;
}

#awo-faq .awo-sect-title
{
	align-items: flex-start;
}

#awo-fachbereiche .awo-item .awo-title
{
	font-size: 1.3rem;
	cursor: pointer;
	padding: 1.5em 1em;
	margin: 0;
}
#awo-faq .awo-downloads-title
{
	font-size: 1.4rem;
	margin: 3rem 0 0 0.9rem;	
	font-style: italic;
	font-weight: normal;
	letter-spacing: 1px;
}








#awo-aktuell
{
	background-color: var(--color-bg-lighter);
}

.awo-single #awo-aktuell
{
	background-color: var(--color-bg);
}



.awo-modal-open
{
	display: none;
}



.news-item
{
	position: relative;
	max-height: 15em;
}


.news-content-overflown p::after
{
	content: "";
	width: 100%;
	background: linear-gradient( to top, rgba(250,250,250,1) 60%, rgba(250,250,250,1) 100%);
	height: 5em;
	position: absolute;
	left: 0;
	bottom: -5em;
}

.news-content-overflown .awo-modal-open
{
	display: block;
	position: absolute;
	bottom: 0.25em;
	font-size: 1.15em;
	right: 0;	
	margin: 0;
	background-color: rgb(250,250,250);
	padding: 0 0 0 10px;
	color: #404040;
	text-decoration: underline;
	border: 0 none;
	z-index: 0;  /* was 5 */
}



.news-content-overflow
{
	display: none;	
}

.awo-news-title
{
	display: none;
}

.tmpl-themenseite .awo-news-title
{
	display: block;
	padding: 2.5rem 0 0rem 1rem;
	font-size: 1.65rem;
	font-weight: bold;
	color: var(--color-awo-main);
}

.awo-news-items
{
	padding: 3rem 0 4rem 0;
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
}

.awo-news-items > *
{
	vertical-align: top;
	display: flex;
	flex: 1;
}

.awo-news-items awo-date
{
	border: 3px solid var(--color-awo-main);
	padding: 0em;
	font-size: 0.8rem;
	border-radius: 0.65em;
	min-width: 5em;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-right: 2em;
	color: var(--color-awo-main);
	font-weight: bold;
}

.awo-news-items awo-date awo-day
{
	font-size: 1.5rem;
	display: block;
	border-bottom: 1px solid var(--color-awo-main-complement);
	border-bottom: 2px solid var(--color-awo-main);
	padding: 0.25em 0.35em;
}

.awo-news-items .awo-date-open awo-day
{
	font-size: 1.9em
}

.awo-news-items .awo-title
{
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.2rem;
	opacity: 0.85;
}
.awo-news-items p
{
	opacity: 0.9;
	margin: 0 0 0em 0;
	padding: 0;
	xxtext-align: justify;  /* justify WCAG-unfriendly  */
	text-align: left;
	font-size: 1.15rem;
	line-height: 1.6rem;
	-webkit-hyphens: auto; 
	   -moz-hyphens: auto; 
	    -ms-hyphens: auto; 
	        hyphens: auto;
}

.awo-news-items p a,
.awo-news-items p a:visited
{
	color: inherit;
}

.awo-news-items .awo-cat
{
	background-color: var(--color-awo-main);
	color:            var(--color-awo-main-complement);
	font-weight: normal;
	display: inline-block;
	padding: 0.1em 0.5em 0 0.5em;
	font-size: 0.8rem;
	opacity: 0.6;
	cursor: pointer;
	display: none;
}


#awo-org .awo-nav
{
	padding: 2.5em;
	margin: 0;
	box-sizing: border-box;
	border: 4px solid var(--color-bg-darker);
}

#awo-org .awo-nav li
{
	margin: 0 0 0.4em 0;
	padding: 0;
	font-size: 1.1rem;

	background: linear-gradient( 
			to left,
			rgba(0,0,0,0.0)   0%, 
			rgba(0,0,0,0.035) 100% );

	width: 100%;
	box-sizing: border-box;
}

#awo-org .awo-nav .awo-title
{
	color:var(--color-awo-main); 
	font-weight: 700; 
	font-size: 1.75rem; 
	line-height: 1.35em; 
	margin: 0 0 1em 0; 
	letter-spacing: -1px;
}

#awo-org .awo-nav a
{
	color: inherit;
	border-color: var(--color-fg-lighter);
}





footer .awo-form .awo-sect-title::before
{
	background-image: url("image/awo-heart-wh.svg");
}
#awo-faq                 .awo-sect-title::before,
footer .awo-contact      .awo-sect-title::before,
footer .awo-team-contact .awo-sect-title::before
{
	background: none;
	width: 0;
}
footer .awo-contact,
footer .awo-team-contact,
footer .awo-form,
footer .awo-meta,
footer .awo-partner
{
	padding: 1.5em;
	box-sizing: border-box;
}

footer .awo-contact p
{
	font-size: 16px;      /* Gleicht der festen Groesse der Formularfelder (siehe Kommentar dort wg. Zoom); Schriftgroessen im linken und rechten Bereich sollten gleich sein, da visuell sonst falsche Hierarchie und irritiert Auge */
	line-height: 1.5em;
}

footer .awo-form,
footer .awo-partner
{
	background-color: var(--color-awo-d);
	color:            var(--color-awo-d-complement);
}
footer .awo-partner
{
	padding-top: 5em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	align-items: center;
	justify-items: center;
}
footer .awo-partner a
{
}
footer .awo-partner img
{
	width: 100%;
	max-width: 180px;
}



footer a
{
	color: inherit;
}

footer form textarea,
footer form input[type="text"],
footer form input[type="email"]
{
	background-color: inherit;
	color: inherit;
	border: 0 none;
	border-bottom: 1px solid var(--color-awo-main-complement);
	padding: 2.0em 0 0.5em 0;
	display: block;
	margin: 0;
	width: 100%;
	font-size: 16px;  /* Keeps Safari from zooming into form, 16px minimum */
}

footer form textarea:focus,
footer form input[type="text"]:focus,
footer form input[type="email"]:focus
{
	outline: none;
	background-color: rgba(255,255,255,0.1);
}

footer form textarea
{
	resize: vertical; 
}

footer form label
{
	text-align: justify;
	-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
	font-size: 1.15rem;
}


footer form input[type=checkbox]        { /* center checkbox and thereby hides behind :after;   * also places 'required' message correctly   *  */ width: 60px; height: 30px; } 
footer form input[type=checkbox]::after { width: 100%; height: 100%; display: inline-block; content: ""; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect width='100%' height='100%' ry='50%' fill='%23ee8888' /><ellipse cx='25%' cy='50%' rx='20%' ry='40%' fill='white' /></svg>"); transition: .3s; } footer form input[type=checkbox]:checked:after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect width='100%' height='100%' ry='50%' fill='%235ba36a' /><ellipse cx='75%' cy='50%' rx='20%' ry='40%' fill='white' /></svg>"); } 
footer form input[type=checkbox]:hover  { filter: brightness(1.10); } 
footer form input[type=checkbox]        { text-indent: -5px; margin-left: 5px; }


input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
	-webkit-box-shadow: 0 0 0 50px var(--color-awo-main) inset !important;  /* Keeps bg color */
	-webkit-text-fill-color: #fff !important;
}


footer ::placeholder {
	opacity: 1;
	color: var(--color-awo-main-complement);
}
footer :focus::placeholder
{
	opacity: 0.5;
}

footer.awo-with-contact-form button[type="submit"]
{
	margin: 2em 0 0 0;
	background-color: #fff;
	color: #404040;
	padding: 1em 3em;
	font-size: 14px;
}

.awo-form [type=submit]:disabled  /* Disabled only while sending */
{
	cursor: default;
	color: #888;
	filter:brightness(1);  /* Bug: Spinner not shown otherwise */

	/* Indicate pushed down button: */
	background-color: #dfdfdf;
	border-style: inset;
	box-shadow: inset 2px 2px 2px #999;
}
.awo-form [type=submit]:disabled::before  /* Spinner icon */
{
	content: "";
	position: absolute;
	left: 12px;
	width: 20px;
	height: 20px;
	display: inline-block;
	top: 50%;
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	background-image: url("image/loading.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}



/* Form success and error messages with icons: */
/* Change elements visibilities with form state: */
.awo-form .awo-form-if-error,
.awo-form .awo-form-if-success 
{
	transition: opacity 0.7s ease-out;
	opacity: 0;
	height: 0;
	overflow: hidden;
	box-sizing: border-box;
	color: #fff;
	position: relative;
	border-radius: 5px;
	margin: 0;
	font-size: 14px;
	line-height: 1.45em;
}
.awo-form.awo-form-error   .awo-form-if-error,
.awo-form.awo-form-success .awo-form-if-success
{
	opacity: 1;
	height: auto;
	min-height: 85px;
	padding: 2em;
	display: flex;
	align-items: center;
}
.awo-form.awo-form-success [type=submit]
{
	display: none;  /* Avoid re-submitting successful message */
}
.awo-form .awo-form-if-error   strong,
.awo-form .awo-form-if-success strong
{
	font-size: 1.2em;
}
.awo-form .awo-form-if-error::before,
.awo-form .awo-form-if-success::before
{
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	min-width:  60px;
	min-height: 60px;
	display: inline-block;
	margin-right: 1em;
}
.awo-form .awo-form-if-error          { background-color: var(--color-err-bg ); color: var(--color-err-fg);   }
.awo-form .awo-form-if-success        { background-color: var(--color-succ-bg); color: var(--color-succ-fg);  }
.awo-form .awo-form-if-error::before  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='100'><circle cx='50%' cy='50%' r='45%' fill='none' stroke='white' stroke-width='8' /><line x1='70' y1='30' x2='30' y2='70' linecap='round' stroke='white' stroke-width='8' /><line x1='30' y1='30' x2='70' y2='70' linecap='round' stroke='white' stroke-width='8' /></svg>"); }
.awo-form .awo-form-if-success:before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='100'><circle cx='50%' cy='50%' r='45%' fill='none' stroke='white' stroke-width='8' /><polyline points='32,45 42,65 72,35' linecap='round' fill='none' stroke='white' stroke-width='8' /></svg>"); }


.awo-form .awo-input-lbl-pair
{
	position: relative;
	margin: 0 0 2.5rem 0;
}
.awo-input-lbl-pair input:focus                      ~ label,
.awo-input-lbl-pair input:not(:placeholder-shown)    ~ label,
.awo-input-lbl-pair textarea:focus                   ~ label,
.awo-input-lbl-pair textarea:not(:placeholder-shown) ~ label
{
	top: 4px;
	font-size: 1em;
	opacity: 0.9;
}
.awo-input-lbl-pair label
{
	position: absolute;
	pointer-events: none;
	left: 0px;
	top: 1.7em;
	transition: 0.15s ease all;
}
.awo-input-lbl-pair label::after
{
	content: ":";
}


#awo-lbl-gdpr
{
	font-size: 1rem;
}


.awo-btn-back
{
	display: inline-block; 
	display: none;

	position: sticky; 
	top:  15px; 
	left: 15px;

	padding:     0; 
	font-size:   40px; 
	line-height: 70px; 
	height:      70px; 
	width:       70px; 
	
	border-radius: 70px;
	font-weight: bold; 
	text-decoration: none; 
	background-color: var(--color-awo-main); 
	color: var(--color-awo-main-complement); 
	text-align: center;
	z-index: 2;
}



.tmpl-themenseite #awo-faq
{
	background-color: var(--color-awo-a-light);
	padding: 0;
}

.tmpl-metaseite #awo-faq
{
	background-color: #dbdbdb;
}


.tmpl-themenseite #awo-faq .awo-sect-title
{
	color: var(--color-awo-main-complement);
	color: var(--color-awo-a-complement);
	color: #211;
	line-height: 1.45em;
	padding: 0;
	text-indent: 0;
	margin: 0.25em 0.9rem 1.5rem 0.9rem;
}

.tmpl-themenseite .awo-container details,
.tmpl-themenseite .rm-downloads a
{
	margin: 0 0 0.4em 0;
	box-sizing: border-box;
	border-radius: 5px;
	border-bottom: 1px solid #00000028;
	background: inherit;
	border-bottom: 1px solid #00000060;
}

.tmpl-themenseite .awo-container p
{
	padding: 0 1.5em 1.5em 1.5em;
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.45em;
	text-align: justify;
	-webkit-hyphens: auto; 
	   -moz-hyphens: auto; 
	    -ms-hyphens: auto; 
	        hyphens: auto;

	opacity: 0.8;
}


.tmpl-themenseite .awo-container
{
	counter-reset: question;
}
.tmpl-themenseite .awo-container details > summary::before
{
	counter-increment: question;
	content: counter( question  ) ".";
	display: inline-block;
	margin-right: 1rem;
	color: #000;
}
/* Hide counter if there's just a single entry: */
.tmpl-themenseite .awo-container details:nth-child(2):nth-last-child(1) > summary::before
{
	content: "";
	margin-right: -1rem;
}


.tmpl-themenseite .awo-container details > summary::after
{
	content: "";
	background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='100'><polyline points='0,25 50,75 100,25' fill='none' stroke-linejoin='miter' stroke-linecap='butt' stroke-width='12' stroke='%23444444' /></svg>" );
	background-repeat: no-repeat;
	background-size: contain;

	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 20px;
	top: 21px;
	z-index: 1;
}
.tmpl-themenseite .awo-container details[open] > summary::after
{
	transform: rotate( 180deg );
	transform-origin: center center;
	opacity: 0.3;
}
.tmpl-themenseite .awo-container details > summary::-webkit-details-marker
{
	display: none;
}
.tmpl-themenseite .awo-container details > summary
{
	list-style-type: none;
	padding: 1.4rem calc( 2em + 17px ) 1.4rem 3.35rem;
	text-indent: -1rem;
	font-weight: 600;
	cursor: pointer;
	font-size: 1.25rem;
	line-height: 1.7rem;
	position: relative;
	color: var(--color-awo-main-complement);
	color: var(--color-awo-a-complement);

	/* No accidental selection: */
	-webkit-touch-callout: none; 
	user-select: none;
}
.tmpl-themenseite .awo-container details > summary:focus 
{
	xxoutline: none;
	outline-offset: -6px;
}

.tmpl-themenseite .awo-container details[open] > summary ~ *
{
	animation: sweep .3s ease-in-out;
}
@keyframes sweep
{
	0%   { opacity: 0; margin-left: -10px; }
	100% { opacity: 1; margin-left: 0px;   }
}



.tmpl-themenseite img
{
	max-width: 100%;
}
.tmpl-themenseite .awo-team-gal figure
{
	margin: 0 0 5em 1em;
}
.tmpl-themenseite .awo-team-gal figure img,
.tmpl-themenseite .awo-team-gal figure object
{
	width:      220px;
	min-width:  220px;
	height:     220px;
	min-height: 220px;
	margin: 0;
	padding: 10px;
	background-color: #efefef;
	object-fit: cover;
	border-radius: 100%;
	box-sizing: border-box;
}



.slider
{
	min-height: 300px;
}
.slider__inner
{
	height: 100%;
	overflow: hidden;
}
.slider__contents figure
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.slider__contents img,
.slider__contents object
{
	width: 100%;
	object-fit: cover;
	margin: 0;
	padding: 0;
}
.awo-gal-n1 .slider__nav
{
	display: none;
}


.awo-gal-scroller
{
	margin: 0 1rem 2rem 1rem;
}



.awo-gal-scroller figure
{
	position: relative;
}
.awo-gal-scroller figure,
.awo-gal-scroller img,
.awo-gal-scroller object
{
	width: 100%;
	xxheight: 100%;
	margin: 0;
	object-fit: cover;
}
.awo-gal-scroller .awo-img-title
{
	position: absolute;
	bottom: 1em;
	line-height: 1.45em;
	width: 100%;
	font-weight: bold;
	text-align: center;
	left: 0;
	font-size: 10pt;
	color: #fff;
	letter-spacing: 0.05em;
	text-shadow: 
			 2px  2px 2px rgba(0,0,0,1.0), 
			 2px -2px 2px rgba(0,0,0,1.0), 
			-2px  2px 2px rgba(0,0,0,1.0), 
			-2px -2px 2px rgba(0,0,0,1.0);
}

.awo-gal .awo-attribution
{
	position: absolute;
	right: 8px;
	bottom: 8px;
	font-size: 8pt;
	color: #000;
	letter-spacing: 0.05em;
	background-color: rgba(255,255,255,0.5);  /* da WCAG text-shadow nicht mag */
	padding: 0 0.5em 0 0.5em;
}


.awo-btn-copy
{
	padding: 0.5em 0.75em;
	font-size: 0.8rem;
	background-color: inherit;
	border: 2px solid rgba( 0, 0, 0, 0.25 );
}
.awo-btn-copy::before
{
	content: "";
	background-image: url("image/awo-btn-copy.svg");
	background-repeat: no-repeat;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	display: inline-block;
}



.awo-gal
{
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
	/* No accidental selection: */
	-webkit-touch-callout: none;
	user-select: none;
}


.tmpl-themenseite .awo-gal-n1  /* Gallery with 1 image only and image already in header  */
{
	display: none;
}


#awo-fachbereiche .awo-gal
{
	display: none;
}

#awo-fachbereiche .awo-gal a
{
	font: inherit;
	text-decoration: inherit;
	color: inherit;
}



/* Layouts (Mobile first) */
.awo-content
{
		padding: 1em 1em 2.5em 1em;
		margin-left: auto;
		margin-right: auto;
}


.awo-stickyscroll
{
	position: relative;
}


.awo-sidescroll
{
	overflow: hidden;
	position: relative;
}
.awo-sidescroll .awo-scrollable
{
	padding-right: 60px;
	overflow: hidden;
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	user-select: none;
}

.awo-sidescroll .awo-scrollable.awo-is-dragging
{
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
.awo-sidescroll.awo-ss-more::after  /* Right arrow */
{
	pointer-events: none;
	content: "\279c\fe0e";
	text-align: right;
	color: var(--color-awo-main);
	font-size: 2rem;
	box-sizing: border-box;
	padding: 5em 2px 0 0;
	position: absolute;
	height: 200px;
	width: 40px;
	top: 0;
	right: 0;
	z-index: 1;
}
.tmpl-themenseite .awo-sidescroll.awo-ss-more::after
{
	top: 2.5rem;
	padding-right: 0;
}

.awo-sidescroll.awo-ss-more:hover::after
{
	animation: blink-col 1s infinite;
}

@keyframes blink-col
{
	  0% { color: var(--color-awo-main); }
	 50% { color: #fff;                  }
	100% { color: var(--color-awo-main); }
}

@keyframes blink-opy
{
	  0% { opacity: 1; }
	 50% { opacity: 0; }
	100% { opacity: 1; }
}



.awo-sidescroll .awo-scrollable > *
{
	min-width: calc( 100vw - 75px );
	max-width: calc( 100vw - 75px );
}
.awo-sidescroll .awo-scrollable > div:first-child
{
	margin-left: 1em;
}




/* --------------- Downloads ---------------- */

.rm-downloads
{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
}

.rm-downloads li
{
	margin: 0 0 0.5rem 0;
}

.rm-downloads a
{
	padding: 0.1em 0.4em;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	font-size: 1.2rem;
	color: #444;
}

.tmpl-themenseite .rm-downloads a
{
	align-items: flex-start;
}

.rm-downloads a span
{
	flex-grow: 100;	
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0.75em 0;
}

.rm-downloads a span small
{
	line-height: 1.45em;
	display: block;
	margin: 0.25em 0 0 0;
	color: rgba( 0, 0, 0, 0.6 );
}

.rm-downloads a::after
{
	opacity: 0;
	content: "";
	background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='30' height='40'><line x1='12' y1='27.5' x2='24' y2='27.5' stroke-width='0.75' stroke='%23444444' /><line x1='18' y1='16' x2='18' y2='25' stroke-width='1.25' stroke='%23444444' /><polyline points='14.5 21.5, 18 25, 21.5 21.5' fill='none' stroke-width='1.25' stroke='%23444444' /></svg>" );
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	min-width: 60px;
	min-height: 50px;
}
.tmpl-themenseite .rm-downloads a::after
{
	min-height: 70px;
}


.rm-downloads a:hover::after
{
	opacity: 1;
}






@-webkit-keyframes glow 
{
	from 
	{
		text-shadow: 
				0 0 10px #ffffff, 
				0 0 20px #ffffff, 
				0 0 30px #e60073, 
				0 0 40px #e60073, 
				0 0 50px #e60073, 
				0 0 60px #e60073, 
				0 0 70px #e60073;   
	}
	to
	{
		text-shadow: 
				0 0 20px #ffffff, 
				0 0 30px #ff4da6, 
				0 0 40px #ff4da6, 
				0 0 50px #ff4da6, 
				0 0 60px #ff4da6, 
				0 0 70px #ff4da6, 
				0 0 80px #ff4da6;
	}
}




@media (min-width: 550px)  /* Smartphone landscape */
{
	.awo-news-title
	{
		display: none;
	}

	.awo-sidescroll .awo-scrollable > *
	{
		min-width: 350px;
		max-width: 350px;
		margin-bottom: 1.5rem;
	}

	.awo-sidescroll.awo-ss-more::after
	{
		width: 150px;
		padding: 50px 15px 0 0;
		background: linear-gradient(
				to right, 
				rgba(255,255,255,0) 0%,
				rgba(255,255,255,1) 100%);
	}

	.tmpl-themenseite .awo-sidescroll.awo-ss-more::after
	{
		top: 0;
	}

	.awo-bg-img .awo-slogan
	{
		font-size: 1.8rem;
	}
	.awo-bg-img .awo-slogan br
	{
		display: unset;
	}


	#awo-faq details > div
	{
		padding: 0 3.35rem 1.5rem 3.35rem;
		-webkit-hyphens: unset;
		   -moz-hyphens: unset;
		    -ms-hyphens: unset;
		        hyphens: unset;
		text-align: unset;
	}

}

@media (orientation: landscape) and (min-width: 760px)
{
	.slider__contents img,
	.slider__contents object
	{
		height: 100%;
	}
}


@media (min-width: 760px)  
{
	html
	{
		font-size: 12pt;
	}
}


@media (min-width: 960px)  
{
	html
	{
		font-size: 10pt;
	}

	body
	{
		padding: 1em 0 0em 0;
		border-top: 5px solid var(--color-awo-main);
	}


	.awo-logo
	{
		padding: 0 2rem 0 1rem;
		border-right: 1px dashed var(--color-awo-main); 
		background-image: none;
		height: unset;
		justify-content: start;
	}
	.awo-logo-name h1
	{
		font-weight: normal;
	}

	.awo-logo .awo-slogan
	{
		display: none;
	}

	.awo-logo-name
	{
		padding: 1.5rem 0 0 0;
	}
	.awo-logo .awo-logo-img
	{
		top: 0.7rem;
		height: 100px;
	}


	.awo-bg-img
	{
		display: none;
	}





	#awo-news
	{
		display: grid;
		grid-template-columns: minmax(325px, 25%) 3fr;
		grid-column-gap: 0px;
		grid-row-gap: 30px;
		padding: 0 0 1rem 0
	}
	

	.tmpl-themenseite #awo-news
	{
		grid-template-columns: 2fr 2fr;
	}


	.awo-news-items .news-item
	{
		max-height: 8rem;
	}

	.awo-news-items .awo-title
	{
		font-size: 1.2rem;
	}

	.awo-news-items p
	{
		font-size: 1rem;
		line-height: 1.45rem;
		xxtext-align: justify;  /* justify WCAG-unfriendly  */
	}


	.tmpl-themenseite .awo-news-title
	{
		display: none;
	}

	.awo-sidescroll .awo-news-items
	{
		padding: 1.5rem 60px 0 0;
		gap: 60px;
	}

	.awo-sidescroll .awo-news-items > div:first-child
	{
		margin-left: 30px;
	}


	.tmpl-themenseite .awo-gal-scroll-hint
	{
		height:   0em;
		position: sticky;
		bottom:   0;
		cursor:   pointer;
	}
	.tmpl-themenseite .awo-gal-scroll-hint::after
	{
		left:        calc( 75% - 3.5rem );
		z-index:     10;
		text-align:  center;
		line-height: 2em;
		display:     block;
		content:     attr(data-label);
		width:       7rem;
		height:      4.5rem;
		color:       #ffffff;
		bottom:      1.5rem;
		position:    absolute;
		font-family: monospace;
		font-size:   1.4rem;
		font-weight: bold;
		text-shadow: 
				 1px  1px 1px rgba(0,0,0,0.75), 
				 1px -1px 1px rgba(0,0,0,0.75), 
				-1px  1px 1px rgba(0,0,0,0.75), 
				-1px -1px 1px rgba(0,0,0,0.75);

		filter: drop-shadow(0px 0px 2px hsla(0, 0%, 0%, 0.45));

		background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100' height='50'><polyline points='5,25 50,45 95,25' fill='none' stroke-width='6' stroke='%23444444' stroke-linecap='round' /> <polyline points='5,25 50,45 95,25' fill='none' stroke-width='3' stroke='%23ffffff' stroke-linecap='round' /></svg>" );
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: contain;
		background-position: center bottom;
		background-color:             #00000008;
		box-shadow: 0px 0px 20px 10px #00000008;
		border-radius: 35%;
	}



	.awo-btn-label
	{
		display: inline;
	}


	#awo-fachbereiche details
	{
		transition: opacity 0.5s;
	}


	
	main .awo-nav ul,
	main .awo-nav ol
	{
		/*  Items als Block loesen Effekte aus, wenn der Cursor im leeren Raum steht -> inline  
		 *  Items nicht nebeneinander (inline), sondern untereinander -> float und clear        
		 *  Float macht nur Aerger bzgl. Container-Hoehen -> flex mit flex-start                
		 *
		 */
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	
	main .awo-nav ul a,
	main .awo-nav ol a
	{
		text-align: left;
	}
	




	#awo-fachbereiche .awo-content
	{
		display: flex;
		flex-wrap: nowrap;
		gap: 0;
	}
	
	#awo-fachbereiche .awo-item .awo-title
	{
		font-size: 1.4rem;
	}

	#awo-fachbereiche .awo-nav
	{
		width: 25%;
		min-width: 325px;
	}


	.tmpl-themenseite .awo-gal-n1
	{
		display: block;
	}


	#awo-fachbereiche .awo-gal
	{
		width: 75%;
		display: block;
	}

	.tmpl-themenseite .awo-gal
	{
		width: 50%;
		display: block;
	}
	
	#awo-fachbereiche .awo-gal > *
	{
		opacity: 0;
		z-index: 0;
		transition: opacity 0.5s ease-in-out;
	}

	#awo-fachbereiche .awo-gal > .awo-active
	{
		opacity: 1;
		z-index: 1;
		transition: opacity 0.5s ease-in-out;
	}

	#awo-fachbereiche .awo-gal img,
	#awo-fachbereiche .awo-gal object
	{
		object-fit: cover;
		width: 100%;
		height:100%;
		position:relative;
	}

	#awo-fachbereiche [data-awo-anchor="awo-kita"] img,  /* Karte ausrichten */
	#awo-fachbereiche [data-awo-anchor="awo-kita"] object
	{
		object-fit: contain; 
		object-position: bottom left; 
		background-color: #aad3df;
		max-width: 100%;
		max-height:100%;
		width: unset;
	}

	#awo-fachbereiche [data-awo-anchor="awo-kita"]
	{
		background-color: #abd3df;
	}



	#awo-fachbereiche .awo-gal .awo-slogan
	{
		padding: 0.3em; 
		font-size: 1.9rem; 
		font-weight: bold; 
		position: absolute; 
		top: 1.2em;
		right: 1em; 
		margin-left: 1em;
	}


	#awo-fachbereiche .awo-gal .awo-slogan a
	{
		text-decoration: underline;
		font-weight: normal;
	}



	.awo-stickyscroll .awo-sticky
	{
		position: absolute;
		top: 0;	
	}


	#awo-faq .awo-scrollable
	{
		min-height: 100vh;
	}


	#awo-faq .awo-scrollable
	{
		padding: 1.5rem 1.5rem;
	}

	.tmpl-themenseite .awo-stickyscroll
	{
		display: flex;
		margin-bottom: 0em;
		width: 100%;
		padding: 0;
		position: relative;
	}
	.tmpl-themenseite .awo-stickyscroll .awo-scrollable
	{
		width: 50%;
		box-sizing: border-box;
		padding: 1.5rem;
		padding-bottom: 6em !important;
	}



	.tmpl-themenseite .awo-team-gal
	{
		display: flex; 
		flex-wrap: wrap;
		gap: 1em;
		padding: 1em 2em 3em 2em;
	}
	
	.tmpl-themenseite .awo-team-gal figure
	{
		margin: 0;
		padding: 0;
		display: flex;
		flex: 1;
		align-items: center;
		font-size: 1.1rem;
	}


	.tmpl-themenseite .awo-team-gal figcaption
	{
		margin: 0 0 0 1em;
		min-width: 13em;
	}
	.tmpl-themenseite .awo-team-gal figure img,
	.tmpl-themenseite .awo-team-gal figure object
	{
		width: 135px;
		min-width: 135px;
		height: 135px;
		min-height: 135px;
	}




	.tmpl-themenseite .awo-gal
	{
		line-height: 0;
		background-color: var(--color-awo-main);  /* if off-by-one pixel error */
	}
	.awo-gal-scroller
	{
		height: 100%;
		overflow-y: scroll;
		line-height: 0;
		scrollbar-width: none;
		margin: 0;
		scroll-snap-type: y mandatory;
	}
	.awo-gal-scroller figure
	{
		scroll-snap-align: start;
	}
	.awo-gal-scroller figure + figure
	{
		border-top: 1px solid black;
	}
	.awo-gal-scroller .awo-title
	{
		opacity: 0;
		transition: 0.2s;
		line-height: 1.45em;
		position: absolute;
		top: 8px;
		right: 8px;
		margin-left: 8px;
		letter-spacing: 0.05em;
		background-color: #222; /* da WCAG text-shadow nicht mag */
		padding: 1em 1em 1em 1em;
		color: #fff;
		font-size: 10pt;
		font-weight: bold;
		border-top-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	.awo-gal-scroller figure:hover .awo-title
	{
		opacity: 1;
	}
	.awo-gal-scroller .awo-attribution
	{
		line-height: 1.45em;
	}
	.awo-gal-scroller::-webkit-scrollbar
	{
		display: none;   
		width: 0 !important;
	}




	.awo-gal-scroller figure:first-child img
	{
		min-height: calc( 100vh - 160px );
	}


	.awo-gal-n1 .awo-gal-scroller figure { height: 100%; }
	.awo-gal-n1 .awo-gal-scroller img,
	.awo-gal-n1 .awo-gal-scroller object { height: 100%; }


	

	footer
	{
		display: grid;
		grid-auto-rows: minmax(min-content, max-content);
		grid-template-columns: minmax(325px, 25%) 1fr 1fr 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}


	footer .awo-contact { grid-area: 1 / 1 / 2 / 2; } 
	footer .awo-form    { grid-area: 1 / 2 / 2 / 5; } 
	footer .awo-meta    { grid-area: 2 / 1 / 3 / 2; } 
	footer .awo-partner { grid-area: 2 / 2 / 3 / 5; }



	.tmpl-themenseite footer
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}



	.tmpl-themenseite footer .awo-contact { grid-area: 1 / 1 / 2 / 3; } 
	.tmpl-themenseite footer .awo-form    { grid-area: 1 / 3 / 2 / 5; } 
	.tmpl-themenseite footer .awo-meta    { grid-area: 2 / 1 / 3 / 3; } 
	.tmpl-themenseite footer .awo-partner { grid-area: 2 / 3 / 3 / 5; }


	
	footer .awo-form
	{
		padding: 20px 45px 80px 45px;
	}

	footer .awo-meta
	{
		padding: 0px 45px 0px 2rem;
	}

	footer .awo-contact,
	footer .awo-team-contact
	{
		padding: 20px 45px 90px 2rem;
		font-size: 1.2rem;
		line-height: 1.55em;
	}
	

	/*
	#awo-fachbereiche details[open]:last-of-type
	{
		padding-bottom: 8em;
	}
	*/


}



@media (max-aspect-ratio: 0.9) and (min-width: 760px)   /* Portrait */
{
	.awo-gal-n2 .awo-gal-scroller img,
	.awo-gal-n2 .awo-gal-scroller object { height: 100%; }
	.awo-gal-n2 .awo-gal-scroller
	{
		overflow: hidden;
	}
}


@media (min-width: 1200px)  /* Old Desktop */
{
	html
	{
		font-size: 9pt;
	}
	
	#awo-fachbereiche .awo-gal .awo-slogan
	{
		font-size: 2.1rem; 
	}

	#awo-faq .awo-sect-title
	{
		align-items: center;
	}


	footer .awo-partner
	{
		padding: 0px 45px 3em 45px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		justify-items: start;
	}

}


@media (min-width: 1400px)  /* Desktop */
{
	html
	{
		font-size: 10pt;
	}
	
}


@media (min-width: 1600px)  /* Large Desktop */
{
	html
	{
		font-size: 11pt;
	}


	.awo-sidescroll .awo-scrollable > *
	{
		min-width: 450px;
		max-width: 450px;
	}
}


@media (min-width: 2000px)  /* Larger Desktop */
{
	html
	{
		font-size: 13pt;
	}
}





/* --------------------------- WCAG ----------------------------- */
@media (prefers-reduced-motion) 
{

	/* Alle Animationen abschalten:  */


	#awo-fachbereiche .awo-gal > *,
	#awo-fachbereiche .awo-gal > .awo-active,
	#awo-fachbereiche                details[open] > summary ~ *,
	.tmpl-themenseite .awo-container details[open] > summary ~ *,
	.tmpl-themenseite .rm-downloads a:hover,
	.tmpl-themenseite .awo-container details[open] > summary::after,
	.awo-sidescroll.awo-ss-more:hover::after,
	.awo-btn,
	.awo-btn:not(:disabled):hover,
	.awo-nav .pagelist-item.awo-flip-icon > a::before,
	#awo-org .awo-nav             .pagelist-item > a::before,
	.awo-nav details:last-of-type .pagelist-item > a::before,
	.awo-meta .awo-nav            .pagelist-item > a::before,
	.awo-nav                      .pagelist-item > a:hover::before,
	.awo-nav li:hover,
	#awo-faq details:hover,
	footer form input[type=checkbox]::after,
	.awo-form [type=submit]:disabled::before,  /* Spinner-Lade-Icon */
	.awo-form .awo-form-if-error,
	.awo-form .awo-form-if-success,
	.awo-form .awo-float-lbl,
	.awo-gal-scroller .awo-title
	{
		animation:  none;
		transition: none;
		transform:  none;
	}




}