/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../webfonts/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../webfonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../webfonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../webfonts/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../webfonts/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../webfonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../webfonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../webfonts/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}/* sf_square_head regular - latin */
@font-face {
  font-family: 'sf_square_head';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../webfonts/sf_square_head.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* sf_square_head italic - latin */
@font-face {
  font-family: 'sf_square_head';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../webfonts/sf_square_head_italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* sf_square_head bold - latin */
@font-face {
  font-family: 'sf_square_head';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../webfonts/sf_square_head_bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* sf_square_head bold italic - latin */
@font-face {
  font-family: 'sf_square_head';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../webfonts/sf_square_head_bold_italic.ttf') format('truetype'); /* Safari, Android, iOS */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, aside, article {display: block;}
ol, ul {list-style: none;  font-size: 1em; margin-bottom: 0.6em;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
a:focus {outline: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {	border-collapse: collapse; border-spacing: 0; margin-bottom:0.8em;}
td, th {padding:0.3em 1em 0.3em 1em; text-align:left; vertical-align:top;}
* {box-sizing: border-box;}

/* general */
a {text-decoration:underline; color: #000; display: inline-block;}
a:hover {text-decoration: underline; color:#444;}
p { margin: 0; padding: 0 0 0.6em 0;}
td p, th p {padding: 0 0 0.3em 0;}
strong, b {font-weight: 700;}
italic, i {font-style:italic;}
img {max-width: 100%; height:auto; max-height: 100%;}
hr {background: none; border: none; border-bottom: 4px dotted #d2d2d2;}

/* schriften */
h1, h2, h3, h4, h5, h6 {padding: 0 0 0.4em 0; margin:0; line-height:1.1em; font-weight: 600;}
h1 {font-size: 4.2em; font-weight:700;}
h2 {font-size: 3.2em; font-weight: 600;}
h3 {font-size: 2.7em; font-weight: 600;}
h4 {font-size: 1.4em; line-height: 1.3em;}
h5 {font-size: 1em; border-bottom: 1px solid #000; margin-bottom: 0.5em;}
h6 {font-size: 1em;}
h1 + p, h2 + p, h3 + p, h4 + p, h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6 {padding-top: 0 !important;}
h2 + p {margin-top:0.5em;}
p + h1, p + h2, p + h3 {margin-top:0.5em;}
h2 + h3 {margin-top:0.8em;}
p + h5 {margin-top: 0.5em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; display: inline-block;}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {text-decoration: none;}

.floatleft, .rechtsUmfliessen, .rechtsumfliessen {clear: left; float: left !important; margin: 0.4em 1em 0.6em 0;}
.floatright, .linksUmfliessen, .linksumfliessen {clear: left; float: right !important; margin: 0.4em 0 0.6em 1em; text-align: right;}
hr {background: #000; border:none; height:1px; border:none; margin:1em 0 1.5em 0;}

/* clearfix */
.clearfix:after, .absatz:after, .ul2sp:after, .section:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix, .absatz { display: block; }

.hyphenate {-ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens:auto; hyphens: auto;}

ul {list-style-type: disc; padding-left: 0.7em; margin-left: 0.7em;}
ol {list-style-type: decimal; padding-left: 0.7em; margin-left: 0.7em;}

/* BASIC */
html {height: 100%;}
body {height:100%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 105%; line-height:1.4em; color: #000; background:#fff; margin:0; padding:0; /*display: flex; flex-direction: column;*/}

.bigscreen {display: none;}
.page {position: relative; z-index: 24;}
.header {position: fixed; top: 0; right: 0; left: 0; z-index: 500; padding: 1em 3% 0.7em 3%; background-color: #fff; transition: background-color 0.5s;}
.header.header_down {background-color: #fff;}
.headerinner {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.mobilenav {font-size: 2em;}
.mobilenav:hover, .mobilenav:focus {color:#ffb10a;}
.header .format4 {/*filter: grayscale(100%) brightness(20%); opacity: 0.6;*/ width: 130px; max-width:100%;}
.header .format4 a {border-left: 3px solid #999; padding: 0 0 0 0.5em; text-decoration: none; text-transform: uppercase; color: #888;}
.footer {padding: 2% 3%; text-align: right; background-color: #eee;}
.footer a {text-decoration: none;}
.footer a:hover, .footer a:focus {text-decoration:underline;}
a.link {margin-right: 1em;}

.content {padding-top: 6em;}
body.default .fullimg {height:45%; height: 45vh; width:100%; width: 100vw; max-width: 100% !important; padding-top: 40%; padding-top: 40vh; background-position: center; background-size: cover; background-repeat: no-repeat;}
.fullimgtextabsatz, .magazin_titel {padding: 0 0 3em 0;}
.fullimgtext {padding: 2% 3%; margin: 0 auto; max-width: 85em; background-color: #fff; transition: 0.5s;}
.fullimgtext p + h1 {margin-top: 0em;}
.fullimgtext h1 {font-size: 1.5em;}
.fullimgtext h1.big {font-size: 4.5em;}
.fullimgtext .shorttitle {font-size: 0.8em; line-height: 1.4em;}
.fullimgtext a {text-decoration: none;}
.fullimgtext a:hover, .fullimgtext a:focus {text-decoration: underline;;}
.contentinner {padding: 2% 3%; margin: 0 auto;}
.spacer {padding: 0 0 6em 0;}

a.more {text-decoration: none;}
a.all {text-decoration: none; float:right;}
a.more .fal, a.all .fal {margin-right: 0.5em; font-size: 0.9em;}
a.more:hover, a.more:focus, a.all:hover, a.all:focus {/*background-color: #ffb10a; color: #000;*/ text-decoration: underline;}
a.highlight::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0, 0, 0, 0);}
a.highlight:hover, a.highlight:focus {/*background-color: #fff; color: #000;*/ text-decoration: underline;}

.f_grey {filter: grayscale(100%) contrast(5%) opacity(0.5);}
.f_grey:hover, .f_grey:focus {filter: grayscale(0%) contrast(100%) opacity(1);}

.absatz {padding: 0 0 3em 0; width: 85rem; max-width: 100%; margin: 0 auto;}
.absatz.fullwidth {margin: 0 -3%; max-width: none;}
.absatz.fullwidth a {max-width: 100%; width: 100%;}
.absatz.fullwidth img {max-width: 100%; width: 100%;}
.mehrsp {display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row;}
.center {display: flex; justify-content: center; align-items: center;}
.sp {padding: 1.9% 1.5%; position: relative; z-index: 5; transition: background 1s;}
.sp.active {/*background-color:#ffb10a;*/ color: #666;}
.sp.active a {color: #666; text-decoration: none;}
.sp:first-child {padding-left: 0;}
.sp:last-child {padding-right: 0;}
.bloecke .sp1, .bloecke .sp2 {padding: 1.9% 1.5%;}
.sectionheader {border-bottom: 1px solid #999; margin: 0; color: #999;
  -webkit-box-shadow:0 8px 12px -8px rgb(50 50 50 / 35%);
  -moz-box-shadow:0 8px 12px -8px rgb(50 50 50 / 35%);
  box-shadow:0 8px 12px -8px rgb(50 50 50 / 35%);}
.sp .sectionheader {margin: 0 0 1em 0;}
.sectionheader h4 {padding-bottom: 0.2em; color: #000;}
.sectionheader a.more {text-decoration: none; color: #999; font-size: 0.8em; padding-left: 2%;}
.sectionheader a.more:hover, .sectionheader a.more:focus {/*background-color: #ffb10a; color: #000;*/ text-decoration: underline;}
.sectionheader a.more .fal {font-size: 0.8em; font-weight: 600; margin-right: 0.3em; color: #aaa;}

.absatz.projektdetails .sectionheader {border: none; color: #000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: 100%;}
.absatz.projektdetails .sectionheader h3 {margin: 0; padding: 0;}
.absatz.projektdetails .mehrsp {flex-wrap: wrap;}
.absatz.projektdetails .sp1 {flex: 0 0 100%; max-width: 100%; margin-right: 0;}
.absatz.projektdetails .sp2, .absatz.projektdetails .sp3 {flex: 0 0 48%; max-width: 48%; margin-left: 0;}

p + .bild {margin-top: 1em;}
.imgtitle {font-size: 0.8em; font-style: italic; padding: 0 0.5em;}

.sliderbox {margin: 0 0 3em 0;}
.slider {overflow: hidden !important; position: relative;}
.slider .verlauf {transition:1s; width: 5%; height: 100%; position: absolute; z-index: 23; right: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.slider .slider_content {display: flex;}
.slider .slide {display:inline-block; padding: 1.2vw 1.2vw 0.5em 0; margin-bottom: 0.5em; max-width: 43vw; vertical-align: top; flex: none}
.slider .slide p {margin: 0; padding: 0;}
.slider .slide .shorttitle {font-size: 0.8em;}
.slider .slide h3 {font-size: 1em; font-weight: 400; padding: 0;}
.scrollbar {width: 100%; background-color: #ddd; opacity: 0; transition: 3s;}
.scrollbar .scroller {background-color: #999; height: 0.3em; width: 25%; cursor: pointer;}

.galerie img {width: 100%;}
.slideshow {}
.slideshow .slide, .slideshow .slide a, .slideshow picture, .slideshow .slide img {max-height: 100%; display: inline-block; width: 100%;}
.slideshow .slide img {}
.slide, .slide a, .slide img {display: block; width: 100%;}
.slidenav .nextslide, .slidenav .prevslide {cursor: pointer;}

.color1 {background-color:#ffb10a; font-size: 2.2em; line-height: 1.2em; margin: 1.9% 0;}
.sp1.color1 {margin-right: 1.5%;}
.sp2.color1 {margin-left: 1.5%;}
.color2 {background-color:#fff;}
.trenner_o {border-top: 1px solid #000; padding-top: 1.5em;}
.trenner_u {border-bottom: 1px solid #000; margin-bottom: 1.5em;}
.txt {max-width: 40em;}

ul.liste {}
.listeReihe {border-bottom: 1px solid #999; padding: 0.5em 0;}
ul.liste li, .news .listeText {display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row-reverse;}
ul.liste .date, .listeText .datum {color: #999; padding-left: 0.4em;}
ul.liste .title, .news .listeText h3 {padding: 0 0 0 2%; display: inline-block; width: 100%;}
ul.liste .title a {text-decoration: none; display: inline-block; width: 100%;}
ul.liste .title a:hover, ul.liste .title a:focus {/*background-color: #ffb10a; color: #000;*/ text-decoration: underline;}
.listeText h3 {font-weight: 400; font-size: 1em; line-height: unset;}
.listeText .fal {display: none;}
.descr {font-size: 0.9em; line-height: 1.5em;}
.listeImg + .listeText h3 {padding-top: 0.5em; font-size: 1.3em;}

.liste.bloecke {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.liste.bloecke .listeReihe {margin-bottom: 2em;}

.liste.magazin {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.liste.magazin .listeReihe {width: 50%; padding: 0.5em 0.5em; margin-bottom: 2em;}
.liste.magazin .block_nr1 {width:100%;}
.liste.magazin .listeText {display: block;}
.liste.magazin .block_nr1 .listeText {width: 65%;}
.liste.magazin .listeText h3 {padding-left: 0; font-size: 2em; line-height: 1.1em; font-weight: 600; margin: 0.5em 0;}
.liste.magazin .listeText h4 {font-size: 1em; font-weight: 400;}

/*.mm-page {height: 100%;}*/
a.rex-current, a.rex-active {background-color: #ffb10a;}
:root {
    --mm-color-border: #cccccc !important;
    --mm-color-button: rgba(0, 0, 0, 0.3) !important;
    --mm-color-text: #000 !important;
    --mm-color-background: #fff !important;
    --mm-color-background-highlight: rgba(0, 0, 0, 0.05) !important;
}
#menu2 {display: none;}
#menu {visibility: hidden; display: none; font-weight: 400; font-size: 1.2em;}
#menu a {text-decoration: none;}
#menu ul {padding-left: 0; margin-left: 0;}
#menu ul li {display: inline-block; position: relative;}
#menu ul li a {padding:0.2em 0.5em; color: #888;}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li.rex-active a, #menu ul li.rex-current a {color: #000; background-color: #ffb10a;}
#menu ul li:hover ul, #menu ul li:focus ul {display: block;}
#menu ul li ul {display: none; position: absolute; top:1.7em; left:0.5em; font-weight: 400;}
#menu ul li ul li a {padding: 0.2em 0.1em 0 0.1em;}
.mm-menu {-webkit-box-shadow: -2px 0px 30px 3px rgba(0,0,0,0.32); -moz-box-shadow: -2px 0px 30px 3px rgba(0,0,0,0.32); box-shadow: -2px 0px 30px 3px rgba(0,0,0,0.32);}
/*.mm-navbar__breadcrumbs {background-color: #000 !important; color: #fff !important;}*/
.mm-navbar {margin-bottom: 2em;}
.mm-menu .mm-navbar .mm-btn:hover:before, .mm-menu .mm-navbar .mm-btn:focus:before, .mm-menu .mm-navbar .mm-btn:hover:after, .mm-menu .mm-navbar .mm-btn:focus:after, .mm-navbars_bottom a:hover, .mm-navbars_bottom a:focus {border-color:#ffe100 !important; color: #ffe100 !important;}
.mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {}
.mm-panels {background-color: #fff !important;}
#menu .mm-searchfield {background-color: #dedede !important;}
#menu .mm-searchfield input {background-color: #fff !important; /*color: #fff !important; border: 1px solid #666 !important;*/}
#menu .mm-searchfield__btn {background-color: #999 !important; height: calc(var(--mm-navbar-size) * .7) !important; margin: auto 10px auto 0 !important; border-radius: 4px !important;}
.mm-panels {font-size: 0.85em;}
ul.mm-listview .mm-listitem {padding-top: 3px; border: none !important;}
.mm-listitem:after {left:8px !important; border: none !important;}
.mm-menu .mm-panels a {font-size: 2em;}
.mm-menu .mm-panels a:hover, .mm-menu .mm-panels a:focus {background-color: #eee;}
.mm-menu .mm-panels a.rex-current {background-color: #ffb10a;}

.yform {padding:0; margin:0 0 2em 0;}
.yform form {margin:0; padding:0;}
.yform form .form-group {margin: 0 0 0.5em 0;}
.yform form .formcheckbox {margin: 2em 0;}
.yform form label {width: 100%; display: inline-block; margin:0; vertical-align: top;}
.yform form input.form-control, .yform form textarea {outline:none; width: 30em; max-width: 100%; font-size: 1em; background-color: #e2e6d9; border:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0.4em 0.7em 0.3em 0.7em; color: #000;}
.yform form textarea {height: 15em; width: 30em; font-size: 1em; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.yform form .form-captcha input.form-control {width: 10em;}
.yform form .form-captcha .input-group-addon {float: left; margin-right: 0.5em;}
.yform form .form-captcha label {margin-bottom: 0.3em;}
.yform form .form-captcha img {height: 1.8em; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.yform form .formcheckbox label {width: 100%; padding-left: 2em;}
.yform form .formcheckbox input {margin: 0 0.5em 0 -2em;}
.yform form button {background-color: #9b0909; color: #fff; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; padding: 0.4em 3em 0.3em 3em; margin-top: 0.7em; border: none; font-size: 1.1em; cursor: pointer;}
.yform form button:hover, .yform form button:focus {background-color:#658d04;}
.alert.alert-danger {border: 5px dotted #9b0909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1em 1em 0.5em 1em; margin: 0 0 2em 0; background-color: #f0dede; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.alert.alert-success {border: 5px dotted #658d04; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2em 1em 2em 1em; margin: 0 0 2em 0; background-color: #e2e6d9; font-style: italic; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.has-error label {color: #9b0909 !important;}
.has-error input, .has-error textarea {border-bottom: 4px solid #9b0909 !important; background-color: #f0dede !important;}
.yform form input.form-control:focus, .yform form textarea:focus, .yform form .has-error input.form-control:focus, .yform form .has-error textarea:focus {background-color: #ddd;}
.yform form .trenner {padding: 0.7em; height: 0; overflow: hidden;}

body.start .content {padding-top: 0;}

body.magazin {/*background-image: url(/layout/images/magazin11.svg);*/ background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  background-position:center;}
body.magazin10, body.magazin11 {/*background-image: url(/layout/images/magazin11.svg);*/ background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position:center;}
body.magazin30, body.magazin26 {/*background-image: url(/layout/images/magazin26.svg);*/ background-repeat: no-repeat; background-size: contain; background-attachment: fixed; background-position: bottom left;}
body.magazin31, body.magazin32 {/*background-image: url(/layout/images/magazin32.svg);*/ background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position:center;}
body.magazin .fullimgtext {padding: 0; background: none; max-width: 38rem; min-height: 55vh; /*padding-top: 42vh;*/ font-size: 1.1em;}
body.magazin .contentinner {padding: 2% 3% 0 3%;}
body.magazin .absatz {width: 100%; max-width: 100%;}
body.magazin .absatz.fullwidth {max-width: none; margin: 0 -3.2% 5em -3.2%; width: 106.4%;}
body.magazin .absatz.fullwidth.color1 {padding: 1.5em 1.5% 1em 1.5%;}
body.magazin .mehrsp {display: flex; flex-wrap: wrap;}
body.magazin .mehrsp .sp {flex: 0 0 100%; max-width: 100%; padding: 0;}
body.magazin .width_4_4 .mehrsp .sp {flex: 0 0 25%; max-width: 25%;}
body.magazin .width_4_4.firmen {margin: 0 -3.2%; padding: 0 3%; background-color: #fff; max-width: none;}
body.magazin .width_4_4.firmen .mehrsp .sp {text-align: center;}
body.magazin .magazintitel {margin-top: 7%; margin-bottom: 0 !important;}
body.magazin .magazintitel h1 {font-size: 3.5em; line-height: 1em;}
body.magazin .magazintitel .shorttitle {font-weight: 700; color: #888; font-size: 1.7em;}
body.magazin h2 {font-weight: 700; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.02em; -webkit-text-stroke-color: #000; letter-spacing: 0.03em;}

.bgimg {position: fixed; top:0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position:center;}

.zitat {font-size: 1.5em; font-weight: 600; line-height: 1.3em;}
.absatz-2spaltig-1text .zitat, .absatz-2spaltig-2text .zitat {font-size: 1.6em;}
.zusatz {color: #999;}
.auto {font-size: 0.9em; font-weight: 600;}
.bigspace {margin: 0 0 10rem 0;}
.absatz.d_ohne_abstand {margin-bottom: 0 !important; padding-bottom: 0 !important;}

.magazin_teaser {background-color: #eee; font-size: 1.2em; line-height: 1.4em; max-width: none !important; margin: 100px -3.2% 0 -3.2% !important; padding: 0 3%; text-align: center;}
.zoomfont {font-family: 'sf_square_head', Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal;}
.magazin_teaser .sp {display: flex; align-items: center; color: #666; flex: unset !important;}
.magazin_teaser p {padding: 0; margin: 0;}
.magazin_teaser a {text-decoration: none; color: #666;}
.magazin_teaser img {/*max-width: 25vw;*/ width: 200px;}
.firmen {max-width: none; margin: 0 -3.2% !important; padding: 0 3%; text-align: center; background-color: #fff;}
.firmen .mehrsp, body.magazin .firmen .mehrsp {flex-wrap: nowrap;}
.default .firmen .sectionheader, .magazin .firmen .sectionheader {display: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.firmen .sp:first-child {padding-left: 0;}
.firmen .sp, body.magazin .firmen .sp {padding: 1.9% 1.5%; position: relative; z-index: 5; flex: 0 0 230% !important; max-width:23% !important;}

.zoom {font-family: 'sf_square_head', Arial, Helvetica, sans-serif; font-weight: 400; font-style: normal;}
.zoom_bold {font-family: 'sf_square_head', Arial, Helvetica, sans-serif; font-weight: 700; font-style: normal;}
.zoom_italic {font-family: 'sf_square_head', Arial, Helvetica, sans-serif; font-weight: 400; font-style: italic;}
.zoom_bold_italic {font-family: 'sf_square_head', Arial, Helvetica, sans-serif; font-weight: 700; font-style: italic;}

.slidedetail img {max-height: 85vh;}

@media (orientation: landscape) {
  .bg {width: 80vh; height: 80vh; border: 13vh solid #ffb10a; position: fixed; right: 8vw; top: 20vh; margin-left: -15vh;}
}
@media (orientation: portrait) {
  .bg {width: 80vw; height: 80vw; border: 13vw solid #ffb10a; position: fixed; right: 0; bottom: 5vh;}
}
@media only screen and (max-width: 30em) {
  body {font-size: 0.8em;}
  .absatz.projektdetails .sp2, .absatz.projektdetails .sp3 {flex: 0 0 100%; max-width: 100%; margin-left: 0; padding: 0;}
}
@media only screen and (max-width: 50em) {
  body {-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
  .listeText h3 {font-size: 1em !important;}
}
@media only screen and (min-width: 45em) {
  .mobilenav {display: none;}
  #menu {visibility: visible; display: block;}
  .mm-menu, #menu2 {display:none;}
  .header .format4 {max-width: auto; width:auto;}
  .mehrsp {flex-wrap: nowrap;}
  /*.mehrsp.anz_sp2 .sp {flex: 0 0 49% !important; max-width: 49% !important;}
  .mehrsp.anz_sp3 .sp {flex: 0 0 32% !important; max-width: 32% !important;}*/
  .mehrsp.anz_sp2 .sp1 {flex: 0 0 37% !important; max-width: 37% !important;}
  .mehrsp.anz_sp2 .sp2 {flex: 0 0 60% !important; max-width: 60% !important;}
  .mehrsp.anz_sp3 .sp1 {flex: 0 0 37% !important; max-width: 37% !important;}
  .mehrsp.anz_sp3 .sp2 {flex: 0 0 29% !important; max-width: 29% !important;}
  .mehrsp.anz_sp3 .sp3 {flex: 0 0 29% !important; max-width: 29% !important;}
  .d_gleich .mehrsp.anz_sp2 .sp1 {flex: 0 0 48% !important; max-width: 48% !important;}
  .d_gleich .mehrsp.anz_sp2 .sp2 {flex: 0 0 48% !important; max-width: 48% !important;}
  .d_gleich .mehrsp.anz_sp3 .sp1 {flex: 0 0 31% !important; max-width: 31% !important;}
  .d_gleich .mehrsp.anz_sp3 .sp2 {flex: 0 0 31% !important; max-width: 31% !important;}
  .d_gleich .mehrsp.anz_sp3 .sp3 {flex: 0 0 31% !important; max-width: 31% !important;}
  .bigspace {margin: 5rem 0 10rem 0;}
  .magazin_teaser {font-size: 2em;}
  .bildpos-links-neben, .bildpos-rechts-neben {display: flex; flex-direction: row; justify-content: space-between;}
  .bildpos-links-neben .absatz-2spaltig-2bild, .bildpos-links-neben .absatz-2spaltig-2text, .bildpos-rechts-neben .absatz-2spaltig-2bild {flex: 0 0 60%; max-width: 60%;}
  .bildpos-rechts-neben .absatz-2spaltig-1text, .bildpos-rechts-neben .absatz-2spaltig-1bild, .bildpos-links-neben .absatz-2spaltig-1bild {flex: 0 0 37%; max-width: 37%;}
  .bildpos-links-neben .absatz-2spaltig-2text, .bildpos-rechts-neben .absatz-2spaltig-2bild {margin-top: 5em;}
  .magazin_teaser img {margin-bottom: -19px;}
  .magazin_teaser .sp {padding: 0 1.5%;}
  .magazin_teaser .sp2 {display: block;}
  .magazin_teaser .magazin_logo {margin:-70px 0 0 0;}
  .liste.bloecke .listeReihe {width: 50%; padding: 0.5em 0.5em;}
}
@media only screen and (min-width: 50em) {
  .bigscreen {display: inline-block;}
  a .bigscreen {display: inline;}
  .header {background: none;}
  .header.header_down {background-color: #fff;}
  body.default .fullimg {height:100%; height: 100vh;}
  .fullimgtext {position: relative; height: 100%; height: 100vh; margin: -100% auto 0 3%; margin: -100vh auto 0 3%; background: none; padding-top: 40%; padding-top: 40vh; max-width: 35em; font-size: 1.2em; line-height: 1.3em;}
.fullimgtext h1 {font-size: 1.9em;}
body.magazin .magazintitel h1 {font-size: 4.9em; line-height: 1em;}
.fullimgtext.layout2, .fullimgtext.layout2 h1, .fullimgtext.layout2 a,
.fullimgtext.layout4 .shorttitle, .fullimgtext.layout4 .shorttitle2, .fullimgtext.layout3 h1,
.fullimgtext.layout4 .shorttitle a, .fullimgtext.layout4 .shorttitle2 a, .fullimgtext.layout3 h1 a {color: #fff;}
.fullimgtext.layout3 .shorttitle, .fullimgtext.layout3 .shorttitle2, .fullimgtext.layout4 h1,
.fullimgtext.layout3 .shorttitle a, .fullimgtext.layout3 .shorttitle2 a, .fullimgtext.layout4 h1 a {color: #000;}
body.magazin .fullimg {height: 100%; height: 100vh; width:106.4%; margin-left:-3.2%; margin-right: -3.2%; padding-top: 40vh;}
  body.magazin .fullimgtext {font-size: 1.5em; padding: 42vh 0 0 0; max-width: 85rem; margin: -100vh auto 0 auto;}
  body.magazin .width_2_3 .mehrsp .sp1 {flex: 0 0 63%; max-width: 63%;}
  body.magazin .width_2_3 .mehrsp .sp2 {flex: 0 0 33%; max-width: 33%;}
  body.magazin .header.header_down {background-color: #eee;}
  body.magazin .absatz {width: 85rem; max-width: 100%; margin-bottom: 5em;}
  body.magazin .absatz.fullwidth {max-width: none;}
  .bigspace {margin: 14rem 0 15rem 0;}
  .absatz.projektdetails .sectionheader {max-width: 45%;}
  .absatz.projektdetails .mehrsp {flex-wrap: nowrap;}
  .absatz.projektdetails .sp1 {flex: 0 0 45%; max-width: 45%; margin-right: 10%;}
  .absatz.projektdetails .sp2, .absatz.projektdetails .sp3 {flex: 0 0 21%; max-width: 21%; margin-left: 2%;}
  .zitat {font-size: 2em; line-height: 1.2em;}
}
@media only screen and (min-width: 1300px) {
  body {font-size: 120%;}
}