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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%;
  }
}






#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 helvetica;
    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:100%;
    font-family:inherit;
    font-weight:inherit;
}
pre,
code {
    font:12px helvetica;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
    font:helvetica;
}


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: "LigatureSymbols";
                        src: url("../../files/ringwald-gmbh/fonts/LigatureSymbols-2.11.eot");
                        src: url("../../files/ringwald-gmbh/fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
                             url("../../files/ringwald-gmbh/fonts/LigatureSymbols-2.11.woff") format("woff"),
                             url("../../files/ringwald-gmbh/fonts/LigatureSymbols-2.11.ttf") format("truetype"),
                             url("../../files/ringwald-gmbh/fonts/LigatureSymbols-2.11.svg#ralewayregular") format("svg");
                        font-weight: normal;
                        font-style: normal;
}

.lsf,
.lsf-icon:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}
.lsf,
.lsf-icon:before {
    content:attr(title);
      margin-right:0.3em;
      font-size:100%;
}
.lsf-icon nav.inst-- .last:before {
    content: '\E155';
}


.back-to-top:before {
    content: '\E135';
}
.back-to-top {
    background-color:rgba(201,4,4,.85);
    position: fixed;
     bottom:80px;
     right:20px;
        text-align: center;
            width: 50px;
            height: 50px;
            text-align: center;
            border-radius: 25px;
     z-index: 100;
}
a.back-to-top {
    color: #fff;
    font: 32px pt_sansregular;
}







@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; }

.block {overflow: inherit !important;}

#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;
     font-family: helvetica;
}

div.menubutton {
    display:none;
}
.mobil-navi {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0 ;
    padding:0;
}
body {
    width:100%;
    
    margin:0;
    font-family: helvetica; 
   
}
#navilogo,
section {
    display:block;
}
#main {
	width:98%;
    top:165px;
    position:relative;
    padding:0 1% 0 1%;
    background-color:#fff;
}
#header-nav {
    width:100%;
    top:0;
    position:relative;
    z-index:1000;
}
#headerbereich {
    width:98%;
    padding:0 1% 0 1%;
    max-width:1720px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:98%;
    position:relative;
    height:auto;
    position:fixed;
     padding:10px 1% 10px 1%;
    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:left;
clear:left;
padding-left:1%;
padding-top:10px;
padding-right:1%;
padding-bottom:20px;

}


#hauptinhalt {
    width:98%;
    max-width:1720px;
    left:auto;
    right:auto;
    top:0;
    position:relative;
    clear:both;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
    padding:40px 1% 10px 1%;
    
    z-index:10;
    
}

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



#hauptinhalt p {
    padding-right:0px;
    padding-left:0px;
    color:#999;
    font:14px helvetica;
   
    
}
#hauptinhalt a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
   
    
}
#hauptinhalt a
{
        color:#145b9a;
    
}
#hauptinhalt a:hover
{
        color:#000;
    
}
 .hauptinhalt a
{
        color:#666;
    padding-left: 4px;
    padding-right: 4px;
    font-family:helvetica;
}

#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:45px helvetica;
    
}
#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    
    color:#145b9a;
    font:25px helvetica;
   
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt .hauptinhalt h3 {
    color:#666;
    
}
#hauptinhalt h4 {
    font:14px helvetica;
    
}
#hauptinhalt h5 {
    font:12px helvetica;
    
}


#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#projekt-bilder-hover  {
    display:block;
    width:100%;
}

.projekt-bilder p {
    padding-bottom: 20px;
}
.projekt-bilder  {
    padding-bottom: 20px;
}
.projekt-bilder a:hover .project-title {
    color: #145b9a;
    font-weight: normal;
}
.project-title {

color: #666;
font: 15px helvetica;
}
.project-meta {

color: #999;
font: 11px helvetica;
}

.projekte-detail {
	width: 98.0%;
    margin-left: 1%;
        margin-right: 1%;
        display: flex;
  flex-direction: row; /* Standardwert */
}

.block1 {
	width: 28%;
	margin-right:15.4%;
	float:left;
	clear:left;
    max-width:650px;
position:relative;
    
    
}
#hauptinhalt .projekttext p strong {
	color: #145b9a;
}
#hauptinhalt .projekttext p.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p.www a {
	color: #999;
}
#hauptinhalt .projekttext p.www a:hover {
	color: #000;
}
#hauptinhalt .projekttext p span.bold {
	color: #2b2b2a;
}
.projekttext {
width:100%;
position: -webkit-sticky;
  position: sticky;
  top: -150px;

		background:#fff;
	
  }

