body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#fff; opacity: 1;cursor:pointer}
#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}
#mbOverlay.mbOverlayAbsolute{position:absolute}
#mbOverlay.mbMobile{position:absolute}
#mbBottom.mbMobile{line-height:24px}
#mbCenter{position:absolute;z-index:9999;left:50%;}
#mbCenter.mbLoading{background:transparent url(../../assets/mediabox/images/loading-light.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#000;text-align:left;background-position:center center;background-repeat:no-repeat}
@mbMedia img{-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#mbAudio{padding:0 0 2px;background-color:#000}
#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#777;min-height:20px;padding:10px 0 0}
#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#000;font-weight:700}
#mbNumber{display:inline;color:#777;font-size:.8em;margin:auto 10px}
#mbCaption{display:block;color:#777;line-height:1.6em;font-size:.8em}
#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}
#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#333;font-weight:700;text-decoration:underline}
#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#c8c7c7}
#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#333}
#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#000}
#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}

#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#000}
.pagination.block{
    display:none;
    }

#mbBottom {
    opacity: 1.0;
    padding:0px;
    
    }
#mbNumber {
    display:none;
    }

.cookiebar__button {
    background-color:#ea0a8e;
    font:14px Raleway;
    font-weight:normal;
}
html {
 scroll-behavior: smooth;

}

/* basic.css */
Reset margins
    body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
code,
ol,
ul,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption,
th,
td {
    vertical-align:top;
    text-align:left;
}
abbr,
acronym {
    border-bottom:1px dotted #666;
    font-variant:normal;
    cursor:help;
}
blockquote,
q {
    quotes:none;
}
fieldset,
img {
    border:0;
}
li {
    list-style-type:none;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
del {
    text-decoration:line-through;
}
ins {
    text-decoration:none;
}
a {
    text-decoration:none;
    
}
:focus {
    outline:0;
}
Font settings
    input,
button,
textarea,
select {
    font-size:99%;
    font-family:inherit;
    font-weight:inherit;
}
pre,
code {
    font:12px "Lucida Console",Monaco,monospace;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
    font:Verdana;
}


table {
    font-size:inherit;
}
caption,
th {
    font-weight:bold;
}
Default margins
    h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
table,
ol,
ul,
form {
    margin-bottom:5px;
}

@font-face {
  font-family: 'Source Sans Pro-200';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/dateien-wwg/fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	
  	  /*
      IPAD PRO
     */
.projekte-detail .image_container{
pointer-events: none;
        cursor: default;
        text-decoration: none;

}
}
@media screen and (min-width:1200px) {

   /*
      Rollover Image
     */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }

.sprung { visibility: hidden; height: 0px !important; position: absolute; margin: -200px; }




#your_div_id_here {
    width:100%;
    height:205px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0;
    background-color:#fff;
}
html {
    width:100%;
    
    height:101%;
    background-color:#fff;
     
}

div.menubutton {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
     
   
}
#navilogo,
section {
    display:block;
}
#main {
    top:165px;
    position:relative;
    background-color:transparent;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:100%;
    pading-right:0px;
    pading-left:0px;
    max-width:1170px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    height:auto;
    position:fixed;
     padding-top:25px;
    padding-bottom:10px;
    background-repeat:no-repeat;
    background-color:#fff;
}

* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,1);
    position:fixed !important;
}

* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}



.logo {
float:right;
clear:right;
padding-top:40px;
padding-right:1%;
padding-bottom:30px;
font-family: verdana;
}
p a {font-size: 1.8em;
  
  
	

}
p.zentriert a {
color:rgb(249, 151, 6);
text-decoration: none;
line-height: 1.0;
}
#hauptinhalt {
    width:100%;
    max-width:1170px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:40px;
    padding-bottom:10px;
    z-index:10;
}
#hauptinhalt-buero {
    width:100%;
    max-width:1170px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:0px;
    padding-bottom:0px;
    z-index:20;
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
    
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
    
}



#hauptinhalt p, #hauptinhalt-buero p {
    padding-right:0px;
    padding-left:0px;
    color:#666;
    font:14px Source Sans Pro;
   
    
}
#hauptinhalt a, #hauptinhalt-buero a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
   
    
}
#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:45px Source Sans Pro;
    
}
#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
   
}
#hauptinhalt h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
    
}
#hauptinhalt h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#000;
    font:30px Source Sans Pro;
    
}
#hauptinhalt-buero h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:45px Source Sans Pro;
    
}
#hauptinhalt-buero h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
   
}
#hauptinhalt-buero h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
    
}
#hauptinhalt-buero h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#000;
    font:30px Source Sans Pro;
    
}
#hauptinhalt .hauptinhalt a, #hauptinhalt-buero .hauptinhalt a
{
    font-family:Source Sans Pro;
    
    color:#666;
    padding-left: 4px;
    padding-right: 4px;
}
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.projekte-detail {
    margin-left: 1%;
        margin-right: 1%;
}
  .projekte-detail li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: none;
    font: 14px/20px Source Sans Pro;
  }
.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}
 .projekte-detail .buero-links li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
 .projekte-detail .buero-rechts li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px Source Sans Pro;
  }
 area {
    display: block;
    pointer-events: none;
    cursor:pointer;
}
.sline {
    position: absolute;
    
    top: 400px;
    width: 48%;
    
    color: #000;
    
    margin: 0;
    
    
}
.sline div {
    height: 200px;
    background: #fff;
     z-index:10;
    
}
.block1-chef {
	width: 50.0%;
	float:left;
	padding-top: 45px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav {
	width: 50.0%;
	float:left;
	padding-top: 0px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav ul {
margin-top: -5px;
	padding-left: 12px;
    
}
.block1 {
	width: 20.0%;
	float:left;
    padding-bottom: 20px;
    position:fixed;
    
    
}
.block2 {
	width: 66.6%;
	max-width:750px;
	float:right;
    padding-bottom: 20px;
    
}
.block2-chef {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
#hauptinhalt-buero .block1-chef a, #hauptinhalt-buero .buero-links a, #hauptinhalt-buero .buero-rechts a {
color:#666;
    
}
#hauptinhalt-buero .block1-chef a:hover, #hauptinhalt-buero .buero-links a:hover, #hauptinhalt-buero .buero-rechts a:hover {
color:#000;
    
}
.block2-nav {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
.buero-links {
	width: 49.0%;
	float:left;
	padding-bottom: 0px;
    z-index:2;
}
.buero-rechts {
	width: 49.0%;
	float:right;
	padding-bottom:0px;
    z-index:2;
}
.buero-rechts-bild1 img {
	padding-top:50px; 
}

.buerobild-rechts {
	float:right;
	
}

.buerobild-links {
	float:left;
	
}
.buerobild-links img {
	width: 98.0%;
	padding-left:12px;
	
}
.buerobild-rechts img {
	width: 98%;
	padding-left:12px;
	padding-bottom:0px;
}
.abstand {
	width:100%;
	padding-top: 50px;
    
}
.block2 img{
	padding-bottom: 16px;
    
}
#hauptinhalt .projekte-ubersicht p {
    color:#666;
    
}
#hauptinhalt .projekte-ubersicht h5 {
    color:#000;
    font:14px Source Sans Pro;
    
}

