/*
#header.outer.grau					.inner			.table
#contentWrapper
== HOCHZEIT ==
	#theme.outer					.inner
	#content.outer.silber			.inner
	#slit.outer						.inner
	#album_premium.outer.silber		.inner.album	ul.flex
	#slogan.outer					.inner
	#album_galeries.outer			.inner.album	ul.flex
== /hochzeit ==
#footer.outer.grau					.inner			.flex
*/
html, body {
	position: relative;
	height: 100%;
}

h6 { display: none; }

@font-face {
	font-family: "TextSchrift";
	src: url( "./textfnt/AmaticSC-Regular.ttf" ) format( "truetype" );
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "TextSchriftFett";
	src: url( "./textfnt/AmaticSC-Bold.ttf" ) format( "truetype" );
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "SchreibSchrift";
	src: url( "./scriptfnt/DrSugiyama-Regular.ttf" ) format( "truetype" );
	font-weight: normal;
	font-style: normal;
}

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

* {
	font-family: "Libertation Sans", Arial, sans-serif;
}


/* ===  NAVIGATION: DESKTOP/MOBILE  === */
body			{ position: relative; z-index: 1; }
#body			{ position: relative; z-index: 2; }
#navPhoneBody	{ position: absolute; z-index: 3; }
#toTop			{ position: fixed;    z-index: 4; }

/* ---  NAVIGATION: TOTOP  --- */
/* #toTop			{ display: none; } */
#toTop {
	bottom: 0.5em;
	right: 0.5em;
	background-color: #444444;
	width: 2em; height: 2em;
	border-radius: 10px 10px 0 0;
	transition: all 0.2s ease 0s;
	box-shadow: 3px 3px 1px rgba( 192, 192, 192, 0.4 );
}
#toTop a {
	display: inline-block;
	width: 2em; height: 2em; line-height: 2em;
	text-align: center; vertical-align: middle;
	color: white;
}
#toTop a:hover {
	text-decoration: none;
}
#toTop.off {
	bottom: -3em;
}

/* ---  NAVIGATION: Phone  --- */
#navPhoneBody {
	display: none;
	top: 0; left: 0;
	width: 100%; height: 100%;
	padding-bottom: 1em;
	background-image: url( "black_03_50.png" ); background-repeat: repeat repeat;
}
#navPhone {
	display: inline-block;
	max-width: 80%;
	padding: 0 0.5em 1em 0.5em;
	font-size: 1.3em;
	border: medium solid silver;
	background-color: rgb( 219, 219, 219 );
	box-shadow: 0.5em 0.5em 0.25em rgba( 0, 0, 0, 0.6 );
}
#navPhone #closeNav {
	padding: 0.5em 0 0 0;
	color: gray;
	text-align: right;
}
#navPhone #closeNav:hover {
	cursor: pointer;
}
#navPhone #closeNav b {
	font-size: 3em;
}
#navPhone ul {
	padding-top: 0.5em; padding-bottom: 0.5em;
	list-style: none;
}
#navPhone li {
	list-style: none;
}
#navPhone ul a:first-child li {
	margin-top: 0;
}
#navPhone ul a li {
	color: white;
	padding: 0.5em 1em;
	margin-top: 0.5em;
	background-image: url( "black_20.png" ); background-repeat: repeat repeat;
}
#navPhone ul a li:hover {
	color: black;
	background-image: url( "black_40.png" ); background-repeat: repeat repeat;
}

#contentWrapper p#breadcrumbs {
	font-family: "TextSchriftFett";
	font-size: 50%;
}

/* ===  BASICS  === */
.clear { clear: both; }
.err, .err li { color: red; }
img { color: red; font-weight: bold; font-family: monospace; max-width: 100%; max-height: 100%; }
p + p { text-indent: 1em; }
p.stumpf { text-indent: 0; }
p#breadcrumbs + p.stumpf { padding-top: 1em; }

body.offline form { display: none; }

#contentWrapper code,
#contentWrapper tt,
#contentWrapper pre {
	font-family: monospace; 
}
#contentWrapper cite {
	letter-spacing: 0.15em; font-style: normal;
}
#contentWrapper .err {
	color: red;
}
::placeholder { color: gray; opacity: 0.54; }
:-ms-input-placeholder { color: gray; opacity: 0.54; }
a { /* HREF */
	font-family: "TextSchriftFett";
	/* color: purple; */
	text-decoration: none;
}
a:hover,
[onclick]:hover {
	cursor: pointer;
}
address {
	font-style: normal;
}

/*
div:before { background-color: orange; font-size: 12px; content: "#" attr( id ) "." attr( class ) " "; }
*/

/* DEBUG
#header.outer		{ border: thick solid green; }
#contentWrapper		{ border: thick solid green; }
#footer.outer		{ border: thick solid green; }

.inner				{ border: thick solid blue; }
.inner .table		{ border: thick dashed maroon; }
.inner .album		{ border: thick dashed maroon; }
.inner .flex			{ border: thick dashed maroon; }
.inner .table .td	{ border: thin solid red; }
.album .flex li		{ border: thin solid red; }
#contentWrapper #theme h2 { border: 2px solid yellow; }
#slogan p { border: 2px solid yellow; }

hr { border: thick solid purple; }
*/
hr.struct { display: none; }

.outer.grau {
	background-color: rgb( 96, 96, 96 );
	min-height: 50px;
}
.outer.silber {
	background-color: rgb( 236, 236, 236 );
	min-height: 50px;
}

/*
	flex-direction:		row, row-reverse, column, column-reverse
	flex-wrap:			nowrap, wrap, wrap-reverse
	justify-content:	flex-start, flex-end, flex-center, space-between, space-around, space-evenly
	align-items:		flex-start, flex-end, center, stretch, baseline
	align-content:		flex-start, flex-end, center, stretch, space-between, space-around
*/
#album_premium .album .flex,
#album_galeries .album .flex,
#footer .flex {
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: center;
}
/*
	order: <int>;					0
	flex-grow: <int>;				1
	flex-shrink: <int>;				1
	flex-basis: <length> | auto;	auto
	flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ];	0 1 auto
	align-self: <align-items>;
	
*/
#album_premium .album .flex li,
#album_galeries .album .flex li {
	float: left; /* flex fallback */
	margin: 0 0.33em 0.5em 0;
	background-size: 100% auto;
	background-size: cover;
}
#album_premium .album .flex li {
	box-shadow: 3px 3px 3px 1px rgba( 0, 0, 0, 0.15 );
}
#album_galeries .album .flex li {
	box-shadow: 2px 2px 2px 1px rgba( 0, 0, 0, 0.15 );
}
#footer .flex div {
	float: left; /* flex fallback */
	/*
		margin: 0 1em 0.5em 0;
		border: thin solid red;
	*/
}
#footer .flex div#foot_aSocial {
	float: right; /* flex fallback */
	/* margin: 0 0.25em 0.5em 0; */
}

