@import url("../fonts/MaterialIcons/materialicons.css");
@import url("../fonts/Roboto/roboto.css");
@import url("../fonts/RobotoCondensed/robotocondensed.css");
@import url("../fonts/PTSansNarrow/ptsansnarrow.css");
@import url("../fonts/YanoneKaffeesatz/yanonekaffeesatz.css");
/* CSS Document */

html, body {
	font-size:1em;
}
html {
	display:block !important;
}
body {
	width:100%;
	min-height:100vh;
	
	background:none;
	font-weight:300;
    font-size:100%;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:white;
}

body, form * {
	font-family:"Roboto Condensed", Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	/* font-family:"Cormorant","Lora","Slabo 27px","Oswald", Verdana, Arial, sans-serif; */
	font-weight:normal;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
}
div>h1:first-child {
	margin-top:0em;
}
.ptop div>h1:first-child {
	margin-top:0px;
}
div>h2:first-child {
	margin-top:0px;
}
main h1 {
	font-size:2em;
	line-height:1.2em;
	font-weight:normal;
	text-align:left;
	text-transform:uppercase;
}
main h2 {
	font-size:1.2em;
	margin-bottom:0.5em;
	border-bottom:1px solid #ccc;
	padding-bottom:0.1em;
}
h3 {
	font-size:1.1em;
}
h4 {
	font-size:1em;
}

p {
	margin-bottom:0.8em;
}


.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
	width:100%;
	color:inherit;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.td p {
	margin-bottom:0px;
}

a.linkonly {
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
	display:inline;
	height:auto !important;
	overflow:hidden !important;
	background:none !important;
	border-radius:0px;
	border:none !important;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

a.linkonly .tr {
	width:100% !important;
}

a[id].anchor, a[name].anchor {
	font-size:0px;
}

a {
	padding:0.1em;
	padding-left:0.2em;
	padding-right:0.2em;
	border-radius:5px;
	text-decoration:none;
	color:inherit;
	line-height:1.2em;
}
main a {
	background-color:rgba(255,255,255,0.2);
	color:cornflowerblue;
}
a:hover {
	border-radius:5px;
	background-color:cornflowerblue;
	color:white;
}

a:has(>img) {
	background:none;
	padding:0px;
	border-radius:0px;
}

:active, :focus {
	-webkit-tap-highlight-color: transparent;
	outline:none;
}


dl dt {
	font-weight:bold;
}
dl dd, ul li {
	margin-left:2em;
}

dl, ul, ol {
	margin-bottom:0.8em;
}

main ul, main ul li {
	list-style-type:disc;
}

.bbottom {
	border:1px solid #eee;
	margin-bottom:1em;
	padding-bottom:1em;
}

.smaller {
	font-size:80%;
	line-height:1.2em;
}
.ptop {
	padding-top:2em !important;
}
.pbottom {
	padding-bottom:2em !important;
}


main .row {
	padding-top:2em;
	padding-bottom:2em;
}
main .row.nopadding {
	padding-top:0px;
	padding-bottom:0px;
}
.row.mtop_1em, .mtop_1em {
	margin-top:1em;
}
.row.mbottom_1em, .mbottom_1em {
	margin-bottom:1em;
}
.row.mtop_2em, .mtop_2em {
	margin-top:2em;
}
.row.mbottom_2em, .mbottom_2em {
	margin-bottom:1em;
}

.btop {
	border-top:2px solid #ccc;
}



.fullwidth, .fullwidth .container, .fullwidth .container .row {
	width:auto;
}

iframe.fullwidth {
	width:100%;
	padding:0.5em;
	border:1px solid #ccc;
	height:20em;
}

.halfheight {
	position:relative;
	min-height:50vh;	
}

.fullheight {
	position:relative;
	min-height:100vh;
}
.doubleheight {
	position:relative;
	min-height:200vh;
}

small {
	font-size:80%;
}

.az1 {
	text-transform:uppercase;
	font-weight:bold;
}

ul.inline {
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.inline li {
	display:inline;
	margin:0px;
	padding:0px;
	margin-right:0.5em;
}


.vis0 {
	visibility:hidden;
}
.vis1 {
	visibility:visible;
}

.shadowed {
    -webkit-filter: drop-shadow(0.1em 0.1em 0.2em #000);
    filter: drop-shadow(0.1em 0.1em 0.2em #000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.flexbox {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
}
.flexelem {
	flex-grow:1;
	flex-shrink:1;
	flex-basis:20%;
}

.flexcenter {
	justify-content:center;
	align-items:center;
}

.blocktext {
	text-align:justify;
}

.blocktext ul {
	text-align:left;
}

.orange {
	color:rgb(255,107,11);
}
.grau1 {
	color:#eee;
}
.grau2 {
	color:rgb(55,57,53);
}

.hg_orange {
	background-color:rgb(255,107,11);
}
.hg_grau1 {
	background-color:#eee;
}
.hg_grau2 {
		background-color:rgb(55,57,53);
}

main {
	box-shadow:0px 0px 50vh black;
	margin-top:100vh;
	background-color:black;
}
main .row {
	width:100%;
}

#CHG {
	position:fixed;
	z-index:-1;
	left:0px;
	top:0px;
	right:0px;
	height:100vh;
	background-color:black;
	background-image:url(../images/SilviaMutz_BeAWarrior_DW0A6330_b_v3.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-content:center;
	align-items:center;
}

#CHG img {
	/*
	position:absolute;
	top:0px;
	left:1em;
	padding-top:10em;
	border-radius:0px 0px 0.25em 0.25em;
	*/
	margin:2em;
	height:12em;
	width:12em;
	padding:1em;
	background-color:black;
	box-shadow:0px 0.25em 0.25em black;
	border-radius:0.5em;
}

#F0 {
	background-color:black;
	color:#ccc;
	text-align:center;
	font-size:1rem;
	padding-top:1em;
	padding-bottom:1em;
	border-top:1px solid #666;
	margin-top:100vh;
}
#F0 #CLogoSYNE {
	padding-top:2em;
	color:#ccc;
}
#F0 #CLogoSYNE img {
	display:block;
	max-width:50%;
	height:auto;
	margin:auto;
	margin-top:1em;
}
#F0 #CLogoSYNE a {
	color:white;
}

