@charset "utf-8";

/* 
Theme Name: gfg 
Theme URI: http://gfg-bauherren.de 
Description: Wordpress-Theme for the website of gfg-bauherren.de 
Version: 1.0.0
Author: gfg-bauherren
Author URI: http://gfg-bauherren.de 

WordPress Theme
	
*/

/* -------------------------------- Google-Alternative zu Chronicle Deck -------------------------------------- */
/* libre-baskerville-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('_fonts/baskerville/libre-baskerville-v14-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-baskerville-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: url('_fonts/baskerville/libre-baskerville-v14-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* -------------------------------- Google-Alternative zu Githam -------------------------------------- */
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('_fonts/opensans/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('_fonts/opensans/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('_fonts/opensans/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('_fonts/opensans/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('_fonts/opensans/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('_fonts/opensans/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #ff545b;
	text-shadow: none;
	color: #fff;
}

::selection {
	background: #ff545b;
	text-shadow: none;
	color: #fff;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { 
	max-width: 100%;
	height: auto;
	vertical-align: middle; 
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea							{ resize: vertical; }

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* --------------------------------------------------------------------------
   RESET
   -------------------------------------------------------------------------- */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
applet,
object,
iframe,
code,
del,
dfn,
font,
img,
ins,
small,
strong,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline
}

caption,
th,
td { text-align: left; }

p { font-size: 1.125rem; }

/* --------------------------------------------------------------------------
  Text-Styles
   -------------------------------------------------------------------------- */
/* ---- Fließtexte */
.fs00 {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
    font-size: 1.125rem;
    line-height: 140%;
    font-weight: 400;
	letter-spacing: 0.01em;
    font-style: normal;
    text-decoration: none;
    color: #54585a;
}
/* ---- z.B. Hauptmenu */
.fs01 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 200%;
    font-weight: 500;
	letter-spacing: 0.2em;
    font-style: normal;
    text-decoration: none;
	text-transform: uppercase;
    color: #54585a;
}

/* ---- z.B. Submenu */
.fs02 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 200%;
    font-weight: 300;
	letter-spacing: 0.1em;
    font-style: normal;
    text-decoration: none;
	text-transform: uppercase;
    color: #54585a;
}

/* ---- z.B. Headline Startseite */
.fs03 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 2.5rem;
	line-height: 120%;
	font-weight: 700;
	letter-spacing: 0.01em;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #54585a;
}

/* ---- z.B. Subline Startseite */
.fs04 {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 1.5rem;
	line-height: 110%;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
	color: #54585a;
}

/* ---- z.B. Teaser/Subline für Fließtexte */
.fs05 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

/* ---- z.B. Headline groß (sonstige Seiten außer Start) */
.fs06 {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 107.5%;
	font-weight: 700;
	letter-spacing: 0.01em;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #54585a;
}

/* ---- z.B. Titel Bauten in Listen .*/
.fs07 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.5rem;
	line-height: 120%;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-style: normal;
	text-decoration: none;
    text-transform: uppercase;
	color: #fff;
    text-align: center;
}

/* ---- z.B. Jahr Fertigstellung Bauten in Listen */
.fs08 {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 1.0rem;
	line-height: 120%;
	font-weight: 300;
	letter-spacing: 0.01em;
	font-style: italic;
	text-decoration: none;
    text-transform: none;
	color: #fff;
    text-align: center;
}

/* --------------------------------------------------------------------------
   ALLGEMEINE DEFINITIONEN GFG-BAUHERREN
   -------------------------------------------------------------------------- */
html {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
    font-size: 16px;
    line-height: 175%;
    font-weight: 400;
	letter-spacing: 0.01em;
    font-style: normal;
    text-decoration: none;
    color: #54585a;
	background-color: #fff;	
}

body { position: relative; }

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 120%;
	font-weight: 500;
}

h1 {
	font-size: 1.3rem;
	margin-bottom: 12px;
}

h2 {
	margin: 20px 0;
    padding: 0 20px;
    font-size: 2rem;
    color: #54585a;;
}

h3								{ margin-bottom: 10px; }

h4,
h5,
h6,
h7,
h8								{ margin-bottom: 0; }

a {
	text-decoration: none;
	color: #54585a;
}
a:active						{ color: #444; }
a:hover							{ text-decoration: underline; }

p,
ul,
ol								{ margin-bottom: 12px; }

ul { 
	margin-left: 0;
	list-style: none;
}

ol {
	margin-left: 3px;
	list-style-type: decimal;
	list-style-position: inside;
}

blockquote {
	min-height: 45px;
	padding: 0 0 0 70px;
	background: url(template/quote.png) no-repeat top left;
	color: #999;
}

blockquote span { color: #999; }

hr,
.hr {
	border: none;
	height: 1px;
	margin: 30px 0;
	background-color: #ccc;
	color: #ccc;
}

label {
	font-weight: 600;
	color: #444;
}

fieldset {
	padding: 15px;
	margin: 0 0 20px 0;
	border: 1px dotted #ccc;
}

legend { font-weight: 600; }

input[type=text],
input[type=password],
input.text,
textarea {
	box-sizing: border-box;
	margin: 10px 0;
	padding: 8px 0; 
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #54585a;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.8rem;
	line-height: 120%;
	font-weight: 400;
}

select {
	margin: 5px 0;
	padding: 8px; 
	background-color: #fff;
	border: 1px solid #999;
}

select {
	padding: 7px 8px;
}

input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
textarea:focus { border-color: #000; }

input.text {
	width: 300px;
	padding: 5px;
}

textarea {
	width: 300px;
	height: 200px;
	padding: 5px;
	border: 1px solid #afafaf;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	margin-bottom: 12px;
	border: 1px dotted #ccc;
}

th {
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
}

td {
	padding: 10px;
	border-top: 1px dotted #ccc;
}

.trenner {
	display: inline-block;
	width: 100px;
	margin-top: 40px;
	border-top: 1px solid #444;
	height: 40px;
}

.projBack {
	position: absolute;
	width: 140px;
	left: 100px;
	padding-top: 60px;
	text-align: center;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.projBack a {
	display: inline-block;
	width: 140px;
	border: 1px solid #444;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.75rem;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #54585a;
	padding: 0 0 0 12px;
	text-align: left;
	background-image: url("template/arrow_small.png");
	background-position: left 9px;
	background-repeat: no-repeat;
}

.projBack a:hover {
	text-decoration: underline;
}

.toContent {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 32px;
	height: 18px;
	margin-left: -16px;
	background-color: transparent;
	background-image: url("template/arrows2_h18.png");
	background-position: 0 -18px;
	z-index: 500;
	cursor: pointer;
}

.startpic .toContent { bottom: 28px; }

.content .colorBox {
	position: relative;
	box-sizing: border-box;
	padding: 40px;
	background-color: #f4f4f4;
}

.content .contentBox {
	position: relative;
	box-sizing: border-box;
	max-width: 1280px;
	margin: 0 auto;
	
}

.content .contentZitatBox {
	padding: 60px 80px;
	margin: 0;
	background-image: url("template/bg_hell_gfg-2.png");
}

.content .contentZitatBox h6 {
	margin-bottom: 7px !important;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif !important;
    font-size: 1.5rem !important;
    line-height: 100% !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    font-style: italic !important;
	text-transform: none !important;
}

.content .contentZitatBox p {
	margin: 0 120px;
}

.outputOnly { padding: 200px 20px; }

/* --------------------------------------------------------------------------
  Spezielle Bereiche über IDs
   -------------------------------------------------------------------------- */
#wordpress_file_upload_userdata_1_0 label {
	font-size: 0.9rem;
	font-weight: 300;
	color: #afafaf;
}

#userdata_1_field_5 {
	vertical-align: top;
}

#userdata_1_fieldwrapper_5 .wfu_fieldwrapper_overlay { border-bottom: none !important; }

/* --------------------------------------------------------------------------
  Standard-Template
   -------------------------------------------------------------------------- */
section.standard .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 70px 80px;
	text-align: center;
}

section.standard .content h2,
section.standard .content h3 {
	margin: 0;
	padding: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 108%; 	
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.01em;
	color: #54585a;
	text-align: center;
}

section.standard .content h3					{ margin-top: 80px; }

section.standard .content h6 {
	margin: 40px 0 0 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

section.standard .content h6:first-of-type		{ margin-top: 0; }

section.standard .content p						{ margin-bottom: 40px; }

section.standard .content p a					{ text-decoration: underline; }

section.standard .content p a:hover				{ text-decoration: none; }

section.standard .content .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 40px;
	border-top: 1px solid #444;
	height: 40px;
}

/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
section.fullsize .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 2760px;
	margin: 0 auto;
	padding: 70px 0;
	text-align: center;
}

section.fullsize .contentBox { 
	max-width: 960px; 
	padding-left: 80px;
	padding-right: 80px;
}

section.fullsize .content h2,
section.fullsize .content h3 {
	margin: 0;
	padding: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 108%; 	
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.01em;
	color: #54585a;
	text-align: center;
}

section.fullsize .content h3					{ margin-top: 80px; }

section.fullsize .content h6 {
	margin: 40px 0 0 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

section.fullsize .content p						{ margin-bottom: 40px; }

section.fullsize .content p a					{ text-decoration: underline; }

section.fullsize .content p a:hover				{ text-decoration: none; }

section.fullsize .content .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 40px;
	border-top: 1px solid #444;
	height: 40px;
}

/* --------------------------------------------------------------------------
  onePage-Template
   -------------------------------------------------------------------------- */
section { 
	position: relative;
	box-sizing: border-box;
	display: block;
	margin-top: -1px !important;
	padding: 40px 0; 
}

section.ct-bgpic								{ padding: 1px 0; }

