/*
 Theme Name:   raushier
 Theme URI:    http://example.com/twenty-thirteen-child/
 Description:  Ein speziell für Raushier - das Reisemagazin entwickeltes WordpressTheme auf Basis des Twenty Thirteen Wordpress Themes. Zwei bis fünf Spalten Layout für Artikelvorschau verschiedener Bereiche bilden ein klares Magazin-Layout. Soziale Medien sind in die Programmierung integreirt. Das flexible Layout passt sich optimal an die verschiedenen Endgeräte an. Egal ob kleiner Bildschirm auf dem Smartphone oder Tablet-PC.
 Author:       Franz & Alberto @ lucid.berlin
 Author URI:   http://lucid.berlin
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         magazin, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-thirteen-child
*/

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

/* =Theme customization starts here
-------------------------------------------------------------- */

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

html,
button,
input,
select,
textarea {
font-family: "Ropa Sans", Helvetica, sans-serif;
}

body {
color: #333;
line-height: 1.5;
margin: 0;
background: #fbf9f9; /* Old browsers */
background-image: url("images/RHstripe.png");
background-repeat: repeat;

}


ul, ol{
margin: 12px 0;
padding: 0 0 0 24px;
}

a {
color: #0071BC;
text-decoration: none;
}

a:visited {
color: #0071BC;
}

a:focus {
outline: thin dotted;
}

a:active,
a:hover {
color: #333;
outline: 0;
}

a:hover {
text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: "Ropa Sans", Helvetica, sans-serif;
font-weight: normal;
line-height: 1.5;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
color: #333;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited{
color: #333;
}


h1 {
font-size: 32px;
margin: 20px 0;
}
/* 
MOVE TO BROWSER WIDTH < 699
.loop1-post2 h1 {
font-size: 26px;
}
.loop1-post3 h1,
.loop1-post4 h1 {
font-size: 22px;
}
.loop2 h1,
.loop3 h1 {
font-size: 22px;
}
 */

h2 {
font-size: 26px;
margin: 16px 0;
}

h3 {
font-size: 22px;
margin: 14px 0;
}

h4 {
font-size: 20px;
margin: 12px 0;
}

h5 {
font-size: 18px;
margin: 10px 0;
}

h6 {
font-size: 16px;
margin: 8px 0;
}
.clearfix{
float: none;
clear: both;
}
p, ul li, ol li{
font: 0.9em/1.3 normal 'Droid Serif',georgia, times, serif;
}
p, ul li, ol li{
font: 1em/1.4 normal 'Droid Serif',georgia, times, serif;
}
nav a,
nav a:visited{
font-family: 'Ropa Sans', helvetica, sans-serif;
}

.site-main{
background: transparent;
}
.site{
margin-top: 12px;
max-width: 1200px;
position: relative;
}

.BannerIMGwrapper {
position: absolute;
top: 0;
left: 0;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */


.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #555;
font-style: normal;
font-weight: normal;
font-size: 0.9em;
padding: 6px 0 0;
font-family: 'Ropa Sans',helvetica,sans-serif;
}

/* Images */
.alignleft {
	float: left;

}

