/*
Theme Name: Fundbureau Hamburg
Theme URI: http://www.bluchic.com/freebies/adelle-theme/
Template: adelle
Author: Holger Oppermann
Author URI: http://www.holgeroppermann.de
Description: Theme for Fundbureau Hamburg, based on adelle theme.
Tags: black,pink,white,light,two-columns,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 1.0 
*/

/* OVERALL */
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
body {font-family: 'Raleway', sans-serif, Verdana; color: #666; background: #fff;}

.display_none { display: none;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
img { border: none; }
a { text-decoration: none; }
a:hover { color:#333; } 
li {list-style-type: none;} 
li:before { content: "•"; padding-right: 8px; color: #000; }

/* hgroup */
h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1.2em; margin-bottom: 15px; font-family: 'Raleway', sans-serif, Verdana; font-weight: 400; word-wrap: break-word; -ms-word-wrap: break-word;}
h1 {font-size: 1.6em; color: #000;}
h2 {font-size: 1.4em; color: #000;}
h3 {font-size: 1.2em; color: #333;}
h4 {font-size: 1.2em; color: #333;}
h5 {font-size: 1em; color: #555;}
h6 {font-size: 1em; color: #555;}

/* LINK */
a {color: #ff6600; text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {color: #000;}

/* CONTENT */
.ev-image-block { width:50%; height: auto; float:left; }
.ev-text-block  { width:50%; float:right; }
.ev-desc-block  { width:100%; float:right; clear: both; }
.event-img { width: 100%; height: 80%; margin: 0px 0px 15px 0px; float:left; }
.object-cover { width: 100%; object-fit: contain; -o-object-fit: contain; }
.content-event-txt { float: left; padding-left: 20px;} 
.article .post-date { line-height: 1.4em; font-size: 1.2em; font-weight: bold; } 
.article .post-title {font: normal 400 1.7em 'Raleway', Verdana; margin: 10px 0px 5px 95px; }  
.article .post-header { margin-bottom: 20px; } 
.article .programm-date { width: 50px; height: 45px; }
.radius-100 { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 150px; }
.heute { padding: 20px 0px 0px 20px; background: #f8f8f8; margin-bottom: 100px; border: 1px solid #ccc; }
.page-cont {margin-bottom: 50px; padding-bottom: 20px; overflow: hidden; clear: both;}
.section-fullwidth { float: left; width: 95%; margin: 30px 0 30px 20px;}

/* header */ 
.header-img { margin:0; padding:0; float:right; max-width:100%; height:150px;} 
.header { padding: 0px; }
.nav { margin-top: 0px; text-align: right;} 	/* text-align von center auf right geändert 01.2024 */
.header-title { margin-top: 40px; }
  
/* footer */ 
.footer-nav { float:right; }  
.post-footer { display: none !important; }

/* sidebar */
.dt-wdgt-date { margin: 2px; background: #000; color: #fff; font-weight: bold; width: 29%; padding: 2px 5px 1px 5px; }
.dt-wdgt-text { color: #000; line-height: 1.5em; font-size: 1em; } 
.dt-wdgt-text a { color: fff6600; text-decoration: none; }
.nl-wdgt-text { font-size: 0.8em; margin: 0; padding-bottom: 5px; } 
.non-dec a { text-decoration: none; color: #999; }
.radial { -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 3px solid #999; text-align: center; padding: 20px; width: 120px; margin-left: auto; margin-right: auto; } 


/* cookie consent */
.cn-button-ind {
    color: #000 !important;
    background: #F4F4F4 !important;
}

/* IFrame virtueller Rundgang */

.iframe-container {
  position: relative; 
  padding-bottom: 56.25%;
  overflow: hidden; 
  width: 100%;
  height: auto;
}

.iframe-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/********** @media **********/

@media all and (max-width: 768px) {

	/* .header */
	.header-img {display: none;}
	.header-title { margin-bottom: 40px; } 
	.menu-click:before {content: '\2261'; font-size: 2.3em;}
	
	/* .nav */
	.nav a { display: block; padding: 14px 4px; color: #fff;}
	
	/* .content */
	.section-fullwidth { float: left; width: 90%; margin: 30px 0 30px 20px;}
}

@media all and (min-width: 769px) and (max-width: 1199px) {

	/* .nav */
	.nav {position: relative; width: 98%; display: inline-block; background: #000; padding: 0 1%; margin-top: 40px; clear: both; line-height: 0.5em; text-transform: uppercase; text-align: center;} 
	.nav a { display: block; padding: 14px 4px; color: #fff;}
}

@media all and (min-width: 1200px) {

	/* .nav */
	.nav {position: relative; width: 100%; display: inline-block; background: #000; padding: 0 35px; margin-top: 40px; clear: both; line-height: 0.5em; text-transform: uppercase; text-align: center;} 
	.nav a {display: block; padding: 16px 8px; color: #fff; }
	.nav ul {list-style: none; max-width: 840px; display: inline-block;}
}