/* ===  HEADER  === */
#header .inner .table		{ display: table; }
#header .inner .table .tr		{ display: table-row; }
#header .inner .table .td		{ display: table-cell; }
#header #header_logo img		{ background-color: rgb( 125, 127, 127 ); }
#header #header_nav_ico		{ text-align: right; }

/* ---  HEADER: DESKTOP NAVIGATION  --- */
#header #header_nav.td ul { text-align: right; list-style: none; }
#header #header_nav.td ul li { list-style: none; display: inline; font-family: "TextSchriftFett", Arial, sans-serif; font-size: 150%; }
#header #header_nav.td ul a li { color: white; padding: 0.25em; }
#header #header_nav.td ul a li:hover { background-color: silver; }

/* === contentWrapper: THEME === */
#contentWrapper {
	font-size: 150%;
}
#theme.outer  {
	background-size: cover;
	background-position: center;
}
.index #theme.outer,
.bestellung #theme.outer					{ background-image: url( "index_theme_992.jpg" ); height: 15em; }
.bestellung #theme.outer					{ height: 6em; }

.hochzeit #theme.outer					{ background-image: url( "hochzeit_theme_992.jpg" ); height: 15em; }
.hochzeit.galerie #theme.outer			{ background-image: none; height: auto; }
.hochzeit.hochzeit_beratung #theme.outer,
.hochzeit.hochzeit_planung #theme.outer	{ height: 6em; }
.hochzeit.galerie.herbst				{ }
.hochzeit.hochzeit_beratung				{ }

.trauer #theme.outer						{ background-image: url( "trauer_theme_992.jpg" ); height: 15em; }
.trauer.galerie #theme.outer				{ background-image: none; height: auto; }

#contentWrapper #theme h2 {
	position: relative; top: -0.5em;
	float: right;
	font-family: "SchreibSchrift", fantasy;
	font-family: "TextSchriftFett", Arial, sans-serif;
	font-size: 300%;
	text-align: right;
	/* background-image: url( "white_70.png" ); */
	margin-bottom: 0;
	padding: 0;
}

/* === contentWrapper: SLIT === */
#slit {
	height: 15em; 
	background-size: cover; background-position: center;
	background-attachment: fixed; /* scroll, fixed, local, inherit */
}
.hochzeit #slit { background-image: url( "hochzeit_slit_992.jpg" ); }
.trauer #slit { background-image: url( "trauer_slit_992.jpg" ); }
/* WECH .hochzeit.galerie #slit { display: none; } */

/* === contentWrapper: SLOGAN === */
/* WECH .hochzeit.galerie #slogan { display: none; } */
.hochzeit #slogan.outer	{ background-image: url( "hochzeit_img_992.jpg" ); }
.trauer #slogan.outer	{ background-image: url( "trauer_img_992.jpg" ); }
#slogan.outer {
	background-size: cover; background-position: center;
	height: 15em;
}
#slogan {
	height: 15em;
}
#slogan p span.big {
	/* font-family: "Segoe Script", fantasy; padding-right: 0.3em; */
	font-family: "TextSchriftFett", Arial, sans-serif;
	padding-right: 0.1em;
	font-size: 300%;
}
#slogan p {
	position: relative; bottom: -12.5em;
	/* background-image: url( "white_70.png" ); */
	padding: 0.25em 0.5em;
}

/* === contentWrapper: CONTENT === */
/* .hochzeit.galerie #content { display: none; } */
#contentWrapper #content .inner { position: relative; } /* fuer swiper */
#contentWrapper h1, #contentWrapper h2, #contentWrapper h3, #contentWrapper h4, #contentWrapper h5, #contentWrapper h6,
#contentWrapper p, #contentWrapper address, #contentWrapper li, #contentWrapper th, #contentWrapper td, #contentWrapper label,
#contentWrapper small, #contentWrapper i, #contentWrapper a, #contentWrapper span {
	color: #444444;
	font-family: "TextSchrift", Arial, sans-serif;
}
#contentWrapper span.fa {
	font-family: "FontAwesome";
}
/*
#contentWrapper p,
#contentWrapper li {
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
		-ms-hyphens: auto;
			hyphens: auto;
}
*/
#contentWrapper p.info,
#contentWrapper pre.info {
	font-family: "Libertation Sans", Arial, sans-serif;
	padding: 0; margin: 0; text-indent: 0;
	font-size: 50%; line-height: 1; color: #444444;
}
#contentWrapper #jsHint { color: red; font-weight: bold; }
#contentWrapper h1, #contentWrapper h2, #contentWrapper h3 {
	margin-top: 1em; margin-bottom: 0.5em;
}
#contentWrapper h1 { font-size: 133%; font-weight: normal; }
#contentWrapper h2 { font-size: 125%; font-weight: normal; }
#contentWrapper h3 { font-size: 115%; font-weight: normal; }
#contentWrapper h4 { font-size: 100%; font-weight: bold; }
#contentWrapper h4, b, bold { font-family: "TextSchriftFett", Arial, sans-serif; }

#contentWrapper i { letter-spacing: 0.15em; font-style: normal; }

#contentWrapper legend {
	color: #444444;
	font-family: "TextSchriftFett", Arial, sans-serif;
}
#contentWrapper form table {
	width: 100%;
}
#contentWrapper form fieldset {
	display: block;
	margin-top: 1.5em;
	/* color: #444444; */
	border: 1px solid #444444;
}
#contentWrapper form fieldset input[type="checkbox"] {
	/* height: 26px; width: 16px; background-color: red; */
}
#contentWrapper form fieldset textarea {
	font-size: 66%;
	width: 100%;
	padding: 0.25em 0.5em;
	color: #444444;
}
#contentWrapper form select {
	font-size: 66%;
	padding: 0.25em 0.5em;
	color: #444444;
}
#contentWrapper form input.text {
	font-size: 66%;
	width: 100%;
	padding: 0.25em 0.5em;
	font-weight: normal;
	color: #444444;
}
#contentWrapper form input.date {
}
input.preis, input.summe, input.zwischensumme, td.summe { text-align: right; padding-right: 0.5em; }
#contentWrapper form input[type="submit"] {
	font-size: 66%;
	padding: 0.25em 0.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	color: #444444;
}
#contentWrapper p, #contentWrapper li {
	line-height: 1.62;
	text-align: justify;
}
#contentWrapper ul {
	list-style: none;
}
#contentWrapper ul ul {
	padding-left: 1em;
}
#contentWrapper ul ul ul {
	padding-left: 1em;
}
#contentWrapper li {
	list-style: none;
}
#contentWrapper li:before {
	list-style: none;
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F0DA "; /* caret-right */
	margin-right: 0.5em;
	color: gray;
}
#contentWrapper h3.err,
#contentWrapper ul.err li,
#contentWrapper ul.err li small  {
	font-weight: bold;
	color: red;
}
#contentWrapper ul.err li:before  {
	color: red;
}

