/*
-----------------------------------------------
	www.com-dance.de
 by www.lichtsignale.de
----------------------------------------------- */


/*		R E S E T
----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-variant-ligatures: none;
}

html {
	height: 100%;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input, select {
    vertical-align: middle;
}

nav ul {
	list-style: none;
}


/*		W E B F O N T S
----------------------------------------------- */

/**
* @license
* MyFonts Webfont Build ID 3822624, 2019-10-11T11:12:51-0400
* 
* The fonts listed in this notice are subject to the End User License
* Agreement(s) entered into by the website owner. All other parties are 
* explicitly restricted from using the Licensed Webfonts(s).
* 
* You may obtain a valid license at the URLs below.
* 
* Webfont: FolioStd-Bold by Linotype
* URL: https://www.myfonts.com/fonts/linotype/folio/bold/
* 
* Webfont: FolioStd-Light by Linotype
* URL: https://www.myfonts.com/fonts/linotype/folio/light/
* 
* 
* License: https://www.myfonts.com/viewlicense?type=web&buildid=3822624
* Licensed pageviews: 250,000
* Webfonts copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated. All Rights Reserved.
* 
* © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3a5420*");


@font-face {font-family: 'CD Folio';font-weight: bold;font-style: normal;src: url('webfonts/3A5420_0_0.eot');src: url('webfonts/3A5420_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A5420_0_0.woff2') format('woff2'),url('webfonts/3A5420_0_0.woff') format('woff'),url('webfonts/3A5420_0_0.ttf') format('truetype'),url('webfonts/3A5420_0_0.svg#wf') format('svg'); font-display: swap;}


@font-face {font-family: 'CD Folio';font-weight: normal;font-style: normal;src: url('webfonts/3A5420_1_0.eot');src: url('webfonts/3A5420_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/3A5420_1_0.woff2') format('woff2'),url('webfonts/3A5420_1_0.woff') format('woff'),url('webfonts/3A5420_1_0.ttf') format('truetype'),url('webfonts/3A5420_1_0.svg#wf') format('svg'); font-display: swap;}



/*		B A S I C S
----------------------------------------------- */

body {
	color: #111;
	background: #fff;
	font-family: "CD Folio", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-align: left;
	border-left: 5px solid #6f27f4;
	min-height: 100%;
}

body#leicht {
	font-size: 20px;
	line-height: 35px;
	letter-spacing: 0.02em;
}

a:link, a:visited {
	color: #111;
	text-decoration: none;
}

a:hover, a:active {
	color: #6f27f4;
}

main a:link, main a:visited {
	border-bottom: 1px solid #6f27f4;
}

main a:hover, main a:active {
	color: #6f27f4;
}


.active a:link, .active a:visited {
	border-bottom: 1px solid #111;
}

.active a:hover, .active a:active {
	border-bottom: 1px solid #6f27f4;
}

h1, h2, main strong, main b {
	font-weight: normal;
}

img {
	width: 100%;
	height: auto;
}

hr {
	border: none;
	border-top: 1px solid #6f27f4;
	margin-top: 40px;
	margin-bottom: 40px;
}


/*		H E A D E R
----------------------------------------------- */

#intro {
	color: #fff;
	background: #000 url("intro.jpg") center bottom no-repeat;
	background-size: contain;
}

#intro p {
	padding: 10px 10px 20px 35px;
}

#intro img {
	width: 100px;
	height: auto;
	margin-left: 33px;
	margin-bottom: 120px;
}

header {
	padding: 10px 10px 60px 35px;
	line-height: 15px;
}

header nav {
	margin-top: 30px;
}

header li {
	display: inline-block;
	margin: 0 5px 15px 0;
}

main {
	padding: 0 10px 40px 35px;
}


/*		C O N T E N T
----------------------------------------------- */

section {
	margin-bottom: 80px;
}

.block, dl {
	margin-bottom: 20px;
}

dl:last-child {
	margin-bottom: 0;
}

.block::after {
	content: "";
	clear: both;
	display: table;
}

.slider {
	margin-bottom: 40px;
}

.extern, .photo, .slider, .double, .small, .logos {
	margin-right: 25px;
}

h2 {
	margin-bottom: 20px;
	font-size: 150%;
	letter-spacing: 0;
	line-height: 1;
}

img {
	margin-bottom: -7px;
	position: relative;
}

.block p, .block ul {
	margin-bottom: 20px;
}

.block ul {
	margin-left: 20px;
}

.double img {
	margin-bottom: 13px;
}

.double img:last-child {
	margin-bottom: -7px;
}