#F1 {
	border-top:1px solid #666;
	background-color:#111;
	color:white;
	text-align:center;
}

#H0 {
	/*
	top:0px;
	left:0px;
	right:0px;
	height:auto;
	*/
	position:fixed;
	border-bottom:2px solid black;
	top:0px;
	left:0px;
	right:0px;
	height:auto;
	overflow:auto;
	z-index:2000;
}
#H0 {
	color:#333;
	text-align:center;
	z-index:2000;
}

#H2 {
	background-color:black;
}

#H0 .iam {
	background-color:rgb(20,20,20);
	display:flex;
	align-content:space-between;
	justify-content:center;
}
#H0 .iam ul {
	text-align:center;
	margin:0px;
	color:white;
	padding:0.5em;
	border-bottom:1px solid #333;
}
#H0 .iam ul li {
	display:inline-block;
	margin:0px;
	padding:0px;
	padding-left:1em;
	padding-right:1em;
	border-right:1px solid white;
	line-height:1em;
	text-transform:uppercase;
}
#H0 .iam ul li:last-of-type {
	border-right:none;
}

#CLogo {
	background-color:black;
	padding:2em;
}

#CLogo img {
	display:block;
	width:25%;
	margin:auto;
}

#CSlogan2 {
	background-color:rgb(55,57,53);
	padding-top:1em;
	padding-bottom:1em;
}
#CSlogan2 .dgr {
	font-family:'Eurostar Black Extended';
	color:rgb(255,107,11);
}
#CSlogan2 .normal {
	font-size:1rem;
	text-transform:none;
}

#CLogo0 {
	max-width:30rem;
	height:auto;
	margin:auto;
	margin-top:1em;
	margin-bottom:1em;
	display:block;
}

#CSlogan {
	padding:2em 0px 2em 0px;
}
#CSlogan img {
	width:100%;
	height:auto;
}


