/* #### ../../../../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;
}



/* #### ../../../../system/css/font_saira.css #### */
/* ---- Normal: ---- */
@font-face {
	font-family: 'Saira';
	font-style: normal;
	font-weight: 100;
	src: local('Saira Thin'), local('Saira-Thin'), url(/system/fonts/Saira/Saira-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira';
	font-style: italic;
	font-weight: 100;
	src: local('Saira Thin'), local('Saira-Thin'), url(/system/fonts/Saira/Saira-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: local('Saira ExtraLight'), local('Saira-ExtraLight'), url(/system/fonts/Saira/Saira-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 200;
  src: local('Saira ExtraLightItalic'), local('Saira-ExtraLightItalic'), url(/system/fonts/Saira/Saira-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: local('Saira Light'), local('Saira-Light'), url(/system/fonts/Saira/Saira-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 300;
  src: local('Saira LightItalic'), local('Saira-LightItalic'), url(/system/fonts/Saira/Saira-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: local('Saira Regular'), local('Saira-Regular'), url(/system/fonts/Saira/Saira-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  src: local('Saira Italic'), local('Saira-Italic'), url(/system/fonts/Saira/Saira-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: local('Saira Medium'), local('Saira-Medium'), url(/system/fonts/Saira/Saira-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 500;
  src: local('Saira MediumItalic'), local('Saira-MediumItalic'), url(/system/fonts/Saira/Saira-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiBold'), local('Saira-SemiBold'), url(/system/fonts/Saira/Saira-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 600;
  src: local('Saira SemiBoldItalic'), local('Saira-SemiBoldItalic'), url(/system/fonts/Saira/Saira-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: local('Saira Bold'), local('Saira-Bold'), url(/system/fonts/Saira/Saira-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 700;
  src: local('Saira BoldItalic'), local('Saira-BoldItalic'), url(/system/fonts/Saira/Saira-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: local('Saira ExtraBold'), local('Saira-ExtraBold'), url(/system/fonts/Saira/Saira-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  src: local('Saira ExtraBoldItalic'), local('Saira-ExtraBoldItalic'), url(/system/fonts/Saira/Saira-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Black'), local('Saira-Black'), url(/system/fonts/Saira/Saira-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: local('Saira BlackItalic'), local('Saira-BlackItalic'), url(/system/fonts/Saira/Saira-BlackItalic.woff2) format('woff2');
}
/* ENDE Normal: ---- */

/* ---- Semi Condensed: ---- */
@font-face {
	font-family: 'Saira Semi Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira SemiCondensed Thin'), local('SairaSemiCondensed-Thin'), url(/system/fonts/Saira/SairaSemiCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Semi Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira SemiCondensed Thin'), local('SairaSemiCondensed-Thin'), url(/system/fonts/Saira/SairaSemiCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira SemiCondensed ExtraLight'), local('SairaSemiCondensed-ExtraLight'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira SemiCondensed ExtraLightItalic'), local('SairaSemiCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/system/fonts/Saira/SairaSemiCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira SemiCondensed LightItalic'), local('SairaSemiCondensed-LightItalic'), url(/system/fonts/Saira/SairaSemiCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira SemiCondensed Regular'), local('SairaSemiCondensed-Regular'), url(/system/fonts/Saira/SairaSemiCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira SemiCondensed Italic'), local('SairaSemiCondensed-Italic'), url(/system/fonts/Saira/SairaSemiCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/system/fonts/Saira/SairaSemiCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira SemiCondensed MediumItalic'), local('SairaSemiCondensed-MediumItalic'), url(/system/fonts/Saira/SairaSemiCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBold'), local('SairaSemiCondensed-SemiBold'), url(/system/fonts/Saira/SairaSemiCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBoldItalic'), local('SairaSemiCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira SemiCondensed Bold'), local('SairaSemiCondensed-Bold'), url(/system/fonts/Saira/SairaSemiCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira SemiCondensed BoldItalic'), local('SairaSemiCondensed-BoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBold'), local('SairaSemiCondensed-ExtraBold'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBoldItalic'), local('SairaSemiCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira SemiCondensed Black'), local('SairaSemiCondensed-Black'), url(/system/fonts/Saira/SairaSemiCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira SemiCondensed BlackItalic'), local('SairaSemiCondensed-BlackItalic'), url(/system/fonts/Saira/SairaSemiCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Semi Condensed: ---- */

/* ---- Condensed: ---- */
@font-face {
	font-family: 'Saira Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira Condensed Thin'), local('SairaCondensed-Thin'), url(/system/fonts/Saira/SairaCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira Condensed Thin'), local('SairaCondensed-Thin'), url(/system/fonts/Saira/SairaCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira Condensed ExtraLight'), local('SairaCondensed-ExtraLight'), url(/system/fonts/Saira/SairaCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira Condensed ExtraLightItalic'), local('SairaCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira Condensed Light'), local('SairaCondensed-Light'), url(/system/fonts/Saira/SairaCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira Condensed LightItalic'), local('SairaCondensed-LightItalic'), url(/system/fonts/Saira/SairaCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira Condensed Regular'), local('SairaCondensed-Regular'), url(/system/fonts/Saira/SairaCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira Condensed Italic'), local('SairaCondensed-Italic'), url(/system/fonts/Saira/SairaCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira Condensed Medium'), local('SairaCondensed-Medium'), url(/system/fonts/Saira/SairaCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira Condensed MediumItalic'), local('SairaCondensed-MediumItalic'), url(/system/fonts/Saira/SairaCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira Condensed SemiBold'), local('SairaCondensed-SemiBold'), url(/system/fonts/Saira/SairaCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira Condensed SemiBoldItalic'), local('SairaCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira Condensed Bold'), local('SairaCondensed-Bold'), url(/system/fonts/Saira/SairaCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira Condensed BoldItalic'), local('SairaCondensed-BoldItalic'), url(/system/fonts/Saira/SairaCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira Condensed ExtraBold'), local('SairaCondensed-ExtraBold'), url(/system/fonts/Saira/SairaCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira Condensed ExtraBoldItalic'), local('SairaCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Condensed Black'), local('SairaCondensed-Black'), url(/system/fonts/Saira/SairaCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Condensed BlackItalic'), local('SairaCondensed-BlackItalic'), url(/system/fonts/Saira/SairaCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Condensed: ---- */

/* ---- Extra Condensed: ---- */
@font-face {
	font-family: 'Saira Extra Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira ExtraCondensed Thin'), local('SairaExtraCondensed-Thin'), url(/system/fonts/Saira/SairaExtraCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Extra Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira ExtraCondensed Thin'), local('SairaExtraCondensed-Thin'), url(/system/fonts/Saira/SairaExtraCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira ExtraCondensed ExtraLight'), local('SairaExtraCondensed-ExtraLight'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira ExtraCondensed ExtraLightItalic'), local('SairaExtraCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira ExtraCondensed Light'), local('SairaExtraCondensed-Light'), url(/system/fonts/Saira/SairaExtraCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira ExtraCondensed LightItalic'), local('SairaExtraCondensed-LightItalic'), url(/system/fonts/Saira/SairaExtraCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(/system/fonts/Saira/SairaExtraCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira ExtraCondensed Italic'), local('SairaExtraCondensed-Italic'), url(/system/fonts/Saira/SairaExtraCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira ExtraCondensed Medium'), local('SairaExtraCondensed-Medium'), url(/system/fonts/Saira/SairaExtraCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira ExtraCondensed MediumItalic'), local('SairaExtraCondensed-MediumItalic'), url(/system/fonts/Saira/SairaExtraCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira ExtraCondensed SemiBold'), local('SairaExtraCondensed-SemiBold'), url(/system/fonts/Saira/SairaExtraCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira ExtraCondensed SemiBoldItalic'), local('SairaExtraCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira ExtraCondensed Bold'), local('SairaExtraCondensed-Bold'), url(/system/fonts/Saira/SairaExtraCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira ExtraCondensed BoldItalic'), local('SairaExtraCondensed-BoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira ExtraCondensed ExtraBold'), local('SairaExtraCondensed-ExtraBold'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira ExtraCondensed ExtraBoldItalic'), local('SairaExtraCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira ExtraCondensed Black'), local('SairaExtraCondensed-Black'), url(/system/fonts/Saira/SairaExtraCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira ExtraCondensed BlackItalic'), local('SairaExtraCondensed-BlackItalic'), url(/system/fonts/Saira/SairaExtraCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Extra Condensed: ---- */



/* #### ../css/common.css #### */
body {
	font-size:1.3em;
}
body, textarea, select, option, *, form, form * {
	font-family:"Saira Condensed","Roboto Condensed",Arial,sans-serif;
}

main {
	overflow:hidden;
}
main .row {
	padding-top:3em;
	padding-bottom:3em;
}

h1, h2, h3 {
	text-shadow:1px 1px 0px white;
	column-span:all;
	-webkit-column-span:all;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
}

h1 {
	/* font-family:"Anton","Saira Extra Condensed","Roboto Condensed",Arial,sans-serif; */
	text-transform:uppercase;
	margin-bottom:0.2em;
	font-weight:normal;
	color:#5a9f86;
}

main h1 {
	font-size:3rem;
}

#CSocialMediaETC h1 {
	font-size:2rem;
}


main a {
	background-color:rgba(255,255,255,0.2);
	color:var(--common-a-color);
}
a:hover {
	background-color:var(--common-a-color);
	color:white;
}

main .row {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
main *>.row:first-of-type {
	padding-top:3em;
}


.breakText {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* ---- globale Variablen: ---- */
:root {
	--font:#333;
	--font2:#666;
	--font3:white;
	--CD-Farbe1:#c47d69;
	--CD-Farbe2:#5a9f86;
	--grey1:#eee;
	--grey2:#ddd;
	--middlegrey:dimgrey;
	
	--common-a-color:#c47d69;
	--common-a-color-hover:white;
	
	--article-hg:white;
	--article-footer-hg:#eee;
	--articledetail-teaser-hg:var(--article-footer-hg);
	--article-border:var(--article-footer-hg);
}
/* ENDE globale Variablen: ---- */



/* #### ../css/content.css #### */
.foto {
    border-radius: 3px;
    position: relative;
    margin: 0em;
    background-color: white;
    z-Index: 1;
    padding: 0em;
}

.foto .shadow {
    box-shadow: 0 1em 0.5em rgba(0, 0, 0, 0.5);
    height: 10%;
    position: absolute;
    width: 40%;
    z-index: -1;
    background: none !important;
}
#S0.shadow {
    bottom: 1em;
    left: 0.25em;
    transform: rotate(-4deg);
}
#S1.shadow {
    bottom: 1em;
    right: 0.25em;
    transform: rotate(4deg);
}
#S2.shadow {
    top: 3.5em;
    left: -1.2em;
    transform: rotate(86deg);
}
#S3.shadow {
    top: 3.5em;
    right: -1.2em;
    transform: rotate(-86deg);
}

.foto .foto_pic {
    border: 10px solid #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-origin: border-box;
    height: 25em;
}
.foto .text {
    border: 10px solid #fff;
	border-top-color: rgb(255, 255, 255);
	border-top-style: solid;
	border-top-width: 10px;
    border-top: none;
    padding: 1em;
    background-color: rgba(255,255,255,1);
    font-size: 90%;
}

.box {
	background-color:#5a9f86;
	color:white;	
	padding:1em;
	border-radius:0.5em;
	box-sizing:border-box;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.box ul {
	margin-left:0px;
}
.box p {
	font-weight:bold;
}


.fancybox figure {
	margin:0.5em;
}
.fancybox a {
	border:none;
	background:none;
	padding:0px;
	margin:0px;
}
.fancybox figure img {
	border-radius:50%;
	border:1px solid #5a9f86;
}
.fancybox figcaption {
	display:none;
}


/* #### ../css/design.css #### */
#H0 {
	/*
	background-image:url(../images/hg2.jpg);
	*/
	background-image:url(../images/Logo_SchnabelShiatsu.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 50%;
	height:100vh;
}
#H0 img {
	display:none;
	position:absolute;
	top:25%;
	left:25%;
	height:50%;
	width:auto;
	z-index:1;
}

.spruch {
	padding:0px;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#5a9f86;
	background-color:white;
	background-color:hsla(158,43%,31%,0.1);
	border-top:2px solid #5a9f86;
	border-bottom:2px solid #5a9f86;
	font-size:5rem;
	line-height:1em;
	text-shadow:0px 0px 1em #5a9f86;
	text-align:center;
}
.spruch ul, .spruch li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.spruch li {
	display:block;
	padding:1rem 0px;
	/*
	padding-left:1em;
	*/
}
.spruch li:first-of-type {
	/*
	padding-left:0px;
	*/
}
.spruch li:last-of-type {
	/*
	padding-right:0px;
	*/
}

#CImpressum {
	color:#5a9f86;
	padding-top:2em;
	padding-bottom:2em;
	background-color:#f3f3f3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/* #### ../css/navigation.css #### */
#btnNav {
	width:2.5em;
	height:2.5em;
	border:2px solid #333;
	border:none;
	display:none;
	
	/*
	position:absolute;
	right:1px;
	top:1px;
	z-Index:12;
	*/
	border-radius:50%;
	box-sizing:border-box;
	margin:0px;
	/*
	margin:auto;
	*/
	font-size:2em;
	text-align:center;
	padding-top:0.75em;
	line-height:1em;
	cursor:pointer;
	background-color:#5a9f86;
	color:white;
	box-shadow:0px 0px 0.5em black;
	margin:auto;
}

.sticky {
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}
.sticky #btnNav {
	/*
	margin-left:auto;
	margin-right:0.5em;
	margin-top:0.5em;
	*/
}

.sticky + main {
  padding-top:4em;
}

.sticky #nav0 {
	box-shadow:0px 0.5em 0.5em grey;
}

#nav0 {
	height:3em;
	font-weight:normal;
	font-family:"Saira Extra Condensed","Roboto Condensed",Arial,sans-serif;
	line-height:1em;
	box-sizing:border-box;
	background-color:#5a9f86;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#nav0 ul {
	list-style-type:none;
	text-align:center;
	margin-top:0px;
	padding:0px;
	padding-top:0.25em;
	height:100%;
	box-sizing:border-box;
	font-size:1.5rem;
}

#nav0 li {
	display:inline-block;
	height:100%;
	padding:0px;
	margin:0px 0.2em;
	line-height:1em;
	text-transform:none;
	position:relative;
}
#nav0 a {
	display:block;
	padding:0.25em;
	padding-bottom:0.1em;
	border-radius:0.1em;
	line-height:1em;
	color:white;
	background-color:rgba(255,255,255,0);
	border:2px solid rgba(255,255,255,0);
	transition:background-color 0.5s, border-color 1s;
}

#nav0 li:hover>a {
	background-color:white;
	border-color:var(--common-a-color);
	color:var(--common-a-color);
}

#nav0 ul ul {
	display:none;
	position:absolute;
	left:0px;
	top:1.5em;
	min-width:100%;
	height:auto;
	z-index:10;
	background-color:white;
	color:var(--common-a-color);
	padding:0px;
	border:2px solid var(--common-a-color);
}
#nav0 ul ul ul {
	top:-2px;
	left:100%;
}

#nav0 ul ul li {
	display:block;
	border-bottom:1px solid #f6f6f6;
	text-align:left;
	padding-bottom:0.25em;
	margin:0px;
	margin-bottom:0.25em;
	padding:0.25em;
	font-size:1em;
}

#nav0 ul ul li:last-of-type {
	margin-bottom:0px;
	border-bottom:none;
}

#nav0 ul ul a {
	border:none;
	padding-left:0px;
	color:var(--common-a-color);
}

#nav0 ul ul li:hover {
	background-color:var(--common-a-color);
}
#nav0 ul ul li:hover>a {
	background:none;
	color:white;
}

#nav0 li:hover>ul {
	display:block;
}

#nav0 .abo a {
	background-color:var(--common-a-color);
	border-color:var(--common-a-color);
	color:white;
}
#nav0 .abo:hover>a {
	background-color:white;
	color:var(--common-a-color);
}