#contentWrapper th, #contentWrapper td {
	line-height: 1.4;
	padding-top: 0.5em;
	padding-right: 1rem;
}
#contentWrapper th.stumpf, #contentWrapper td.stumpf {
	padding-top: 0;
}
#contentWrapper th {
	text-align: left;
	color: #666666;
	font-weight: normal;
}
#contentWrapper th.oder, #contentWrapper td.oder { padding-top: 0; line-height: 1; letter-spacing: 0.1em; }
#contentWrapper th.hint { font-weight: bold; font-size: 80%; }

#contentWrapper td:last-child {
	padding-right: 0;
}
#contentWrapper address {
	line-height: 1.2;
	margin-bottom: 1em;
}
#contentWrapper small { font-size: 80%; }
#contentWrapper form small { font-size: 66%; }

#contentWrapper h1:first-child,
#contentWrapper h2:first-child,
#contentWrapper h3:first-child {
	margin-top: 0;
}
#contentWrapper #content { min-height: 13em; }

#contentWrapper #content h2.enhHl:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F152";
	content: "\F106";							/* angle-up */
	content: "\F107"; margin-right: 0.5em;		/* angle-down */
	color: gray;
}
#contentWrapper #content h2.enhHl.sel:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F150";
	content: "\F105";							/* angle-right */
	content: "\F104"; margin-right: 0.795em;	/* angle-left */
	color: gray;
}
#contentWrapper #content .enhBl {
	padding-left: 1.4em;
}

/* 
	>>>>>>>>>>>>>>>>
	HOCHZEIT-ANGEBOT
	>>>>>>>>>>>>>>>>
*/
.hochzeit_angebot #contentWrapper #content .enhBl {
	padding-left: 0;
}
.hochzeit_angebot #contentWrapper #content fieldset {
	margin-top: 0;
}
.hochzeit_angebot #contentWrapper #content fieldset.dsgvo {
	margin-top: 1.5em;
}
.hochzeit_angebot #contentWrapper #content .fa {
	vertical-align: top;
	font-size: 80%;
	color: silver;
	color: #B1D17A;
	/* padding-top: 0.45em; */
	padding-left: 0.15em;
}
.hochzeit_angebot #contentWrapper #content .chkbox {
	white-space: nowrap;
	display: inline-block; width: 4em;
}
.hochzeit_angebot #contentWrapper #content .chkbox label {
	/* adding: 0 0.25em; border: 1px solid silver; */
}
.hochzeit_angebot #contentWrapper #content .chkbox label:hover {
	background-color: white;
}

.hochzeit_angebot #contentWrapper #content .infoText {
	/* >>> INFOTEXT TO MONITOR >>> */
	position: absolute;
	visibility: hidden;
	border-radius: 0.15em;
	margin-left: 0.25em;
	margin-right: 2em;
	box-shadow: 3px 3px 3px rgba( 44, 44, 44, 0.4 );
	/* <<< infotext to monitor <<< */
	padding: 0.5em;
	font-size: 80%;
	border: thin solid gray;
	background-color: rgb( 244, 244, 244 );
	max-width: 20em;
}

/* >>>>>  PRINT  >>>>>  PRINT  >>>>>  PRINT  >>>>>  PRINT >>>>> */
/* PRINT-VERSION, primär für Angebot Hochzeit für das Korrekturlesen */
.hochzeit_angebot.print #contentWrapper #content .infoText {
	display: block;
	clear: both;
	position: static;
	visibility: visible;
	border: thin solid silver;
	box-shadow: none;
	padding: 0.5em;
	background-color: white;
	margin: 0;
}
.hochzeit_angebot.print #contentWrapper #content .infoText p,
.hochzeit_angebot.print #contentWrapper #content .infoText p.text,
.hochzeit_angebot.print #contentWrapper #content .infoText a[href] {
	font-family: sans-serif;
	text-align: left;
	font-size: 11pt;
}
.hochzeit_angebot.print #contentWrapper #content .infoText a[href]:after {
	content: " [" attr( href ) "]";
}
.hochzeit_angebot.print #contentWrapper #content .infoText p b {
	font-family: sans-serif;
}
.hochzeit_angebot.print #contentWrapper #content .infoText p.close {
	display: none;
}
.hochzeit_angebot.print #contentWrapper #content h2.lev2 { background-color: white; border-top: thin solid gray; border-bottom: thin solid gray; }
.hochzeit_angebot.print #contentWrapper #content h3.lev3 { background-color: white; border-top: thin solid gray; border-bottom: thin solid gray; }
.hochzeit_angebot.print #contentWrapper #content h4.lev4 { background-color: white; border-top: thin solid gray; border-bottom: thin solid gray; }
.hochzeit_angebot.print #contentWrapper #content h5.lev5 { background-color: white; border-top: thin solid gray; border-bottom: thin solid gray; }

@media only print {
	#body #header,
	#body #contentWrapper #debug,
	#body #contentWrapper #theme,
	#body #footer,
	#toTop {
		display: none;
	}
	.outer.silber { background-color: white; }
	#contentWrapper #content .inner { width: 100%; }
}
/* <<<<<  print  <<<<<  print  <<<<<  print  <<<<<  print <<<<< */

.hochzeit_angebot #contentWrapper #content .infoText p,
.hochzeit_angebot #contentWrapper #content .infoText p.text {
	line-height: 1;
	text-indent: 0;
	padding: 0.5em 0;
}
.hochzeit_angebot #contentWrapper #content .infoText p.close {
	padding-bottom: 0;
	text-align: right;
	font-size: 150%;
}
.hochzeit_angebot #contentWrapper #content .infoText p.close .fa {
	color: #444444;
}

.hochzeit_angebot #contentWrapper #content .infoText p.galerie {
}
.hochzeit_angebot #contentWrapper #content .infoText p img {
	/* clear: both; */
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	border: thin solid silver;
}

