/* #### ../../../../frontend/kunden/allerstorfer.cc/css/importer.css #### */
@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../fonts/OpenSans/opensans.css");
@import url("../../../../system/fonts/material-symbols-variable/material-symbols-variable.css");
@import url("../fonts/DancingScript/dancingscript.css");


/* #### ../../../../frontend/kunden/allerstorfer.cc/css/common.css #### */
/* CSS Document */
/* ---- globale Variablen: ---- */
:root {
	--cdcol0:hsl(207,100%,28%);
	--cdcol1:hsl(207,100%,38%);
	--cdcol2:hsl(207,100%,48%);
	--cdcol3:hsl(207,100%,58%);
	--cdcol4:hsl(207,100%,68%);
	--grey:hsl(0,0%,35%);
	--grey-brighter:hsl(0,0%,55%);
	--grey-darker:hsl(0,0%,15%);
	--gradient:linear-gradient(0deg, var(--blue1) 0%, var(--blue2) 100%);
	--blue1:hsl(238,65%,25%);
	/*
	--blue2:hsl(207,83%,35%);
	*/
	--blue2:hsl(207,100%,27%);
	
	--nav:hsl(207,5%,0%);
	--common-nav-color:hsl(0,100%,95%);
	
	--common-font-color:hsl(0,0%,10%);
	--common-font-color-bright:hsl(0,0%,0%);
	--common-font-color-lower:hsl(0,0%,30%);
	--common-font-color-hover:hsl(0,0%,20%);
	--common-font-color-inverted:hsl(0,0%,90%);
	--common-headline-color1:hsl(0,0%,90%);
	--common-headline-color2:hsl(0,0%,20%);
	--common-headline-color-engraved:white;
	--common-headline-color-bright:white;
	
	--common-hg-color:hsl(0,0%,95%);
	--common-hg-color-lighter:hsl(0,0%,100%);
	--common-hg-color-darker:hsl(0,0%,90%);
	--common-hg-color-dark:hsl(0,0%,15%);
	--common-hg-color-inverted:hsl(0,0%,5%);
	
	--common-status-color:#333;
	--common-info-color:#666;
	
	--common-border-color:#666;
	--common-border-color-bright:var(--common-font-color);
	--common-border-color-inverted:#999;
		
	--common-a-color:var(--cdcol0);
	--common-a-color-hover:white;
	--common-a-color-inverted:black;
	--common-a-color-inverted-hover:var(--cdcol0);
	--common-a-background:hsl(207,100%,28%,0.1);
    
    --common-ok-color:hsl(120,100%,30%);
    --common-notok-color:hsl(0,100%,30%);
    --common-add-color:hsl(210,100%,56%);
    --common-details-color:hsl(0,0%,80%);
    --common-inverted-color:white;
    --common-inverted-dark-color:hsl(0,0%,20%);
    
    --stdWidth:71.25rem;
    --font:"Open Sans", "Roboto", "Roboto Condensed", Verdana, Arial, sans-serif;
	--font-heading:"Rubik", "Roboto Condensed", Verdana, Arial, sans-serif;
}

.cdcol1 {
    background-color:var(--cdcol1);
}
.cdcol2 {
    background-color:var(--cdcol2);
}
.cdcol3 {
    background-color:var(--cdcol3);
}

a {
    color:var(--common-a-color);
    background-color:var(--common-a-background);
    border-color:var(--common-a-color);
}
a:hover {
    color:var(--common-a-color-hover);
    background-color:var(--common-a-color);
}

.inverted {
	color:var(--common-font-color-inverted);
	background-color:var(--common-hg-color-inverted);
}

.inverted a {
	color:var(--common-a-color-inverted);
	border-color:var(--common-a-color-inverted);
}
.inverted a:hover {
	color:var(--common-a-color);
	background-color:var(--common-a-color-inverted);
}
/* ENDE globale Variablen: ---- */
* {
	box-sizing:border-box;
}
html {
	height:auto;
}

body {
	font-size:1rem;
    padding:0px;
    margin:0px;
	min-height:100%;
	
	font-weight:300;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:var(--common-font-color);
	background-color:var(--common-hg-color);
	background:none;
    line-height:1.5;
}
body, form * {
	font-family:var(--font);
	font-size:1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--font-heading);
	font-weight:normal;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	color:var(--common-headline-color1);
}
main h1 {
	font-size:2rem;
	line-height:1.2em;
	font-weight:800;
	text-align:left;
	text-transform:uppercase;
}
main h2 {
	font-size:2.5rem;
	margin-bottom:0.5em;
	padding-bottom:0.1em;
    line-height:1em;
	text-transform:uppercase;
	/*
    border-bottom:1px solid var(--cdcol0);
    */
}
/*
main h2:first-line {
    font-size:3rem;
    line-height:1.2em;
}
*/

