@charset "UTF-8";
/* CSS Document */

body
{
    background:#FFFFFF!important;
}

.linie-weiss
{
    width:100%;
    height:2px;
    display:block;
    background:#ffffff;
}

.linie-schwarz
{
    width:100%;
    height:2px;
    display:block;
    background:#000000;
}

.mobilmenufenster
{
    width:100%;
	height:100%;
	display:block;
	position:fixed;
	visibility:hidden;
    background:#FFFFFF;
	top:40px;
}

.mobilmenu
{
    padding-left:15px;
    padding-right:15px;
	height:100%;
	margin-top:30px;
	width:100%;
    display:block;
}

#nav-icon1
{
	float:right;
	margin-top:48px;
	margin-right:30px;
	z-index:100000;
}

.container-override
{
	padding-left:40px;
	padding-right:40px;
	max-width: 1300px;
}



.mobilmenuline
{

	margin-top:110px;
	opacity:0.5;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.mobilnavitext
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	position: relative;
	text-decoration: none;
	font-size:26px;
}

.mobilmenuzeilen a:hover
{
	text-decoration: none;
	font-weight:600;
    
}

.mobilnavisubtext
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:22px;
}

.mobilnavisub
{
	padding-left:40px;
}




.mobilmenuzeilen
{
	display:block;
}

.textrechts
{
	float:right;
	right:0px;
	font-weight:600;
	border:1px solid #000000;
	border-radius:50%;
	padding-left:4px;
	padding-right:4px;
	line-height:1.35em;
}




.corona-ticker
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	display:block;
	z-index:11000;
	background:#ffffff;
}

.tickerheader
{
	font-size:16px;
	font-weight:600;
	line-height:1.2;
	display:block;
	color:#FFFFFF;
	padding-top:1px;
	margin-bottom:1px;
	height:40px;
}

.tickertext
{
	font-size:14px;
	font-weight:400;
	margin-bottom:2px;
}

.textinvert
{
	color:#000000;
	font-weight:600;
	background:#FFFF00;
}

.header-menu
{
	top:0px;
	position:fixed;
	height:auto;
	display:block;
	width:100%;
	z-index:10000;
	background:transparent;
}

.abstand-header
{
	min-width:1px;
	height:120px;
	display:block;
}


.menu-nav
{
	
	top:124px;
	display:block;
	position:absolute;
	right:40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	
}



.nav-link {
  	padding: 0px 0px 0px 22px;
	font-size:18px;
	text-transform: uppercase;
}




.logooben
{
	width:320px;
    height:auto;
    display:block;
	position:absolute;
	top:30px;
    left:40px;
    z-index:100000;
}

.logoobenimg
{
	width:100%;
	height:auto;
}

.cookiebalken
{
	width:100%;
	min-height:50px;
	position:fixed;
	margin-bottom:0px;
	bottom:0px;
	display:block;
	z-index:5000;
}

.cookiebalkeninner
{
	max-width:1148px;
	min-height:50px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	display:block;
}

.cookiebalkentextfeld
{
	max-width:1148px;
	height:auto;
	font-weight: 300;
	font-size:15px;
	color: #F6F6F6;
	text-align:center;
	line-height:1.4;
	padding:15px 15px;
}

.cookiebalkentextfeld a
{
	
	font-weight: 500;
	font-size:15px;
	color: #F6F6F6;
}