.alignright {
	float: right;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	CONTENT PRIMARY
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/
	
	
.archive-header {
border-bottom: 6px solid #8bc63f;
margin: 0 auto;
background-color: transparent;
}
.site-content{
padding: 0 24px;
}
.column3to1 {
width: 70%;
}

.archive-header {
border-bottom: 6px solid #8bc63f;
margin: 0 auto;
background-color: transparent;
}
.site-content{
padding: 0 24px;
}
.column3to2 {
width: 100%;
}
/* 

.site-main .sidebar-container {
	height: 0;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 1;
}


.site-main .sidebar-container {
height: 0;
position: absolute;
top: 200px;
width: 30%;
left: 70%;
display: block;
}
 */
.site-main .sidebar-container {
width: 30%;
left: 70%;
display: block;
position: absolute;
top: 36px;
height: auto;
}

.doubleColumn{
padding: 24px;

}
.doubleColumn .column{
float: left;
width: 50%;
}
.doubleColumn .column.left{
padding-right: 20px;
}
.doubleColumn .column.right{
padding-left: 20px;
}
.category.button {
padding: 24px;
border: 6px solid #eee;
cursor: pointer;
text-align: center;
margin-bottom: 24px;
}
.category.button:hover {
background-color: #eee;
cursor: pointer;
}
.category.button:hover a{
color: black;
text-decoration: underline;
}
.category.button a:after{
content: '\f429';
font-family: Genericons;
float: right;
}
.loop1 .entry-thumbnail {
max-height: 360px;
overflow: hidden;
margin-bottom: 16px;
}
.loop99 .categories-links {
clear: both;
display: block;
padding-top: 4px;
}



/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	LOOP 1 
	POST 3-4
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/

.loop1-post3,
.loop1-post4{
width: 48%;
float: left;
margin: 0 1%;
}
.loop1-post3{ margin-right:5px;clear:both;}
.loop1-post4{ clear:none;}

.loop1-post3 .entry-header,
.loop1-post4 .entry-header{
    padding: 12px 5px;
}

.loop1-post3 .entry-content,
.loop1-post4 .entry-content{
    padding: 0 5px;
}

.loop1-post3 .entry-title,
.loop1-post4 .entry-title,
.loop2 .entry-title,
.loop3 .entry-title{
	font-size: 22px;
	margin: 14px 0;
}
.loop1-post3 .entry-meta,
.loop1-post4 .entry-meta {
/* font-size: 12px; */
}

.loop1-post3 .entry-content,
.loop1-post4 .entry-content {
/* font-size: 14px; */
}

.loop1-post3 .entry-thumbnail img,
.loop1-post4 .entry-thumbnail img{

}


/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	CONTENT SECONDARY
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/

.loop3 .entry-thumbnail img,
.loop2 .entry-thumbnail img {
width: 150px;
height: auto;
float: left;
margin-right: 20px;
}
.loop3 .entry-content,
.loop2 .entry-content {
float: none;
clear: none;
padding-left: 60px;
}
.loop3 .entry-meta.middle,
.loop2 .entry-meta.middle {
text-align: left;
}
.loop3 .entry-meta,
.loop2 .entry-meta {
float: none;
clear: none;
}
.loop3 article:nth-child(3),
.loop2 article:nth-child(3) {
border-bottom: none;
}

.fourColumn .post,
.sidebar .site-footer .fourColumn .widget {
float: left;
width: 23%;
margin-right: 2%;
padding: 32px 6px 20px;
}

.fourColumn .post .entry-thumbnail img{
display: none;
}

/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	LOOP 99
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/

.loop99 .entry-meta{
text-align: left;
}
.loop99 .entry-social .centerwrapper {
margin: 0;
}

.loop99 .entry-title{
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;
	text-align: left;
}

/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	CONTENT TERTIARY
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/
	
.site-main .widget-area {
width: 100%;
}



.hentry {
	padding: 20px 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
.entry-social,
.article-container {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .article-container {
	max-width: inherit;
	padding: 12px 24px;
}
.site-main .sidebar-inner {
padding-right: 24px;
}


/*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	CONTENT CATEGORY VIEW
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/

.category .entry-thumbnail img {
width: 260px;
height: auto;
float: left;
margin-right: 20px;
}
.category .entry-content {
float: none;
clear: none;
padding-left: 60px;
}
.category .entry-meta.middle{
text-align: left;
}
.category .entry-meta{
float: none;
clear: none;
}
 
/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */
.site-header {
background-color: #0071BC;
}
.absolutePositionHeaderIMG{
position: absolute;
top: -40px;
left: 0;
}

.site-header .home-link {
padding-top: 46px;
min-height: 250px;
}

.site-header .home-link:hover,
.site-header .site-title:hover {
text-decoration: none;
}

.site-title {
font-weight: normal;
line-height: 1;
margin: 0;
padding: 32px 0 0;
text-transform: uppercase;
letter-spacing: 1px;
position: relative;
color: white;
font-weight: bold;
letter-spacing: 4px;

font-family: 'dosis';
font-weight: 700;
}


.site-title {
border-top: 4px solid white;
min-width: 312px;
display: block;
padding: 12px;
padding-bottom: 0;
float: left;
text-align: center;
}

.site-description {
font: normal 18px "Ropa Sans", Helvetica, sans-serif;
color: white;
margin: 0;
position: relative;
padding-top: 6px;
z-index: 200;
text-transform: uppercase;
max-width: 312px;
text-align: center;
}

.site-description {
border-bottom: 4px solid white;
width: auto;
display: block;
padding: 12px;
float: left;
}


.special-title {
}
.special-title a { 
font: 0.8em normal 'Ropa Sans', helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
display: table-cell;
padding: 6px 0;
z-index: 200;
position: relative;
vertical-align: middle;
height: 90px;
color: #fefefe;
}
.special-title a h6,
.special-title a p{
margin: 4px 0;
font-family: 'Ropa Sans', helvetica, sans-serif;

}
#special {
position: absolute;
top: 177px;
left: -50px;
text-align: center;
    -webkit-transform: rotate(-10deg);
       -moz-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
         z-index: 1000;
}
#ribbon {
    background: #3d3348;
    background: #ff6600;
    width: 90px;
	height: 90px;
	position: relative;
    text-align: center;
    
    z-index: 400;
}
#ribbon:before, #ribbon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
	height: 90px;
	background: #3d3348;
	background: #ff6600;
}
#ribbon:before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
#ribbon:after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  30% { 
    -webkit-transform: rotate(36deg);
  }
  70% { 
    -webkit-transform: rotate(-36deg);
  }
  100% { 
    -webkit-transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#special:hover
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         250ms; 
    -webkit-animation-iteration-count:  1;
    -webkit-animation-timing-function:  ease-out;
}