.logos li {
	list-style: none;
	text-align: center;
	padding: 40px;
}

.logos a {
	border: none !important;
}

.logos img {
	width: auto;
	max-width: 100%;
}


/*		R O Y A L S L I D E R
----------------------------------------------- */

.royalSlider > *{float:left}.rsWebkit3d .rsABlock,.rsWebkit3d .rsAbsoluteEl,.rsWebkit3d .rsBtnCenterer,.rsWebkit3d .rsContainer,.rsWebkit3d .rsLink,.rsWebkit3d .rsOverflow,.rsWebkit3d .rsPreloader,.rsWebkit3d .rsSlide,.rsWebkit3d .rsThumbs,.rsWebkit3d img{-webkit-backface-visibility:hidden}.rsFade.rsWebkit3d .rsContainer,.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img{-webkit-transform:none}.rsOverflow{width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVisibleNearbyWrap{width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}.rsContainer{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsArrow,.rsThumbsArrow{cursor:pointer}.rsThumb{float:left;position:relative}.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear}.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;transition:visibility 0s linear 0.3s,opacity 0.3s linear}.rsGCaption{width:90%;float:left}.royalSlider.rsFullscreen{position:fixed !important;height:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:2147483647 !important;top:0 !important;left:0 !important;bottom:0 !important;right:0 !important}.royalSlider .rsSlide.rsFakePreloader{opacity:1 !important;-webkit-transition:0s;-moz-transition:0s;-o-transition:0s;transition:0s;display:none}.rsSlide{position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}.rsContent{width:100%;height:100%;position:relative}.rsPreloader{position:absolute;z-index:0}.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}.rsThumbs{cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}.rsTabs{float:left;background:none !important}.rsTabs,.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:0.3s}.rsVideoFrameHolder.rsVideoActive{opacity:1}.rsVideoContainer .rsVideoObj,.rsVideoContainer embed,.rsVideoContainer iframe,.rsVideoContainer video{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}.rsVideoContainer.rsIOSVideo embed,.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}.rsABlock{left:0;top:0;position:absolute;z-index:15}img.rsImg{max-width:none;margin-top:0 !important;margin-left:0 !important}.grab-cursor{cursor:url("grab.png") 8 8, move}.grabbing-cursor{cursor:url("grabbing.png") 8 8, move}.rsNoDrag{cursor:auto}.rsLink{left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;background:url("blank.gif")}.rsDefault,.rsDefault .rsOverflow,.rsDefault .rsSlide,.rsDefault .rsThumbs,.rsDefault .rsVideoFrameHolder{}.rsDefault .rsArrow{height:100%;width:44px;position:absolute;display:block;cursor:pointer;z-index:21}.rsDefault.rsVer .rsArrow{width:100%;height:44px}.rsDefault.rsVer .rsArrowLeft{top:0;left:0}.rsDefault.rsVer .rsArrowRight{bottom:0;left:0}.rsDefault.rsHor .rsArrowLeft{left:0;top:0}.rsDefault.rsHor .rsArrowRight{right:0;top:0}.rsDefault .rsArrowIcn{width:32px;height:32px;top:50%;left:50%;margin-top:-16px;margin-left:-16px;position:absolute;cursor:pointer;border-radius:2px}.rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background-repeat:no-repeat}.rsDefault.rsHor .rsArrowRight .rsArrowIcn{background-position-x:right;background-repeat:no-repeat}.rsDefault.rsHor .rsArrowLeft .rsArrowIcn:hover{background-repeat:no-repeat}.rsDefault.rsHor .rsArrowRight .rsArrowIcn:hover{background-position-x:right;background-repeat:no-repeat}.rsDefault .rsBullets{height:auto;margin-top:4px;text-align:center;line-height:20px;overflow:hidden}.rsDefault .rsBullet{width:25px;height:4px;display:inline-block;*display:inline;*zoom:1;padding:10px 10px 0 0}.rsDefault .rsBullet span{display:block;width:25px;height:4px;background:#ccc}.rsDefault .rsBullet span:hover{background:#6f27f4;cursor:pointer}.rsDefault .rsBullet.rsNavSelected span{background-color:#6f27f4;cursor:default !important}.rsDefault .rsThumbsHor{width:100%;height:72px}.rsDefault .rsThumbsVer{width:96px;height:100%;position:absolute;top:0;right:0}.rsDefault.rsWithThumbsHor .rsThumbsContainer{position:relative;height:100%}.rsDefault.rsWithThumbsVer .rsThumbsContainer{position:relative;width:100%}.rsDefault .rsThumb{float:left;overflow:hidden;width:96px;height:72px}.rsDefault .rsThumb img{width:100%;height:100%}.rsDefault .rsThumb.rsNavSelected{background:#02874a}.rsDefault .rsThumb.rsNavSelected img{opacity:0.3;filter: alpha(opacity=30)}.rsDefault .rsTmb{display:block}.rsDefault .rsTmb h5{font-size:16px;margin:0;padding:0;line-height:20px;color:#FFF}.rsDefault .rsTmb span{color:#DDD;margin:0;padding:0;font-size:13px;line-height:18px}.rsDefault .rsThumbsArrow{height:100%;width:20px;position:absolute;display:block;cursor:pointer;z-index:21;background:#000;background:rgba(0,0,0,0.75)}.rsDefault .rsThumbsArrow:hover{background:rgba(0,0,0,0.9)}.rsDefault.rsWithThumbsVer .rsThumbsArrow{width:100%;height:20px}.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft{top:0;left:0}.rsDefault.rsWithThumbsVer .rsThumbsArrowRight{bottom:0;left:0}.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft{left:0;top:0}.rsDefault.rsWithThumbsHor .rsThumbsArrowRight{right:0;top:0}.rsDefault .rsThumbsArrowIcn{width:16px;height:16px;top:50%;left:50%;margin-top:-8px;margin-left:-8px;position:absolute;cursor:pointer}.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-128px -32px}.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-128px -48px}.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn{background-position:-144px -32px}.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn{background-position:-144px -48px}.rsDefault .rsThumbsArrowDisabled{display:none !important}@media screen and (min-width: 0px) and (max-width: 800px){.rsDefault .rsThumb{width:59px;height:44px}.rsDefault .rsThumbsHor{height:44px}.rsDefault .rsThumbsVer{width:59px}}.rsDefault .rsTabs{width:100%;height:auto;margin:0 auto;text-align:center;overflow:hidden;padding-top:12px;position:relative}.rsDefault .rsTab{display:inline-block;cursor:pointer;text-align:center;height:auto;width:auto;color:#333;padding:5px 13px 6px;min-width:72px;border:1px solid #D9D9DD;border-right:1px solid #f5f5f5;text-decoration:none;background-color:#FFF;background-image:-webkit-linear-gradient(top, #fefefe, #f4f4f4);background-image:-moz-linear-gradient(top, #fefefe, #f4f4f4);background-image:linear-gradient(to bottom, #fefefe, #f4f4f4);-webkit-box-shadow:inset 1px 0 0 #fff;box-shadow:inset 1px 0 0 #fff;*display:inline;*zoom:1}.rsDefault .rsTab:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.rsDefault .rsTab:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid #cfcfcf}.rsDefault .rsTab:active{border:1px solid #D9D9DD;background-color:#f4f4f4;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset}.rsDefault .rsTab.rsNavSelected{color:#FFF;border:1px solid #999;text-shadow:1px 1px #838383;box-shadow:0 1px 9px rgba(102, 102, 102, 0.65) inset;background:#ACACAC;background-image:-webkit-linear-gradient(top, #ACACAC, #BBB);background-image:-moz-llinear-gradient(top, #ACACAC, #BBB);background-image:linear-gradient(to bottom, #ACACAC, #BBB)}.rsDefault .rsFullscreenBtn{right:0;top:0;width:44px;height:44px;z-index:22;display:block;position:absolute;cursor:pointer}.rsDefault .rsFullscreenIcn{display:block;margin:6px;width:32px;height:32px;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;border-radius:2px}.rsDefault .rsFullscreenIcn:hover{background-color:rgba(0,0,0,0.9)}.rsDefault.rsFullscreen .rsFullscreenIcn{background-position:-32px 0}.rsDefault .rsPlayBtn{-webkit-tap-highlight-color:rgba(0,0,0,0.3);width:64px;height:64px;margin-left:-32px;margin-top:-32px;cursor:pointer}.rsDefault .rsPlayBtnIcon{width:64px;display:block;height:64px;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000}.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon{background-color:rgba(0,0,0,0.9)}.rsDefault .rsBtnCenterer{position:absolute;left:50%;top:50%}.rsDefault .rsCloseVideoBtn{right:0;top:0;width:44px;height:44px;z-index:500;position:absolute;cursor:pointer;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.rsDefault .rsCloseVideoBtn.rsiOSBtn{top:-38px;right:-6px}.rsDefault .rsCloseVideoIcn{margin:6px;width:32px;height:32px;background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000}.rsDefault .rsCloseVideoIcn:hover{background-color:rgba(0,0,0,0.9)}.rsDefault .rsPreloader{width:20px;height:20px;left:50%;top:50%;margin-left:-10px;margin-top:-10px}.rsDefault .rsGCaption{text-align:left;top:30px;margin-top:5px}


/*		R E S P O N S I V E
----------------------------------------------- */

@media screen and (min-width: 400px) {

#intro img {
	margin-bottom: 200px;
}

}


