/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	CSS STYLESHEET COPYRIGHT WEBMULTIMEDIA GMBH, BERN - JAN CIBULA 
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */


/*	-------------------------------------------------------------- */
/*	SCHRIFTART & FARBEN
/*  Blau: 98,139,199
/*  Hellblau: 189,204,226
/*	-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Oxygen');

@font-face{ 
	font-family: 'Arquitecta';
	src: url('../fonts/arquitecta-webfont.eot'), url('../fonts/arquitecta-webfont.ttf');
}


/* RESET DEFINITIONEN */
* {
	box-sizing:border-box;
	padding:0;
    margin:0;
}



/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	HTML TAGS GRUNDLAGEN 										   */									   
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */



body {
	width:100%;
	height:100%;
	font-size:18px;
	overflow-y:scroll;
	color:#000;
	background-color: #fff;
}




/* TITEL ABSÄTZE FORMULARE */

body, input, textarea {
	font-family: 'Oxygen', helvetica, arial, sans-serif;
}

#easyheader, #easynav {
	font-family: 'Arquitecta', helvetica, arial, sans-serif;
}

.fa {
    font-size:0.9rem;
}

p {
	margin-top:0;
}

hr {
	border:0.5px solid #444;
}
fieldset {
	border:1px solid rgba(222,222,222,0.9);	
	margin-bottom:10px;
}

input, select, textarea {
	line-height: 1.625em;
}

h1 {
	font-size:1.7rem;
	margin-top:0;
	margin-bottom: 0;
}
h2, h3, h4 {
	font-size:1.4rem;
	margin-top:0.3em;
}
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	LINKS & NAVIGATION											   */									  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

a {
	text-decoration:none;
}

a:link, 
a:visited {
	color:#555;
    transition:all ease-in-out 0.6s;
}
a:active {
	color:#000;
}
a:hover  {
	color:#222;
    transition:all ease-in-out 0.4s;
}


.hauptmenu {
    font-size:1.7rem;
    width:100%;
    display:flex;
    justify-content: space-between;
}
.hauptmenu a {
    flex-grow:1;
	padding: 1rem;
	border-bottom:1px solid #999;
    transition:all ease-in-out 0.6s;
}

.hauptmenu a:hover {
    color:#f00;
    transition:all ease-in-out 0.4s;
}



.hauptmenu a.standpunkt  {
    color:#f00;
	border-right:1px solid #999;
	border-top:1px solid #999;
}
.untermenu a.standpunkt  {
	border-right:1px solid #999;
	border-top:1px solid #999;
}

.untermenu_container {
	width:100%;
	text-align:center;
}

.untermenu{
	font-size:0.8em;
	position:absolute;
	margin-left:40%;
}	
.untermenu a {
	padding: 0.5rem;
	display:inline-block;
}

.untermenu2{
	font-size:0.7em;
}
.untermenu2 a {
	padding: 0.5rem;
	display:inline-block;
}

.untermenu_responsive {
	display:none;
}
.untermenu2_responsive {
	display:none;
}

a:hover,
a:active,
a.standpunkt {
	color:rgb(29,96,147);
}
a.standpunkt {
	color:rgb(29,96,147);
	border-bottom:1px solid #fff;
}

.menu_abstand {
	height:60px;
}

/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	LAYOUT												           */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */


#easycontainer {
	border-left:1px solid #999;
	border-right:1px solid #999;
	max-width:1400px;
	margin:0 auto;
}


#easyheader {
	/* background:rgba(255,255,255,1); */
	padding:0px;
	width:100%;
}

#easylogo {
	padding:2.5rem;
	text-align: center;
}
.logo_claim {
	font-family: 'Arquitecta', helvetica, arial, sans-serif;
	font-size:1.7rem;
	font-weight:bold;
	color:#f00;
}

#easylogo img {
	max-height:70px;
}

#easynav {
	font-size:1.7rem;
	padding:0px;
	text-align: center;
    height: 54px;
}
/*Special Height for lovely IE & Edge */
_:-ms-lang(x), #easynav { 
    height: 54px;
}

#hamburger {
	display:none;
}