#hauptinhalt .projekttext p {
    
    font:14px/20px helvetica;
   
    
} 
div.projektliste {
position:absolute;
  bottom: 0;

	
	}


.block2 {
	width: 56.6%;
	float:right;
	clear: right;

}
.block2 img{
	padding-bottom: 16px;
    
}
 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;
    
}
.aktuell  {
	
	padding-left: 1%;
  }
.aktuell img {
	width: 50.0%;
	padding-bottom: 20px;
  }

.aktuell h3{
    
    color:#999;
    font:12px helvetica;
    letter-spacing: 1px;
   }
.aktuell h4{
    font:16px helvetica;
    color:#575756;
    margin-bottom: 15px;
    letter-spacing: 1px;
   }
   .aktuell h5{
    font:12px helvetica;
    color:#999;
    
   }
.abstand {
	width:100%;
	padding-top: 50px;
    
}

#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;

}




.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 helvetica;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px helvetica;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}



.slider-prev,
.slider-next {
    margin-top:-15px;
    font-weight:bold;
    color:#900;
    font:65px/40px helvetica;
}
#footer {
    width:98%;
    padding:0 1% 0 1%;
    
        background-color:transparent;
        z-index:-1;
}
#copy-footer {
    
        background-color:transparent;
        z-index:-2;
}

#copy {
    width:100%;
    
    max-width:1720px;
    left:auto;
    right:auto;
    margin:40px auto 40px auto;
    
    
    color: #eee;
    
}
.innen{
    padding-bottom:20px;
    border-top: 1px solid #666;
	color: #999;

text-transform: uppercase;
}
#copy a {
    padding-right:5px;
    font: 12px helvetica; 
    color:#999;
    text-decoration: none;
      
    
}
#copy p {
padding-left:2%;
padding-top:2px;
    padding-right:40px;
    padding-bottom:40px;
    color:#999;
    
    font: 12px helvetica;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#145b9a;
}
#copy .copyright p {

width: auto;
padding-left:20px;
    
}
#copy .copy-link  {

width: auto;
padding-right:15px;
}
.copyright {
    
    float:left;
    clear:left;
    
}
.copy-link {
    
    float:right;
    clear:right;
    
}

}

/*
      PAD Version
     */


@media screen and (min-width:901px) and (max-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; }
	.block {overflow: inherit !important;}
#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;
}
.mobil-navi {
    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:165px;
    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:left;
clear:left;
padding-left:1%;
padding-top:10px;
padding-right:1%;
padding-bottom:20px;

}

#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:30px;
    padding-bottom:10px;
    z-index:10;
}
#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:35px helvetica;
    
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt .hauptinhalt h3 {
    color:#666;
    
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px helvetica;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px helvetica;
}



#hauptinhalt p  {
    padding-right:0px;
    padding-left:0px;
   
    font:14px helvetica;
    color:#999;
}

#hauptinhalt a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
  
}
#hauptinhalt a
{
        color:#145b9a;
    
}
#hauptinhalt a:hover
{
        color:#000;
    
}
#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    
    color:#145b9a;
    font:25px helvetica;
   
}
.projekte-detail {
	width: 98.0%;
    margin-left: 1%;
        margin-right: 1%;
        display: flex;
  flex-direction: row; /* Standardwert */
}
.block1 {
	width: 28%;
	margin-right:15.4%;
	float:left;
	clear:left;
    max-width:650px;
position:relative;
    
    
}
.projekttext {
width:100%;
position: -webkit-sticky;
  position: sticky;
  top: -150px;

		background:#fff;
	
  }

 
div.projektliste {
position:absolute;
  bottom: 0;

	
	}
.block2 {
	width: 56.6%;
	float:right;
	clear: right;

}


.abstand {
	width:100%;
	padding-top: 50px;
    
}
.block2 img{
	padding-bottom: 16px;
    
}
.aktuell  {
	
	padding-left: 1%;
  }
.aktuell img {
	width: 80.0%;
	padding-bottom: 20px;
  }

.aktuell h3{
    
    color:#999;
    font:12px helvetica;
    letter-spacing: 1px;
   }