@media screen and (min-width: 500px) {

#intro img {
	margin-bottom: 300px;
}

}


@media screen and (min-width: 650px) {

#intro {
	background-position: right bottom;
	background-size: contain;
}

#intro p {
	padding: 10px 300px 20px 35px;
}

#intro img {
	margin-bottom: 150px;
}

section {
	margin-bottom: 100px;
}

h2 {
	font-size: 200%;
	letter-spacing: -0.01em;
	width: 35%;
	width: calc(40% - 10px);
	float: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

main p {
	margin-left: 40%;
	margin-left: calc(40% + 10px);
}

#leicht h2 {
	margin-left: 40%;
	margin-left: calc(40% + 10px);
	width: auto;
	float: none;
}

.block ul {
	margin-left: 40%;
	margin-left: calc(40% + 40px);
}

dd p {
	margin-left: 0 !important;
}

dt {
	width: 20%;
	width: calc(20% - 10px);
	margin-left: 20%;
	margin-left: calc(20% + 10px);
	float: left;
}

dd {
	margin-left: 40%;
	margin-left: calc(40% + 10px);
}

.double {
	display: table;
}

.double img, .double img:last-child {
	margin-bottom: 0;
}

.double img {
	width: 45%;
	width: calc(50% - 10px);
	display: inline-block;
	padding: auto 0;
	vertical-align: middle;
}