h3, main h3 {
	font-size:1.5em;
}
h4 {
	font-size:1em;
}

main a,
footer a {
    padding:0.2em 0.5em;
    border-radius:0.2em;
    background-color:var(--common-a-background);
    border:1px solid var(--common-a-background);
    transition:background 0.5s, color 0.2s, border-color 0.2s;
}
main a:hover,
footer a:hover {
    border-color:var(--common-a-color-hover);
    background:none;
    color:var(--common-a-color-hover);
}
main a:hover {
    background:var(--common-a-color);
    color:var(--common-a-color-hover);
}

address {
	font-style:normal;
}

a.std {
    display:inline-block;
    margin-bottom:0.5em;
    background:none;
    padding:0px;
    border:none;
}
a.std:hover {
    text-decoration:underline;
}

.text_right {
	text-align:right;
}

dfn {
	font-style:normal;
	font-weight:bold;
	margin-right:0.5em;
}

.fullwidth {
	width:100%;
}

ol.info,
ul.info,
ul {
	margin-left:1em;
}
.info + .info {
	margin-top:-0.5em;
}

.sticky {
    display:sticky;
    top:1em;
    left:auto;
    right:auto;
    height:auto;
    z-index:100;
}

blockquote {
    margin:2em auto;
    text-align:center;
}
blockquote::before {
    content:"»";
}
blockquote::after {
    content:"«";
}



/* #### ../../../../frontend/kunden/allerstorfer.cc/css/content.css #### */
#F0 img {
	max-width:40em;
	margin:2em auto;
}

footer a {
	color:var(--common-a-color-hover);
    background-color:var(--common-a-color);
}
footer a:hover {
    background-color:var(--common-a-background);
    border-color:var(--common-a-color);
}

/* ---- Intro: ---- */
#CLogo {
    display:block;
    height:15em;
	margin-top:6em;
    /*
	margin-bottom:3em;
    border-bottom:3px solid var(--common-font-color-lower);
	border-bottom:3px solid #1d70b7;
	*/
    border-radius:0em;
}
#CIntro .slogan {
    /*
	text-shadow:0px 0px 0.5em black;
	*/
	margin-top:1rem;
    max-width:40em;
    text-align:center;
	display:none;
}
#CIntro .slogan,
#CIntro h1{
    color:var(--common-font-color);
	color:#999;
	color:white;
    text-align:center;
}

#CIntro .subline {
	color:var(--blue2);
    font-size:1.4em;
}
#CIntro .teaser {
    font-size:1.2em;
    font-weight:normal;
    margin:1.5em 0px;
}
#CIntro .team {
    font-weight:bold;
}
/* ENDE Intro: ---- */

/* ---- Index: ---- */
#CIndex > .grid {
    gap:0.5em;
    padding:0.5em;
	/*
    grid-template-rows:1fr 1fr;
    grid-template-columns:1fr 1fr;
	*/
	grid-template-columns:1fr 1fr;
	grid-template-rows:auto;
    min-height:100vh;
}
#CIndex > .grid > * {
    border-radius:0.2em;
	font-size:1.2rem;

}
#CIndex > .grid > img {
	grid-row:span 3;
    background-color:hsl(207,5%,90%);
	background:linear-gradient(45deg, white 25%, hsl(207,5%,90%) 100%);
	width:100%;
	height:100%;
}
#CIndex > .grid > :nth-of-type(2) {
    background-color:hsl(207,5%,80%);
	background:linear-gradient(-45deg, white 25%, hsl(207,5%,80%) 100%);
}
#CIndex > .grid > :nth-of-type(3) {
    background-color:hsl(207,5%,70%);
	background:linear-gradient(-45deg, hsl(207,5%,80%) 0%, white 50%);
}
#CIndex > .grid > :nth-of-type(4) {
    background-color:hsl(207,5%,60%);
}
#CIndex > .grid > * > * {
    padding:4em;
    max-width:40em;
}