section.colored.grau							{ background-color: #aaa; }

section.colored.dunkelgrau						{ background-color: #666; }

section.colored.orange							{ background-color: #b0012f; }

img.fullPic {
	display: block;
	width: 100%;
	height: auto;
}

.picTextBox {
	position: relative;
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.7);
}

.picTextBox.fleft { float: left; }
.picTextBox.fright { float: right; }

.picTextBox h2,
.picTextBox .childContent {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fullH {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.startpic										{ position: relative; }

.startpic img									{ width: 100%; }

.startpic .contentPic {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10%;
	text-align: center;
}

.startpic .contentPic h2 {
	margin: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-weight: 800;
	font-size: 5.625rem;
	line-height: 100%;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.01em;
	color: #fff;
}

.startpic .contentPic.layout2a h2 {
	margin: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-weight: 800;
	font-size: 5.625rem;
	line-height: 100%;
	font-style: italic;
	text-transform: none;
    letter-spacing: 0.01em;
	color: #fff;
}

.startpic .contentPic h6 {
	margin: 0 0 10px 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-weight: 800;
	font-size: 3.25rem;
	line-height: 100%;
	font-style: normal;
    letter-spacing: 0.01em;
	color: #fff;
}

.weiterBut,
.backBut {
	position: absolute;
	top: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 500;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.weiterBut { 
	right: 40px; 
	background-image: url("template/icon_weiter.png");
}

.backBut { 
	left: 40px; 
	background-image: url("template/icon_back.png");
}

.startVideoBut {
	position: absolute;
	bottom: 10%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	border: 1px red solid;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 500;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	display: none;
}

.weiterBut:hover		{ background-image: url("template/icon_weiter_mo2.png"); }
.backBut:hover			{ background-image: url("template/icon_back_mo2.png"); }

/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
section.aktProjVs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.oneArticle {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 50%;
	overflow: hidden;
}

.aktProjVs .oneArticle {
	position: relative;
	box-sizing: border-box;
	float: none;
	width: 50%;
	height: clamp(400px, 55vh, 800px);
	overflow: hidden;
}

.aktProjVs .oneArticle img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oneArticle .infoBoxBox {
	position: absolute;
	box-sizing: border-box;
	left: 50%;
	width: 500px;
	min-height: 280px;
	margin-left: -250px;
	background-color: rgba( 51, 51, 51, 0.9 );
	text-align: center;
}

.oneArticle .infoBox {
	position: relative;
	margin: 0 auto;
	padding: 40px 20px;
	text-align: center;
}

.oneArticle .infoBox h2 {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
}

.oneArticle .infoBox a { /* fs07 */
	text-align: center;
}

.oneArticle .infoBox a:hover {
	text-decoration: none;
}

.oneArticle .infoBox p { /* fs08 */
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

.oneArticle .infoBox .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}

.oneArticle .infoBox .button {
	display: inline-block;
	width: 148px;
	height: 56px;
	margin-top: 30px;
	border: 1px solid #fff;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 54px;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: transparent;
	text-transform: uppercase;
}

.oneArticle .infoBox .button:hover {
	border: 1px solid #54585a;
	text-decoration: none;
	background-color: #54585a;
	color: #fff;
}

.toProjekte {
	position: absolute;
	display: block;	
	bottom: 40px;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	padding: 10px 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;	
	color: #54585a;
	text-align: center;
	background-color: #fff;
}

.toProjekte:hover { 
	text-decoration: none;
	background-color: #54585a;
	color: #fff;
}

/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
section.slideSec { 	margin-top: 0 !important; }

section.slideSec .slidertext {
	position: absolute;
	top: 50px;
	left: 20%;
	width: 60%;
	text-align: center;
	z-index: 1000;
}

section.slideSec .slidertext h2 {
	margin: 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 5.0rem;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	text-align: center;
}

section.slideSec .slidertext p {
	margin: 0;
	padding-top: 5px;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 2rem;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	text-align: center;
}
   
section.slideSec .cycloneslider-template-standard .cycloneslider-caption {
	position: absolute;
	top: auto;
    bottom: 10%;
    left: 0;
    width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
    text-align: center;
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	text-transform: none;	
}

section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
    display: inline-block; 
	padding: 8px 15px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	background-color: rgba( 255, 255, 255, 0.7 );
}

section.slideSec .cycloneslider-template-standard .cycloneslider-caption-description { display: none; }

/* --------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
section.highlightSec {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

section.highlightSec .theContent {
	position: relative;
	width: 100%;
	padding: 100px 0 200px;
	text-align: center;
}

section.highlightSec .theContent h2 {
	margin: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 4.5rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	color: #ff545b;
	text-transform: uppercase;
	text-align: center;	
}

section.highlightSec .theContent p {
	margin: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.125rem;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.2em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

section.highlightSec .highlights {
	position: relative;
	padding-bottom: 100px;
}

section.highlightSec .oneHighlight {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 100px;
	text-align: center;
}

section.highlightSec .oneHighlight .no {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 2.25rem;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #fff;
}

section.highlightSec .oneHighlight h2 {
	min-height: 50px;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 1.125rem;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #ff545b;
	text-transform: uppercase;
	text-align: center;
}

section.highlightSec .oneHighlight p {
	min-height: 150px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 171%;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

section.highlightSec .oneHighlight .trenner {
	display: inline-block;
	width: 60px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}

/* --------------------------------------------------------------------------
  Bildzitate-Template
   -------------------------------------------------------------------------- */
section.bildzitatSec {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

section.bildzitatSec .theContent {
	position: relative;
	width: 100%;
	padding: 130px 0 470px;
	text-align: center;
}

section.bildzitatSec .theContent h2 {
	margin: 0;
	font-size: 3.4rem;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #ff545b;
	text-transform: uppercase;
	text-align: center;	
}

section.bildzitatSec .theContent p {
	margin: 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.0rem;
	text-align: center;
}

.bildzitate {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 3%;
}

.oneBildzitat {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 40px;
	text-align: center;
}

.oneBildzitat h2 {
	min-height: 50px;
	margin: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 133%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
}

.oneBildzitat p {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 400;
	letter-spacing: 0.02em;
	font-style: italic;
	text-align: center;
}

.oneBildzitat .trenner {
	display: inline-block;
	width: 60px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}

/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
section.zahlenfaktenSec {
	background-repeat: no-repeat;
}

.factBoxBox {
	position: relative;	
	width: 100%;
	max-width: 1600px;
	box-sizing: border-box;
	padding: 100px 60px 80px;
	margin: 0 auto;
}

.factBorderBox {
	position: relative;	
	width: 100%;
	box-sizing: border-box;
	padding: 60px;
	border: 1px solid #fff;
}

.factBorderBox h2 {
    width: 530px;
	margin: -88px auto 35px;
    padding: 0 20px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 3.25rem;
	line-height: 108%;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
    text-align: center;	
}

.factBorderBox p {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 125%;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.zahlenfakten {
	position: relative;
	margin: 40px auto 0;
	color: #fff;
}

.factRow {
	position: relative;
	padding-bottom: 30px;
}

.oneFact,
.oneFact2 {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 33.33%;
	padding: 0 3%;
	text-align: center;
}

.oneFact2 {
	height: 190px;
	padding: 0 20px 0 165px;
	text-align: left;
	background-image: url("template/karte_hh_mini.png");
	background-repeat: no-repeat;
}

.oneFact h3 {
	margin-bottom: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.75rem;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-style: italic;
	color: #fff;
	text-align: center;
}

.oneFact2 h3 {
	margin-bottom: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 2.5rem;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: 0.05em;
	font-style: italic;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.oneFact p,
.oneFact2 p {
	min-height: 75px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.125rem;
	line-height: 144%;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.oneFact2 p { 
	min-height: 0;
	margin-bottom: 0; 
}

.oneFact .trenner,
.oneFact2 .trenner {
	display: inline-block;
	width: 60px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}

.factBorderBox a.dlBut {
	display: inline-block;
	border: 1px #fff solid;
	padding: 15px 20px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.factBorderBox a.dlBut:hover {
	text-decoration: none;
	color: #ccc;	
}

/* --------------------------------------------------------------------------
  halfPic-Template
   -------------------------------------------------------------------------- */
section.halfPicTextL .halfPic,
section.halfPicTextL .halfTxt,
section.halfPicTextR .halfPic,
section.halfPicTextR .halfTxt {
	position: relative;
	box-sizing: border-box;
	width: 50%;	
	float: left;
	text-align: center;
}

section.halfPicTextR .halfPic {
	float: right;
}

section.halfPicTextL .halfTxt {
	float: right;
}

section.halfPicTextL .halfTxt h2,
section.halfPicTextL .halfTxt p,
section.halfPicTextR .halfTxt h2,
section.halfPicTextR .halfTxt p {
	padding: 0 10%;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.4rem;
	line-height: 138%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-style: normal;
	color: #fff;
}

section.halfPicTextL .halfTxt p em {
	font-style: italic;
	text-decoration: underline;
}

section.halfPicTextL .halfPic img,
section.halfPicTextR .halfPic img {
	width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
  halfSlideshow-Template
   -------------------------------------------------------------------------- */
section.halfSlideshowL .halfShow,
section.halfSlideshowR .halfShow {
	position: relative;
	box-sizing: border-box;
	width: 50%;	
	float: left;
	text-align: center;
}

section.halfSlideshowL .halfShowPic,
section.halfSlideshowR .halfShowPic {
	position: absolute;
	box-sizing: border-box;
	width: 50%;	
	height: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

section.halfSlideshowL .halfShowPic { right: 0; }
section.halfSlideshowR .halfShowPic { left: 0; }

section.halfSlideshowL .halfPicTxt,
section.halfSlideshowR .halfPicTxt {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

section.halfSlideshowR .halfShow {
	float: right;
}

section.halfSlideshowL .halfShowPic {
	float: right;
}

section.halfSlideshowL .halfPicTxt h2,
section.halfSlideshowL .halfPicTxt p,
section.halfSlideshowR .halfPicTxt h2,
section.halfSlideshowR .halfPicTxt p {
	padding: 0 10%;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 2.0rem;
	line-height: 138%;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-style: normal;
	color: #fff;
}

section.halfSlideshowL .halfPicTxt p em {
	font-style: italic;
	text-decoration: underline;
}

section.halfSlideshowL .halfPicTxt img,
section.halfSlideshowR .halfPicTxt img {
	width: 100%;
	height: auto;
}

.halfShow .cycloneslider-template-standard .cycloneslider-caption {
	top: auto;
	bottom: 120px;
    left: 0;
    height: 20px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    opacity: 1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.halfShow .cycloneslider-template-standard .cycloneslider-caption-title {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.625rem;
	line-height: 100%;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #54585a;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
  Double-Bx-Slider-Template
   -------------------------------------------------------------------------- */
section.slideSecBxDouble { padding: 30px 0; }

.slideBoxBxDouble {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.slideBoxBxDouble .picSlide {
	position: absolute;
	top: 0;
	left: 0;
	width: 36%;
	height: 100%;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #F00;
}

.slideBoxBxDouble .picSlide .onePic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-clip: content-box;	
	opacity: 0;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.slideBoxBxDouble .picSlide .showPic {
	opacity: 1.0 !important;
	z-index: 15 !important;
}

.slideBoxBxDouble .txtSlideBox {
	position: relative;
	box-sizing: border-box;
	float: right;
	width: 64%;
	border-left: 30px solid #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slideBoxBxDouble .txtSlider {
	position: relative;
	box-sizing: border-box;
}

.slideBoxBxDouble .txtSlideBox .vcenterBox {
	position: relative;
	width: 80%;
	max-width: 700px;
	margin: 0 auto;	
}

.slideBoxBxDouble .txtSlideBox .oneTxt {
	padding: 120px 90px 140px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.125rem;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
}

.slideBoxBxDouble .txtSlideBox .oneTxt h4 {
	margin-bottom: 40px;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 1.5rem;
	line-height: 125%;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: center;
}

.slideBoxBxDouble .txtSlideBox .oneTxt h3 {
	margin-bottom: 80px;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 2.5rem;
	line-height: 105%;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: center;
}

.slideBoxBxDouble .txtSlideBox .showTxt {
	opacity: 1.0 !important;
	z-index: 15 !important;
}

.txtSlideBox .bx-wrapper {
	margin-bottom: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	background-color: transparent;
}

.txtSlideBox .bx-wrapper .bx-controls-auto, 
.txtSlideBox .bx-wrapper .bx-pager {
    bottom: 50px;
}

.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
	box-sizing: border-box;
	margin: 0 3px;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
    background: transparent;
    text-indent: -9999px;
    outline: 0;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
}

.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a.active, 
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}

.txtSlideBox .bx-wrapper .bx-controls-direction a {
    margin-top: -12px;
    width: 14px;
    height: 25px;
}

.txtSlideBox .bx-wrapper .bx-prev {
    left: 20px;
	background-image: url("template/arrows.png");
	background-color: transparent;
	background-position: 0 0;
}

.txtSlideBox .bx-wrapper .bx-next {
    right: 20px;
	background-image: url("template/arrows.png");
	background-color: transparent;
	background-position: -14px 0;
}

/* --------------------------------------------------------------------------
  Bx-Carrousel-Template
   -------------------------------------------------------------------------- */
section.carrouselBx { background-color: #777; }

.carrouselBx .linkBox {
	color: #fff;
}

.carrouselBx a.dlBut {
	display: inline-block;
	border: 1px #fff solid;
	padding: 15px 20px;
	margin-left: 30px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 100%;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.carrouselBx a.dlBut:hover { 
	text-decoration: none;
	color: #ccc;
}

.carrouselBx .cont_wrapper { 
	padding: 50px 0;
	background-color: transparent; 
}
.carrouselBx .cont_wrapper h2 { 
	padding: 0;
	margin: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.7rem;
	line-height: 110%;
	font-weight: 700;
	letter-spacing: 0.06em !important;
	font-style: normal;
	text-decoration: none;
    text-transform: uppercase;
	color: #fff;
    text-align: center;
}

.carrouselBoxBx .bx-wrapper {
	margin-bottom: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	background-color: #777;
}

.carrouselBoxBx ul li { position: relative; }

.carrouselBoxBx ul li .oneTxt {
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	width: 100%;
	padding: 15px 5px;
	color: #fff;
	background-color: rgba( 68, 68, 68, 0.7);
}

.carrouselBoxBx ul li .oneTxt h4 {
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
  Presse-Template
   -------------------------------------------------------------------------- */
section.showPresse.wrapper {
	max-width: 1400px;
	padding-bottom: 40px;
}

section.showPresse .presseHead h2 { /* fs06 */
	margin: 70px auto 90px;
	padding: 0;
	text-align: center;	
}

section.showPresse .presseLeft,
section.showPresse .presseRight {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	padding: 0 25px;
	text-align: left;
}

section.showPresse .presseLeft {	float: left; }
section.showPresse .presseRight {	float: right; }

section.showPresse .presseLeft h3,
section.showPresse .presseRight h3,
section.showPresse .presseRight h5,
section.showPresse .presseRight h6 { /* fs05 */
	margin-bottom: 20px;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

section.showPresse .presseRight h3 { 
	margin-bottom: 0;
	padding-bottom: 10px;
}

section.showPresse .presseRight h3.underline { 
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #54585a;
}

section.showPresse .presseRight h5 {
	margin-bottom: 2px;
}

section.showPresse .presseRight h6 {
	margin-bottom: 12px;	
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-weight: 300;
	font-style: italic;
}

section.showPresse .presseLeft p,
section.showPresse .presseRight p {
	margin-bottom: 40px;
}

section.showPresse .presseLeft p,
section.showPresse .presseRight p,
section.showPresse .presseLeft a,
section.showPresse .presseRight a {
	text-align: left;
}

section.showPresse .presseLeft a,
section.showPresse .presseRight a {
	text-decoration: underline;
}

section.showPresse .presseCont h6 { /* fs05 */
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

.presseCont img.fullwidth {
	width: 100%;
	height: auto;
}

section.showPresse .presseLeft a.button,
section.showPresse .presseRight a.button { 
	display: block;
	width: 100%;
	margin: 60px 0;
	padding: 18px 0;
	border: 1px solid #54585a;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 120%; 	
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #54585a;
	text-decoration: none;
	text-align: center;
}

section.showPresse .presseLeft a.button {
	margin: 10px 0;
}

section.showPresse .presseRight a.button {
	max-width: 300px;
}

section.showPresse a.button:hover,
section.showPresse a.button.active {
	border: 1px solid #54585a;
	color: #fff;
	background-color: #54585a;
	text-decoration: none;
}

section.showPresse .presseLeft .trenner,
section.showPresse .presseRight .trenner {
	width: 100%;
}

section.showPresse .presseLeft .trenner.first,
section.showPresse .presseRight .trenner.first {
	margin-top: 10px;
}

section.showPresse .pressePics {
	margin-bottom: 60px;	
}

section.showPresse .pressePics .onePic {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 24%;
	width: calc( (100% - 30px) / 4);
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

section.showPresse .pressePics .onePic:nth-child(4n) {
	margin-right: 0; 
}

section.showPresse .pressePics .onePic .mo {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
}

section.showPresse .pressePics .onePic:hover>.mo { display: block; }

section.showPresse .pressePics .onePic .mo span {
	position: absolute;
	box-sizing: border-box;
	top: 45%;
	top: calc(50% - 10px);
	left: 0;
	width: 100%;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.75rem;
	text-transform: uppercase;
    letter-spacing: 0.01em; /* Gotham */
	color: #fff;
}

/* --------------------- Vorhang Pressebilder -----------------------------*/
.vorhang {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
	z-index: 1000;
}

.vorhang .formBox {
    position: absolute;
    box-sizing: border-box;
	top: 1%;    
	left: calc(50% - 250px);
    max-height: 90%;
    width: 500px;
    margin: 0;
    padding: 30px;
    background-color: #fff;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    overflow: auto;
}

.vorhang .formBox .button {
    display: block;
    float: right;
    width: 50%;
    margin: 10px 0;
	padding: 10px 0;
    border: 0;
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 0.875rem;
    line-height: 100%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    text-decoration: none;
    background-color: #54585a;
    text-align: center;
}

.vorhang .formBox .button:hover {
    border: 0;
    color: #aaa;
    text-decoration: none;
}

.vorhang .formBox .kontaktPflichtfeld {
    float: left;
    padding-right: 10px;
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.8rem;
}

.vorhang .formBox .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 100%;
	text-align: center;
	cursor: pointer;
}

.vorhang .formBox .close:hover			{ color: #aaa; }

.vorhang .formBox h3 {
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 1.0rem;
    line-height: 125%;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #54585a;
}

.vorhang .formBox p						{ text-align: left; }

.vorhang .pressekontakt h6 {
    margin: 30px 0 0;
    font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    color: #54585a;
    text-transform: uppercase;
	text-align: left;
}

.vorhang .pressekontakt textarea {
    height: 80px;
}

.vorhang .dsOkay {
	padding-bottom: 15px;
	font-size: 0.9rem;
	line-height: 120%;
	text-align: left;
}

/* --------------------------------------------------------------------------
  Kontakt-Template
   -------------------------------------------------------------------------- */
section.showKontakt.wrapper {
	max-width: 1200px;
}

section.showKontakt .kontaktHead h2 { /* fs06 */
	margin: 70px auto 90px;
	padding: 0;
	text-align: center;	
}

section.showKontakt .kontaktLeft,
section.showKontakt .kontaktRight {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	margin-bottom: 60px;
	text-align: left;
}

section.showKontakt .kontaktLeft {
	float: left; 
	padding: 0 25px 0 40px;
}

section.showKontakt .kontaktRight {	
	float: right;
	padding: 0 40px 0 25px;
}

section.showKontakt .kontaktLeft h3,
section.showKontakt .kontaktRight h3 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 125%; 	
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #54585a;
	text-align: left;
}

.kontaktCont p {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.125rem;
	line-height: 140%;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #54585a;
	text-align: left;
}

.kontaktCont p a {
	color: #54585a;
	text-decoration: underline;
}

.kontaktCont p a:hover {
	color: #54585a;
	text-decoration: none;
}

.kontaktCont img.fullwidth {
	width: 100%;
	height: auto;
}

section.showKontakt .kontaktLeft a {
	color: #54585a;
	font-style: normal;
	text-decoration: underline;
}

section.showKontakt .kontaktLeft a:hover {
	color: #222;
}
	
section.showKontakt .kontaktLeft .button,
section.showKontakt .kontaktRight .button {
	display: block;
	float: left;
	width: 50%;
	margin: 10px 0;
	border: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 54px; 	
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #fff;
	text-decoration: none;
	background-color: #54585a;
	text-align: center;
}

section.showKontakt .kontaktLeft .button { margin-bottom: 60px; }

section.showKontakt .kontaktRight .button { float: right; }

section.showKontakt .kontaktLeft .button:hover,
section.showKontakt .kontaktRight .button:hover {
	border: 0;
	color: #aaa;
	text-decoration: none;
}

section.showKontakt .kontaktRight .kontaktPflichtfeld {
	float: left;
	padding-right: 10px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.8rem;
}

section.showKontakt .kontaktRight .kontaktform { margin-bottom: 60px; }

section.showKontakt .kontaktRight .kontaktform input[type=text] { margin: 25px 0 5px; }

section.showKontakt .kontaktRight .kontaktform input[type=text]:nth-child(1) { margin-top: 0; }

section.showKontakt .kontaktRight .kontaktform h6 {	
	margin: 30px 0 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	color: #54585a; 
	text-transform: uppercase;
}

section.showKontakt .dsOkay {
	padding-bottom: 15px;
	font-size: 0.9rem;
	line-height: 120%;
}

/* --------------------------------------------------------------------------
  Standort-Template
   -------------------------------------------------------------------------- */
section.standortSec {
	background-position: top, center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #f5f5f6;
}

section.standortSec .contentBox {
	position: relative;
	box-sizing: border-box;
	max-width: 1120px;	
	margin: 0 auto;
	padding: 80px 80px 0;
}

section.standortSec .contentBox h2 {
	margin-bottom: 40px;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.5rem;
	line-height: 125%;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

section.standortSec .contentBox h6 {
	margin-bottom: 30px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	font-style: normal;
	color: #54585a; 
	text-transform: uppercase;
	text-align: left;
}

section.standortSec .contentBox p {
	margin-bottom: 40px;
	text-align: left;
}

section.standortSec .contentBox .trenner {
	margin-top: 50px;
}

section.standortSec .contentBox .excerpt p {
	margin-bottom: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-style: normal;
	font-weight: 700;
	font-size: 3.25rem;
	line-height: 108%;
	text-transform: uppercase;
    letter-spacing: 0.01em;
	text-align: center;
}

section.standortSec .contentBox blockquote {
	position: relative;
	box-sizing: border-box;
	width: 70%;
	max-width: 520px;
	margin: 30px auto;
	padding: 40px 60px 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	text-align: center;
	background: none;
}

section.standortSec .contentBox blockquote p {
	border: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-style: normal;
	color: #54585a; 
	text-transform: uppercase;
	text-align: center;
}

section.standortSec .contentBox blockquote p em {
	display: block;
	font-weight: 500;
	font-style: normal;
}

/* --------------------------------------------------------------------------
   Single Projekt
   -------------------------------------------------------------------------- */
section.singleProjektWrapper {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1280px;
	padding: 0 40px;
	margin: 140px auto 0 !important;
	text-align: center;
}

section.singleProjektWrapper h2 {
	margin: 0 0 80px 0;
	padding: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 108%; 	
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.01em;
	color: #54585a;
	text-align: left;	
}

section.singleProjektWrapper .contentLine {
	margin-bottom: 80px;
}

section.singleProjektWrapper .theLogo,
section.singleProjektWrapper .theProjektlink {
	position: relative;
	box-sizing: border-box;
	float: right; 
	width: 33%;
	text-align: center;
}

section.singleProjektWrapper .theContent,
section.singleProjektWrapper .theProjektinfo,
.theProjektinfo .onePInfo {
	position: relative;
	box-sizing: border-box;
	float: left; 
	width: 67%;
	text-align: left;
}

.theProjektinfo .onePInfo {
	width: 50%;
	width: calc(50% - 30px);
	margin-right: 30px;
	padding: 20px 0;
	border-top: 1px solid #444;
}

.theProjektinfo .onePInfo.lastRow, 
.theProjektinfo .onePInfo.last {
	border-bottom: 1px solid #444;
}

.theProjektinfo .onePInfo h4 {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #444;
}

.theProjektinfo .onePInfo h5 {
	margin: 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.1rem;
}

.theProjektlink .txtLine {
	position: relative;
	height: 37px;
	width: 100%;
	padding: 20px 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 400;	
	font-size: 0.9rem;
	line-height: 140%;
	text-align: center;
}

.theProjektlink .linkLine {
	height: 77px;
	width: 100%;
	padding: 0;
}

.theProjektlink .linkLine a {
	display: block;
	padding: 20px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 0.8rem;
	line-height: 37px;
	color: #fff;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	background-color: #54585a;
}

.theProjektlink .linkLine a:hover {
	text-decoration: none;
	color: #aaa;
}

section.singleProjektWrapper .thePics {
	position: relative;
	margin: 100px 0 80px;
}

section.singleProjektWrapper .thePics .onePic {
	position: relative;
	box-sizing: border-box;
	float: left; 
	width: 50%;
	padding: 0 10px 20px 0;
}

section.singleProjektWrapper .thePics .onePic:nth-child(even) {
	padding: 0 0 20px 10px;
}

/* --------------------------------------------------------------------------
   Clear Fix Hack - class="fixed" für div-Bereiche mit Float-Elementen
   -------------------------------------------------------------------------- */
.fixed:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fixed							{ display: block; }

.fixed							{ min-height: 1%; }

* html .fixed					{ height: 1%; }

/* --------------------------------------------------------------------------
   HEADERBEREICH
   -------------------------------------------------------------------------- */
header {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 110px;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 0;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 1000;
}

.wrapper_head {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 2600px;
	height: 0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.logo2 {
	position: absolute;
	top: 15px;
	left: 40px;	
	width: auto;
	height: 40px;
}

.headContainer,
.headContainer_college {
	position: relative;
	z-index: 10;
}

.headContainer_college { background-color: #cc071e; }

.logo {
	width: auto;
	height: 80px;
	margin: 10px auto;
}

div#logo_college {
	width: 406px;
	height: 180px;
	margin: 0;
	float: right;
}

div#logo img,
div#logo_college img {
	width: 100%;
	height: auto;
}

div#headText {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 100px;
	text-align: right;
}

.gfg-logo {
	display: block;
	position: absolute;
	top: 0;
	left: 100px;
	width: 170px;
	height: 190px;
	background-color: #54585a;
	background-image: url("template/logo_gfg_box.png");
	background-repeat: no-repeat;
	background-position: center 35px;
	z-index: 5000;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gfg-head {
	position: absolute;
	top: 28px;
	left: 160px;
}	

/* -----------------------Slideshow im Header ------------------------------- */
#slideshow {
	position: relative;
	z-index: 500;
}

#slideshow .pictxt {
	position: absolute;
	width: 240px;
	height: 140px;
	padding: 30px;
	background: rgba( 0, 0, 0, 0.6 );
}

#slideshow .pictxt h3,
#slideshow .pictxt p,
#slideshow .pictxt div					{ color: #fff; }

#slideshow .pictxt h3					{ font-size: 0.9rem; }

.fixpic img								{ border-bottom: 10px solid #222; }

.slidetext {
	position: absolute;	
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 300px;
	margin-top: -150px;
	margin-left: -300px;
	padding: 20px;
	text-align: center;
	z-index: 500;
	opacity: 1;
	background-color: rgba( 255, 255, 255, 0.7 );
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.slidetext h2 { 
	font-size: 1.5rem;
	color: #b0012f;
	text-transform: uppercase;
}

.slidetext h4 { 
	font-size: 1.1rem;
	color: #b0012f;
}

.slidetext p { 
	color: #111;
}

/* --------------------------------------------------------------------------
   CONTENTBEREICH
   -------------------------------------------------------------------------- */
section.rev h1,
section.rev h2,
section.rev h3,
section.rev h4,
section.rev h5,
section.rev h6,
section.rev  p {
	color: #fff !important;
}

.cont_wrapper,
.wrapper {
	position: relative;
	width: 100%;
	max-width: 2600px;
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #fff;
	text-align: center;
}

.cont_wrapper {
	max-width: 1120px;
}

.contentBox .col_one_two img,
.contentBox .col_two_two img { max-width: 48%; }

.contentBox .col_one_two {
	width: 48%;
	float: left;
}

.contentBox .col_two_two {
	width: 48%;
	float: right;
}

.contentBox ul,
.contentBox ol {
	margin-top: 20px;
}

.contentBox ul li { 
	margin-left: 0; 
	padding-left: 13px;
	border-bottom: 1px solid #ccc;
	line-height: 300%;
	background-image: url("template/bull5.png");
	background-repeat: no-repeat;
	background-position: 2px center;	
}

.contentBox ol li { 
	margin-left: 5px; 
	padding-left: 10px;	
}

section h2  { 
	padding: 0 20px;
}

.childContent { 
	padding: 0 40px;
	text-align: left;
}

.zitatBoxBox {
	position: relative;
	box-sizing: border-box;
	margin-bottom: 0;
	text-align: center !important;
}

.zitatBox {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 120px 0;
	text-align: center;
}

.zitat {
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.375rem;
	line-height: 137%;
	font-weight: 400;	
	font-style: italic;
}

.zitierter {
	margin-bottom: 0;
	padding-bottom: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 214%;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-style: normal;
	text-transform: uppercase;	
}

/* --------------------------------------------------------------------------
   FOOTERBEREICH
   -------------------------------------------------------------------------- */
footer {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	background-color: #fff;
}

.wrapper_foot {
	box-sizing: border-box;
	width: 100%;
	max-width: 2600px;
	padding: 38px 40px 30px;
	margin: 0 auto;
	background-color: #54585a;
}

.footLogo {
	display: block;
	float: left;
	margin: -12px 0 0 0;
}

a.partnerLogin {
	display: block;
	margin-top: -10px;
	padding: 10px 20px;
	border: 1px solid #b1b4b1;
	float: right;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

a.partnerLogin:hover			{ color: #fff; }

#isMob { width: 1px; }

/* --------------------------------------------------------------------------
   NAVIGATIONSBEREICHE
   -------------------------------------------------------------------------- */
/* ------------------- MainMenu ------------------------------------------------------- */
.mainMenu {
	position: relative;
	top: 35px;
	display: block;
	width: auto;
	margin: 0 auto;
	font-weight: 600;
	clear: both;
	float: none;
}

.mainMenu ul {
	display: block;
	float: right;
	font-size: 1rem;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.mainMenu li { 
	display: inline-block;
	float: left;
    position: relative;
	margin: 0 35px;
	text-align: left;
}

.mainMenu a {
	display: inline-block;
	padding-bottom: 3px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 200%;
    font-weight: 500;
	letter-spacing: 0.2em;
    font-style: normal;
    text-decoration: none;
	text-transform: uppercase;
    color: #54585a;
}

.mainMenu ul ul {
	font-size: 12px;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 35px;
	left: 0;
	width: 188px;
	z-index: 9999;
}

.mainMenu ul ul li { 
	display: block;
	float: none;
    position: relative;
	margin: 0;
	text-align: left;
}

.mainMenu ul ul ul {
	left: 100%;
	top: 0;
}

.mainMenu ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}

.mainMenu ul ul :hover > a { background: #efefef; }

.mainMenu ul li.current_page_item a,
.mainMenu li:hover > a {
	border-bottom: 2px solid #555;
}

.mainMenu ul ul li:hover > a,
.mainMenu ul li.current_page_item ul li a { border-bottom: 1px dotted #ddd; }

.mainMenu .current-menu-item > a,
.mainMenu .current-menu-ancestor > a,
.mainMenu .current_page_item > a,
.mainMenu .current_page_ancestor > a { }

/* ------------------- Interaktives Zusatzmenü ------------------------------------------------------- */
.plusMenuBut {
	display: block;
	float: right;
	margin: 0;
	padding: 3px 176px 0 35px;
	cursor: pointer;
}

.plusMenuBut img {
	width: auto;
	height: 16px;
}

.plusMenuBut img:hover { opacity: 0.6; }

.plusMenu {
	position: absolute;
	top: 25px;
	right: 0;
	width: 220px;
	display: none;
	background-color: #54585a
}

.plusMenu ul {
	font-size: 1rem;
	list-style: none;
	margin: 10px 0 18px 30px;
    padding-left: 0;
    text-align: left;
}

.plusMenu li { 
    position: relative;
	margin: 0;
	padding: 5px 0;
	text-align: left;
}

.plusMenu a,
.plusMenu .closeMenu span {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 200%;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #b3b5b4;
}

.plusMenu li:hover > a,
.plusMenu .closeMenu span:hover,
.plusMenu a:focus						{ text-decoration: underline; }

.plusMenu .current-menu-item > a,
.plusMenu .current-menu-ancestor > a,
.plusMenu .current_page_item > a,
.plusMenu .current_page_ancestor > a	{ text-decoration: underline; }

.plusMenu .closeMenu {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 0 10px 28px;
	border-bottom: 1px solid #ccc;
	background-image: url("template/ico_close.png");
	background-repeat: no-repeat;
	background-position: 28px 17px;
	background-size: 16px;
	text-align: left;
	cursor: pointer;
}

.plusMenu .closeMenu span {
	margin-left: 30px;
}

/* ------------------- Mobilemenü ------------------------------------------------------- */
.mobMenuBut {
	display: none;
	float: right;
	margin: 0;
	padding: 8px 15px 0 35px;
	cursor: pointer;
}

.mobMenuBut img:hover { opacity: 0.6; }

.mobMenu {
	position: absolute;
	top: 25px;
	right: 0;
	width: 205px;
	display: none;
	background-color: #54585a
}

.mobMenu ul {
	font-size: 1rem;
	list-style: none;
	margin: 0 0 0 15px;
    padding: 10px 0;
    text-align: left;
}

.mobMenu li { 
    position: relative;
	margin: 0;
	text-align: left;
}

.mobMenu a,
.mobMenu .closeMenu span {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 200%;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #b3b5b4;
}

.mobMenu li:hover > a,
.mobMenu .closeMenu span:hover,
.mobMenu a:focus						{ color: #fff; }

.mobMenu .current-menu-item > a,
.mobMenu .current-menu-ancestor > a,
.mobMenu .current_page_item > a,
.mobMenu .current_page_ancestor > a	{ color: #000; }

.mobMenu .closeMenu {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 28px 10px 0;
	border-bottom: 1px solid #ccc;
	background-image: url("template/ico_close.png");
	background-repeat: no-repeat;
	background-position: 170px 15px;
	text-align: left;
	cursor: pointer;
}

.mobMenu .closeMenu span {
	margin-left: 15px;
}

/* ------------------- FootMenu ------------------------------------------------------- */
.footMenu {	
	display: block;
	float: left;
	margin: 0 0 0 30px;
	padding-left: 15px;	
	border-left: 1px solid #b1b4b1;
	list-style: none;
}

.footMenu li { 
	display: inline-block;
	float: left;
    position: relative;
	margin: 0 15px;
	text-align: left;
}

.footMenu a {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.2em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.footMenu li:hover > a,
.footMenu a:focus {
	text-decoration: underline;
}

.footMenu .current-menu-item > a,
.footMenu .current-menu-ancestor > a,
.footMenu .current_page_item > a,
.footMenu .current_page_ancestor > a { color: #fff; }

/* ------------------- Submenu linke Spalte (automatisch generiert) ------------------------------------------------------- */
ul#sideMenu {
	margin: 5px 0 20px 0;
	list-style: none;
	border-bottom: 1px dotted rgb(204,204,204);
}

ul#sideMenu li {
	font-size: 0.85rem;
	border-top: 1px dotted rgb(204,204,204);
	padding: 3px 0;
}

ul#sideMenu ul {
	margin: 5px 0;
	list-style: none;
}

ul#sideMenu ul li { padding-left: 10px; }

/* ------------------- Widget linke Spalte ------------------------------------------------------- */
.firstColWidget {
	margin-bottom: 15px;
	border-bottom: 1px dotted #222;
}

/* ------------------- Submenü (Widget linke Spalte) --------------------------- */
.firstColWidget ul.menu					{ list-style: none; }

.firstColWidget ul.menu li,
.firstColWidget ul.menu li a {
	font-style: normal;
	color: #222;
	font-size: 0.9rem;
	line-height: 130%;
	text-decoration: none;
}

.firstColWidget ul.menu li:hover > ul	{ display: block; }

.firstColWidget ul.menu li a:hover {
	color: #666;
	text-decoration: none;
}

.firstColWidget ul.menu ul { 
	margin: 0;
	padding-bottom: 4px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	list-style: none;
	display: none;
}

.firstColWidget ul.menu li li,
.firstColWidget ul.menu li li a {
	padding-left: 5px;
	font-size: 0.8rem;
	line-height: 110%;
	text-decoration: none;
}

/* ------------------- Submenu linke Spalte (manuell per Widget generiert) ------------------------------------------------------- */
.std1sp h3 {
	font-size: 1rem;
	margin-bottom: 12px;
}

.std1sp ul {
	margin: 5px 0 20px;
	list-style: none outside none;
	border-bottom: 1px dotted rgb(204, 204, 204);
}

.std1sp li {
	font-size: 0.85rem;
	border-top: 1px dotted rgb(204, 204, 204);
	padding: 3px 0;
}

/* ------------------- Submenu linke Spalte (prominent Infoblätter) -----------------------------------------------------------------------------------------------*/
.pro1sp ul {
	margin: 10px 0 20px;
	list-style: none outside none;
}

.pro1sp li {
	font-size: 0.85rem;
	font-weight: 400;
	padding: 3px;
	border: 1px solid #aaa;
	background-color: rgb(204, 204, 204);
}

.pro1sp li a:hover {
	text-decoration: none;
	color: #666;
}

/* ------------------- Navigationsbereich im Footer -----------------------------------------------------------------------------------------------*/
div.footer-nav-1,
div.footer-nav-2 {
	width: 47%;
	max-width: 100px;
	float: left;
	margin-bottom: 0;
}

div.footer-nav-2			{ margin-left: 5%; }

ul.footer-nav {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}

/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
/* ----------- "onepagerslide" -> Startseite mit Slideshow ------------ */
.wrapper.startsectSlide .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 80px;
	text-align: center;
}

.wrapper.startsectSlide .content h2 { /* fs06 */
	margin: 0;
	padding: 0;
	text-align: center;
}

.wrapper.startsectSlide .content h6 { /* fs05 */
	margin: 0;
	padding: 0 0 30px 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

/* ----------- "onepagerslide" -> Startseite mit Bild ------------ */
.wrapper.startsectPic .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 66px 20px;
	text-align: center;
}

.wrapper.startsectPic .content h2 {
	margin: 0;
	padding: 0 0 8px 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-size: 3rem;
	font-weight: 700;
	text-transform: uppercase;
    letter-spacing: 0.06em;
	color: #54585a;
	text-align: center;
}

.wrapper.startsectPic .content p {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 300;	
	font-size: 1.5rem;
	line-height: 110%;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #54585a;
	text-align: center;
}

/* ----------- "Bauten" -> Liste der vorhandenen Bauten ------------ */
.wrapper.slidesectBauten.fertig { margin-top: 120px; }

.wrapper.slidesectBauten .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 20px 0;
	text-align: center;
}

.wrapper.slidesectBauten .content h2 { /* fs06 */
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
}

.wrapper.slidesectBauten .content p {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 300;	
	font-size: 2.3rem;
	line-height: 110%;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	color: #54585a;
	text-align: center;
}

.wrapper.slidesectBauten .trenner,
.wrapper.showBauten .trenner {
	display: inline-block;
	width: 120px;
	margin-top: 50px;
	border-top: 1px solid #444;
	height: 60px;
}

.wrapper.showBauten .trenner { height: 1px; }

.wrapper.showBauten h2.hlBauten {
	margin: 50px auto;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 2.5rem;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #54585a;
}

.wrapper.showBauten h2.hlBauten span {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 2.5625rem;
	font-style: normal;
	font-weight: 700;
}

.wrapper.showBauten .oneBau {
	position: relative;
	width: 100%;
	max-width: 1350px;
	margin: 0 auto 30px;
	overflow: hidden;
}

.wrapper.showBauten .oneBau .infoBox {
	display: block;
	position: relative;
	height: fit-content;
	margin-top: clamp(-50px, -1.9087837837837838rem - 6.081081081081082vw, -140px);
}

.wrapper.showBauten .oneBau .infoBoxBox {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 0;
	height: 100%;
	width: 33%;
}

.wrapper.showBauten .oneBau .infoBoxBox h2 {
	position: relative;	
}

.wrapper.showBauten .oneBau .infoBoxBox h2 a { /* fs07 */
	display: inline-block;	
}

.wrapper.showBauten .oneBau .infoBoxBox.left h2,
.wrapper.showBauten .oneBau .infoBoxBox.left h2 a,
.wrapper.showBauten .oneBau .infoBoxBox.left h2 a:hover {
	color: #fff;
	text-decoration: none;
}

.wrapper.showBauten .oneBau .infoBoxBox.right h2,
.wrapper.showBauten .oneBau .infoBoxBox.right h2 a,
.wrapper.showBauten .oneBau .infoBoxBox.right h2 a:hover {
	color: #54585a;
	text-decoration: none;
}

.wrapper.showBauten .oneBau .infoBoxBox .trenner {
	display: inline-block;
	width: 150px;
	margin-top: 10px;
	border-top: 1px solid;
	height: 6px;
}

.wrapper.showBauten .oneBau .infoBoxBox.left .trenner {
	border-color: #fff;
}

.wrapper.showBauten .oneBau .infoBoxBox.right .trenner {
	border-color: #54585a;
}

.wrapper.showBauten .oneBau .infoBoxBox .stadtteil {
	position: relative;
	margin: 0 auto;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 150%;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.wrapper.showBauten .oneBau .infoBoxBox.left .stadtteil {
	color: #fff;
}

.wrapper.showBauten .oneBau .infoBoxBox.right .stadtteil {
	color: #54585a;
}

.wrapper.showBauten .oneBau .infoBoxBox .fertigstellung { /* fs08 */
	position: relative;
	margin: 0 auto;
}

.wrapper.showBauten .oneBau .infoBoxBox.left .fertigstellung {
	color: #fff;
}

.wrapper.showBauten .oneBau .infoBoxBox.right .fertigstellung {
	color: #54585a;
}

.wrapper.showBauten .oneBau .infoBoxBox a.button {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 148px;
	height: 56px;
	margin-left: -75px;
	border: 1px solid;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 56px; 	
	font-weight: 500;
	text-transform: uppercase;
    letter-spacing: 0.07em;
	text-align: center;
}

.wrapper.showBauten .oneBau .infoBoxBox.left a.button {
	border-color: #fff;
	color: #fff;
}

.wrapper.showBauten .oneBau .infoBoxBox.right a.button {
	background-color: #54585a;
	border-color: #54585a;
	color: #fff;
}	

.wrapper.showBauten .oneBau .infoBoxBox.left a.button:hover {
	border-color: #54585a;
	background-color: #54585a;
	text-decoration: none;
}

.wrapper.showBauten .oneBau .infoBoxBox.right a.button:hover {
	background-color: transparent;
	border-color: #54585a;
	color: #54585a;
	text-decoration: none;
}

.wrapper.showBauten .oneBau .infoBoxBox.left {
	left: 0;
	background-color: rgba( 51, 51, 51, 0.9 );
}

.wrapper.showBauten .oneBau .infoBoxBox.right {
	right: 0;
	background-color: rgba( 255, 255, 255, 0.7 );
}

.wrapper.showBauten .pager,
.wrapper.showBauten .pager a {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.875rem;
	line-height: 100%;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
    letter-spacing: 0.2em;
}

.wrapper.showBauten .pager {
	margin: 60px auto 30px;
}

.wrapper.showBauten .pager a {
	display: inline-block;
	padding: 0 5px;
}

.wrapper.showBauten .pager a.active,
.wrapper.showBauten .pager a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	text-decoration: none;
	font-weight: 700;
}

.wrapper.showBauten a.pagerAll {
	display: block;
	margin: 0 auto 80px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.75rem;
	line-height: 100%;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
    letter-spacing: 0.2em;
	color: #54585a;
}

.wrapper.showBauten a.pagerAll:hover {
	text-decoration: none;
	font-weight: 700;
}

/* ----------- "bgPicSec1/bgPicSec1a/bgPicSec1b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 1 (1a -> große Überschrift, 1b -> mittlere Überschrift)------------ */
.bgPicSec1 .childContentPic,
.bgPicSec1a .childContentPic,
.bgPicSec1b .childContentPic {
	position: absolute;
	top: 20%;
	left: 30%;
	width: 45%;
	text-align: left;
}

.bgPicSec1 .childContentPic h2,
.bgPicSec1a .childContentPic h2,
.bgPicSec1b .childContentPic h2 {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
}

.bgPicSec1 .childContentPic h2,
.bgPicSec1 .childContentPic h2 a,
.bgPicSec1 .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 300;	
	font-size: 1.5rem;
	text-transform: uppercase;
    letter-spacing: 0.1em; /* Chronicle Display */
	text-decoration: none;
	color: #fff;
}

.bgPicSec1a .childContentPic h2,
.bgPicSec1a .childContentPic h2 a,
.bgPicSec1a .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 107.5%;
	font-weight: 700;
	letter-spacing: 0.01em;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.bgPicSec1b .childContentPic h2,
.bgPicSec1b .childContentPic h2 a,
.bgPicSec1b .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 1.7rem;
	line-height: 138%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-style: normal;
	color: #fff;
}

.bgPicSec1 .childContentPic h3,
.bgPicSec1 .childContentPic h3 a,
.bgPicSec1 .childContentPic h3 a:hover,
.bgPicSec1a .childContentPic h3,
.bgPicSec1a .childContentPic h3 a,
.bgPicSec1a .childContentPic h3 a:hover,
.bgPicSec1b .childContentPic h3,
.bgPicSec1b .childContentPic h3 a,
.bgPicSec1b .childContentPic h3 a:hover {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 2.5rem;
	line-height: 100%;
	letter-spacing: 0.1em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.bgPicSec1 .childContentPic h3,
.bgPicSec1 .childContentPic h3 a,
.bgPicSec1 .childContentPic h3 a:hover,
.bgPicSec1a .childContentPic h3,
.bgPicSec1a .childContentPic h3 a,
.bgPicSec1a .childContentPic h3 a:hover,
.bgPicSec1b .childContentPic h3,
.bgPicSec1b .childContentPic h3 a,
.bgPicSec1b .childContentPic h3 a:hover {
	margin: 15px 0 25px;
	padding: 0;
}

.bgPicSec1 .childContentPic p,
.bgPicSec1a .childContentPic p,
.bgPicSec1b .childContentPic p {
	margin-bottom: 0;
	padding: 0;
	color: #fff;
}

.bgPicSec1 .childContentPic .trenner,
.bgPicSec1a .childContentPic .trenner,
.bgPicSec1b .childContentPic .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 15px;
	border-top: 1px solid #fff;
	height: 15px;
}

/* ----------- "bgPicSec2/bgPicSec2a/bgPicSec2b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 2 (2a -> große Überschrift, 2b -> mittlere Überschrift) ------------ */
.bgPicSec2 .childContentPic,
.bgPicSec2a .childContentPic,
.bgPicSec2b .childContentPic,
.bgPicSec2c .childContentPic {
	position: absolute;
	top: 20%;
	left: 17%;
	width: 66%;
	text-align: center;
}

.bgPicSec2 .childContentPic h2,
.bgPicSec2a .childContentPic h2,
.bgPicSec2b .childContentPic h2,
.bgPicSec2c .childContentPic h2  {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
}

.bgPicSec2 .childContentPic h2,
.bgPicSec2 .childContentPic h2 a,
.bgPicSec2 .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 100%;
	font-weight: 700;	
	font-style: normal;
	text-decoration: none;
	color: #fff;
}

.bgPicSec2a .childContentPic h2,
.bgPicSec2a .childContentPic h2 a,
.bgPicSec2a .childContentPic h2 a:hover {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 4.5rem;
	line-height: 107.5%;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.bgPicSec2b .childContentPic h2,
.bgPicSec2b .childContentPic h2 a,
.bgPicSec2b .childContentPic h2 a:hover,
.bgPicSec2c .childContentPic h2,
.bgPicSec2c .childContentPic h2 a,
.bgPicSec2c .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 2.5rem;
	line-height: 138%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-style: normal;
	color: #fff;
}

.bgPicSec2 .childContentPic h3,
.bgPicSec2 .childContentPic h3 a,
.bgPicSec2 .childContentPic h3 a:hover,
.bgPicSec2a .childContentPic h3,
.bgPicSec2a .childContentPic h3 a,
.bgPicSec2a .childContentPic h3 a:hover,
.bgPicSec2b .childContentPic h3,
.bgPicSec2b .childContentPic h3 a,
.bgPicSec2b .childContentPic h3 a:hover,
.bgPicSec2c .childContentPic h3,
.bgPicSec2c .childContentPic h3 a,
.bgPicSec2c .childContentPic h3 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 5.625rem;
	line-height: 100%;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.bgPicSec2 .childContentPic h3,
.bgPicSec2 .childContentPic h3 a,
.bgPicSec2 .childContentPic h3 a:hover,
.bgPicSec2a .childContentPic h3,
.bgPicSec2a .childContentPic h3 a,
.bgPicSec2a .childContentPic h3 a:hover,
.bgPicSec2b .childContentPic h3,
.bgPicSec2b .childContentPic h3 a,
.bgPicSec2b .childContentPic h3 a:hover,
.bgPicSec2c .childContentPic h3,
.bgPicSec2c .childContentPic h3 a,
.bgPicSec2c .childContentPic h3 a:hover {
	margin-top: 15px;
	padding: 0;
}

.bgPicSec2 .childContentPic p,
.bgPicSec2a .childContentPic p,
.bgPicSec2b .childContentPic p {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125rem;
	color: #fff;
}

.bgPicSec2c .childContentPic p {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 107.5%;
	font-weight: 700;
	letter-spacing: 0.01em;
	font-style: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

.bgPicSec2 .childContentPic .trenner,
.bgPicSec2a .childContentPic .trenner,
.bgPicSec2b .childContentPic .trenner,
.bgPicSec2c .childContentPic .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}

/* ----------- bgPicSec3, bgPicSec4  -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typen 3-4 ------------ */
.bgPicSec3 .childContentPic,
.bgPicSec3a .childContentPic,
.bgPicSec4 .childContentPic {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	text-align: center;
}

.bgPicSec3 .childContentPic .contBgBox,
.bgPicSec3a .childContentPic .contBgBox,
.bgPicSec4 .childContentPic .contBgBox{
	position: relative;
	width: 60%;
	max-width: 700px;
	margin: 0 auto;
	padding: 60px;
	text-align: center;
}

.bgPicSec3 .childContentPic h2,
.bgPicSec4 .childContentPic h2 {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
}

.bgPicSec3 .childContentPic h2,
.bgPicSec3 .childContentPic h2 a,
.bgPicSec3 .childContentPic h2 a:hover,
.bgPicSec4 .childContentPic h2,
.bgPicSec4 .childContentPic h2 a,
.bgPicSec4 .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 100%;
	font-weight: 700;	
	font-style: normal;
	text-decoration: none;
	color: #54585a;
}

.bgPicSec3 .childContentPic h3,
.bgPicSec3 .childContentPic h3 a,
.bgPicSec3 .childContentPic h3 a:hover,
.bgPicSec4 .childContentPic h3,
.bgPicSec4 .childContentPic h3 a,
.bgPicSec4 .childContentPic h3 a:hover {
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 3.2rem;
	line-height: 138%;
	font-weight: 400;
	font-style: italic;
	letter-spacing: 0.04em;
	color: #54585a;
	text-decoration: none;
}

.bgPicSec3 .childContentPic h3,
.bgPicSec3 .childContentPic h3 a,
.bgPicSec3 .childContentPic h3 a:hover,
.bgPicSec4 .childContentPic h3,
.bgPicSec4 .childContentPic h3 a,
.bgPicSec4 .childContentPic h3 a:hover {
	margin-top: 15px;
	padding: 0;
}

.bgPicSec3 .childContentPic p,
.bgPicSec3a .childContentPic p,
.bgPicSec4 .childContentPic p {
	max-width: 650px;
	margin: 0 auto;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 125%;
	font-weight: 300;
	letter-spacing: 0.02em;
	font-style: normal;
	color: #54585a;
}

.bgPicSec3a .childContentPic p { font-size: 1.5rem; }

.bgPicSec3 .childContentPic .trenner,
.bgPicSec4 .childContentPic .trenner {
	display: none;
}

/* ----------- "bgPicSec5/bgPicSec5a/bgPicSec5b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 2 (2a -> große Überschrift, 2b -> mittlere Überschrift) ------------ */
.bgPicSec5 .childContentPic,
.bgPicSec5a .childContentPic,
.bgPicSec5b .childContentPic {
	position: absolute;
	top: 20%;
	left: 17%;
	width: 66%;
	text-align: center;
}

.bgPicSec5 .childContentPic h2,
.bgPicSec5a .childContentPic h2,
.bgPicSec5b .childContentPic h2  {
	margin-bottom: 15px;
	padding: 0 0 10px 0;
}

.bgPicSec5 .childContentPic h2,
.bgPicSec5 .childContentPic h2 a,
.bgPicSec5 .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 100%;
	font-weight: 700;	
	font-style: normal;
	text-decoration: none;
	color: #fff;
}

.bgPicSec5a .childContentPic h2,
.bgPicSec5a .childContentPic h2 a,
.bgPicSec5a .childContentPic h2 a:hover {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 4.5rem;
	line-height: 107.5%;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff;
}

.bgPicSec5b .childContentPic h2,
.bgPicSec5b .childContentPic h2 a,
.bgPicSec5b .childContentPic h2 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.4rem;
	line-height: 138%;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-style: normal;
	color: #fff;
}

.bgPicSec5 .childContentPic h3,
.bgPicSec5 .childContentPic h3 a,
.bgPicSec5 .childContentPic h3 a:hover,
.bgPicSec5a .childContentPic h3,
.bgPicSec5a .childContentPic h3 a,
.bgPicSec5a .childContentPic h3 a:hover,
.bgPicSec5b .childContentPic h3,
.bgPicSec5b .childContentPic h3 a,
.bgPicSec5b .childContentPic h3 a:hover {
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 5.625rem;
	line-height: 100%;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.05em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

.bgPicSec5 .childContentPic h3,
.bgPicSec5 .childContentPic h3 a,
.bgPicSec5 .childContentPic h3 a:hover,
.bgPicSec5a .childContentPic h3,
.bgPicSec5a .childContentPic h3 a,
.bgPicSec5a .childContentPic h3 a:hover,
.bgPicSec5b .childContentPic h3,
.bgPicSec5b .childContentPic h3 a,
.bgPicSec5b .childContentPic h3 a:hover {
	margin-top: 15px;
	padding: 0;
}

.bgPicSec5 .childContentPic p,
.bgPicSec5a .childContentPic p,
.bgPicSec5b .childContentPic p {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.125rem;
	color: #fff;
}

.bgPicSec5 .childContentPic .trenner,
.bgPicSec5a .childContentPic .trenner,
.bgPicSec5b .childContentPic .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 10px;
	border-top: 1px solid #fff;
	height: 10px;
}


/* ----------- "standardSec" -> Standardlayout (onePager-Unterseite) ------------ */
.standardSec {
	padding-top: 80px;
}

.standardSec .cont_wrapper {
	padding-left: 80px;
	padding-right: 80px;
}

.standardPic {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 0;
}

.fullPic {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.standardPic img.bottom,
.fullPic img.bottom {
	position: relative;
	display: inline-block;
	top: 9px;
}

.standardSec .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 80px 0;
	text-align: center;
}

.standardSec h2 {
	padding: 20px 0 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-size: 1.5rem;
	line-height: 125%;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
    letter-spacing: 0.1em;
}

.standardSec h3 {
	padding: 20px 0 0;
	font-family: "Chronicle Display A", "Chronicle Display B", "Libre Baskerville", serif;
	font-size: 3.25rem;
	line-height: 107.5%;
	font-weight: 700;
	color: #54585a;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.standardSec h6 {	/* fs05 */
	padding: 0 0 30px 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	color: #54585a;
	text-align: left;
}

.standardSec p { /* fs00 */
	margin-bottom: 30px;
	padding: 0;
	text-align: left;
}

.standardSec .trenner {
	display: inline-block;
	width: 100px;
	margin-top: 40px;
	border-top: 1px solid #444;
	height: 40px;
}

.standardSec img.fullwidth {
	width: 100%;
	max-width: 99999px;
	height: auto;
}

/* --------------------------------------------------------------------------
   DREI HIGHLIGHT-BOXEN
   -------------------------------------------------------------------------- */
.highlightWrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	padding: 0 40px;
	margin: -60px auto 80px;
}

.highlightWrapper .oneBox,
.highlightWrapper .oneBox.drei {
	box-sizing: border-box;
	position: relative;
	width: 33.33%;
	margin-top: 15px;
	float: left;
	border: 0;
	text-align: center !important;
}

.highlightWrapper .oneBox.eins {
	width: 100%;
}

.highlightWrapper .oneBox.zwei {
	width: 50%;
}

.highlightWrapper .oneBox.vier {
	width: 25%;
}

.highlightWrapper .oneBox.fuenf {
	width: 20%;
}

.highlightWrapper .oneBox h2 {
	margin: 20px 0;
	padding: 0 20px;
	font-size: 1.7rem;
	font-weight: 400;
	text-align: center !important;
	color: #333;
}

.highlightWrapper.rev .oneBox h2 {
	color: #fff;
}

.highlightWrapper .oneBox .imgBox {
	width: 200px;
	height: 200px;
	margin: 20px auto;
	border: 3px solid #b0012f;
	border-radius: 100px;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	color: #333;
}

.highlightWrapper .oneBox p {
	min-height: 100px;
	margin: 20px 0 10px;
	padding: 0 10px;
	text-align: center !important;
}

.highlightWrapper.rev .oneBox p {
	color: #fff;
}

.highlightWrapper .oneBox a {
	display: inline-block;
	margin: 10px 0 20px;
    padding: 4px 8px;
    background-color: #222;
    border-radius: 8px;
    color: #fff;
    font-size: 1.14rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
	
.highlightWrapper .oneBox a:hover {
	color: #b0012f;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   BOXEN FÜR INFO-KONTAKTBOX
   -------------------------------------------------------------------------- */
.kontaktWrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1600px;
	padding: 60px 0;
	margin: 80px auto;
	background-color: #b0012f;
}

.kontaktWrapper p {
	color: #fff;
	margin: 0;
}

.kontaktWrapper a {
	display: inline-block;
	margin: 10px 0 20px 50px;
    padding: 4px 8px;
    background-color: #fff;
    border-radius: 8px;
    color: #b0012f;
    font-size: 1.14rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
	
.kontaktWrapper a:hover {
	color: #222;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   SEKTION KONTAKTFORM
   -------------------------------------------------------------------------- */
.kontaktformWrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 60px auto 0;
	padding: 60px 40px;
	background-color: #fff8e6;
}

.kontaktformInnerWrapper {
	box-sizing: border-box;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.kontaktformWrapper h2 {
	margin: 60px 0 30px;
	padding: 10px 0;
    font-size: 2rem;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
}

.kontaktformWrapper p {
	margin: 30px 0;
}

.kontaktformWrapper input[type="text"],
.kontaktformWrapper input[type="password"],
.kontaktformWrapper textarea,
.kontaktformWrapper select {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin-bottom: 20px;	
	padding: 0 2.5%;
	border: 1px solid #b0012f;
	font-size: 0.8rem;
	line-height: 210%;
	color: #666;
	background: #fff;
}

.kontaktformWrapper textarea		{ height: 120px; }

.kontaktformWrapper input[type="submit"] {
	display: inline-block;
	float: right;
	margin: 10px 0 20px 50px;
    padding: 4px 8px;
	border: 0;
    border-radius: 8px;
	background-color: #222;
    color: #fff;
    font-size: 1.14rem;
	font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kontaktformWrapper input[type="submit"]:hover {
    color: #b0012f;
}
	
.kontaktWrapper input[type="submit"]:hover {
	color: #222;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   SPEZ. DEFINITIONEN FÜR EINZELNE INHALTSBERICHE
   -------------------------------------------------------------------------- */
/* ----------- Startseite erste Sektion (post-4) ------------ */
.post-4 .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 66px 20px;
	text-align: center;
}

.post-4 .content h2 {
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 2.5rem;
	line-height: 110%;
	font-weight: 700;
	letter-spacing: 0.06em !important;
	font-style: normal;
	text-decoration: none;
    text-transform: uppercase;
	color: #54585a;
    text-align: center;
}

.post-4 .content p {
	margin: 0;
	padding: 5px 0 0 0;
	font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.3rem;
	text-transform: uppercase;
    letter-spacing: 0.1em;
	text-align: center;
}

/* ----------- Story Design / Section Red Dot Award ------------ */
#post-852 {
	margin-top: -8px;
	z-index: 100;
}

/* ----------- Story Design / Slider Logos ------------ */
#post-862 .cycloneslider-template-standard .cycloneslider-pager {
    left: 0;
    right: auto;
    text-align: center;
}

#post-862 .cycloneslider-template-standard .cycloneslider-prev,
#post-862 .cycloneslider-template-standard .cycloneslider-next {
    background-image: url("template/arrows_grey.png");
}

#post-862 .cycloneslider-template-standard .cycloneslider-pager span {
    border: 1px solid #54585a;
}

#post-862 .cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
    background-color: #54585a;
}

/* --------------------------------------------------------------------------
   Videos
   -------------------------------------------------------------------------- */
.videoBox { 
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden; 
}

.videoBox video {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
}
  
/* --------------------------------------------------------------------------
   Effekte
   -------------------------------------------------------------------------- */
.effektBoxZoom,
.noeffektBoxZoom { 
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden; 
}

.effektBoxZoom img {
	-webkit-transition: all 4s ease;
	transition: all 4s ease;
}

.effektBoxZoom:hover img {
	-webkit-transform:scale(1.04);
	transform:scale(1.04);
}

.noeffektBoxZoom video {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
}

.aniRotate {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
}

.scale90 {
	-webkit-transform:scale(0.90);
	transform:scale(0.90);
}

.scale95 {
	-webkit-transform:scale(0.95);
	transform:scale(0.95);
}

.opacity100 {
	 filter: alpha(opacity=1); 
	 opacity: 1;
}

.rotate360 {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

/* --------------------------------------------------------------------------
   infoBlockR / simpleInfoBoxR / borderInfoBoxR (Codeersetzung im Text)
   -------------------------------------------------------------------------- */
.infoBlockR {
	width: 33%; 
	float: right;
	margin-left: 10px; 
	padding: 10px; 
	border: 1px solid #000; 
	background-color: #eee;
}

.simpleInfoBoxR {
	width: 60%; 
	float: right;
	margin: -10px 0 5px 10px;  
}

.borderInfoBoxR,
.borderInfoBoxRfull,
.borderInfoBoxRsmall {
	float: right; 
	margin: 10px 0;
	padding: 10px; 
	border: 1px dotted #222; 
	box-sizing: border-box; 
}

.borderInfoBoxR						{ width: 50%; }
.borderInfoBoxRsmall				{ width: 33%; }
.borderInfoBoxRfull {
	width: 100%;
	float: none; 
}

.borderInfoBoxR ul,
.borderInfoBoxRfull ul,
.borderInfoBoxRsmall ul				{ margin-bottom: 0; }

.borderInfoBoxR table,
.borderInfoBoxRfull table,
.borderInfoBoxRsmall table {
	width: 100%;
	margin: 0;
	border: 0;
}

.borderInfoBoxR td,
.borderInfoBoxRfull td,
.borderInfoBoxRsmall td {
	padding: 0 2px;
	border: 0; 
}

.borderInfoBoxR ol,
.borderInfoBoxRfull ol,
.borderInfoBoxRsmall ol {
	list-style-position: outside;
}

/* --------------------------------------------------------------------------
   ALLGEMEINE LAYOUT- UND SEITENDEFINITIONEN
   -------------------------------------------------------------------------- */
.img_left,
img.alignleft {
	margin: 5px 10px 0 0;
	float: left;
}

.img_right,
img.alignright {
	margin: 5px 0 0 10px;
	float: right;
}

.m_right0, 
.mRight0						{ margin-right: 0 !important; }

.m_right, 
.mRight							{ margin-right: 10px !important; }

.m_left0,
.mLeft0							{ margin-left: 0 !important; }

.m_bottom0,
.mBottom0						{ margin-bottom: 0 !important; }

.m_top0,
.mTop0							{ margin-top: 0 !important; }

.m_top3,
.mTop3							{ margin-top: 30px !important; }

.m_top12,
.mTop12							{ margin-top: 120px !important; }

.m_bottom_sp1					{ margin-bottom: 12px !important; }

.p_right0						{ padding-right: 0 !important; }
.p_left0						{ padding-left: 0 !important; }
.p_bottom0						{ padding-bottom: 0 !important; }
.p_top0							{ padding-top: 0 !important; }

.p_right						{ padding-right: 30px !important; }
.p_left							{ padding-left: 30px !important; }
.p_bottom						{ padding-bottom: 30px !important; }
.p_top							{ padding-top: 30px !important; }

.b_right0						{ border-right: none !important; }
.b_left0						{ border-left: none !important; }
.b_bottom0						{ border-bottom: none !important; }
.b_top0							{ border-top: none !important; }

.align_left						{ text-align: left !important; }
.align_right					{ text-align: right !important; }
.align_center					{ text-align: center !important; }

.vaMiddle						{ vertical-align: middle !important; }

.fl_left,
.fLeft							{ float: left !important; }

.fl_right,
.fRight							{ float: right !important; }

.left50 {
	float: left;
	width: 48%; 
	margin-right: 1.9%;
}

.c_rot,
.err { color: red !important; }

.bordered {
	padding: 5px;
	border: 1px dotted #ccc;
}

.clear							{ clear: both; }

.disp_block						{ display: block; }
.disp_inline					{ display: block; }
.disp_hide						{ display: none; }

.h1px							{ height: 1px; }

.hyph {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

img.fullW { 
	width: 100%;
	height: auto;
}

.shadowBot {
	-webkit-box-shadow: 0 4px 4px -2px #999;
	-moz-box-shadow: 0 4px 4px -2px #999;
	box-shadow: 0 4px 4px -2px #999;
}

.firstCol,
.size34,
.size12,
.size12plus,
.size12plus2,
.size13,
.size13f,
.size14,
.size34mr0,
.size12mr0,
.size14mr0 {
	box-sizing: border-box;
	float: left;
	margin-left: 40px;
}

.size13f { margin-left: 0; }

.size34mr0,
.size12mr0,
.size14mr0				{ margin-right: 0; }

.size34					{ width: calc(75% - 40px); }
.size12					{ width: calc(50% - 40px); }
.size12plus				{ width: calc(50% - 40px); }
.size12plus2			{ width: calc(50% - 40px); }
.size13,
.size13f				{ width: calc( 33.33% - (80px / 3) ); }
.size14,
.firstCol				{ width: calc(25% - 40px); }

.size34mr0				{ width: 75%; }
.size12mr0				{ width: 50%; }
.size14mr0				{ width: 25%; }

.size11					{ width: 100%; }

.stdBlock				{ padding: 20px 0 !important; }

.blockend_bottom_half {
	padding-bottom: 15px !important;
	margin-top: -15px !important;
	margin-bottom: 30px !important;
}

.blockend_bottom {
	padding-bottom: 10px !important;
	margin-bottom: 30px !important;
	
}

.blockend_noborder {
	padding-bottom: 30px !important;
	margin-bottom: 0 !important;
	border-bottom: 0;
}

.bBotLight				{ border-bottom: 1px solid #b0012f; }
.bBotBold				{ border-bottom: 10px solid #b0012f; }

.bg_lightGray			{ background-color: #d1d1d1; }
.bg_lightYellow			{ background-color: #fff8df; }

.borderGray				{ border: 1px solid #999; }

img.logo_foot {
	width: 150px;
	height: 0;
}

/* --------------------------------------------------------------------------
   weitere horizontale Boxen / Wrapper
   -------------------------------------------------------------------------- */
.wrapper_cont {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px 40px;
}

.fieldwdh { display: none; }

.fl100p,
.fr100p,
.w100p {
	box-sizing: border-box;
	float: none;
	width: 100% !important;
}

.fl085p,
.fr085p {
	box-sizing: border-box;
	float: left;
	width: 85% !important;
}
.fl085p.space,
.fr085p.space { 
	width: 83% !important;
	width: calc( 85% - 10px ) !important; 
}
.fr085p			{ float: right; }

.fl080p,
.fr080p {
	box-sizing: border-box;
	float: left;
	width: 80% !important;
}
.fl080p.space,
.fr080p.space { 
	width: 78% !important;
	width: calc( 80% - 10px ) !important; 
}
.fr080p			{ float: right; }

.fl070p,
.fr070p {
	box-sizing: border-box;
	float: left;
	width: 70% !important;
}
.fl070p.space,
.fr070p.space { 
	width: 68% !important;
	width: calc( 70% - 10px ) !important; 
}
.fr070p			{ float: right; }

.fl050p,
.fr050p {
	box-sizing: border-box;
	float: left;
	width: 50% !important;
}
.fl050p.space,
.fr050p.space { 
	width: 48% !important;
	width: calc( 50% - 10px ) !important; 
}
.fr050p			{ float: right; }

.fl030p,
.fr030p {
	box-sizing: border-box;
	float: left;
	width: 30% !important;
}
.fl030p.space,
.fr030p.space { 
	width: 28% !important;
	width: calc( 30% - 10px ) !important; 
}
.fr030p			{ float: right; }

.fl028p,
.fr028p {
	box-sizing: border-box;
	float: left;
	width: 28% !important;
}
.fl028p.space,
.fr028p.space { 
	width: 26% !important;
	width: calc( 28% - 10px ) !important; 
}
.fr028p			{ float: right; }

.fl025p,
.fr025p {
	box-sizing: border-box;
	float: left;
	width: 25% !important;
}
.fl025p.space,
.fr025p.space { 
	width: 23% !important;
	width: calc( 25% - 10px ) !important; 
}
.fr025p			{ float: right; }

.fl020p,
.fr020p {
	box-sizing: border-box;
	float: left;
	width: 20% !important;
}
.fl020p.space,
.fr020p.space { 
	width: 18% !important;
	width: calc( 20% - 10px ) !important; 
}
.fr020p			{ float: right; }

.fl015p,
.fr015p {
	box-sizing: border-box;
	float: left;
	width: 15% !important;
}
.fl015p.space,
.fr015p.space { 
	width: 13% !important;
	width: calc( 15% - 10px ) !important; 
}
.fr015p			{ float: right; }

ul.blau							{ list-style-image: url(template/checkitem_blau.png); }
ul.gruen						{ list-style-image: url(template/checkitem_gruen.png); }
ul.rot							{ list-style-image: url(template/checkitem_rot.png); }
ul.gelb							{ list-style-image: url(template/checkitem_gelb.png); }
ul.schwarz						{ list-style-image: url(template/checkitem_schwarz.png); }

ul.blau li,
ul.gruen li,
ul.rot li,
ul.gelb li,
ul.schwarz li { margin-left: 22px !important; }

ul.bullet {
	list-style-type: disc;
	margin-left: 12px;
}

ul.bullet li { margin-left: 0; }

.hidden				{ opacity:0; }
.visible			{ opacity:1; }

.button {
    border-radius: 0;
	cursor: pointer;
	box-shadow: none;
}
.button:hover		{ color: #b0012f; }

/* --------------------------------------------------------------------------
   PDF Download-Bereiche
   -------------------------------------------------------------------------- */
.pdf {
	background: url(template/pdficon.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.pdf_rot {
	background: url(template/raute_rot_pdf_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.pdf_gelb {
	background: url(template/raute_gelb_pdf_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.pdf_gruen {
	background: url(template/raute_gruen_pdf_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.pdf_blau {
	background: url(template/raute_blau_pdf_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

/* --------------------------------------------------------------------------
   Rauten Download-Bereiche
   -------------------------------------------------------------------------- */
.raute_rot {
	background: url(template/raute_rot_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.raute_gelb {
	background: url(template/raute_gelb_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.raute_gruen {
	background: url(template/raute_gruen_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

.raute_blau {
	background: url(template/raute_blau_32.png) no-repeat 5px 5px;
	padding: 5px 5px 5px 50px;
	min-height: 40px;
}

/* --------------------------------------------------------------------------
   Generator Formular
   -------------------------------------------------------------------------- */
.generator input[type=text],
.generator textarea {
	width: 420px;
	border: 1px #666 dotted;
}

.generator span {
	font-size: 0.7rem;
}

/* --------------------------------------------------------------------------
   Kompetenzen
   -------------------------------------------------------------------------- */
.kompetenzen {
	list-style-type: none;
	margin-bottom: 0;
}

.kompetenzen li,
.kompetenzen li.blau,
.kompetenzen li.rot,
.kompetenzen li.gelb,
.kompetenzen li.gruen,
.kompetenzen li.kontaktblock {
	display: block;
	width: 218px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	position: relative;
}

.kompetenzen li.kontaktblock {
	width: 456px;
	min-height:260px;
	border: 1px gray solid;
	background-color: #efefef;
}

.kompetenzen li.kontaktblock p,
.kompetenzen li.kontaktblock h1,
.kompetenzen li.kontaktblock h2,
.kompetenzen li.kontaktblock h3,
.kompetenzen li.kontaktblock h4,
.kompetenzen li.kontaktblock h5 { margin: 20px 10px 10px 10px; }

.kontaktblockpic {
	width: 218px;
	height:200px;
	border: 0;
	margin-right: 20px;
	margin-bottom: 5px;
	float: left;
}

.kompetenzen li { cursor: pointer; }

.kompetenzen li.kontaktblock:hover {
	background-color: #eee;
	border: 1px black solid;
}

.kompetenzen li.blau:hover { 	background: url("template/raute_blau_16.png") no-repeat top right #eee; }
.kompetenzen li.rot:hover { 	background: url("template/raute_rot_16.png") no-repeat top right #eee; }
.kompetenzen li.gelb:hover {	background: url("template/raute_gelb_16.png") no-repeat top right #eee; }
.kompetenzen li.gruen:hover {	background: url("template/raute_gruen_16.png") no-repeat top right #eee; }
.kompetenzen li.ohne:hover {	background: #eee; }

.kompetenzen li .kompetenzen_cont {
	position: relative;
	padding: 19px 19px 0;
	border: 1px dotted #ccc;
	min-height: 120px;
}

.kompetenzen li.first { margin-left: 0; }

.kompetenzenPic {
	width: 218px;
	height: 120px;
}

.kompetenzen h5 { color: #346699; }

/* --------------------------------------------------------------------------
   Newsliste
   -------------------------------------------------------------------------- */
div.widget_categorys { margin-bottom:20px; }

div.widget_categorys div.clear { clear: both; }

/* Widget :: Title */
div.widget_categorys h3.widget-title {
	margin-bottom: 10px;
}

/* Widget :: Datum */
div.widget_categorys span{ font-size: 0.75rem; }

/* Widget :: Titlecount */
div.widget_categorys h3.widget-title span { float: right; }

/* Entry :: Container */
div.widget_categorys div.entry {
	margin-bottom:10px; 
	border-bottom: 1px dotted #222;
}

div.widget_categorys div.entry:hover { }

/* Entry :: Title */
div.widget_categorys div.entry h3 {
	font-size: 0.8rem;
	font-weight: 400;
	clear: none;
	display: inline-block;
}

div.widget_categorys div.entry h3 a {
	font-weight: 400;
	color: #222;
}

div.widget_categorys div.entry h3 a:hover {
	color: #666;
}

/* Entry :: Thumb */
div.widget_categorys div.entry img {
	border: 1px dotted #666;
	display: block;
	margin:	3px;
}

/* Entry :: Thumb Positions */
div.widget_categorys div.entry.thumb_left h3 { float: right; }

div.widget_categorys div.entry img.left { float: left; }

div.widget_categorys div.entry.thumb_right h3 { float: left; }

div.widget_categorys div.entry img.right { float: right; }

/* ==========================================================================
   ÜBERSCHREIBEN VON PLUGIN-DEFINITIONEN
   ========================================================================== */
/* ------------------- CycloneSlider II ----------------------------------*/
.cycloneslider-template-standard { margin-bottom: 0; }

.cycloneslider-template-standard .cycloneslider-pager {
	bottom: 20px;
	left: auto;
	right: 20px;
	height: 18px;
	text-align: right;
}

.cycloneslider-template-standard .cycloneslider-pager span {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 3px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #fff;
}

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active { background-color: #fff; }

.cycloneslider-template-standard .cycloneslider-prev, 
.cycloneslider-template-standard .cycloneslider-next {
	top: 50%;
	width: 14px;
	height: 25px;
	margin-top: -12px;
	border-radius: 0;
	background-color: transparent;
	background-image: url("template/arrows.png");
	-webkit-box-shadow: none;
    box-shadow: none;
}

.cycloneslider-template-standard .cycloneslider-prev {
	background-position: 0 0;
}

.cycloneslider-template-standard .cycloneslider-next {
	background-position: -14px 0;
}

.cycloneslider-template-standard .cycloneslider-prev .arrow,
.cycloneslider-template-standard .cycloneslider-next .arrow {
	display: none;
}

.cycloneslider-template-standard .cycloneslider-caption {
	top: 50%;
	left: 50%;
    height: 240px;
	width: 600px;
    margin-top: -120px;
	margin-left: -300px;
    text-align: center;
	color: #000;
	background-color: rgba(255, 255, 255, 0.7);
	opacity: 1;
	-moz-box-shadow: 3px 3px 3px 0 #ddd;
	-webkit-box-shadow: 3px 3px 3px 0 #ddd;
	box-shadow: 3px 3px 3px 0 #333;
}

.cycloneslider-template-standard .cycloneslider-caption-title {
    padding: 20px 0 10px;
	font-size: 2rem;
	color: #000;
	text-transform: uppercase;
}

.cycloneslider-template-standard .cycloneslider-caption-description h2 {
	padding: 10px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 2rem;
	font-weight: 400;
	color: #000;
	text-transform: uppercase;
}

.cycloneslider-template-standard .cycloneslider-caption-description p {
	margin: 0;
	padding: 4px 0;
	font-size: 1.3rem;
	color: #000;
}

.cycloneslider-template-standard .cycloneslider-caption-description a {
	padding: 2px 8px;
	background-color: #222;
	border-radius: 8px;
	color: #fff;
	font-size: 1.15rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.cycloneslider-template-standard .cycloneslider-caption-description a:hover {
	color: #b0012f;
	text-decoration: none;
}

/* ------------------- PlugIn WP-Post-Tabs 1.6. ----------------------------------*/
.wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-nav {
	padding: 0;
}

.wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-panel {
	margin-top: -1px;
	background-color: #e4e4e4;
	border: 1px #aaa solid;
}

.wordpress-post-tabs-skin-gray .ui-state-default, 
.wordpress-post-tabs-skin-gray .ui-widget-content .ui-state-default {
	background: #fff;
}

.wordpress-post-tabs-skin-gray .ui-tabs-nav li.ui-corner-top.ui-state-active {
	background: #e4e4e4;
}

.wordpress-post-tabs-skin-gray .ui-tabs .ui-tabs-nav li {
	margin: 0 3px 0 0 !important;
	z-index: 120;
}

/* ------------------- Wordpress File Upload ----------------------------------*/
div.file_div_clean_responsive_container {
	display: block;
	text-align: left;
}

div.file_div_clean_responsive			{ width: 100%; }

span.file_title_clean {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.0rem;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	text-align: left;
}

label.file_userdata_label { 
	box-sizing: border-box;
	width: 100px !important; 
	margin: 0;
	padding: 0;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.0rem;
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: #afafaf;
	text-align: left;
}

div.file_userdata_fieldwrapper, 
div.file_userdata_fieldwrapper_required, 
div.file_userdata_fieldwrapper_required_empty { 
	box-sizing: border-box;
	width: calc(100% - 100px) !important; 
}

input[type="text"].file_input_textbox {
    position: relative;
    width: 100%;
    border-bottom: 0;
}

input[type="button"].file_input_submit,
input[type="button"].file_input_button,
input[type="button"].file_input_button_hover { 
	height: 56px;
	margin-top: 20px;
	margin-left: 10px;
	border: 1px solid #54585a;
   	padding: 0 20px;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
	font-size: 0.875rem;
	line-height: 56px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	text-align: center;
	color: #fff;
	background-color: #54585a;
}

input[type="button"].file_input_submit:hover {
	background-color: transparent;
	border-color: #54585a;
	color: #54585a;
	text-decoration: none;
}

input[type="file"].file_input_hidden {
	top: 20px;
}

div.file_userdata_fieldwrapper_required_empty div.wfu_fieldwrapper_overlay {
	height: 36px !important;
	border: 0 !important;
    border-bottom: 1px solid red !important;
}

div.file_userdata_hint_inline { background: #f4f4f4 !important; }

#userdata_1_label_4 { 
	display: block; 
	margin-top: 20px;
}

#userdata_1_fieldwrapper_4				{ width: 100% !important; }

#userdata_1_field_4						{ height: 250px; }

#wordpress_file_upload_textbox_1 {
    float: left;
    display: block;
    width: 70%;
	width: calc(100% - 370px);
} 

#wordpress_file_upload_submit_1,
#wordpress_file_upload_form_1 {
    width: auto;
    float: right;
    display: block;
}

/* --------------------------------------------------------------------------
   Cookiebanner
   -------------------------------------------------------------------------- */
#cookiebanner a { 
	color: #fff; 
	text-decoration: underline; 
}

#cookiebanner a:hover { 
	text-decoration: underline;
	color:#aaa; 
}

#cookiebanner {  
	position: fixed;
	box-sizing: border-box;
	bottom: 0; 
	width: 100%;
	padding: 30px 20px 20px;
	border-top: 1px solid #ff545b; 
	background: rgba(84,88,90,0.9); 
  	z-index:10000;
}

#cookiebanner p {
	color: #fff;
	font-size: 1.0rem; 
	line-height: 140%;
	text-align: center;
}

#cookiebanner .imp { text-align: right; }

#cookiebannerCloser {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 15px; 
	border: 1px solid #54585a;
	font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
    font-size: 0.9rem;
    line-height: 100%;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-style: normal;
    text-transform: uppercase;
    color: #54585a;
	background: #fff;
	cursor: pointer;
}

#cookiebannerCloser:hover {
	color: #fff; 
	background: #ff545b; 
}

/*  -------------------------------------- 
	MEDIA QUERIES
	-------------------------------------- */
@media screen and (max-width: 1920px) {
/* --------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
	section.highlightSec .oneHighlight {
		padding: 0 40px;
	}
	
/* --------------------------------------------------------------------------
  halfPic-Template
   -------------------------------------------------------------------------- */
	section.halfPicTextL .halfTxt h2,
	section.halfPicTextL .halfTxt p,
	section.halfPicTextR .halfTxt h2,
	section.halfPicTextR .halfTxt p {
		font-size: 1.7rem;
	}

/* --------------------------------------------------------------------------
  Hintergrundbild mit Text-Template
   -------------------------------------------------------------------------- */	
	/* ----------- "bgPicSec5/bgPicSec5a/bgPicSec5b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 2 (2a -> große Überschrift, 2b -> mittlere Überschrift) ------------ */
	.bgPicSec5b .childContentPic h2,
	.bgPicSec5b .childContentPic h2 a,
	.bgPicSec5b .childContentPic h2 a:hover {
		font-size: 1.7rem;
	}
	
	/* ----------- bgPicSec3, bgPicSec4  -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typen 3-4 ------------ */
	.bgPicSec3 .childContentPic h3,
	.bgPicSec3 .childContentPic h3 a,
	.bgPicSec3 .childContentPic h3 a:hover,
	.bgPicSec4 .childContentPic h3,
	.bgPicSec4 .childContentPic h3 a,
	.bgPicSec4 .childContentPic h3 a:hover {
		font-size: 2.0rem;
	}
}
	
@media screen and (max-width: 1600px) {
/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
	section.slideSec .slidertext h2 {
		font-size: 3.0rem;
	}
	
	section.slideSec .slidertext p {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 1500px) {
/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.oneFact2 {
		padding-left: 130px;
		background-size: auto 80%;
	}
	
	.oneFact h3 {
		font-size: 3.0rem;
	}
	
	.oneFact2 h3 {
		font-size: 2.2rem;
	}
	
	.oneFact p,
	.oneFact2 p {
		font-size: 1.0rem;
	}
}

@media screen and (max-width: 1440px) {
/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
	section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
		padding: 5px 10px;
		font-size: 1rem;
	}
	
	section.slideSec .cycloneslider-template-standard .cycloneslider-caption {
		bottom: 7.5%;	
	}
}

@media screen and (max-width: 1300px) {
/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
	.oneArticle .infoBoxBox {
		width: 400px;
		min-height: 250px;
		margin-left: -200px;
	}
	
	.oneArticle .infoBox h2 {
		margin-bottom: 0;
		font-size: 1.2rem;
	}
	
	.oneArticle .infoBox p {
		font-size: 0.9rem;
	}
	
	.oneArticle .infoBox .button {
		margin-top: 20px;
		padding: 4px 20px;
	}
	
	.toProjekte {
		bottom: 20px;
		left: 50%;
		width: 270px;
		margin-left: -135px;
		padding: 6px 0;
	}

/* --------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
	section.highlightSec .theContent h2 {
		font-size: 3.0rem;
	}
	
	section.highlightSec .theContent p {
		font-size: 1.2rem;
	}
	
	section.highlightSec .oneHighlight .no {
		font-size: 1.6rem;
	}
	
	section.highlightSec .oneHighlight h2 {
		font-size: 1.0rem;
	}
	
	section.highlightSec .oneHighlight p {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 1280px) {
/* --------------------------------------------------------------------------
   FOOTERBEREICH
   -------------------------------------------------------------------------- */
	.partnerLogin a		{ font-size: 0.8rem; }
	
/* --------------------------------------------------------------------------
   NAVIGATIONSBEREICHE
   -------------------------------------------------------------------------- */
   /* ------------------- MainMenu ------------------------------------------------------- */
   .mainMenu li			{ margin: 0 20px; }
   
   /* ------------------- FootMenu ------------------------------------------------------- */
	.footMenu li a		{ font-size: 0.8rem; }	

/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.factBorderBox h2 {
		width: 450px;
		margin-top: -80px;
		font-size: 2.5rem;
	}

	.oneFact2 {
		height: 150px;
		padding-left: 100px;
		background-size: auto 80%;
	}
	
	.oneFact h3 {
		font-size: 2.2rem;
	}
	
	.oneFact2 h3 {
		font-size: 1.8rem;
	}
	
	.oneFact p,
	.oneFact2 p {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 1160px) {
/* --------------------------------------------------------------------------
   ALLGEMEINE DEFINITIONEN
   -------------------------------------------------------------------------- */
	.projBack			{ left: 40px; }	

/* --------------------------------------------------------------------------
   HEADERBEREICH
   -------------------------------------------------------------------------- */
	.gfg-logo			{ left: 40px; }
	.gfg-head			{ left: 105px; }
	
	.weiterBut			{ right: 40px; }
	.backBut			{ left: 40px; }

/* --------------------------------------------------------------------------
   PRESSE-TEMPLATE
   -------------------------------------------------------------------------- */	
	section.showPresse .pressePics .onePic .mo span { font-size: 0.66rem; }
}

@media screen and (max-width: 1040px) {
/* --------------------------------------------------------------------------
  Allgemein
   -------------------------------------------------------------------------- */
	.fs06 { font-size: 2.75rem; }

/* --------------------------------------------------------------------------
  Standard-Template
   -------------------------------------------------------------------------- */
	section.standard .content .trenner {
		margin-top: 28px;
		height: 20px;
	}
	
	section.standard .content .contentZitatBox {
		padding: 30px 250px 25px;
	}
	
	section.standard .content h2, 
	section.standard .content h3 { font-size: 2.75rem; }
	
/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
	section.fullsize .content .trenner {
		margin-top: 28px;
		height: 20px;
	}
	
	section.fullsize .content .contentZitatBox {
		padding: 30px 250px 25px;
	}
	
	section.fullsize .content h2, 
	section.fullsize .content h3 { font-size: 2.75rem; }
	
	.content .contentZitatBox p { margin: 0; }

/* --------------------------------------------------------------------------
  DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "highlightSec" -> highlight-Template ------------ */
	section.highlightSec .theContent {
		padding-bottom: 50px;
	}
	
	section.highlightSec .highlights { padding-bottom: 50px; }
	
	/* ----------- "Slider Doppelt" ------------ */
	.slideBoxBxDouble .txtSlideBox .oneTxt h3 {
		margin-bottom: 40px;
		font-size: 1.8rem;
	}
	
	.slideBoxBxDouble .txtSlideBox .oneTxt h4 { font-size: 1.25rem; }

	.slideBoxBxDouble .txtSlideBox .oneTxt {
		font-size: 0.875rem;
	}
	
	/* ----------- Standorte" ------------ */
	section.standortSec .contentBox h2 {
		font-size: 1.25rem;
		line-height: 125%;
	}
	
	/* ----------- Standard" ------------ */
	.standardSec .content {
		padding: 40px;
	}
	
	.standardSec h3 { font-size: 2.75rem; }
	
	/* ----------- "Zitatbox" ------------ */
	.zitatBox {
		width: 70%;
		padding: 30px 0;
	}
	
	/* ----------- "Blockquote" ------------ */
	section.standortSec .contentBox blockquote p {
		font-size: 1rem;
	}
	
	section.standortSec .contentBox .excerpt p		{ font-size: 2.75rem; }
	
/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */	
	.oneArticle .infoBox .button {
		width: 80px;
		height: 40px;
		line-height: 38px;
		font-weight: 500;
	}
	
/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.factBorderBox h2 {
		width: 400px;
	}

	.factRow {
		padding-bottom: 15px;
	}

	.oneFact {
		padding: 0 5%;
	}
	
	.oneFact2 {
		height: 110px;
		margin-top: 20px;
		padding-left: 90px;
		background-size: auto 80%;
	}
	
	.oneFact h3 {
		font-size: 2.0rem;
	}
	
	.oneFact2 h3 {
		font-size: 1.5rem;
	}
	
	.oneFact p,
	.oneFact2 p {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 1020px) {
/* --------------------------------------------------------------------------
   FOOTERBEREICH
   -------------------------------------------------------------------------- */
	#isMob				{ width: 2px; }

/* ------------------- MainMenu ------------------------------------------------------- */
	.mainMenu ul		{ display: none; }
	
/* ------------------- Interaktives Zusatzmenü ------------------------------------------------------- */
	.plusMenuBut		{ display: none; }
	
/* ------------------- Mobilemenü ------------------------------------------------------- */
	.mobMenuBut			{ display: block; }

/* ------------------- Footermenü ------------------------------------------------------- */	
	.footMenu			{ display: none; }

/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
/* ----------- "standardSec" -> Standardlayout onePager-Unterseite ------------ */
	.standardSec .childContentPic {
		left: 15%;
		width: 65%;
	}

	.standardSec .childContentPic h2 {
		font-size: 1.2rem;
	}
	
	.standardSec .childContentPic h3 {
		font-size: 1.3rem;
	}
	
	.standardSec .childContentPic p {
		font-size: 0.9rem;
	}
	
/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
	.oneArticle .infoBoxBox {
		width: 300px;
		min-height: 220px;
		margin-left: -150px;
	}
	
	.oneArticle .infoBox h2 {
		font-size: 1.1rem;
	}
	
	.oneArticle .infoBox p {
		font-size: 0.8rem;
	}
	
	.oneArticle .infoBox .button {
		margin-top: 15px;
		padding: 3px 10px;
	}
	
	.toProjekte {
		bottom: 15px;
		left: 50%;
		width: 250px;
		margin-left: -125px;
		padding: 3px 0;
	}
}

@media screen and (max-width: 900px) {
/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "standardSec" -> Standardlayout onePager-Unterseite ------------ */
	.standardSec .childContentPic {
		left: 15%;
		width: 65%;
	}

	.standardSec .childContentPic h2 {
		font-size: 1.2rem;
	}
	
	.standardSec .childContentPic h3 {
		font-size: 1.3rem;
	}
	
	.standardSec .childContentPic p {
		display: none;
	}
  
	/* ----------- "highlightSec" -> highlight-Template ------------ */	
	section.highlightSec .oneHighlight {
		position: relative;
		float: none;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		padding: 0 0 40px 0;
		text-align: center;
	}
	
	section.highlightSec .oneHighlight .no {
		font-size: 1.8rem;
	}
	
	section.highlightSec .oneHighlight h2 {
		font-size: 1.4rem;
	}
	
	section.highlightSec .oneHighlight p {
		min-height: 0;
		font-size: 1.0rem;
	}

/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
	section.fullsize .content .contentZitatBox {
		padding: 30px 120px 25px;
	}
		
/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
	.oneArticle,
	.aktProjVs .oneArticle {
		float: none;
		width: 100%;
	}	

	.oneArticle .infoBoxBox {
		width: 600px;
		min-height: 0;
		margin-left: -300px;
		padding: 0 20px;
	}
	
	.oneArticle .infoBox h2 {
		margin-bottom: 20px;
		padding-top: 30px;
		font-size: 1.8rem;
	}
	
	.oneArticle .infoBox p {
		font-size: 1.1rem;
	}
	
	.oneArticle .infoBox .button {
		margin-top: 20px;
		margin-bottom: 30px;
		padding: 10px 20px;
	}
	
	.toProjekte {
		bottom: 25px;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		padding: 6px 0;
	}

/* --------------------------------------------------------------------------
   PRESSE-TEMPLATE
   -------------------------------------------------------------------------- */
	section.showPresse .presseLeft,
	section.showPresse .presseRight {
		float: none;
		width: 100%;
		padding: 0 25px;
	}
	
/* --------------------------------------------------------------------------
   KONTAKT-TEMPLATE
   -------------------------------------------------------------------------- */
	section.showKontakt .kontaktLeft,
	section.showKontakt .kontaktRight {
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding: 20px 40px 40px;
	}
	
	section.showKontakt .kontaktLeft h3,
	section.showKontakt .kontaktRight h3 {
		font-size: 0.875rem;
	}
	
	.kontaktCont p {
		font-size: 1rem;
	}
}

@media screen and (max-width: 780px) {
/* --------------------------------------------------------------------------
   ALLGEMEIN
   -------------------------------------------------------------------------- */	
	p { 
		margin-bottom: 15px !important;
		font-size: 0.7rem; 
		line-height: 150%;
	}

	.trenner {
		margin-top: 28px;
		height: 20px;
	}	

	.contentBox ul li {
		background-position: 2px 12px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 0.80rem;
		line-height: 150%;
	}

/* --------------------------------------------------------------------------
   HEADERBEREICH
   -------------------------------------------------------------------------- */
	header										{ height: 50px; }
	
	.gfg-logo {
		display: none;
		width: 140px;
		height: 162px;
		background-position: center 27px;
		background-size: 66%;
	}
	
	.mainMenu									{ top: 15px; }
	
	.mobMenu {
		top: 0px;
		width: 215px;
	}
	
	.mobMenuBut									{ padding: 0 25px 0 0; }
	
	.gfg-head {
		left: 25px;
		top: 10px;
		width: 30px;
		height: auto;
	}

/* --------------------------------------------------------------------------
  FOOTERBEREICH
   -------------------------------------------------------------------------- */	
	.wrapper_foot								{ padding: 20px 40px; }

/* ==========================================================================
   Templates
   ========================================================================== */		
/* --------------------------------------------------------------------------
  Templateübergreifende Anpassungen
   -------------------------------------------------------------------------- */	
	.standardSec h6,
	section.standortSec .contentBox h6,
	.wrapper.startsectSlide .content h6,
	section.showPresse .presseCont h6,
	section.showPresse .presseLeft h3, 
	section.showPresse .presseRight h3, 
	section.showPresse .presseRight h5, 
	section.showPresse .presseRight h6			{ font-size: 0.6rem; } /* fs05 */

/* --------------------------------------------------------------------------
   Template Start
   -------------------------------------------------------------------------- */	
	.wrapper.startsectSlide .content {
		padding-top: 30px;
		padding-bottom: 13px;
	}
	
	#startsectionSlide .content h2,
	.standardSec h3,
	section.standortSec .contentBox .excerpt p	{ font-size: 1.8rem; }
	
	.standardSec h3 {
		margin-bottom: 5px;
		padding: 0;
	}
	
	.oneArticle .infoBoxBox {
		width: 500px;
		margin-left: -250px;
	}
	
	.oneArticle .infoBox						{ padding: 0 20px; }
	
/* --------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
	section.highlightSec .theContent h2 {
		margin: 0;
		padding: 0;
	}
	
	section.highlightSec .theContent p {
		margin-top: 2px;
		margin-bottom: 2px !important;
	}
	
	section.highlightSec .theContent {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	section.highlightSec .oneHighlight h2 {
		min-height: 5px;
		margin: 10px 0 20px;
	}

/* --------------------------------------------------------------------------
  Bildzitate-Template
   -------------------------------------------------------------------------- */
	/* ----------- "Bildzitate" ------------ */
	.oneBildzitat {
		padding: 0 30px;
	}
	
	.oneBildzitat h2,
	.oneBildzitat p {
		font-size: 0.8rem;
	}
	
	.oneBildzitat h2 {
		min-height: 1px;
		padding-bottom: 10px;
	}
	
	section.standortSec .contentBox blockquote {
		padding: 30px 60px 15px;
	}

/* --------------------------------------------------------------------------
  Kontakt-Template
   -------------------------------------------------------------------------- */	
	section.showKontakt .kontaktHead h2 {
		margin: 20px auto 20px;
		font-size: 1.8rem;
	}
	
	section.showKontakt .kontaktLeft .button, 
	section.showKontakt .kontaktRight .button {
		margin: 10px 0;
		padding: 18px 0;
		line-height: 100%;
	}
	
/* --------------------------------------------------------------------------
  Presse-Template
   -------------------------------------------------------------------------- */
	section.showPresse .presseHead h2 {
		margin: 20px auto 20px;
		font-size: 1.8rem;
	}
	
	section.showPresse .presseRight h5				{ margin-bottom: 0; }

	section.showPresse .presseLeft a.button,
	section.showPresse .presseRight a.button		{ font-size: 0.6rem; }
	
	section.showPresse .pressePics					{ margin-bottom: 20px; }

/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "highlightSec" -> highlight-Template ------------ */
	section.highlightSec .oneHighlight				{ max-width: 500px; }
	section.highlightSec .oneHighlight .no			{ font-size: 1.6rem; }
	section.highlightSec .oneHighlight h2			{ font-size: 1.2rem; }
	section.highlightSec .oneHighlight p			{ font-size: 0.8rem; }
		
	/* ----------- "standardSec" -> standard-Template ------------ */
	.standardSec {
		padding-top: 20px;
		padding-bottom: 0;
	}
	
	.standardSec .trenner {
		margin-top: 20px;
		height: 20px;
	}
	
	section.standortSec .contentBox .trenner		{ margin-top: 10px; }
	
	/* ----------- "Zitatbox" ------------ */
	.zitat											{ font-size: 1rem; }
	.zitierter										{ font-size: 0.7rem; }
	
	/* ----------- "Standort" ------------ */

	#cycloneslider-standort-content-2				{ padding: 0; }
	
	section.standortSec .contentBox blockquote p	{ font-size: 0.8rem; }
	
	/* ----------- "Bauten" ------------ */
	.wrapper.slidesectBauten .content				{ padding-top: 30px; }

	.wrapper.slidesectBauten .content h2 {
		padding-bottom: 0;
		font-size: 1.8rem;
	}
		
	.wrapper.showBauten h2.hlBauten {
		margin-bottom: 30px;
		font-size: 1.4rem;
	}

	.wrapper.showBauten h2.hlBauten span			{ font-size: 1.4rem; }
	
	.wrapper.showBauten .oneBau .infoBoxBox h2, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a:hover {
		margin-bottom: 5px;
		font-size: 1.1rem;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox .trenner { display: none; }

	.wrapper.showBauten .oneBau .infoBoxBox .fertigstellung { display: none; }
	
	.wrapper.showBauten .oneBau .infoBoxBox a.button {
		width: 120px;
		height: 40px;
		margin-left: -60px;
		line-height: 38px;
	}
	
	.wrapper.showBauten .pager						{ margin: 30px auto 30px; }
	.wrapper.showBauten a.pagerAll					{ margin: 0 auto 30px; }

	/* ----------- "Bauten Details" ------------ */
	.theProjektlink .txtLine						{ padding: 20px 0 0; }
	
	section.singleProjektWrapper h2 { 
		margin-bottom: 30px;
		font-size: 1.8rem;
		text-align: center;
	}
	
	.wrapper.slidesectBauten.fertig					{ margin-top: 60px; }
	
	section.singleProjektWrapper .theLogo, 
	section.singleProjektWrapper .theProjektlink,
	section.singleProjektWrapper .theContent, 
	section.singleProjektWrapper .theProjektinfo, 
	.theProjektinfo .onePInfo {
		float: none;
		width: 100%;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	section.singleProjektWrapper .contentLine		{ margin-bottom: 30px; }
	
	.theProjektinfo .onePInfo.last,
	.theProjektinfo .onePInfo.lastRow				{ border-bottom: 0; }
	
	.theProjektinfo .onePInfo h4,
	.theProjektinfo .onePInfo h5 {
		display: inline-block;
		margin-right: 15px;
	}
	
	section.singleProjektWrapper .thePics			{ margin: 30px 0; }
	
	/* ----------- "Bauten Detail" ------------ */
	section.singleProjektWrapper					{ margin: 80px auto 0; }
	
	.projBack {
		width: auto;
		padding-top: 30px;
	}
	
	.projBack a {
		border: 0;
		padding: 0 0 0 12px;
		text-align: left;
		background-image: url("template/arrow_small.png");
		background-position: left 9px;
		background-repeat: no-repeat;
	}
	
	section.singleProjektWrapper .theLogo			{ margin-bottom: 15px; }
	
	section.singleProjektWrapper .theLogo img		{ width: 25%; }
	
	/* ----------- "Investitionsprofil" ------------ */
	section.fullsize .content h6					{ font-size: 0.6rem; }

/* --------------------------------------------------------------------------
  Standard-Template
   -------------------------------------------------------------------------- */
	section.standard .content, 
	section.standard .content.full					{ padding-top: 20px; }
		
	section.standard .content h2,
	section.standard .content h3					{ font-size: 1.8rem; }
	
	section.standard .content .trenner {
		margin-top: 28px;
		height: 20px;
	}
	
	.content .contentZitatBox						{ padding: 10px 180px 20px; }
	
/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
	section.fullsize .content, 
	section.fullsize .content.full					{ padding-top: 20px; }
		
	section.fullsize .content h2,
	section.fullsize .content h3					{ font-size: 1.8rem; }
	
	section.fullsize .content .trenner {
		margin-top: 28px;
		height: 20px;
	}
	
	section.fullsize .content .contentZitatBox		{ padding: 10px 80px 20px; }
	
/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
	section.slideSec .slidertext h2					{ font-size: 2.0rem; }
	
	section.slideSec .slidertext p					{ font-size: 1.1rem; }
	
	section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
		padding: 5px 10px;
		font-size: 0.9rem;
	}
	
	input[type="button"].file_input_submit,
	input[type="button"].file_input_button,
	input[type="button"].file_input_button_hover { 
		height: auto;
		padding: 5px 15px;
		border: 1px solid #b1b4b1;
		font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
		font-size: 0.9rem;
		line-height: 100%;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		text-align: center;
		color: #fff;
		background-color: #54585a;
	}

/* --------------------------------------------------------------------------
  BX-Slider-Template (vert)
   -------------------------------------------------------------------------- */
	section.slideSecBxDouble						{ padding: 0; }

	.slideBoxBxDouble .picSlide {
		width: 0;
		display: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.slideBoxBxDouble .txtSlideBox {
		float: none;
		width: 100%;
		border-left: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.slideBoxBxDouble .txtSlideBox .oneTxt			{ padding: 60px 90px 140px; }
	
/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.factBoxBox {
		position: relative;	
		width: 100%;
		max-width: 1600px;
		box-sizing: border-box;
		padding: 60px;
		margin: 0 auto;
	}
	
	.factBorderBox h2								{ width: 400px; }

	.factRow										{ padding-bottom: 15px; }

	.oneFact {
		width: 50%;
		padding: 0 5%;
	}
	
	.oneFact:last-of-type							{ padding-top: 15px; }
	
	.oneFact2 {
		width: 50%;
		height: 110px;
		margin-top: 20px;
		padding-left: 90px;
		background-size: auto 80%;
	}
	
	.oneFact h3										{ font-size: 2.0rem; }
	
	.oneFact2 h3									{ font-size: 1.2rem; }
	
	.oneFact p,
	.oneFact2 p {
		margin-bottom: 3px !important;
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 780px) and (orientation: portrait) {
/* --------------------------------------------------------------------------
   ALLGEMEIN
   -------------------------------------------------------------------------- */
	.toContent										{ display: none; }
}

@media screen and (max-width: 760px) {
/* --------------------------------------------------------------------------
   ALLGEMEIN
   -------------------------------------------------------------------------- */	
	.contentBox ul li {
		background-position: 2px 15px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 0.65rem;
	}
	
/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Templateübergreifende Eigenschaften
   -------------------------------------------------------------------------- */
	.standardSec .cont_wrapper,
	section.standard .content,
	section.fullsize .contentBox,
	section.standortSec .contentBox,
	.wrapper.startsectSlide .content {
		padding-left: 40px;
		padding-right: 40px;
	}

	section.standard .content h6,
	section.fullsize .content h6,
	section.showKontakt .kontaktLeft h3, 
	section.showKontakt .kontaktRight h3,
	.kontaktCont p									{ font-size: 0.6rem; }
	
	section.standard .content h2,
	section.fullsize .content h2 {
		margin: 0 auto 5px;
		font-size: 1.8rem;
	}
	
	section.showPresse .presseHead h2,
	section.showKontakt .kontaktHead h2 {
		margin: 24px auto 30px;
		font-size: 1.8rem;
	}

/* --------------------------------------------------------------------------
  Double-Bx-Slider-Template
   -------------------------------------------------------------------------- */
	.txtSlideBox .bx-wrapper .bx-controls-auto, 
	.txtSlideBox .bx-wrapper .bx-pager {
		bottom: 25px;
	}
	
	.txtSlideBox .bx-wrapper .bx-pager.bx-default-pager a {
		width: 13px;
		height: 13px;
	}
	
/* --------------------------------------------------------------------------
  Bx-Carrousel-Template
   -------------------------------------------------------------------------- */
.carrouselBx a.dlBut {
	width: 80%;
	padding: 15px 20px;
	margin: 15px auto;
}
	
/* --------------------------------------------------------------------------
  halfPic-Template
   -------------------------------------------------------------------------- */
	section.halfPicTextL .halfPic,
	section.halfPicTextL .halfTxt,
	section.halfPicTextR .halfPic,
	section.halfPicTextR .halfTxt {
		width: 100%;	
		float: none;
		text-align: center;
	}
	
	section.halfPicTextL .halfTxt,
	section.halfPicTextR .halfTxt {
		padding: 50px 20px;
	}
	
	section.halfPicTextL .halfPic img,
	section.halfPicTextR .halfPic img {
		display: block;
		width: 100%;
		height: auto;
	}

/* --------------------------------------------------------------------------
  Template Kontakt
   -------------------------------------------------------------------------- */
	section.showKontakt .kontaktLeft .button {
		width: 100%;
		margin-bottom: 5px;
	}

/* --------------------------------------------------------------------------
  Sonstige Templates
   -------------------------------------------------------------------------- */
	/* ----------- "showBauten" ------------ */
	.wrapper.showBauten .oneBau .infoBoxBox {
		width: 50%;
	}
	
	.wrapper.slidesectBauten .content {
		padding: 30px 80px 0;
	}
	
	/* ----------- "Bauten Detail" ------------ */	
	.theProjektlink .txtLine {
		padding: 20px 0 10px;
		font-family: "Chronicle Deck A", "Chronicle Deck B", "Libre Baskerville", serif;
	}
	
	.theProjektinfo .onePInfo h5 {
		font-size: 1.0rem;
	}
	
	/* ----------- "Highlights" ------------ */
	section.highlightSec .theContent h2 {
		margin: 0;
		padding: 0;
		line-height: 100%;
	}

	section.highlightSec .oneHighlight h2 {
		font-size: 1.3rem;
	}
	
	section.highlightSec .oneHighlight p {
		font-size: 0.5rem;
	}

/* --------------------------------------------------------------------------
  Footer
   -------------------------------------------------------------------------- */
	.footLogo {
		margin: 2px 0 0 0;
		width: 30px;
		height: 30px;
	}
	
	a.partnerLogin {
		margin-top: -3px;
		padding: 5px 15px;
		border: 1px solid #b1b4b1;
		font-size: 0.7rem;
	}
	
	#isMob				{ width: 3px; }

/* ==========================================================================
   ÜBERSCHREIBEN VON PLUGIN-DEFINITIONEN
   ========================================================================== */
/* ------------------- CycloneSlider II ----------------------------------*/	
	.cycloneslider-template-standard .cycloneslider-pager span {
		width: 13px;
		height: 13px;
	}
	
	.cycloneslider-template-standard .cycloneslider-pager {
		bottom: 15px;
		right: 15px;
	}
}

@media screen and (max-width: 600px) {
/* --------------------------------------------------------------------------
  ALLGEMEIN
   -------------------------------------------------------------------------- */
   .slideBox,
   .startpic { margin-top: 50px; }
   
   .slideSec .slideBox { margin-top: 0; }
   
/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
	.wrapper.slidesectBauten .content {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	section.slideSec .slidertext h2 {
		font-size: 2.0rem;
	}
	
	section.slideSec .slidertext p {
		font-size: 0.8rem;
	}
	   
	section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
		font-size: 0.8rem;
	}

/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
	.oneArticle .infoBoxBox {
		left: 0;
		margin: 0;
		width: 100%;
	}
	
	.oneArticle .infoBox {
		padding: 20px;
	}
	
	.oneArticle .infoBox h2 {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}
	
	.oneArticle .infoBox p {
		font-size: 0.9rem;
	}
	
	.toProjekte {
		position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		width: 300px;
		margin: 20px auto;
		padding: 6px 0;
		border: 1px solid #54585a;
	}
	
/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "highlightSec" -> highlight-Template ------------ */
	section.highlightSec .oneHighlight {
		width: 90%;
	}
	
	/* ----------- "onepagerslide" -> Startseite mit Slideshow ------------ */
	#startsectionSlide .content h2 {
		font-size: 1.8rem;
	}

	#startsectionSlide .content p {
		font-size: 1.1rem;
	}
	
	/* ----------- "onepagerslide" -> Startseite mit Bild ------------ */
	#startsectionPic .content h2 {
		font-size: 2.0rem;
	}

	#startsectionPic .content p {
		font-size: 1.2rem;
	}
	
	/* ----------- "showBauten" ------------ */
	.wrapper.showBauten .oneBau .infoBoxBox a.button {
		bottom: 20px;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox h2, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a:hover {
		font-size:0.7rem !important;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox a.button {
		width: 80px;
		height: 20px;
		margin-left: -40px;
		line-height: 18px;
		font-size: 0.5rem;
	}
	
	/* ----------- "Bauten Detail" ------------ */
	section.singleProjektWrapper .thePics .onePic {
		float: none;
		width: 100%;
		padding: 10px 0;
	}
	
	section.singleProjektWrapper .thePics .onePic:nth-child(even) {
		padding-left: 0;
	}
	
	/* --------------------------------------------------------------------------
	   Cookiebanner
	   -------------------------------------------------------------------------- */
	#cookiebanner {  
		padding: 10px;
	}
	
	#cookiebanner p {
		font-size: 0.8rem; 
	}
	
	#cookiebannerCloser {
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
	.wrapper.showBauten .oneBau .infoBoxBox .stadtteil {
		display: none;
	}
}

@media screen and (max-width: 600px) and (orientation: landscape) {
	/* ----------- "showBauten" ------------ */
	.wrapper.showBauten .oneBau .infoBoxBox a.button {
		bottom: 30px;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox h2, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a, 
	.wrapper.showBauten .oneBau .infoBoxBox h2 a:hover {
		font-size: 0.9rem !important;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox .stadtteil {
		font-size: 0.7rem;
	}
	
	.wrapper.showBauten .oneBau .infoBoxBox a.button {
		width: 100px;
		height: 30px;
		margin-left: -50px;
		line-height: 28px;
		font-size: 0.7rem;
	}
}

@media screen and (max-width: 560px) {
/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "bgPicSec1/bgPicSec1a/bgPicSec1b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 1 (1a -> große Überschrift, 1b -> mittlere Überschrift)------------ */
	.bgPicSec1 .childContentPic h2,
	.bgPicSec1 .childContentPic h2 a,
	.bgPicSec1 .childContentPic h2 a:hover {	
		font-size: 1.1rem;
	}
	
	.bgPicSec1a .childContentPic h2,
	.bgPicSec1a .childContentPic h2 a,
	.bgPicSec1a .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec1b .childContentPic h2,
	.bgPicSec1b .childContentPic h2 a,
	.bgPicSec1b .childContentPic h2 a:hover {
		font-size: 1.3rem;
	}
	
	.bgPicSec1 .childContentPic h3,
	.bgPicSec1 .childContentPic h3 a,
	.bgPicSec1 .childContentPic h3 a:hover,
	.bgPicSec1a .childContentPic h3,
	.bgPicSec1a .childContentPic h3 a,
	.bgPicSec1a .childContentPic h3 a:hover,
	.bgPicSec1b .childContentPic h3,
	.bgPicSec1b .childContentPic h3 a,
	.bgPicSec1b .childContentPic h3 a:hover {
		font-size: 1.6rem;
	}
	
	/* ----------- "bgPicSec2/bgPicSec2a/bgPicSec2b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 2 (2a -> große Überschrift, 2b -> mittlere Überschrift) ------------ */
	.bgPicSec2 .childContentPic,
	.bgPicSec2a .childContentPic,
	.bgPicSec2b .childContentPic,
	.bgPicSec2c .childContentPic {
		left: 5%;
		width: 90%;
	}
	
	.bgPicSec2 .childContentPic h2,
	.bgPicSec2 .childContentPic h2 a,
	.bgPicSec2 .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec2a .childContentPic h2,
	.bgPicSec2a .childContentPic h2 a,
	.bgPicSec2a .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec2b .childContentPic h2,
	.bgPicSec2b .childContentPic h2 a,
	.bgPicSec2b .childContentPic h2 a:hover,
	.bgPicSec2c .childContentPic h2,
	.bgPicSec2c .childContentPic h2 a,
	.bgPicSec2c .childContentPic h2 a:hover {
		font-size: 1.6rem;
	}
	
	.bgPicSec2 .childContentPic h3,
	.bgPicSec2 .childContentPic h3 a,
	.bgPicSec2 .childContentPic h3 a:hover,
	.bgPicSec2a .childContentPic h3,
	.bgPicSec2a .childContentPic h3 a,
	.bgPicSec2a .childContentPic h3 a:hover,
	.bgPicSec2b .childContentPic h3,
	.bgPicSec2b .childContentPic h3 a,
	.bgPicSec2b .childContentPic h3 a:hover,
	.bgPicSec2c .childContentPic h3,
	.bgPicSec2c .childContentPic h3 a,
	.bgPicSec2c .childContentPic h3 a:hover {
		font-size: 3rem;
	}
	
	.bgPicSec2c .childContentPic p {
		font-size: 2rem;
	}
	
	/* ----------- bgPicSec3, bgPicSec4  -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typen 3-4 ------------ */
	.bgPicSec3 .childContentPic .contBgBox,
	.bgPicSec3a .childContentPic .contBgBox,
	.bgPicSec4 .childContentPic .contBgBox{
		width: 80%;
		padding: 20px 0;
	}
	
	.bgPicSec3 .childContentPic h2,
	.bgPicSec3 .childContentPic h2 a,
	.bgPicSec3 .childContentPic h2 a:hover,
	.bgPicSec4 .childContentPic h2,
	.bgPicSec4 .childContentPic h2 a,
	.bgPicSec4 .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec3 .childContentPic h3,
	.bgPicSec3 .childContentPic h3 a,
	.bgPicSec3 .childContentPic h3 a:hover,
	.bgPicSec4 .childContentPic h3,
	.bgPicSec4 .childContentPic h3 a,
	.bgPicSec4 .childContentPic h3 a:hover {
		font-size: 1.2rem;
		line-height: 125%;
	}
	
	.bgPicSec3 .childContentPic p,
	.bgPicSec3a .childContentPic p,
	.bgPicSec4 .childContentPic p {
		max-width: 90%;
	}
	
	/* ----------- "bgPicSec5/bgPicSec5a/bgPicSec5b" -> Hintergrundbild mit Text (onePager-Unterseite) -> Layout Typ 2 (2a -> große Überschrift, 2b -> mittlere Überschrift) ------------ */
	.bgPicSec5 .childContentPic,
	.bgPicSec5a .childContentPic,
	.bgPicSec5b .childContentPic {
		left: 5%;
		width: 90%;
	}
	
	.bgPicSec5 .childContentPic h2,
	.bgPicSec5 .childContentPic h2 a,
	.bgPicSec5 .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec5a .childContentPic h2,
	.bgPicSec5a .childContentPic h2 a,
	.bgPicSec5a .childContentPic h2 a:hover {
		font-size: 2rem;
	}
	
	.bgPicSec5b .childContentPic h2,
	.bgPicSec5b .childContentPic h2 a,
	.bgPicSec5b .childContentPic h2 a:hover {
		font-size: 1.1rem;
		line-height: 125%;
	}
	
	.bgPicSec5 .childContentPic h3,
	.bgPicSec5 .childContentPic h3 a,
	.bgPicSec5 .childContentPic h3 a:hover,
	.bgPicSec5a .childContentPic h3,
	.bgPicSec5a .childContentPic h3 a,
	.bgPicSec5a .childContentPic h3 a:hover,
	.bgPicSec5b .childContentPic h3,
	.bgPicSec5b .childContentPic h3 a,
	.bgPicSec5b .childContentPic h3 a:hover {
		font-size: 3rem;
	}

/* --------------------------------------------------------------------------
   Presse-Template
   -------------------------------------------------------------------------- */
	/* --------------------- Vorhang Pressebilder -----------------------------*/
	.vorhang .formBox {   
		left: 2%;
		width: 96%;
	}
	
/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.factBorderBox h2 {
		width: 200px;
	}

	.oneFact,
	.oneFact2 {
		width: 100%;
	}
	
/* --------------------------------------------------------------------------
  Template Bauten Detail
   -------------------------------------------------------------------------- */	
	section.singleProjektWrapper .theLogo img {
		width: 50%;
	}

/* --------------------------------------------------------------------------
  onePage-Template
   -------------------------------------------------------------------------- */	
	.weiterBut,
	.backBut {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	
	.weiterBut	{ right: 10px; }
	.backBut	{ left: 10px; }
}

@media screen and (max-width: 500px) {
/* --------------------------------------------------------------------------
   ALLGEMEIN
   -------------------------------------------------------------------------- */	
	p	{ font-size: 1.0rem; }
	
	.contentBox ul li {
		background-position: 2px 14px;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 1.0rem;
	}
	
/* --------------------------------------------------------------------------
   HEADERBEREICH
   -------------------------------------------------------------------------- */
	.gfg-logo {
		width: 110px;
		height: 127px;
		background-position: center 27px;
		background-size: 66%;
	}

/* ==========================================================================
   DIE EINZELNEN TEMPLATES
   ========================================================================== */
/* --------------------------------------------------------------------------
   Templateübergreifende Eigenschaften
   -------------------------------------------------------------------------- */
	.standardSec h6,
	section.standortSec .contentBox h6,
	.wrapper.startsectSlide .content h6,
	section.showPresse .presseLeft h3, 
	section.showPresse .presseRight h3, 
	section.showPresse .presseRight h5, 
	section.showPresse .presseRight h6				{ font-size: 0.8rem; } /* fs05 */ 
	
	section.standard .content h6,
	#startsectionSlide .content p,
	section.fullsize .content h6,
	.kontaktCont p									{ font-size: 1.0rem; }

/* --------------------------------------------------------------------------
   Template Start
   -------------------------------------------------------------------------- */	
	.standardSec .content {
		padding: 40px 0;
	}
	
	.contentBox {
		padding: 0 40px 0;
	}
	
	.content .colorBox {
		padding: 20px;
	}
	
	section.standortSec .contentBox {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	section.standortSec .contentBox blockquote {
		padding: 30px 0 15px;
	}
	
	#startsectionSlide .content h2,
	section.standortSec .contentBox .excerpt p,
	.standortSec h3,
	.standardSec h3 {
		font-size: 1.5rem;
	}
	
	section.standortSec .contentBox h2 {
		margin-bottom: 20px;
		font-size: 1.0rem;
	}
	
	#startsectionSlide .content p {
		font-size: 0.9rem;
		line-height: 120%;
	}
	
	section.standortSec .contentBox blockquote { width: 100%; }

	.oneBildzitat {
		float: none;
		width: 100%;
		padding: 0 40px;
	}
	
	.oneBildzitat img { width: 50%; }	
	
	/* ---- z.B. Titel Bauten in Listen */
	.fs07 {
		font-size: 1.1rem !important;
	}
	
	.oneArticle .infoBoxBox {
		left: 10%;
		width: 80%;
	}

	.oneArticle .infoBox h2 {
		margin-bottom: 0;
		padding-top: 0px;
	}
	
	.oneArticle .infoBox p {
		line-height: 75% !important;
	}
	
	.oneArticle .infoBox .button {
		height: 20px;
		line-height: 18px;
	}
	
	/* ----------- "Slider Doppelt" ------------ */
	.slideBoxBxDouble .txtSlideBox .oneTxt h3 { 
		margin-bottom: 20px;
		font-size: 1.25rem; 
	}
	
	.slideBoxBxDouble .txtSlideBox .oneTxt h4 { 
		margin-bottom: 20px;
		font-size: 0.7rem; 
	}
	
	.slideBoxBxDouble .txtSlideBox .oneTxt {
		padding: 40px 55px 60px;
		font-size: 0.7rem;
	}

/* --------------------------------------------------------------------------
  Slider-Template
   -------------------------------------------------------------------------- */
	section.slideSec .slidertext.vcenterBox							{ display: none; }
	
	section.slideSec .cycloneslider-template-standard .cycloneslider-caption-title {
		font-size: 0.6rem;
		text-transform: none;
	}

/* --------------------------------------------------------------------------
  Kontakt-Template
   -------------------------------------------------------------------------- */	
	section.showKontakt .kontaktLeft h3, 
	section.showKontakt .kontaktRight h3							{ font-size: 0.875rem; }
	
	section.showKontakt .kontaktRight .kontaktform input[type=text] { margin: 10px 0 5px; }
	
	section.showKontakt .kontaktLeft .button						{ margin-bottom: 60px; }

/* -------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
	section.highlightSec .theContent h2 {
		font-size: 3.0rem;
		margin: 0;
		padding: 0;
	}
	
	section.highlightSec .theContent p {
		margin-top: 2px;
		margin-bottom: 2px !important;
	}
	
	section.highlightSec .theContent {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	section.highlightSec .oneHighlight h2 {
		min-height: 5px;
		margin: 10px 0 20px;
		font-size: 1.2rem;
	}
	
	section.highlightSec .oneHighlight p {
		font-size: 0.8rem;
	}

/* --------------------------------------------------------------------------
  Standard-Template
   -------------------------------------------------------------------------- */
	section.standard .content.full {
		padding-top: 0px;
	}

	.content .contentZitatBox {
		padding: 10px 40px 20px;
	}
	
	.content .contentZitatBox h6 {
		font-size: 1.25rem !important;
	}	
	
/* --------------------------------------------------------------------------
  Fullsize-Template
   -------------------------------------------------------------------------- */
	section.fullsize .content.full {
		padding-top: 0px;
	}

	section.fullsize .content .contentZitatBox {
		padding: 10px 40px 20px;
	}
	
	section.fullsize .content .contentZitatBox h6 {
		font-size: 1.25rem !important;
	}

/* --------------------------------------------------------------------------
  Upload Form
   -------------------------------------------------------------------------- */	
	span.file_title_clean {
		font-size: 0.75rem;
	}
	
	label.file_userdata_label {
		width: 75px !important;
		font-size: 0.8rem;
	}
	
	div.file_userdata_fieldwrapper, 
	div.file_userdata_fieldwrapper_required, 
	div.file_userdata_fieldwrapper_required_empty {
		width: calc(100% - 80px) !important;
	}
	
	input[type="button"].file_input_submit,
	input[type="button"].file_input_button,
	input[type="button"].file_input_button_hover { 
		height: auto;
		padding: 5px 15px;
		border: 1px solid #b1b4b1;
		font-family: "Gotham A", "Gotham B", "Open Sans", sans-serif;
		font-size: 0.875rem;
		line-height: 100%;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		text-align: center;
		color: #fff;
		background-color: #54585a;
	}
	
/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
	/* ----------- "standardSec" -> Standardlayout onePager-Unterseite ------------ */
	.standardSec .childContentPic {
		left: 5%;
	}
	
	.standardSec .childContentPic h2 {
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 1.0rem;
	}
	
	.standardSec .childContentPic h3 {
		margin-top: 5px;
		font-size: 1.0rem;
	}
	
	/* ---- z.B. Titel Startseite */
	.post-4 h2 {
		font-size: 1.8rem;
	}
	
	/* ----------- "Bauten" ------------ */
	section.singleProjektWrapper {
		padding: 0;
	}
	
	.wrapper.showBauten .pager,
	.wrapper.showBauten .pager a {
		font-size: 1.25rem;
	}
	
	/* ----------- "Investitionsprofil" ------------ */
	section.fullsize .content h6					{ font-size: 0.8rem; }
	
/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */
	.factBoxBox {
		padding: 50px 30px 40px;
	}
	
	.factBorderBox { padding: 60px 30px 30px; }

	.factBorderBox h2 {
		padding: 0;
		font-size: 1.5rem;
	}

	.oneFact,
	.oneFact2 {
		width: 100%;
	}
	
/* --------------------------------------------------------------------------
  Presse-Template
   -------------------------------------------------------------------------- */
	section.showPresse .pressePics .onePic {
		width: 48%;
		width: calc( (100% - 10px) / 2);
		height: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
		background-position: center;
		background-size: cover;
	}
	
	section.showPresse .pressePics .onePic:nth-child(2n) {
		margin-right: 0; 
	}
}

@media screen and (max-width: 400px) {
/* --------------------------------------------------------------------------
  highlight-Template
   -------------------------------------------------------------------------- */
	section.highlightSec .theContent h2 {
		font-size: 2.0rem;
	}
	
/* --------------------------------------------------------------------------
  sublist-Template
   -------------------------------------------------------------------------- */
	.oneArticle .infoBox {
		padding: 20px;
	}
	
	.oneArticle .infoBox h2 {
		margin-bottom: 0px;
		padding-top: 5px;
		font-size: 1.3rem;
	}
	
	.oneArticle .infoBox .button {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	/* ----------- "standardSec" -> Standardlayout onePager-Unterseite ------------ */
	.standardSec .childContentPic h2 {
		font-size: 0.8rem;
	}
	
	.standardSec .childContentPic h3 {
		font-size: 0.8rem;
	}
	
	/* ----------- "Bauten" ------------ */
	.wrapper.slidesectBauten .content h2 {
		font-size: 1.5rem;
	}
		
	.wrapper.showBauten h2.hlBauten {
		font-size: 1.25rem;
		line-height: 133%;
	}

/* --------------------------------------------------------------------------
  ZahlenFakten-Template
   -------------------------------------------------------------------------- */	
	.oneFact2 {
		width: 50%;
		height: 80px;
		margin-top: 30px;
		padding-left: 60px;
		background-size: auto 60%;
	}
}

@media screen and (max-width: 340px) {
/* --------------------------------------------------------------------------
  Presse-Template
   -------------------------------------------------------------------------- */
	section.showPresse .pressePics .onePic {
		width: 100%;
		margin-right: 0;
	}
}

@media only screen and (min-device-width : 1030px) {
/* --------------------------------------------------------------------------
  Navigation
   -------------------------------------------------------------------------- */	
	.mainMenu ul li:hover > ul			{ display: block; }
	.plusMenu ul li:hover > ul			{ display: block; }
	.mobMenu ul li:hover > ul			{ display: block; }
}