#CIndex {
	
}

#CTraining {
	
}

#CErnaehrung {
	background-color:#222;
	background-color:steelblue;
}

#CSilviaMutz {
	background-color:#eee;
	color:#333;
}

#CPreisliste {
	background-color:white;
	color:#333;
}

#CKontakt {
	background-color:#eee;
	color:#333;
	
}
#CShop {
	
}

#CImpressum {
	background-color:#222;
}

#CGutscheine {
	background-color:#781f19;
	background-color:royalblue;
	background-color:slategray;
}
#CGutscheine a {
	color:orange;
}
#CGutscheine a:hover {
	color:white;
}

/* ---- Kooperationen: ---- */
#CKooperationen {
	background-color:#666;
	background-color:lightslategray;
	display:none;
}
/* ENDE Kooperationen: ---- */

/* ---- DSGVO: ---- */
#CDSGVO {
	background-color:#111;
}
/* ENDE DSGVO: ---- */

#CNav0 {
	position:relative;
	margin:auto;
	color:white;
	box-sizing:border-box;
	height:4rem;
	font-size:1.2em;
	line-height:1em;
	border-bottom:2px solid black;
	font-family:Roboto,"Roboto Condensed",sans-serif;
	transition:background-color 0.8s;
	background-color:rgba(200,0,0,0.5);
	background-color:rgba(100,149,237,0.5);
}

.sticked #CNav0 {
    max-width: none;
    margin-top: 0px;
    border-bottom: 1px solid #fff;
	background-color:rgba(100,149,237,0.8);
	min-height:2.8rem;
}

#btnNav {
	display:none;
	font-size:3rem;
}

#nav0 {
	height:100%;
}

#nav0>ul {
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	margin:0px;
	padding:0px;
	height:100%;
	border-bottom:2px solid white;
}
#nav0 li {
	align-self:center;
	margin:0px;
	padding:0px 0.3em;
}
#nav0 a {
	text-transform:uppercase;
	background:none;
	border-radius:0px;
	border:none;
}
#nav0 a:hover {
	color:#ccc;
}

#nav1>ul {
	align-items:center;
	align-content:center;
	justify-content:center;
	display:flex;
	text-align:center;
	margin:0px;
	padding:0px;
}
#nav1 li {
	display:block;
	margin:0px 1em;
	padding:0px;
}
#nav1 ul ul {
	display:block;
}
#nav1 ul ul li {
}
.lightbox {
	/*
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	*/
}
.lightbox, .lightbox li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	font-size:0px;
}
.lightbox li {
	max-width:8rem;
	max-height:8rem;
	border:1px solid #eee;
	padding:0.25rem;
	box-shadow:0.25rem 0.25rem 0.25rem #333;
	/*
	flex-grow:1;
	flex-shrink:1;
	flex-basis:25%;
	padding:0px !important;
	*/
	line-height:1rem !important;
	font-size:0px !important;
}
.lightbox img {
}

.lightbox a, .fancybox-wrap a, .lightbox a:hover, .fancybox-wrap a:hover {
	background-color:transparent;
}

.fancybox-skin {
	background-color:rgba(0,0,0,0.8);
}


.SMFacebook, #nav0 .SMFacebook {
	background:none;
	background-color:white;
	background-image:url(../../../svg/icons/icon_FB_white.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:2.5rem 2.5rem;
	background-origin:padding-box;
	line-height:3rem;
	width:3rem;
	height:3rem;
	font-size:0px;
	display:inline-block;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	border-radius:0.5rem;
	border:none;
	border:3px solid hsl(186,100%,30%);
}
.SMFacebook:hover, #nav0 .SMFacebook:hover {
	background-image:url(../../../svg/icons/icon_FB_black.svg);
}

