/*
Theme Name: Webdesign und Printdesign 4u aus 2020
Author: sauerdesign and the WPteam 2019
Author WP URI: https://wordpress.org/
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: web_print_sd_child
Template: twentyseventeen

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/



/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}



h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

h5 {
	font-size: 16px;
	font-size: 1rem;}


p.post-it {
    background: rgba(0, 0, 0, 0) url("images/post.jpg") no-repeat scroll 0 0;
	background-size: 220px;
    color: #333333;
    font-size: 0.9rem;
    height: 220px;
    margin-left: 0;
    padding: 20px 5px 5px 10px;
}

p.karo {
    background: rgba(0, 0, 0, 0) url("images/karo.jpg") no-repeat scroll 0 0;
	color: #333333;
    font-size: 0.9rem;
    height: 210px;
    margin-left: 0;
    padding: 20px 5px 5px 10px;
}


blockquote, blockquote.wp-block-quote:not(.is-large):not(.is-style-large) {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	border: 0.05em dashed #ffd700;
	padding-left: 8px !important;
	padding-top: 5px !important;
	margin: 0;
	overflow: hidden;
	padding: 0;
	margin-top:1em;
	margin-bottom:1em;
}

.wp-block-quote p {
	margin: 0;
}


blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}


/* Typography for Arabic Font */


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/



/* Placeholder text color -- selectors need to be separate to work. */

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: red;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/


/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #ffd700;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

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


a.tag-cloud-link {color: #ffd700;}


/* Hover effects */

.entry-content a {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover {color: #666666;
-webkit-box-shadow: none;
	box-shadow: none;}




/* Fixes linked images */

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/



/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	background: #fff;
	border-bottom: 1px solid #FFD700;
	border-top: 1px solid #FFD700;
	z-index: 100; /*für mobil Menü Sichtbarkeit*/
}

.navigation-top a {
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
}



/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */



/* Menu toggle */

.menu-toggle {
	
}

/* Display the menu toggle when JavaScript is available. */


/* Dropdown Toggle */

.dropdown-toggle {
	
}


/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-header {
	background-color: #ffffff;
}

/* Site branding */



.site-branding { margin-bottom:0px !important; padding: 5.5em 0 5.5em 0;}

.site-branding a {

}

.site-branding a:hover,
.site-branding a:focus {

}

.site-title {

}

.site-title,
.site-title a {
	color: #666666;
}



.site-description {
	
}



.custom-logo-link {
	
}

.custom-logo-link img {
	
}


.custom-header {margin-bottom:0px !important;}





/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding-top: 1em;}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	
}

.site-content {

}

#primary h1.entry-title {font-size: 24px; font-size: 1.25rem; font-weight:100; padding-left: 6px;
border-left: dotted 0.1em #9f9f9f; border-bottom: dotted 0.1em #9f9f9f;}

#post h1.entry-title {margin-top: 4em !important;}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

body.page-template-page-sauerdesign #content #primary .entry-header,
body.page-template-page-test #content #primary .entry-header,
body.post-template-default #content #primary .entry-header {
    margin-bottom: 2em;
}


/*Blockstyle Specials*/

div.wp-block-media-text.alignwide.is-stacked-on-mobile.referenz figure.wp-block-media-text__media a img {
    padding-top: 10px !important; padding-bottom: 10px !important;}


/*entry footer*/

.entry-footer {
	display: none;
    /*border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;*/
}


/* 404 page */



/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {}
	

.site-footer .wrap {
	
}

/* Footer widgets */

.site-footer .widget-area {
	
}

#colophon .widget-column.footer-widget-1 {
	background: #cccccc; border-radius: 5px; padding: 0.3em; margin-bottom: 1em;}

/* Social nav */



/* Site info */

.site-info {
	float: right, font-style: italic;
}


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/



/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/




/* widget forms */




/* widget lists */


/* Widget lists of links */


/* Widget markup */


/* Text widget */

h2.widget-title { font-size: 0.9rem; padding: 6px;
background-color: #9f9f9f; color: #ffffff; border-radius: 3px;}
	
	/*adress-special*/
section#text-5.widget.widget_text h2.widget-title {background-color: #ffffff; color: #ffd700; }
section#text-5.widget.widget_text div.textwidget p {font-weight: bold;}

/*adress*/
#colophon .widget-column.footer-widget-4 {background-color: #ffd700; color: #ffffff; border-radius: 5px;}


section#metaslider_widget-5.widget, section#metaslider_widget-6.widget, section#text-5.widget.widget_text, section#text-8.widget.widget_text, section#text-9.widget.widget_text {padding-bottom: 0em !important;}


/* Contact Info Widget */


/* Gravatar */


/* Search */



/* Tag cloud widget */



/* Calendar widget */



/* Gallery widget */



/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/



/* SVG Icons base styles */



/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16.2 Slider
--------------------------------------------------------------*/

div#metaslider_46.nivoSlider div.nivo-caption {display: none !important;}


/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/


/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/



/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */

/*160px*/
@media screen and (min-width: 10em) {
	
		/* Header */
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/02/sauer_design_logo.png);
	background-size: contain;
	background-position: center top;
    /*height:40%;*/
    background-repeat: no-repeat;}
}