#projekte .rs-column.-large-col-4-1
{
    width: 23.0%;
    padding:0;
    margin-top:0px;
    
    margin-bottom:10px;
    background-color:transparent;
    
}
#projekte .rs-column.-large-col-3-1
{
    width: 25.0%;
    padding:0;
    margin-top:0px;
    
    margin-bottom:10px;
    background-color:transparent;
    
}
#projekte .rs-column {
	width: 100%;
    float: left;
    margin-left: 1%;
        margin-right: 1%;
        
}
#projekte .rs-column.-large-last
{
    margin-right:0;
    
}
#projekte .rsts-skin-default .rsts-nav{
    position:relative;
    margin-top:20px;
    padding-right:10px;

}


#wettbewerbe {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.wettbewerbe {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}

#hauptinhalt .wettbewerbe a
{
	color:#999;
    font-family:Source Sans Pro;
    
    
}


#hauptinhalt .wettbewerbe a:hover,
#hauptinhalt .wettbewerbe a:focus {
    
    color:#000;
    font-weight:normal;
}
#hauptinhalt .wettbewerbe-ubersicht p {
    padding-top:10px;
    color:#000;
    
}
#hauptinhalt .wettbewerbe-ubersicht p strong {
    color:#000;
    
}
.image_container {
    width:100%;
    margin:0;
    padding:0;
}
#team-summe{
    
    width:100%;
    
    
}
#team {
    
    max-width:900px;
    margin: 0 15%;
}
#hauptinhalt .datenschutz p {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:20px;
}
#hauptinhalt .datenschutz h2,
#hauptinhalt .datenschutz h3 {
    text-align:left;
    font:25px Source Sans Pro;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px Source Sans Pro;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px Source Sans Pro;
}
#copy-footer {
    width:100%;
        background-color:transparent;
        z-index:-1;
}

#copy {
    width:98%;
    max-width:1150px;
    
    
    left:auto;
    right:auto;
    margin-top:0px;
    margin-right:auto;
    margin-bottom:30px;
    margin-left:auto;
    padding-top:0;
    
    color: #eee;
}
.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #666;

text-transform: uppercase;
}
#copy a {
    
    font-size:12px;
    color:#666;
    text-decoration: none;
    font-family: Source Sans Pro;   
    
}
#copy p {

    padding-right:0px;
    color:#eee;
    font-family: Source Sans Pro;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#000;
}
.mail-kontakt{
    width:auto;
    float:right;

}
.insta 

{	width:30px;
	float:right;
    

}
.insta img

{	width:45%;
float:right;
	padding-top:3px;
    padding-right:0px;
    

}
.mail
{	float:left;
    width:auto;

}
.impressum{
    width:auto;
    float:left;

}

.kontaktformular .formbody {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular label {
    width:10em;
    padding-top:10px;
    padding-bottom:10px;
    color:#696666;
    font:18px/24px raleway;
}
.kontaktformular input {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px raleway;
}
.kontaktformular select {
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px raleway;
}
.widget-textarea .textarea {
    width:100%;
    height:10em;
    padding:10px;
    color:#666;
    font:18px/24px raleway;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-top:20px;
    padding:10px;
    color:#666;
    font:1.5em/1.8em raleway;
}
.checkbox_container .checkbox {
    width:25px;
    padding-top:-10;
    padding-right:0;
}
.checkbox_container {
    margin-top:40px;
    margin-bottom:20px;
}
.error {
    color:#f00;
}
#hauptinhalt p.error {
    color:#f00;
}
.cookiebar {
    width:300px;
    height:auto;
    left:0;
    top:18%;
    padding:10px;
    background-color:rgba(2,7,26,.75);
    z-index: 2000;
}
.cookiebar button {
    margin-top:10px;
}
.cookiebar__text {
    font:12px/14px arial;
}
required {
    border:2px solid #f00;
    color:#f00;
}


}

/*
      PAD Version
     */


@media screen and (min-width:901px) and (max-width:1199px) {

   /*
      Rollover Image
     */
   .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
}
	.sprung { visibility: hidden; height: 0px !important; position: absolute; margin: -200px; }
	
#your_div_id_here1 {
    width:100%;
    height:63px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0;
    background-color:rgba(2,7,26,1);
}
html {
    width:100%;
    
    height:101%;
    background-color:#fff;
}
div.menubutton {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
    
  font-size: 100%
   
}
#navilogo,
section {
    display:block;
}
#main {
    top:130px;
    position:relative;
    background-color:transparent;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:100%;
    pading-right:15px;
    pading-left:15px;
    max-width:970px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    height:auto;
    position:fixed;
     padding-top:25px;
    padding-bottom:20px;
    background-repeat:no-repeat;
    background-color:#fff;
}

* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,1);
    position:fixed !important;
}

* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}



.logo {
float:right;
clear:right;
padding-top:40px;
padding-right:1%;
padding-bottom:30px;
font-family: verdana;

}
p a {font-size: 1.8em;
    
	

}
p.zentriert a {
color:rgb(249, 151, 6);
text-decoration: none;
line-height: 1.0;
}
#hauptinhalt {
    width:100%;
    max-width:970px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:80px;
    padding-bottom:10px;
    z-index:10;
}
#hauptinhalt-buero {
    width:100%;
    max-width:970px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:0px;
    padding-bottom:0px;
    z-index:10;
}

.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}



#hauptinhalt p, #hauptinhalt-buero p {
    padding-right:0px;
    padding-left:0px;
   
    font:14px Source Sans Pro;
    color:#666;
}
#hauptinhalt a, #hauptinhalt-buero a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#000;
}

#hauptinhalt h1, #hauptinhalt-buero h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#070521;
    font:45px Source Sans Pro;
}
#hauptinhalt h2, #hauptinhalt-buero h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
}
#hauptinhalt h3, #hauptinhalt-buero h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
}
#hauptinhalt h4, #hauptinhalt-buero h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#900;
    font:30px Source Sans Pro;
}

