@charset "UTF-8"; /* check üÜöÖäÄ */
/* -------------------------------------------------------
 * CSS-Prolog
 * + BODY Design-Spezifische WEBsite definition
*/

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* sniglet-regular - latin */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sniglet-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sniglet-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sniglet-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sniglet-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/sniglet-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sniglet-v17-latin-regular.svg#Sniglet') format('svg'); /* Legacy iOS */
}


html[xmlns^="http"]
			{
/*			height : 100%;
			padding-bottom : .005em;
*/
			overflow-y:	scroll;
			}

/* Barrierefrei-Screenreader-Menue-Orientierung-CODE */
em,
.em
			{
			/*
			 * display: none;
			 * visibility: hidden;
			 *
			 * koennen nicht benutzt werden da Screenreader
			 * es nicht vorlesen würden !!
			 * (also ab ins Nirvana)
			 */
			position: absolute;
			top:  -1000px;
			left: -1000px;

			width:  0;
			height: 0;

			overflow: hidden;
			display:  block;

			line-height: .0;
			}

.inowrp		{
			/* inline - LINK-Element mit span umschliessen;
			 * Zeilenumbruch im Link verhindern;
			 * direkt im a-Tag definieren hat Browser-BUGs:
			 * - Firefox schreibt ueber Container
			 * - IE stellt Hintergrundbilder nicht/falsch dar
			 */
			white-space: nowrap;
			}

html .flag  {
			background-color: #FFE600;
			}
main .mark  {
			padding: 0 2px;
			background-color: #FFE600;
			}

*			{
			margin:		0;
			padding:	0;

			/*
			 * Tabellen
			 */
			border-collapse:	collapse;
			border-spacing: 	0;

			color:	#2D3035;
			}

html,
body		{
			background-color:  #FFFFFF;
			/* line-height ohne Einheit - sonst Vererbung
			 */
			line-height:		1.45;
			}


body		{
			/* Nur hier, sonst gibt es
			 * eventuell Vererbungsprobleme.
			 */
			font-size:		100.01%;
			font-family: 	'Dosis', sans-serif;
            letter-spacing: .038rem;
			position: relative;
            margin: 0 auto;
            padding: 0 0px;
            }

header,
body		{
			max-width: 110em;
			}

main
			{
			/*
			 * kein margin: auto;
			 * wegen Flex-box im IE
			 * siehe footer nav
			 */
			max-width: 48em;
			}

footer article,
footer nav
			{
			max-width: 58em;
			margin: 0 auto;
			}

hr          {
            width: 100%;
            height: 1px;
            margin: 0 auto;
            border: none;
            background-color: #E8E9EB;
            }
footer hr   {
			background-color: transparent;
			}

h1, h2, h3, h4, h5, h6
        	{
			font-weight: 300;
			font-size: 1.6em;
			}

li			{
			list-style: none;
			margin:	0;
			padding: 0;
			}

p			{
			margin: 0 0 .75em;
			font-size: 1.15em;
            line-height: 1.31;
			}

.nav li     {
			font-size: 1.2em;
			}
main li a,
.nav a,
p a			{
			color: inherit;
			margin: 0 1px;
			border-bottom: 1px solid #64676C;
			padding: 0 1px;
			text-decoration: none;
			/* sicherer Einzeiler im Link
			 */
			white-space: nowrap;
			}

main li a[href^="http"],
.nav a[href^="http"],
p a[href^="http"]
			{
			margin-right: .25em;
			padding-right: 20px;
			background-image: url(image/xlink.png);
			background-position: right;
			background-repeat: no-repeat;
    		}
/*
main a[href^="http://Velo-STRETCH.DE"],
main a[href^="http://Velo-BASIC.DE"],
main a[href^="http://Trimm-RAUM.DE"],
main a[href^="http://Yoga-PLATZ.DE"]
			{
            padding: 0 1px!important;
            background-image: none!important;
    		}
*/
main li a:focus, main li a:hover,
.nav a:focus, .nav a:hover,
p a:focus, p a:hover,
p a[href^="http"]:focus
.nav a[href^="http"]:hover,
p a[href^="http"]:hover,
.nav a[href^="http"]:focus,
p a[href^="http"]:focus
            {
            border-bottom:	2px solid rgba(205,208,213,.9);
            border-radius: .1em;
            background-color: rgba(205,208,213,.9);
            text-shadow: none;
            }