.hochzeit_angebot #contentWrapper #data li,
.hochzeit_angebot #contentWrapper #data p {
	line-height: 1;
	font-size: 80%;
}
.hochzeit_angebot #contentWrapper tr.rad td {
	padding-top: 0;
	line-height: 1.2;
}
.hochzeit_angebot #contentWrapper tr.rad.r1 td {
	padding-top: 0.5em;
}
.hochzeit_angebot #contentWrapper #content li:before {
	list-style: none;
	font-family: none;
	font-weight: normal;
	content: "";
	margin-right: 0;
	color: unset;
}
.hochzeit_angebot #contentWrapper #content li {
	color: red;
	list-style-type: circle;
}
.hochzeit_angebot #contentWrapper #content .enhHl .status {
	float: right;
	border: 1px solid red;
	margin-left: 15px;
	text-align: right;
	vertical-align: top;
}
.hochzeit_angebot #contentWrapper #content h2.enhHl .status	{ width: 1em; }
.hochzeit_angebot #contentWrapper #content h3.enhHl .status	{ width: 1.2em; }
.hochzeit_angebot #contentWrapper #content h4.enhHl .status	{ width: 1.3em; }
.hochzeit_angebot #contentWrapper #content .enhHl .status:before {
	font-family: "FontAwesome";
	font-weight: normal;
	font-size: 66%;
	color: yellowgreen;
	content: "";
}
.hochzeit_angebot #contentWrapper #content .enhHl .calc.status.okay:before {
	content: "\F14A"; /* check-square */
}
.hochzeit_angebot #contentWrapper #content .enhHl .summe {
	float: right;
	border: 1px solid red;
}
.hochzeit_angebot #contentWrapper #content .enhHl:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F0FE"; /* plus-square */
}
.hochzeit_angebot #contentWrapper #content .enhHl.sel:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F146"; /* minus-square */
}
.hochzeit_angebot #contentWrapper #content h2.enhHl .hochzeitstag { font-size: 66%; }
.hochzeit_angebot #contentWrapper #content h2.enhHl:before	{ color: gray;        margin-right: 0.5em; }
.hochzeit_angebot #contentWrapper #content h3.enhHl:before	{ color: steelblue;   margin-right: 0.5em; margin-left: 0.3em; }	/* silver */
.hochzeit_angebot #contentWrapper #content h4.enhHl:before	{ color: yellowgreen; margin-right: 0.5em; margin-left: 0.42em; }	/* purple */
.hochzeit_angebot #contentWrapper #content h5.enhHl:before	{ color: silver;      margin-right: 0.5em; margin-left: 0.65em; }	/* aqua, #444444 */
/*
.hochzeit_angebot #contentWrapper #content h5.enhHl:before {
	content: "\F107"; margin-right: 0.2em;		/* angle-down * /
}
.hochzeit_angebot #contentWrapper #content h5.enhHl.sel:before {
	content: "\F104"; margin-right: 0.495em;	/* angle-left * /
}

	F053	<
	F054	>
	F0D7	v	thin full
	F0D8	^	thin full
	F0D9	<	thin full
	F0DA	>	thin full
	F100	<<	schmal
	F101	>>	schmal
	F102	^^	schmal
	F103	vv	schmal
	F104	<	schmal
	F105	>	schmal
	F106	^	schmal
	F107	v	schmal
*/
.hochzeit_angebot #contentWrapper #content h2.lev2 {
	font-size: 150%;
	font-weight: bold; padding: 0.25em; padding-right: 10px;
	border-top: medium solid gray;
	border-bottom: thin solid silver;
	background-color: #E1E0E6;
}
.hochzeit_angebot #contentWrapper #content h3.lev3 {
	font-size: 125%;
	font-weight: bold; padding: 0.25em; padding-right: 10px;
	color: steelblue;
	border-top: thin solid gray;
	border-bottom: thin solid silver;
	background-color: #E1E0E6;
}
.hochzeit_angebot #contentWrapper #content div.enhBl.lev3 {
	/*
		border: thin solid gray;
		margin-left: 2em;
	*/
}
.hochzeit_angebot #contentWrapper #content h4.lev4 {
	font-size: 115%;
	font-weight: bold; padding: 0.25em; padding-right: 10px;
	color: yellowgreen;
	margin-top: 0.5em;
	border-top: thin solid silver;
	border-bottom: thin solid silver;
	background-color: #E1E0E6;
	background-color: #E9E8EE;
}
.hochzeit_angebot #contentWrapper #content h5.lev5 {
	font-weight: bold; padding: 0.25em; padding-right: 10px;
	color: #444444;
	margin-top: 0.5em;
	/* background-color: #E1E0E6; */
}
.hochzeit_angebot #contentWrapper #content div.enhBl.lev5 {
	border: thin solid purple;
	margin-left: 1em;
}



/* >>> STRUKTUR.PHP >>> */
/* DEBUG */
/*
.hochzeit_angebot #contentWrapper #content #jsContent h1:after,
.hochzeit_angebot #contentWrapper #content #jsContent h2:after,
.hochzeit_angebot #contentWrapper #content #jsContent h3:after,
.hochzeit_angebot #contentWrapper #content #jsContent h4:after,
.hochzeit_angebot #contentWrapper #content #jsContent div.sect.enhBl:before {
	content: " #" attr( id ) "." attr( class );
	font-size: 12px;
	background-color: orange;
}
*/


/* ggf. ULs im Standard */
.hochzeit_angebot #contentWrapper #content ul { padding-left: 1em; }
.hochzeit_angebot #contentWrapper #content ul ul { padding-left: 2em; }
.hochzeit_angebot #contentWrapper #content ul ul ul { padding-left: 3em; }

/* <<< struktur.php <<< */
/* 
	<<<<<<<<<<<<<<<<
	hochzeit-angebot
	<<<<<<<<<<<<<<<<
*/


#contentWrapper #content a.formular h2,
#contentWrapper #content a.formular h3 {
	margin-top: 1em;
}
#contentWrapper #content a.formular h2:before,
#contentWrapper #content a.formular h3:before {
	font-family: "FontAwesome";
	font-weight: normal;
	content: "\F0E0"; margin-right: 0.5em;		/* envelope */
	content: "\F003"; margin-right: 0.5em;		/* envelope_alt */
	content: "\F107"; margin-right: 0.5em;		/* angle-down */
	color: gray;
}

#contentWrapper #content.agb { background-color: white; }
#contentWrapper #content.agb h1,
#contentWrapper #content.agb h2,
#contentWrapper #content.agb p {
	font-family: "Libertation Sans", Arial, sans-serif;
	font-size: small; 
	text-transform: uppercase; 
	text-align: justify;
}
#contentWrapper #content iframe { width: 100%; min-height: 15em; } /* OSM Karte/Anfahrt */

/* === contentWrapper: ALBUM_GALERIES === */
/*
.hochzeit.galerie #album_premium { display: none; }
.hochzeit.galerie #album_galeries { display: none; }
*/
#album_premium.outer.silber {
	padding: 1em 0 2em 0;
}
/*
#album_premium.outer.silber .inner,
#album_galeries.outer.silber .inner {
	background-color: silver;
}
*/
.album .flex li { border-radius: 0.15em; }
#album_premium .album .flex li:before,
#album_galeries .album .flex li:before {
	font-family: "Libertation Sans", Arial, sans-serif; content: ""; margin-right: 0; color: #444444;
}

.hochzeit #album_premium .album .flex li.weiss			{ background-image: url( 'pg-hochzeit-weiss.jpg' ); }
.hochzeit #album_premium .album .flex li.sommer		{ background-image: url( 'pg-hochzeit-sommer.jpg' ); }
.hochzeit #album_premium .album .flex li.herbst		{ background-image: url( 'pg-hochzeit-herbst.jpg' ); }
.hochzeit #album_premium .album .flex li.winter		{ background-image: url( 'pg-hochzeit-winter.jpg' ); }