#hauptinhalt .hauptinhalt a, #hauptinhalt-buero .hauptinhalt a
{
    font-family:Source Sans Pro;
    color:#ea0a8e;
    padding-left: 4px;
    padding-right: 4px;
}
.block1-chef {
	width: 50.0%;
	float:left;
	padding-top: 45px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav {
	width: 50.0%;
	float:left;
	padding-top: 0px;
    padding-bottom: 0px;
    z-index:2;
}

.block2-chef {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
.block2-nav {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
.block1-nav ul {
margin-top: -5px;
	padding-left: 10px;
    
}
.block1 {
	width: 20.0%;
	float:left;
    padding-bottom: 20px;
    position:fixed;
    
}
.block2 {
	width: 66.6%;
	max-width:750px;
	float:right;
    padding-bottom: 20px;
    
}
.buero-links {
	width: 49.0%;
	float:left;
	padding-bottom: 0px;
    z-index:2;
}
.buero-rechts {
	width: 49.0%;
	float:right;
	padding-bottom:0px;
    z-index:2;
}
#hauptinhalt-buero .block1-chef a, #hauptinhalt-buero .buero-links a, #hauptinhalt-buero .buero-rechts a {
color:#666;
    
}
#hauptinhalt-buero .block1-chef a:hover, #hauptinhalt-buero .buero-links a:hover, #hauptinhalt-buero .buero-rechts a:hover {
color:#000;
    
}

.buerobild-rechts {
	float:right;
	
}
.buerobild-links {
	float:left;
	
}
.buerobild-links img {
	width: 98.0%;
	padding-left:12px;
	
}
.buerobild-rechts img {
	width: 98.0%;
	padding-left:12px;
	
}
.buero-rechts-bild1 img {
	padding-top:50px; 
}
.abstand {
	width:100%;
	padding-top: 50px;
    
}
.block2 img{
	padding-bottom: 16px;
    
}
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.projekte-detail {
    margin-left: 1.1%;
        margin-right: 1.1%;
}
 .projekte-detail li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: none;
    font: 14px/20px Source Sans Pro;
  }
.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}
 .projekte-detail .buero-links li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
 .projekte-detail .buero-rechts li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
#hauptinhalt .projekte-ubersicht p {
    color:#666;
    
}
#hauptinhalt .projekte-ubersicht h5 {
    color:#000;
    font:14px Source Sans Pro;
    
}



#projekte .rs-column.-large-col-4-1
{
    width: 23.0%;
    padding:0;
    margin-top:0px;
    
    margin-bottom:10px;
    background-color:#fff;
    
}
#projekte .rs-column {
	width: 100%;
    float: left;
    margin-left: 1%;
        margin-right: 1%;
}
#projekte .rs-column.-large-last
{
    margin-right:0;
    
}
#projekte .rsts-skin-default .rsts-nav{
    position:relative;
    margin-top:20px;
    padding-right:10px;

}


#wettbewerbe {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.wettbewerbe {
    margin-left: 1.2%;
        margin-right: 1.2%;
    padding-bottom: 20px;
    
}

#hauptinhalt .wettbewerbe a
{
	color:#999;
    font-family:Source Sans Pro;
    
    
}


#hauptinhalt .wettbewerbe a:hover,
#hauptinhalt .wettbewerbe a:focus {
    
    color:#000;
    font-weight:normal;
}
#hauptinhalt .wettbewerbe-ubersicht p {
    padding-top:10px;
    color:#000;
    
}
#hauptinhalt .wettbewerbe-ubersicht p strong {
    color:#000;
    
}
.image_container {
    width:100%;
    margin:0;
    padding:0;
}

#hauptinhalt .datenschutz p {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:20px;
}
#hauptinhalt .datenschutz h2,
#hauptinhalt .datenschutz h3 {
    text-align:left;
    font:25px Source Sans Pro;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px Source Sans Pro;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px Source Sans Pro;
}
#copy-footer {
    width:100%;
        background-color:transparent;
}

#copy {
    width:98%;
    max-width:950px;
    
    
    left:auto;
    right:auto;
    margin-top:140px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    
     text-align:right;
    z-index:10;
  
}
.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #666;
	

text-transform: uppercase;
}
#copy a {
    
    font-size:11px;
    color:#666;
    text-decoration: none;
    font-family: Source Sans Pro;  
    
}
#copy p {
color:#eee;
    padding-right:0px;
    font-family: Source Sans Pro;  
}

#copy a:hover,
#copy a:focus {
    font-family: Source Sans Pro; 
    font-weight:normal;
    color:#000;
}

.mail-kontakt{
    width:auto;
    float:right;

}
.impressum{
    width:auto;
    float:left;

}


.insta 

{	width:30px;
	float:right;
    

}
.insta img

{	width:45%;
float:right;
	padding-top:3px;
    padding-right:0px;
    

}
.mail
{	float:left;
    width:auto;

}

.kontaktformular .formbody {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular label {
    width:10em;
    padding-top:10px;
    padding-bottom:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular input {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular select {
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px raleway;
}
.widget-textarea .textarea {
    width:100%;
    height:10em;
    padding:10px;
    color:#666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-top:20px;
    padding:10px;
    color:#666;
    font:1.5em/1.8em Source Sans Pro;
}
.checkbox_container .checkbox {
    width:25px;
    padding-top:-10;
    padding-right:0;
}
.checkbox_container {
    margin-top:40px;
    margin-bottom:20px;
}
.error {
    color:#f00;
}
#hauptinhalt p.error {
    color:#f00;
}
.cookiebar {
    width:300px;
    height:auto;
    left:0;
    top:18%;
    padding:10px;
    background-color:rgba(2,7,26,.75);
    z-index: 2000;
}
.cookiebar button {
    margin-top:10px;
}
.cookiebar__text {
    font:12px/14px arial;
}
required {
    border:2px solid #f00;
    color:#f00;
}


}
/*
      mobile Version
     */

@media screen and (min-width:768px) and (max-width:900px) {

   /*
      Rollover Image
     */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }


	.sprung { visibility: hidden; height: 0px !important; position: absolute; margin: -200px; }



#your_div_id_here1 {
    width:100%;
    height:63px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0;
    background-color:rgba(2,7,26,1);
}
html {
    width:100%;
    
    height:101%;
    background-color:#fff;
}
div.menubutton {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
     font-family: verdana,sans-serif;
  font-size: 100%
   
}
#navilogo,
section {
    display:block;
}
#main {
    top:130px;
    position:relative;
    background-color:transparent;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:100%;
    pading-right:15px;
    pading-left:15px;
    max-width:750px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    height:auto;
    position:fixed;
     padding-top:25px;
    padding-bottom:20px;
    background-repeat:no-repeat;
    background-color:#fff;
}

* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,1);
    position:fixed !important;
}

* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}



.logo {
float:right;
clear:right;
padding-top:40px;
padding-right:2%;
padding-bottom:30px;
font-family: verdana;
}
p a {font-size: 1.8em;
     
	

}
p.zentriert a {
color:rgb(249, 151, 6);
text-decoration: none;
line-height: 1.0;
}
#hauptinhalt {
    width:100%;
    max-width:750px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:80px;
    padding-bottom:10px;
    z-index:10;
}
#hauptinhalt-buero {
    width:100%;
    max-width:750px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:0px;
    padding-bottom:0px;
    z-index:10;
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}



#hauptinhalt p, #hauptinhalt-buero p {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#666;
}
#hauptinhalt a, #hauptinhalt-buero a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#000;
}
#hauptinhalt h1, #hauptinhalt-buero h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#070521;
    font:45px Source Sans Pro;
}
#hauptinhalt h2, #hauptinhalt-buero h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
}
#hauptinhalt h3, #hauptinhalt-buero h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
}
#hauptinhalt h4, #hauptinhalt-buero h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#900;
    font:30px Source Sans Pro;
}

#hauptinhalt .hauptinhalt a, #hauptinhalt-buero .hauptinhalt a
{
    font-family:Source Sans Pro;
    color:#ea0a8e;
    padding-left: 4px;
    padding-right: 4px;
}


.block1-chef {
	width: 50.0%;
	float:left;
	padding-top: 45px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav {
	width: 50.0%;
	float:left;
	padding-top: 0px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav ul {
margin-top: -5px;
	padding-left: 12px;
    
}
.block2-chef {
	width: 50%;
	
	float:right;
	padding-top: 0px;
	padding-bottom: 0px;
    
}
.block {

    padding-bottom: 0px;

}
.block2-nav {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}

.buero-links {
	width: 49.0%;
	float:left;
	padding-bottom: 0px;
    z-index:2;
}
.buero-rechts {
	width: 49.0%;
	float:right;
	padding-bottom:0px;
    z-index:2;
}
#hauptinhalt-buero .block1-chef a, #hauptinhalt-buero .buero-links a, #hauptinhalt-buero .buero-rechts a {
color:#666;
    
}
#hauptinhalt-buero .block1-chef a:hover, #hauptinhalt-buero .buero-links a:hover, #hauptinhalt-buero .buero-rechts a:hover {
color:#000;
    
}
.buerobild-links img {
	width: 96.0%;
	padding-left:15px;
	
}
.buerobild-rechts img {
	width: 96.0%;
	padding-left:15px;
	
}
.buero-rechts-bild1 img {
	padding-top:50px; 
}
.buerobild-links {
	float:left;
	
}
.abstand {
	width:100%;
	padding-top: 50px;
    
}
.block2 img{
	padding-bottom: 16px;
    
}
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.projekte-detail {
    margin-left: 2%;
        margin-right: 2%;
}
 .projekte-detail li {
    margin-left: 0px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: none;
    font: 14px/20px Source Sans Pro;
  }
.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}
 .projekte-detail .buero-links li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
 .projekte-detail .buero-rechts li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
#hauptinhalt .projekte-ubersicht p {
    color:#666;
    
}
#hauptinhalt .projekte-ubersicht h5 {
    color:#000;
    font:14px Source Sans Pro;
    
}
#projekte .rs-column {
	
        margin-top:0px;
}
#projekte .rs-column.-medium-col-3-1 {
	width: 29.3%;
	float:left;
     margin-left: 2%;
        margin-right: 2%;
        margin-bottom:10px;
}

#projekte .rsts-skin-default .rsts-nav{
    position:relative;
    margin-top:20px;
    padding-right:10px;

}



#wettbewerbe {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.wettbewerbe {
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 20px;
    
}

#hauptinhalt .wettbewerbe a
{
	color:#999;
    font:14px Source Sans Pro;
    font-weight:normal;
    
}


#hauptinhalt .wettbewerbe a:hover,
#hauptinhalt .wettbewerbe a:focus {
    
    color:#000;
    font-weight:normal;
}
#hauptinhalt .wettbewerbe-ubersicht p {
    padding-top:10px;
    color:#000;
    
}
#hauptinhalt .wettbewerbe-ubersicht p strong {
    color:#000;
    
}
.image_container {
    width:100%;
    margin:0;
    padding:0;
}

#hauptinhalt .datenschutz p {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:20px;
}
#hauptinhalt .datenschutz h2,
#hauptinhalt .datenschutz h3 {
    text-align:left;
    font:25px Source Sans Pro;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#ff9900;
    font:25px Source Sans Pro;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px Source Sans Pro;
}
#copy-footer {
    width:100%;
        background-color:transparent;
}

#copy {
    width:98%;
    max-width:720px;
    
    
    left:auto;
    right:auto;
    margin-top:140px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding-top:0;
    
    padding-bottom:15px;
    text-align:right;
    z-index:10;
    color: #eee;
}
.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #666;
text-transform: uppercase;
}
#copy a {
    
    font-size:11px;
    color:#666;
    text-decoration: none;
    font-family: Source Sans Pro; 
}
#copy p {
   font-family: Source Sans Pro; 
    padding-right:0px;
    color:#eee;
}

#copy a:hover,
#copy a:focus {
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}

.mail-kontakt{
    width:auto;
    float:right;

}
.impressum{
    width:auto;
    float:left;

}
.insta 

{	width:30px;
	float:right;
    

}
.insta img