small		{
			display: inline-block;
			font-size: .9em;
           	line-height: 1.3;
			}

.zahl small	{
			font-size: .8em;
			}
.kommazahl,
.zahl       {
			display: inline-block;
			min-width: 1.8em;
			margin: 0;
			padding-right: 1px;
			text-align: right;
            white-space: nowrap;
			font-family: Ubuntu, Arial, sans-serif;
   			font-size: 1.5em;
			font-weight: bold;
			}

.kommazahl	{
			margin-right: 3px;
            min-width: 1.7em;
			font-size: 1.1em;
            text-align: left;
			}
            
.zeiten span {
            display: inline-block;
            min-width: 6em;
            text-align: left;            
            }
.zeiten span+span {
            min-width: 3.4em;           
            }

.box        {
			display: block;
            box-sizing: border-box;
			border-top: 1px solid #64676C;
			border-bottom: 1px solid #64676C;
			/*
			border-top: 2px groove #9DA0A5;
			border-bottom: 2px ridge #9DA0A5;
			text-shadow: 0px 1px 1px #FFFFFF;
			*/
			padding: 3px 6px;
			color: #64676C;
            background-color: rgba(205,208,213,.5);
			}

.shadow     {
box-shadow: 0px -1px 0px #DFEB00;
			}


.box p:first-child,
.box ul:first-child
			{
			margin-top:.4em;
			}

.box + .box
			{
			margin-top: 1.4em;
			}
.box + p
			{
			margin-top: 2em;
			}

.box p + ul {
			padding-top: .8em;
			}

main li,
.box li		{
			list-style-type: disc;
            margin: 0 0 .75em 1.7em;
            font-size: 1.15em;
           	line-height: 1.23;
			}

header h4 .inowrp,
figcaption .termin
			{
			color: #990000;
			font-family: 'Sniglet', sans-serif;
			font-weight: 400;
			}
header h4 .inowrp,
figcaption .termin .inowrp
			{
			color: #2D3035;
			}

.end        {
			box-sizing: border-box;
			margin: 0 auto;
           	border-top: 1px solid #DFEB00;
			padding: .5em;
           	text-shadow: none;
            background-color: #64676C;
			}

.end *      {
            color: #FFFFFF;
			text-align: center;
            border-color: #FFFFFF;
			}
.end .last
			{
			order: 1;
			}

address		{
			margin: 0;
			padding-bottom: 1px;
			font-size: 1em;
			font-style: normal;
			}
address i
			{
			vertical-align:top;
			font-size:.8em;
   			}

#kontakt address a
			{
			font-size: 1.7em;
			font-weight: bold;
			border-bottom:	none;
			}
/*-----------------------------------------
Abstand wegen Position: fixe im header-tag*/

main    {
	position: relative;
}
.header-topspace
{
	position: relative;
	top:-6.5rem
}

/*-----------------------------------------
Bildunterschrift über Bild positionieren */
figure		{
			position: relative;
			}
figure blockquote
			{
			position: absolute;
			bottom: 0;
			left: 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
			font-family: sans-serif;
			letter-spacing: 0;
			font-size: 13px;
			line-height: 15px;
			padding: 0 1px;
			color: #000000;
			background-color: #FFFFFF;
            opacity: .4;
			cursor: pointer;
			}
figure blockquote a
			{
			text-decoration: none;
			}
figure figcaption
			{
			display: block;
			position: absolute;
			right: 0;
			top: 15%;
			max-width: 66%;
			text-align: right;
			border-right: 5px solid #FFFFFF;
			padding: 1px 0;
			}
figure figcaption span
			{
			display: inline;
			padding: 0;
            background-color: #FFFFFF;
			color: #2D3035;
			font-size: 1.25em;
            line-height: 1.2;
			cursor: default;
    		font-family: 'Sniglet', sans-serif;
			font-weight: 400;
			}
/*
figure figcaption:hover
			{
            opacity: 0;
			}
*/

/*-----------------------------------------
Werbe-Layer  */
#toplayer {
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding: 0 10px;
    background-color: rgba(0,0,0,.88);
    height: auto;
    max-height: 100%;
    transition-delay: 0s;
}
#toplayer:target {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}
#toplayer img {
    display: block;
    margin: 60px auto;
    width: 100%;
}

/*-----------------------------------------
Info-Box  */

#kurs-alert p.alert,
#container p.alert
			{
            border: 3px solid #EE2200;
			}