p.instagram {
	margin:1rem;
	margin-top:0px;
}
#btnInstagram {
	display:inline-block;
	font-size:0px;
	width:3rem;
	height:3rem;
	border-radius:25%;
	background-color:white;
	border:1px solid #ccc;
	background-image:url(../../../images/mobile/icons/icon_instagram_200x200.png);
	background-size:cover;
	background-position:center;
}
.fb_iframe_widget {
	display:block;
	margin:1em;
	width:auto !important;
}
.fb_iframe_widget > span,
.fb_iframe_widget iframe {
	width:auto !important;
}


a.mehr {
	display:inline-block;
	margin-bottom:2em;
}

figure {
	padding:0.5em;
	background-color:white;
	border:1px solid #eee;
	border-radius:3px;
}
figcaption {
	margin-top:0.5em;
}

.cvideos, .successstories, .grey {
	border-top:1px solid #ccc;
	border-bottom:1px solid #333;
	background-color:#eee;
	padding-top:2em;
	padding-bottom:2em;
}
.cvideos iframe {
	display:block;
	margin:auto;
	padding:0.5em;
	border-bottom:2px solid #333;
}

table.std {
	border-collapse:separate;
	background-color:white;
	border:1px solid #ccc;
}
table.std th {
	text-align:right;
	font-weight:bold;
}
table.std th, table.std td {
	padding:0.5em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.std tr td:last-of-type {
	border-right:none;
}
table.std tr:last-of-type th, table.std tr:last-of-type td {
	border-bottom:none;
}

img.block_pic {
	padding:0.5em;
	margin:auto;
	margin-top:0.5em;
	margin-bottom:0.5em;
	border-radius:3px;
	border:1px solid #ccc;
	background-color:white;
	max-width:40em;
	display:block;
}

.smaller {
	font-size:80%;
}

.teaser {
	font-size:1.2em;
}

i.symbol {
	box-sizing:border-box;
	font-size:6rem;
	display:inline-block;
	line-height:1em;
	background-color:white;
	width:10rem;
	height:10rem;
	padding-top:2rem;
	text-align:center;
	border-radius:50%;
	color:#781f19;
	color:royalblue;
	color:slategray;
}

.hgpic {
	height:100vh;
}
.hgpic div {
	background-color:black;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	height:100%;
}

/* ---- Header: ---- */
#H2 .pic {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	min-height:50vh;
	position:relative;
}
#pic1 {
	background-image:url(../images/SilviaMutz_BeAWarrior_DW0A6830_b.jpg);
}
#pic2 {
	background-image:url(../images/SilviaMutz_BeAWarrior_DW0A7357_b-2-2.jpg);
}
#pic3 {
	background-image:url(../images/SilviaMutz_BeAWarrior_Ringe_DW0A6978.jpg);
}
.pic .slogan {
	position:absolute;
	left:0px;
	width:auto;
	max-width:80%;
	bottom:0.2em;
	height:auto;
	z-index:2;
	background-color:rgba(0,0,0,0.8);
	color:white;
	background-color:yellow;
	color:black;
	padding:0.5em 2em 0.5em 1em;
	line-height:1em;
}
.pic .slogan strong {
	display:block;
	text-transform:uppercase;
	font-size:3em;
	font-weight:black;
	font-family:Roboto,"Roboto Condensed",sans-serif;
	margin-bottom:0.5em;
	margin-top:0.25em;
}
.pic .slogan:nth-of-type(2) {
	bottom:2.4em;
}
#H2 video {
	height:100%;
	width:auto;
	margin:0px;
	padding:0px;
}
/* ENDE Header: ---- */




/* ---- Silvia Mutz: ---- */
.spruch {
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	border-radius:0.5em;
}
.spruch * {
	margin:2rem;
}
.spruch .qmark {
	width:10%;
	font-family:"Times New Roman", Geneva, sans-serif;
	font-size:12em;
	align-self:flex-end;
	margin-right:0px;
	color:cornflowerblue;
	line-height:0.5em;
}

.spruch img {
	width:25%;
	height:auto;
	border-radius:50%;
	padding:7px;
	box-shadow:0px 0px 5px #333;
}

.spruch figcaption {
	width:25%;
	font-size:1.5em;
	margin-left:0px;
	color:#666;
	font-style:normal;
	line-height:1em;
}