{	width:45%;
float:right;
	padding-top:5px;
    padding-right:0px;
    

}
.mail
{	float:left;
    width:auto;

}
.kontaktformular .formbody {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular label {
    width:10em;
    padding-top:10px;
    padding-bottom:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular input {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular select {
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.widget-textarea .textarea {
    width:100%;
    height:10em;
    padding:10px;
    color:#666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-top:20px;
    padding:10px;
    color:#666;
    font:1.5em/1.8em Source Sans Pro;
}
.checkbox_container .checkbox {
    width:25px;
    padding-top:-10;
    padding-right:0;
}
.checkbox_container {
    margin-top:40px;
    margin-bottom:20px;
}
.error {
    color:#f00;
}
#hauptinhalt p.error {
    color:#f00;
}
.cookiebar {
    width:300px;
    height:auto;
    left:0;
    top:18%;
    padding:10px;
    background-color:rgba(2,7,26,.75);
    z-index: 2000;
}
.cookiebar button {
    margin-top:10px;
}
.cookiebar__text {
    font:12px/14px arial;
}
required {
    border:2px solid #f00;
    color:#f00;
}


}


/*
      mobile Version
     */

@media screen and (min-width:600px) and (max-width:768px) {

   /*
      Rollover Image
     */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }
	.sprung { visibility: hidden; height: 0px !important; position: absolute; margin: -200px; }

.projekte-detail .image_container{
pointer-events: none;
        cursor: default;
        text-decoration: none

}



#your_div_id_here1 {
    width:100%;
    height:63px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0;
    background-color:rgba(2,7,26,1);
}
html {
    width:100%;
    
    height:101%;
    background-color:#fff;
}
div.menubutton {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
     
  font-size: 100%
   
}
#navilogo,
section {
    display:block;
}
#main {
    top:130px;
    position:relative;
    background-color:transparent;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:100%;
    pading-right:15px;
    pading-left:15px;
    max-width:750px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    height:auto;
    position:fixed;
     padding-top:25px;
    padding-bottom:20px;
    background-repeat:no-repeat;
    background-color:#fff;
}

* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0;
    position:absolute;
    background-color:rgba(255,255,255,1);
    position:fixed !important;
}

* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}



.logo {
float:right;
clear:right;
padding-top:40px;
padding-right:2%;
padding-bottom:30px;
font-family: verdana;
}
p a {font-size: 1.8em;
     
	

}
p.zentriert a {
color:rgb(249, 151, 6);
text-decoration: none;
line-height: 1.0;
}
#hauptinhalt {
    width:100%;
    max-width:750px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    z-index:10;
    padding-top:80px;
    padding-bottom:10px;
    
}
#hauptinhalt-buero {
    width:100%;
    max-width:750px;
    
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    z-index:10;
    padding-top:0px;
    padding-bottom:0px;
    
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}



#hauptinhalt p, #hauptinhalt-buero p {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#666;
}
#hauptinhalt a, #hauptinhalt-buero a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#000;
}

#hauptinhalt h1, #hauptinhalt-buero h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#070521;
    font:45px Source Sans Pro;
}
#hauptinhalt h2, #hauptinhalt-buero h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
}
#hauptinhalt h3, #hauptinhalt-buero h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
}
#hauptinhalt h4, #hauptinhalt-buero h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#900;
    font:30px Source Sans Pro;
}

#hauptinhalt .hauptinhalt a, #hauptinhalt-buero .hauptinhalt a
{
    font-family:Source Sans Pro;
    color:#ea0a8e;
    padding-left: 4px;
    padding-right: 4px;
}

#hauptinhalt .projekte-ubersicht p {
    color:#666;
    
}
#hauptinhalt .projekte-ubersicht h5 {
    color:#000;
    font:14px Source Sans Pro;
    
}
.block1-chef {
	width: 48%;
	float:left;
	padding-top: 45px;
    padding-bottom: 0px;
    z-index:2;
}
.block2-chef {
	width: 49%;
	padding-top: 20px;
	padding-bottom: 5px;
    
}
.block2 img{
	padding-bottom: 16px;
    
}
.block1-nav {
	width: 50.0%;
	float:left;
	padding-top: 0px;
    padding-bottom: 0px;
    z-index:2;
}
.block {

    padding-bottom: 0px;

}
.block1-nav ul {
margin-top: -5px;
	padding-left: 12px;
    
}
.block2-nav {
	width: 50%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
.buero-links {
	width: 49.0%;
	float:left;
	padding-bottom: 0px;
    z-index:2;
}
.buero-rechts {
	width: 49.0%;
	float:right;
	
    z-index:2;
}
#hauptinhalt-buero .block1-chef a, #hauptinhalt-buero .buero-links a, #hauptinhalt-buero .buero-rechts a {
color:#666;
    
}
#hauptinhalt-buero .block1-chef a:hover, #hauptinhalt-buero .buero-links a:hover, #hauptinhalt-buero .buero-rechts a:hover {
color:#000;
    
}

.buerobild-rechts {
	float:right;
	
}
.buerobild-links {
	float:left;
	
}
.buerobild-links img {
	width: 95.0%;
	padding-left:15px;
	
}
.buerobild-rechts img {
	width: 95.0%;
	padding-left:15px;
	
}
.buero-rechts-bild1 img {
	padding-top:50px; 
}
.abstand {
	width:100%;
	padding-top: 40px;
    
}
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.projekte-detail {
    margin-left: 2%;
        margin-right: 2%;
}
 .projekte-detail li {
    margin-left: 0px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: none;
    font: 14px/20px Source Sans Pro;
  }
.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}
 .projekte-detail .buero-links li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
 .projekte-detail .buero-rechts li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
#projekte .rs-column {
	
        margin-top:0px;
}
#projekte .rs-column.-medium-col-3-1 {
	width: 29.3%;
	float:left;
     margin-left: 2%;
        margin-right: 2%;
        margin-bottom:10px;
}

#projekte .rsts-skin-default .rsts-nav{
    position:relative;
    margin-top:20px;
    padding-right:10px;

}



#wettbewerbe {
    margin-top: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.wettbewerbe {
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 20px;
    
}

#hauptinhalt .wettbewerbe a
{
	color:#999;
    font:14px Source Sans Pro;
    font-weight:normal;
    
}


#hauptinhalt .wettbewerbe a:hover,
#hauptinhalt .wettbewerbe a:focus {
    
    color:#000;
    font-weight:normal;
}
#hauptinhalt .wettbewerbe-ubersicht p {
    padding-top:10px;
    color:#000;
    
}
#hauptinhalt .wettbewerbe-ubersicht p strong {
    color:#000;
    
}
.image_container {
    width:100%;
    margin:0;
    padding:0;
}

#hauptinhalt .datenschutz p {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:20px;
}
#hauptinhalt .datenschutz h2,
#hauptinhalt .datenschutz h3 {
    text-align:left;
    font:25px Source Sans Pro;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#ff9900;
    font:25px Source Sans Pro;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px Source Sans Pro;
}
#copy-footer {
    width:100%;
        background-color:transparent;
}