.aktuell h4{
    font:16px helvetica;
    color:#575756;
    margin-bottom: 15px;
    letter-spacing: 1px;
   }
   .aktuell h5{
    font:12px helvetica;
    color:#999;
    
   }
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#projekt-bilder-hover  {
    display:block;
    width:100%;
}
#hauptinhalt .projekttext p {
    
    font:14px/20px helvetica;
   
    
} 
#hauptinhalt .projekttext p strong {
	color: #145b9a;
}
#hauptinhalt .projekttext p.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p span.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p.www a {
	color: #999;
}
#hauptinhalt .projekttext p.www a:hover {
	color: #000;
}
.projekt-bilder p {
    padding-bottom: 20px;
}
.projekt-bilder  {
    padding-bottom: 20px;
}
.projekt-bilder a:hover .project-title {
    color: #145b9a;
    font-weight: normal;
}
.project-title {

color: #666;
font: 15px helvetica;
}
.project-meta {

color: #999;
font: 11px helvetica;
}


.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}




#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;

}




.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 helvetica;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px helvetica;
}


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

#copy {
    width:98%;
    max-width:950px;
    
    
    left:auto;
    right:auto;
    margin-top:40px;
    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 {
    padding-right:5px;
    font-size:12px;
    color:#999;
    text-decoration: none;
    font-family: helvetica;   
    
}
#copy p {
padding-left:2%;
    padding-right:30px;
    padding-bottom:40px;
    color:#999;
    font-size:12px;
    font-family: helvetica;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#145b9a;
}
#copy .copyright p {

width: auto;
padding-left:0px;
    
}
#copy .copy-link  {

width: auto;
padding-right:0px;
}
.copyright {
    
    float:left;
    clear:left;
    
}
.copy-link {
    
    float:right;
    clear:right;
    
}


}
/*
      mobile Version
     */

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

   /*
      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; }
.block {overflow: inherit !important;}


#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;
}
.mobil-navi {
    display:none;
}
div.backLink a {
    display:none;
}
#wrapper {
    width:100%;
    
    margin:0;
    padding:0;
}
body {
    width:100%;
    margin:0;
     font-family: helvetica;
  font-size: 100%
   
}
#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:15px;
    pading-left:15px;
    max-width:750px;
    left:auto;
    right:auto;
    margin-right:auto;
    margin-left:auto;
}
#navilogo {
    width:98%;
    padding-left:2%;
    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:left;
clear:left;
padding-left:1%;
padding-top:10px;
padding-right:1%;
padding-bottom:20px;

}

#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:30px;
    padding-bottom:10px;
    z-index:10;
}
#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:35px helvetica;
    
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px helvetica;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px helvetica;
}



#hauptinhalt p {
    padding-right:0px;
    padding-left:0px;
    
    font:14px helvetica;
    color:#999;
}

#hauptinhalt a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
    
}
#hauptinhalt a
{
        color:#145b9a;
    
}
#hauptinhalt a:hover
{
        color:#000;
    
}
#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    
    color:#145b9a;
    font:20px helvetica;
   
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt .hauptinhalt h3 {
    color:#666;
    
}
.block1 {
	width: 28%;
	margin-right:15.4%;
	float:left;
	clear:left;
    max-width:650px;
position:relative;
    
    
}
.projekte-detail {
	width: 98.0%;
    margin-left: 1%;
        margin-right: 1%;
        display: flex;
  flex-direction: row; /* Standardwert */
}
.projekttext {
width:100%;
position: -webkit-sticky;
  position: sticky;
  top: -150px;

		background:#fff;
	
  }

 
div.projektliste {
position:absolute;
  bottom: 0;

	
	}
.block2 {
	width: 56.6%;
	float:right;
	clear: right;

}

.block2 img{
	padding-bottom: 16px;
    
}


.block {

    padding-bottom: 0px;

}


.abstand {
	width:100%;
	padding-top: 50px;
    
}

.aktuell  {
	
	padding-left: 2%;
  }
.aktuell img {
	width: 80.0%;
	padding-bottom: 20px;
  }

.aktuell h3{
    
    color:#999;
    font:12px helvetica;
    letter-spacing: 1px;
   }
.aktuell h4{
    font:16px helvetica;
    color:#575756;
    margin-bottom: 15px;
    letter-spacing: 1px;
   }
   .aktuell h5{
    font:12px helvetica;
    color:#999;
    
   }
