.tx-felogin-pi1 label{display:block}
.csc-header-alignment-center{text-align:center}
.csc-header-alignment-right{text-align:right}
.csc-header-alignment-left{text-align:left}
div.csc-textpic-responsive,div.csc-textpic-responsive *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
div.csc-textpic,div.csc-textpic div.csc-textpic-imagerow,ul.csc-uploads li{overflow:hidden}
div.csc-textpic .csc-textpic-imagewrap table{border-collapse:collapse;border-spacing:0}
div.csc-textpic .csc-textpic-imagewrap table tr td{padding:0;vertical-align:top}
div.csc-textpic .csc-textpic-imagewrap figure,div.csc-textpic figure.csc-textpic-imagewrap{margin:0;display:table}
figcaption.csc-textpic-caption{display:table-caption}
.csc-textpic-caption{text-align:left;caption-side:bottom}
div.csc-textpic-caption-c .csc-textpic-caption,.csc-textpic-imagewrap .csc-textpic-caption-c{text-align:center}
div.csc-textpic-caption-r .csc-textpic-caption,.csc-textpic-imagewrap .csc-textpic-caption-r{text-align:right}
div.csc-textpic-caption-l .csc-textpic-caption,.csc-textpic-imagewrap .csc-textpic-caption-l{text-align:left}
div.csc-textpic div.csc-textpic-imagecolumn{float:left}
div.csc-textpic-border div.csc-textpic-imagewrap img{border:2px solid black;padding:0px 0px}
div.csc-textpic .csc-textpic-imagewrap img{border:none;display:block}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{margin-bottom:10px}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image{margin-bottom:0}
div.csc-textpic-imagecolumn,td.csc-textpic-imagecolumn .csc-textpic-image{margin-right:30px}
div.csc-textpic-imagecolumn.csc-textpic-lastcol,td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image{margin-right:0}
div.csc-textpic-intext-left .csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{margin-right:10px}
div.csc-textpic-intext-right .csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{margin-left:10px}
div.csc-textpic-center .csc-textpic-imagewrap,div.csc-textpic-center figure.csc-textpic-imagewrap{overflow:hidden}
div.csc-textpic-center .csc-textpic-center-outer{position:relative;float:right;right:50%}
div.csc-textpic-center .csc-textpic-center-inner{position:relative;float:right;right:-50%}
div.csc-textpic-right .csc-textpic-imagewrap{float:right}
div.csc-textpic-right div.csc-textpic-text{clear:right}
div.csc-textpic-left .csc-textpic-imagewrap{float:left}
div.csc-textpic-left div.csc-textpic-text{clear:left}
div.csc-textpic-intext-left .csc-textpic-imagewrap{float:left}
div.csc-textpic-intext-right .csc-textpic-imagewrap{float:right}
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{float:right}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{float:left}
div.csc-textpic div.csc-textpic-imagerow-last,div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last{margin-bottom:0}
.csc-textpic-intext-left ol,.csc-textpic-intext-left ul{padding-left:40px;overflow:auto}
ul.csc-uploads{padding:0}
ul.csc-uploads li{list-style:none outside none;margin:1em 0}
ul.csc-uploads img{float:left;margin-right:1em;vertical-align:top}
ul.csc-uploads span{display:block}
ul.csc-uploads span.csc-uploads-fileName{text-decoration:underline}
table.contenttable-color-1{background-color:#EDEBF1}
table.contenttable-color-2{background-color:#F5FFAA}
table.contenttable-color-240{background-color:black}
table.contenttable-color-241{background-color:white}
table.contenttable-color-242{background-color:#333333}
table.contenttable-color-243{background-color:gray}
table.contenttable-color-244{background-color:silver}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
body{position:relative;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;color:#000;font-size:1.1em;line-height:140%;font-weight:bold;background-color:#fff;padding-top:70px;width:100%;overflow-x:hidden}
body.active{height:100%;overflow:hidden}
a:hover{text-decoration:underline}
p{margin-bottom:20px}
#overlay{position:absolute;top:0;left:0;z-index:100;height:100%;width:100%;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;display:none}
#overlay.active{display:block;filter:alpha(opacity=0.8);-moz-opacity:0.8;opacity:0.8}
#rollOut{position:fixed;top:0;right:-50%;z-index:1001;width:50%;height:100%;background:#fff;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
#rollOut #list{position:absolute;width:100%;margin-top:70px;overflow-y:scroll}
#rollOut.active{right:0;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}
header{position:fixed;height:70px;width:100%;top:0;background-color:#fff;z-index:999}
.switchNav{display:none}
#rollOut header{position:absolute}
#logo{position:relative;font-size:22px;line-height:22px;margin:10px 0 5px 24px}
#logo a{color:#000;text-decoration:none}
.nav{position:relative;list-style:none;margin-left:25px}
.nav>li{display:inline}
.nav>li:after{content:"/";display:inline;margin:0 10px 0 10px}
#rollOut .nav>li:after{margin:0 5px 0 10px}
.nav>li:last-child:after{content:""}
.nav>li>a{color:#000;text-decoration:none;padding-bottom:2px}
.nav>li>a:hover,.nav>li.active>a{text-decoration:none;border-bottom:3px solid #000}
.filter-nav{float:left;margin:36px 0 0 25px}
.toggleList{position:fixed;right:0;top:0;display:block;width:31px;height:0;background:#fff url('../../fileadmin/Resources/Public/Images/listIcon.png') no-repeat center bottom;padding:55px 25px 0;text-indent:-9999px;z-index:9999}
section{min-height:600px;margin-top:-70px;padding-top:70px}
#datenschutz{min-height:unset}
.project{position:relative;overflow:hidden}
.project a{text-decoration:none !important}
.project .title{position:absolute;color:#fff;text-decoration:none;z-index:99;margin:20px 0 0 25px;text-decoration:none !important}
#aktuell .project .title{display:none}
.title.black{color:#000}
#arbeit .project,.projectImg,.projectVid,#ausstellungen .project,#projekte .project{position:relative;width:50%;float:left;overflow:hidden}
#projekte a{display:block;height:100%}
.video-wrapper .teaserVideo{width:100%;height:100%;object-fit:cover}
@media (min-width:768px){#arbeit .project,.projectImg,#ausstellungen .project,#projekte .project{height:100vh}
}
.projectImg,.projectVid{position:relative}
.projectImg.teaserImg,.projectVid.teaserImg{float:right}
.projectImg.quer,.projectVid.quer{width:100%;float:none}
.project img,.projectImg img{position:relative;display:block;width:100% !important;height:auto !important}
@media (min-width:768px){.project img,.projectImg img{position:relative;display:block;width:100% !important;height:100% !important;object-fit:cover}
}
.projectVid .projectVideo,.teaserImg .teaserVideo,.rslides .teaserVideo{position:relative;width:100%;height:auto}
@media (min-width:768px){.projectVid .projectVideo,.teaserImg .teaserVideo,.rslides .teaserVideo{width:100%;height:100%;object-fit:cover}
.projectVid.quer .projectVideo{position:relative;width:100%;height:auto}
}
.projectVideoFull{clear:both;padding:1rem}
@media (min-width:768px){.projectVideoFull{padding:2rem 4rem}
}
.projectVideoFull video{width:100%;height:auto}
.special.project img,.special.teaserImg img{width:auto !important;height:100% !important;margin:0 auto}
#leistung{color:#000;line-height:150%}
#leistung a{color:#000;text-decoration:none}
#leistung a:hover{text-decoration:underline}
#leistung .csc-default,#konzept .csc-default{background-color:#fff;padding:25px 50% 45px 25px}
#leistung .csc-default{height:auto !important}
#kontakt .inner,#datenschutz .inner{padding:25px 50% 45px 25px}
.perefrenz.decription{width:50%;position:relative;float:left}
.perefrenz.decription .inner{padding:20px 25px 25px}
.browseProjects{position:relative;height:50px;clear:left}
.browseProjects .splitt{display:none}
.browseProjects .next,.browseProjects .previous{text-indent:-9999px;position:absolute;width:50px;height:50px}
.browseProjects a .next,.browseProjects a .previous{background:url('../../fileadmin/Resources/Public/Images/pfeile.png') left top no-repeat}
.browseProjects a .previous{right:0;background-position:right}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;height:100%}
.rslides li:first-child{position:relative;display:block;float:left}
#aktuell .rslides img{display:block;height:auto !important;float:left;width:100%;border:0}
.webslides{clear:both}
.webslides img{display:block;height:100%;float:none;width:auto;margin:0 auto;border:0}
#c19 h2,#c20 h2{margin-bottom:1.5rem;cursor:pointer;padding:0;background:url('../../fileadmin/Resources/Public/Images/arrow-down.svg') center left 120px no-repeat;background-size:contain}
@media (max-width:768px){section#aktuell,#rollOut,.toggleList,#isMobile,.main-nav li:first-child,#page-8 #rollOut #list,#page-16 #rollOut #list,.noMobile{display:none}
#arbeit .project,.projectImg.teaserImg,#ausstellungen .project,#projekte .project{float:none}
body{font-size:1em;line-height:140%;padding-top:52px;overflow-x:hidden;
-webkit-transition:padding-top 0.5s;-moz-transition:padding-top 0.5s;transition:padding-top 0.5s}
body header{position:fixed;z-index:9990;background-color:#fff}
.switchNav{background:url('../../fileadmin/Resources/Public/Images/listIcon.png') no-repeat scroll center bottom transparent;display:block;height:0;padding:35px 15px 0;position:fixed;right:0;top:0;width:31px;z-index:9999;text-indent:-9999px;cursor:pointer}
header{position:relative;height:auto;max-width:100%;top:0;background-color:#fff;z-index:999}
header>nav{height:auto;max-height:0;overflow:hidden;
-webkit-transition:max-height ease-in-out 0.5s;-moz-transition:max-height ease-in-out 0.5s;transition:max-height ease-in-out 0.5s}
header>nav.active{max-height:500px}
.nav>li{display:inline-block}
#logo{margin:15px 0 15px 14px}
#rollOut header{position:relative}
#rollOut{position:relative;width:100%;right:auto;top:auto;height:auto;background:#fff;transition:none}
section{min-height:inherit;margin-top:0;padding-top:0}
#page-7 section{min-height:inherit;margin-top:-80px;padding-top:80px}
.main-nav>li{display:block}
.main-nav>li:after{content:none}
.main-nav li.scrollNav:nth-child(4){padding-bottom:2rem}
#rollOut #list{position:relative;width:100%;margin-top:0;overflow-y:hidden;height:auto !important}
.main-nav{margin:0 0 5px 15px}
.filter-nav{display:none}
.main-nav a{display:block;padding:1.5rem 0;font-size:22px;line-height:1;text-decoration:none !important}
.nav>li.active>a{text-decoration:none;border-bottom:0}
.perefrenz.decription .inner{padding:20px 15px 25px}
#leistung .csc-default,#konzept .csc-default,#kontakt .inner{padding:15px}
.project{min-height:70vh}
.project .title{margin:10px 0 0 15px}
.perefrenz.decription,#arbeit .project,.projectImg,#ausstellungen .project,#projekte .project{width:100%;float:none}
.whiteBg.project img,.whiteBg.teaserImg img,.webslides.rslides img{height:auto !important;width:100% !important}
.webslides img{height:auto;width:100%}
.special.project img,.special.teaserImg img{width:100% !important;height:auto !important;margin:0 auto}
#kontakt .inner,#datenschutz .inner{padding:25px 15px 45px 15px}
.nav>li>a:hover,.nav>li.active>a{text-decoration:none;border-bottom:0}
}
#datenschutz ul,#datenschutz ol{margin-bottom:20px}
#datenschutz ul li,#datenschutz ol li{margin:10px 0}