/* latin-ext */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/v15/9Bt33CxNwt7aOctW2xjbCstzwVKsIBVV--StxbcVcg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/9Bt33CxNwt7aOctW2xjbCstzwVKsIBVV--Sjxbc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/rnCs-xNNww_2s0amA9v2s23FafadWQ.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/rnCs-xNNww_2s0amA9v2s23OafadWQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/rnCs-xNNww_2s0amA9v2s23PafadWQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/wp-content/themes/layout/fonts/rnCs-xNNww_2s0amA9v2s23BafY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.alignleft  {
	float: left;
display: inline-block;
padding-right: 21px;
}


.alignright {
	float: right;
display: inline-block;
padding-left: 21px;
}


.default-page-wrap .featured-thumb {

	padding: 30px;
	background-color: #fff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}


#secondary  .widget {
	margin-bottom: 10px;
	}

.single-post .editor-entry {
	padding-top: 10px;
	}

.single-post .entry-metas {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 6px;
	}

.patigation .page-numbers:first-child {
	vertical-align: top;
	}

.col-desktop-4, .col-lg-12, .sidebar-col {
	padding-left: 10px;
	}	

.col-desktop-8,
.content-col {
	padding-right: 0px;
	}

.single-post #primary .type-post h1 {	
	font-size: 20px;
	background: #fff;
	padding-left: 30px;
	padding-top: 20px;
	margin-bottom: 0px;
	border-top: 1px solid #eef1fd;
	border-left: 1px solid #eef1fd;
	border-right: 1px solid #eef1fd;
	}

input[type="submit"] {
    background-color: rgb(255, 189, 185);
	}

input[type="submit"]:hover {
    background-color: rgb(156, 189, 185);
	}

.orchid-backtotop {
	background-color: rgba(77,174,161,1);	
	}

.orchid-backtotop:hover {
	background-color: rgb(156, 189, 185);
}

.os-breadcrumb-wrap ul li a {
	color: rgba(77,174,161,1);	
	}

.breadcrumb-trail ul li span {
	color: rgba(77,174,161,1);
	}

.breadcrumb-trail ul li.trail-end a span {
	color: rgba(180,180,180,1);
	}



.archive-page-wrap .archive-entry article {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 13px;
	margin-bottom: 10px;
	}
	

.post-navigation .nav-next,
.post-navigation .nav-previous {
	padding: 10px;
	}

.post-navigation .nav-next span,
.post-navigation .nav-previous span {
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0px;
	}

.post-navigation .nav-next a,
.post-navigation .nav-previous a {
	line-height: 24px;
	font-size: 20px;
	}

.single-post .editor-entry {
	border-top: none;	
	border-bottom: none;
	}


#primary .inner-content-metas {
	padding: 0px;
	margin: 0px;
	padding-right: 10px;
	padding-top: 5px;
	border-bottom:  none;	
	}
.single-post #primary .inner-content-metas {
	border-top:  none;
	}

#primary .entry-cats {
	margin: 0px;
	}


 .mobile-navigation .sub-toggle {
    top: 16px;
 	}


.mobile-header .special-navigation .sub-toggle i, .mobile-navigation .sub-toggle i {
    
    background-color: rgba(77,174,161,1);
}


.site-navigation ul li .sub-menu {
	min-width: 350px;
	}

.site-navigation ul li .sub-menu li a {
	font-size: 20px;
	}


#secondary li {
	padding-bottom: 0px;	
	padding-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	}

#secondary a {
	color: rgb(5, 98, 85);
	font-size: 20px;
	font-size: 16px;
	line-height: 18px;
	margin-left: 0px !important;
	display: block;
	width: 100% !important;
	}

#secondary a:hover {
	color: rgb(21, 181, 159);
	}

#secondary .widget-title {
	margin-bottom: 10px;
	}


.widget .widget-title h3::after {    
    border-top-color: rgba(77,174,161,1) !important;
	}

.patigation .page-numbers.current,
.patigation .page-numbers {		
	background-color: rgba(77,174,161,1) !important;
	font-size: 20px;
}
.patigation .page-numbers.current {
background-color:	rgb(133, 223, 211) !important;
	}


.content-area a,.content-area a:visited {
	color: rgba(77,174,161,1);	
}

.content-area a:hover,
.content-area .posted-date a:hover {	
	color: rgb(156, 189, 185);
}



.menu-toggle span {
	background-color: #333;
}

.mobile-header-style-1 .site-title a:hover {
	color: #888;

}


.mobile-header-style-1 .bottom-block {
width: 60px;
border-radius: 6px;
display: block;
position: absolute;
top: 47px;
right: 10px;
background-color: rgba(255,255,255,0.7);
background-color: rgba(77,174,161,0.7);
}

