/*
Theme Name: 	Catch Responsive Child
Theme URI: 		https://catchthemes.com/themes/catch-responsive
Author: 		Catch Themes
Author URI: 	URI: https://catchthemes.com/
Description:	Smedia Child Theme
Template:		layout 
Version: 		1.0
Tags:			theme-options, translation-ready, footer-widgets
*/

/* CSS Erweiterungen für das Child Theme
-------------------------------------------------------------- */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6
{
	font-family: "Open Sans", sans-serif;
}


#masthead {
    padding: 0px 0;
}
.sidebar-header-right {
    display: none;
}



#menu-hauptmenu li a, #search-toggle {
	background-color: transparent;
	border-style: solid; 
	border-width: 6px 8px 7px 7px; 
	-moz-border-image: url("images/bg_button.png") 6 8 7 7 stretch; 
	-webkit-border-image: url("images/bg_button.png") 6 8 7 7 stretch; 
	-o-border-image: url("images/bg_button.png") 6 8 7 7 stretch; 
	border-image: url("images/bg_button.png") 6 8 7 7 fill stretch;
	}
#search-container {
	bottom: -60px;
    right: 20px;
    width: 40%;
	right:20px;
	left: auto !important;
	background-color: transparent;
	border-style: solid; 
	border-width: 6px 8px 7px 7px; 
	-moz-border-image: url("images/bg_h1.png") 6 8 7 7 stretch; 
	-webkit-border-image: url("images/bg_h1.png") 6 8 7 7 stretch; 
	-o-border-image: url("images/bg_h1.png") 6 8 7 7 stretch; 
	border-image: url("images/bg_h1.png") 6 8 7 7 fill stretch;
	}
#search-container .search-form {
    padding: 5px !important;
}
#search-toggle {
	padding: 0 35px 40px 15px;
	color: #846040;
	font-weight:bold;}
#search-toggle::before {
    margin-top: 8px;
}	
#search-toggle.genericon::before {
    line-height: 1.4em;
}
#search-toggle:hover {
	background-color: transparent;
    color: #604122;
}
.catchresponsive-nav-menu a, .sidebar-header-right .widget_nav_menu a {
    color: #846040;
	font-weight:bold;
    line-height: 40px;
    padding: 0 20px;
}

.catchresponsive-nav-menu li:hover > a,
.sidebar-header-right .widget_nav_menu li:hover > a,
.catchresponsive-nav-menu .sub-menu li a:hover,
.catchresponsive-nav-menu .sub-menu li a:focus,
.catchresponsive-nav-menu .children li a:hover,
.catchresponsive-nav-menu .children li a:focus,
.sidebar-header-right .widget_nav_menu .sub-menu li a:hover,
.sidebar-header-right .widget_nav_menu .sub-menu li a:focus {
	background-color: transparent;
	color: #604122;
}


.catchresponsive-nav-menu .sub-menu .sub-menu,
.catchresponsive-nav-menu .children .children,
.sidebar-header-right .widget_nav_menu .sub-menu .sub-menu {
	border-top: 1px solid #eee;
	margin: -43px 0 0 249px;
}


a {
	color:#846040
}


body.home #featured-content{
    margin-bottom: -30px;
}
body.home #content {
	border-top:none !important
	}
body.home #content .entry-meta {
	/*display:none;*/
	}
body.home article {
    margin: 0;
}
body.home .archive-post-wrap {
    padding-bottom: 0px;
}
.archive-post-wrap, .page-header .page-title {
    border-bottom: none;
}

.entry-title a:hover {
	color: inherit;
}
#reply-title {
	background: transparent url("images/comment_title.png") left top no-repeat;
	font-size: 19px;
    padding: 5px 15px 15px;
	}
	
body.home .nav-previous a, .post-navigation .nav-previous a .meta-nav{
	background: transparent url("images/bg_next.png") left top no-repeat;
	font-size: 15px;
	padding: 6px 60px 15px 25px;
	
	}
body.home .nav-next a{
	background: transparent url("images/bg_next.png") right top no-repeat;
	font-size: 15px;
	padding: 6px 50px 15px 25px; 
	}	
.post-navigation .nav-next a .meta-nav{
	background: transparent url("images/bg_next.png") right top no-repeat;
	font-size: 15px;
	padding: 6px 100px 15px 25px; 
	}		
