/*
Theme Name: Der Loewe - Twenty Twelve
Template: twentytwelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/  for Der Loewe: sd4u
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

---- Notice
Farben:
alt :#FFEFB2    neu: #fdfad9


/* =Reset
-------------------------------------------------------------- */

h1, h2{
clear: both;
font-family: Times, serife;
font-style: italic;
font-weight: bold !important;
color: #C52534;
font-size: 26px !important;}

.entry-content h2 {font-size:20px !important;
font-weight: normal;}

a {color: #C52534;}

/*a.lokal-start:hover {background-image: url(https://derloewe.eu/das-lokal_u_catering/wp-content/uploads/2020/09/Kochloeffel_Start_Link.jpg);
background-repeat: no-repeat;}

a.catering-start:hover {background-image: url(https://derloewe.eu/das-lokal_u_catering/wp-content/uploads/2020/09/Catering_Start_Link.jpg);
background-repeat: no-repeat;}*/


/* =Repeatable patterns
-------------------------------------------------------------- */

/* images */
 img.header-image {width: 100%; border-radius: 0;
    box-shadow: none;}
    

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #C52534;
	background-color: #FFEFB2;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -ms-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -webkit-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -o-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: linear-gradient(to bottom, #FFE16C , #FFEFB2);
	border: 1px solid #FFE16C;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}


.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #C52534;
	background-color: #FFEFB2;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -ms-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -webkit-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -o-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: linear-gradient(to bottom, #FFE16C , #FFEFB2);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #C52534;
	background-color: #FFEFB2;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -ms-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -webkit-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: -o-linear-gradient(top, #FFE16C , #FFEFB2);
	background-image: linear-gradient(to bottom, #FFE16C , #FFEFB2);
	box-shadow: inset 0 0 8px 2px #FFEFB2, 0 1px 0 0 #ffffff;
	border-color: transparent;
}


/* =Basic structure
-------------------------------------------------------------- */

/* Page structure */
.site {
	padding: 0 0px;
	padding: 0 0rem;}
	
	/* Header */
.site-header {
	padding: 0;
	padding: 0;
	background-color: #C52534;
}

/* Navigation Menu */
.main-navigation {margin: 0; background-color: #FFD736;}
.main-navigation a {
	color:#C52534;
}
.main-navigation a:hover {
	color: #FFEFB2;
}

.main-navigation li{
font-size: 0.9rem;
}

/*sidebar*/


.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	font-family: Times, serife;
font-style: italic;
color: #C52534;
font-size: 18px;
	padding-top: 1em;
}

div.top-widget-column.widget-area aside#text-9.widget.widget_text {
	margin-bottom: 0px;
	margin-bottom: 0rem;
}

/* Footer */
 footer[role="contentinfo"] {
    max-width: 1024px;
		max-width: 73.142857142rem;
    color: #ffffff; text-align: center; border-top: 0px; background-color:#C52534;}



/* =Main content and comment content
-------------------------------------------------------------- */

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

.entry-content {margin-right: 20px;}



.site-content article {
    border-bottom: 0px;
    	word-wrap: none;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
padding-left: 1em;}

#primary.site-content {margin-top: 3em;}

 .entry-content h2 {margin-top:0 !important;}


/* =Archives
-------------------------------------------------------------- */



/* =Single audio/video attachment view
-------------------------------------------------------------- */




/* =Single image attachment view
-------------------------------------------------------------- */




/* =Aside post format
-------------------------------------------------------------- */




/* =Post formats
-------------------------------------------------------------- */




/* =Comments
-------------------------------------------------------------- */



/* =Front page template
-------------------------------------------------------------- */



/* =Widgets
-------------------------------------------------------------- */
#secondary.widget-area {text-align: center !important}


.site-footer {
    clear: both;
}

/*Verkauf Widget*/

/*.widget-area {
    float: left;}  deaktiv f. Kirche*/

.top-widgets {
    margin-top: 1em;
	background-color:: #fdfad9 !important;
display: flex;}

.top-widgets.top-widgets .top-widget-column.widget-area{
	float: left;
	background-color: #fdfad9 !important;
	width: 35.5% !important;
	padding-left: 3.333em !important;
	padding-right: 3.333em !important;
	margin: -0.8em;
	box-sizing: border-box;
}
	
.widget-title {text-transform: unset !important;}

div#top-widgets.top-widgets div.top-widget-column.widget-area h3.widget-title {
	line-height: 1.52em !important; 
	margin-bottom: 5px !important; 
	margin-bottom: 0.714285714rem !important;}

/*div#top-widgets.top-widgets div.top-widget-column.widget-area aside#text-4.widget.widget_text h3.widget-title {padding-top: 0rem !important; 0px !important;}
div#top-widgets.top-widgets div.top-widget-column.widget-area aside#text-11.widget.widget_text {margin-bottom: 0 !important;}

div#top-widgets.top-widgets div.top-widget-column.widget-area aside#text-13.widget.widget_text h3.widget-title {padding-top: 0rem !important; 0px !important;}
div#top-widgets.top-widgets div.top-widget-column.widget-area aside#text-2.widget.widget_text {margin-bottom: 0 !important;}*/

.widget.widget_text {margin-bottom: 1.2rem;}


/* =Plugins
----------------------------------------------- */

/* Blocks 
----------------------------------------------- */

.wp-block-pullquote {
    border-top: 1px solid #C52534 !important;
    border-bottom: 1px solid #C52534 !important;
    padding: 0 !important;
}
	
.wp-block-pullquote p {
    font-size: 1.2em !important;
}


