/*
Theme Name:         Funk
Theme URI:          
Description:        Hauptsache Kommunikation GmbH
Version:            1.0
Author:             Hauptsache Kommunikation (TD)
Author URI:         http://www.hauptsache-kommunikation.de
License:            none
License URI:        none
Template:           resonar
*/

@import url("../resonar/style.css");

h1, h2, h3, h4, h5, h6, p, ul, ol {
	font-family: 'Open Sans', sans-serif !important;
}

h1 {
	font-size: 42px !important;
}

h1 span {
	white-space: nowrap;
}

h4 {
	font-size: 18px !important; 
	line-height:32px !important;
}

h2, h3, h4 {
	color: #2c60ae;
}

#primary ul li {
	margin-bottom: 15px;
}

a.button, input[type=submit] {
	padding: 17px 32px 16px;
	background: #fff;
	border: 1px solid #2c60ae;
	border-radius: 2px;
	color: #2c60ae;
	font-family: Lato, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
}

a.button:hover {
	/*background: #0074b8;*/
        background: #2c60ae;
        color: #fff;
}

.content-area p {
	margin-bottom: 20px !important;
}

.entry-header-background {
	background-position: top;
    height: 400px!important;
}

.meta-navi-class {
	float: right;
	font-weight: bold;
}

.meta-navi-class li {
	list-style: none;
	display: inline;
	padding: 18px;
}

.raster-bild {
	height: 170px;
}

@media screen 
and (min-device-width : 320px) 
and (max-device-width : 640px)  {
    
    .entry-header-background {
    height: 200px!important;
}
    
    h1.entry-title {
     font-size: 20px!important;   
    }

}