#projekte {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#projekt-bilder-hover  {
    display:block;
    width:100%;
}
#hauptinhalt .projekttext p strong {
	color: #145b9a;
}
#hauptinhalt .projekttext p.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p span.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p.www a {
	color: #999;
}
#hauptinhalt .projekttext p.www a:hover {
	color: #000;
}
#hauptinhalt .projekttext p {
    
    font:14px/20px helvetica;
   
    
} 
.projekt-bilder p {
    padding-bottom: 20px;
}
.projekt-bilder  {
    padding-bottom: 20px;
}
.projekt-bilder a:hover .project-title {
    color: #145b9a;
    font-weight: normal;
}
.project-title {

color: #666;
font: 15px helvetica;
}
.project-meta {

color: #999;
font: 11px helvetica;
}


.projekte {
    margin-left: 1%;
        margin-right: 1%;
    padding-bottom: 20px;
    
}

#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;

}




.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 helvetica;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px helvetica;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}

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

#copy {
    width:98%;
    max-width:750px;
    
    
    left:auto;
    right:auto;
    margin-top:40px;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
    padding-top:0;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom:15px;
    text-align:right;
    z-index:10;
    color: #eee;
}

#copy a {
    padding-right:5px;
    font-size:12px;
    color:#999;
    text-decoration: none;
    font-family: helvetica;   
    
}
#copy p {

    padding-bottom:40px;
    color:#999;
    font-size:12px;
    font-family: helvetica;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#145b9a;
}
#copy .copyright p {


padding-left:0px;
    
}
#copy .copy-link  {

width: auto;
padding-right:0px;
}
.copyright {
    
    float:left;
    clear:left;
    
}
.copy-link {
    
    float:right;
    clear:right;
    
}


}


