@charset "UTF-8"; /* check üÜöÖäÄ */
/* -------------------------------------------------------
 * CSS-Prolog
 * lifestyle-wissmar spezifisch
 *
 * # fd 7e 14; Faszien-Werk Orange
 * # ff d9 b7; Faszien-Werk Hell-Orange
 * # 00 57 76; Faszien-Werk Blau *
 * # c9 e9 fb; Faszien-Werk Hell-Blau
 *
 */
body main
 {
	max-width: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

xbody main {background-color:#999999}
xbody main article {background-color:#cccccc}
xbody main aside {background-color:#dddddd}
xbody main section {background-color:#bbbbbb}

body main article figure+p,
body main article figure+h1,
body main article,
body main aside
 {
	padding-top: .9rem;
}
body main section
 {
	padding-top: .1rem;
}
body aside li small
 {
	display: inline;
}

body main section
	{
	padding-top: 1.5rem;
	}

@media (min-width: 44em)
{
	body main section
		{
		padding-top: .9rem;
		}
}


img.branding
	{
	width: 2.4em;
	display: inline-block;
	padding:0;
	margin:0;
	margin-right: .6em;
	border:none;
	background:none;
	box-shadow:none;
	min-height: auto
	}
strong.ticket
	{
	vertical-align: top;
	display: inline-block;
	margin-top: .6em;
	margin-bottom: .6em;
	}
strong.zeit
	{
	display: block;
	margin-top: .6em;
	text-align: right!important;
	font-size: .8em;
	}

article p
 {
	margin-left: auto;
	margin-right: auto;
	max-width: 55em;
}
body .box p
	{
	text-align: left;
	margin-left: .5em;
}

body main aside
		{
    	//order: 2;
		padding-right: .8rem;
		}
@media (min-width: 44em){
	body main aside
		{
    	order: 0;
		}
	body main aside
		{
    	-webkit-flex: 0 0 44.5%;
    	flex: 0 0 44.5%;
		}
}


#toplayer {
    background-color: rgba(0,30,40,.93);
}
body main section {
    margin-top: 0;
}

/** full-pic **/
@media all and (min-width: 37em) {
	.fullpic .spacer
		{
		position: relative;
		top:0rem;
		}
	.fullpic .point
		{
		display: none;
		}
	.fullpic header
		{
		background-color: transparent;
		position: absolute;
		outline: none;
		}

	.fullpic header nav a
		{
		background-color: rgba(205,208,213,.45);
		}

	.fullpic #logo,
	.fullpic header > a:hover
		{
		background-color: transparent;
		}

	.fullpic .slider
		{
		padding-top: 0;
		}

	.xfullpic .slideList img
		{
		border: none;
		}
	.fullpic #container
		{
		margin-top:0;
		}

}
/** END full-pic **/
/** small-pic **/
a.small-pic
	{
	display: block;
	border-right: 1rem solid #ffffff;
	border-left: 1rem solid #ffffff;
	}
a.small-pic:hover
	{
	opacity: .6;
	}

@media all and (min-width: 44em) {
a.small-pic
	{
	border-width: 0 1em;
	}
}
@media all and (min-width: 52em) {
a.small-pic
	{
	border-width: 0 4em;
	}
}
/*ENDE* small-pic **/

body figure figcaption {
    border-right: 0;
    padding: 0;
}

body main h1,
body main h2,
body main h3
	{
	border: none;
	background-image: none;
	box-shadow: none;
	padding-top: 0;
	margin: .3em 0 .6em;
	text-shadow: none;
    font-weight: bold;
	font-size: 1.2em;
    line-height: 1.3;
	}
@media (min-width: 44em)
{
	body main section h3
		{
		text-align: left;
		}
}

.bodysize img
	{
	box-shadow: none;
    border-top: 1px solid #cdd0d5;
    border-bottom: 1px solid #cdd0d5;
	}

.slideList
	{
	border-top: none!important;
	}

.slideControl label
	{
	box-shadow: 1px 1px 1px #0DB1E3!important;
	}
body .slideControl label:hover
	{
	background-color: #0DB1E3!important;
	}

aside .toggleBox label
	{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: auto 0 auto auto;
	width: 3rem;
	height: auto;
	font-family: Dosis, sans-serif,serif;
	line-height: .6;
	padding-bottom: .18em;
	font-size: 3.8rem;
	font-weight: normal;
	text-align: center;
	vertical-align: bottom;
	border-radius: 90%;
	}
aside .toggleBox.box
	{
	background-color: rgba(205,208,213,.22);
	border-top: none;
	border-bottom: 1px solid transparent;
	border-radius: 11px;
	}
aside .toggleBox h5
	{
	margin: 0 3rem .2rem 0;
	border-right: none;
	padding: .84rem .5rem .4rem;
	text-align: right;
	min-height: 1.7rem;
	font-size: 1.2em;
	line-height: 1.38rem;
	cursor: pointer;
	}
aside .toggleBox h5:hover strong,
aside .toggleBox h5:hover span {
	color: #ffffff;
	}
aside .toggleBox h5:hover {
	color: #ffffff;
	color: #ffffff!important;
	background-color: rgb(13, 177, 227)!important;
	background-image: linear-gradient(rgb(82, 207, 245), rgb(13, 177, 227));
	text-shadow: 1px 1px 1px rgb(13, 177, 227)!important;
	border-radius: 11px;
	}
aside .toggleBox.box div
	{
	padding: .2rem .5rem;
	background-color: rgba(205,208,213,.12);
	border-radius: 11px;
	}

nav a,
nav a i,
.toggleBox label
	{
	text-shadow: 1px 1px 1px rgb(13, 177, 227)!important;
	}

.toggleBox label:hover,
nav a.open,
nav a:focus, nav a:hover, nav a:focus i, nav a:hover i
	{
	color: #ffffff!important;
	background-color: rgb(13, 177, 227)!important;
	background-image: linear-gradient(rgb(82, 207, 245), rgb(13, 177, 227));
	text-shadow: 1px 1px 1px rgb(13, 177, 227)!important;
	}



main li a, main p a
	{
	text-align: left!important;
	margin: 0 auto!important;
	border-bottom: 2px solid #a29480;
	}

main .ticket-link a:focus,
main .ticket-link a:hover,
main .ticket-link a
	{
	text-align: left!important;
	display: block;
	white-space: normal;
	box-shadow: 0px 0px 2.5rem rgba(205,208,213,.5);
	border: 3px solid rgba(205,208,213,.3);
	border-radius: .8rem;
	padding: .5em;
	background-image: none;
	background-color: rgba(21, 158, 218, 0.1);
	}
main .ticket-link a:focus,
main .ticket-link a:hover
	{
//	background-color: rgba(21, 158, 218, 0.1);
	background-color: #ffffff;
	}


.linkcolor + div
	{
	background-color: #D9D2C5!important;
	}
.linkcolor span,
.linkcolor
	{
	font-size: 1.2rem!important;
	color: #ffffff!important;
	background-color: #a29480!important;
	text-shadow: none;
	}
.hovercolor:hover span,
.hovercolor:hover,
.linkcolor:hover span,
.linkcolor:hover
	{
	background-color: #3efdad!important;
	color: #222222!important;
	}

div.end
	{
	border-top: none;
	background-color: #635231;
	border-radius: 15px 15px 0 0;
	}

.nav a.open	{
            border-bottom:	2px solid rgba(205,208,213,.9);
            border-radius: .1em;
            background-color: rgba(205,208,213,.9);
            text-shadow: none;
            }

.nav a.open,
.nav a
	{
	border-bottom: 1px solid #676051;
	}

main li a,
main p a
	{
	border-bottom: 2px solid rgb(13, 177, 227); //#005776;
	}
main li a.green,
main p a.green
	{
	border-bottom: 2px solid #9ace00; //#005776;
	}

.icons a {
    border: 1px solid #005776; //#64676C
}
.slideControl label {
	background: #2D3035;//#838a97;//#005776;//#2D3035;//
	box-shadow: 1px 1px 1px #b5b9c0!important; //#DAE352;
}

body .end h2 {
    font-size: 1.45rem;
    border-bottom: 2px solid #a49e94;
    color: #a49e94!important;
}
.zeiten span+span {
    min-width: 3.8em;
}

header > a img
	{
	-webkit-clip-path: circle(50% at 50% 50%)!important;
	clip-path: circle(50% at 50% 50%)!important;
	box-sizing:border-box!important;
	padding:.2rem!important;
	min-height: 6.1rem;
	width: 6.1rem;
}

#mission + div.green,
#mission + div.blue,
#mission + div
	{
	display: none;
	padding: .8rem .8rem .2rem;
	background-color: #ffd9b7;
	border-radius: 11px;
}
#mission + div.blue
	{
	background-color: #c9e9fb;
}
#mission + div.green
	{
	background-color: #d9e5e5;
}

#mission ~ div p
{
    text-align: left;
}

#mission:target + div
	{
	display: block;
	}
x#mission:target + div::before
	{
	content:'►';
	}


/*-----------------------------------------
header navigation horizontal*/
@media all and (min-width: 37em) {
    header > a img
		{
		min-height: 3.8rem;
		width: 3.8rem;
		}
	header nav li
		{
		-webkit-flex: 1;
		flex: 1;
		white-space: nowrap;
		}
}
/*-----------------------------------------*/

header > a {
	padding: 0 15px;
	}

header ul li:first-child,
header ul li:nth-child(even)
	{
	order: 0; // 1 - letzter zuerst
	}

body main .freeimg,
body main article img
	{
    border:none;
    box-shadow: none;
	background-color: transparent;
	background-image: none;
	}

body section + article
	{
	margin-top: 1em;
	}

.youtube
	{
	width: 97.8%;
	margin: 1rem 1%;
	box-sizing: border-box;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	position: relative; /* If you want text inside of it */
	}

.youtube iframe
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    width: 100%;
	height: 100%;
	border: none;
	margin: auto;
    border-radius: 11px;
	}

#pdfbox
	{
	width: 100%;
	box-sizing: border-box;
    padding-top: 64%; /* DIN A4 Queransicht */
	position: relative; /* If you want text inside of it */
	}

#pdfbox object
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    width: 100%;
	height: 100%;
	border: none;
	margin: auto;
	}

/** news-Box **/
a.newsbox
	{
	display: block;
	margin-left: .8em;
	margin-right: .8em;
	border-right: 1rem solid #e1e4e7;
	border-left: 1rem solid #e1e4e7;
    border-radius: 1rem;
	padding: 1rem 2rem;
	//background-color: #d8dbdf;
    background-color: #e1e4e7;
	text-decoration: none;
	}
.newsbild,
.newstext
	{
	height: 10rem;
	overflow: hidden;
	//color: #005776!important;
	}

.newsbild
	{
	border-bottom: 2px dashed #606975;
	padding:0 .3rem 0;
	}

.newsbild img
	{
	display: block;
	height: auto;
	width: 100%;
	margin: auto 0 auto auto;
	border: none;
	}

.newstext
	{
	padding: 1rem 0 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.1rem;
	}


a.newsbox
	{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
	}


.newsbox h3
	{
	margin: auto auto .3em;
	text-align: center;
	//color: #005776;
	font-size: 1.3em;
	font-weight: bold;
	}

.newsbild,
.newstext
	{
	-webkit-flex: 1 1 100%;
	flex: 1 1 100%;
	}

@media all and (min-width: 44em) {

main article p:last-child
		{
		padding-bottom: .3em;
		}

	main section
		{
	    padding-left: 2rem;
		}
	main section > p
		{
	    text-align: left;
		}
	a.newsbox
		{
		border-width: 0 1em;
		}
	.newsbild
		{
		-webkit-flex: 1 1 20%;
		flex: 1 1 20%;
		}
	.newstext
		{
		padding: .3rem 2rem 0;
		text-align: left;
		align-content: center;
		-webkit-flex: 3 1 0%;
		flex: 3 1 0%;
		}
	.newsbox h3
		{
		text-align: left;
		}
}
@media all and (min-width: 52em) {
a.newsbox
	{
	border-width: 0 4em;
	}
}

/*-----------------------------------------
header navigation horizontal*/
#container
	{
	margin-top: 8.1rem;
	}
.spacer
	{
	position: relative;
	top: -8.1rem;
	}
/*-----------------------------------------
header navigation horizontal*/
@media all and (min-width: 37em) {
	#container
		{
		margin-top: 4.4rem;
		}
	.spacer
		{
		position: relative;
		top: -4.4rem;
		}
}
/*-----------------------------------------
table-cell horizontal*/
@media all and (min-width: 33em) {
	.news li div img
	{
		display: block;
	}

}
@media all and (min-width: 37em) {
	header ul li:first-child,
	header ul li:nth-child(even)
		{
		order: 0;
		}
}