/*@import url(//fonts.googleapis.com/css?family=Raleway:100);*/
@charset "utf-8";
/* latin-ext */
@font-face{font-family:'Raleway';  font-style:normal;  font-weight:200;  src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(fonts/1Ptrg8zYS_SKggPNwOIpWqhPAMif.woff2) format('woff2');  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* latin */
@font-face{font-family:'Raleway';  font-style:normal;  font-weight:200;  src:local('Raleway ExtraLight'),local('Raleway-ExtraLight'),url(fonts/1Ptrg8zYS_SKggPNwOIpWqZPAA.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* latin-ext */
@font-face{font-family:'Raleway';  font-style:normal;  font-weight:400;  src:local('Raleway'),local('Raleway-Regular'),url(fonts/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}
/* latin */
@font-face{font-family:'Raleway';  font-style:normal;  font-weight:400;  src:local('Raleway'),local('Raleway-Regular'),url(fonts/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
html,body,div,span,applet,object,main, footer, header, iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;
/*font-size:100%;*/
font-size:1rem;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:'Raleway',sans-serif;}
body, html{width:100%;  height:100%;  font-size:16px;  font-family:'Raleway',sans-serif;  background-color:#A9A9A9;  color:#fff;}
a{color:#fff;  text-decoration:none;}
a.active,a:hover{color:#8F001E;}
h1{font-weight:bold;  font-size:1.5rem;  margin-bottom:1rem; }
main, header, footer{float:left;  width:100%;  text-align:center;}
header{margin-top:0rem;}
main > div, header > div, footer > div{width:1200px;  margin:0 auto;  text-align:left;}
footer > div{padding-bottom:1rem;    border-top:solid 2px #fff;    padding-top:1rem;}
#site_projekte_2019 footer > div{border:none;}
header > div > span{float:left;  margin-bottom:1rem;  width:100%;}
header > div > span > a.logo{float:left;}
header > div > span > a.logo > img{width:200px;}
header > div > span > abbr{float:right;font-size:1.3rem;position:relative;}
header > div > span > abbr > a{position:relative;  padding-left:1.8rem;}
header > div > span > abbr > a:before{content:"\00260E";  color:#fff;  left:0;  margin-right:1rem;  position:absolute;  top:0;}
header > div > nav{float:left;  width:100%;      padding-bottom:1rem;    border-bottom:solid 2px #fff;}
header > div > nav > div{float:right;  font-size:small;  width:50%;  text-align:right;}
header > div > nav > a{float:left;  width:auto;  padding-right:3rem;}
header > div > nav >  div > a{display:inline-block; margin-right:1rem;}
header > div > nav > div > a:nth-last-child(1){margin:0;}
footer > div >  a{float:right;}
footer > div >  a > i{display:inline-block;    width:50px;    height:1rem;    background-color:#8f0e1f;    margin:0 0.5rem;}
#buhne{float:left;width:100%;
/*margin:1.1rem 0;*/
background-color:#878276;    background-size:auto 100%;    background-repeat:no-repeat;    background-position-x:right;
/* border-top:solid 2px #fff;    border-bottom:solid 2px #fff;*/
}
/* office */
.office{margin-bottom:1rem;  padding:0.5rem 0;  border-bottom:solid 1px #fff;}
.office a{display:inline-block;  margin-right:1rem;}
/* ende office */
/*  breadcrumbs*/
.breadcrumbs{float:left;  width:50%;  font-size:small; }
.breadcrumbs > ul{list-style-type:none;  width:100%;  display:block;}
.breadcrumbs > ul > li{float:left;  margin-right:1rem;}
/* startseite buhne*/
#rechts, #links{width:50%; overflow:hidden; height:600px;  float:left;}
#rechts{background-size:cover;  background-repeat:no-repeat;}
#site_startseite #links{background-color:#878276;  padding:1rem;  width:28%;  position:relative;  }
#site_startseite #links h1{position:absolute;  bottom:1rem;}
/* startseite ende */
/* aktuelles */
#site_aktuell #links, #site_buero #links{overflow:auto;  padding:1rem;}
#site_aktuell #links.detail{width:33.333333333%;}
#site_aktuell #links.detail > span{display:block;  text-align:right;  margin:1rem 0;  font-size:small;}
#site_buero #links{padding-right:2rem;         width:33.3333333%;}
#site_buero #rechts{width:66.66666666%;}
#site_aktuell #rechts.detail, #site_projekte_2019 #rechts.detail{background-position:center top; position:relative; background-size:auto 100%;}
#site_aktuell #rechts.detail{width:66.66666666%;}
#rechts #zuruck, #rechts #vor, #rechts #close{position:absolute;  font-size:3rem;  color:#fff;  text-shadow:1px 1px 10px #000;  cursor:pointer;  top:270px;}
#rechts #zuruck{left:0;  padding-left:1rem;}
#rechts #vor{right:0;padding-right:1rem;}
#rechts #close{top:20px;  right:20px;  display:none;}
.project_list{width:100%;    background-repeat:no-repeat;    margin-bottom:1rem;    font-size:1rem;    padding-left:125px;    padding-right:2rem;    min-height:8ßpx;}
/* ende aktuelles */
/* site_projekte_2019 */
#site_projekte_2019 #links{height:600px;}
#site_projekte_2019 #links .p_list{width:25%; height:200px;  float:left; display:none; }
#site_projekte_2019 #links .p_list.active{display:block;}
#site_projekte_2019 #links .p_list > div{width:100%;  box-sizing:border-box;  background-size:cover;  height:100%;  padding-left:0;  margin:0;  position:relative;  overflow:hidden;}
#site_projekte_2019 #links .p_list > div > h4{text-align:center;    width:100%;    box-sizing:border-box;                                                                                             padding:1rem;    line-height:1rem;    background:rgba(143,0,30,0.65);    position:absolute;    display:block;    bottom:-3rem;    visibility:visible;    color:#fff;    -moz-transition:all 0.3s ease-in-out;    transition:all 0.3s ease-in-out;       height:3rem;    overflow:hidden;     }
#site_projekte_2019 #links .p_list > div:hover h4{bottom:0rem;}
#site_projekte_2019 #buhne.detail_projekt{height:600px;}
#projektpager{width:100%;  text-align:center;float:left;}
#projektpager > div{width:1200px;  padding-top:1rem;    border-top:solid 2px #fff;        margin:0 auto;}
#projektpager > div > a{display:inline-block;  padding:10px;  font-size:1.2rem;  font-family:verdana;}
#site_projekte_2019 #links.detail{overflow:overlay;padding:1rem;width:33.3333333%;height:100%;flex-direction:column;}
#site_projekte_2019 #links.detail > a{margin-top:2rem;  display:block;}
#site_projekte_2019 #rechts.detail{height:100%;width:66.6666666666%;background-color:#000;}
#links h2{margin-bottom:1rem;  font-size:1.5rem;  font-weight:bold;}
#links p{line-height:1.35rem;    padding-right:0.5rem;    font-size:0.9rem;}
#links p b{font-weight:600;}
#site_projekte_2019 #rechts.detail.fullscreen{position:fixed;  border:solid 10px #fff;  top:0;  left:0;  width:100%;  height:100%;        background-size:inherit;    background-color:#fff;    background-position:center;}
#site_projekte_2019 #rechts.detail.fullscreen.quer{-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.weiter_projekt{text-align:center;  float:left;  width:100%;  margin:0rem 0 2rem 0;  }
.weiter_projekt > div{width:1200px;  padding-top:1rem;    border-top:solid 2px #fff;        margin:0 auto;}
.weiter_projekt a{padding:0 1rem;}
/* site_projekte_2019 ende */
#hinweis_drehen{position:fixed;  top:35%;  text-align:center;          z-index:100;  width:100%;  height:100%;}
#hinweis_drehen p{padding:1rem;  background-color:rgba(0,0,0,0.9);  border-radius:10px;  color:#fff;  font-size:small;  display:inline-block;  z-index:100;}
/* responsive */
@media only screen and (max-width:1024px){main, header, footer{box-sizing:border-box;}
main > div, header > div, footer > div, #projektpager > div{width:100%;    }
header > div, footer > div{padding-left:1rem;  padding-right:1rem;  }
#site_buero #rechts, #site_buero #links{width:100%;}
#site_buero #rechts{height:400px;}
#site_buero #links{height:auto;}
#site_projekte_2019 #links .p_list > div > h4{bottom:0;  visibility:visible;}
}
@media only screen and (max-width:756px){#buhne, #site_projekte_2019 #buhne.detail_projekt{display:block;  margin-top:0;  background-position:center;   height:auto;}
h1,h2{word-break:break-all;}
#site_startseite #links h1{font-size:1.1rem;   margin-bottom:0;}
footer > div > a > i{background-color:#fff; }
footer{background-color:#8f0e1f;    padding-top:1rem;}
header > div > span{margin-bottom:0.2rem;}
header > div > nav > a{width:50%;  margin:0.5rem 0;}
header > div > nav{margin-bottom:1rem; display:none;}
header > div > nav, header > div > nav > div{float:left; width:100%; text-align:left;}
header > div > nav > div{display:block;border-top:solid 1px #fff;margin-top:0.5rem;font-size:1rem;   padding-top:1rem; }
header > div > nav{padding:0.5rem 1rem;}
header > div > nav > div > a{display:inline-block;      margin-bottom:0.5rem;}
header > div > div > a{float:left;  width:100%;  margin-top:0.5rem;}
#site_aktuell #links,#site_buero #links{width:100%;  height:auto;}
#site_aktuell #links.detail, #site_aktuell #rechts.detail,#site_projekte_2019 #rechts.detail{width:100%;}
.project_list{background-size:auto 66px;}
#site_buero #links{float:right;}
#site_buero #rechts, #site_aktuell #rechts{width:100%;  height:300px;}
#site_buero #rechts{float:left;}
#site_kontakt #links{height:auto;}
#site_aktuell #links .project_list{width:100%;    padding-top:5rem;    box-sizing:border-box;    float:left;    padding-left:0;        padding-right:0;        border-bottom:solid 1px #fff;}
#site_startseite #links, #site_startseite #rechts,#site_projekte_2019 #links,#site_projekte_2019 #rechts, #site_projekte_2019 #links.detail{width:100%;}
#site_startseite #rechts,#site_projekte_2019 #rechts{height:300px;}
#site_startseite #links,#site_projekte_2019 #links, #site_projekte_2019 #links.detail{height:auto;}
#site_startseite #links{height:285px;  background:none;    text-align:center;}
#site_projekte_2019 #links .p_list > div > h4{bottom:0;  visibility:visible;}
#site_projekte_2019 #links{height:2400px; }
#site_projekte_2019 #rechts.detail, #site_projekte_2019 #links .p_list{width:100%;  height:200px;}
#rechts #zuruck,#rechts #vor{top:75px;}
header > div > div{display:none;}
header > div > span > abbr{width:100%;position:relative;}
header > div > span > abbr:after{position:absolute;  content:url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDEyNCAxMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyNCAxMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMTEyLDZIMTJDNS40LDYsMCwxMS40LDAsMThzNS40LDEyLDEyLDEyaDEwMGM2LjYsMCwxMi01LjQsMTItMTJTMTE4LjYsNiwxMTIsNnoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xMTIsNTBIMTJDNS40LDUwLDAsNTUuNCwwLDYyYzAsNi42LDUuNCwxMiwxMiwxMmgxMDBjNi42LDAsMTItNS40LDEyLTEyQzEyNCw1NS40LDExOC42LDUwLDExMiw1MHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xMTIsOTRIMTJjLTYuNiwwLTEyLDUuNC0xMiwxMnM1LjQsMTIsMTIsMTJoMTAwYzYuNiwwLDEyLTUuNCwxMi0xMlMxMTguNiw5NCwxMTIsOTR6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");  right:1rem;  top:-4rem;}
#links h2{font-size:1.1rem;}
header > div > span > a.logo > img{
/*  width:100%;*/
}
.breadcrumbs{width:100%;}
footer > div > a{width:100%;  float:left;  margin:1rem 0;  text-align:center;  font-size:small;}
}
@media only screen and (orientation:landscape)  and (max-width:756px){header > div > span > a.logo > img{max-width:30%; }
#site_projekte_2019 #rechts.detail,#site_projekte_2019 #links .p_list{height:400px; }
#rechts #zuruck,#rechts #vor{top:175px; }
header > div > span > abbr:after{top:-1rem; }
header > div > span > a.logo > img{max-width:150px; }
}
/* responsive */