/*
FONTS 

marak acryl gmbh, 2015
@goldfischclub
*/

.galerie .controller li.info a,
.footer,
.footer a,
.subnav-content a,
.subnav a,
.meta-nav ul li a,
.info-box,
a.weiter,
a.weiter-link,
.navigation a,
.sorter ul a,
.mobile-navigation p.m-tel,
.mobile-navigation p,
.mobile-navigation a,
.galerie .gal-content .infobox li {
	font-family: AmsiProCond-XLight;
	font-weight: normal;
	font-style: normal;
}


.mobile-navigation li.active > a,
.footer span,
.more {
	font-family: AmsiProCond-Regular;
	font-weight: normal;
	font-style: normal;
}



.mobile-navigation ul.lvl-1 > li > a.active {
	font-weight: bold;
}

.mobile-navigation .mod p,
.glossar-details p,
.footer p,
.glossar-titel,
.glossar-details h2,
.glossar-details,
.red-content .c-1,
.red-content .c-2,
.red-content .c-3,
.red-content h2,
.red-content h1.hldh1h2,
.red-content h2.c-1,
.red-content h2.c-2,
.red-content h2.c-3,
.red-content .infobox h3,
.slide-content h1,
.slide-content div.headline-h-1,
.red-content div.div-h2,
.zusatz {
	font-family: AmsiPro-XLight;
	font-weight: normal;
	font-style: normal;
}



.geschichte li h4 {
	font-family: AmsiPro-Light;
}

.mobile-navigation .mod a,
.footer .tel,
.slide-content h2,
.slide-content div.headline-h-2,
.slide-content h2.c-1,
.slide-content h2.c-2,
.slide-content h2.c-3,
.red-content h1,
.red-content div.div-h1,
.red-content h1.c-1,
.red-content h1.c-2,
.red-content h1.c-3,
.red-content h3,
.red-content h3.c-1,
.red-content h3.c-2,
.red-content h3.c-3,
.red-content .infobox h2 {
	font-family: AmsiPro-Bold;
	font-weight: normal;
	font-style: normal;
}

.glossar-nav a,
.navigation p,
.red-content p,
.slide-content {
	font-family: AmsiProNarw-Light;
	font-weight: normal;
	font-style: normal;
}

.red-content #glossar p {
	font-family: AmsiPro-Regular;
	font-weight: normal;
	font-style: normal;
}

.b-txt ul li {
	font-family: AmsiProNarw-Bold;
	font-weight: normal;
	font-style: normal;
}




.b-txt ul li,
.glossar-details li,
.glossar-details p,
.glossar-content p,
.red-content p {
	font-size: 20px;
}

@media handheld, only screen and (max-width: 850px) {
	.b-txt ul li,
	.glossar-details li,
	.glossar-details p,
	.glossar-content p,
	.red-content p {
		font-size: 16px;
	}
}



.red-content .leistung .txt-s-g p {
	font-size: 28px;
}


.slide-content h1,
.slide-content h2,
.slide-content h3,
.slide-content div.headline-h-1,
.slide-content div.headline-h-2 {
	line-height: 1.3em;
}
	
/* headline-h-REX_VALUE[2] */
.slide-content h1,
.slide-content h2,
.slide-content div.headline-h-1,
.slide-content div.headline-h-2 {
	font-size: 400%;
}
.slide-content p {
	font-size: 22px;
}
@media handheld, only screen and (max-width: 780px) {
	.slide-content h1,
	.slide-content h2,
	.slide-content div.headline-h-1,
	.slide-content div.headline-h-2 {
		font-size: 250%;
	}
	.slide-content p {
		font-size: 24px;
	}
}

@media handheld, only screen and (max-width: 450px) {
	.slide-content h1,
	.slide-content h2,
	.slide-content div.headline-h-1,
	.slide-content div.headline-h-2 {
		font-size: 220%;
	}
	.slide-content p {
		font-size: 22px;
	}
	.slide-content h1,
	.slide-content h2,
	.slide-content h3,
	.slide-content div.headline-h-1,
	.slide-content div.headline-h-2  {
		line-height: 1.1em;
	}
}

.mobile-navigation .mod p,
.mobile-navigation .mod a {
	font-size: 20px;
}
.mobile-navigation a.arte {
	font-size: 12px;
}


.slide-content,
.red-content {
	font-size: 100%;
}

.red-content .c-1 {
	font-size: 200%;
	text-align: center;
	line-height: 1.3em;
}


.glossar-details h2 {
	font-size: 190%;
	line-height: 1.3em;
}

.geschichte p {
	font-size: 16px;
}
.geschichte li h4 {
	font-size: 28px;
}
.geschichte li h2 {
	font-size: 20px;
}
.b-txt ul li {
	
}

.download {
	font-weight: bold;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.slide-content,
	.red-content {
		font-size: 80%;
	}
}

@media handheld, only screen and (max-width: 700px) {

	.slide-content {
		font-size: 60%;
	}
	
	.slide-content .headline-h-1,
	.slide-content .headline-h-2,
	.slide-content h1,
	.slide-content h2 {
		font-size:320%;
	}

}




.red-content h1,
.red-content div.div-h1,
.red-content h1.c-1,
.red-content h1.c-2 {
	font-size: 300%;
}

.red-content h2,
.red-content h2.c-1,
.red-content h2.c-2,
.red-content h2.c-3,
.red-content h1.hldh1h2,
.red-content div.div-h2 {
	font-size: 180%;
	line-height: 1.3em;
}


.red-content h3,
.red-content h3.c-1,
.red-content h3.c-2,
.red-content h3.c-3 {
	font-size: 18px;
}