#nav2 {
	color:var(--CD-Rot);
	padding-top:2em;
	padding-bottom:2em;
	background-color:#f3f3f3;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#nav2 ul, #nav2 li {
	margin:0px;
	padding:0px;
}
#nav2 ul {
	text-align:center;
}
#nav2 li {
	display:inline-block;
	padding-left:0.5em;
	padding-right:0.5em;
	border-right:1px solid var(--CD-Rot);
}
#nav2 li:first-of-type {
	border-left:none;
}
#nav2 li:last-of-type {
	border-right:none;
}


/* #### ../css/fonts.css #### */
/* ---- Material Icons: ---- */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../fonts/MaterialIcons-Regular.woff2') format('woff2')
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* ENDE Material Icons: ---- */



/* #### ../css/form.css #### */
label, input, button, textarea, select {
	display:block;
}
label, form p {
	margin-top:0.8em;
	margin-bottom:0.2em;
}
label[data-required]:after {
	content:"*";
}
input, textarea, select {
	padding:0.5em 0.8em;
	line-height:1em;
	border-radius:0.2em;
	border:1px solid #ccc;
	box-sizing:border-box;
	width:100%;
	font-size:1rem;
}
textarea {
	min-height:8em;
	overflow:visible;
}

legend {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.2em;
	padding:0.2em 0.8em;
	border-radius:0.2em;
	background:none;
	border:2px solid #eee;
}
legend+label {
	margin-top:0px;
}