#special:hover .special-title a
{
color: #333;
}
#special:hover #ribbon,
#special:hover #ribbon:after,
#special:hover #ribbon:before{
background: white;
}    

/*  search 
----------------------------------------------------------------------------*/
.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field,
.site-footer .search-field {
background-color: rgba(255,255,255,0.3);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: 1px solid #fafafa;
cursor: pointer;
height: 37px;
margin: 5px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 230px;
background-image: url(images/search-icon-white.png);
}


input.search-field{
color:white;
}

::-webkit-input-placeholder { /* WebKit browsers */
color:white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:white;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:white;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:white;
}

.site-header .search-field:focus {
background-color: rgba(255,255,255,0.85);
border: 1px solid #fafafa;
	cursor: text;
	outline: 0;
	width: 230px;
color:#555;
}
.wp-caption.alignleft {
margin: 5px 24px 5px 0;
}
.wp-caption.alignright {
margin: 5px 0 5px 24px;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
 
 /*	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||
	
	NAVIGATION
	
	||||||||||||||||||||||||||||||||||
	||||||||||||||||||||||||||||||||||		*/

.site-header .secondaryNav {
position: absolute;
left: 70%;
top: 96px;
width: 30%;
margin: 0;
padding: 0 6%;
}
.site-header .secondaryNav ul{
padding: 0;
}
.site-header .secondaryNav ul li {
float: left;
width: 49%;
position: relative;
text-align: center;
}
nav.secondaryNav a {
font: 1em normal 'Ropa Sans', helvetica, sans-serif;
color: #fafafa;
text-transform: uppercase;
}

.main-navigation {
max-width: inherit;
}
.navbar {
background-color: #fefbf9;
}
.nav-menu{

}
.nav-menu li{
display: inline-block;
width: 16%;
position: relative;
text-align: center;

}
.nav-menu li a {
color: #3d3348;
display: block;
font-size: 15px;
line-height: 1;
padding: 12px 6px;

text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li > a:hover {
font-weight: normal;
color: #3d3348;
background-color: transparent;
text-decoration: underline;
}
.nav-menu .sub-menu, .nav-menu .children {
background-color: #fefbf9;
border: 4px solid #0071BC;
border-top: 0;
display: none;
padding: 0;
position: absolute;
left: -2px;
z-index: 99999;
width: 100%;
}
.sub-menu li {
display: block;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}
ul.nav-menu ul a, .nav-menu ul ul a {
color: #3d3348;
margin: 0;
width: auto;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
background-color: transparent;
font-weight: normal;
text-decoration: underline;
}
 
 
.site-header .search-form {
position: absolute;
left: 75%;
top: 150px;	
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: inherit;
font-style: normal;
background-color: transparent;
}


/**
 * 4.2.1 Social Menu
 */
#menu-social {
position: absolute;
width: 31%;
left: 69%;
top: 38px;
}

	#menu-social ul {
		list-style: none;
		margin: 0;
		text-align: center;
		padding: 0;
		padding-top: 6px;
	}

		#menu-social ul li {
			display: inline-block;
			position: relative;
			vertical-align: top;
			height: 48px;
		}

#menu-social .socialStats {
top: 6px;
color: #f1f1f1;
border-color: #fafafa;
}

#menu-social li a::before {
display: inline-block;
padding: 0 6px;
font-family: 'Genericons';
font-size: 26px;
vertical-align: top;
color: white;
-webkit-font-smoothing: antialiased;
float: left;
clear: none;
width: 32px;
}
#menu-social a:hover{
text-decoration:none;
color: #fefefe;
}
#menu-social a:hover div.socialStats{
color: #fefefe;
}
            #menu-social li a:hover::before{
            color: #0071BC;
            }

			#menu-social li a[href*="wordpress.org"]::before,
			#menu-social li a[href*="wordpress.com"]::before {
				content: '\f205';
			}
			#menu-social li a[href*="facebook.com"]::before {
				content: '\f203';
			}
			#menu-social li a[href*="twitter.com"]::before {
				content: '\f202';
			}
			#menu-social li a[href*="dribbble.com"]::before {
				content: '\f201';
			}
			#menu-social li a[href*="plus.google.com"]::before {
				content: '\f206';
			}
			#menu-social li a[href*="pinterest.com"]::before {
				content: '\f210';
			}
			#menu-social li a[href*="github.com"]::before {
				content: '\f200';
			}
			#menu-social li a[href*="tumblr.com"]::before {
				content: '\f214';
			}
			#menu-social li a[href*="youtube.com"]::before {
				content: '\f213';
			}
			#menu-social li a[href*="flickr.com"]::before {
				content: '\f211';
				color:   #ff0084;
			}
			#menu-social li a[href*="vimeo.com"]::before {
				content: '\f212';
			}
			#menu-social li a[href*="instagram.com"]::before {
				content: '\f215';
			}
			#menu-social li a[href*="codepen.io"]::before {
				content: '\f216';
			}
			#menu-social li a[href*="linkedin.com"]::before {
				content: '\f208';
			}

            #menu-social li a[href*="facebook.com"] span.socialStats,
            #menu-social li a[href*="facebook.com"] span.socialStats:hover{
                color:#eee;
                border: none;
                vertical-align: center;
            }




ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}            
.navbar {
	margin: 0 auto;
	max-width: none;
	width: 100%;
}
.main-navigation {
max-width: inherit;
}
.main-navigation{
border-top: 4px solid #d9e022;
border-bottom: 4px solid #d9e022;
border-top: 4px solid #0071BC;
border-bottom: 4px solid #0071BC;
text-align: center;
}