.mobile-navigation .site-navigation ul li {
    display: block;
    border-bottom: 1px dashed #d2cdcd;
}


.site-navigation ul li:first-child {
    padding-left: 0px;
}

body.menu-toggle-active .mobile-navigation {
	background-color: #fff;
}


.mobile-navigation .site-navigation > ul > li > a {
    border-bottom: 1px solid hsla(255,255,255,1);
    font-size: 24px;
    color: #000;
	}

.mobile-navigation .site-navigation > ul > li.current-menu-item > a {
    color: #dd8;
	}



 .mobile-navigation .site-navigation ul li .sub-menu li a {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    color: #888;
    line-height: 1;
    padding: 7px 0 8px 0px;
    font-size: 20px;
	}

 .mobile-navigation  .site-navigation ul li .sub-menu li:last-child {
 	border: none;
 }

.mobile-navigation .site-navigation > ul > li > a:hover {
    color: #333;
	}


body.menu-toggle-active .mobile-navigation {
    background: #fff;
	}


.header-style-1 .branding {
    max-width: 100%;
}

.mobile-header-style-1 .headerimg {
	height: 150px;
}


.editor-entry a,
a {
	text-decoration: none;
}

.editor-entry a {
	color: #0286e7;
}


a:hover {
	text-decoration: none;	
	color #f00;
}

.site-navigation > ul > li > a {
	text-decoration: none;	
}

.site-navigation > ul > li > a:hover {
	text-decoration: none;	
}

.editor-entry a {

}


.os-breadcrumb-wrap {
	padding-top: 10px;
	padding-bottom: 10px;

}


.breadcrumb-trail ul { 
	justify-content: left;
	}



.os-breadcrumb-wrap .title {
	display: none;
}


.os-breadcrumb-wrap {
    background-color: #fff;
    	}


.entry-metas ul li.posted-by,
.posted-by,
.post-categories    	 {
	display: none;
}

.entry-metas {
	text-align: right;
}


 

.header-style-1 .custom-search-entry, .header-style-1 .custom-search-entry .select-custom {
    border-color:  #4daea1a8;
}