.responsiveBlock {
	display:inline-block;
}






/* Boerse */
/*
.boerseNav {
	float:left;
	width:20%;
}
.boerseContent {
	width:100%;
}
.boerse_eintrag {
	border-top: 1px solid #999;
	padding:10px 0;
}
.boerse_select {
}
.boerseSuche {
	width:15%;
	float:left;
}
.boerseSuche input[type=submit] {
	margin:0;
}
.boerseAbstand {
	margin:20px 0;
	font-size:1.1em;
}
.boerseFormular {
	width:50%;
}

.boerseLabel {
	display:block;
	margin:15px 0;
}
.boerseSicherheit {
	width:15%;
}
.boerseSicherheitBild {
	margin:3px 0 0 10px;
}
.inserat_loeschen_form {
	display:none;
}
.inserat_loeschen_form input {
	width:250px;
}
.inserat_loeschen_form input[type=submit] {
	margin: 10px 0 0 5px;
}
.abstandUnten {
	font-weight: bold;
}
*/

#easycontent {
	padding:2rem;
}

#easycontent img {
	max-width:100%;
}

#easycontent li {
	line-height:1.6em;
}

footer {
	margin-top:2rem;
	border-top:1px solid #999;
	padding:0.5rem;
	font-size:0.7em;
    text-align: center;
}

footer a:link, footer a:visited, footer a:active {
	
}
footer a:hover {
	color:#bbb;
}


.easytotop {
	background-color:rgba(255,255,255,0.6);
	/*border:1px solid #333;*/
	padding:12px; 
	font-weight: bold;
	font-size: 1.4em;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	z-index:9999;
}




/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	EIGENE KLASSEN												   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

.clear_fix {
	clear:both;
	height:0px;
}

.klein{
	font-size:0.7em;
}
.erfolg {
	color:#0F6413;
}
.fehler {
	color:#B50205;
}

.rechts {
	float:right;
}

.dateien {
	margin:10px 0;
}

.spaltentext p { 
	/*
	column-count: 2;
	column-gap: 30px;
	*/
}


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	BILDERBOX 													   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

.bilderbox {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	/* 
	Andere Ausrichtungen (justify-content): 
		center
		flex-start (linksbündig)
		flex-end (rechtsbündig)
		space-between (über die ganze Breite)
		Siehe auch: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
	*/
}

.bilder img {
	height:250px;
}


/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	BALKEN DESIGN 												*/										  	
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

/* Ganzer Bereich mit allen Balken DIVs */
.balkenBereich {
	width:100%;
}
/* Titelbalken Bereich */
.balkenTitelToggle, .balkenTitel { 
	width:100%;
  	display: flex;
	margin-top:2%;
	margin-bottom:2%;
}
.balkenTitelToggle{
    height:6rem; /* 90px */
	cursor:pointer;
	justify-content: space-between;
}
.balkenTitel{
	cursor:none;
	justify-content: space-between;
}

.balkenTitelLinks {
    position:relative;
	display: flex;
	color:white !important;
  	align-items:flex-end;
	padding:0rem 0.5rem;
	width:68%;
	font-size:2.7rem !important;
	font-weight: bold;
    transition:all 0.4s ease-in-out;
}
.balkenTitelLinks:hover  {
	color:black !important;
    transition:all 0.2s ease-in-out;
}
.balkenTitelRechts {
	color:#fff;
	display: flex;
  	align-items:flex-end;
	padding:0rem 0.5rem;
	width:30%;
	font-size:1.4rem !important;
}
.balkenTitelRechts:hover  {
	color:#333;
    transition:all 0.2s ease-in-out;
}

.balkenTitelRechts p {
	margin:0px;
	padding:0px;
}
.tanzart_rechts{
    position:absolute;
    bottom:0;
    right:0;
}