/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
 
article{
border-bottom: 4px solid #eee;
}
.last article,
#primary .secondlast article{
border-bottom: none;
}
#content {
min-height: 1100px;
}

.hentry {
	padding: 40px 0;
}
.page .hentry {
	padding: 0;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta,
.entry-social,
.article-container {
	margin: 0 auto;
	max-width: none;
	width: 100%;
}
.entry-social{
max-width: 172px;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .article-container {
	max-width: none;
	padding: 0;
}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
	padding: 0;
}

/* Header Standard 
----------------------------------------------------------------------------*/
.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

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

.entry-title {
    text-align: center;
	margin: 12px 0;
}

.entry-title a {
	color: #333;
}

.entry-title a:hover {
	color: #0071BC;
}

/*social networks
----------------------------------------------------------------------------*/

.entry-social .centerwrapper{
    margin: 0 auto;
    width: 100%;
    height: 40px;
    max-width: 160px;
}

.loop99 .entry-social{
max-width: none;
}
.entry-social .share-button{
float: left;
clear:none;
margin:0 5px;
position: relative;
text-align: center;

float: none;
display: inline-block;
vertical-align: top;
}
.genericon.genericon-facebook {
}
[class*="genericon"] {
width: auto;
}

.entry-social .share-button a span:before {
display: inline-block;
-webkit-font-smoothing: antialiased;
font: normal 20px/1 'Genericons';
vertical-align: center;
color: #555;
}
.socialStats {
border: 1px solid #777;
color: #777;
border-radius: 8px;
font-size: 12px;
text-align: center;
min-width: 14px;
width: auto;
position: relative;
height: 16px;
line-height: 14px;
padding: 1px 3px;

display: inline-block;
}
.entry-social .share-button a:hover{
text-decoration: none;
}
.entry-social .share-button a:hover span:before {
color: #0071BC;
}
.entry-social .share-button a:hover div.socialStats{
border-color:#0071BC;
color:#0071BC;
}
.entry-social .social-stats
{
    float: left;
    clear: none;
/* 
    color: #d3cfdc;
    text-align: center;
    font-size: 12px;
    vertical-align: center;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    border-width: 1px 1px 1px 0;
    border-color: #D3CFDC;
    border-style: solid;
 */

    
background: radial-gradient( center -9px, circle closest-side, white 0, red 26px );
background: -moz-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
background: -ms-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
background: -o-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
background: -webkit-radial-gradient( center -9px, circle closest-side, white 0, red 26px );
background-color: red;
border: 2px solid white;
border-radius: 12px; /* must be 1/2 of ( border-width*2 + width ) */
box-shadow: 1px 1px 1px black;
color: white;
font: bold 12px/10px Helvetica, Verdana, Tahoma;
height: 18px; /* height + padding-top must equal width */
padding-top: 2px; /* height + padding-top must equal width */
text-align: center;
width: 20px;
}
#arrow-left {
    display:none;
    float: left;
    clear:none;
	width: 0; 
	height: 0; 
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent; 
	
	border-right:13px solid #d3cfdc; 
}
.werbung {
overflow: hidden;
text-align: center;
}
.werbung.sponsors a {
display: block;
padding: 12px 0;
}

/* Header blog - LOOP 1 zweiter Post (erster wie Standard)
----------------------------------------------------------------------------*/
.loop1-post2 .entry-title {
}
/* 
MOVE TO BROWSER WIDTH > 699
.loop1-post2 .entry-thumbnail img{
    width: 200px;
    height: auto;
    float: left;
    margin-right:20px;
}
 */

.loop1-post2 .entry-meta{
float:none;
clear:none;
}
.loop1-post2 .entry-content{
    float: none;
    clear: none;
}

/* Header blog - LOOP1 - dritter und vierter Post 
----------------------------------------------------------------------------*/
.article-container
{
overflow: auto;
padding-bottom:20px;
}
.loop1-post3,
.loop1-post4{
/* 
MOVE TO BROWSER WIDTH > 699
    max-width:270px;
    float:left;
    padding: 0 auto;
 */
}
.loop1-post3{ margin-right:5px;clear:both;}
.loop1-post4{ clear:none;}

.loop1-post3 .entry-header,
.loop1-post4 .entry-header{
    padding: 0 5px;
}

.loop1-post3 .entry-title,
.loop1-post4 .entry-title{

}
.loop1-post3 .entry-meta,
.loop1-post4 .entry-meta {
}