#CSilviaMutz .teaser {
	color:#555;
}
/* ENDE Silvia Mutz: ---- */


/* ---- Preisliste: ---- */
.dienstleistung th, .dienstleistung td {
	padding:0.2em;
}
.dienstleistung .dl .ue {
	font-size:120%;
	margin-bottom:0.2em;
	text-align:left;
	text-transform:uppercase;
}
.dienstleistung .dl .beschreibung {
	font-size:90%;
	margin-bottom:0.5em;
	color:#666;
}

.dienstleistung .dl {
	border-bottom:2px solid #333;
}
.dienstleistung .dl th {
	padding-top:2em;
}
.dienstleistung .pr {
	border-bottom:1px dotted #333;
}

.dienstleistung .pr .beschreibung_produkt {
	font-size:90%;
}

.dienstleistung tr td:first-of-type {
	width:30%;
}
.dienstleistung tr td:last-of-type {
	width:6em;
	text-align:right;
}

.dienstleistung .warrior td {
	font-size:1.1em;
	color:cornflowerblue;
	color:#781f19;
}

.dienstleistung .warrior td:first-of-type {
	font-weight:bold;
	text-transform:uppercase;
}
/* ENDE Preisliste: ---- */


/* ---- Privater Bereich: ---- */
#CPrivate .downloads, #CPrivate .downloads li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#CPrivate .downloads li {
	margin:0.25em 0px;
	padding:0.25em 0px;
	border-bottom:1px solid #ccc;
}
#CPrivate .downloads li:last-of-type {
	border-bottom:none;
}

#btnLogin, #btnLogout {
	padding:0.5em 1em;
	color:white;
	border-radius:0.25em;
	border:2px solid darkorange;
	background:darkorange;
	transition:background-color 0.5s, color 0.25s;
}
#btnLogout {
	margin-left:auto;
	display:block;
}
#btnLogin:hover, #btnLogout:hover {
	background:white;
	color:darkorange;
}
/* ENDE Privater Bereich: ---- */


/* ---- Sprachen: ---- */
.langs {
	margin:0px;
	padding:0px;
	margin-left:2em;
	list-style-type:none;
}
.langs li {
	display:inline-block;
	margin:0.25em;
	padding:0.25em;
	list-style-type:none;
}
/* ENDE Sprachen: ---- */


/* ---- Kooperationen: ---- */
#CKooperationen figure {
	background-color:black;
	margin-left:1em;
	margin-right:1em;
	color:#eee;
	font-size:90%;
	border-color:#333;
}

#CKooperationen figure img {
	margin:auto;
	max-width:100%;
	height:auto;
	margin-bottom:0px;
}
#CKooperationen figure a.logo {
	border:none;
	background:none;
	border-radius:0px;
	padding:0px;
	display:block;
}
#CKooperationen figcaption {
	text-align:center;
	font-style:normal;
}
#CKooperationen .address {
	margin-top:0.8em;
	text-align:center;
	font-size:90%;
	line-height:1.2em;
}
#CKooperationen .address a {
	display:block;
	margin:0.1em;
}

#CKooperationen .flexbox {
	flex-shrink:0;
}
/* ENDE Kooperationen: ---- */


/* ---- DSGVO: ---- */
.dsgvo {
	font-size:80%;
}
/* ENDE DSGVO: ---- */

/* ---- Gutscheine: ---- */
#CGutscheine .info {
	color:white;
}
#CGutscheine h1 {
	color:white;
}
.gs_wert,
#GSDownload {
	max-width:50%;
	margin:2em auto;
	color:#333;
	background-color:#eee;
	padding:1em;
	border-radius:1em;
	text-align:center;
	font-size:1.2em;
	box-shadow:none;
}

#frmGutschein .gs_wert input {
	text-align:center;
	margin:0.5em auto;
	width:7em;
	font-size:2em;
}
#frmGutschein #GS_Text {
	font-size:1.2rem;
	width:100%;
}