.tanzpartnerFormat {
	font-size: 1.1rem;
    padding: 0.2rem 0.5rem;
}
.einruecken {
	padding:0.5rem;
    margin-bottom:0.5rem;
}
.tanzpartnerEintraege {
	padding:0.5rem;
    margin-bottom:0.5rem;
}
.tanzpartnerEintraege:nth-child(odd) {
	background:rgba(222,222,222,0.9);
}
.tanzpartnerEintraege ul {
	font-size:1.1rem;
	padding: 0.2rem 0.5rem;
	list-style-type:none !important;
	list-style:none !important;
}
.tanzpartnerEintraege ul li {
	list-style-type: none !important;	
	list-style: none !important;	
}

/* Ganzer Inhalt im Balken aufgeklappt */

.SpezLinks {
	display:block !important;	
}
.balkenInfos {
	display:none;
    margin:0;
}


/* Balken SommerTanzWochen */

.stw_wochenplan, .stw_tanzkurs {
	background:rgba(211,211,211,1);
    font-size:1.6rem;
    padding:1rem 0.5rem;
    cursor:pointer;
    margin-bottom:0.5rem;
}

#stw_wochenplan_liste {
	display:none;
}
#stw_tanzkurs_liste {
	display:none;
}


.balkenWeiterLesen {
	display:block;
	clear:both;
	width:100%;
}

.balkenText {
	width:68%;
	float:left;
	font-size:1.2rem !important;
}

.balkenBild {
	width:30%;
	float:right;
}
.balkenBild img {
	width:100%;
}

.bildVorschau {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.bildVorschau:hover .bildLupe {
	transition: opacity  .3s ease-in-out;
	opacity: 0.8;
}

.bildLupe {
	background-image:url('/img/lupe.jpg');
	background-size:cover;
	background-position:center center;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	overflow: hidden;
	width: 100%;
	height:100%;
	transition: opacity  .3s ease-in-out;
	opacity:0;
}


/*	ENDE BALKENDESIGN											   */	



/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	KURSE (Details) 											   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

.tanz_detail {
	font-weight:normal;
	font-size:1em;
}

.transparent {
	padding:0px !important;
	background:none !important;
}




.zuklappen {
	display:none;
}
.einKursUnterTitel {
	width:100%;
	padding:1px;
  	display: flex;
    justify-content: space-between;
}
.einKurs { /* ganzer Balken */
	display:block;
	background:rgba(222,222,222,0.85);
	margin:0;
	padding:3px 5px;
	font-size:1.6rem;
	width:68%;
	position:relative; /* neu zum hinscrollen */
}
.einKurs_stufenInfo{
	float:right;
	margin-top:0.2rem;
	font-size:1.2rem;
}
.kursLastMinute {
	width:100%;
	margin:5px 0 0;
	display:flex;
	justify-content: space-between;
}

.zweiDrittelBlock {
	padding:0rem;
	width:68%;
}

.kursInfos ul {
	padding: 0.2rem 0rem;
	list-style-type:none !important;
	list-style:none !important;
}
.kursInfos ul li {
	list-style-type: none !important;	
	list-style: none !important;	
}




.kursVorschauBildContainer {
	display:flex;
}
.kursVorschauBild {
	margin:0px 10px;
}
.kursVorschauBild:first-of-type {
	margin-left:0;
}
.kursVorschauBild:last-of-type {
	margin-right:0;
}
.kursVorschauBild img {
    width:100%;
    opacity:1;
    transition:all 0.2s ease-in-out;
}

.LehrerVorschauBild {
	width:220px;
}

.einKursDaten { /* container für alle KursDaten */
	margin-bottom: 10px;
}

.kursDatenUebersicht {
	margin:0;
	display:flex;
	transition:0.2s all ease-in-out;
	padding:0.3rem 0rem;
}
.kursDatenUebersicht:nth-child(even) {
	/* background:rgba(222,222,222,0.9);*/
}
.kursDatenUebersicht:hover {
	/* background:rgba(222,222,222,0.9); !important;*/
	color:#000;
	transition:0.4s all ease-in-out
}
.kursDatenUebersichtItem {
	border-right:1px solid #fff;
	/*white-space: nowrap;*/
	font-size:1.1rem;
    padding:0.2rem 0.5rem;
    cursor:pointer;
}
.kursDatenUebersichtItem:last-child {
	border-right:0px solid #fff;
}

.kursDatenUebersichtItemXS {
	width:7%;
}
.kursDatenUebersichtItemS {
	width:10%;
}
.kursDatenUebersichtItemSM {
	width:15%;
}
.kursDatenUebersichtItemM {
	width:20%;
}
.kursDatenUebersichtItemL {
	width:30%;
}
.kursDatenUebersichtItemLL {
	width:40%;
}
.kursDatenUebersichtItemXL {
	width:46%;
}
.kursDatenUebersichtItem a{
	display:block;
}
.zentriert {
    text-align:center;
}
.kursDetail {
	display:flex;
	margin-bottom:15px;
}
.kursHalf {
	width:50%;
	float:left;
}
.kursDetailTitel {
	font-weight:bold;
	width:220px;
	margin-right:10px;
}
.kursDetailText {
	width:calc(100% - 220px);
}
.kursDetailText p {
	display:inline-block;
}
.kursDetailText ul {
	margin-left:1.2rem;
	list-style: disc;
}
.formularfield ul {
	margin-left:1.2rem;
	list-style: disc;
}

.formularfield .label_tp {
    border:1px solid white;
    padding:0.5rem 0.2rem;
	margin-bottom:0.3rem;
    display:block;
    transition:all ease-in-out 0.2s;
    cursor:pointer;
}
.formularfield .label_tp:hover {
    background-color:lightgray;
    transition:all ease-in-out 0.3s;
}

.kursDetailHaupttitel {
	color:#fff;
	padding-left:5px;
}

.kursVorschauBild img:hover {
    opacity:0.7;
    transition:all 0.5s ease-in-out;
}

.kurs_details p {
	margin-top:0;
	margin-bottom:0;
}

a.kursAnmeldeButton {
	color:#fff;
	padding:2px 5px;
	font-weight:bold;
}



/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	TEAM 														   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

.teamWrapper {
	display:flex;
	flex-wrap:wrap;
}
.team {
    display: inline-block;
    width: 73%;
	padding: 10px 0px 10px 20px;
	margin-bottom: 1%;
	font-size: 1.5em;
	font-weight: bold;
}
.team img {
	width:100%; 
}

.teamFunktion {
    display: inline-block;
    width: 26%;
	padding: 10px 0px 10px 20px;
    margin-bottom: 2%;
    margin-left: 1%;
	font-size: 1.5em;
	font-weight: bold;
}

.toggleKurseTeam {
	cursor:pointer;
}
.alleKursDaten {
	display:none;
}

.weiterlesen {
	background:rgba(133,133,255,0.2);
	padding:2px 5px;
	cursor:pointer;
}
.weiterlesen_inhalt {
	display:none;
}

/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */
/*	BILDERGALERIE 												   */										  		
/*	-------------------------------------------------------------- */
/*	-------------------------------------------------------------- */

#easygalerie {
	width: 68.8%;
}

