/*
Theme Name: Haus der Begegnung - WordPress Theme
Theme URI: http://flex-on.net
Description: WordPress Template
Author: Ingo Weimann
Author URI: http://flex-on.net
*/

html, body{
width: 100%;
min-height:100%;}

body{
background-image: url(https://mifgash.de/wp-content/themes/haus-der-begegnung/img/background.jpg);
background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Merriweather Sans', sans-serif;
color:#666666;
}

h1{
font-size: 26px;
    font-style: normal;
    font-weight: 400;
	color:#004F9F;
	border-bottom: 1px solid #eee;
	padding-bottom:7px;
	font-family: 'Merriweather', serif;
}

.sidebar h2 {
    color: #333;
    font-weight: 400;
    line-height: 1.71429;
    padding-bottom: 2px;
    position: relative;
	font-size: 23.4px;
	border-bottom: 1px solid #eee;
	font-family: 'Merriweather', serif;
}

h2{
font-family: 'Merriweather', serif;
font-size: 19px;
font-style: normal;
font-weight: 400;
color:#004F9F;
line-height:30px;
}

h3{
font-family: 'Merriweather', serif;
font-size: 15px;
font-weight: 700;
line-height:20px;
}

h5{
font-family: 'Merriweather', serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
color:#E77E23;
line-height:26px;
}

p{
font-weight: 300;
font-size: 16.5px;
line-height: 1.6;
}

ul li{
font-size: 14.5px;
}

img {
display: inline-block;
max-width: 100%;height: auto;
border-radius: 9px 
}

a {color:#d97118}
a:hover{color:#E77E23}

.logo{
color:#fff
}

.imglogo{
float:left;

}

.slogan{
float:left;
padding:45px 0 0 22px;
color:#8a959b;
}

.slogan h3{
font-size: 1.95em;
font-weight: 400;
}

.slogan h4{
font-size: 18px;
font-weight: 400;
margin-top:-5px
}

.navitop{
margin-top:20px;
}

.searchform{
margin-top:20px;
}

#s{
width:70%;
}

#searchsubmit{
width:25%;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.nav > li > a{
padding: 20px 0 20px 0;
margin:0;
color:#fff;
background-color:#3B3A3A;
font-weight:300;
border-left: 1px solid #777;
white-space: nowrap;
font-weight:400;
}

.nav > li > a:hover{
background-color:#E77E23;
}

.nav > li > a:focus{
background-color:#E77E23;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #E77E23;
  }

.dropdown-menu {
top:0px;
width:auto;
min-width:100%;
border-radius:0px;
border:0px;
margin:0px;
padding:0px;
background-color: #E77E23;
box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
}



.dropdown-menu > li > a{
border-top: 1px solid #d9d9d9;
color:#fff;
padding:13px;
text-align:left;
background-color:#E77E23
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #d97118;
  color:#fff
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #E77E23;
	color:#fff;
}



.mainrow{
background-color:#fff;
}

.content{
padding: 42px; 
border-right: 1px solid #eee;
}

.sidebar{
padding: 42px 
}

.footer{
background-color:#3B3A3A;
color:#fff;
color:#999
}

.footerleft, .footerright{
padding: 22px 18px 22px 18px;
}

.footerleft h2, .footerright h2{
font-size: 125%;
color:#eee
}

.footer ul{
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
.footer li{
padding: 0px;
}

.footer a{
color:#999;
text-decoration:none}

.more-link{
padding:6px 8px 6px 8px;
background-color:#E77E23;
color:white;
position:relative;top:15px;
}

.more-link2{
padding:6px 8px 6px 8px;
background-color:#E77E23;
color:white;
position:relative;top:5px;
}

a.more-link:hover{
color:white;
text-decoration:none;
}

.collapsebox{
background-color: #EEEEEE;padding:15px;
}  

.bildimtext{
float:right;
padding:10px 0 15px 15px
}

.flex{
font-size:10px;
}

.eventtitle{
padding:0;margin:8px 0 0 0 
}

.eventtext{
font-weight:normal;
padding-top:6px;
margin-top:0;
}

.abstand{
height:10px
}

.eventorganiser-event-meta{
margin-top:-10px;
}

.eventorganiser-event-meta p{
margin:0;padding:0;
}

@media only screen and (max-width : 992px) {
.sidebar{
margin-top: -80px;
}
}


@media only screen and (max-width : 767px) {
.nav > li > a{
border-left: 0px solid #777;
border-bottom: 1px solid #777;
}

}

@media only screen and (max-width : 650px) {
.slogan{
margin:0
}
		
		
h2{
font-size: 16px;
line-height:27px;
}

p{
font-size: 15px;
line-height: 1.6;
}		
		
}

@media only screen and (max-width : 600px) {
.slogan{
margin: -80px 0 0 0 
}
}