.hochzeit #album_galeries .album .flex li.armband		{ background-image: url( 'g-hochzeit-armband.jpg' ); }
.hochzeit #album_galeries .album .flex li.ringkissen	{ background-image: url( 'g-hochzeit-ringkissen.jpg' ); }
.hochzeit #album_galeries .album .flex li.zeremonie	{ background-image: url( 'g-hochzeit-zeremonie.jpg' ); }
.hochzeit #album_galeries .album .flex li.tisch		{ background-image: url( 'g-hochzeit-tisch.jpg' ); }
.hochzeit #album_galeries .album .flex li.biedermeier	{ background-image: url( 'g-hochzeit-biedermeier.jpg' ); }
.hochzeit #album_galeries .album .flex li.haare		{ background-image: url( 'g-hochzeit-haare.jpg' ); }
.hochzeit #album_galeries .album .flex li.auto			{ background-image: url( 'g-hochzeit-auto.jpg' ); }
.hochzeit #album_galeries .album .flex li.wasserfall	{ background-image: url( 'g-hochzeit-wasserfall.jpg' ); }
.hochzeit #album_galeries .album .flex li.revers		{ background-image: url( 'g-hochzeit-revers.jpg' ); }

.trauer #album_galeries .album .flex li.gesteck		{ background-image: url( 'g-trauer-gesteck.jpg' ); }
.trauer #album_galeries .album .flex li.urne			{ background-image: url( 'g-trauer-urne.jpg' ); }
.trauer #album_galeries .album .flex li.herz			{ background-image: url( 'g-trauer-herz.jpg' ); }
.trauer #album_galeries .album .flex li.kranz			{ background-image: url( 'g-trauer-kranz.jpg' ); }

#contentWrapper .flex li .desc {
	font-family: "TextSchrift";
	position: relative;
	/* background-image: url( "black_20.png" ); */
	background-color: rgb( 236, 236, 236 );
	padding: 0 0.5em;
}

/* ===  FOOTER  === */
/* font-family: "TextSchrift", Arial, sans-serif; */
#footer { padding-top: 1em; /* font-size: 80%; */ color: rgb( 192, 192, 192 ); font-family: "TextSchriftFett", Arial, sans-serif; line-height: 1.3; }
#footer ul { list-style: none; }
#footer li { list-style: none; }
#footer a { color: rgb( 192, 192, 192 ); font-family: "Libertation Sans", Arial, sans-serif; }
#footer .inner .flex div { margin-bottom: 0.5em; }
#footer #foot_logo img { background-color: rgb( 125, 127, 127 ); }
#footer #foot_opened th { text-align: left; font-weight: normal; padding-right: 1em; }
#footer #foot_opened strong { letter-spacing: 0.15em; }
#footer #foot_opened i { font-style: normal; font-size: 80%; letter-spacing: 0.15em; }
#footer #foot_jurMenu { letter-spacing: 0.15em; font-size: 90%; line-height: 1.15; }
#footer #foot_aSocial { text-align: right; }
#footer #foot_aSocial li { display: inline-block; padding-left: 0.5em; }
#footer div { padding-right: 1em; }
#footer div:last-child { padding-right: 0; }
#footer address,
#footer th, #footer td,
#footer li,
#footer strong, #footer i, #footer a {
	font-family: "TextSchriftFett", Arial, sans-serif; 
}
#footer #foot_aSocial i {
	font-family: FontAwesome;
}
#footer #foot_address,
#footer #foot_opened,
#footer #foot_jurMenu,
#footer #foot_aSocial { padding-top: 0.25em; }


#mqw { color: black; background-color: orange; }

#contentWrapper a[href] { font-family: "TextSchriftFett"; }

#mqw:before { content: "noMQ"; }
.swiper-slide .title .ot { display: none; }

#contentWrapper #favOpt .favOptIco { display: none; }
#contentWrapper #favOpt .favOptShort { display: none; }
#contentWrapper #favOpt .favOptLong { display: none; }
#contentWrapper #favOpt .favOptCnt { display: none; }

/*  ========================================================================================= */
/*  =====  MEDIA QUERYs  >>>>> MAX  >>>  MAX  >>>  MAX  >>>  MAX  >>>  MAX  >>>  width  ===== */
/*  ========================================================================================= */
/* 1st rule: max 576px */
@media only all and ( max-width: 576px ), ( orientation: landscape ) and ( max-height: 576px ) {
	#mqw:before { content: "XS < 576px [1em]"; }
	#contentWrapper #favOpt .favOptIco { display: inline-block; }
	#contentWrapper #favOpt .favOptShort { display: inline-block; }
	#contentWrapper #favOpt .favOptLong { display: none; }
	#contentWrapper #favOpt .favOptCnt { display: none; }

	.inner { margin: 0 1em; }
	.galerie .swiper-container	{ width: 250px; height: 250px; }
	.galerie .swiper-wrapper		{ width: 250px; height: 250px; }

	#header.outer { width: 100%; padding: 1em 0; }

	#header .table { width: 100%; }
	#header .table .td { display: table-cell; vertical-align: top; }

	#header #header_logo.td { width: 50%; }
	#header #header_nav.td { width: 50%; }

	#header #header_nav_ico.td { display: table-cell; }
	#header #header_nav.td { display: none; }
	/*
	#header #header_logo img { width: 100px; }
	#header #header_nav_ico img { width: 60px; }
	*/
	#header #header_logo img { width: 6em; }
	#header #header_nav_ico img { width: 3em; }
	#footer #foot_logo img { width: 5em; height: auto; }
	
	#contentWrapper p.tags,
	#contentWrapper ul.tags,
	#contentWrapper form.tags {
		max-width: 90%;
	}

	#contentWrapper .silber { padding: 0 0 1em 0; }
	#album_galeries .album { padding-top: 4em; }
	#album_premium .album .flex li					{ width: 150px; height: 150px; }
	#album_premium .album .flex li .desc			{ bottom: -110px; font-size: 80%; left: 5px; }
	#album_galeries .album .flex li				{ width: 133px; height: 133px; }
	#album_galeries .album .flex li .desc			{ bottom:  -95px; font-size: 75%; left: 5px; }
	.trauer #album_galeries .album .flex li		{ width: 150px; height: 150px; }
	.trauer #album_galeries .album .flex li .desc	{ bottom: -110px; font-size: 80%; left: 5px; }

	#contentWrapper td.nice input { width: 13em; } /* Hochzeit Planung */

	#footer.outer { width: 100%; padding: 1em 0; }

	/* HREF */
	/*
	#contentWrapper a[href] { padding: 0.25rem; border: thin solid silver; border-radius: 0.5rem; }
	#contentWrapper a[href*="#"] { padding: 0; border: none; border-radius: 0; color: #444444; }
	*/
}
/* 2nd rule: max 320px */
@media only all and ( max-width: 320px ), ( orientation: landscape ) and ( max-height: 320px ) {
	#mqw:before { content: "< 320px [1em]"; }
	#contentWrapper #favOpt .favOptIco { display: none; }
	#contentWrapper #favOpt .favOptShort { display: inline-block; }
	#contentWrapper #favOpt .favOptLong { display: none; }
	#contentWrapper #favOpt .favOptCnt { display: none; }

	table, tr, th, td { display: block; }
}