/* Fancybox Anpassungen */

.fancybox-caption {
	text-align:center;
	border-top:0px;
	font-size:16px;
	padding:15px 0;
}

@media only screen and (max-width:800px) {
	.fancybox-iframe {
		width:100%  !important;
		overflow: scroll;
	}
	.fancybox-content {
		border:1px solid black !important;
		width:99%  !important;
	}
}





/* Isotope Einstellungen */

.grid-item {
	float: left;
	width: 33.333333%;
	padding-bottom:10px;
	padding-right:10px;
}
.grid-item img {
	width:100%;
	height:100%;
}


/*	---------------------------------------------------------------------------------------------------------------------- */
/*	---------------------------------------------------------------------------------------------------------------------- */
/*	FORMULARE 							  																			       */
/*	---------------------------------------------------------------------------------------------------------------------- */
/*	---------------------------------------------------------------------------------------------------------------------- */

#formular {
	letter-spacing:1.1px;
    line-height:1.5em;
}
#formbox div {
	padding:10px 0;
}
#formbox div.captcha input {
	width:30%;
}
#formbox div.captcha img {
	
}

/* Spezial Formular (mehrseitig) */
#formspez {
	
}
#formspez div,
#formspez h2 {
	background-color:#e3e3e3;
	padding:10px;
	margin:10px 0;
}
#formspez h2 {
	margin-top:30px;
}
.formspezupload div {
	padding:0;
}
.formulartitel {
	background-color: #7E7E7E;
    color: white !important;
	padding:1rem;
	margin-bottom:1.5rem;
}

