/*
Theme Name: Twentyseventeen Child
Description: 2017 Childtheme
Author: Murks
Author URI: http://www.sycotec.de
Template: twentyseventeen
Version: 1.19
Tags:
*/

/* Setzt den Header für Archive, Beiträge und Seiten, die nicht Startseite sind, auf 50 Prozent Fensterhöhe (Desktop) */
@media screen and (min-width: 48em) {
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header {
height: 1200px;
height: 50vh;
max-height: 50%;
overflow: hidden;
}
} 

/* Sorgt dafür, dass der IE auf Seiten und Beiträgen den passenden Bildausschnitt zeigt*/
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
max-width: 100%;
top: 0;
left: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}

/* Lösung für Browser, zum Beispiel den Internet Explorer, die kein object-fit verstehen */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: auto;
position: absolute;
top: 40%;
left:0;
-moz-transform: translate(0, -40%);
-webkit-transform: translate(0, -40%);
transform: translate(0, -40%);
}

/* Sorgt dafür, dass der IE das Startseiten-Headerbild nicht verzerrt */
.twentyseventeen-front-page.has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-video .custom-header-media video,
.twentyseventeen-front-page.has-header-video .custom-header-media iframe {
position: fixed;
left: 50%;
max-width: 250%;
min-height: 100%;
min-width: 100%;
min-width: 100vw; 
width: auto;
top: 50%;
padding-bottom: 1px; 
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* Definition für die Sidebar rechts statt links */

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header,
 .has-sidebar #secondary {
float: left;
	 display:none:
width: 0px
}

/* Definition für die Sidebar (rechts) auf Seiten mit zwei Spalten */

.pagesidebar {
float: left;
	display:none:
width: 0px;

}

/* Definition für Sidebar auf Seiten - Mobilgeräte */


/* Definition für 1200px Breite (Primary und Sidebar) auf Desktop */

.wrap {    
    max-width: 1200px !important;
    margin: 0 auto;
}
.site-content{    
    max-width: 100% !important;
    
margin: 0 auto!important;
	
}

.entry-content a{    
    text-decoration:none!important;
	
}

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	
	max-width: 1200px !important;
	padding-right: 0px;
}
.content-area {    
    width: 100% ;
    padding-right: 0px;
margin: 0 auto;
	float: left;
}


.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
color: #ffffff !important;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1 !important; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #ffffff !important;
}

.site-description {
	color: #eee;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

@media screen and (min-width: 30em) 

{

	.site-footer2 .widget-column.footer-widget-4 {
		float: right;
		width: 100%;
	}
	
	.site-footer2 .widget-column.footer-widget-5 {
		float: left;
		width: 100%;
	}

	.site-footer2 .widget-column.footer-widget-6 {
		float: right;
		width: 100%;
	}
	.site-footer2 .widget-column.footer-widget-7 {
		float: left;
		width: 100%;
	}
.cont_left {
		float: none;
		width: 100%;
		
	}
.cont_right {
		float: none;
		width: 100%;
	}
}


@media screen and (min-width: 40em) 

{
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 100%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 100%;
	}
	.site-footer .widget-column.footer-widget-3 {
		float: left;
		width: 100%;
	}
	.site-footer2 .widget-column.footer-widget-4 {
		float: left;
		width: 50%;
	}
	
	.site-footer2 .widget-column.footer-widget-5 {
		float: left;
		width: 50%;
	}

	.site-footer2 .widget-column.footer-widget-6 {
		float: left;
		width: 50%;
	}
	.site-footer2 .widget-column.footer-widget-7 {
		float: left;
		width: 50%;
	}
.box1 {
		float: none;
		width: 100%;
	}

.box2 {
		float: none;
		width: 100%;
	}
.pic1 {
		float: none;
		width: 100%;
	}

.pic2 {
		float: none;
		width: 100%;
	}
.pic3 {
		float: none;
		width: 100%;
	}

.pic4 {
		float: none;
		width: 100%;
	}
.site-title {
		font-size: 38px !important;
		font-size: 2.25rem;
		color: #ffffff !important;
	}
.site-title a{
		font-size: 38px !important;
		font-size: 2.25rem;
		color: #ffffff !important;
	}

.site-description {
		font-size: 18px !important;
		font-size: 1rem;
	}


}


@media screen and (min-width: 48em) 

{

.box1 {
		float: left;
		width: 47%;
	}

.box2 {
		float: left;
		width: 47%;
	}
.pic1 {
		float: left;
		width: 50%;
	}

.pic2 {
		float: left;
		width: 50%;
	}
.pic3 {
		float: left;
		width: 50%;
	}

.pic4 {
		float: left;
		width: 50%;
	}
		.site-footer2 .widget-column.footer-widget-4 {
			float: left;
		width: 50%;
	}
		.site-footer2 .widget-column.footer-widget-5 {
		float: left;
			width: 50%;
	}

	.site-footer2 .widget-column.footer-widget-6 {
		float: left;
			width: 50%;
	}
	.site-footer2 .widget-column.footer-widget-7 {
		float: left;
			width: 50%;
	}
}

