@charset "UTF-8";

/*---------------------------------------------------------------------------------
	
Theme Name: rara-journal-child
Theme URI: http://www.ramdesign.de
Description: rara-journal-child
Template: rara-journal
Version: 1.0.0
Author: Anders Norén
Author URI: ramdesign.de
License: GNU General Public License
License URI: license.txt

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Comments
	9.	Pagination
	10.	Page & Page Templates
	11.	ng-galerie
	12.	Footer
	13. Credits
	14.	Responsive

-------------------------------------------------------------------------------- */
body{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
	color: #000;
    line-height: 24px;
}
/*#elisabeth{
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 50px;
    letter-spacing: 2px;
    padding: 80px 0 30px 0;
}*/
#elisabeth{
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 50px;
    letter-spacing: 2px;
    padding: 200px 0 30px 0;
}
.home, .home .irmenfooter{background-color:#fff;}
.site {background: #fff;}
#elisabeth2{position: relative; width: 100%; color: #fff; text-align: center; font-size: 50px; letter-spacing: 2px; padding: 17% 0 5% 0; line-height: 60px;}
#slider-oben{width:100%; padding:40px 0 10px 0;}

#irmenheader{ width: 100%; text-align: center; background-color:#000;}
.header-background{width: 100%; height:auto;background-position: center center;
background-size: cover;}
.header-top {padding: 0; background: transparent;}
.page .site-header, .post .site-header{border-bottom:none; margin-bottom: 5px;}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}
h1{font-size:20px;letter-spacing:0.6px; margin-bottom:25px; font-weight:bold; text-transform:uppercase;}
h2{font-size:16px;letter-spacing:0.6px;}
h3{font-size:14px;}
h4{font-size:12px; line-height:15px; font-weight:normal;  margin: 0 0 20px 0; padding:0 !important;}
h5{font-weight:normal; letter-spacing:1px; line-height:16px; margin: 0 0 5px 0;}
h6{font-size:11px; line-height:14px; font-weight:normal; margin:0 !important;}
.h-10px{font-size:10px; line-height:14px; font-weight:normal; margin:0 !important;}
.h-ohne{ margin:0 !important;}
.text-breite75{width:85%; padding:0 2%; /*-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;text-align: justify;*/}
.irmenrot{color:#C39;}
.irmen-klein{font-size:13px; line-height:13px;}
.kleinbuchstaben{font-size:20px;letter-spacing:0.6px; text-transform:lowercase;}
.page-content, .entry-content, .entry-summary {
    margin: 0.5em 0 0;
	max-width:980px,
}
.entry-content a{color:#F30; text-decoration:underline;}
.section.bg-dark {
    background: #fff;
}

.header{}
.wp-caption-text {
    text-align: left;
    font-size: 11px;
	line-height: 13px;
}
.blog-info {
    background: rgba(0,0,0,0.2) !important;
	color:#fff !important;
	padding:15px;
}
h2.blog-title{font-weight:normal;}
.blog-title a {
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: normal;
    font-size: 52px;
	letter-spacing:2px;
	font-family:Arial, Helvetica, sans-serif;
}

.post-title {
    font-size: 0.9em;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 5px;
    font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
.post-header {
    margin-bottom: 2%;
}	
	
.post-content h1 {
    font-size: 1em;
    font-weight: 700;
}
.featured-media {
    display: none;
}	
img{border:none !important; padding:0 !important;}


/*--------------------------------------------------------------------------------- */
/* content */
/*--------------------------------------------------------------------------------- */
.entry-header {
    display:none;
}
main div.post-thumbnail {
    display:none;
}
.tab1-links, .tab2-links{width:22%;}
.tab1-mitte, .tab2-mitte{width:2%;}
.tab1-rechts, .tab2-rechts{width:70%;}

/*.graue-leftborder p {border-left: 2px solid #ccc; padding-left:8px;}*/
/*.graue-leftborder p {background-image:url(images/grauer-balken.jpg); background-position:0px 6px; background-repeat:no-repeat; padding-left: 8px;}*/
.anfangsstrich-texte{font-weight:bolder; color:#ccc;}
.site-content {
    padding-bottom: 10px; padding-top: 50px;
}
.english-text{width:100%; padding:30px 0; display:none; background-image:url(images/schliessen.jpg); background-position:top right; background-repeat:no-repeat; position:relative;}
.english-text-close{width:60px; height:20px; color:red; position:absolute; top:5px; right:5px; cursor:pointer;}
.e-open, .offen, .e-close{color:red; cursor:pointer; text-align: right;}
.e-close{display:none;}
a.zurueck-button{padding-top:70px; display:table;}

div#page.site.abstandgross div#content.site-content{padding-top: 100px;
	}
/*	zappelband
/* -------------------------------------------------------------------------------- */
#advps_container1 .advs-title a {
    font-size: 13px !important;
    line-height: 16px;
}
/* -------------------------------------------------------------------------------- */
/*	auf-undzuklapp-englische bereiche
/* -------------------------------------------------------------------------------- */



/*-------------------------------------------------------------------------------*/
.easySpoilerWrapper {
    -moz-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border-bottom: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    border-top: 0px solid #ccc !important;
    background: white;
    padding: 0px !important;
    margin: 0px 0px !important;
    xborder: 0px solid !important;
}
th.easySpoilerTitleA {
    display: none;
}
.easySpoilerTitleB {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    margin: 0px 0px;
    padding: 0px;
    border: 0px;
        border-bottom-width: 0px;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
    border-bottom:0px solid #ddd !important;
    background:none !important;
}

td.easySpoilerGroupWrapperLastRow {
    padding: 0 !important;
}




/* -------------------------------------------------------------------------------- */
/*	11. ng-galerie
/* -------------------------------------------------------------------------------- */
.ngg-gallery-thumbnail {
    text-align: center;
    max-width: 100% !important;
    background-color: #FFF;
    border: none !important;
    margin: 5px;
        margin-bottom: 5px;
}
/* -------------------------------------------------------------------------------- */
/*	12. Footer
/* -------------------------------------------------------------------------------- */
ul#menu-footer{padding:0 ; margin:0; width:100%;}

ul#menu-footer li a{
color: #777676;
padding:30px 15px 25px 15px;
text-transform:uppercase;
font-size:11px;
letter-spacing: 1px;
}

ul#menu-footer.menu{
	list-style:none;
/*	text-align:center;*/
padding-top: 20px;}
ul#menu-footer.menu li{float:left;}

ul#menu-footer.menu li.current-menu-item a {
    color: #F30;
}
ul#menu-footer.menu li:hover > a { color: #ccc; text-decoration:underline; }
/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */
.main-navigation {
    padding: 0;
    border-top: none;
	text-align: left;
}
.main-navigation li {
    margin-left: 0px;
}
.main-navigation a {
    display: block;
    padding: 17px 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.4);
    font-size: 14px;
	color:#000/*#7c776d*/;
}
.main-navigation li:first-child a {
    display: block;
    padding: 17px 10px 0 17px;
}
.main-navigation > li::before {
    content: "|";
    margin-top: -9px;
    margin-left: -3px;
    font-size: 14px;
    color: #fff;
	top: 55%;
}
.main-navigation li:hover a {
	background-color: transparent;
	cursor: pointer;
}

.main-navigation li:hover > a { color: #ccc; text-decoration:underline; }
.main-navigation .current-menu-item a {
    color: #F30;
}


/* -------------------------------------------------------------------------------- */
/*	15. mean menu
/* -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/*	14. Responsive
/* -------------------------------------------------------------------------------- */


@media (max-width: 980px) {
/*.mean-container .mean-bar {
    float: right;
    width: 100%;
    position: absolute;
    background: #000;
    padding: 4px 0;
    min-height: 42px;
    z-index: 999999;
    top: 17%;
}*/
div.mean-bar a.meanmenu-reveal{right: auto !important; left: 25px !important;}


}

@media (max-width: 800px) {
.text-breite75{width:96%; padding:0 2%;}	
.row {margin: 0 0px;}
ul#menu-footer{padding:0 0 0 5% ; width:95%;}
}

@media (max-width: 700px) {	
#elisabeth2 {
    font-size: 30px;
    letter-spacing: 2px;
    padding: 17% 0 5% 0;
    line-height: 30px;
}
}

@media (max-width: 500px) {	
}
@media (max-width: 480px) {	
#elisabeth {padding: 80px 0 30px 0; line-height: 50px;}
}