/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* COLOURS

charcoal = #494949
dark blue = #004899

*/

/* MAIN */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #494949;
	background: #494949;
}

body.responsive-layout-mobile {
	background: #004899;
}

#page {
	position: relative;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

a, a:link, a:visited {
	color: #004899;
	text-decoration: none;
	font-weight: 400;
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 100% !important;
	height: auto !important;
}

.logo-img {
	margin: 0;
}

table {
	border: none;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
	background: none;
}

/* FRONT PAGE */

.front h1#page-title {
	display: none;
}

.flexslider {
	border: none;
}

.flex-nav-container {
	margin: 0;
}

.slidetitle {
	display: block;
	width: 85%;
	position: absolute;
	bottom: 8%;
	color: #fff;
	padding: 20px;
	font-size: 2.2em;
	line-height: 1.2em;
	background: #5E9354;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.view-neueste-projekt .field-name-field-photos {
	float: right;
	margin-left: 20px;
}

/* HEADER */

.responsive-layout-mobile .region-branding {
	display: none;
}

#block-block-12 {
	padding: 10px 15px;
}

.responsive-layout-mobile .region-header-first {
	margin: 0;
	width: 100%;
}

h1.headertitle {
	padding-left: 15px;
	font-size: 3em;
	color: white;
	text-transform: uppercase;
}

/* CONTENT */

#zone-content {
	background: white;
	padding: 20px 0 30px;
}

#zone-content .region-inner {
	margin: 0 30px;
}

.page-referenzen h1#page-title,
.node-type-referenzobjekt h1#page-title,
.node-type-firma-section h1#page-title,
.node-type-basic-page-with-header h1#page-title {
	display: none;
}

.node-article .group-right {
	width: 280px;
	margin-left: 20px;
}

.node-article .group-left {
	width: 580px;
	margin: 0;
}

.field-name-field-subtitle-left,
.field-name-field-subtitle-right {
	font-size: 1.7em;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.node-firma-section .group-left {
	width: 100%;
}

.node-firma-section .group-right {
	width: 100%;
	clear: both;
}

/* REFERENZEN */

.view-referenzen .views-row {
	width: 274px;
	margin-bottom: 30px;
}

.view-referenzen .view-header {
	height: 35px;
	margin-bottom: 30px;
}

.view-referenzen .referenzenpdf {
	float: left;
}

.view-referenzen .sortieren {
	float: right;
	font-size: 1.1em;
	text-transform: uppercase;
}

.view-referenzen .sortieren a {
	margin-left: 5px;
	color: #494949;
}

.page-referenzen a.sortieren-alle,
.page-referenzen-sanitär a.sortieren-sanitar,
.page-referenzen-heizung a.sortieren-heizung,
.page-referenzen-spengler a.sortieren-spengler,
.page-referenzen-solar a.sortieren-solar,
.page-referenzen-werkleitungen a.sortieren-werkleitungen {
	text-decoration: underline;
}

.page-referenzen-sanitär a.sortieren-alle,
.page-referenzen-heizung a.sortieren-alle,
.page-referenzen-spengler a.sortieren-alle,
.page-referenzen-solar a.sortieren-alle,
.page-referenzen-werkleitungen a.sortieren-alle {
	text-decoration: none;
}

.page-referenzen-sanitär a.sortieren-alle:hover,
.page-referenzen-heizung a.sortieren-alle:hover,
.page-referenzen-spengler a.sortieren-alle:hover,
.page-referenzen-solar a.sortieren-alle:hover,
.page-referenzen-werkleitungen a.sortieren-alle:hover {
	text-decoration: underline;
}

.view-referenzen .view-content {
	clear: both;
}

.referenzobjektimage {
	width: 274px;
	height: 170px;
	position: relative;
	z-index: 1;
}

.hovertext {
	position: absolute;
	background: url('../images/backgroundfaded.png');
	z-index: 2;
	top: 0;
	width: 274px;
	height: 170px;
	text-align: center;
	color: white;
}

a .hovertext {
	display: none;
}

a:hover .hovertext {
	display: block;
}

.hovertitle {
	font-size: 1.3em;
	text-transform: uppercase;
	margin-top: 60px;
}

.hovercreated {
	text-transform: uppercase;
}

.hoverplus {
	position: absolute;
	bottom: 0;
	left: 0;
}

.node-type-referenzobjekt .group-left {
	width: 100%;
}

.node-type-referenzobjekt .group-right {
	width: 100%;
}

.node-type-referenzobjekt .field-name-field-untertitel {
	text-transform: uppercase;
	margin-bottom: 0.5em;
	font-size: 1.2em;
}

.node-type-referenzobjekt .field-name-field-inbetriebnahme {
	margin-bottom: 0.5em;
}

.node-type-referenzobjekt .field-name-field-photos .field-item {
	margin-bottom: 30px;
}

.field-name-back-to-main-listing-pdf {
	margin-bottom: 30px;
}

.view-referenz-select-multiple-for-pdfs caption {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

.views-field-ops {
	font-size: 1.3em;
	width: 16px;
}

/* PDFs */

.view-referenz-pdf ul {
	list-style: none;
	margin: 0;
}

/* BOARD MEMBERS */

.view-board-members .field-name-title {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0.5em;
}

.view-board-members .group-left {
	width: 65%;
	margin-right: 5%;
}

.view-board-members .group-right {
	width: 30%;
}

.view-board-members .group-right .field-name-field-image {
	float: right;
	margin-bottom: 15px;
}

.view-board-members .views-row {
	margin-bottom: 15px;
}

/* FOOTER */

#zone-postscript {
	background: #004899;
	padding: 30px 0;
	border-bottom: 65px solid white;
	text-align: center;
}

#zone-postscript a {
	font-weight: 400;
	color: white;
	font-size: 1.8em;
}

#zone-footer {
	background: white;
	font-size: 0.9em;
	padding-top: 5px;
	border-top: 1px solid #004899;
}

#zone-footer a {
	color: #494949;
	font-weight: 400;
}

#block-menu-menu-footer-menu {
	float: right;
}

#block-menu-menu-footer-menu li {
	display: inline;
	margin-left: 10px;
}

/* MOBILE MENU */

.sf-accordion-toggle {
	text-transform: uppercase;
	font-size: 1.3em;
	padding: 0.5em 1em;
}

.sf-accordion-toggle a {
	color: white;
}

#superfish-1-accordion {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 1.3em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#superfish-1-accordion li {
	margin-left: 15px;
}

#superfish-1-accordion a {
	color: white;
	margin-bottom: 0.5em;
}

#superfish-1-accordion a:hover,
#superfish-1-accordion li.active-trail a {
	color: #328cc1;
}

#superfish-1-accordion li li {
	margin-left: 30px;
	text-transform: none;
}

#superfish-1-accordion li.sf-clone-parent {
	display: none;
}