/* ------ AUSBLENDEN ------  */

div#header, 
div.headerframe, 
div.hori, div.navi, 
div#toolbar, 
div.logoleiste, 
div.sitemap {
    display: none;
  }

div.video-section, 
p#oben, 
div.section:has(+ h2#projekte), 
div.section:has(+ h2#news), 
div.abst, 
div.medium-12:has(+ form:only-child),
div.section:has(> div.row > div.medium-12 > form:only-child),
div.medium-6:has(+ p > iframe:only-child),
p:has(> iframe:only-child),
p:has(> a,br):not(:has(> :not(a,br))), 
p:has(> a):not(:has(> :not(a))),
a[title="nach oben"],
p:empty,
/*p:has(img[src*="trenner_zellen"]),*/
.nicht_drucken {
    display: none;
  }


/* ------ KOPFZEILE ------ */

div.section:has(h1)::before {
  content: "Herstellervorstellung auf pv.de, (c) EWS GmbH & Co. KG";
  display: block;
  width: 100%;
  height: 50px;
  background: url("http://www.pv.de/media/logo_ews_de.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 40px;
  /*background-color: #152841;*/
  color: gray;
  font-size: 0.8em;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 20px 0;
  border: solid gray;
  border-width: 0 0 1px 0;
}


/* ------ UMBRÜCHE ------ */


div#content li,
div.row,
img,
div#content div.sub h4,
.nicht_trennen {
	break-inside: avoid !important;
}

.umbrechen {
    break-before: always;
 }


/* ------ FORMATIEREN ------ */


body,
div#content {
	font-size: 10pt !important; 
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif !important;
}

div#content h1 {
	font-size: 2em !important;
	font-weight: bold;
	padding: 0;
	margin: 0.75em 0 1em 0 !important;
	color: #214067 !important;
}

div#content h2 {
	font-size: 1.4em !important;
	font-weight: bold;
	padding: 0;
	margin: 0.75em 0 0.5em 0 !important;
}

div#content h3 {
	font-size: 1em !important;
	font-weight: bold;
	padding: 0;
	margin: 0.75em 0 0.5em 0 !important;
}

div#content p {
	font-size: 1em !important;
	line-height: 1.2em !important;
}

div#content ul {
	font-size: 1em !important;
	line-height: 1.2em !important;
}

div#content li {
	font-size: 1em !important;
	line-height: 1.2em !important;
	margin: 0 0 0.25em 0 !important;
}

div.flLeft,
img.flLeft {
	margin: 0.5em 0.75em 0.25em 0 !important;
	max-width: 20% !important;
}

div#content div.medium-3,
div#content div.medium-4,
div#content div.medium-6 {
	width:48% !important;
	margin-left: 0;
	margin-right: 10pt;
}

div.row div.medium-3:nth-of-type(3), 
div.row div.medium-4:nth-of-type(3) {
	clear: both;
	float:left;
}

div#content div.medium-6:has(+ div.medium-6 > p > iframe:only-child),
div#content div.medium-6:has(+ div.medium-6 > iframe:only-child),
div#content div.medium-6:has(+ div.medium-6 > .nicht_drucken:only-child) {
	width:100% !important;
	font-size: 1em !important;
	line-height: 1.5em !important;
}

img[src*="trenner_zellen"] {
	padding:0 auto;
	margin:0 auto;
}
	

/* ------ GALERIE ------ */


div#content div.gal a.fancybox,
div#content div.pictext a.fancybox {
	all: initial !important;
}

div#content div.sub h4 {
	padding:0;
	margin: 0.5em 0 0.5em 0;
	font-size: 0.75em !important;
	font-style: italic;
	font-weight: normal;
}

div#content div.gal div.medium-3,
div#content div.gal div.small-2,
div#content div.gal div.small-3,
div#content div.gal div.small-4,
div#content div.gal div.small-6 {
	width: 22% !important;
	float: left;
}


/*
div.gal a.fancybox img {
	overflow:visible;
	max-width:25%;
}
*/

