@charset "UTF-8";

/* ------------------------------------------------- ResetCSS */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

::selection { background-color: #005782; color: #FFF; text-shadow: none; } ::-moz-selection{ background:#005782; color: #FFF; text-shadow: none; }

a {text-decoration:none; color:#000;}

a:link {-webkit-tap-highlight-color:#f1f3f0;} 

li {list-style:none;}
img {display:block;width:100%;}


/* ------------------------------------------------- Webfonts */

@font-face {
    font-family: 'ScalaSans';
    src: url('/fileadmin/faust/fonts/ScalaSans.eot');
    src: url('/fileadmin/faust/fonts/ScalaSans.eot?#iefix') format('embedded-opentype'),
       url('/fileadmin/faust/fonts/ScalaSans.woff') format('woff'),
         url('/fileadmin/faust/fonts/ScalaSans.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'ScalaSans';
    src: url('/fileadmin/faust/fonts/ScalaSans-Ita.eot');
    src: url('/fileadmin/faust/fonts/ScalaSans-Ita.eot?#iefix') format('embedded-opentype'),
     url('/fileadmin/faust/fonts/ScalaSans-Ita.woff') format('woff'),
         url('/fileadmin/faust/fonts/ScalaSans-Ita.ttf') format('truetype');
    font-weight: normal; font-style: italic;
}
@font-face {
    font-family: 'ScalaSans';
    src: url('/fileadmin/faust/fonts/ScalaSans-Bold.eot');
    src: url('/fileadmin/faust/fonts/ScalaSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('/fileadmin/faust/fonts/ScalaSans-Bold.woff') format('woff'),
         url('/fileadmin/faust/fonts/ScalaSans-Bold.ttf') format('truetype');
    font-weight: bold; font-style: normal;
}


/* ------------------------------------------------- Typografie */
h1,h2,h3,h4 {font-weight:normal;}

h1 {font-size:2.15em; line-height:1.3;font-style:italic;color:#005782;}
h2 {font-size:1.5em; line-height:1.3;font-style:italic;color:#005782;}
h1 span, h2 span {font-size:0.7em; font-style:normal;display:block;margin-bottom:0.35em;}

h4 {letter-spacing:0.03em;}

p { font-size:1.1em;line-height:1.5;letter-spacing:0.015em;}

strong, address { font-style:normal;font-weight:normal;font-size:1.1em;line-height:1.5;letter-spacing:0.03em;}

b { font-style:italic;font-weight:normal;letter-spacing:0.03em; }
#description a, #article a {color:#005782;font-style:italic;}
#description a:hover, #article a:hover {color:#000;}

/* ------------------------------------------------- Allgemein, Navigation, Footer */


body { font-family:ScalaSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;border-top:solid 0.5em #00284a;}

header { width:90%; min-height:6em; padding:3% 5% 0; overflow:hidden;}

.outer-wrapper {width:88%;padding:0 6%;}
.contentwrapper {margin:0 auto; max-width:80em; position:relative;}

#logo {display:block; float:left; width:16em; height:6em; margin:0 0 1.7em 0;  }

header nav {float:right; margin:3.5em 0 0;}
header nav li {float:left;}
header nav li a {float:left; display:block; margin:0.3em 0.5em;letter-spacing:0.03em;}
header nav li a:hover {color:#005782;}
.aktiv {font-weight:bold;letter-spacing:0.07em;}

footer {width:100%;color:#FFF;background:#00284a;clear:both;-webkit-font-smoothing:antialiased;}
footer a {color:#FFF;letter-spacing:0.03em;}
footer a:hover {color:#cbd300;}

.footer-wrapper { width:88%;padding:0 6%;border-top:1px solid #005782;overflow:hidden; }
.footer-wrapper:first-child { border:none; }

footer section {float:left;position:relative;}
footer .aktiv {color:#cbd300;}

#info {width:47%;padding:2em 3% 0 0;}

#signet {position:absolute;width:6em;height:6em;overflow:hidden;margin:-1em 2em 0 -0.5em;}
#signet img { height:6em; }
#info strong {display:block;margin:0 0 0 6.5em;} 

#footer-nav { width:47%;float:right;}
#footer-nav ul { float:left;width:49%; border-left:1px solid #005782;height:14em;padding:2em 0 0 0; }
#footer-nav li a { display:block;padding:0 1em 0.8em 2em;}

#adresse {float:right;width:41%;margin:0 6% 0 0;}
#adresse address {font-size:1em; line-height:1.4; padding:2em 0 3em 2em;border-left:1px solid #005782;}
#media { float:left;width:47%;padding:2em 3% 0 0;}
#media li a { display:block; line-height:1.4; padding:0 0 1.4em 3em;margin:0 0 0 4em;}
#rss {background:url('/fileadmin/faust/img/rss.svg') no-repeat;}
#twitter {background:url('/fileadmin/faust/img/twitter.svg') no-repeat;}
#facebook {background:url('/fileadmin/faust/img/facebook.png') no-repeat;}


#copyright {padding:2em 0; }
#copyright p {letter-spacing:0.2em;color:#005782; font-size:0.75em;text-transform:uppercase;}





/* ------------------------------------------------- Subnavigation */



#weitere {width:28%;float:right; margin:3em 0 3em 3%;}
#weitere h3, #weitere h4 {padding:0 0 1em 0;border-bottom:1px solid #e4e8e1;font-size:1.2em;letter-spacing:0.05em;color:#005782;font-style:italic;}
#weitere li a {display:block;padding:1em 0 0.8em;border-bottom:1px solid #e4e8e1;letter-spacing:0.05em;}
#weitere li a:hover {color:#005782;}

.weitere-presse { margin: 0 0 2em 0; }
.weitere-presse time {font-size:0.8em;color:#005782;letter-spacing:0.03em;line-height:1.8; }
.weitere-presse p {font-size:1em;line-height:1.4;}

#links {width:100%;padding:0.5em 0 2em;overflow:hidden;clear:both;}
#links a { float:left;display:block;font-size:0.8em;color:#005782;font-weight:bold;letter-spacing:0.1em;text-transform:uppercase;padding:1em 2em 1em 0;margin:2em 0 0 0; }
#links a:hover {color:#000;}

#drucken::before { content:url('/fileadmin/faust/img/drucken.svg');float:left;margin:-0.5em 1em 0 0;}
#oben::before { content:"\25b2";float:left;margin:-0.15em 0.75em 0 0;font-size:130%;}
#back::before { content:"\25c0";float:left;margin:-0.15em 0.75em 0 0;font-size:130%;}


#projekte #links { padding:0.5em 3% 2em; }
#presse #links, #presse-kunde #links, #artikel #links, #zeitschriften #links { border-top:1px solid #e4e8e1; }
#impressum #links { border-top:none; }


/* ------------------------------------------------- Description */

#description {width:88%;padding:2.5em 6%;background:#e4e8e1 url('/fileadmin/faust/img/signet.svg') no-repeat 130% -20em;}
#description h1 {padding:0 0 1em;}

/* ------------------------------------------------- Projekte Übersicht */

#projekte {width:88%;background:#e4e8e1 url('/fileadmin/faust/img/signet.svg') no-repeat 130% -20em;overflow:hidden;padding:3% 6% 0 6%;}

#projekte section {width:48.5%;margin:0 0 3% 3%;overflow:hidden;float:left; background:white;
  -moz-box-shadow:    0.2em 0.2em 2.5em #9da299;
  -webkit-box-shadow: 0.2em 0.2em 2.5em #9da299;
  box-shadow:         0.2em 0.2em 2.5em #9da299;
}
#projekte section:nth-of-type(odd) {margin:0 0 3% 0;}

#projekte h1{ font-size:1.5em; width:88%; padding:4% 6%;}
#projekte h1 a{ color:#000; }
#projekte h1 a:hover{ color:#005782!important; }


/* ------------------------------------------------- Artikel */

#artikel { width:88%;padding:0 6%;overflow:hidden;border-top:1px solid #e4e8e1;  }
#artikel h1 { margin:0 0 1em 0; }

#artikel .flexslider {background:none;}

#artikel article { float:left; width:69%; padding:3em 3% 3em 0;overflow:hidden;border-right:1px solid #e4e8e1;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#artikel article p { text-indent:2em;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#artikel h1 + p, #artikel h2 + p, #artikel h3 + p, #artikel figure + p  { text-indent:0; }
#artikel h1 + p:first-letter, #artikel h2 + p:first-letter { float:left; font-size:580%;line-height:0.85;height:0.6em;margin:0.03em 0 0 -0.0em;color:#005782;}

#vorspann { margin:-0.5em 0 1.5em 0; font-size:1.3em!important; font-style:normal; }
#artikel h3 { margin:1em 0;font-size:1.5em;letter-spacing:0.03em;color:#005782;font-style:italic; }

#artikel article a { font-style:italic;color:#005782;}
#artikel article a:hover { color:#000;}

#artikel article .date, #artikel article time { display:block;letter-spacing:0.1em;color:#005782;text-transform:uppercase;}
#artikel article time { font-weight:bold;}
#artikel article .date { font-style:normal; margin:0 0 2em 0; }
#artikel article .date:hover { font-weight:bold;color:#005782; }

/*added 200915*/
#artikel article li { position: relative; padding-left: 15px; }
#artikel article li:before { content: ''; position: absolute; width: 5px; height: 5px; left: 0px; top: 5px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #005782;; }

figcaption p {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}

#artikel article figure { margin:2em 0;background:#f1f3f0;overflow:hidden; }

#artikel article figcaption p { padding:1em 1.25em;text-indent:0; } 

#artikel article .hoch img { width:47%;float:left;margin-right:1.25em; }

#artikel aside figure { margin-bottom:2em;}
#artikel aside figcaption p {font-style:italic; font-size:1em; color:#005782;margin-top:0.5em;margin-bottom:1em;}


/* ------------------------------------------------- Aktuelle Pressemitteilungen */

#presse-vorschau article a { display:block;width:100%;padding:1em 0 0 0;}
#presse-vorschau time, #presse-vorschau .tag {font-size:0.85em;letter-spacing:0.08em;color:#005782;font-weight:bold;white-space:nowrap;}
#presse-vorschau time {padding:0 0.5em 0 0;}
#presse-vorschau h4, #presse-vorschau article h2 {font-size:1.3em;font-weight:bold;margin:0.4em 0 0.5em;letter-spacing:0.015em;color:#000;}
#presse-vorschau article p { font-size:1.1em;line-height:1.4; }
#presse-vorschau img { margin-bottom: 20px; }


  /* --------------------------------------------- Startseite */
  
#start #description p {max-width:50em;}
  
#start #presse-vorschau {width:88%;padding:0 6% 3em;overflow:hidden;}
#start #presse-vorschau article {width:47%; margin:1.5em 0 0 6%; float:left; border-top:0.5em solid #e4e8e1;}
#start #presse-vorschau article:nth-of-type(odd) {margin:1.5em 0 0 0;}
#start #presse-vorschau h3 {padding:2em 0 1em;font-size:1.5em; line-height:1.4; font-style:italic; color:#005782;letter-spacing:0.03em;}


  /* --------------------------------------------- Seite "Pressearbeit" */
  
#presse #description {background:#f1f3f0 url("/fileadmin/faust/img/presse-header.jpg") no-repeat 50% 10%;background-size:cover;min-height:20em;}
#presse #description h1, #presse #description p {width:45%;}
  
#presse #presse-vorschau {float:left;width:47%;padding:0 0 0 3%;}
#presse h2 {padding:2em 0 1.5em; }
#presse #presse-vorschau article {width:100%;margin:0 0 2em 0;border-top:0.5em solid #e4e8e1;}
#presse #presse-vorschau img {margin:-1em 0 1em 0; }
#kunden ul {border-top:0.5em solid #e4e8e1;}
#kunden li:first-child a { border:none; }


  /* --------------------------------------------- Seite "Pressearbeit > Kunde" */
#presse-kunde header {border-bottom:1px solid #e4e8e1; }
#presse-kunde #presse-vorschau {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;width:69%;padding:3em 3% 0 0;border-right:1px solid #e4e8e1; }

#presse-kunde #description {background:none;padding:0 0 3em;}

#presse-kunde #presse-vorschau article a {width:100%;margin:0 0 2.5em 0; float:left; border-top:0.5em solid #e4e8e1;overflow:hidden;}


#presse-kunde #presse-vorschau h2 {font-weight:bold;font-style:normal;margin:0.3em 0 0.5em;letter-spacing:0.015em;}
#presse-kunde #presse-vorschau img {width:40%;float:left;margin:0 1.5em 1em 0; }

#presse-vorschau-nav { width:100%;overflow:hidden; float:left;margin:3em 0;}
#presse-vorschau-nav li a {display:block;float:left;padding:1em 0 0.75em; width:3.5em; margin:0 0.5em 0.5em 0;font-size:0.8em;letter-spacing:0.1em;font-weight:bold;color:#005782;text-transform:uppercase; text-align:center; border:1px solid #e4e8e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;background:#FFF;
}
#presse-vorschau-nav li:first-child a, #presse-vorschau-nav li:last-child a {width:7.5em;}

#presse-vorschau-nav li a:hover {background:#f1f3f0;} 
#presse-vorschau-nav li a:active {background:#e4e8e1;} 

/* Umdrehen */
#presse-vorschau-nav li.aktiv a { color:#FFF;background:#005782;border-color:#005782; }
#presse-vorschau-nav li.aktiv a:hover { background:#005782;color:#FFF;border-color:#005782;}
#presse-vorschau-nav .inaktiv { color:#e4e8e1;}
#presse-vorschau-nav .inaktiv:hover { background:none;color:#e4e8e1;}

  /* --------------------------------------------- Weitere Elemente der Seite "Pressearbeit" */
  
#presse-nav {width:47%; padding:0 3% 0 0;float:left;  }
#presse-nav h3 a { border-top:1px solid #e4e8e1;padding:1em 0 0.8em;display:block;}
#presse-nav section a { font-size:1.2em;}
#presse-nav a:hover { color:#005782; }

#presse-nav #archiv li:first-child a { border-width:0.25em; }

#archiv a:before { content:"\25b6";font-size:80%;color:#005782;margin:0 1em 0 0; }
#rss-feed a { display:block;background:url('/fileadmin/faust/img/rss.svg') no-repeat left 1.1em;padding:1.4em 0 1em 3em;font-size:0.9em!important;letter-spacing:0.03em;}
#presse #rss-feed {border-top:0.25em solid #e4e8e1;}



/* ------------------------------------------------- Slider */


.flexslider {width:100%;position:relative;background:#e4e8e1;}
.flexslider .slides > li {display: none; position:relative; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform:capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.flexslider .caption { position:absolute;width:88%;padding:3em 6%}

.flexslider h2 {  font-size:2.2em;color:#FFF; text-shadow:0px 1px 3px rgba(0,0,0,0.85);-webkit-font-smoothing:antialiased;max-width:80rem;margin:0 auto;padding:2% 40% 0 0;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.caption-dunkel h2 {  color:#00284a;text-shadow:0 0 1em rgba(255,255,255,1);}

 

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flex-viewport {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; max-height:40em; }

.flex-control-nav {  margin-left:6%; position:absolute; bottom:10%; }
.flex-control-paging li {float:left;margin-right:0.5em;}
.flex-control-paging li a { width:1em; height:1em; display:block; cursor:pointer; text-indent:-9999em; background: url('/fileadmin/faust/img/counter.svg') no-repeat top left; opacity:0.5; }
.flex-control-paging li a:hover { opacity:0.75; }
.flex-control-paging li a.flex-active { opacity:1; cursor:default; }


/* ------------------------------------------------- Zeitschriften */
#zeitschriften #description {background:#f1f3f0 url("/fileadmin/faust/img/zeitschriften.jpg") no-repeat 50% top;background-size:cover;min-height:20em;}
#zeitschriften #description h1, #zeitschriften #description p {width:45%;}

#zeitschriften-nav {width:88%;padding:0 6%;}
#zeitschriften-nav section {width:47%;margin:5% 0 0 6%;padding:2em 0 1em;float:left;border-top:0.5em solid #e4e8e1;display:block;}  
#zeitschriften-nav section:nth-of-type(odd) { margin:5% 0 0; }

#zeitschriften-nav img {width:33%;float:left;
-webkit-box-shadow:0.0625em 0.0625em 0.5em 0.13em #CCC; 
-moz-box-shadow:0.0625em 0.0625em 0.5em 0.13em #CCC; 
-o-box-shadow:0.0625em 0.0625em 0.5em 0.13em #CCC; 
-ms-box-shadow:0.0625em 0.0625em 0.5em 0.13em #CCC; 
box-shadow:0.0625em 0.0625em 0.5em 0.13em #CCC;
}
#zeitschriften-nav h2 a {color:#005782;}
#zeitschriften-nav h2, #zeitschriften-nav p { margin-left:40%; }
#zeitschriften-nav p {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;margin-top:0.5em;}

/* ------------------------------------------------- Zeitschriften Unterseite */
#zeitschriften-desc {width:64%;margin:0 0 0 36%;}

#aktuelle-ausgabe {position:absolute; top:0; left:0; width:30%;z-index:1000;}
#aktuelle-ausgabe figcaption h2 {margin-top:1em;font-size:1.2em;}

#ausgaben-nav {width:88%;padding:0 6%;}
#ausgaben-nav ul {width:64%;float:right;margin:5% 0;}  
#ausgaben-nav li {width:30%;float:left;margin:0 0 6% 5%;}  
#ausgaben-nav li:nth-of-type(3n+1) {margin:0 0 5%;}  
#ausgaben-nav h2 {margin-top:1em;font-size:1em;font-style:normal;}

#aktuelle-ausgabe img, #ausgaben-nav img {
-webkit-box-shadow:0.0625em 0.0625em 0.5em 0.13em rgba(0, 0, 0, 0.2); 
-moz-box-shadow:0.0625em 0.0625em 0.5em 0.13em rgba(0, 0, 0, 0.2); 
-o-box-shadow:0.0625em 0.0625em 0.5em 0.13em rgba(0, 0, 0, 0.2); 
-ms-box-shadow:0.0625em 0.0625em 0.5em 0.13em rgba(0, 0, 0, 0.2); 
box-shadow:0.0625em 0.0625em 0.5em 0.13em rgba(0, 0, 0, 0.2);
transform:scale(1);
transition:all 0.3s ease-in-out 0s;

}
#aktuelle-ausgabe img:hover, #ausgaben-nav img:hover {
  transform:scale(1.1);
}
/* ------------------------------------------------- Agentur */

#agentur #description {background:#f1f3f0 url("/fileadmin/faust/img/agentur-header.jpg") no-repeat 40% center;background-size:160%;min-height:20em;}
#agentur #description h1, #agentur #description p {width:45%;}

#agentur #description a { color:#005782;display:block;margin:2em 0 0;font-style:italic; }
#agentur #description a:before { content:"\25b6";font-size:80%;color:#005782;margin:0 0.5em 0 0;font-style:normal; }


#agentur h2 {font-size:1.8em!important;}
#agentur #artikel article { width:60%; padding:1em 6% 3em 0;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

#wer-wir-sind { width:37%;padding:2em 0 2em 3%;float:left;}
#wer-wir-sind section {margin:2em 0 0 0;padding:1em 0 0;border-top:0.5em solid #e4e8e1;overflow:hidden;}
#wer-wir-sind img { width:23%;float:left; }
.person, #wer-wir-sind address {margin:0 0 0 30%;}
.person h3 {margin:0 0 0.5em 0!important;}  
.person p {font-style:italic;margin-bottom:1em;}  
#wer-wir-sind address p {font-size:1em;}  
#wer-wir-sind address a:hover {color:#005782;}  

#was-wir-tun {clear:both;border-top:1px solid #e4e8e1;overflow:hidden;padding:3em 0;}
#was-wir-tun section {width:47%;margin:5% 0 0 6%;padding:2em 0 0;float:left;border-top:0.5em solid #e4e8e1;}  
#was-wir-tun section:nth-of-type(odd) { margin:5% 0 0; }
#was-wir-tun img {width:33%;float:left;}
#was-wir-tun h3, #was-wir-tun p { margin-left:40%; }
#was-wir-tun h3 {margin-top:0;}
#was-wir-tun p {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;margin-top:0.5em;}


/* ------------------------------------------------- Kontakt */

.header-image {max-height:30em;overflow:hidden;}

#anschrift { width:47%; margin:5% 3% 5% 0;float:left; }
#anschrift h1 { font-size:1.2em;margin:0 0 1em; }
#anschrift a:hover { color:#cbd300; }
#anschrift iframe { width:100%;height:20em;margin:2em 0 1em; }

#kontaktformular { width:47%; margin:5% 0 5% 3%;float:left;}
#kontaktformular li { width:45%;margin:0 0 1.5em;font-size:1.1em;float:left;}
#kontaktformular li:nth-child(odd) { margin-right:10%;}

#kontaktformular li.textfeld {width:100%;float:none;}
#kontaktformular ul li:nth-child(5) {width:100%;float:none;}

#kontaktformular label { display:block;margin:0 0 0.5em;font-size:1.1em;}
#kontaktformular input { width:100%;display:block;padding:0 0.3em;height:3em;font-size:1em;font-family:ScalaSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;border:0.5em solid #e4e8e1;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#kontaktformular input:focus, #kontaktformular textarea:focus { outline:none;border-color:#b1b3af;}

#kontaktformular input[type="submit"] { background:#e4e8e1;padding:0.5em 0.5em 0.25em;height:auto;}
#kontaktformular input[type="submit"]:focus, #kontaktformular input[type="submit"]:hover { border-color:#b1b3af;background:#b1b3af;cursor:pointer;}

#kontaktformular textarea { padding:0.3em;border:0.5em solid #e4e8e1;display:block;height:11em;width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:1em;font-family:ScalaSans, "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#kontaktformular small { margin-left:10%; }


/* ------------------------------------------------- Media + Werbeservice */

#werbeservice #description h1, #werbeservice #description p {width:60%;}
#werbeservice #artikel article { width:60%; padding:1em 6% 3em 0;overflow:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#werbeservice h3 {margin:1em 0;}


/* ------------------------------------------------- Impressum */

#impressum #description, #werbeservice #description {overflow:hidden;}
#impressum #description section { width:44%;float:left;margin:2em 0 0 4%;border-top:0.5em solid #FFF;padding:1.5em 0 0 0;}
#impressum #description section:first-of-type {margin:2em 4% 0 0;}
#impressum #description section:nth-of-type(3) {width:100%;margin:2em 0 0 0;
-moz-column-count:2;-webkit-column-count:2;column-count:2;
-moz-column-gap:4em;-webkit-column-gap:4em;column-gap:4em;
-moz-column-rule:1px solid #FFF;-webkit-column-rule:1px solid #FFF;column-rule:1px solid #FFF;
}

#impressum h2 { margin:0 0 0.5em; }
#impressum h3 {font-size:1.2em;font-weight:bold;margin:1em 0 0 0;}





/* ------------------------------------------------- TYPO3 */
article .hoch .csc-imagewrap {display:inline-block;}



/* ------------------------------------------------- Internet Explorer 8*/
@font-face {
    font-family:ScalaSansRegular;
    src: url('/fileadmin/faust/fonts/ScalaSans.eot');
}

@font-face {
    font-family:ScalaSansItalic;
    src: url('/fileadmin/faust/fonts/ScalaSans-Ita.eot');
}
@font-face {
    font-family:ScalaSansBold;
    src: url('/fileadmin/faust/fonts/ScalaSans-Bold.eot');
}

.ie8 body {font-family: ScalaSansRegular, "Lucida Sans Unicode", sans-serif;}
.ie8 .contentwrapper {width:980px;}
.ie8 header {width:980px;margin:0 auto;height:130px;font-style:normal;}
.ie8 nav { margin-top:28px;}
.ie8 .aktiv {font-family: ScalaSansBold, "Lucida Sans Unicode", sans-serif;font-weight:normal;}
.ie8 footer .aktiv {font-family: ScalaSansRegular, "Lucida Sans Unicode", sans-serif;font-weight:normal;}

.ie8 .flex-control-paging li a { background: white; filter:Alpha(opacity=50); }
.ie8 .flex-control-paging li a.flex-active { filter:Alpha(opacity=100);  }


.ie8 h1, .ie8 h2, .ie8 b, .ie8 i, .ie8 #description a, .ie8 #artikel article a, .ie8 #artikel article h3, .ie8 #start #presse-vorschau h3, .ie8 #weitere h3, .ie8 #weitere h4, .ie8 #artikel aside figcaption p, .ie8 #agentur #description a, .ie8 #agentur h3, .ie8 .person p {font-family: ScalaSansItalic, "Lucida Sans Unicode", sans-serif; font-weight:normal;font-style:normal;}
.ie8 #presse-vorschau time, .ie8 #artikel article time, .ie8 #artikel article .date:hover, .ie8 #presse-vorschau .tag, .ie8 #presse-vorschau h4, .ie8 #presse-vorschau article h2 {font-family: ScalaSansBold, "Lucida Sans Unicode", sans-serif;font-weight:normal;font-style:normal;}
.ie8 #presse-vorschau h4, .ie8 #presse-vorschau article h2 {line-height:1.3;}

.ie8 #start #presse-vorschau article {width:300px; margin:1.5em 0 0 40px;}
.ie8 #start #presse-vorschau h3 + article {margin:1.5em 0 0 0;}

.ie8 #projekte section {width:47%;margin:0 3% 3% 0;}

.ie8 .date {padding-top:0.5em;display:block;}
.ie8 #artikel article h3 {line-height:1.3;}

.ie8 #zeitschriften-nav section {width:47%;margin:5% 3% 0 0;}  

.ie8 #presse .contentwrapper {width:auto;}
.ie8 #presse-vorschau-nav li a {width:auto;padding:1em 0.5em 0.75em;}

.ie8 #rss-feed a { padding:1.4em 0 1em 0;}

.ie8 #was-wir-tun section {width:45%;margin:5% 5% 0 0;}  

.ie8 #kontaktformular li { width:45%;margin:0 5% 1.5em 0;}

.ie8 #impressum #description section { width:100%;}


/* ------------------------------------------------- No-SVG*/

.no-svg #description {background-image:url('/fileadmin/faust/img/signet.png');}
.no-svg #rss {background:url('/fileadmin/faust/img/rss.png') no-repeat;}
.no-svg #twitter {background:url('/fileadmin/faust/img/twitter.png') no-repeat;}