/*320px*/
@media screen and (min-width: 20em) {
	
		/* Header */
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/02/sauer_design_logo.png);
	background-size: 60%;
	background-position: center top;
    height:30%;
    background-repeat: no-repeat;}
	
	body.page-template-page-sauerdesign #content #primary,
	body.page-template-page-test #content #primary,
	body.post-template-default #content #primary {max-width: 100%;}
	body.page-template-page-sauerdesign #content.site-content div.wrap aside#secondary.widget-area,
	body.page-template-page-test #content.site-content div.wrap aside#secondary.widget-area,
	body.post-template-default #content.site-content div.wrap aside#secondary.widget-area{
		float:left; width: 100%;}


	/* Site Footer */

	/*adress*/
#colophon .widget-column.footer-widget-4 {
  width: 100%; /*margin: 0.2em;*/ padding: 0.3em; background-color: #ffd700; color: #ffffff; border-radius: 5px;}
	
	#text-5.widget.widget_text div.textwidget p a {color: #ffffff; }
	.widget a, .site-footer .widget-area a {box-shadow: inset 0 -1px 0 #ffffff;}
	
	/*Kategorie Wolke*/
li a.tag-cloud-link {color: #9f9f9f;}
.tagcloud ul.wp-tag-cloud li a.tag-cloud-link:hover {color: #ffd700; }
	
}

/*480px*/
@media screen and (min-width: 30em) {

	/* Typography */

	

	/* Fix image alignment */
	
	/* Header */
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/02/sauer_design_logo.png);
	background-size: 80%;
	background-position: center top;
    height:30%;
    background-repeat: no-repeat;}
	
	/* Site Branding */

	/* Pages*/
	


	/* Front Page */

	

	/* Blog Index, Archive, Search */

	

	

	/* Gallery Columns */
	
	/*Footer Widgets*/

}



/*688px*/
@media screen and (min-width: 43em) {
	
#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height:39%;
    background-repeat: no-repeat;}

body.page-template-page-sauerdesign #content #primary,
	body.page-template-page-test #content #primary,
	body.post-template-default #content #primary{
	max-width: 80%;     /*86*/}

body.page-template-page-sauerdesign #content #primary .entry-header,
	body.page-template-page-test #content #primary .entry-header,
body.page-template-page-sauerdesign #content #primary .entry-content,
	body.page-template-page-test #content #primary .entry-content,
body.post-template-default #content #primary .entry-header {
    float: left;
    width: 80%;       /*86*/}

body.page-template-page-referenzen #content #primary {
	max-width: 100%;     /*86*/}

body.page-template-page-referenzen #content #primary .entry-header,
body.page-template-page-referenzen #content #primary .entry-content,
body.post-template-default #content #primary .entry-header {
    float: left;
    width: 100%;       /*86*/}

body.page-template-page-sauerdesign #content.site-content div.wrap aside#secondary.widget-area,
	body.page-template-page-test #content.site-content div.wrap aside#secondary.widget-area,
body.post-template-default #content.site-content div.wrap aside#secondary.widget-area {
    float: right;
    padding-top: 0;
    width: 30%;       /*20*/}

}




/*768px*/
@media screen and (min-width: 48em) {

	/* Typography */

	

	/* Layout */

	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height:39%;
    background-repeat: no-repeat;}
	
	body.page-template-page-sauerdesign .wrap,
	body.page-template-page-test .wrap{	/*margin-top: 2em;*/	}
	
	body.post-template-default .wrap {/*margin-top: 0;*/}
	
	
body.page-template-page-sauerdesign #content.site-content,
body.page-template-page-test #content.site-content { padding-top: 3em;}
		/*margin-top: 0em;*/
	
body.post-template-default #content.site-content div.wrap {	margin-top: 3em;}
	
	.has-sidebar #secondary {margin-top: 6em;}

	.post-template-default .site-content {padding-top: 0;}
	
	

	/* Navigation */

	
	/* Main Navigation */

	
	/* Scroll down arrow */

	

	/* Front Page */


	
	/* Front Page - Recent Posts */

	

	/* Posts */



	/* Blog, archive, search */

	
	/* Entry content */

	
	/* blog and archive */

	

	/* Post formats */



	/* Pages */


	/* 404 page */


	/* Comments */

	
	/* Posts pagination */

	

	/* Secondary */

	
	/* Widgets */
	

	
	
	
	/* Footer */
	
	#colophon .widget-column.footer-widget-1 { width: 32%; background: #cccccc; margin-right: 0.8em; padding: 0.3em; border-radius: 5px;}
	

	