#kurs-alert p,
#container p
			{
			margin: 10px 6px;
 			border: 1px solid rgba(205,208,213,1);
           	box-shadow: 0 0 1.5em rgba(205,208,213,.8);


			padding: 30px 10px;
			color: #111111;
            background-color: #FFFFFF;

			font-size: 1.25em;
			text-shadow: 0px 1px 0px #DD2222;
			text-align: center;
			}
#container p
			{
			max-width: 42em;
			margin: 20px auto;
			}


/*-----------------------------------------
Flex-Box  */
.end,
.table,
body,
header,
xmain,
footer 		{
            display: -webkit-flex;
			display: flex;
            -webkit-flex-flow: row wrap;
  			flex-flow: row wrap;
            -webkit-justify-content: center;
			justify-content: center;
			}
.end,
.table,
footer,
main		{
            -webkit-justify-content: space-between;
			justify-content: space-between;
			}

/*-----------------------------------------
Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
.end,
.end section,
.bodysize,
header,
nav,
main,
aside,
footer,
section,
article		{
            -webkit-flex: 1 1 100%;
			flex: 1 1 100%;
			}


/*-----------------------------------------
spezifisch header */

header div	{ 
            -webkit-flex: 0 0 3em;
  			flex: 0 0 3em;
}
header nav	{
            -webkit-flex: 0 0 100%;
			flex: 0 0 100%;
            -webkit-align-self: flex-end;
			align-self: flex-end;
			}


header > a	{ 
            -webkit-flex: 0 0 1em;
  			flex: 0 0 1em;
            order: -1;
			align-self: center;
			text-decoration: none;
			}

header > a:hover,
header > a:focus
            {
            opacity: 0.25;
			background-color: #FFFFFF;
            }

header img	{
			display: block;
			margin: 0 auto;
			}

header {
	position: fixed;
	width: 100%;
	z-index: 100;
    box-sizing: border-box;
	border-radius: 0 0 15px 15px;
	padding: .3rem 15px .2rem 5px;
	background-color: #f2f2f2;
	outline: .2rem solid rgba(255,255,255,.8);
}

header img{
	display: block;
	height: auto;
	width: auto;
}
header a img{
	width: 7rem;
}
header div a img{
	width: 2.8rem;
	margin-top: 2px;
}
#container {
	margin-top: 6rem;
}
/* Kreis */
.clip-circle {
	-webkit-clip-path: circle(43% at 50% 50%);
	clip-path: circle(43% at 50% 50%);
	background-color: #fffff9;
}
.clip-circle:hover {
	background-color: rgba(205,208,213,.4);
}


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

header > a	{
			order: 0;
			}


header nav 	{
            -webkit-flex: 1;
			flex: 1;
			display: block;
			text-align: right;
			}

header div 	{
            -webkit-flex: 0;
			flex: 0;
			display: block;
			text-align: left;
			}

header img	{
			margin: 0;
			}
}


/*-----------------------------------------
App-Navigation simulator */

#app    {
        position:relative;
        min-height: 8px;
        }
#app *  {
        display: none;
        }
#app:target * {
        display: block;
        }

#app img,
#app a,
#app a:hover,
#app a:focus
        {
        width: auto;
        height: auto;
        min-width: auto;
        min-height: auto;
        box-shadow: none;
        background: none;
        border:none;
        text-decoration: none;
        }

#app a  {
        position: absolute;
        top: 3px;
        right: 6px;
        z-index:9999;
        }
#app a img {
        height: 44px;
        }

#app a:first-child {
        top: 17px;
        left: 10px;
        right: auto;
        }
#app a:first-child img {
        height: 25px;
        }


/*-----------------------------------------
spezifisch main */

main        {
			padding: 0 4px 2em;
			box-shadow: 0 .5em 2em rgba(205,208,213,.05);
			background-color: rgba(205,208,213,.05);
			}

main section > p,
main article p
			{
			text-align: center;
			}
xmain article p:last-child
			{
			padding-bottom: 1em;
			}

main section .box
			{
			margin-right: auto;
			margin-left: auto;
			max-width: 27em;
			}

main article + article,
main section + article,
main aside + article,
main section
			{
			margin-top: 2em;
			}


main section + .liquid
			{
			margin-top: 0em;
			}


.bodysize img,
main img	{
			display: block;
			width: 100%;
			border-top: 1px solid #64676C;
			border-bottom: 1px solid #64676C; 
           	box-shadow: 0px -1px 0px #DFEB00;


            background-image: url('image/background_image.svg');
            background-repeat: no-repeat;
            background-position: center center;
            background-color: rgba(205,208,213,.2);
			min-height: 90px;
			}