#copy {
    width:96%;
    max-width:720px;
    
    
    left:auto;
    right:auto;
    margin-top:140px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding-top:0;
    
    text-align:right;
    z-index:10;
    
}
.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #666;
text-transform: uppercase;
}
#copy a {
    font-size:11px;
    color:#666;
    text-decoration: none;
    font-family: Source Sans Pro; 
}
#copy p {
font-family: Source Sans Pro; 
    padding-right:0px;
    color: #eee;
}

#copy a:hover,
#copy a:focus {
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}

.mail-kontakt{
    width:auto;
    float:right;

}
.impressum{
    width:auto;
    float:left;

}
.insta 

{	width:30px;
	float:right;
    

}
.insta img

{	width:45%;
float:right;
	padding-top:3px;
    padding-right:0px;
    

}
.mail
{	float:left;
    width:auto;

}
.kontaktformular .formbody {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular label {
    width:10em;
    padding-top:10px;
    padding-bottom:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular input {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular select {
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.widget-textarea .textarea {
    width:100%;
    height:10em;
    padding:10px;
    color:#666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-top:20px;
    padding:10px;
    color:#666;
    font:1.5em/1.8em Source Sans Pro;
}
.checkbox_container .checkbox {
    width:25px;
    padding-top:-10;
    padding-right:0;
}
.checkbox_container {
    margin-top:40px;
    margin-bottom:20px;
}
.error {
    color:#f00;
}
#hauptinhalt p.error {
    color:#f00;
}
.cookiebar {
    width:300px;
    height:auto;
    left:0;
    top:18%;
    padding:10px;
    background-color:rgba(2,7,26,.75);
    z-index: 2000;
}
.cookiebar button {
    margin-top:10px;
}
.cookiebar__text {
    font:12px/14px arial;
}
required {
    border:2px solid #f00;
    color:#f00;
}


}


@media screen and (max-width:599px) {

   /*
      handy-version
     */
    .figure {
        position: relative;
        width: 360px; /* can be omitted for a regular non-lazy image */
        max-width: 100%;
    }
    .figure img.image-hover {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .2s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }
	.sprung { visibility: hidden; height: 0px !important; position: absolute; margin: -200px; }
	
.projekte-detail .image_container{
pointer-events: none;
        cursor: default;
        text-decoration: none

}



#your_div_id_here {
    width:100%;
    height:110px;
    left:0;
    top:0;
    position:fixed;
    display:none;
    padding:0;
    background-color:#fff;
}
html {
    width:100%;
    
    height:101%;
    background-color:#fff;
}

div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
     
  font-size: 100%
   
}
#navilogo,
section {
    display:block;
}
#main {
    top:130px;
    position:relative;
    background-color:transparent;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:94%;
    pading-right:0%;
    pading-left:0%;
    max-width:600px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:100%;
    height:auto;
    position:fixed;
    padding-top:0px;
    padding-bottom:5px;
    background-repeat:no-repeat;
    background-color:#fff;
}

* html #navilogo {
    top:expression(auto);
}
.fixed-navi {
    top:0;
    position:absolute;
    background-color:#fff;
    position:fixed !important;
}

* html .fixed-navi {
    top:expression(documentElement.scrollTop);
}



.logo {

padding-top:30px;
padding-bottom:5px;
font-family: verdana;
}
p a {font-size: 1.8em;
     
	

}
p.zentriert a {
color:rgb(249, 151, 6);
text-decoration: none;

}
#hauptinhalt {
    width:94%;
    max-width:600px;
    pading-right:0%;
    pading-left:0%;
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:0px;
    padding-bottom:50px;
    
}
#hauptinhalt-buero {
    width:94%;
    max-width:599px;
    pading-right:0%;
    pading-left:0%;
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    
    padding-top:0px;
    padding-bottom:0px;
    
}

.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px Source Sans Pro;
}



#hauptinhalt p, #hauptinhalt-buero p {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#666;
}
#hauptinhalt a, #hauptinhalt-buero a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px Source Sans Pro;
    color:#000;
}

#hauptinhalt h1, #hauptinhalt-buero h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#070521;
    font:45px Source Sans Pro;
}
#hauptinhalt h2, #hauptinhalt-buero h2 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:center;
    color:#ff9900;
    font:30px Source Sans Pro;
}
#hauptinhalt h3, #hauptinhalt-buero h3 {
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
    color:#000;
    font:25px Source Sans Pro;
}
#hauptinhalt h4, #hauptinhalt-buero h4 {
    padding-top:10px;
    padding-bottom:20px;
    color:#900;
    font:30px Source Sans Pro;
}

#hauptinhalt .hauptinhalt a, #hauptinhalt-buero .hauptinhalt a
{
    font-family:Source Sans Pro;
    color:#ea0a8e;
    padding-left: 4px;
    padding-right: 4px;
}
.block1-chef {
	width: 100%;
	padding-top: 30px;
    padding-bottom: 5px;
    z-index:2;
}
.block1 {
	width: 100%;
	padding:0px;
    
}
.block2 {
	width: 100%;
	padding:0px;
    
}
.block2 img{
	padding-bottom: 18px;
    
}
.block2-chef {
	width: 99%;
	padding-top: 20px;
	padding-bottom: 5px;
    
}
.block1-nav {
	width: 99%;
	float:left;
	padding-top: 0px;
    padding-bottom: 0px;
    z-index:2;
}
.block1-nav ul {
margin-top: -5px;

    
}
.block2-nav {
	width: 99%;
	
	float:right;
	padding-top: 50px;
	padding-bottom: 0px;
    
}
.block {

    padding-bottom: 0px;

}
.buero-links {
	width: 99%;
	float:left;
	padding-bottom: 0px;
    z-index:2;
}
.buero-rechts {
	width: 100%;
	float:right;
	padding-top:10px;
    z-index:2;
}
#hauptinhalt-buero .block1-chef a, #hauptinhalt-buero .buero-links a, #hauptinhalt-buero .buero-rechts a {
color:#666;
    
}
#hauptinhalt-buero .block1-chef a:hover, #hauptinhalt-buero .buero-links a:hover, #hauptinhalt-buero .buero-rechts a:hover {
color:#000;
    
}

.buerobild-rechts {
	float:right;
	
}
.buerobild-links {
	float:left;
	
}
.abstand {
	width:100%;
	padding-top: 30px;
    
}
.buero-rechts img {
	width:100%;
	float:left;
padding-left: 0px;
margin-left: 0px;	
margin-bottom:50px;
}


#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#hauptinhalt .projekte-ubersicht p {
    color:#666;
    
}
#hauptinhalt .projekte-ubersicht h5 {
    color:#000;
    font:14px Source Sans Pro;
    
}