/*
#CIndex > .grid > :nth-of-type(even) > * {
    margin-left:auto;
}
#CIndex > .grid > :nth-of-type(odd) > *{
    margin-right:auto;
}
*/
#CIndex .grid h2 {
    font-size:1rem;
	color:var(--blue2);
}
#CIndex .grid h2:first-line {
    font-size:2.5em;
    line-height:1.2;
}


#CIndex .icon {
    display:flex;
    gap:1em;
    margin-bottom:2em;
    align-items:center;
    justify-content:flex-start;
}
#CIndex .icon .material-symbols {
    display:block;
    font-size:3em;
    padding:0.25em;
    border-radius:50%;
    border:2px solid var(--blue2);
    color:transparent;
    aspect-ratio:1;

	background:var(--gradient);
	-webkit-background-clip: text;
	background-clip:text;
}

#CIndex .person {
	object-fit:cover;
	object-position:center;
	display:block;
}

#CProfilfoto,
.team1 img {
	display:block;
	max-width:20em;
	aspect-ratio:1;
	border-radius:50%;
	margin:3em auto;
	border:2px solid var(--blue2);
	padding:0.5em;
	background-color:white;
}


main > * {
	background-color:var(--common-hg-color);
}

.spacer,
.spacer + * {
	--height:100vh;
}

.spacer {
	left:0px;
	top:0px;
	width:100vw;
	height:var(--height);
	margin:0px;
	padding:0px;
	background:none;
	
	position:fixed;
	z-index:-1;
}
.spacer img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center;
}

.spacer + * {
	margin-top:var(--height) !important;
}


/* ---- Leistungen: ---- */
.leistungen_head,
.leistungen {
	cursor:pointer;
}
.leistungen {
	display:grid;
	grid-template-columns:100%;
	grid-template-rows:auto 1fr;
	grid-template-areas:
		"icon"
		"content";
	gap:1em;
	background-color:#f0f0f0;
	border-radius:0.5em;
	padding:1em;
	justify-items:center;
}
.leistungen .material-symbols,
.icon2 {
	grid-area:icon;
	display:block;
	width:fit-content;
	font-size:4rem;
	padding:1rem;
	border-radius:50%;
	line-height:1;
	border:2px solid var(--blue2);
	align-self: start;
	text-align:center;
	color:transparent;
	background:var(--gradient);
	-webkit-background-clip: text;
	background-clip:text;
}
.leistungen h3 {
	grid-area:headline;
}
.leistungen .content {
	grid-area:content;
}

.leistungen_head {
	display:grid;
	grid-template-columns:auto 1fr;
	grid-template-areas:
		"icon headline"
		"icon teaser"
		". content";
	gap:1em;
	
}
.leistungen_head .material-symbols {
	grid-area:icon;
	align-self:center;
}
.leistungen_head h3 {
	grid-area:headline;
}
.leistungen_head .teaser {
	grid-area:teaser;
}
.leistungen_head > div {
	grid-area:content;
}

.leistungen .details,
.leistungen_head .details {
	display:none;
}
/* ENDE Leistungen: ---- */



/* ---- Team: ---- */
.team1 {

	padding:1em;
	border-radius:0.5em;
	background-color:white;
	margin:auto;
}
.team1 + .team1 {
	background-color:none;
}
.team1 figcaption {
	text-align:center;
}

.handwriting {
	font-size:1.2em;
	line-height:1.4;
	text-align:center;
	/*
	font-family:"Dancing Script",sans-serif;
	*/
	max-width:30em;
	margin:1em auto;
}
/* ENDE Team: ---- */


/* ---- Kanzlei: ---- */
.map {
	width:100%;
	height:100%;
	border:none;
	padding:0px;
	margin:0px;
}
/* ENDE Kanzlei: ---- */


/* ---- Karriere: ---- */
img.karriere {
	object-fit:cover;
	object-position: center;
	height:30vh;
	border-radius:0.5em;
	margin:0.5em 0px;
	width:100%;
	display:block;
}
/* ENDE Karriere: ---- */


/* ---- Stellenangebote: ---- */
#CStellenangebote .interesse {
	margin-top:2em;
}
#CStellenangebote article {
	padding:1em;
	border-bottom:1px solid var(--common-border-color);
	margin-bottom;1em;
	
	display:grid;
	grid-template-columns:minmax(fit-content,15em) 1fr;
	grid-row-gap:0px;
	grid-column-gap:1em;
	grid-template-rows:1.2em auto;
	grid-template-areas:
		"date text"
		"headline text";
	align-items:start;
}