.cookiebutton
{
    padding: 10px 30px;
    border: 1px solid #FFFFFF;
    background: #006ab3;
    color: #FEFEFE;
    display:block;    
    font-size: 18px;
    border-color:#ffffff;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cookiebutton:hover
{
    background: #FFFFFF;
    border-color: #006ab3;
    color: #000000;
}

.footertext
{
	
	font-weight:300;
	font-size:14px;
	text-align:center;
}

.footerbalken
{
	
	padding:20px 20px;
	display:block;
}

.footertext a:hover
{
	text-decoration:none;
}

.background-formular
{
    background-color:#D4D4D4;
}

.form-feld-fehler
{
	background-color:rgba(215, 19, 23, 0.1)!important;
}

.Formular_Style
{
    margin-top:10px;
}

.Formular_Style .form-feld
{
    margin-bottom: 20px;
}

.form-feld-farbe
{
    background-color:#FFFFFF;
}

.Formular_Style .form-feld2 input
{
    width: 80%;
    height: 50px;
    padding: 5px 18px;
    font-size: 14px;
    border: 2px solid rgba(0 , 0 , 0, 0.2);
	background-color:transparent;
}


.Formular_Style .form-feld input
{
    width: 100%;
    height: 50px;
    padding: 5px 18px;
    font-size: 14px;
    border: 2px solid rgba(0 , 0 , 0, 0.2);
	background-color:transparent;
}

.Formular_Style .form-check
{
	font-size: 15px;
	color:rgba(0 , 0 , 0, 1);
	margin-left:0px;
	padding-left:0px;
}

.Formular_Style .text-formular
{
	padding-top:13px;
}

.Formular_Style .text-formular2zeilig
{
	padding-top:2px;
}



.Formular_Style .form-feld textarea
{
    width: 100%;
    padding: 10px 18px;
    font-size: 14px;
    border: 2px solid rgba(0 , 0 , 0, 0.2);
}


.Formular_Style .form-feld input:focus, .Formular_Style .form-feld textarea:focus
{
    border-color: rgba(0 , 0 ,0, 0.4);
    outline: none;
}

.Formular_Style .form-button
{
    margin-top:30px;
    text-align: center;
}

.Formular_Style .form-button button
{
    padding: 10px 30px;
    border: 1px solid transparent;
    background: #B01918;
    color: #FEFEFE;
    display:block;    
    font-size: 18px;
    border-radius: 30px; 

    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:280px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.Formular_Style .form-button button:hover
{
    background:#8F8F8F;
    border-color:#000000;
    color: #FEFEFE;
}

.Formular_Style .form-buttonws button
{
    padding: 10px 30px;
    border: 1px solid transparent;
    background: #B01918;
    color: #FEFEFE;
    border-color:#FFFFFF;
    display:block;    
    font-size: 18px;
    border-radius: 30px; 

    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:280px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.Formular_Style .form-buttonws button:hover
{
    background:#FFFFFF;
    border-color:#FFFFFF;
    color: #B01918;
}

.Formular_Style .selectprodukt {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0;
 background: url("../images/navigation/formpfeil.svg") no-repeat right transparent;
 background-size: 40px 46px;
 background-position-x: 100%;
 border: 2px solid rgba(0 , 0 , 0, 0.2);
 outline: 0 none;
 display:block;
} 

.Formular_Style .selectprodukt_1
{
	color:#000000;
	
	font-weight: 300;
	border-radius:0px;
	box-shadow: none;
	width: 100%;
    height: 50px;
    padding: 5px 18px!important;
    font-size: 14px;
    border: 2px solid rgba(0 , 0 , 0, 0.2);
	background-color:transparent;
	
	
}

.Formular_Style .formauswahltext
{

	
	font-weight: 300;
	font-size: 15px;
	color:rgba(0 , 0 , 0, 1);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0 , 0 , 0, 0.5);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0 , 0 , 0, 0.5);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(0 , 0 , 0, 0.5);
}




.feldfehler
{
	background-color:rgba(176, 25, 24, 0.25);
}


.impressum-textbox
{
    font-size:15px;
    background:#FFFFFF;
}

.impressum-textbox h1, .impressum-textbox h3
{
    font-weight:600;
    background:#FFFFFF;
}

.impressum-textbox p
{
    margin-bottom:10px;
}

.impressum-textbox strong
{
   	font-weight:600;
}

.mainheader
{
	width:100%;
	height:auto;
}

.absolut
{
	position:absolute;
}

.mainheader
{
	width:100%;
	min-height:800px;
	display:block;
}

.headerbilder
{
	width:100%;
	max-height:1080px;
	overflow:hidden;
}

.headerbilder-img
{
	width:100%;
	height:auto;
}



.headertexte
{
	position:absolute;
	width:100%;
	top:0px;
}

.headline
{
	text-align:center;
	font-weight:600;
	font-size:114px;
	margin-top:300px;
}




.subheadline
{
	text-align:center;
	font-weight:300;
	font-size:30px;
	margin-top:40px;
	padding:10px;
	background:rgba(255, 255, 255, 0.4);
	
}

.menuzoom
{
	height:130px!important;
}

.logozoom
{
	width:250px;
    top:15px;
}

.menu-navzoom
{
	top:84px;
}

.menuzoom, .logozoom, .menu-navzoom
{
	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
  	transition: .5s ease-in-out;
	-webkit-animation-duration: 10s;animation-duration: 10s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
}


.menuhintergrund
{
	background-color:#FFFFFF;
	opacity:0;
	display:block;
	width:100%;
	height:180px;
	position:fixed;
}	

.menuhintergrundweiss
{
	background-color:#FFFFFF!important;
	opacity:1!important;
	display:block;
	width:100%;
	height:180px;
	position:fixed;
}
#header3, #header2, #header1
{
	opacity:0;
}

.instrumenteheader
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:36px;
	text-transform: uppercase;
}