#nav-below {
    padding-bottom: 40px;
}
#nav-below a:hover, #nav-below a:active, #nav-below a:focus {text-decoration:none;}
a.more-link {
	font-style:italic
        }
.nav-primary {
    background-color: transparent;
	margin-bottom: 25px;
}
.widget-wrap {margin-top:8px}
.widget-wrap div, .widget-wrap ul {margin-left:12px}
.widget-title {
	background: transparent url("images/sidebar_title.png") left top no-repeat;
	padding: 7px 10px 12px 12px;
	}
#featured-content, #content {
    border-style: solid; 
	border-width: 9px; 
	-moz-border-image: url(images/border.png) 17 stretch; 
	-webkit-border-image: url(images/border.png) 17 stretch; 
	-o-border-image: url(images/border.png) 17 stretch; 
	border-image: url(images/border.png) 17 fill stretch;
	background: transparent;	
	
}


.twocolumn {float:left; width:50%; margin-bottom:1em;}
.twocolumn:nth-of-type(2n+1) {}
.twocolumn:nth-of-type(2n+2) {}
.twocolumn:nth-of-type(2n+3) {clear:left;}
@media screen and (max-width: 700px) {.twocolumn {width: 100%;}}

.bild {
    background: #fff none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#featured-content, #supplementary {
    padding-top: 0px;
}
#featured-content .wrapper, #content .wrapper {
	background: transparent url("images/bg_page.png") center top repeat;
	padding:5px;
	}
#featured-content .featured-heading-wrap {
	padding:22px 20px;
	}
#featured-heading { 
font-weight:bold}
#site-generator {
    border-top: 0px none;}
#main .entry-header {
	background: transparent url("images/bg_h1.png") left center no-repeat;
	padding:20px 20px 20px 10px;
	margin-left:-45px;
	margin-bottom:20px;
	}
#main h1 {
  background: transparent url("images/h1.png") left center no-repeat;
  padding-left:40px;
  margin-bottom:0px;
  font-size: 30px !important;
}	

.nav-primary .search-field, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    border: 1px solid #D5B694;
	background-color:#FFEFDE;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #d5b694 none repeat scroll 0 0;
    border: 1px solid #846040;
    border-radius: 3px;
    box-shadow: none;
    color: #604122;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    margin-top: 6px;
    text-shadow: none;
	padding: 10px 20px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #846040;
	box-shadow: none;
	background-color: #E7D6C2;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #846040;
	box-shadow: none;
	background-color: #E7D6C2;
}

.nav-below { font-weight:bold}
@media (max-width: 700px) {
	#main .entry-header {
	margin-left:-35px;
	border-style: solid; 
	border-width: 0px 9px 0px 9px; 
	-moz-border-image: url("images/bg_h1.png") 0 9 0 9 repeat stretch; 
	-webkit-border-image: url("images/bg_h1.png") 0 9 0 9 repeat stretch; 
	-o-border-image: url("images/bg_h1.png") 0 9 0 9 repeat stretch; 
	border-image: url("images/bg_h1.png") 0 9 0 9 fill repeat stretch;
	padding: 10px;
	background-image: none;
	}
	}
@media (min-width: 992px) {}

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

@media (max-width: 991px) {
	#masthead {
		padding: 5px 0;
	}
	.mobile-menu-anchor a.genericon-menu, .mobile-menu-anchor a.genericon-menu:hover {
		color: #fff7e6;
		text-decoration: none;
	}
	.mobile-menu-anchor a.genericon-menu:after {
		content:"SCHARFE.EU"; 
		color:#fff7e6; 
		font-family:Verdana, Geneva, sans-serif;
		font-size: 18px; 
		margin: 15px;
	}
	.genericon::before {
		line-height: 0.7;
	}
	.sidr {
		background: #fff7e6 none repeat scroll 0 0 !important;
		box-shadow: 0 0 3px 3px #e5dab9 inset !important;
	}
	.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
    box-shadow: 0 0 15px 3px #EDE6CD inset !important;
}
	#scrollup::before {
    margin-top: 10px;
	}
}


#site-info {
    border-top: none;
    text-align: left;
	font-size: 0.9em;
	padding: 20px 20px 40px 20px;
}
#site-info, #site-info a {
    color: #fff7de;
}
.copyright { float: left}
.impress {float:right}