/*
      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;
}
.mobil-navi {
    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:185px;
    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:99%;
    padding-left:1%;
    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:left;
clear:left;
padding-left:1%;
padding-top:10px;
padding-right:1%;
padding-bottom:20px;

}

#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:30px;
    padding-bottom:10px;
    
}
#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:28px helvetica;
    
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt .hauptinhalt h3 {
    color:#666;
    
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px helvetica;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px helvetica;
}



#hauptinhalt p {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
    color:#999;
}

#hauptinhalt a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
    
}
#hauptinhalt a
{
        color:#145b9a;
    
}
#hauptinhalt a:hover
{
        color:#000;
    
}

#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    
    color:#145b9a;
    font:20px helvetica;
   
}


.block2 img{
	padding-bottom: 16px;
    
}

.block {

    padding-bottom: 0px;

}


.aktuell  {
	
	padding-left: 2%;
  }
.aktuell img {
	width: 80.0%;
	padding-bottom: 20px;
  }

.aktuell h3{
    
    color:#999;
    font:12px helvetica;
    letter-spacing: 1px;
   }
.aktuell h4{
    font:16px helvetica;
    color:#575756;
    margin-bottom: 15px;
    letter-spacing: 1px;
   }
   .aktuell h5{
    font:12px helvetica;
    color:#999;
    
   }
.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%;
}

#projekt-bilder-hover  {
    display:block;
    width:100%;
}
#hauptinhalt .projekttext p {
    
    font:14px/20px helvetica;
   
    
} 
#hauptinhalt .projekttext p strong {
	color: #145b9a;
}
#hauptinhalt .projekttext p.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p span.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p.www a {
	color: #999;
}
#hauptinhalt .projekttext p.www a:hover {
	color: #000;
}
.projekt-bilder p {
    padding-bottom: 20px;
}
.projekt-bilder  {
    padding-bottom: 20px;
}
.projekt-bilder a:hover .project-title {
    color: #145b9a;
    font-weight: normal;
}
.project-title {

color: #666;
font: 15px helvetica;
}
.project-meta {

color: #999;
font: 11px helvetica;
}

#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;

}




.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 helvetica;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px helvetica;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}

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

#copy {
    width:96%;
    max-width:720px;
    
    
    left:auto;
    right:auto;
    margin-top:40px;
    margin-right:auto;
    margin-bottom:20px;
    margin-left:auto;
    padding-top:0;
    
    text-align:right;
    z-index:10;
    
}

#copy a {
    padding-right:5px;
    font-size:12px;
    color:#999;
    text-decoration: none;
    font-family: helvetica;   
    
}
#copy p {
padding-left:2%;
	padding-top:4px;
    padding-right:30px;
    padding-bottom:40px;
    color:#999;
    font-size:12px;
    font-family: helvetica;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#145b9a;
}
#copy .copyright p {

width: auto;
padding-left:0px;
    
}
#copy .copy-link  {

width: auto;
padding-right:0px;
}
.copyright {
    
    float:left;
    clear:left;
    
}
.copy-link {
    
    float:right;
    clear:right;
    
}


}


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

   /*
      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;
}
.desktop-navi {
    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: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 {
width:80%;
padding-top:30px;
padding-bottom:5px;
font-family: helvetica;
}

#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:20px;
    
}
#hauptinhalt h1 {
    padding-top:20px;
    padding-bottom:20px;
    text-align:left;
    color:#000;
    font:28px helvetica;
    
}
.hauptinhalt li {
    margin-left:40px;
    font-size:22px;
    color:#6b6a6a;
    list-style-type:square;
    font:18px/24px helvetica;
}
.hauptinhalt li a {
    text-decoration:underline;
    list-style-type:square;
    font:18px/24px helvetica;
}



#hauptinhalt p {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
    color:#999;
}

#hauptinhalt a {
    padding-right:0px;
    padding-left:0px;
    text-align:justify;
    font:14px helvetica;
    
}
#hauptinhalt a
{
        color:#145b9a;
    
}
#hauptinhalt a:hover
{
        color:#000;
    
}
#hauptinhalt h2 {
    padding-top:20px;
    padding-bottom:20px;
    
    color:#145b9a;
    font:18px helvetica;
   
}
#hauptinhalt h3 {
    font-family:helvetica;
    
}
#hauptinhalt .hauptinhalt h3 {
    color:#666;
    
}
.block2 img{
	padding-bottom: 18px;
    
}


.block {

    padding-bottom: 0px;

}

.abstand {
	width:100%;
	padding-top: 0px;
    
}
.aktuell  {
	
	padding-left: 1%;
  }
.aktuell img {
	width: 100%;
	padding-bottom: 5px;
  }

.aktuell h3{
    
    color:#999;
    font:12px helvetica;
    letter-spacing: 1px;
   }
.aktuell h4{
    font:16px helvetica;
    color:#575756;
    margin-bottom: 15px;
    letter-spacing: 1px;
   }
   .aktuell h5{
    font:12px helvetica;
    color:#999;
    
   }


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

#hauptinhalt .projekttext p strong {
	color: #145b9a;
}
#hauptinhalt .projekttext p.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p span.bold {
	color: #2b2b2a;
}
#hauptinhalt .projekttext p.www a {
	color: #999;
}
#hauptinhalt .projekttext p.www a:hover {
	color: #000;
}
#hauptinhalt .projekttext p {
    
    font:14px/20px helvetica;
   
    
} 
.projekt-bilder p {
    padding-bottom: 20px;
}
.projekt-bilder  {
    padding-bottom: 20px;
}
.projekt-bilder a:hover .project-title {
    color: #145b9a;
    font-weight: normal;
}
.project-title {

color: #666;
font: 15px helvetica;
}
.project-meta {

color: #999;
font: 11px helvetica;
}




#projekte .rs-column.-large-col-4-1
{
    width: 100%;
    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;

}





.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 helvetica;
}
#hauptinhalt .datenschutz h2 {
    padding-top:20px;
    text-align:left;
    color:#787777;
    font:25px helvetica;
}
#hauptinhalt .kontaktformular h3,
#hauptinhalt .kontaktformular p {
    text-align:left;
}


#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:20px;
    margin-right:auto;
    margin-bottom:0px;
    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 {
    padding-right:5px;
    font-size:12px;
    color:#999;
    text-decoration: none;
    font-family: helvetica;   
    
}
#copy p {
padding-left:2%;
padding-top:4px;
    padding-right:30px;
    padding-bottom:40px;
    color:#999;
    font-size:12px;
    font-family: helvetica;   
}

#copy a:hover,
#copy a:focus {
    
    font-weight:normal;
    color:#145b9a;
}
#copy .copyright p {

width: auto;
padding-left:0px;
    
}
#copy .copy-link  {

width: auto;
padding-right:0px;
}
.copyright {
    
    float:left;
    clear:left;
    
}
.copy-link {
    
    float:right;
    clear:right;
    
}
.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/ringwald-gmbh/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/ringwald-gmbh/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:600px) {
	
	
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 {
    
    transition: 2s;
}
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:920px) {

#header .mod_navigation {
    width:99%;
    height:auto;
    float:left;
    margin:0;
    padding-left:1%;
    
}
#header .navi {
    width:auto;
    height:auto;
    margin-top:10px;
    padding-top:0;
    padding-left:0px;
    
}
#header .navi li {
    float:left;
    display:block;
    margin:0;
    list-style-type:none;
    
}

.mod_navigation li.first {
    border-left:0px solid #89adcd;
}
#header .mod_navigation li,
#header .mod_navigation li span {
    padding-top:10px;
    padding-right:15px;
    padding-left:0px;
    font:14px helvetica;
    text-decoration:none;
    
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    
   
    font-weight:normal;
    color:#145b9a;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {

    font-weight:normal;
    color:#145b9a;
}
#header .level_1 li a {
    color:#999;
    
}

#header .level_2 li a {
    clear:both;
    border: none;
    float:left;
    
}

nav.insta ul.level_1 li .last:before, .hauptinhalt-referenz li:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}
nav.insta ul.level_1 li .last:before
{
    position:absolute;
    content: '\E155';
    margin-top:-4px;
      margin-right:0.3em;
      font-size:130%;
      color:#999;
}
nav.insta ul.level_1 li .last:hover:before
{
  
      color:#145b9a;
}

}



@media screen and (min-width:600px) and (max-width:920px) 
	{
#header .mod_navigation {
    width:99%;
    height:auto;
    float:left;
    margin:0;
    padding-left:1%;
    
}
#header .navi {
    width:auto;
    height:auto;
    margin-top:10px;
    padding-top:0;
    padding-left:0px;
    
}
#header .navi li {
    float:left;
    display:block;
    margin:0;
    list-style-type:none;
    
}

.mod_navigation li.first {
    border-left:0px solid #89adcd;
}
#header .mod_navigation li,
#header .mod_navigation li span {
    padding-top:10px;
    padding-right:15px;
    padding-left:0px;
    font:14px helvetica;
    text-decoration:none;
    
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    
   
    font-weight:normal;
    color:#145b9a;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {

    font-weight:normal;
    color:#145b9a;
}
#header .level_1 li a {
    color:#999;
    
}

#header .level_2 li a {
    clear:both;
    border: none;
    float:left;
    
}
nav.insta ul.level_1 li .last:before, .hauptinhalt-referenz li:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}
nav.insta ul.level_1 li .last:before
{
    position:absolute;
    content: '\E155';
    margin-top:-4px;
      margin-right:0.3em;
      font-size:130%;
      color:#999;
}
nav.insta ul.level_1 li .last:hover:before
{
  
      color:#145b9a;
}
}
@media screen and (max-width:600px) 
	{

#header .mod_navigation {
    width:99%;
    height:auto;
    float:left;
    margin:0;
    padding-left:1%;
    
}
#header .navi {
    width:100%;
    height:auto;
    float:right;
}
#header li {
	padding-top:10px;
    padding-right:15px;
    padding-left:0px;
    font:14px helvetica;
}
.mod_navigation li.first {
    border-left:0px solid #89adcd;
}
#header .mod_navigation a,
#header .mod_navigation span {
    font:14px helvetica;;
    text-decoration:none;
}
#header .mod_navigation .active,
#header .mod_navigation .trail {
    
    padding-bottom:0;
    
    font:14px helvetica;
    font-weight:normal;
    color:#145b9a;
}
#header .mod_navigation li a:hover,
#header .mod_navigation li a:focus {
    font:14px helvetica;
    font-weight:normal;
    color:#145b9a;
}
#header .level_1 li a {
    color:#999;
}
#header .level_2 li {
    clear:both;
    border: none;
}
#header .level_2 li {
    padding-left:20px;
}
nav.insta .level_1 li.last:before, .hauptinhalt-referenz li:before {
    font-family:LigatureSymbols;
    -webkit-text-rendering: optimizeLegibility;
      -moz-text-rendering: optimizeLegibility;
      -ms-text-rendering: optimizeLegibility;
      -o-text-rendering: optimizeLegibility;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      font-smoothing: antialiased;
}
nav.insta ul.level_1 li.last:before
{
    
    content: '\E155';
    margin-top:-5px;
      margin-right:-0.3em;
      font-size:150%;
      color:#999;
}
nav.insta ul.level_2 li.last:before
{
    display:none;
  
}
nav.insta ul.level_1 li.last:hover:before
{
  
      color:#145b9a;
}
}