.instrumentevorschau
{
	width:100%;
	height:auto;
	padding-bottom:10px;
	border:solid 1px #333333;
	background-color:#FFFFFF;
	margin-bottom:30px;
}

.instrumentevorschau-img
{
	width:100%;
	height:auto;
	padding-bottom:10px;
}

.instrumentevorschau-text
{
	font-weight:400;
	font-size:16px;
	padding-left:10px;

}

.instrumentevorschau-text-2
{
	font-weight:400;
	font-size:15px;
	padding-left:5px;
	height:46px;
}

.unterschriftrechts
{
	float:right;
	text-align:right;
	width:100%;
	height:auto;
	top:400px;
}

.unterschriftrechts-img
{
	width:100%;
	max-width:700px;
	height:auto;
}

.unterschrift-mitte
{
	width:100%;
	height:auto;
	padding-right:-15px;
	margin-top:-150px;
}

.textfenster-anmeldung-header, .textfenster-aktuelles
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:18px;
}

.textfenster-aktuelles-text
{
	font-weight:300;
	font-size:15px;
}

.textfenster-aktuelles-text-header
{
	font-weight:600;
	font-size:21px;
}

.textfenster-anmeldung
{
	font-weight:300;
	font-size:17px;
}

.background-textfenster-anmeldung
{
	padding:0px;
}

.aktuelles
{
	width:100%;
	height:auto;
}

.aktuelles-img
{
	width:100%;
	height:auto;
}

.aktuelles2
{
	width:100%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

.Bildunterschrift
{
	font-size:15px;
	color:#FEFEFE;
	text-align:right;
}

.topmeldung-banner
{
	width:100%;
	height:auto;
	display:block;
}

.alletermine
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	font-size:18px;
}

.termine_ausgeblendet
{
    display:none;
}

.termin
{
	font-weight:300;
	font-size:16px;
}

.terminbold
{
	font-weight:600;
	font-size:16px;
}

.terminbolder
{
	font-weight:700;
	font-size:16px;
}

.kontaktbold
{
	font-weight:600;
	font-size:18px;
}

.bold
{
	font-weight:400;
}

.bolder
{
	font-weight:600;
}


.kontakttext
{
	font-weight:300;
	font-size:16px;
}

.standortebild
{
	width:100%;
	height:auto;
}


.standortebild-img
{
	width:100%;
	height:auto;
}

	
	
	
.instrumentenheadline-weiss, .instrumentenheadline-imBild-weiss
{
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	font-weight:600;
	font-size:114px;
	color:#FEFEFE;
	text-transform: uppercase;
}

.instrumentenheadline-schwarz, .instrumentenheadline-imBild-schwarz
{
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	font-weight:600;
	font-size:114px;
	color:#000000;
	text-transform: uppercase;
}


.headline-absolute, .gesang-absolute
{
	position:absolute;
	width:100%;
	padding-top:30px;
}

.light
{
	font-weight:300;
}

.background-instrumente
{
	min-height:800px;
	width:100%;
	overflow:hidden;
}


.hintergrundsaitenlinks, .hintergrundsaitenrechts, .hintergrundballettlinks, .unterschriftrechts, .hintergrundgesanglinks
{
	position:absolute;
	-webkit-transition: .5s ease-in-out;
  	-moz-transition: .5s ease-in-out;
  	-o-transition: .5s ease-in-out;
  	transition: .5s ease-in-out;
	-webkit-animation-duration: 10s;animation-duration: 10s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
}




.hintergrundsaitenrechts
{
	left:56%;
	bottom:0px;
	width:750px;
	height:auto;
}