#CStellenangebote article:last-of-type {
	border-bottom:none;
}
#CStellenangebote .text {
	grid-area:text;
}
#CStellenangebote .date {
	font-size:0.8rem;
	color:var(--common-hg-color-dark);
}

#CStellenangebote h3 {
	margin:0px;
}
/* ENDE Stellenangebote: ---- */


/* ---- DSGVO & Co.: ---- */
:is(.impressum_generated, .dsgvo, .umsetzung) :is(h1, h2, h3) {
/*
	.dsgvo h1,
.dsgvo h2,
.dsgvo h3 {
	*/
	color:var(--blue2);
}
:is(.impressum_generated, .dsgvo, .umsetzung) h2 {
	font-size:1.2rem;
	margin-top:1em;
	margin-bottom:0.5em;
}
:is(.impressum_generated, .dsgvo, .umsetzung) h3 {
	font-size:1rem;
	margin-top:1em;
	margin-bottom:0.5em;
}

/* ENDE DSGVO & Co.: ---- */



/*
#CIndex > .synegrid:first-of-type {
    padding:4em 1em;
    color:var(--common-font-color-inverted);
}
#CIndex > .synegrid:first-of-type * {
    text-align:center;
    text-shadow:1px 1px 0px white;
}

#CSlogans2 h2 {
    color:var(--common-font-color-bright);
    border-color:var(--common-font-color-bright);
}
#CSlogans2  [class^='col-'] {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:minmax(auto,20em);
    overflow:hidden;
    padding:0px;
    transition:color 0.2s, background-color 0.5s, grid-template-columns 0.5s;
    font-size:1.2em;
    line-height:1.5;
    background-color:var(--common-hg-color-darker);
    color:var(--common-font-color-inverted);
}
#CSlogans2  [class^='col-']:nth-of-type(odd):hover {
    grid-template-columns:1fr 2fr;
    color:var(--common-font-color);
}
#CSlogans2  [class^='col-']:nth-of-type(even):hover {
    grid-template-columns:2fr 1fr;
}
#CSlogans2  [class^='col-'] > div {
    padding:1em;
    overflow:auto;
}
#CSlogans2  [class^='col-']:first-of-type:hover {
    background-color:var(--cdcol1);
}
#CSlogans2  [class^='col-']:nth-of-type(2):hover {
    background-color:var(--cdcol2);
}
#CSlogans2  [class^='col-']:last-of-type:hover {
    background-color:var(--cdcol3);
}
#CSlogans2  [class^='col-'] img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
*/
/* ENDE Index: ---- */


/* #### ../../../../frontend/kunden/allerstorfer.cc/css/design.css #### */
.stdWidth {
	max-width:var(--stdWidth);
	margin:auto;
}
.synegrid {
    --width:var(--stdWidth);
	margin-top:1em;
}
.synegrid:first-of-type {
}
.synegrid .bright {
	background-color:var(--common-hg-color-lighter);
	padding:0.5rem;
}

.synegrid.bright {
	background-color:var(--common-hg-color-lighter);
}
.impressum_generated {
	border-top:none;
}

#CMaingrid {
}

#H0 {
    position:sticky;
    top:0px;
    z-index:1000;
	/*filter: saturate(180%) blur(20px);*/
}
#imgAllerstorfer {
    height:50vh;
    width:100%;
    object-fit:cover;
    object-position:center;
    overflow:hidden;
    border-top:1px solid white;
    border-bottom:1px solid white;
}

#CIntro {
    height:100vh;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-direction:column;
    background-color:var(--common-hg-color-darker);
    background: linear-gradient(0deg, var(--common-hg-color-lighter) 50%, var(--common-hg-color) 100%);
	background-image:url("../images/Allerstorfer_Sujet3.jpg");
	background-size:cover;
	background-position: center;
}
#CIndex {
    min-height:100vh;
    margin-top:0px;
	background:none;
	background-color:white;
	overflow:visible;
}

#CLeistungen {
}

#CTeam {
	background-color:#f0f0f0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em inherit;
}

.std {
	padding:4rem 1em;
	background-color:white;
	margin:0px 0.5rem;
	border-radius:0.2em;
}
.std h2 {
	color:transparent;
	background:var(--gradient);
	-webkit-background-clip: text;
	background-clip:text;
	
}
.std h3 {
	color:var(--blue2);
}