/*adress*/
#colophon .widget-column.footer-widget-4 {
  width: 32%; float: right; /*margin: 0.2em;*/ padding: 0.3em; background-color: #ffd700; color: #ffffff; border-radius: 5px;}
/*such Wolke*/
#colophon .widget-column.footer-widget-full { width: 100%; float: left;}
	
	footer#colophon .textwidget p a {color: #ffffff; box-shadow: none; text-decoration: underline; }
	


	
	/* Gallery Columns */

	
}

/* ---WICHTIGE Reihenfolge Queries mit Aurichtung / Orientation-- */

/*800px*/
@media screen and (max-width: 50em) and (orientation:portrait) {

	/* Typography */

	

	/* Layout */

	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height:19%;
    background-repeat: no-repeat;}
	
	/* Site Branding */
	
	.site-branding {padding-top: 4em; padding-left: 6em; margin-bottom:6em;}

	.site-title {font-size: 1.4rem;}
	
}


/*598-642px*/
@media screen and (min-width: 598px) and (max-width: 642px) {
	
.site-branding {padding-left: 1em; padding-top: 3.5em; padding-bottom: 0;}

	.site-title {font-size: 1.4rem;}
	
		.site-content-contain {margin-top: 2em;}
	
body.post-template-default #page.site .site-content-contain {margin-top: 0;}
	
}




/*1040px*/
@media screen and ( max-width: 65em ) and (orientation: landscape) {
	
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height:39%;
    background-repeat: no-repeat;}
	
	/* Site Branding */
	
	.site-branding {padding-top: 6em; padding-left: 6em;}

	.site-title {font-size: 1.4rem;}
	
}

/*807-852px*/
@media screen and (min-width: 807px) and (max-width: 852px) and (orientation: landscape){
			
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height:53%;
    background-repeat: no-repeat;}		

	.site-branding {padding-top: 4.5em;}
	
}


/*667-742px*/
@media screen and (min-width: 667px) and (max-width: 742px) and (orientation: landscape){
			
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 98%;
    height:26%;
    background-repeat: no-repeat;}		

	.site-branding {padding-left: 3.5em; padding-top: 3.5em; padding-bottom: 0.5em;}
	
body.post-template-default #page.site .site-content-contain {margin-top: 6em;}
		.site-content-contain {/*margin-top: 8em;*/}
	
}


/*600-642px*/
@media screen and (min-width: 598px) and (max-width: 642px) and (orientation: landscape){
	
	.site-branding {padding-left: 3.5em; padding-top: 3.5em; padding-bottom: 0;}
	
	body.post-template-default #page.site .site-content-contain {margin-top: 4em;}
	.site-content-contain {/*margin-top: 7em;*/}
	
}



/*480px*/
@media screen and (max-width: 30em) and (orientation: portrait) {

	/* Typography */

	

	/* Fix image alignment */
	
	/* Header */
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/02/sauer_design_logo.png);
	background-size: 72%;
	background-position: center top;
    height:30%;
    background-repeat: no-repeat;}
	
	.site-branding {text-align: center; padding: 0; padding-top: 13em; padding-bottom: 1em;}

	.site-title {font-size: 1.5rem;}
	
body.post-template-default #page.site .site-content-contain {margin-top: 9em;}
		
	.site-content-contain {/*margin-top: 11em;*/}
	
}

/*plus/minus 414px*/
@media screen and (min-width: 400px) and (max-width: 420px) and (orientation: portrait) {

	
body.post-template-default #page.site .site-content-contain {margin-top: 7.5em;}

.site-content-contain {/*margin-top: 10em;*/}

	
}

/*360px*/
@media screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) {

	.site-content-contain {/*margin-top: 16em;*/}
	
}

/*320px*/
@media screen and (min-width: 280px) and (max-width: 330px) and (orientation: portrait) {

.site-content-contain {/*margin-top: 15em;*/}
	
}

/* ---Reihenfolge Queries Ende-- */


/*1072px*/
@media screen and ( min-width: 67em ) {

	/* Layout */
	
	

	/* Navigation */
	
	/* Sticky posts */

	

	/* Pagination */

	
	/* Comments */

	
}




@media screen and ( min-width: 1280px ) {
	
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height: 47% !important;
    background-repeat: no-repeat;}	
	
	.site-branding {padding: 8em 0 6em 0;}
	
	
}

@media screen and ( min-width: 1920px ) {
	
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	max-width: 95em; margin: auto auto;
    background-repeat: no-repeat;}	
	


/*@media screen and ( min-width: 2560px ) {
	
	#masthead{
	background-image: url(/webdesign-printdesign/wp-content/uploads/2020/01/Web-Print-Design_1000.jpg);
	background-size: 100%;
    height: 420px !important;
    background-repeat: no-repeat;}	
	
	.site-branding {padding-left: 1em; padding-top: 10em;}
	
	
}*/



/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/