.hintergrundsaitenlinks
{
	top:10px;
	width:800px;
	height:auto;
	opacity:0.3;
}

.hintergrundballettlinks
{
	bottom:0px;
	width:750px;
	height:auto;
	left:-100px;
}

.recordingheadline-weiss
{
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	font-weight:600;
	font-size:86px;
	color:#FEFEFE;
	text-transform: uppercase;
}


.instrumentenamen-weiss
{
	font-size:30px;
	font-weight:600;
	color:#FEFEFE;
}

.instrumentenamen-schwarz
{
	font-size:30px;
	font-weight:600;
	color:#000000;
}

.instrumentenamen-blech
{
	font-size:30px;
	font-weight:600;
	color:#000000;
	text-align:center;
	margin-top:-250px;
}

.instrumentenamen-percussion
{
	font-size:22px;
	font-weight:400;
	color:#000000;
}

.recordingtext-weiss
{
	font-size:24px;
	font-weight:600;
	color:#FEFEFE;
	padding:30px;
	width:1025px;
	margin-left:auto;
	margin-right:auto;
}



.recording-bild
{
	width:1025px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.instrumentenamen-schlagzeug
{
	font-size:30px;
	font-weight:600;
	color:#FEFEFE;
	text-align:center;

}

.instrumentenamen-tasten
{
	font-size:30px;
	font-weight:600;
	color:#000000;
	text-align:center;
	margin-top:60px;
	opacity:0;
}

.headline-tasten
{
	margin-top:30px;
}

.tastenminus
{
	margin-top:-150px;
}

.instrumentenbilder
{
	float:right;
}

.instrumentenbilder-img
{
	width:266px;
	height:auto;
	margin-right:0px;
}

.schlagzeugbilder
{
	width:100%;
	height:auto;
	border:1px #FFFFFF solid;
}

.instrumentenbilder-schlagzeug-img
{
	width:100%;
	height:auto;
}


.instrumentebeschreibungstext-weiss
{
	font-size:17px;
	font-weight:300;
	color:#FEFEFE;
}

.instrumentebeschreibungstext-schwarz
{
	font-size:17px;
	font-weight:300;
	color:#000000;
}

.textblock400
{
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
	
}

.lehrerbeschreibungstext-weiss
{
	font-size:17px;
	font-weight:300;
	color:#FEFEFE;
	text-align:center;
}

.lehrerbeschreibungstext-schwarz
{
	font-size:17px;
	font-weight:300;
	color:#000000;
	text-align:center;
}


.instrumentennamen-header-schwarz
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
	border-bottom:1px solid #000000;
}

.instrumentennamen-header-weiss
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
	border-bottom:1px solid #FEFEFE;
}


.hintergrundblasinstrumente
{
	width:100%;
	height:auto;
}

.hintergrundschlaginstrumente
{
	width:100%;
	height:auto;
	opacity:0.2;
}

.hintergrundtasteninstrumente
{
	width:100%;
	height:auto;
	overflow:hidden;
}

.hintergrundtasteninstrumente-img
{
	width:100%;
	height:auto;
}


.background-schlaginstrumente
{
	background: url("../images/instrumente/hintergrund/hihathintergrund.jpg") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size:2560px 1540px;
    -o-background-size: cover;
	margin:0px 0px 0px 0px;
	background-position: 50% 50%;
	background-position: top;
	background-color:transparent;
}