/* Special Startpage */
/*.page.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site header#masthead.site-header {margin-left: 12%;}*/

article#post-161.post-161.page.type-page.status-publish.hentry div.entry-content {margin-right: 0px; }

article#post-161.post-161.page.type-page.status-publish.hentry header.entry-header h1.entry-title {color: transparent !important;}

.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site nav#site-navigation.main-navigation {margin-top: -2px; height:30px;}

article#post-161.post-161.page.type-page.status-publish.hentry {margin-top: -4%; margin-bottom: -1%; padding-bottom:0; padding-left: 0;}
article#post-161.post-161.page.type-page.status-publish.hentry footer.entry-meta {margin-top: 0 !important;}

/*.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site header#masthead.site-header {width: 75% !important; margin-left: 7%;} */

.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site header#masthead.site-header a img.header-image {width: 65% !important; margin-left: 7%;}


.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site footer#colophon {margin-top:0 !important;}

/*Catering Katalog*/
article#post-295.post-295.page.type-page.status-publish.hentry div.entry-content {margin-right: 0px !important;}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 420 pixels. */
@media screen and (max-width: 420px) {
div#primary.site-content, div#secondary {margin-left: 8px !important; margin-top: 0 !important;}
header#masthead.site-header p.top {text-align:right; padding-top: 5px;}
header#masthead.site-header a.top {text-transform: uppercase; font-weight:bold; text-decoration: none; color: #FBEEB4;}
	
.menu-toggle {font-size: 1rem;}

.main-navigation li {
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 1.3em;
}
	
/*Block*/
	.wp-block-media-text__media img {width: 50%;}	
	.wp-block-media-text :last-child {margin-bottom: 1em;}
	/*.widget img {float: left;}*/
	.site-content article {margin-bottom:0; padding-bottom: 0;}
	
/*Fotos*/
	
p img.alignright {width: 100% !important;}
figure.wp-block-media-text__media img {width: 100%;}
	
		
		
/* Special Startpage */	
.page-id-161.custom-background.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site header#masthead.site-header a img.header-image {width: 150% !important; max-width: 90% !important;}
	
article#post-161.post-161.page.type-page.status-publish.hentry {margin-top: -18% !important; }	
	
article#post-161.post-161.page.type-page.status-publish.hentry div.entry-content {margin-right: 10px; }

article#post-161.post-161.page.type-page.status-publish.hentry div.entry-content img {max-width: 90%;}

/*Über uns Page*/
article#post-96.post-96.page.type-page.status-publish.hentry div.entry-content {text-align: center; }

/*Widgets*/
.top-widgets {
display: inherit;}

img.wp-image-1830.alignright {width: 30% !important;}  /*Silvester Glas*/

div#secondary.widget-area {float: center !important;}
	div#secondary.widget-area {margin-top: -1.6em !important;}
div#secondary.widget-area .widget img {width: 90% !important;}
	.entry-content ul {margin-bottom: 0 !important;}

.blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {display: block !important; width: 100% !important; margin-right: 0;}

}

@media screen and (max-width: 421px) {
h1.entry-title {padding-top: 1em;}
	.wp-block-column {flex-basis: 40% !important;}
}

@media screen and (min-width: 422px) and (max-width: 768px) {
.wp-block-column {
    flex-basis: 0% !important;
    flex-grow: 1;}
	}


/* Minimum width of 421 pixels. */
@media screen and (min-width: 421px) {
	/*Widgets*/
.top-widgets {
display: flex;}
}
	
	
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

.site {
		max-width: 1024px;
		max-width: 73.142857142rem;
	}

  .site-content {
    float: right;
    width: 69.104166667%; }
    
  #secondary.widget-area {padding-left: 12px;
   padding-left: 0.857142857rem; /*1.714285714rem;*/
    padding-right: 0.857142857rem;
   border-right: dotted 1px #999999;  }

  .main-navigation li {
    border-right: 1px solid #ffffff;
    margin: 0;
    padding-left: 10px; padding-right: 20px;
  }

  .main-navigation li ul {
  margin-left: -24px;}
   
  .main-navigation li a{
   text-transform: none;
   color: #C52534; }
   
   .main-navigation ul.nav-menu {
    border-top: 0px solid #ededed;
    padding-left: 1.5em;}
   
   .main-navigation li ul li a {
     border-bottom: 1px solid #ffffff;
     font-size: 1em;
     color: #C52534 ; background-color: #FFEFB2;}
     
   p.top {text-align: right; padding-top: 12px;  }
   a.top {text-transform: uppercase; font-weight:bold; text-decoration: none; color: #FBEEB4;}
	
/* Special Startpage */	
	article#post-161.post-161.page.type-page.status-publish.hentry div.entry-content img {max-width: 50%;}
	
}

/* Maximum width of 600 pixels. */
@media screen and (min-width: 601px) and (orientation: landscape) {
/*.main-navigation ul.nav-menu {
    padding-left: 0em;}*/
}

/* Minimum width of 960 pixels. */
@media screen and (max-width: 960px) 
{
	
/*Footer Widgets - Verkauf Widget*/

.top-widgets.top-widgets .top-widget-column.widget-area{
	float: left;
	background-color: #FFEFB2 !important;
	width: 100% !important;
	padding-left: 3.333em !important;
	padding-right: 3.333em !important;
	box-sizing: border-box;
}
    
div#metaslider_container_433 div#metaslider_433.flexslider{
max-width: 60%;}
	
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
  body .site {
		padding: 0 0px;
		padding: 0 0rem;  }

}