/*  ========================================================================================= */
/*  =====  MEDIA QUERYs  <<<<< MIN  <<<  MIN  <<<  MIN  <<<  MIN  <<<  MIN  <<<  width  ===== */
/*  ========================================================================================= */
@media only all and ( min-width: 576px ), ( orientation: landscape ) and ( min-height: 576px ) {
	#mqw:before { content: "SM > 576px [440px]"; }
	#contentWrapper #favOpt .favOptIco { display: inline-block; }
	#contentWrapper #favOpt .favOptShort { display: none; }
	#contentWrapper #favOpt .favOptLong { display: inline-block; }
	#contentWrapper #favOpt .favOptCnt { display: none; }

	.inner { margin: 0 auto; }
	/*
		PHI = a / b = ( a + b ) / a
		a=61,8%  b=38,2%
	*/
	.inner { width: 576px; }	
	#contentWrapper .inner { width: 356px; } /* PHI a(356) */
	#contentWrapper .inner { width: 492px; } /* PHI a(356) + PHI a(136) = 492 */
	#contentWrapper .inner { width: 440px; } /* PHI a(356) + PHI b(84) = 440 */
	.galerie .swiper-container	{ width: 440px; height: 440px; }
	.galerie .swiper-wrapper		{ width: 440px; height: 440px; }
	.swiper-slide .title .ot		{ display: inline; }

	#header.outer { width: 100%; padding: 1em 0; }

	#header .table { width: 100%; }
	#header .table .td { display: table-cell; vertical-align: middle; }
	#header #header_logo.td { width: 20%; }
	#header #header_nav.td { width: 80%; }
	
	#header #header_nav_ico.td { display: none; }
	#header #header_nav.td { display: table-cell; }
	#header #header_logo img { width: 150px; }
	#footer #foot_logo img { width: 7em; height: auto; }

	#contentWrapper p.tags,
	#contentWrapper ul.tags,
	#contentWrapper form.tags {
		max-width: 61.8%;
	}

	#contentWrapper .silber { padding: 0 0 1em 0; }
	#album_galeries .album { padding-top: 3em; }
	#album_premium .album .flex li					{ width: 200px; height: 200px; margin-bottom: 1em; }
	#album_premium .album .flex li .desc			{ bottom: -155px; font-size: 90%; left: 7px }
	#album_galeries .album .flex li				{ width: 150px; height: 150px; margin-bottom: 1em; }
	#album_galeries .album .flex li .desc			{ bottom: -110px; font-size: 80%; left: 7px; }
	.trauer #album_galeries .album .flex li		{ width: 200px; height: 200px; margin-bottom: 1em; }
	.trauer #album_galeries .album .flex li .desc	{ bottom: -155px; font-size: 90%; left: 7px; }
	#contentWrapper td.nice input { width: 13em; } /* Hochzeit Planung */
	#contentWrapper td.nice { text-align: right; }

	#footer.outer { width: 100%; padding: 1em 0; }
	#footer { font-size: 75%; }
	#footer { font-size: 100%; }
}
@media only all and ( min-width: 768px ), ( orientation: landscape ) and ( min-height: 768px ) {
	#mqw:before { content: "MD > 768px [587px]"; }
	#contentWrapper #favOpt .favOptIco { display: inline-block; }
	#contentWrapper #favOpt .favOptShort { display: none; }
	#contentWrapper #favOpt .favOptLong { display: inline-block; }
	#contentWrapper #favOpt .favOptCnt { display: inline-block; }
	/* a:hover, [onclick]:hover { text-decoration: underline; } */
	:root { font-size: 133.333%; }
	.inner { width: 768px; }
	#contentWrapper .inner { width: 475px; } /* PHI a(475) */
	#contentWrapper .inner { width: 656px; } /* PHI a(475) + PHI a(181) = 656 */
	#contentWrapper .inner { width: 587px; } /* PHI a(475) + PHI b(112) = 587 */
	.galerie .swiper-container	{ width: 587px; height: 587px; }
	.galerie .swiper-wrapper		{ width: 587px; height: 587px; }

	#contentWrapper .silber { padding: 0 0 1em 0; }
	#contentWrapper #content.outer.silber { padding: 0 0 2em 0; }
	#album_premium .album .flex li					{ width: 220px; height: 220px; }
	#album_premium .album .flex li .desc			{ bottom: -165px; font-size: 80%; left: 10px; }
	#album_galeries .album .flex li				{ width: 150px; height: 150px; }
	#album_galeries .album .flex li .desc			{ bottom: -100px; font-size: 66%; left: 5px; }
	.trauer #album_galeries .album .flex li		{ width: 220px; height: 220px; }
	.trauer #album_galeries .album .flex li .desc	{ bottom: -165px; font-size: 80%; left: 10px; }

	#contentWrapper td.nice input { width: 15em; } /* Hochzeit Planung */

	#footer { font-size: 66%; }
	#footer { font-size: 100%; }
}
@media only all and ( min-width: 992px ), ( orientation: landscape ) and ( min-height: 992px ) {
	#mqw:before { content: "LG > 992px [758px]"; }
	:root { font-size: 129.167%; }
	.inner { width: 992px; }
	#contentWrapper .inner { width: 613px; } /* PHI a(613) */
	#contentWrapper .inner { width: 847px; } /* PHI a(613) + PHI a(235) = 847 */
	#contentWrapper .inner { width: 758px; } /* PHI a(613) + PHI b(145) = 758 */
	/* .trauer #album_galeries .inner { width: 558px; } */
	.galerie .swiper-container	{ width: 758px; height: 758px; }
	.galerie .swiper-wrapper		{ width: 758px; height: 758px; }

	#album_premium .album .flex li					{ width: 280px; height: 280px; margin-bottom: 2em; }
	#album_premium .album .flex li .desc			{ bottom: -225px; font-size: 80%; left: 10px; }
	#album_galeries .album .flex li				{ width: 200px; height: 200px; margin-bottom: 1.5em; }
	#album_galeries .album .flex li .desc			{ bottom: -150px; font-size: 66%; left: 5px; }
	.trauer #album_galeries .album .flex li		{ width: 280px; height: 280px; margin-bottom: 1.5em; }
	.trauer #album_galeries .album .flex li .desc	{ bottom: -225px; font-size: 80%; left: 10px; }
	
	#contentWrapper td.nice input { width: 20em; } /* Hochzeit Planung */
}
@media only all and ( min-width: 1200px ), ( orientation: landscape ) and ( min-height: 1200px ) {
	#mqw:before { content: "XL > 1200px [917px]"; }
/*
	:root { font-size: 120.967%; }
	.inner { width: 1200px; }
	#contentWrapper .inner { width:  742px; } /* PHI a(742) * /
	#contentWrapper .inner { width: 1025px; } /* PHI a(742) + PHI a(283) = 1025 * /
	#contentWrapper .inner { width:  917px; } /* PHI a(742) + PHI b(175) = 917 * /
*/
}


/* ===  SWIPER === */
/*
.swiper-wrapper,
.swiper-slide {
	box-shadow: 3px 3px 3px 1px rgba( 255, 0, 0, 0.15 );
}
*/
/*
span { background-image: url(particular_ad.png); }
@media (max-width: 300px) {
    span { background-image: url(particular_ad_small.png); }
}
*/

