/*
Projekt       : DI Musterwebsites
Komponente    : Wordpress
Datei         : style.css
Beschreibung  : Spezielle Anpassungen des Templates "sydney" für die website "maler.datenwege-informatik.de"
Author:         Datenwege Informatik 
Author URI:     http://Datenwege-Informatik.de
Template:       sydney
Version:        1.0
Historie
   27.11.17  Gernot Daum  Beginn der Implementierung
   30.01.18  Gernot Daum  Formatierungen für Kopfbereich
*/


/* Allgemein */
.container, .panel-grid {width: 100%}
.container, .row > div, .page .page-wrap .content-wrapper {padding: 0}
.entry-header {display: none}
#content .SmallScreen {display: none}
.CustomCellMargin .panel-grid-cell {margin: 0 !important}
.BottomM15 {margin-bottom: 15px}

/* Kopf */
.header-wrap .col-md-4 {width: 55%}
.header-wrap .col-md-8 {width: 45%}
.site-title, .site-description {padding-left: 5%}
#mainnav, .btn-menu {padding-right: 5%}

/* Fuss */
.footer-widgets {padding: 30px 0 15px 0}
.site-info {text-align: center}

/* Raster allgemein */
.Innenbereich, #sidebar-footer .container {
	margin: 0 auto; 
	max-width: 1440px
}
#content .FirstRow, #content .NextRow, #content .NextRowWideScreen 
{padding-top: 0 !important; padding-bottom: 0 !important}
#content .NextRow, #content .NextRowWideScreen {padding-top: 50px !important}
#content .Ending {padding-bottom: 50px !important}

/* Bildpositionierung */
.Fill1 {width: 10%; margin-left: 45%}
.Fill2 {width: 20%;	margin-left: 40%}
.Fill3 {width: 30%;	margin-left: 35%}
.Fill4 {width: 40%;	margin-left: 30%}
.Fill5 {width: 50%;	margin-left: 25%}
.Fill6 {width: 60%;	margin-left: 20%}
.Fill7, .Fill7Wide {width: 70%;	margin-left: 15%}
.Fill8 {width: 80%;	margin-left: 10%}
.Fill9 {width: 90%;	margin-left: 5% }
.Fill  {width: 100% }
.FillH {float: left; width: 48%;margin: 0 1%}


/* Site Origin Widgets */
.row {margin-left: 0; margin-right: 0}
#content .ow-button-base a {background: rgba(255, 255, 255, 0.4)}
#content .ow-button-base a.ow-button-hover:hover {background: #dd1313}
.widget_sow-button {max-width: 480px; margin: 0 auto}


/* Responsive Anpassung */
@media only screen and (max-width: 1440px) {
  .Innenbereich {padding: 0 30px !important}
  .Innenbereich .Innenbereich {padding: 0 !important}
}
 
@media (max-width: 1199px) {
  .Fill7Wide {width: 80%;	margin-left: 10%}
}

@media (max-width: 1120px) {
  .Fill7Wide {width: 90%;	margin-left: 5%}
}

/* ab hier Hamburger Menü */
@media (max-width: 1024px) {
}

/* Tablet quer */
@media (max-width: 991px) { 
	#content .ow-button-base a {
		width: 180px;
		padding-left: 0;
		padding-right: 0
	}
}

/* Tablet Hoch / Großer Umbruckpunkt */
@media (max-width: 780px) { 
	.header-wrap .col-md-4, .header-wrap .col-md-8 
	{width: 100%}
	.site-title, .site-description {
		margin: 0 0 10px 0; 
		padding: 0 5% 0 5%;
		text-align: center
	}
	#masthead .site-title {font-size: 24px}
	.btn-menu {float: none; margin: 0 auto}
	.sidebar-column {padding: 0 5%}
	#content .NextRowWideScreen {padding-top: 0 !important}
	#content .WideScreen {display: none}
	#content .SmallScreen {display: initial}
  .Fill7Wide {width: 70%;	margin-left: 15%}
}

/* Ab hier Hamburger Menü aufgeklappt in voller Breite */
@media (max-width: 767px) {
}

/* Smartphone groß */
@media (max-width: 600px) {
  .Fill7Wide {width: 80%;	margin-left: 10%}
}

/* Smartphone Standard */
@media (max-width: 479px) {
  .Fill7Wide {width: 90%;	margin-left: 5%}
}

/* Smartphone kleim */
@media (max-width: 320px) {
  .Fill7Wide {width: 100%;	margin-left: 0}
}