.formularfield{
	border:1px solid #e3e3e3;
	padding:1rem;
}
.formularfieldsolo{
	border:1px solid #e3e3e3;
	padding:0rem 1rem;
}
.formularfield legend{
	border:1px solid #e3e3e3;
	padding:0.25rem 0.5rem;
	font-size:1.4rem;
	font-weight:bold;
}

.formularflex{
	display:flex;
	
}
.formularflex label{
    display:inline;
	padding:1rem;
}
.stw_anmeldung {
    display:inline-block;
}
.stw_anmeldung input, .anmeldung_checkbox {
    border:3px solid red !important;
}

input,
select,
textarea {
	font-size:1em;
	background-color:#e3e3e3;
	color:#121212;
	border:none;
	padding:8px;
	width:98%;
}
input:focus, textarea:focus {
	color:#111;
	background-color:#cdcdcd;
}

input[placeholder], [placeholder], *[placeholder] {
	color:#343434 !important;
	padding:8px;
}
/* Webkit */
::-webkit-input-placeholder { color: #343434; 
	padding:8px;
	}
/* Firefox 4-18 */
:-moz-placeholder { color: #343434;
	padding:8px;
	}
/* Firefox 19+ */
::-moz-placeholder { color: #343434;
	padding:8px;
	}
/* IE10+ */
:-ms-input-placeholder { color: #343434;
	padding:8px;
	 }




textarea {
	height:120px;
}

input[type=button] {
	cursor:pointer;
	width:auto;
	padding:0.5rem;
	margin:30px 10px 0 0;
	background-color:#343434;
	color:#cdcdcd;
}
input[type=submit]{
    
	cursor:pointer;
	width:auto;
	padding:0.5rem;
	margin:1rem 0rem;
	background-color:#343434;
	color:#cdcdcd;
}
#checkagb {
	cursor:pointer;
    display:inline-block !important;
    width:2rem !important;
}
.submitinaktiv {
	background-color:#cdcdcd !important;
	color:#666 !important;
    cursor:not-allowed !important;
}


input[type=submit]:hover,
input[type=button]:hover {
	background-color:#cdcdcd;
	color:#121212 !important;
}
input[type=radio],
input[type=checkbox] {
	width:auto;
}


#sendprogress {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	line-height:100%;
	display:none;
}
#sendprogress .fa {
	position:absolute;
	top:50%;
}


#kursanmeldung input {
	width:98%;
	display:block;
}
#kursanmeldung input[type=submit] {
	width:180px;
}
#kursanmeldung input[type=radio] {
	width:15px;
	display:inline-block;
}

#kursanmeldung select {
	width:40%;
}

#kursanmeldung textarea {
	width:98%;
	display:block;
}
#kursanmeldung p {
	margin:0.5em 0 0 0;
}

.hideMe {
	display:none !important;
}

.tanzpartnerAuswahl {
	display:block;
}
.formularSpalte {
	width:47%;
}
.anmeldungPerson1 {
	float:left;
}
.anmeldungPerson2 {
	float:right;
}
.anmeldungPersonEinzel {
	display:none;
	float:right;
}
.formFehler {
	font-size:0.8em;
	color:#7B0E17;
}




/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */
/*	===================================================== MEDIA QUERIES =============================================== */


 /* ---------------------------- 1200px ---------------------------- */


@media(max-width: 1200px) { 
	
	#easycontent {
		
	}
	
	
}


 /* ---------------------------- 1050px ---------------------------- */