.swiper-slide {
	background-color: rgb( 219, 219, 219 );
	background-color: rgb( 245, 245, 245 );
	background-size: 100%;
	background-size: cover;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}

/* NAV Arrows */
.swiper-button-prev-tp,
.swiper-button-next-tp {
		position: absolute; top: 50%; z-index: 9;
		width: 35px; height: 52px; /* 27px x 44px aus swiper.css */
		width: 35px; height: 52px; /* 27px x 44px aus swiper.css */
		margin-top: -26px; /* -22px aus swiper.css */
		background-image: url( "black_50.png" );
		background-repeat: repeat repeat;
		border-radius: 0.15em;
}
.swiper-button-prev-tp	{ left: 6px; right: auto; border-top-left-radius: 1em;  border-bottom-left-radius: 1em; }
.swiper-button-next-tp	{ left: auto; right: 6px; border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

.swiper-button-prev,
.swiper-button-next {
	position: absolute; top: 50%; z-index: 10;
	width: 35px; height: 52px; /* 27px x 44px aus swiper.css */
	/* background-image: url( "black_50.png" ); */
	/* background-color: yellow; */
}

/* PAGINATION */
#contentWrapper .swiper-pagination.swiper-pagination-fraction {
	background-image: url( "white_50.png" );
	width: 40%; margin-left: 30%;
	line-height: 1.3;
	text-align: center;
	font-size: 50%;
	border: thin solid rgb( 232, 232, 232 );
	white-space: nowrap;
}
#contentWrapper .swiper-pagination.swiper-pagination-fraction span {
	font-family: "Libertation Sans", Arial, sans-serif;
}
#contentWrapper .swiper-pagination.swiper-pagination-fraction:before {
	white-space: normal;
}

/* TEXT (parallax) */
#contentWrapper .swiper-slide .title {		/* TOP LEFT */
	display: inline-block; float: left; text-align: left;
	width: 55%; background-image: url( "white_70.png" );
	font-family: "TextSchrift"; font-size: 50%; color: #666666; color: #888888; color: #444444;
	line-height: 1.5; padding: 0.15em 1em;
	border-bottom: thin solid rgb( 232, 232, 232 );
}
#contentWrapper .swiper-slide .subtitle {		/* TOP RIGHT */
	display: inline-block; float: right; text-align: right;
	width: 45%; background-image: url( "white_70.png" );
	font-family: "TextSchrift"; font-size: 50%; color: #666666; color: #888888; color: #444444;
	line-height: 1.5; padding: 0.15em 1em;
	border-bottom: thin solid rgb( 232, 232, 232 );
}

/* TEXT: Marker oder Favoriten */
#contentWrapper .swiper-slide .title .swOpt {
	font-family: "TextSchrift", Arial, sans-serif;
	display: inline-block;
	line-height: 1;
}
/* TEXT: Favoriten */
#contentWrapper .swiper-slide .title .swOpt.fav {
	position: absolute;
	top: 2.5em; left: 0.5em;
	z-index: 199;
}
/* Location Marker */
#contentWrapper .swiper-slide .title .swOpt .icoMark {
	font-size: 1.33em;
	margin-left: 0.5em; padding-left: 0.5em; padding-right: 0.5em;
}
/* New List */
#contentWrapper .swiper-slide .title .swOpt .icoNew {
	font-size: 3em;
	padding-left: 0.25em; padding-right: 0.25em;
	display: none;
}
/* Add/Remove Image */
#contentWrapper .swiper-slide .title .swOpt .icoImg,
#contentWrapper .swiper-slide .title .swOpt .icoImg.sel {
	font-size: 3em;
	padding-left: 0.25em; padding-right: 0.25em;
	display: none;
}
/* Show Options */
#contentWrapper .swiper-slide .title .swOpt .icoOpt {
	font-size: 2.5em;
	padding-left: 0.25em; padding-right: 0.25em;
	vertical-align: top;
	display: none;
}

#contentWrapper .swiper-slide .title .swOpt .icoMark:before,
#contentWrapper .swiper-slide .title .swOpt .icoNew:before,
#contentWrapper .swiper-slide .title .swOpt .icoImg:before,
#contentWrapper .swiper-slide .title .swOpt .icoImg.sel:before,
#contentWrapper .swiper-slide .title .swOpt .icoOpt:before {
	font-family: "FontAwesome";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	/* background-color: rgb( 232, 232, 232 ); */
}
#contentWrapper .swiper-slide .title .swOpt .icoMark:before {
	color: #444;
	content: "\F041 "; /* fa-map-marker */
}
#contentWrapper .swiper-slide .title .swOpt .icoNew:before {
	color: silver;
	text-shadow: 0px 0px 2px gray;
	content: "\F0A3 "; /* fa-certificate */
	content: "\F006 "; /* fa-star-o */
	content: "\F123 "; /* fa-star-half-full | star-half-empty */
}
#contentWrapper .swiper-slide .title .swOpt .icoImg:before {
	color: gray;
	text-shadow: 0px 0px 2px #444;
	content: "\F006 "; /* fa-star-o */
	content: "\F096 "; /* fa-square-o */
	content: "\F006 "; /* fa-star-o */
}
#contentWrapper .swiper-slide .title .swOpt .icoImg.sel:before {
	color: lime;
	text-shadow: 0px 0px 2px green;
	content: "\F005 "; /* fa-star */
	content: "\F046 "; /* fa-check-square-o */
	content: "\F14A "; /* fa-check-square */
	content: "\F005 "; /* fa-star */
}
#contentWrapper .swiper-slide .title .swOpt .icoOpt:before {
	color: silver;
	text-shadow: 0px 0px 2px gray;
	content: "\F013 "; /* fa-cog */
}

.swiper-slide .text {
	width: 100%;
	font-size: 33%; color: #444444;
	line-height: 1em; padding-left: 0.5em;
}
#contentWrapper .swiper-slide .title a[href],
#contentWrapper .swiper-slide .subtitle a[href],
#contentWrapper .swiper-slide .text a[href] {
	font-family: "TextSchrift";
}

/* Liste der Favoriten: Optionen */
#contentWrapper #favOpt {
	position: absolute;
	top: 9em; padding-top: 3em; left: 10%;
	z-index: 200;
	width: 80%;
	font-size: 66%;
	border: thin solid cornflowerblue;
	background-color: white;
	background-color: rgba( 100, 159, 237, 0.75 );
	background-color: rgba( 96, 96, 96, 0.75 );
	background-color: rgba( 125, 127, 127, 0.75 );
	background-color: rgba( 150, 152, 152, 0.75 );
	box-shadow: 3px 3px 3px 2px rgba( 0, 0, 0, 0.15 );
	border-radius: 0.25em;
	padding: 1em; margin-right: 3em;
	color: black;
	display: none;
}
#contentWrapper #favOpt * {
	font-family: "Libertation Sans", Arial, sans-serif;
	text-align: left;
}
#contentWrapper #favOpt table {
	position: relative;
	/* border: medium solid red; */
	width: 100%;
}
/*
#contentWrapper #favOpt th { border: thin solid lime; }
#contentWrapper #favOpt td { border: thin solid lime; }
*/
#contentWrapper #favOpt h2 {
	font-size: 90%;
	font-weight: bold;
	color: dimgray;
	margin-top: 0;
	margin-bottom: 0;
	display: none;
}
#contentWrapper #favOpt p {
	font-size: 75%;
	padding-top: 0.5em;
	line-height: 1.1;
}
#contentWrapper #favOpt p + p {
	text-indent: 0;
}
#contentWrapper #favOpt #agent,
#contentWrapper #favOpt #access {
	font-size: 75%;
}
#contentWrapper #favOpt .fileList {
	max-height: 7em;
	overflow: auto;
}
#contentWrapper #favOpt span.fa {
	font-family: "FontAwesome";
}
#contentWrapper #favOpt textarea {
	font-size: 66%;
	margin-top: 1em;
	width: 100%;
	resize: none;
}