main h1,
main h2		{
			border: 2px solid #FFFFFF;
			border-bottom: none;
            box-shadow: 0px -1px 0px #64676C;
			padding: .3em 2px 0;
           	text-shadow: 0px 1px 1px #FFFFFF;
			text-align: center;
			font-weight: 400;
            line-height: 1.25;
            background-image: linear-gradient(180deg, rgba(205,208,213,.25) 0%, rgba(205,208,213,.03) 90%);
			}

main h1	+ p,
main h2	+ p,
main ul	+ p	{
			margin-top: 1em;
			}

main h4		{
            margin: 1.7em auto .5em;
            border-left: .8em solid #DFEB00;
			padding-left: 4px;
            font-size: 1.4em;
            line-height: 1.1;
			}

main h3		{
            margin: 2em 0 1.2em;
            font-size: 1.4em;
            line-height: 1.25;
			text-align: center;
			}

main h6,
main h5		{
            margin: 1.5em 0 .6em;
            font-size: 1.4em;
            line-height: 1.1;
			text-align: center;
			}

main .box h6,
main .box h5
			{
			text-align: right;
			}


main h6		{
			margin-top: 1.5em;
			}

main h4 + h5,
main h4:first-child,
main h5:first-child
			{
			margin-top: 0;
			}

.bodysize .point,
main .point {
			display: block;
			width: 25px;
			height: 25px;
			margin: 9px auto;
			border-radius: 50%;
			line-height: 25px;
			text-indent: -10000px;
			background-color: #CDD0D5;
			cursor: default;
			}

main .box p i	{
			font-size: .9em;
			}


/*-----------------------------------------
spezifisch footer */

footer  	{
			margin: 0 auto 0;
			}

footer h2   {
            padding-top: .25em;
   			text-align: center;
            }

.end h2	   {
			margin: 1em 14px;
			border-bottom: 2px solid #9DA0A5;
        	color: #9DA0A5!important;
            }

footer article {
			padding-top: 2em;
            background-image: url('image/cafe-athletik-smily.svg');
            background-size: auto 2.8em;
            background-position: left 4px top 4px;
            background-repeat: no-repeat;
			z-index: 99;
}
/*-----------------------------------------
spezifisch zentrum */

#kontakt:target,
#zentrum:target
			{
			background-color: #5C5F64!important;
			outline: 4px solid #5C5F64;
 /*           outline-radius: .3em;
            -moz-outline-radius: .3em;
            -webkit-outline-radius: .3em;
            box-shadow: 0 0 1.8em rgba(255,255,255,.99); */
            box-shadow: 0px 0px 14px #000000;
			}
#kontakt:target a,
#zentrum:target a
			{
			border: 1px solid #5C5F64;
			}
#kontakt:target a:hover,
#zentrum:target a:hover
			{
			border: 1px solid rgba(205,208,213,.9);
			}
/*
#kontakt:target h2,
#zentrum:target h2
			{
            background-image: url('image/zentrum-smily.svg');
            background-size: auto 1.3em;
            background-position: right 0px top 1px;
            background-repeat: no-repeat;
			}
*/
/*-----------------------------------------
spezifisch navigation */

nav			{
			padding: 1px 0;
			}

footer nav	{
			padding-bottom: 25px;
			box-shadow: 0px -13px 30px rgba(205,208,213,.3);
			}

ul.nav,
nav ul 		{
  			display: flex;
  			-webkit-flex-flow: row wrap;
  			flex-flow: row wrap;
            -webkit-justify-content: space-between;
            justify-content: space-between;
			}

.nav li,
nav li 		{
            -webkit-flex: 0 0 100%;
  			flex: 0 0 100%;
			box-sizing: border-box;
			padding: 0 2px 4px;
			}

.nav li		{
			padding: 0 0 4px;
			}

nav a 		{
			display: block;
			padding: 6px 2px;
			font-family: Ubuntu, Arial, sans-serif;
			font-weight: 400;
			font-size: 1.25em;
            line-height: 1.1;
            letter-spacing: .025em;
			text-transform: uppercase;
			text-align: center;
			text-decoration: none;
			text-shadow: 1px 1px 1px #DFEB00;
			background-color: #FFFFFF;
            -webkit-transition: all .25s ease-in;
			transition: all .25s ease-in;
			border-radius: 5px;
  			}