button, input[type=button], input[type=submit] {
	width:auto;
	margin:auto;
	margin-top:1em;
	background-color:#5a9f86;
	color:white;
	border:2px solid #5a9f86;
	transition:background-color 0.5s, color 1s;
}
button:hover, input[type=button]:hover, input[type=submit]:hover {
	background-color:white;
	color:#5a9f86;
}

#Suche {
	display:block;
	margin-top:0.4em;
	margin-right:1em;
	width:9em;
	padding:0.1em 0.5em;
	line-height:1em;
	height:2em;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.1);
	border:1px solid #ddd;
	color:#ddd;
}


/* #### ../css/responsive.css #### */
@media only screen and (min-width:64.1em) {
	#btnNav {
		display:none;
	}
	#nav0, .sticky #nav0 {
		display:block;
	}
}

@media only screen and (max-width: 90em) {
	main h1 {
		font-size:2rem;
	}
	main h2 {
		font-size:1.5rem;
	}
}

@media only screen and (max-width: 80em) {
}
/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 64em) {
	/* 64em = 1024Px */
	#H0 {
		color:white;
	}
	#btnNav {
		display:block;
		position:fixed;
		right:1em;
		bottom:1em;
		z-index:1002;
		margin-right:0px;

	}
	#nav0, .sticky #nav0, #nav0.inklSuche, .sticky #nav0.inklSuche {
		position:fixed;
		left:1em;
		top:0px;
		right:1em;
		display:none;
		height:auto;
		box-shadow:0px 0px 2em black;
		border:2px solid white;
		z-index:1001;
	}
	
	#nav0>ul {
	}
	#nav0 li {
		display:block;
		margin:0px;
		margin-bottom:0.2em;
	}
	
	#nav0 ul ul {
		font-size:0.8em;
		display:block;
		position:relative;
		background:none;
		border:none;
		background-color:inherit;
		left:auto;
		top:auto;
	}
	#nav0 ul ul li {
		background:none;
		background-color:inherit;
		border:none;
		text-align:center;
		margin-bottom:0px;
		line-height:1em;
	}
	#nav0 ul ul a {
		padding:0.1em;
	}
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 48em) {
	/* 48em = 768Px --> alles, was kleiner als 768Px ist*/
	body {
		font-size:0.8em;
	}
	.spruch {
		font-size:3.5rem;
	}
}
@media handheld, only screen and (max-width: 30em) {
}
@media handheld, only screen and (max-width: 27.5em) {
	/* 27.5em = 440Px --> alles, was kleiner-gleich 440px ist */
}
/* ENDE Smartphones, etc. ---- */

@media screen and (orientation:landscape) {
}
@media screen and (orientation:portrait) {
}



/* #### not existing: ../css/syne_mobile.css #### */