/* uniacreation • Büro für visuelle Kommunikation
 * Anspruchsvolle grafische Lösungen für Print-, Web- und Corporate-Design
 * uniacreation.de | uniacreation.com
 */

/* Band color: #e4150d; */

@font-face { 
	font-family: 'bwmodelica-thin'; /* thin font */
	src: url('../fonts/bwmodelica-thin-webfont.eot#') format('eot'), 
	url('../fonts/bwmodelica-thin-webfont.woff') format('woff'), 
	url('../fonts/bwmodelica-thin-webfont.ttf') format('truetype'), 
	url('../fonts/bwmodelica-thin-webfont.svg#bwmodelica-light') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face { 
	font-family: 'bwmodelica-light'; /* light font */
	src: url('../fonts/bwmodelica-light-webfont.eot#') format('eot'), 
	url('../fonts/bwmodelica-light-webfont.woff') format('woff'), 
	url('../fonts/bwmodelica-light-webfont.ttf') format('truetype'), 
	url('../fonts/bwmodelica-light-webfont.svg#bwmodelica-light') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face { 
	font-family: 'bwmodelica-regular'; /* regular font */
	src: url('../fonts/bwmodelica-regular-webfont.eot#') format('eot'), 
	url('../fonts/bwmodelica-regular-webfont.woff') format('woff'), 
	url('../fonts/bwmodelica-regular-webfont.ttf') format('truetype'), 
	url('../fonts/bwmodelica-regular-webfont.svg#bwmodelica-regular') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face { 
	font-family: 'bwmodelica-medium'; /* medium font */
	src: url('../fonts/bwmodelica-medium-webfont.eot#') format('eot'), 
	url('../fonts/bwmodelica-medium-webfont.woff') format('woff'), 
	url('../fonts/bwmodelica-medium-webfont.ttf') format('truetype'), 
	url('../fonts/bwmodelica-medium-webfont.svg#bwmodelica-medium') format('svg');
	font-weight: normal; font-style: normal;
}

@font-face { 
	font-family: 'bwmodelica-bold'; /* bold font */
	src: url('../fonts/bwmodelica-bold-webfont.eot#') format('eot'), 
	url('../fonts/bwmodelica-bold-webfont.woff') format('woff'), 
	url('../fonts/bwmodelica-bold-webfont.ttf') format('truetype'), 
	url('../fonts/bwmodelica-bold-webfont.svg#bwmodelica-bold') format('svg');
	font-weight: normal; font-style: normal;
}

/* allgemeine Formate */

html { font-size:15px!important; }

body { font-family:"bwmodelica-light", sans; }

h1 { 
	padding-left:55px;
	background:url('../images/img_epik_sprechblase.png') no-repeat;
	background-size:48px 44px;
	background-position:0 1px; 
	font-family:"bwmodelica-thin", sans;
}
.box-secondary h1 { background:url('../images/img_epik_sprechblase_white.png') no-repeat; }

p { font-family:"bwmodelica-regular", sans; }


/* Header modifizieren */
#header .inside { max-width:100%; padding-right:20px; }

/* Logo modifizieren */
#header .inside #logotype { width:175px; }

/* Menü modifizieren */
#mainmenu .home { visibility:hidden; display:none; }
#mainmenu ul.level_1 li a, #mainmenu ul.level_1 li span.active, #mainmenu ul.level_1 li span.forward { padding:0 10px!important; }

/* Teaser modifizieren */
#container .box-services .image_container img { width:50%; } /* THEME! */
#container .box-services h4 { font-family:"bwmodelica-regular", sans; color:black; }

#main .mod_article .ce_text p {
	text-align:justify; 
}
@media only screen and ( max-width:480px ) {
	#main .mod_article .ce_text p { text-align:left!important; }
}

/* Scrollup Tooltip deaktivieren */
#scrollup a span { display:none!important; visibility:hidden!important; }

/* Bildstreifen oben ausrichten */
#bildstreifen-20 { background-position: top center; }

/* Social icons stylen */
#footer .social-media-icons .ce_hyperlink {
    height:50px!important;
    line-height:50px!important;
    width:50px!important;
    margin-left:20px!important;
    margin-right:20px!important;
}
#footer .social-media-icons .ce_hyperlink a {
    border-radius:20%!important;
    width:50px!important;
    height:50px!important;
}

.border-bottom { border-bottom:0px!important; }

/* Media-querries */

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {

	h1 { 
		padding-left:55px;
		background:url('../images/img_epik_sprechblase@2x.png') no-repeat;
		background-size:48px 44px;
		background-position:0 1px; 
	}

	.box-secondary h1 {
		background:url('../images/img_epik_sprechblase_white@2x.png') no-repeat; 
		background-size:48px 44px;
		background-position:0 1px; 
	}

}