nav a i		{
			color: inherit;
			font-style: normal;
			text-transform: none;
			text-shadow: 1px 1px 1px #DFEB00;
			}


nav a:focus, nav a:hover, nav a:focus i, nav a:hover i
			{
    		color: inherit;
    		background-color: #DFEB00;
            -webkit-transition: all 0.01s;
			transition: all 0.01s;
  			}

/* --------------------------------------------------------
 * Icons
 */
.icons      {
            display: block;
            width: 100%;
            text-align: center;
            }

.icons li   {
            display: inline-block;
            width: 2em;
            margin: 0 1% 1em;
            vertical-align: bottom;
            }

.icons img  {
            display: block;
            width: 100%;
       		height: 2em;
            }

.mark li   	{
            width: 4.2em;
            margin: 0 2% 1em;
            }

.mark img 	{
       		height: 2.8em;
            }

.icons a    {
            display: block;
            border: 1px solid #64676C;
            border-radius: .2em;
            padding: 0;
            background-color: transparent;
            }

.icons a:hover,
.icons a:focus
            {
            border: 1px solid rgba(205,208,213,.9);
            background-color: rgba(205,208,213,.9);
            }

/* --------------------------------------------------------
 * CSS-accordion
 */

main .toggleBox {
    position: relative;
	margin-bottom: .6em;
	padding: 0 4px 0;

}

/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
}

.toggleBox h5 {
	margin: 0 31px 0 0;
    border-right: 4px solid #FFFFFF;
	padding: 3px 3px .2em 0;
	text-align: left;
	font-size: 1.2em;
	line-height: 28px;
}
.toggleBox h5 span {
	font-family: Ubuntu, Arial, sans-serif;
	font-weight: 400;
	font-size: .9em;
    letter-spacing: .022em;
	text-transform: uppercase;
}

/* Gestaltung der labels */
.toggleBox label {
	position: absolute;
	top: 0;
	right: 0;
    display: block;
	width: 35px;
    height: 35px;
    font-family: monospace,sans-serif,serif;
    line-height: 1.2;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    vertical-align: bottom;
	text-shadow: 1px 1px 1px #DFEB00;
    cursor: pointer;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}


.toggleBox label:hover  {
	background-color: #DFEB00;
    -webkit-transition: all 0.01s;
	transition: all 0.01s;
}

.toggleBox div {
	margin-bottom: 4px;
	padding: 8px 4px 1px;
	background-color: #FFFFFF;
}

/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
	display: none;
}

.toggleBox input:checked ~ div {
	display: block;
}

/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
    display: none;
}


/* --------------------------------------------------------
 * tabellen-format
 */

.table
			{
            -webkit-align-self: flex-start;
			align-self: flex-start;
/*			margin: 0;
*/			}


.table div
			{
            -webkit-flex: 1 1 100%;
			flex: 1 1 100%;
            box-sizing: border-box;
            margin: 0;
            padding: .4em 0px;
            vertical-align: top;
			font-family: Ubuntu, Arial, sans-serif;
   			font-size: 1.05em;
			}
.table div + div
            {
            padding-left: 6em;
            }

.table div:first-child,
.table hr + div
            {
            padding-right: 0;
            text-align: left;
            }
/*-----------------------------------------
class whatsapp bottom*/
.mysports-flag,
.whatsapp-flag  {
            background-attachment: scroll;
            background-clip: border-box;
            background-color: rgb(77, 194, 71);
            background-image: none;
            background-origin: padding-box;
            background-position: 0% 0%;
            background-position-x: 0%;
            background-position-y: 0%;
            background-repeat: repeat;
            background-size: auto auto;
            border-bottom-left-radius: 100%;
            border-bottom-right-radius: 100%;
            border-top-left-radius: 100%;
            border-top-right-radius: 100%;
            box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px 0px;
            box-sizing: border-box;
            color: rgb(255, 255, 255);
            cursor: pointer;

            position: fixed;
            right: 15px;
            bottom: 18px;
            height: 58px;
            width: 58px;
            z-index: 120;

            padding-top: 14px;
            line-height: 30px;
            text-align: center;
            text-decoration: none;
            text-decoration-line: none;
			}
.mysports-flag {
			right: auto;
			left: 15px;
            background-color: rgba(252, 255, 235, .96);
            z-index: 121;
			}