.main-navigation {
background-color: transparent;
background-image: linear-gradient(180deg,#4daea100,#4daea1a0,#4daea1a0,#4daea1a0,#4daea1a0,#4daea1);
	}

input[type="submit"],
.header-style-1 .custom-search .search-form button {
	background-color: #0286e7;
	background-color: #4daea1;
	
}

input[type="submit"]:hover {
   	background-color: #4daea1a8;
   	background-color: #4daea1;
}


body .n2-section-smartslider  {
	position: absolute;
	height: 115px;
	visibility: overflow;
	overflow: hidden;

}

.headerimg-logo-spot01,
.headerimg-logo-spot03 {
height: 150px;
margin: 0px;
background-image: radial-gradient(farthest-side at 50% 50%, #ffffffe0, #ffffff60, #ffffff00);
width: 400px;
position: absolute;
top:0px;
left: 0px;
left: 200px;
}
.headerimg-logo-spot02,
.headerimg-logo-spot04 {
height: 150px;
margin: 0px;
background-image: radial-gradient(farthest-side at 50% 50%, #ffffffe0, #ffffff60, #ffffff00);
width: 400px;

position: absolute;
top:0px;
left: 0px;
left: 370px;
}



.headerimg {
	background-image:url("/wp-content/uploads/2017/07/cropped-IMG_0349-scaled-1.jpg");
	position: absolute;
	height: 200px;	
	overflow: hidden;
	width: 100%;

	background-position: -231px -63px;
	background-size: 100%;

	background-position: -153px -189px;
	background-size: 100%;
	background-position: -153px;	
}

.category-fachartikel-roehl .headerimg  {
	background-image:url("/wp-content/uploads/2017/07/IMG_0348-scaled.jpg");
	background-position: 0px -189px;
	}

.category-theaterrezensionen  .headerimg  {
	background-image:url("/wp-content/uploads/2017/07/IMG_0335-scaled.jpg");
	background-position: 0px -189px;
	}

.category-kultur   .headerimg  {
	background-image:url("/wp-content/uploads/2017/07/IMG_0334-scaled.jpg");
	background-position: 0px -189px;
	}

.page-id-4283   .headerimg  {
	background-image:url("/wp-content/uploads/2017/07/IMG_0333-scaled.jpg");
	background-position: 0px -416px;
	}



.logo-col .site-branding {
	
	color: #fff;
	color: #000;
}


.masterheader {
	height: 200px;
}

.logo-col .site-branding h1 a ,
.logo-col .site-branding a {
	
	color: #fff;
	color: #000;
}

.masterheader .site-title,
.logo-col .site-branding h1,
.logo-col .site-branding {
margin-top: 0px;
font-family: 'Fredericka the Great', cursive;
font-size: 70px;
font-weight: 400;
}

.masterheader .site-description {
	font-family: 'Spectral', serif;
	font-weight: 900;
	}


.os-breadcrumb-wrap {
	margin-bottom: 0px;
}

.os-breadcrumb-wrap .mask {
	background-color: transparent;
}

.os-breadcrumb-wrap {
background-color: transparent;	
}

.breadcrumb-trail ul li span {
	color: none;
	font-size: 18px;
}

.breadcrumb-trail li.trail-item::after {
    content: ">>";
    font-size: 18px;
    padding-left: 10px;
    vertical-align: text-bottom;
}

.breadcrumb-trail li.trail-item::after {
	color: #444;
	vertical-align: text-top;
	font-size: 10px;
	}

.os-breadcrumb-wrap ul li a {
	color: #000;
	}

.os-breadcrumb-wrap ul li a:hover {
	color: #666;
	}




.bottom-header {
	position: absolute;
	top: 150px;
	    width: 100%;
}


.header-style-1  .mid-header {
	padding: 0px;
}

.header-inner {
	height: 160px;
}

.masterheader .site-description {
	position: absolute;
	top: 90px;
	left: 30px;
	top: 64px;
	left: 13px;
	font-size: 22px;
	top: 61px;
	left: 13px;
}

.header-style-1 .mid-header .no-mini-cart .logo-col {
	position: relative;


	position: relative;
	margin-top: 24px;

/*
background-color: #00000020;
*/

}


.header-style-1 .site-navigation {
	width: 100%;
}



.header-style-1 .mid-header .no-mini-cart .logo-col {
    flex: 0 0 100%;
    max-width: 100%;
}


.site-navigation > ul > li {
	border-right: #666;
}

.desktop-header .site-navigation ul li:first-child {
	padding-left: 20px;
}

.desktop-header .site-navigation ul.sub-menu li:first-child {
	padding-left: 0px;
}



.site-navigation > ul > li > a {
    font-size: 16px;
    font-size: 18px;
    top: 10px;
    color: #fff;
	letter-spacing: 2px;
	}

.site-navigation > ul > li.current-menu-item > a,
.site-navigation > ul > li.current-menu-parent > a {
	color: #ff8;
	}

.site-navigation ul li .children,
.site-navigation ul li .sub-menu {
    background: #4daea1;

}	



.site-navigation ul li .sub-menu li a:hover,
.site-navigation ul li .children li a:hover {
   background: #1c8678e0;
}


.os-breadcrumb .breadcrumb-trail ul li:first-child {
	padding-left: 19px;
}

.site-navigation > ul > li > a:hover {
    color: #dd8;
}


.logo-col .site-branding a:hover {    
    color: #444;
}


.editor-entry a {
    color: #3c7d77;
	}

.breadcrumb-trail ul li.trail-end a span {
	display: none;
	}


@media (max-width:1370px) {




.site-navigation > ul > li > a {
	letter-spacing: 1px;
	padding:0 11px
	}

 	}


@media (max-width:1300px) {

.breadcrumb-trail ul li.trail-end a span {
	display: none;
	}


.site-navigation > ul > li > a {
	letter-spacing: 0px;
	padding:0 11px
	}

 	}



@media (max-width:1000px) {

.default-page-wrap .featured-thumb {
	padding-left: 0px;
	padding-right: 0px;
	}



.masterheader {
    height: 150px;
	}	

#content .__os-container__ {
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	}

.single-post #primary .type-post h1  {
	padding-left: 10px;
	}

#content .__os-container__ .editor-entry {
	padding-left: 10px;
	}

.os-breadcrumb .breadcrumb-trail ul li:first-child {
    padding-left: 10px;
	}

 	} 	

@media (max-width:400px) {
.masterheader .site-title, .logo-col .site-branding h1, .logo-col .site-branding {
    font-size: 49px; 
	}

.masterheader .site-description {
    position: absolute;
    font-size: 15px;
    top: 41px; 
	}	

.mobile-header-style-1 .bottom-block {
    top: 23px;
	}

.mobile-header-style-1 .headerimg {
    height: 94px;
	}

.header-inner {
    height: 100px;
}

.masterheader {
    height: 84px;
}


.page-id-4283 .masterheader {
    height: 64px;
}



 	}