.loop1-post3 .entry-content,
.loop1-post4 .entry-content {
}

.loop1-post3 .entry-thumbnail img,
.loop1-post4 .entry-thumbnail img{

}

/* Header loop2
----------------------------------------------------------------------------*/
.loop2 {

}

.loop2 .entry-social {
}
.loop2-post1 .entry-title,
.loop2-post2 .entry-title {
}

.loop2-post1 .entry-thumbnail img,
.loop2-post2 .entry-thumbnail img{
}

.loop2-post1 .entry-meta,
.loop2-post2 .entry-meta{

}

.loop2-post1 .entry-content,
.loop2-post2 .entry-content{
    float: none;
    clear: none;
}


/* Header in Single 
----------------------------------------------------------------------------*/
.single .entry-thumbnail img {
	margin: 0 auto 10px;
}



/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
    text-align: center;
	clear: both;
	font: 0.9em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
}
.entry-meta a,
.entry-meta a:visited{
color: #555;

}
.entry-meta a:hover{
color: #0071BC;
}

.entry-meta > span {
	margin-right: 10px;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content a,
.comment-content a {
	color: #0071BC;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #333;
}

.single .entry-content p:first-child{
font-weight: bold;
}
.entry-content li{
margin: 6px 0;
}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: 0;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
	margin-right: 0;
}

#tertiary{
text-align: left;
}
#tertiary .entry-meta,
#tertiary .entry-content,
#tertiary .entry-summary {
font-size: 80%;
text-align: left;
}
#tertiary .entry-title {
font-size: 16px;
text-align: left;
line-height: 20px;
}
.sidebarPost {
border-bottom: 4px solid #eee;
padding-bottom: 0;
margin-bottom: 12px;
}
.sidebarPost.last{
border-bottom: none;
}


.author .doubleColumn{
padding:0;
}
.author .entry-meta,
.author .entry-title{
text-align: left;
padding: 0;
}
.author .entry-title{
margin: 4px 0;;
}
.author ol.articleList li{
text-align: left;
padding-bottom: 12px;
}



/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */



/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */



/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */



/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */
 
.navigation a {
color: #555;
}

.navigation a:hover {
color: #0071BC;
text-decoration: none;
}

.category.button {
padding: 24px;
text-align: center;
margin-bottom: 24px;
}
.category.button:hover {
background-color: #eee;
cursor: pointer;
}
.category.button:hover a{
color: black;
text-decoration: underline;
}
.category.button a:after{
content: '\f429';
font-family: Genericons;
float: right;
}
#tertiary .category.button {
padding: 12px 24px;
}
.navigation .nav-previous {
	float: left;
	width: 49%;
}

.navigation .nav-next {
	float: right;
	width: 49%;
	text-align: right;
}

.sidebar .paging-navigation .nav-links {
max-width: none;
padding: 0;
}
.navigation a {
	color: #555;
}


.paging-navigation .nav-next {
	padding: 0;
}
.paging-navigation .meta-nav {
	background-color: transparent;
	border-radius: none;
	color: #555;
	display: inline-block;
	font-size: 16px;
	padding: 0;
	text-align: center;
	width: auto;
}

.paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 0;
	width: auto;
	position: relative;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
position: relative;
}

.paging-navigation a:hover .meta-nav {
	background-color: transparent;
	text-decoration: none;
}
.paging-navigation a,
.paging-navigation a:visited{
font: 1em normal 'Ropa Sans', Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
margin: 0;
display: block;
}


.post-navigation,
.paging-navigation{
background-color: transparent;
border-bottom: 4px solid #eee;
font-size: inherit;
}
.post-navigation a,
.post-navigation a:visited{
font: 1em normal 'Ropa Sans', Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
display: block;
}


.post-navigation a span.nav {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: relative;
float: left;
width: 96%;
}
span.meta-nav{
position: absolute;
}

.post-navigation a,
.post-navigation a:visited{
font: 1em normal 'Ropa Sans', Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
margin: 0;
display: block;
}
.post-navigation a[rel="prev"]{
margin-bottom: 0;
}
.post-navigation a[rel="prev"] {
	float: left;
	width: 49%;
	position: relative;
}

.post-navigation a[rel="next"] {
	float: right;
	width: 49%;
	text-align: right;
	position: relative;
}
.post-navigation a[rel="prev"] span.meta-nav{
	float: none;
	text-align: left;
left: -24px;
}
.post-navigation a[rel="next"] span.meta-nav{
	float: none;
	text-align: right;
	right: -24px;
}
.sidebar .post-navigation .nav-links{
padding: 0 42px;
}	