#projekte .rs-column.-large-col-4-1
{
    width: 46.0%;
    padding:0;
    margin-top:0px;
   margin-bottom:10px;
    background-color:#fff;
    
}
#projekte .rs-column {
    float: left;
    width: 100%;
    
}

#projekte .rsts-skin-default .rsts-nav{
    position:relative;
    margin-top:20px;
    padding-right:10px;

}
 .projekte-detail li {
    margin-left: 0px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: none;
    font: 14px/20px Source Sans Pro;
  }

 .projekte-detail .buero-links li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }
 .projekte-detail .buero-rechts li {
    margin-left: 40px;
    font-size: 22px;
    color: #6b6a6a;
    list-style-type: square;
    font: 14px/20px Source Sans Pro;
  }

#wettbewerbe {
    margin-top: 0;
    margin-bottom: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    
}
.wettbewerbe {
    
    padding-bottom: 20px;
    
}

#hauptinhalt .wettbewerbe a
{
	color:#999;
    font:14px Source Sans Pro;
    font-weight:normal;
    
}


#hauptinhalt .wettbewerbe a:hover,
#hauptinhalt .wettbewerbe a:focus {
    
    color:#000;
    font-weight:normal;
}
#hauptinhalt .wettbewerbe-ubersicht p {
    padding-top:10px;
    color:#000;
    
}
#hauptinhalt .wettbewerbe-ubersicht p strong {
    color:#000;
    
}
.image_container {
    width:100%;
    margin:0;
    padding:0;
}

#hauptinhalt .datenschutz p {
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    font-size:20px;
}
#hauptinhalt .datenschutz h2,
#hauptinhalt .datenschutz h3 {
    text-align:left;
    font:25px Source Sans Pro;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#ff9900;
    font:25px Source Sans Pro;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px Source Sans Pro;
}

#copy-footer {
    width:100%;
    background-color:transparent;
}

#copy {
    width:94%;
    max-width:600px;
    pading-right:0%;
    pading-left:0%;
    left:auto;
    right:auto;
    margin-top:80px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding-top:0px;
    
    text-align:right;
    
    
}


.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #666;
text-transform: uppercase;
}

#copy a {
    font-family: Source Sans Pro; 
    font-size:10px;
    color:#666;
    text-decoration: none;
    
}
#copy p {
padding-top:5px;
    padding-right:0px;
    color: #eee;
    font-family: Source Sans Pro; 
}

#copy a:hover,
#copy a:focus {
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}

.mail-kontakt{
    width:auto;
    float:right;
font-size:10px;
}
.impressum{
    width:auto;
    float:left;
    
font-size:10px;
}
.insta 

{	width:30px;
	float:right;
    

}
.insta img

{	width:45%;
float:right;
	padding-top:3px;
    padding-right:0px;
    

}
.mail
{	float:left;
padding-top:4px;
    width:auto;

}
.kontaktformular .formbody {
    width:80%;
    margin-right:auto;
    margin-left:auto;
    padding-right:10px;
    padding-left:10px;
}
.kontaktformular label {
    width:10em;
    padding-top:10px;
    padding-bottom:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular input {
    width:100%;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular select {
    width:auto;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:10px;
    color:#696666;
    font:18px/24px Source Sans Pro;
}
.widget-textarea .textarea {
    width:100%;
    height:10em;
    padding:10px;
    color:#666;
    font:18px/24px Source Sans Pro;
}
.kontaktformular .widget-submit .submit {
    width:25%;
    margin-top:20px;
    padding:10px;
    color:#666;
    font:1.5em/1.8em Source Sans Pro;
}
.checkbox_container .checkbox {
    width:25px;
    padding-top:-10;
    padding-right:0;
}
.checkbox_container {
    margin-top:40px;
    margin-bottom:20px;
}
.error {
    color:#f00;
}
#hauptinhalt p.error {
    color:#f00;
}
.cookiebar {
    width:300px;
    height:auto;
    left:0;
    top:18%;
    padding:10px;
    background-color:rgba(2,7,26,.75);
    z-index: 2000;
}
.cookiebar button {
    margin-top:10px;
}
.cookiebar__text {
    font:12px/14px Source Sans Pro;
}
required {
    border:2px solid #f00;
    color:#f00;
}
.rsts-skin-default .rsts-nav-bullets a {
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin: 12px 4px;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    outline: none;
    text-align: left;
    text-indent: -999px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: rgb(249, 151, 6);
    /* -webkit-box-shadow: inset 0 2px 0 -1px rgb(255 255 255 / 50%), inset 0 -2px 0 -1px rgb(0 0 0 / 30%), 0 0 0 1px #555; */
    box-shadow: inset 0 0 0 0, inset 0 0 0 0 , 0 0 0 0;
}
.rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover, .rsts-skin-default .rsts-video-play:hover, .rsts-skin-default .rsts-video-stop:hover, .rsts-skin-default .rsts-thumbs-prev:hover, .rsts-skin-default .rsts-thumbs-next:hover {
    background-color: transparent;
    
    
}
.rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop, .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next {
    background-image: url("../../files/dateien-wwg/bilder/left.png");
    background-size: 30px,30px;
    border:0;
    -webkit-box-shadow: 0 0 0;
}
.rsts-skin-default .rsts-next, .rsts-skin-default .rsts-video-play, .rsts-skin-default .rsts-video-stop, .rsts-skin-default .rsts-thumbs-prev, .rsts-skin-default .rsts-thumbs-next {
    background-image: url("../../files/dateien-wwg/bilder/right.png");
    border:0;
    -webkit-box-shadow: 0 0 0;
    background-size: 30px,30px;
}

}
@media only screen
  and (width: 1024px) 
  and (height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	
  	  /*
      IPAD PRO Hochformat
     */

  #hauptinhalt {
  width: 100%;
  max-width: 986px;
  left: auto;
  right: auto;
  top: 0;
  position: relative;
  clear: both;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 80px;
  padding-bottom: 10px;
  z-index: 10;
}
 .rs-column {
    margin-top: 0%;
    margin-right: 0%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
   
    margin-right: 2%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: 2%;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }


#projekte .rs-column {
	
        margin-top:0px;
}
#projekte .rs-column.-medium-col-4-1 {
	width: 0%;
	float:left;
     margin-left: 0%;
        margin-right: 0%;
        margin-bottom:0px;
}
#projekte .rs-column.-medium-col-3-1 {
	width: 29.3%;
	float:left;
     margin-left: 2%;
        margin-right: 2%;
        margin-bottom:30px;
}
}
@media screen and (max-width:599px) {
	#header .mod_navigation a,
#header .mod_navigation span {
    padding-right:0px;
    padding-left:0px;
    
    
    text-decoration:none;
}
#header .mod_navigation .active
 {
    padding-right:0px;
    padding-bottom:0;
    padding-left:0px;
    
    font-weight:normal;
    color:#000;
}
#header .mod_navigation .trail
 {
    
    
    font-weight:normal;
    color:#000;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    font-family:verdana;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation li a {
    
    padding-top:0px;
    color:#999;
   text-align:right;
}	

#header .level_1 .active {
    
    padding-top:0px;
    padding-bottom:0px;
}

#header ul.level_1 {
       text-align:right;
       padding-right:0px;
}
#header ul.level_2 {
       text-align:right;
       margin-top:10px;
}
#header .level_2 .active {
    font-size:10px;
    padding-top:4px;
    padding-bottom:0px;
}
#header .level_2 .last {
    padding-top:4px;
    
}	

	
div.menubutton {
    right:2.8%;
    position:absolute;
    display:block;
    top:26px;
    font-size:1.5rem;
    z-index: 10;
}

div.menubutton a {
    display:block;
    padding-top:5px;
    padding-bottom:0rem;
    
    text-decoration:none;
    color:#000;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
div.menubutton a.shownav:after {
    font-size:.0rem;
   
}
div.menubutton a.hidenav:after {
    font-size:.0rem;
    
}
div.menubutton a.hidenav{
    display:none;
}

nav.mod_navigation {
    
    margin:0;
    padding-left:0px;
    float:right;
    background-color: #fff;
    transition: 2s;
}
nav.mod_navigation ul.level_1 {
    margin-top:0px;
    margin-right:0;
    margin-bottom:20px;
    padding:0;
}
nav.mod_navigation li a,
nav.mod_navigation li span {
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    
}
nav.mod_navigation a:hover,
nav.mod_navigation a:focus {
    text-decoration:underline;
}
#header nav.mod_navigation {
    max-height:0;
}
#menu:target nav.mod_navigation {
    max-height:60rem;
}
#menu:target a.shownav {
    display:none;
}
#menu:target a.hidenav {
    display:block;
}
}
@media screen and (min-width:901px) {
#header .mod_navigation {
    width:100%;
    height:auto;
    float:left;
    margin:0;
    padding:0;
    background-position:left bottom;
    background-repeat:repeat;
}
#subnav {
    width:100%;
    height:auto;
    float:left;
    margin:0;
    padding:0;
    background-position:left bottom;
    background-repeat:repeat;
}
#header .navi, #subnav.navi {
    width:auto;
    height:auto;
    margin-top:10px;
    padding-top:0;
    padding-left:12px;
}
#header li, #subnav li {
    float:left;
    font:14px Source Sans Pro;
    list-style-type:none;
    padding-right:9px;
    padding-left:0px;
}
.mod_navigation li.first {
    border-left:0px solid #89adcd;
    
}
#header .mod_navigation a,
#header .mod_navigation span, #subnav a, #subnav span {
    
    font-family:Source Sans Pro;
    text-decoration:none;
}
#header .mod_navigation .active, #subnav .active
 {
    
    padding-bottom:0;
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation .trail, #subnav .trail
 {
    
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation li a:hover, #header .mod_navigation li a:focus{
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#subnav li span:hover{
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .level_1 li a, #subnav .level_1 li a  {
    color:#666;
    
}
#header .level_2
{
	
	margin-top: 10px;
    margin-left: -228px;
    font-family:Source Sans Pro;
    text-decoration:none;
}
}
@media screen and (min-width:600px) and (max-width:900px) 
	{
#header .mod_navigation {
    width:100%;
    height:auto;
    float:left;
    margin:0;
    padding:0;
    background-position:left bottom;
    background-repeat:repeat;
}
#header .navi {
    width:auto;
    height:auto;
    margin-top:10px;
    padding-top:0;
    padding-left:15px;
}
#header li {
    float:left;
    font:14px Source Sans Pro;
    list-style-type:none;
    padding-right:9px;
    padding-left:0px;
}

.mod_navigation li.first {
    border-left:0px solid #89adcd;
    
}
#header .mod_navigation a,
#header .mod_navigation span, #subnav a, #subnav span {
    
    font-family:Source Sans Pro;
    text-decoration:none;
}
#header .mod_navigation .active
 {
    
    padding-bottom:0;
    
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#subnav .active
 {
    
    color:#000;
}
#header .mod_navigation .trail, #subnav .trail
 {
    
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#subnav li span:hover{
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .level_1 li a {
    color:#666;
}
#subnav .level_1 li a  {
    color:#666;
}
#header .level_2
{
	
	margin-top: 10px;
    margin-left: -228px;
    font-family:Source Sans Pro;
    text-decoration:none;
}


}
@media screen and (max-width:599px) 
	{

#header .mod_navigation {
    width:100%;
    height:auto;
    float:left;
    margin:0;
    padding:0;
    background-position:left bottom;
    background-repeat:repeat;
}
#subnav {
    width:100%;
    height:auto;
    float:left;
    margin-left:0px;
    margin-bottom:20px;
    padding:0;
    background-position:left bottom;
    background-repeat:repeat;
}
#header .navi, #subnav.navi {
    width:auto;
    height:auto;
    margin-top:10px;
    padding-top:0;
    padding-right:12px;
}
#header li, #subnav li {
    float:left;
    padding-right:9px;
    padding-left:0px;
    font:14px Source Sans Pro;
    list-style-type:none;
}
.mod_navigation li.first {
    border-left:0px solid #89adcd;
    
}
#header .mod_navigation a,
#header .mod_navigation span, #subnav a, #subnav span {
    
    font-family:Source Sans Pro;
    text-decoration:none;
}
#header .mod_navigation .active
 {
    
    padding-bottom: 0px;
    padding-right:5px;
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#subnav .active
 {
    
    padding-bottom:0;
    padding-right:9px;
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation .trail, #subnav .trail
 {
    
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .mod_navigation li a:hover, #header .mod_navigation li a:focus{
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#subnav li span:hover{
    font-family:Source Sans Pro;
    font-weight:normal;
    color:#000;
}
#header .level_1 li a, #subnav .level_1 li a  {
    color:#666;
}
#header .level_2
{
	
	margin-top: 10px;
    margin-left: -228px;
    font-family:verdana;
    text-decoration:none;
}
}