@media(max-width: 1050px) { 
	body {
	font-size:15px;
	}
	#easycontent {
		width:100%;	
		margin:0;
    	padding:0.2rem;
	}
	#easycontent img {
		
	}
	#easytanznav {
		float:none;
		margin:20px 0;
		width:100%;
	}
	
	#easyheader {
		flex-direction: column;	
	}
	
	.spaltentext p {
		column-count: 1;
		column-gap: 0px;
	}
	
	#easylogo {
		padding-left:0.5rem;
		text-align: left;
	}
	
	#formular img {
		width:initial;
	}
	
	h1 {
		font-size: 1.4em;
	}

	h2 {
		font-size: 1.1em;
	}
	
	#formular {
		padding:0px;
	}
	#formbox div {
		padding:0px;
	}

	/* NAVIGATION -------------- */
	#hamburger {
		display:inline-block;
		position:absolute;
		right:30px;
		top:35px;
		font-size: 2.5em;
	}
	#easynav {
		width:100%;
		display:none;
		margin:0;
		height:initial;
	}
	.menu {
		position:initial;
	}
    .hauptmenu {
        flex-direction:column;
    }
    
	.hauptmenu a {
		display:block;
		text-align: left;
	}
	.untermenu_responsive {
		margin-left:20px;
		display:block;
		font-size:0.8em;
	}
	.untermenu2_responsive {
		margin-left:20px;
		display:block;
		font-size:0.9em;
	}
	.untermenu {
		display:none;
	}
	.untermenu2 {
		display:none;
	}
	
	.menu_abstnad {
		display:none;
		
	}
	
	.tanz_detail {
		font-size:0.85em;	
	}
	
	.kursDetail {
		flex-wrap:wrap;
	}
	.kursDetailTitel {
		width:100%;
	}
	.kursDetailText {
		width:100%;
	}
	

	.balkenTitelToggle {
		flex-direction: column;
		height:initial;
	}
	.balkenTitelLinks {
		width:100%;
		font-size: 2rem !important;
	}
	.balkenTitelRechts {
		width:100%;
		font-size: 1.2rem !important;
	}
	.einKurs {
		width:100%;
	}
	.zweiDrittelBlock {
		width:100%;
	}
	.balkenText {
		font-size: 1.1rem !important;
	}
	
	.einKursUnterTitel {
		flex-direction: column;
	}
	
	.kursDatenUebersichtItem {
		font-size: 0.9rem;
	}
	.kursDatenUebersichtItemM {
		width:30%;
	}
	.kursDatenUebersichtItemL {
		width:20%;
	}
	.hideMeMobile {
		display:none;
	}
	
	#easysuche {
		display:none;
		margin:15px 0 15px 10px;
		width: 100%;
	}
	input[type=text].suche {
		width:70%;
	}
	
	.bilder img {
		height:initial;
		width:100%;
	}
	/* end NAVIGATION -------------- */
	
	.balkenBild {
		width:100%;
		padding-right:0px;
		float:none;
	}
	
	.balkenText {
		width:100%;
		float:none;
	}
	.balkenText p {
		margin:1em 0;
	}
	
	#easygalerie {
		width:100%;
	}
	
	.team {
		width:100%;
		padding:0;
	}
	.team img {
		width:100%; 
	}
	
	.tanzart_rechts {
		font-size:1.1rem;
    position: absolute;
    top: 0.2rem;
    right: 0;
}
	
.balkenTitelRechts {
    padding: 0rem 0.5rem;
    width: 100%;
    font-size: 1.1rem !important;
}
}


 /* ---------------------------- 600px ---------------------------- */


@media(max-width: 600px) { 

	.responsiveBlock {
		display:block;
	}

	#easylogo img {
		width: 80%;
	}
	.logo_claim {
		font-size: 1.4rem;
	}
	
	
	.sliderContainer {
		overflow: hidden;
	}
	
	.kursDatenUebersichtItemS {
		width:14%;
	}
	.sliderContainer {
		height:200px;
	}
	.slides {
		height:200px;
	}
	
}




 /* ---------------------------- 500px ---------------------------- */


@media(max-width: 500px) { 

	
	.kursDatenUebersichtItemXS {
		width:12%;
	}
	.kursDatenUebersichtItemM {
		width:40%;
	}
	.kursDatenUebersichtItemL {
		width:30%;
	}
		
	
	.grid-item {
		width:100%;
		padding-right:0;
	}

}