@media handheld, only screen and (max-width: 780px) {
	.red-content h1,
	.red-content h1.c-1,
	.red-content h1.c-2 {
		font-size: 250%;
	}

	.red-content h2,
	.red-content h2.c-1,
	.red-content h2.c-2,
	.red-content h2.c-3,
	.red-content h1.hldh1h2 {
		font-size: 130%;
		line-height: 1.3em;
	}
	.red-content h3,
	.red-content h3.c-1,
	.red-content h3.c-2,
	.red-content h3.c-3 {
		font-size: 16px;
	}

}

@media handheld, only screen and (max-width: 700px) {
	.red-content h1,
	.red-content h1.c-1,
	.red-content h1.c-2 {
		font-size: 180%;
	}

	.red-content h2,
	.red-content h2.c-1,
	.red-content h2.c-2,
	.red-content h2.c-3,
	.red-content h1.hldh1h2 {
		font-size: 120%;
	}
	.red-content h3,
	.red-content h3.c-1,
	.red-content h3.c-2,
	.red-content h3.c-3 {
		font-size: 16px;
	}

}




.txt p {
	font-size: 20px;
}


.galerie .controller li.info a {
	font-size: 15px;
	letter-spacing: 1px;
}

.mobile-navigation li a {
	font-size: 20px;
}
.mobile-navigation p.m-add {
	font-size: 15px;
}
.mobile-navigation p.m-tel {
	font-size: 65px;
}

.kontakt {
	font-size: 32px;
    line-height: 1.1em;
}
.glossar li {
	font-size: 18px;
}

.footer p,
.footer .tel {
	font-size: 24px;
}

.navigation a,
.subnav a ,
.meta-nav ul li a{
	font-size: 15px;
}


.footer, 
.footer a,
.zusatz  {
	font-size: 14px;
}

.more {
	font-size: 13px;
}


.navigation p.copy,
.footer p.copy {
	font-size: 9px;
	letter-spacing: 1px;
}


.red-content .infobox h2 {
	font-size: 300%;
}
.red-content .infobox h3 {
	font-size: 180%;
}
.red-content .infobox li {
	font-size: 18px;
	letter-spacing: 1px;
}

@media handheld, only screen and (max-width: 780px) {
	.red-content .infobox h2 {
		font-size: 250%;
	}
	.red-content .infobox h3 {
		font-size: 130%;
	}
	.red-content .infobox li {
		font-size: 18px;
		letter-spacing: 1px;
	}
}

@media handheld, only screen and (max-width:700px) {
	.red-content .infobox h2 {
		font-size: 110%;
	}
	.red-content .infobox h3 {
		font-size: 100%;
	}
	.red-content .infobox ul.details {
		display: none;
	}
}


.navigation a {
	letter-spacing: 1px;
}


.subnav-content p {
	letter-spacing: 2px;
}
a.weiter,
a.weiter-link,
.more {
	letter-spacing: 4px;
}

.meta-nav ul li a {
	letter-spacing: 3px;
}

.subnav a {
	letter-spacing: 1px;
}

.footer {
	letter-spacing: 1px;	
}

.info-content {
	letter-spacing: 1px;	
}





.hdl-2 {
	font-weight: bold;
}

.geschichte h2{
	line-height: 1.5em;
}


.txt {
	line-height: 1.8em;
}

.glossar-details,
.slide-content p {
	line-height: 1.4em;
}

.red-content p,
.red-content .b-txt li {
	line-height: 1.6em;
}
.zusatz {
	line-height: 1.4em;
}

.footer a {
	line-height: 0.8em;
}

.red-content .galerie p.sort,
.glossar-titel,
.more,
a.weiter,
a.weiter-link,
.subnav-content p,
.zusatz {
	font-style: italic;
}


.sorter ul a {
	font-size: 18px;
}





/*

.AmsiPro-Light { 
	font-family: AmsiPro-Light;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-Bold { 
	font-family: AmsiProNarw-Bold;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-Italic { 
	font-family: AmsiProNarw-Italic;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-Light { 
	font-family: AmsiProNarw-Light;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-Regular { 
	font-family: AmsiProNarw-Regular;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-SemiBold { 
	font-family: AmsiProNarw-SemiBold;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-Thin { 
	font-family: AmsiProNarw-Thin;
	font-weight: normal;
	font-style: normal;
}
.AmsiProNarw-ThinItalic { 
	font-family: AmsiProNarw-ThinItalic;
	font-weight: normal;
	font-style: normal;
}
.AmsiPro-Regular { 
	font-family: AmsiPro-Regular;
	font-weight: normal;
	font-style: normal;
}
.AmsiPro-XLight { 
	font-family: AmsiPro-XLight;
	font-weight: normal;
	font-style: normal;
}
.AmsiPro-Bold { 
	font-family: AmsiPro-Bold;
	font-weight: normal;
	font-style: normal;
}
.AmsiProCond-Bold { 
	font-family: AmsiProCond-Bold;
	font-weight: normal;
	font-style: normal;
}
.AmsiProCond-Italic { 
	font-family: AmsiProCond-Italic;
	font-weight: normal;
	font-style: normal;
}
.AmsiProCond-Regular { 
	font-family: AmsiProCond-Regular;
	font-weight: normal;
	font-style: normal;
}
.AmsiProCond-XLight { 
	font-family: AmsiProCond-XLight;
	font-weight: normal;
	font-style: normal;
}
.AmsiProCond-XLightItalic { 
	font-family: AmsiProCond-XLightItalic;
	font-weight: normal;
	font-style: normal;
}
.AmsiPro-Italic { 
	font-family: AmsiPro-Italic;
	font-weight: normal;
	font-style: normal;
}

*/