/* Page links */
.page-links {
	clear: both;
font: 1em normal 'Ropa Sans', Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.page-links a {
	background: #fff;
	border: 1px solid #00375E;
	color: #00375E;
}

.page-links a:hover {
	background: #00375E;
	color: #fff;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */


/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */


.archive-header,
.page .entry-header {
border-bottom: 6px solid #8bc63f;
margin: 0 auto;
background-color: transparent;

}

.archive-title,
.archive-meta,
.page .entry-title,
.author-title {
font: 1em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
padding: 36px 0 12px;
color: #8bc63f;
max-width: none;
text-align: left;
}
.page .entry-content {
padding: 40px 0;
}
#singleArticle .archive-title a,
#singleArticle .archive-title a:visited{
font: 1em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
padding: 36px 0 12px;
color: #8bc63f;
max-width: none;
}
#singleArticle .archive-title:before{
content: '\f430';
font-family: Genericons;
padding-right: 3px;
line-height: 12px;
font-size: 12px;
}


.page-header {
border-bottom: 6px solid #8bc63f;
margin: 0 auto;
background-color: transparent;

}
.page-title {
font: 1em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
padding: 36px 0 12px;
color: #8bc63f;
max-width: none;
}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */



/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */




/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */



/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.site-main .widget-area {
	float: right;
	width: 100%;
}


/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: transparent;
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	margin: 0 0 24px;
padding: 0 0 12px 0;
	word-wrap: break-word;
}

.widget .widget-title,
#tertiary .archive-title{
font: 1em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
padding: 0 0 12px 0;
color: #00375E;
}

#tertiary .archive-header{
border-bottom-color: #00375E;

margin-bottom: 24px;
}

.widget a,
.widget a:visited {
	color: #0071BC;
}

.widget a:hover {
	color: #333;
}

.widget .widget-title {
font: 1.1em "Ropa Sans", Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
padding: 0 0 12px 0;
color: #00375E;
margin-bottom: 24px;
border-bottom: 6px solid #00375E;
}



/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #00375E;
	color: #fafafa;
	font-size: 14px;
	text-align: center;
	padding: 24px;
	margin-top: 24px;
}

.site-footer .widget-area,
.sidebar .site-footer {
	text-align: left;
}

.site-footer a {
	color: #686758;
}

.site-footer .sidebar-container {
	background-color: transparent;
	padding: 0;

}

.site-footer .sidebar-container{

}
.site-footer #secondaryNav {
border-top: 8px solid white;
padding-top:12px
}
.site-footer nav ul{
padding-left:0;
margin-left:0;
}
.site-footer nav ul li{
display: inline-block;
padding: 6px 12px;
}
.site-footer nav{
text-align: center;
}
.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
}

.sidebar .site-footer .widget-area {
	max-width: none;
	position: relative;
	left: inherit;
}

.site-footer .widget {
	background: transparent;
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 245px;
}
.site-footer .widget.widget_calendar a {
color: #ff6600;
}
.sidebar .site-footer .widget {
	width: auto;
float: none;
margin: 0;
}

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
	/* margin-right: 0; */
}

.site-footer .widget a {
	color: white;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
	color: #fff;
}

.site-info{
	margin: 0 auto;
	max-width: 1040px;
	padding: 5px 0;
	width: 100%;
	text-align: center;
color: #4a728e;
font-size: 10px;
text-transform: uppercase;
}

#wpstats {
	display: block;
	margin: -10px auto 0;
}
.site-footer .widget .widget-title {
color: white;
margin-bottom: 24px;
border-bottom: 6px solid white;
}


/**
 * Extra Advertising
 * ----------------------------------------------------------------------------
 */
.sponsorlink {
position: absolute;
top: 40px;
left: -97px;
z-index: 1200;
}
.sponsorlink {

}
.addBanner {
position: absolute;
top: 360px;
left: -160px;
z-index: 2000;
}
@media (max-width: 1099px) {
	.addBanner{ display:none;   }	
    }

@media (max-width: 1378px) {
    .sponsorlink{
    position: relative;
    margin: 0 47%;
    }

}




/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

@media (max-width: 1099px) {
	.site {
		border: 0;
	}
	.addBanner{
	display:none;
	}
}
@media (max-width: 1340px) {
#special {
top: 44px;
left: 56%;
}

}
@media (max-width: 1216px) {
.site {
margin-top: 0;
}
.BannerIMGwrapper{
overflow:hidden;
width: 100%;

}
}
@media (max-width: 1069px) {
	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}


	.archive-header,
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links,
	.sidebar .site-info,
	.site-footer .widget-area {
		padding-left: 0;
		padding-right: 0;
	}
#menu-social {
position: absolute;
width: 250px;
right: 16px;
top: 38px;
left:inherit;
}
	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 554px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 0;
	}



.entry-thumbnail {
height: 200px;
overflow: hidden;
width: 260px;
display: inline;
}
.category .entry-thumbnail img {
max-width: 260px;
position: absolute;
}
.category .entry-header .entry-meta.middle {
padding: 0;
padding-left: 270px;
text-align: left;
}
.category #content .entry-content {
padding: 0;
padding-left: 290px;
text-align: left;
padding-right: 24px;
}

}