.mysports-flag img,
.whatsapp-flag img {
            display: inline-block;
            height: 30px;
			}
/*-----------------------------------------
pdf-objekt horizontal*/
object		{
			display:block;
            width: 99.5%;
			height: 200px;
            margin: 2px auto auto;
			}

object p    {
			margin: 2em 1.5em;
			line-height: 1.65;
			}

@media all and (min-width: 25em) {
object		{
			height: 430px;
			}
}
/*-----------------------------------------
table-cell horizontal*/
@media all and (min-width: 33em) {
.table div
			{
            -webkit-flex: 0 0 49.5%;
  			flex: 0 0 49.5%;
			}
.table div + div
            {
            padding-left: 0;
            }

.table div:first-child,
.table hr + div
            {
            padding-right: .4em;
            text-align: right;
            }

object		{
			height: 550px;
			}
}

/*-----------------------------------------
header navigation horizontal*/
@media all and (min-width: 44em) {


header nav li
			{
            -webkit-flex: 1;
  			flex: 1;
			white-space: nowrap;
			}

footer nav li,
footer .nav li
 			{
  			-webkit-flex: 0 0 49.6%;
  			flex: 0 0 49.6%;
			}

footer .icons li
			{
            margin: 0 2% 1em 0;
            }
footer .mark li
			{
            margin: 0 5% 1em 0;
            }
footer nav a
			{
			margin: 0 2em;
			}

footer nav.order a
			{
			margin: 0 2em;
			padding-left: 3em;
			text-align: left;
			}

footer .end
			{
			padding-bottom: 70em;
			}
aside,
section
			{
            -webkit-flex: 0 0 47.5%;
  			flex: 0 0 47.5%;
			}

main section + .liquid
            {
            margin-top: 2em;
            }


object		{
			height: 650px;
			}

}
/*-----------------------------------------
min-width picture*/
@media all and (min-width: 46em) {
figure figcaption span
			{
			font-size: 1.7em;
			}
}
/*-----------------------------------------
header schriftzug erscheint  */
@media all and (min-width: 52em) {
.end section
			{
            -webkit-flex: 1;
  			flex: 1;
			margin: 0 1em;
			}
.end .last
			{
			order: 0;
			}

.end h2	   	{
			margin: 0 0 1em;
			padding-left: 0px;
			}
.end *		{
			text-align: left;
			}

object		{
			height: 38em;
			}

.whatsapp-flag
			{
            display: none;
            }

}
/*-----------------------------------------
insight-icon  */
.insight-icon:focus,
.insight-icon:hover,
.insight-icon  {
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(77,194,71);
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px 0px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;

display: block;
position: relative;
margin: auto auto;
height: 5em;
width: 5em;
padding: 1.2em;

text-decoration: none;
text-decoration-line: none;
border-bottom: none
}
.insight-icon:focus,
.insight-icon:hover {
left: 1px;
top: 1px;
box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 6px 0px;
}

.insight-icon img {
display: block;
margin: auto auto;
height: 100%;
width: 100%;
box-shadow: none;
border: none;
box-sizing: border-box;
background: none;
min-height: unset;
}

/*-----------------------------------------
instafeed  */
div.instafeed {
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-top: 1px solid #64676C;
    border-bottom: 1px solid #64676C;
}
div.instafeed div.post {
	margin: 0 0 0 0;
	position: relative;
	width: 100%;
}
div.instafeed div.post div.metas {
	width: 100%;
	display: inline-block;
}
div.instafeed img {
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
    box-sizing: border-box;
}
@media all and (min-width: 340px) {div.instafeed div.post {width: 50%;}}
@media all and (min-width: 510px) {div.instafeed div.post {width: 25%;}}
@media all and (min-width: 760px) {div.instafeed div.post {width: 12.5%;}}

/*-----------------------------------------
twoimage */
.twoimage
		 	{
            display: -webkit-flex;
			display: flex;
            -webkit-flex-flow: row wrap;
 			flex-flow: row wrap;
            flex-direction: row-reverse;
/*          flex-direction: column;
          flex-direction: row;
          flex-wrap: nowrap;
*/			-webkit-justify-content: center;
			justify-content: center;
			}
.twoimage figure
			{
            -webkit-flex: 1 1 100%;
			flex: 1 1 100%;
			}
@media all and (min-width: 44em) {
.twoimage figure
			{
            -webkit-flex: 1 1 0%;
			flex: 1 1 0%;
			}
}