/**
Theme Name:  meintwentythirteen
Template: 	 twentythirteen
*/

@import url('../twentythirteen/style.css');

html { scroll-behavior: smooth; }

div#page { background: url("bilder/hg.jpg") no-repeat center -16em; background-size: 100%;}
div.site { max-width: 100%;}

.entry-header { margin-bottom: 0px; }

body.textseite div#page { background: none; border: none;}

.site-header .home-link {  color: #fff; max-width: 1300px; min-height: 60px; width: 100%; }



header a.home-link img { width: 90%; margin: 2em auto 1em auto; }

section { margin-bottom: 0px; }

.navbar { background-color: transparent; text-align: center; }

.nav-menu li a, .nav-menu li a:link, .nav-menu l a:visited { color: #fff; font-size: 1.3em; line-height: 1.3; padding: 10px 20px; 	text-decoration: none;	font-style: normal; }

.nav-menu li a:active, .nav-menu .current_page_item a { color: #fff; }

.nav-menu li:hover > a, .nav-menu li a:hover { background-color: transparent; color: #fff; }

.wrapfixed { opacity: 0.95; background-color: #265F93!important; }

/** Impressum **/
article#post-54 { background: #fff; }




div.entry-content {  width: 100%; max-width: 700px; margin: 0 auto; }

/** Start **/
article.post-24 { min-height: 50em;  }
article.post-24 p, article.post-24 h1, article.post-24 h2, article.post-24 h3 { color: #fff; line-height: 2em; }
article.post-24 p { font-size: 1.1em; }

/** Termine **/
article.post-45 {min-height:50em; background: #F7FAFC;}

/** Bilder **/
article.post-368 {min-height:50em; background: #fff url("https://www.dreiii-musik.de/wp-content/uploads/2018/06/hg-meer-hell.jpg") no-repeat center center; background-size: cover}


/** Programm **/
article.post-26 {min-height:45em; background: #CBCBCB url("bilder/hg-meer-hellblau.jpg") no-repeat center center; background-size: cover}

/** Über uns **/
article.post-49 {min-height:50em; background: #E3EBF2}

/** Musik **/
article.post-28 {min-height:50em; background: #036 url("bilder/hg-voegel-blau.jpg") no-repeat center center;background-size: cover}



/** Promo **/
article.post-118 {min-height:40em; background: #fff}
article.post-118 img {padding-right: 15px; width: auto; height: 160px;}

ul.downloadlinks { overflow: hidden; margin: 0; padding: 0;}
ul.downloadlinks li { float: left; width: 140px; text-align: center; list-style-type: none; margin: 0; padding: 0 15px 1em 0;}
ul.downloadlinks li img { width: 100%; height: auto;}
div.w3eden div.media img.wpdm_icon { display: none; }
div.w3eden div.media-body .ptitle { display: none }
div.w3eden div.media-body span.label { display: none }
div.w3eden div.media-body a.wpdm-download-link { padding-right: 15px; }

/** Kontakt **/
article.post-47 {min-height:40em; background: #E3EBF2}



h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", Helvetica, sans-serif; color: #003366;}
h2 { font-size: 3.5em; font-weight: normal; }
h4 { margin-bottom: 0.25em; }

p, a:link, a:hover, .entry-content a:hover, .comment-content a:hover, a:visited { color: #003366; } 
p { -webkit-hyphens: none; -moz-hyphens: none;-ms-hyphens: none; hyphens: none; }

/** Rand Musikvideo **/
div.wp-video { margin-top: 5em; padding: 5px; border: 1px solid #bbb; background: #F7FAFC }









.site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text { display: none;}

.site-footer .sidebar-container { background-color: #225077; background: #2E477C; padding: 15px 0px 15px 0px;}

.site-footer a, .site-footer .widget a {   color: #fff; }


div.wp-statistics-opt-out { border-top: none; background: #000; color: #fff; font-size: 0.8em}

a.ok { background: orange; padding: 3px 25px; border-radius: 3px; color: #fff; margin: 0 10px }

a.verweigern { color: #fff; margin-right: 10px }

a.erklaerung { color: #fff; padding-right: 10px }


body.musikseite #page { background: url("https://www.dreiii-musik.de/wp-content/uploads/2018/07/hg-voegel-blau.jpg"); background-size: cover;}
body.musikseite div.entry-content {  width: 100%; max-width: 900px; margin: 0 auto; }




@media (max-width: 1069px) { }

@media (max-width: 999px) { 
div#page { background: url("bilder/hg.jpg") no-repeat center -8em; background-size: 100%;}
}


@media (max-width: 830px) { 
div#page { background: url("bilder/hg.jpg") no-repeat center -2em; background-size: 100%;}
}

@media (max-width: 767px) { 
div#page { background: url("bilder/hg.jpg") no-repeat center 0em; background-size: 100%;}
h2 { font-size: 2.5em; }
	article.post-368 {min-height:10em; padding: 40px 0;}
}

@media (max-width: 643px) {
	
        article.post-24 { min-height: 30em;  }


	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {
		background: none; border: none;	color: #fff; padding: 12px 0 12px 20px;	}
	}


@media (max-width: 420px) {
 article.post-24 { min-height: 20em;  }
article.post-26, article.post-45, article.post-28, article.post-49, article.post-47, article.post-118 { min-height: auto; }
div.wp-video { margin-top: 0em; }
section img { width: 100%; clear: left; margin: 0 0 1em 0; }
}


/* Mobile devices */
@media (max-width: 359px) {  }


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */


@media print {

article.post-24, article.post-26, article.post-45, article.post-28, article.post-49, article.post-47, article.post-118 { min-height: auto; page-break-after: always }
div.wp-video { margin-top: 0em; }
}