#CKarriere {
	background:linear-gradient(0deg, var(--common-hg-color-lighter) 50%, var(--common-hg-color) 100%);
}
#CStellenangebote {
	background-color:var(--common-hg-color);
}
#CKontakt {
	background-color:var(--common-hg-color-darker);
}
#F1 {
	background-color:var(--common-hg-color-dark);
	text-align:center;
	color:var(--common-font-color-inverted);
}


/* #### ../../../../frontend/kunden/allerstorfer.cc/css/fonts.css #### */



/* #### ../../../../frontend/kunden/allerstorfer.cc/css/navigation.css #### */
#btnNav {
	margin:auto;
	width:1em;
	height:1em;
	border-radius:0.35em;
	box-sizing:content-box;
	margin-top:1em;
	padding:0.4em;
	background-color:var(--cdcol0);
	box-shadow:0px 0px 1em black;
	
	cursor:pointer;
    display:none;
}

nav ul,
nav li {
    display:block;
    margin:0px;
    padding:0px;
}

nav a {
    display:block;
    width:100%;
    height:100%;
    border-radius:0px;
    text-align:center;
	color:var(--common-a-color-hover);
}
nav a:hover {
    cursor:pointer;
	color:var(--common-font-color-inverted);
	font-weight:bold;
}

#nav0 {
	background-color:var(--nav);
	padding:0em;
    padding:1em;
    border-bottom:1px solid white;
}
#nav0 ul {
    display:flex;
    justify-content:center;
    width:100%;
	font-size:1rem;
	color:var(--common-nav-color);
}
#nav0 li {
	font-size:1.2em;
    margin:0px 1em;
}
#nav0 a {
	color:var(--common-nav-color);
	text-align:center;
    width:100%;
    height:100%;
    display:block;
    border-bottom:2px solid rgba(255,255,255,0);
    transition:border-bottom-color 0.5s;
    border-radius:0px;
}
#nav0 li:hover > a {
    font-weight:normal;
    background:none;
    border-bottom-color:var(--common-nav-color);
}

#nav2 {
    border-top:1px solid var(--common-hg-color-darker);
    margin-top:2em;
    text-align:center;
    padding:1em;
	background-color:var(--common-hg-color-dark);
}
#nav2 li {
    display:inline;
    padding:0px;
    color:var(--common-font-color-inverted);
}
#nav2 a {
    display:inline;
    background:none;
    border:none;
    color:inherit;
    padding:0.2em 0.5em;
    margin:0px 0.5em;
}
#nav2 li:not(:last-of-type)::after {
    content:"•";
    display:inline-block;
}
#nav2 a


/* #### ../../../../frontend/kunden/allerstorfer.cc/css/form.css #### */
form {
	--border-color:#ccc;
}

form * {
	font-size:inherit;
}

label,
.label {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.1em;
	line-height:1em;
}
label[required],
label[data-required],
.label[required],
.label[data-required] {
	font-weight:bold;
}
form input,
form textarea,
form select,
form button {
	--border-color:#ccc;

	display:block;
	width:100%;
	border:1px solid var(--border-color);
	padding:0.5rem 1rem;
	border-radius:0.2rem;
	line-height:1rem;
	box-sizing:border-box;
	margin-bottom:0.2rem;
	background-color:rgba(255,255,255,0.8);
}
::placeholder {
	padding-top:1rem;
	font-size:0.7em;
}
[required]::placeholder {
	font-weight:bold;
}
/*
::placeholder:focus,
select:focus {
	font-size:inherit;
	padding-top:0.5rem;
	line-height:inherit;
}
*/
form :focus {
	background-color:white;
}

input[type=date],
input[type=time] {
	width:auto;
}
input[type=number] {
	min-width:8em;
	text-align:right;
}

textarea {
	min-height:15em;
}

input[type=checkbox],
input[type=radio] {
	display:inline-block;
}