#frmGutschein legend {
	margin-bottom:0.5em;
	text-transform: uppercase;
}
#GSDownload {
	border:2px solid #BD2B0B;
	background-color:rgba(255,255,255,0.5);
	color:#333;
	margin-bottom:2em;
}
/* ENDE Gutscheine: ---- */
input, select, textarea, label {
	display:block;
	margin-bottom:0.8em;
	width:100%;
	box-sizing:border-box;
}
input, #frmBooking button {
	border-radius:5px;
	padding:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
label {
	margin-bottom:0.2em;
	line-height:1.2em;
}
#CKontakt form input[type=submit], #CKontakt form input[type=button], #CKontakt form button {
	font-family:inherit;
	border:2px solid cornflowerblue;
	color:cornflowerblue;
	background-color:white;
	padding:0.5em;
}
#CKontakt form input[type=submit]:hover, #CKontakt form input[type=button]:hover, #CKontakt form button:hover {
	border:2px solid white;
	color:white;
	background-color:cornflowerblue;
}

form label[data-required] {
	font-weight:bold;
}
form label[data-required]:after {
	content:" *";
}

#frmBooking .close {
	display:block;
	max-width:10em;
	margin-left:auto;
	margin-bottom:2em;
}

fieldset {
	padding:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px solid #ccc;
}
fieldset:nth-of-type(even) {
	/*
	background-color:#eee;
	*/
}

fieldset.required {
	font-size:1.1em;
}
textarea {
	min-height:8em;
}
@media only screen and (min-width: 62em) {
	#nav0 {
		display:block;
	}
}


@media only screen and (max-width: 78.25em) {
}
/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 64.1em) {
	html, body {
		font-size:1em;
	}
	#F0 #CLogoSYNE img {
		max-width:70%;
	}
	#btnNav {
		display:none;
	}
}
@media only screen and (max-width: 62em) {
	#H0 {
	}
	#F0 #CLogoSYNE img {
		max-width:100%;
	}
	#btnNav {
		display:block;
		cursor:pointer;
	}
	#CNav0, .sticked #CNav0 {
		height:auto;
	}
	 
	#nav0 {
		display:none;
		width:100%;
		background:black;
		color:white;
		font-size:1.2em;
		height:100vh;
		overflow:visible;
	}
	#nav0 ul {
		display:block;
	}
	#nav0 li {
		border-radius:0px;
		display:block;
		padding:0.2em;
		margin:0px;
	}
	#nav0 ul li a {
		display:block;
	}
		
	.dienstleistung {
		font-size:90%;
	}
	.dienstleistung .dl .ue {
	}
	.dienstleistung .dl .beschreibung {
		font-size:90%;
	}
	#CKooperationen .flexbox {
		display:block;
	}
	#CKooperationen .flexelem {
		display:block;
		margin-bottom:0.5em;
	}
}
@media only screen and (min-width: 37.5em) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 37.5em) {
	#H1 li {
		border-right:none;
	}
	
	.dienstleistung, .dienstleistung tr, .dienstleistung th, .dienstleistung td {
		display:block;
	}
	.dienstleistung tr td:first-of-type {
		width:auto;
	}
	.dienstleistung tr td:last-of-type {
		width:auto;
	}
	.spruch {
		display:block;
		border-radius:0.5em;
	}
	.spruch * {
		margin:2rem;
		display:block;
	}
	.spruch .qmark {
		width:auto;
		margin-bottom:0px;
	}
	.spruch img, .spruch figcaption {
		width:auto;
		max-width:100%;
		margin:auto;
		margin-top:2rem;
		margin-bottom:2rem;
	}
	.spruch figcaption {
		margin-top:0px;
	}
		
	#nav1>ul {
		display:block;
	}
	#CHG img {
		height:6em;
		width:6em;
	}
	
	#H0 .iam {
		display:block;
	}
	#H0 .iam ul {
		display:block;
	}
	#H0 .iam ul:first-of-type {
		display:none;
	}
}
/* ENDE Smartphones, etc. ---- */

@media screen and (orientation:portrait) {
	#pic2 {
		background-image:url(../images/SilviaMutz_BeAWarrior_portrait_DW0A7357_b-2-2.jpg);
	}
}