/* bis 999px hier ist alles untereinander */
@media (max-width: 999px) {



	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info,
	
	.sidebar .entry-social {
		max-width: none;
		padding-left: 20px;
padding-right: 20px;
	}
.sidebar .article-container {
padding: 0;
}
.sidebar .entry-social{
/* max-width: 220px; */
padding-left: 0;
padding-right: 0;
}
.author .entry-meta,
.author .entry-title{
text-align: left;
padding: 0;
}
.author .entry-title{
font-size:18px;
}
#tertiary .entry-title {
padding: 0 20px;
}

.loop99 .entry-social .centerwrapper {
height: 16px;
}
	.sidebar .site-info,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.attachment .entry-header,
	.sidebar .comments-title {
		max-width: 604px;
	}
.site-main .sidebar-inner {
padding: 24px;
}
	.sidebar .archive-meta,
	.attachment .entry-header,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .site-info,
	.sidebar .comments-title,
	.sidebar .no-comments {
		padding-left: 0;
		padding-right: 0;
	}

	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}

	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}

	.format-status .entry-content {
		padding-top: 40px;
	}

	.format-status .entry-meta {
		padding-bottom: 40px;
	}

	.sidebar .format-status .entry-content,
	.sidebar .format-status .entry-meta {
		padding-left: 35px;
	}

	.sidebar .format-status .entry-content:before,
	.sidebar .format-status .entry-meta:before {
		left: 10px;
	}

	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}

	.sidebar .paging-navigation .nav-links {
		padding: 0 60px;
	}
		.site-main .widget-area {
		float: none;
		margin: 0;
		width: 100%;
	}

	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}
	

.site-main .sidebar-container {
height: auto;
margin: 0 auto;
max-width: none;
position: relative;
top: inherit;
left: inherit;
width: auto;
}
.column3to1 {
width: auto;
}
.fourColumn .post,
.sidebar .site-footer .fourColumn .widget {
float: left;
width: 49%;
margin-right: 1%;
}

.entry-thumbnail {
width: 100%;
overflow: auto;
display: inline-block;
height: auto;
}
.category .entry-thumbnail img {
width: auto;
position: initial;
max-width: 320px;
float: none;
margin: 20px auto;
}
.category .entry-header .entry-meta.middle {
padding: 0;
text-align: center;
}
.category #content .entry-content {
padding: 0 20px;
}
.loop3 .entry-meta.middle, .loop2 .entry-meta.middle {
text-align: center;
}
.loop3 .entry-thumbnail img, .loop2 .entry-thumbnail img {
width: 200px;
height: auto;
float: none;
margin: 0 auto;
}
.fourColumn {
font-size: 85%;
}
.nav-menu li a {
font-size: 14px;
padding: 12px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.nav-menu .sub-menu, .nav-menu .children {
margin-top: -1px;
}
ul.nav-menu, div.nav-menu > ul {
height: 32px;
}

}
@media (max-width: 816px) {
/* 
#menu-social {
width: 252px;
right: 0px;
left: inherit;
}
 */
.site-header .secondaryNav {
left: inherit;
top: 96px;
width: auto;
margin: 0;
padding: 0;
right: 0px;
}
.site-header .secondaryNav li{
padding: 0 12px;
}
#special {
left: 360px;
top: 95px;
}
}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}

.category .entry-thumbnail img {
width: inherit;
}




}

@media (max-width: 643px) {
.BannerIMG {
left: -65%;
position: relative;
}
.site-header {
overflow: hidden;
}
.site-title {
font-size: 50px;
padding-top: 50px;
}

.site-title {
font-size: 50px;
padding-top: 12px;
width: 400px;
margin: 32px auto 0;
float: none;
max-width: none;
}
.site-description {
width: 400px;
font-size: 16px;
float: none;
margin: 0 auto;
max-width: none;
}
.site-content {
padding: 0;
}
.author .doubleColumn,
.author #content h2,
.archive-header,
.search .page-header{
padding: 0 20px;
}
.widget .widget-title,
.widget ul {
padding: 0 24px 12px;
}

.post-navigation{
padding: 20px;
}
.hideMobile{
display:none;
}
.alignleft,
.alignright {
float: none;
clear: both;

}
.entry-content .wp-caption.alignleft,
.entry-content .wp-caption.alignright{
margin: 0 auto;
}
.site-header .search-form {
left: inherit;
top: inherit;
width: auto;
position: relative;
right: inherit;
}
#special {
position: absolute;
top: 92px;
right: 5%;
text-align: center;
left: inherit;
}
#special {
position: absolute;
top: 0;
right: 0;
text-align: center;
left: 0;
-webkit-transform: rotate(0);
height: 12px;
width: 100%;
}
#ribbon:before, #ribbon:after {
display: none;
}
#ribbon {
background: #ff6600;
background: #333;
width: auto;
height: auto;
}
.special-title a {
height: auto;
width: 100%;
display: block;
padding:0;
}
.special-title a p {
margin: 0;
}
#special:hover
{
    -webkit-animation-name:             none; 

}
#primary .secondlast article {
border-bottom: 4px solid #eee;
}
.loop99 .entry-social{
padding: 0;
margin: 0;
}
.site-main .sidebar-inner {
padding: 24px 0;
}
aside.widget{
padding-left:20px;
padding-right:20px;
}
#menu-social ul {
text-align: left;
padding-left: 14px;
margin: 0 auto;
width: 250px;
}

	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}


	#content .format-status .entry-content,
	#content .format-status .entry-met {
		padding-left: 35px;
	}

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: normal 16px/1.3 "Ropa Sans", Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}



	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
		height: auto;
	}