fieldset {
	padding:1em;
	margin-top:2em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

form p {
	line-height:1.2em;
}

legend {
	font-weight:bold;
	font-size:1.1em;
	background-color:white;
	padding:0.2em 0.5em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

label[required]::after,
label[data-required]::after,
.label[data-required]::after,
.label[required]::after {
	content: "*";
}
	
.req {
	margin:0.5em 0px;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
}

input[type=button],
input[type=submit],
input[type=reset],
button {
	margin:1em auto;
	width:auto;
	cursor:pointer;
	border:1px solid var(--common-a-color);
	background-color:var(--common-a-color-hover);
	color:var(--common-a-color);
	transition:border-color 0.5s, color 0.2s, background-color 0.5s;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover {
	border-color:var(--common-a-color-hover);
	color:var(--common-a-color-hover);
	background-color:var(--common-a-color);
}

/* ---- Buchungsformular: ---- */
fieldset {
	margin:auto;
	max-width:40em;
	padding:0.5em;
	border:1px solid var(--common-border-color-bright);
	margin-bottom:1em;
	background-color:var(--common-hg-color);
}
.trackzeiten input {
	display:inline-block;
	width:7em;
	margin-right:0.5em;
	text-align: right;
}

.nolabels label {
	display:none;
}
.nolabels {
	display:flex;
}
.nolabels > * {
	flex-grow:1;
	width:1em;
}
[name=Titel] {
	
}
[data-size="1"] {
	flex-grow:1;
}
[data-size="2"] {
	flex-grow:2;
}
[data-size="3"] {
	flex-grow:3;
}
/* ENDE Buchungsformular: ---- */


/* #### ../../../../frontend/kunden/allerstorfer.cc/css/responsive.css #### */
@media screen and (min-width:48em) {
	#btnNav {
		display:none;
	}
	#nav0 {
		display:flex;
	}
}
@media screen and (max-width:62em) {
	body {
		font-size:1rem;
	}
	#btnNav {
		position:fixed;
		display:block;
		top:1rem;
		left:calc(50% - 0.75em);
		z-index:1001;
		color:white;
	}
	#nav0 {
		position:fixed;
		left:0px;
		right:0px;
		top:6em;
		z-index:1000;
		padding:0px;
		padding-bottom:0.5em;
		margin:0px;
		display:none;
		max-height:100%;
	}
	#nav0 ul {
		display:block;
		min-width:0px;
		margin-bottom:0.8em;
		max-height:100%;
		box-shadow:none;

	}
	#nav0 ul li{
		text-align:center;
        padding:0.5em;
        margin-bottom:0.2em;
	}
	#nav0 ul ul,
	#nav0 > ul > li > ul {
		display:block;
		position:relative;
		box-shadow: none;

	}
	#nav0 ul ul li {
		display:block;
		margin-bottom:0.1em;
		padding:0px;
		height:auto;
	}
	#nav0 a,
	#nav0 ul ul ul a {
		display:inline;
		margin:0px;
	}
	#nav0 ul ul li:first-of-type {
		margin-left:0px;
		padding-left:0px;
	}
	
	#nav0 li:hover > ul {
		display:inherit;
	}
	#nav0 > ul > li:hover > ul {
		display:inherit;
	}
	
	#CIntro #CLogo {
		margin-top:5rem;
		margin-bottom:2rem;
	}
	#CIntro .slogan {
		margin-top:0px;
	}
	
	#CIndex > .grid {
		grid-template-columns:100%;
		grid-template-rows:auto;
		height:auto;
	}
	#CIndex > .grid > * {
  		font-size: 1rem;
	}
	#CIndex > .grid > img {
		min-height:50vh;
	}
	#CIndex .icon {
		flex-direction:column;
		margin:auto;
	}
	#CIndex .icon h2 {
		align-self:flex-start;
	}
	#CIndex > .grid > * > * {
  		padding: 3em;
		max-width: none;
	}
	#CIndex > .grid ul,
	#CIndex > .grid li {
		margin-left:0px
	}
	.leistungen_head {
		grid-template-columns: 100%;
		grid-template-areas:
			"icon"
			"headline" 
			"teaser" 
			"content";

	}
	
	#CProfilfoto, .team1 img {
		max-width:100%;
	}
	
	#CStellenangebote article {
		grid-template-columns: 100%;
		grid-row-gap: 0.25em;
		grid-template-rows: auto;
		grid-template-areas:
			"date"
			"headline" 
			"text";
		align-items: start;
		padding:0px;
		margin-bottom:1em;
	}
	#CIntro {
		background-position: right center;
	}
	
	/*
	#CIntro .slogan {
		display:none;
	}
	#CIntro #CLogo {
		margin-bottom:0px;
		border-bottom:none;
	}
	*/
}


/* #### ../../../../system/css/font_anton.css #### */
@font-face {
    font-family: 'Anton';
    src: url('/system/fonts/Anton/Anton-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}