#contentWrapper #favOpt .listList .btn,
#contentWrapper #favOpt .listDelete .btn,
#contentWrapper #favOpt .listExport .btn,
#contentWrapper #favOpt .listImport .btn {
	display: inline-block;
	line-height: 1.5;
	margin-top: 1em;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	border: thin solid red;
	border: thin solid gray;
	background-image: url( "white_50.png" );
	/*
	padding-left: 2.5em;
	text-indent: -1em;
	*/
	width: 100%;
}
#contentWrapper #favOpt .listList .btn:hover,
#contentWrapper #favOpt .listDelete .btn:hover,
#contentWrapper #favOpt .listExport .btn:hover,
#contentWrapper #favOpt .listImport .btn:hover {
	background-image: url( "white_70.png" );
	border: thin solid #444;
}
#contentWrapper #favOpt .listList a span:before {
	color: cornflowerblue;
	color: blue;
}
#contentWrapper #favOpt .listDelete a span:before {
	color: red;
}
#contentWrapper #favOpt .listExport a span:before {
	color: lime;
	color: green;
}
#contentWrapper #favOpt .listImport a span:before {
	color: purple;
}

/* "TAG-CLOUD" */
#contentWrapper div#tags {
	/* margin-top: 2.5em; */
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#contentWrapper .tags span.fa {
	display: inline;
}
#contentWrapper p.tags,
#contentWrapper ul.tags,
#contentWrapper form.tags {
	margin: 0 auto;
	text-align: center;
	text-indent: 0;
}
#contentWrapper form.tags select {
	font-size: 66%;
	color: #444444;
	max-width: 100%;
	text-align: center;
}
#contentWrapper ul.tags {
	list-style: none;
}
#contentWrapper ul.tags li {
	display: inline;
	list-style: none;
}
#contentWrapper ul.tags li a {
	white-space: nowrap;
}
#contentWrapper ul.tags li a,
#contentWrapper p.tags a {
	font-size: 100%;
	padding: 0 0.15em;
	border: thin solid gray;
}
#contentWrapper ul.tags li.mark {
	background-color: beige;
	background-color: azure;
	background-color: lightsteelblue;
}
#contentWrapper ul.tags li.sel a {
	border: medium solid red;
}
#contentWrapper ul.tags li a:hover,
#contentWrapper p.tags a:hover {
	background-color: white;
}
#contentWrapper ul.tags li:before {
	/* font-family: "Libertation Sans", Arial, sans-serif; */
	content: ""; margin-right: 0; color: #444444;
}

/*
	http://encycolorpedia.de/search?q={FARBE}
	rot			http://encycolorpedia.de/search?q=rot		Chrysler Bright Red
	altrosa		http://encycolorpedia.de/search?q=altrosa	Altrosa, RAL 3014, Antique pink
	bordeaux	http://encycolorpedia.de/search?q=bordeaux	Volkswagen Bordeaux Red
	creme		http://encycolorpedia.de/search?q=creme		Ford Gray, Chrysler Beige
	lila		http://encycolorpedia.de/search?q=lila		Lilac
	pink		http://encycolorpedia.de/search?q=pink		Vista Paint Pink Carnation, Berger Pink Carnation / 8080
	rosa		http://encycolorpedia.de/search?q=rosa		Vista Paint Light Rosa, Berger Light Rosa / 8201
	flieder		https://www.mediaevent.de/tutorial/farbcodes.html
*/
/*
#contentWrapper ul.tags li.altrosa	{ background-color: rgb( 211, 110, 112 ); }
#contentWrapper ul.tags li.blau		{ background-color: blue; }
#contentWrapper ul.tags li.bordeaux	{ background-color: rgb( 71, 23, 26 ); }
#contentWrapper ul.tags li.creme		{ background-color: rgb( 242, 231, 191 ); }
#contentWrapper ul.tags li.flieder	{ background-color: rgb( 230, 230, 250 ); }
#contentWrapper ul.tags li.gelb		{ background-color: yellow; }
#contentWrapper ul.tags li.gruen		{ background-color: green; }
#contentWrapper ul.tags li.lachs		{ background-color: salmon; }
#contentWrapper ul.tags li.lila		{ background-color: purple; }
#contentWrapper ul.tags li.lila		{ background-color: rgb( 200, 162, 200 ); }
#contentWrapper ul.tags li.orange		{ background-color: orange; }
#contentWrapper ul.tags li.rosa		{ background-color: rgb( 193, 172, 187 ); }
#contentWrapper ul.tags li.rot		{ background-color: red; }
#contentWrapper ul.tags li.rot		{ background-color: rgb( 231, 24, 55 ); }
#contentWrapper ul.tags li.pink		{ background-color: rgb( 238, 165, 167 ); }
#contentWrapper ul.tags li.weiss		{ background-color: white; }
*/
#contentWrapper ul.tags li.ohne { background-color: rgb( 231, 24, 55 ); }
#contentWrapper ul.tags li.ohne a { color: white; }
#contentWrapper ul.tags li.ohne a:hover { color: #444444; }

#contentWrapper p.dsgvo {
	font-size: 75%; line-height: 1.1;
	text-indent: 0;
}
/*
.bestellung	:enabled			{ border: thin solid green; }
.bestellung	:disabled			{ border: thin solid silver; }
.bestellung	:default			{ border: thin solid black; }
.bestellung	:indeterminate		{ border: thin solid red; }
.bestellung	:valid				{ border: thin solid lime; }
.bestellung	:invalid			{ border: thin solid red; }
.bestellung	:in-range			{ border: thin solid lime; }
.bestellung	:out-of-range		{ border: thin solid red; }
.bestellung	:placeholder-shown	{ border: thin solid orange; }
.bestellung	:required			{ border: thin solid blue; }
.bestellung	:optional			{ border: thin solid gray; }
.bestellung	:blank				{ border: thin solid orange; }
.bestellung	:disabled			{ border: thin solid silver; }
.bestellung	form { font-size: 66%; }
*/
#contentWrapper form input[type="number"] {
	width: 7em;
}
pre { font-size: 9pt; border: thin solid blue; padding: 0.5em 1em; }