.double img:last-child {
	margin-left: 20px;
}

.small {
	width: 40%;
	width: calc(40% - 10px);
	margin-left: 40%;
	margin-left: calc(40% + 10px);
}

.dl {
	margin-left: 40%;
	margin-left: calc(40% + 10px);
}

.logos li {
	width: 30%;
	width: calc(100% /3 - 90px);
	display: inline-block;
	vertical-align: middle;
}

}


@media screen and (min-width: 850px) {

section {
	margin-left: 15%;
	margin-left: calc(100% / 6 + 10px);
}

.extern, .photo, .double, .slider, .logos {
	margin-right: 20%;
}

#intro p {
	font-size: 200%;
	letter-spacing: -0.01em;
	line-height: 1;
	width: 400px;
}

#intro img {
	margin-bottom: 50px;
}

}


@media screen and (min-width: 1100px) {

body {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.015em;
	border-left: 10px solid #6f27f4;
}

body#leicht {
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 0.02em;
}

.block p, .block ul {
	margin-bottom: 25px;
}

#leicht .block p, #leicht .block ul {
	margin-bottom: 35px;
}

hr {
	border-top-width: 2px;
	margin-top: 80px;
}

#intro p {
	padding: 15px 10px 20px 65px;
	width: 450px;
	font-size: 150%;
	letter-spacing: 0;
}

#intro img {
	width: 150px;
	margin-left: 63px;
}

header {
	padding: 20px 0 150px 65px;
	line-height: 15px;
	font-size: 150%;
	letter-spacing: 0;
	line-height: 1;
}

header nav {
	margin-top: 60px;
}

main {
	padding: 0 25px 50px 65px;
}

section {
	margin-bottom: 150px;
}

.block, dl {
	margin-bottom: 25px;
}

dl:last-child {
	margin-bottom: 0;
}

.slider {
	margin-bottom: 50px;
}

.photo {
	text-align: center;
}

.photo img {
	max-height: 660px;
	max-width: 925px;
	width: auto;
	height: auto;
}

h2 {
	font-size: 150%;
	letter-spacing: 0;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.rsDefault .rsBullet {
	width: 45px !important;
	height: 9px !important;
}

.rsDefault .rsBullet span {
	width: 45px !important;
	height: 9px !important;
}

}


@media screen and (min-width: 1260px) {

header {
	padding: 20px 0 150px 65px;
	line-height: 15px;
	font-size: 175%;
	letter-spacing: 0;
	line-height: 1;
}

#intro p {
	padding: 15px 10px 20px 65px;
	width: 450px;
	font-size: 175%;
	letter-spacing: 0;
}

h2 {
	font-size: 175%;
	letter-spacing: 0;
}

}


@media screen and (min-width: 1500px) {

main {
	width: 1400px;
}

#intro {
	background-position: 675px bottom;
}

}