.site .widget_catchresponsive_social_icons a.genericon,
.site .entry-content .widget-wrap a.genericon {
    background-color: #D5B694;
    border: 1px solid #846040;
    border-radius: 20px;
    box-sizing: content-box;
    color: #604122;
    height: 20px;
    margin: 0 0 5px 5px;
    padding: 5px;
    width: 20px;font-size: 20px;
}
.site .entry-content .widget-wrap a.genericon:hover {
	color:#FFF;
	text-decoration:none;
}
.site .widget-wrap a.genericon-facebook-alt:hover {
	background-color: #3b5998;
	border-color: #3b5998;
	
}

.site .widget-wrap a.genericon-twitter:hover {
	background-color: #00aced;
	border-color: #00aced;
}

.site .widget-wrap a.genericon-googleplus-alt:hover {
	background-color: #dd4b39;
	border-color: #dd4b39;
}

.site .widget-wrap a.genericon-mail:hover {
	background-color: #1d62f0;
	border-color: #1d62f0;
}
.site .widget-wrap a.genericon-vimeo:hover {
	background-color: #aad450;
	border-color: #aad450;
}
.site .widget-wrap a.genericon-youtube:hover {
	background-color: #bb0000;
	border-color: #bb0000;
}

#scrollup {
    background-color: #fff7e6;
    color: #555;
	bottom:40px;
	}
#scrollup:hover {
	background-color: #513600;
	color: #fff7e6;
}

/* Bild und Grafik ======================= */
.img-autowidth {width:100%}
.bild 		 {margin: 4px 4px 4px 0; }
.bild_rechts {margin: 4px 4px 4px 10px; float: right;}
.bild_links  {margin: 4px 10px 4px 0; float: left;}
.bild, .bild_rechts, .bild_links { /* Schatten oder Rahmen */
	background: #fff; 
	border: 4px solid #fff; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	}
.grafik		{border-width: 0px;}
.galerie 	{margin: 0 5px 10px 0; border: 0px;}
.grafik_rechts, .grafik-rechts	{margin: 3px 0 3px 10px; border: 0px; float: right;}
.grafik_links	{margin: 3px 10px 3px 0; border: 0px; float: left;}
.grafik_icon	{ float:left; margin:0 10px 0 0 !important; }

#cookie-law-bar {
	background-color: rgba(132, 96, 64, 0.7) !important;
	color: #fff !important;
	font-size: 13px; 
	font-family: inherit;
	min-height: 32px !important;
    padding: 6px 12px 4px 12px!important;
	line-height: inherit;
}
#cookie-law-bar button {
	background-color: #FFEFDE !important;
	background-image: none !important;
	border: 1px solid #604122 !important;
	border-radius:4px;
	box-shadow: none !important;
	color: #604122 !important;
	font-size: 13px;
    line-height: 20px !important;
    margin: 0 0 0 12px !important;
    padding: 0 8px !important;
	vertical-align: auto !important;
}

/* Cookieinfo Cookiebar ================================================== */
#cookie-bar {background: rgba(152, 111, 73, 0.9) !important; box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.5); !important; }
#cookie-bar-prompt-content {background: #C4A486 !important; box-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;}
#cookie-bar {padding: 8px !important;}
#cookie-bar-prompt {background:rgba(0,0,0,0.4) !important;}
#cookie-bar-prompt-content {padding: 15px !important;}
#cookie-bar-prompt-content br {display: none;}
#cookie-bar, #cookie-bar-prompt-content, #cookie-bar p, #cookie-bar-prompt,  #cookie-bar-prompt p {font-size: 12px !important;font-family:inherit;color: #333 !important; font-size:14px !important}
#cookie-bar p {margin: 6px 0 0 20px !important;}
#cookie-bar-prompt-content a, #cookie-bar a, #cookie-bar-prompt-content span,
#cookie-bar-prompt-content a:hover, #cookie-bar a:hover{color: #FFF !important;}
#cookie-bar-button, #cookie-bar-button-no {padding: 8px 12px 7px 12px !important; border-radius: 5px;}
#cookie-bar-button:hover, #cookie-bar-button-no:hover { text-decoration:none !important}
#cookie-bar-browsers { padding-bottom:15px !important}