.nav-menu li {
width: auto;
}
	.toggled-on li,
	.toggled-on .children {
		display: block;
	}
	.toggled-on .nav-menu li a {
		text-transform: uppercase;
	}
	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 0;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #666;
		width: auto;
		text-transform: none;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #0071BC;
		color: #fff;
	}
	.toggled-on .nav-menu li a:active,
	.toggled-on .nav-menu ul a:active {
		background-color: #0071BC;
		color: #fff;
	}
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 22px;
		font-weight: normal;
	}

	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 13px;
	}

	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}

	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}


/* set structure back */
.site {
margin-top: 0;
}

.loop1-post3, .loop1-post4 {
width: auto;
float: none;
margin: 0;
}
.doubleColumn .column {
float: none;
width: auto;
clear: both;
}
.doubleColumn .column.left {
padding-right: 0;
}

.doubleColumn .column.right {
padding-left: 0;
}
.fourColumn .post,
.sidebar .site-footer .fourColumn .widget {
float: none;
width: auto;
margin: 0;
padding: 24px 0;
}


nav .menu-item{
border-top: 1px solid lightgrey;
}
nav ul.sub-menu .menu-item{
border-top: none;
}
.nav-menu .sub-menu{
margin: 0;
border: none;
}

#menu-social {
position: absolute;
top: 0;
width: 44%;
background-color: transparent;
left: 0;
height: 46px;
}
#menu-social {
position: absolute;
width: 100%;
background-color: transparent;
left: 0;
height: 46px;
top: 22px;
}
.site-header .home-link {
padding: 0;
padding-top: 46px;
}
#search {
position: absolute;
top: inherit;
width: 100%;
background-color: transparent;
right: 0;
height: 46px;
text-align: center;
bottom: 54px;
}



.secondaryNav {
clear: both;

display:none;
}
.category.button {

}
.sidebar .article-container {
max-width: none;
padding: 0;
}

#menu-social ul li {
display: inline-block;
position: relative;
background-color: transparent;
width: auto;
height: auto;
border-radius: none;
}
.doubleColumn {
padding: 0;
}


}
@media (max-width: 420px) {
.site-title {
font-size: 50px;
padding: 0;
min-width: inherit;
margin-top: 24px;
padding-top: 12px;
width: inherit;
float: none;
border-top: none;
}

.site-description {
width: inherit;
max-width: inherit;
padding: 0;
padding-bottom: 12px;
padding-top: 12px;
border-bottom: none;
}
.site-header {
text-align: center;
}
.BannerIMG {
left: -105%;
position: relative;
}

.site-header .home-link {
min-height: 0;
background-color: #0071bc;
padding: 12px;
}
.BannerIMGwrapper {
height: 122px;
}
.BannerIMG {
top: -20%;
}
.site-header .home-link {
min-height: 122px;
background-color: #0071bc;
}
.site-title {
font-size: 30px;
padding: 0;
min-width: inherit;
margin-top: 0;
padding-top: 6px;
width: inherit;
float: none;
border-top: none;
}
.site-description {
padding-top: 4px;
font-size: 12px;
}
.site-header .search-field {
width: 100%;
margin: 0;
}
.site-header .search-form {
top:10px;
}
#menu-social {
display: none;
}
#special{
display:none;
}

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


#menu-social ul {
padding-left: 10px;
}

.werbung {
overflow: hidden;
text-align: center;
margin: 0 -20px;
}

/* 

.secondaryNav ul{
margin:0;
padding:0;
}
.secondaryNav ul{
min-height: 24px;
margin: 24px 0;
}
.secondaryNav ul li {
float: left;
width: 40%;
text-align: center;
}
 */

.entry-thumbnail img{
height: 120px;
margin: 0 auto 24px;
width: auto;
}
.category.button{
}


	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}

	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}



.post-navigation a,
.post-navigation a:visited{
margin: 0 32px;
}
.post-navigation a[rel="prev"]{
margin-bottom: 24px;
}
.post-navigation a[rel="prev"],
.post-navigation a[rel="next"]{
	text-align: left;
	width: auto;
float: none;
}
.post-navigation a[rel="prev"] span.meta-nav{
	float: none;
	text-align: left;
	margin-left: -22px;
}
.post-navigation a[rel="next"] span.meta-nav{
	float: none;
	text-align: right;
	margin-right: 22px;
}
.sidebar .post-navigation .nav-links {
padding: 0 20px;
}


}


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

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before {
		background-image: url(images/dotted-line-2x.png);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
	}

	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}

	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}