.bild_instrumente_rechteck
{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


.col-instrumente
{
	float:left;
	width:12.5%;
	width:10%;
	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:0px;
}

.instrumenteauswahl
{
	width:100%;
	height:auto;
	background-color:#FFFFFF;
	border:solid 1px #000000;
}

.instrumenteauswahl-weiss
{
	width:100%;
	height:auto;
	background-color:#000000;
	border:solid 1px #FFFFFF;
}

.img-rounded-1
{
	max-width:300px;
	height:auto;
	border-radius:50%;
	border:solid 1px #dedede;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}


.col-rounded
{
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	text-align:center;
}

.img-rounded-2
{
	max-width:250px;
	height:auto;
	border-radius:50%;
	border:solid 1px #333333;
	overflow:hidden!important;
	margin-left:auto;
	margin-right:auto;

}

.standard-img-animate
{
	width:100%;
	height:auto;
	
	
}

#ti1, #ti2, #ti3
{
	opacity:0;
}

.ballettbeschreibungstext
{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.hintergrundgesanglinks
{
	bottom:0px;
	width:750px;
	height:auto;
	left:0px;
}

.gesangtextcontainer
{
	width:100%;
	min-height:700px;
}

.gesangbeschreibungstext
{
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	font-size:17px;
}

.hintergrundmusiktheorie
{
	width:100%;
	height:auto;
}


.hintergrundmusiktheorie-img
{
	width:100%;
	height:auto;
}


.hintergrundstudiotechnik
{
	width:100%;
	height:auto;
	position:absolute;
}


.hintergrundstudiotechnik-img
{
	width:100%;
	height:auto;
}




.grundausbildung-container
{
	width:100%;
	height:auto;
	display:block;
	padding:30px;
	margin-bottom:30px;
}

.grundausbildung-text, .handycap-textfeld
{
	font-size:16px;
	font-weight:300;
}

.grundausbildung-textheader
{
	font-size:17px;
	font-weight:400;
	margin-top:20px;
	margin-bottom:0px;
}

.grundausbildung-img
{
	width:100%;
	height:100%;
	margin-bottom:30px;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

.grundausbildung-sub-header
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	color:#FEFEFE;
	border-bottom:1px solid #FEFEFE;
	margin-bottom:30px;
	font-weight:400;
}

.handicap-sub-header
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
	color:#000000;
	margin-bottom:30px;
	font-weight:400;
	text-align:center;
}

.copyrighthinweis
{
	font-size:12px;
	text-align:center;
	color:#FEFEFE;
}

.grundausbildung-sub-header2
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	color:#FEFEFE;
	font-weight:400;
}

.li15
{
	padding-left:18px;
}

.grundausbildung-sub-block
{
	width:100%;
	height:auto;
	display:block;
	border:2px solid #841301;
	padding:15px;
}

.texttop
{
	float:right;
	font-weight:400;
	font-size:16px;
}

#grundausbildung1, #grundausbildung2, #grundausbildung3
{
	display:block;
}

.handycap-img
{
	width:100%;
	height:auto;
}


.downloadsheader-schwarz
{
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
	font-weight:600;
	font-size:70px;
	color:#000000;
	text-transform: uppercase;
}

.downloads-container
{
	width:100%;
	height:auto;
	border:1px solid #00215b;
	background:#FFFFFF;
	padding:15px;
}






.downloads-subheader-schwarz
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:30px;
	color:#000000;
	text-transform: uppercase;
}

.downloadbeschreibungstext
{
	font-weight:300;
	font-size:14px;
	border:1px solid #00215b;
	padding:5px;
	text-align:center;
	width:280px;
	float:left;
	display:block;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:30px;
}

.download-icon
{
	width:60px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.downloadvorschau
{
	width:100%;
	height:auto;
}

.downloadbeschreibungstext-header
{
	font-weight:600;
}

.downloadtextfenster
{
	width:100%;
	min-height:90px;
	display:block;
}

.textfenster-erwachsene
{
	font-weight:300;
	font-size:17px;
	padding-top:15px;
	padding-bottom:15px;
}

.lehrer-header
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#000000;
	text-transform: uppercase;
}

.lehrer-text1
{
	font-size:16px;
	color:#000000;
	font-weight:300;
}

.lehrer-text2
{
	font-size:14px;
	color:#000000;
	font-weight:300;
	max-width:400px;
}

.lehrer-bild
{
	width:123px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.trailervideo
{
	width:100%;
	height:auto;
}

.adventskalenderbild
{
	max-width:400px;
	width:100%;
	height:auto;
	cursor:pointer;
	display:block;
	
}

.menusocial-footer
{
	width:44px;
	height:auto;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

.social-footer
{
	width:156px;
	height:auto;
	display:flex;
	margin-left:auto;
	margin-right:auto;
}

.newsmeldung-mitte
{
    max-width:650px;
    height:auto;
    margin-left:auto;
    margin-right:auto;   
}

.urlaub2
{
    width:100%;
    max-width:1340px;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.urlaubcontainermax
{
    max-width:1024px!important;
}

.urlaubsbildlinks
{
    width:100%;
    max-width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.urlaubsblockrechts
{
    width:100%;
    max-width:500px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:18px;
    color:#ffffff;
}