@media screen and (min-width: 55em) 

{
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 49%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 49%;
	}
.box1 {
		float: left;
		width: 47%;
text-decoration: none !important;
	}

.box2 {
		float: left;
		width: 47%;
text-decoration: none !important;
	}
.pic1 {
		float: left;
		width: 33%;
	}

.pic2 {
		float: left;
		width: 33%;
	}
.pic3 {
		float: left;
		width: 33%;
	}

.pic4 {
		float: left;
		width: 33%;
	}

}

@media screen and (min-width: 72em) 

{
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 33%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: left;
		width: 33%;
	}
	.site-footer .widget-column.footer-widget-3 {
		float: left;
		width: 33%;
	}

	.site-footer2 .widget-column.footer-widget-4 {
			float: left;
		width: 33%;
	}
		.site-footer2 .widget-column.footer-widget-5 {
		float: left;
		width: 33%;
	}

	.site-footer2 .widget-column.footer-widget-6 {
		float: left;
		width: 33%;
	}
	.site-footer2 .widget-column.footer-widget-7 {
		float: left;
		width: 33%;
	}
.cont_left {
		float: left;
		width: 48%;
		padding-right: 20px;
	
	}
.cont_right {
		float: left;
		width: 48%;
	padding-left: 20px;
	}	
.pagesidebar {
		border-left: 0px solid #dddddd;
		padding-left:0px;
	}
.sidebar {
		border-left: 0px solid #dddddd;
		padding-left:0px;
	}
.pic1 {
		float: left;
		width: 33%;
	}

.pic2 {
		float: left;
		width: 33%;
	}
.pic3 {
		float: left;
		width: 33%;
	}

.pic4 {
		float: left;
		width: 33%;
	}
}


h1,
h2,
h3,
h4,
h5,
h6 {
	
	color: #19176d !important;
}
.entry-title { 
	color: #19176d !important;
}



.site-footer { 
	
	background-color: #f7f3e8;
}
.site-footer2 { 
	background-color: #f7f3e8;	
	

border-top: 0px solid #888888;
}

.site-bottom { 
	background-color: #222;

	border-top: 0px solid #ffffff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bottomMenu { 
	display: block; 	

}
.bottomMenu ul { 
	display:inline;

}
.bottomMenu li { 
	list-style-type: none; 
	display: inline; 
	font-size: 14px; 

}
.bottomMenu li a {
	color:#ffffff;
	line-height:20px;
	text-decoration:none;
	font-weight:normal;
	border-right: thin solid #ffffff;
	padding: 0 7px 0 3px;
}
.bottomMenu li a:hover { 
	color:#111111; 
	text-decoration:none;
}
.bottomMenu li:last-child > a {
	border-right: none;
} /* remove pipe from last item */

table {
border-collapse:separate !important;
}

.link {
	background-color: transparent;
	text-decoration: none !important;
color: #992a2c !important;
}


h2, h3,
.entry-title {
	font-size: 18px !important;
	font-weight: 500 !important;
}


/* Breite der beiden Widgetbereiche im Footer festlegen */

.site-footer .widget-column.footer-widget-3 {
width: 100%;
text-decoration: none!important;
}



img {
	border: none!important;
}


ul,
ol {
	margin: 0 0 1.5em;
	padding-left: 20px;
}

.cont_color_bg { 
	
	background-color: #f3fbef;
}

#panel2 {
	 background-color: #f7f3e8!important;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color: #000 !important;
	 
}
#panel2 .entry-title {
	
	color: #000 !important ;
	
}
#panel2 .entry-content h2 {
	
	color: #000 !important ;
	 
}
#panel2 .entry-content t1 {
	
	color: #000 !important ;
}
#panel2 .entry-content {
	
	color: #000 !important ;
	
}
#panel2 .img {
	
	border: none!important ;
}

/* Regular Content */
 .site-content-contain {
 background-color: #fff;
 position: relative;
 /* RGBa with 0.6 opacity */
 background-color: rgba(250, 250, 250, 0.88);
 }

.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 0x #fff!important;
	box-shadow: 0 0 0 0px #fff!important;
}

.entry-content a {
 box-shadow: inset 0 0px 0 #f84d3b!important;
 -webkit-box-shadow: inset 0 0px 0 #f84d3b!important;
 } 

/* Bottom widgets */

.site-footer2 .widget-area {
	background-color: #f7f3e8 !important;
	color: #ffffff !important;
	font-size: 14px !important;
		font-size: 0.875rem !important;
		line-height: 1.6 !important;
}
.site-footer2 .widget-title {
	
	color: #000 !important;
}
.site-footer2 .widget-area a {
	background-color: #f7f3e8 !important;
	color: #000 !important;
}
.site-footer2 .widget-title {
	text-transform: none!important;
	color: #000 !important;
}