/*
	-------------------------------------------------
	HTML5, CSS & jQuery 
	by Dominik Ogilvie for Avant la lettre, (c) 2012.
	http://www.avantlalettre.ch/
	-------------------------------------------------

	Changelog
		v1	2016-02-16 letztmals geändert
		v2	2017-09, Reorganisation 
*/
/* 
- -   Webfonts & Typography  - - - - - - - - - - - - - - - - - - - - - -
*/
@font-face {
  font-family: 'Relevant';
  src: url('../webfonts/relevant-normalweb.eot');
  src: url('../webfonts/relevant-normalweb.woff') format('woff'), url('../webfonts/relevant-normalweb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RelevantBold';
  src: url('../webfonts/relevant-boldweb.eot');
  src: url('../webfonts/relevant-boldweb.woff') format('woff'), url('../webfonts/relevant-boldweb.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*_____ Reset _____*/
html,
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,
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: inherit;
  vertical-align: baseline;
}
/* HTML5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* Basics */
html {
  overflow-y: scroll;
}
body {
  font-family: Relevant, Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
a {
  text-decoration: none;
}
small,
.small {
  font-size: 1.3rem;
  line-height: 2rem;
}
strong,
b,
th {
  font-weight: normal;
  font-family: RelevantBold, Helvetica, Arial, sans-serif;
}
ul,
ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
ul li {
  list-style-type: disc;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
textarea {
  overflow: auto;
  resize: vertical;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.footnotes li a:rev {
  display: none;
}
em {
  font-style: normal;
  color: #ed5924;
}
.statutes h2 em {
  font-style: normal;
  color: black;
  font-size: 1.3rem;
  margin-right: 0.25em;
  position: relative;
  top: -0.4rem;
  border-bottom: 1px solid #303030;
}
.statutes article h2 {
  margin-bottom: 1.2rem !important;
}
table {
  margin: 1.5em 0;
  border-bottom: 1px solid #444;
  border-top: 2px solid #444;
  line-height: 1.8em;
}
thead {
  border-bottom: 1px solid #333;
}
td,
th {
  padding: 0 0.5em 0 0.15em;
}
tr {
  border-bottom: 1px dotted #bbb;
}
/*_____ Positionierung _____*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
html {
  font-size: 62.5%;
}
body {
  text-align: center;
  min-width: 1000px;
  padding-top: 2.4rem;
  -webkit-font-smoothing: subpixel-antialiased;
}
#scope {
  width: 1200px;
  margin: 0;
  padding-left: 10rem;
  text-align: left;
}
section {
  position: relative;
  width: 72rem;
  margin-left: 3rem;
  margin-right: 8rem;
  float: right;
  margin-bottom: 2em;
  min-height: 85vh;
}
section + nav {
  width: 22rem;
  float: left;
}
section article > a {
  display: block;
  padding: 0;
}
section aside {
  position: absolute;
  top: 0;
  right: 0;
}
section header {
  margin-bottom: 0.2em;
}
header + p {
  margin-top: 0.8em;
}
/* --> h2 in Übersicht und Beitrag */
div,
section h3,
p,
ul,
ol {
  margin-bottom: 1em;
}
article#read h2 {
  font-family: RelevantBold, Helvetica, Arial, sans-serif;
}
section aside ol {
  margin-left: 1.9rem;
}
.about article h4 {
  margin-bottom: 0.5em;
}
.about article h2 {
  margin-bottom: 0.5em;
  font-size: 4.4rem;
  line-height: 4.2rem;
}
.about article * + h2 {
  margin-top: 1em;
}
.about aside h1 {
  margin-bottom: 0.15em;
}
.about .about-intro ul {
  margin-left: 0;
  padding-left: 0;
}
.about .about-intro li {
  list-style: none;
  margin-bottom: 1.33em;
}
.service article h2 {
  margin-bottom: 0.5em;
  font-size: 4.4rem;
  line-height: 4.2rem;
}
.objectives section h1,
.service section h1,
.about.landing section h1,
.working-groups section h1 {
  font-size: 2.7rem;
  line-height: 2.9rem;
}
.objectives section h1,
.service section h1,
.about.landing section h1,
.working-groups section h1,
.objectives section dd,
.service section dd,
.about.landing section dd,
.working-groups section dd {
  margin-bottom: 1.66em;
}
.objectives .introduction article,
.service .introduction article,
.about.landing .introduction article,
.working-groups .introduction article {
  width: 72rem;
}
.objectives .introduction dt,
.service .introduction dt,
.about.landing .introduction dt,
.working-groups .introduction dt {
  font-size: 4.4rem;
  line-height: 4.2rem;
  margin-bottom: 0.15em;
}
.objectives .left,
.service .left,
.about.landing .left,
.working-groups .left,
.objectives .right,
.service .right,
.about.landing .right,
.working-groups .right {
  width: 33rem;
}
.objectives .left,
.service .left,
.about.landing .left,
.working-groups .left {
  float: left;
}
.objectives .right,
.service .right,
.about.landing .right,
.working-groups .right {
  float: right;
}
.working-groups section h1:after {
  content: 'Sind Sie ein kritischer Geist? Dann brauchen wir Sie!';
  display: block;
  font-size: 1.7rem;
  margin-top: 1.5em;
}
.working-groups.lang-fr section h1:after {
  content: 'Avez-vous un esprit critique? Nous avons besoin de vous!';
}
footer {
  clear: both;
}
article,
#main,
.main {
  width: 43.2rem;
  margin-bottom: 3.6rem;
}
.analysis article {
  margin-bottom: 1em;
}
.positions article,
.voting-positions article {
  margin-bottom: 0em;
}
.network article,
.standards article {
  width: 100%;
}
article {
  float: left;
}
aside {
  width: 22rem;
  float: right;
}
h1,
h2,
h3,
h4,
#title,
.caps {
  text-rendering: optimizeLegibility;
}
.frontpage-new article,
.frontpage-new aside {
  width: 33rem;
}
.frontpage-new article {
  float: none !important;
}
.frontpage-new .left {
  float: left;
}
.frontpage-new .right {
  float: right;
}
.frontpage-new .left,
.frontpage-new .right {
  width: 15.5rem;
}
.frontpage-new .left p,
.frontpage-new .right p {
  font-size: 1.3rem;
  line-height: 2rem;
  margin-top: 1.66em;
  padding-top: 0.2em;
  border-top: 1px solid #303030;
}
.frontpage-new .left p + p {
  border-top: none;
  margin-top: 0.6em;
}
.frontpage-new small a + a {
  font-weight: normal;
  visibility: hidden;
  margin-left: 0.5em;
}
.frontpage-new p:hover small a + a {
  visibility: visible;
}
.frontpage-new .tweet + .tweet + .tweet {
  display: none;
}
/*_____ Erscheinung _____*/
body {
  background-size: 1200px 24px;
  background-image: url('../img/orange2.png');
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: left top;
  margin: 0.66em 0 0 0;
}
/* nav  { background-color: white; background-image: url(/grafik/navborder.png); background-repeat: no-repeat; background-position-x: 200px; background-position-y: bottom; background-attachment: scroll; } */
/* schrift */
div,
p,
ul,
li {
  font-family: Relevant, Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  line-height: 2.4rem;
  color: #303030;
}
small,
#switch,
#switch div {
  font-family: Relevant, Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
}
h1,
h2,
h3,
aside,
time,
dd,
dd li,
#support {
  font-family: Relevant, Helvetica, Arial, sans-serif;
  font-size: 1.7rem;
  line-height: 2.4rem;
}
nav ul li {
  font-size: 1.7rem;
  line-height: 2.4rem;
}
small,
.small,
nav ul ul li,
nav aside,
aside p,
aside ul,
aside li {
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 0.06em;
}
/* gliederung */
section.excerpts a > *,
section.frontpage-new a > * {
  color: #303030;
}
section.excerpts a:hover > *,
section.frontpage-new a:hover > * {
  color: #ed5924;
}
section.excerpts h2,
section.frontpage-new h2 {
  margin-bottom: 0.4rem;
}
section.excerpts p,
section.frontpage-new p {
  margin: 0.8rem 0 0 0;
}
section.excerpts time,
section.frontpage-new time {
  font-size: 1.3rem;
}
section.fulltext h1 {
  margin-bottom: 0.15em;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
}
h1,
.size1,
article header h2,
h2.h1 {
  font-size: 4.4rem;
  line-height: 4.2rem;
}
h4,
h2,
h1.muted,
h1.h2,
aside h1,
.foundation-and-milestones article h2:first-child {
  font-size: 2.7rem;
  line-height: 2.9rem;
}
aside * + h1,
aside * + h2 {
  margin-top: 2.9rem;
}
h4 {
  font-size: 2.7rem;
  line-height: 2.9rem;
  margin: 0;
}
section > h4 {
  margin-bottom: 2.7rem;
}
aside > * + h4 {
  margin-top: 2.4rem;
}
h3,
.size3,
.h3,
article#read h2 {
  font-size: 1.7rem;
  line-height: 2.4rem;
  margin-top: 0.33em;
}
.belongs-to {
  border-bottom: 1px solid #303030;
  margin-right: 1em;
  font-size: 1.3rem;
  line-height: 2.4rem;
}
.belongs-to:before {
  content: "\2192\00A0";
}
a:hover .belongs-to {
  border-bottom: 1px solid #ed5924;
}
article#read footer h1 {
  margin-bottom: 0;
  margin-top: 2em;
}
.caps {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 2rem;
}
.caps {
  font-size: 0.9em;
}
#logo img {
  width: 100%;
  height: auto;
}
#logo h1 {
  font-family: RelevantBold, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  font-size: 2.9rem;
  line-height: 4.2rem;
  letter-spacing: normal;
  padding: 1.8rem 0 0 0;
}
#logo h2 {
  font-size: 1.3rem;
  line-height: 1.7rem;
  letter-spacing: 0.06em;
}
html[lang=fr] h2.claim-de,
html[lang=de] h2.claim-fr {
  display: none;
}
p.paginate {
  width: 500px;
  float: left;
  margin: 20px 0 20px 0;
}
h2.cal-title {
  border-top: 2px solid #303030;
  margin: 1.5em 0 1em 0;
  padding-top: 0.5em;
  float: left;
  width: 100%;
}
h2.cal-title:first-child {
  margin-top: 1em;
}
h1.muted,
article#read footer h1 {
  font-size: 2.7rem;
  line-height: 2.9rem;
  color: #aaa;
}
/* color: #a0a0a0; */
h4 span {
  display: none;
}
h4 span:last-child {
  display: inline;
}
#title {
  margin-bottom: 1.5em;
}
#title h4,
#title p {
  margin-bottom: 0;
}
h1 + time,
h2 + time,
.belongs-to + time {
  font-size: 1.3rem;
  display: inline-block;
}
.calendar header,
.voting-positions article header {
  clear: both;
}
article.calendar,
.voting-positions article {
  margin-bottom: 0.8em;
}
h1.cal-title {
  color: #303030;
  clear: both;
  display: block;
}
article + h1.cal-title {
  padding-top: 1.5em !important;
}
/* spezifische auszeichnungen */
#switch,
#switch div {
  margin-top: 10px;
  float: right;
  width: 710px;
  color: gray;
  font-size: 12px;
  /* padding: 1em; */
  text-align: right;
}
#switch > a {
  margin: 0 0.6em;
}
#switch div {
  float: left;
  width: 430px;
  margin: 0;
}
/*
dl > *  { margin-bottom: 2em; } 
dt  { width: 330px; float: left; clear: both; }
dd  { width: 330px; float: right; padding-top: 0.35em; } 
dd ul, aside ul  { margin: 0; padding: 0 0 0 1.1em; }
dd li  { margin-top: 0.6em; list-style-type: square; }
	.about dd li  { margin-top: 0.1em; }
	.about dd li + li  { margin-top: 0.6em; }
*/
#logo,
#logo a {
  float: left;
}
.clear {
  clear: both;
  margin-bottom: 0.5em;
}
section div.clear {
  height: 1px;
  margin-bottom: 0;
}
body.statutes article > h2:first-child {
  font-size: 2.7rem;
}
iframe {
  margin-top: 0.75em;
}
h1.h2,
h1.muted {
  padding-bottom: 0.66em;
}
/*_____ sekundäre Navi: Ueberlappungen ____*/
@media screen and (max-height: 660px) {
  nav aside,
  .objectives nav aside {
    position: static !important;
    margin-top: 3em;
  }
}
@media screen and (max-height: 720px) {
  .service nav aside,
  .news nav aside {
    position: static !important;
    margin-top: 3em;
  }
}
@media screen and (max-height: 840px) {
  .about nav aside {
    position: static !important;
    margin-top: 3em;
  }
}
/*_____ Listen ____*/
section.positions ol {
  list-style-type: decimal;
  counter-reset: item;
  margin-left: 1em;
}
section.positions ol ol {
  margin-left: 1.5em;
}
section.positions ol > li {
  display: block;
  clear: both;
  vertical-align: top;
}
section.positions ol > li:before {
  content: counters(item, ".") ".";
  counter-increment: item;
}
section.positions ol > li > p {
  float: right;
  width: 95%;
}
section.positions ol ol > li > p {
  float: right;
  width: 92%;
}
section.positions ol ol ol > li > p {
  float: right;
  width: 88%;
}
section.positions ol + * {
  clear: both;
}
body.statutes article ol {
  list-style-type: lower-latin;
}
body:not(.membership) aside > ul,
body:not(.about) aside > ul {
  margin: 0.5em 0 0 0;
  padding: 0;
}
aside #agenda li {
  list-style-type: none;
  margin: 1em 0 0 0;
  padding: 0;
}
aside #agenda li time {
  font-size: 1.3rem;
  line-height: 2rem;
}
aside.in-categories ul {
  padding: 0;
  line-height: 2rem;
}
aside.in-categories li {
  list-style: none;
  padding: 0;
  display: inline;
  font-size: 1.3rem;
  line-height: 2rem;
}
aside.in-categories li:after {
  content: ", ";
}
aside.in-categories li:last-child:after {
  content: "";
}
aside ul.archive {
  padding: 0;
}
aside ul.archive li {
  list-style: none;
  padding: 0;
  display: inline;
}
aside ul.archive li + li:before {
  content: ", ";
}
.bulletin aside ul {
  padding: 0;
  margin: 0;
}
.bulletin aside ul li {
  list-style: none;
  padding: 0;
}
.bulletin aside ul time {
  font-size: 1.3rem !important;
}
.bulletin aside ul time a {
  font-size: 1.7rem;
}
.about aside > ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.about aside > ul li {
  list-style: none !important;
}
.tax-exemption aside ul {
  margin-left: 0.2rem !important;
}
.tax-exemption aside ul li {
  list-style: none;
}
.tax-exemption aside li,
.membership aside li {
  clear: both;
}
.tax-exemption aside li a,
.membership aside li a {
  float: right;
  width: 18.6rem;
  margin: 0;
  padding: 0;
}
.tax-exemption aside li a:hover,
.membership aside li a:hover {
  border-bottom: none !important;
}
ul.years,
ul.years a {
  margin: 0;
  padding: 0;
  color: #303030;
}
ul.years strong {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 1px;
}
li.year {
  list-style: none;
}
li.year + li.year {
  clear: both;
  padding-top: 2em;
}
ul.months {
  margin: 0.5em 0 0 0;
}
ul.months li {
  width: 30%;
  float: left;
  list-style: none;
  color: #bbb;
}
/*_____ Formulare _____*/
.membership form {
  float: left;
  width: 43.2rem;
}
intention {
  display: none;
}
fieldset {
  margin-bottom: 1.33em;
  border: 1px dotted #aaa;
  padding: 0.5em 0.5em 1em 0.5em;
}
fieldset p {
  padding-left: 1em;
}
legend {
  font-weight: normal;
  padding: 0 0.5em;
  background-color: white;
}
form p {
  margin: 0.3em 0;
}
#address p,
#promocode p {
  text-align: right;
  vertical-align: top;
}
#address input,
#address textarea,
#promocode input {
  margin-left: 1em;
  width: 215px;
  margin-right: 1em;
  /* 330: 155px */
  font-size: 15px;
  color: #303030;
}
#address textarea {
  height: 3em;
}
#address label,
#promocode label {
  font-size: 13px;
  -webkit-text-size-adjust: none;
  vertical-align: top;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: text-bottom;
  margin-right: 1em;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
div.hiddenFields {
  height: 1px;
  margin: 0;
}
#signup {
  margin-top: 1.5em;
}
/*_____ Hyperlinks _____*/
section a {
  color: #303030;
  padding: 0.3em 1px 0.1em 1px;
}
section a:hover {
  color: #ed5924;
}
section article p a,
section article li a,
section article dl a {
  border-bottom: 1px solid #4a4a4a;
}
section aside p a {
  border-bottom: 1px solid #4a4a4a;
}
section p a:hover,
section li a:hover,
section dl a:hover,
section aside a:hover {
  color: #ed5924;
  border-bottom: 1px solid #ed5924;
}
section aside p a:hover,
section aside li a:hover {
  border-bottom: 1px solid #ed5924;
}
section a.pdf:before {
  content: '\2192\00a0';
}
nav a:hover,
nav small#sitemap:hover,
nav #agenda a:hover {
  color: white;
}
.frontpage-new a {
  border-color: white;
}
.twitter-timeline a:hover svg {
  fill: #ed5924;
}
.twitter-timeline p a {
  color: #aaa;
  border-color: white;
}
.twitter-timeline p a:hover {
  color: #ed5924;
}
.twitter-timeline p a:active {
  color: #303030;
}
.twitter-timeline h2 svg {
  position: relative;
  top: 0.1em;
}
.twitter-timeline a,
article#read a {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.about section li p a {
  margin-left: 1.5em;
  /* border-bottom-width: 2px; */
}
.about section li p a + a {
  margin-left: 0.33em;
}
.about section li p a:before {
  content: "\2192\00A0 ";
}
/* dreieck: \25B6 ; pfeil \2192 ; leerzeichen \00A0 */
.about.foundation-and-milestones section li p a {
  margin-left: 0;
}
.about.foundation-and-milestones section li p a:before {
  content: "";
}
a#prev,
a#next {
  padding-bottom: 0.33em;
}
a#prev {
  float: left;
  width: 280px;
}
a#next {
  float: right;
  width: 410px;
}
/* Social media links (in navigation) */
#follow {
  margin: 0.5em 0 0 1px;
}
#follow img,
#follow a {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: none;
  text-decoration: none;
}
#follow a {
  background-repeat: no-repeat;
  opacity: 0.5;
}
#follow a:hover {
  opacity: 1;
  border: none;
}
#follow a#rss-feed {
  background-image: url("/assets/img/1x_socialmedia.png") /* standard resolution */;
  background-repeat: no-repeat;
  background-size: 76px 15px;
  -moz-background-size: 76px 15px;
  background-position: 0 0;
}
.backgroundsize #follow a#rss-feed {
  background-image: url("/assets/img/2x_socialmedia.png") /* double resolution */;
}
#follow a#twitter {
  background-image: url("/assets/img/1x_socialmedia.png") /* standard resolution */;
  background-repeat: no-repeat;
  background-size: 76px 15px;
  -moz-background-size: 76px 15px;
  background-position: -20px 0;
}
.backgroundsize #follow a#twitter {
  background-image: url("/assets/img/2x_socialmedia.png") /* double resolution */;
}
#follow a#facebook {
  background-image: url("/assets/img/1x_socialmedia.png") /* standard resolution */;
  background-repeat: no-repeat;
  background-size: 76px 15px;
  -moz-background-size: 76px 15px;
  background-position: -40px 0;
}
.backgroundsize #follow a#facebook {
  background-image: url("/assets/img/2x_socialmedia.png") /* double resolution */;
}
#follow a#youtube {
  background-image: url("/assets/img/1x_socialmedia.png") /* standard resolution */;
  background-repeat: no-repeat;
  background-size: 76px 15px;
  -moz-background-size: 76px 15px;
  background-position: -60px 0;
}
.backgroundsize #follow a#youtube {
  background-image: url("/assets/img/2x_socialmedia.png") /* double resolution */;
}
/* farbe */
section h1,
article h1 {
  color: #303030;
}
nav li a,
#logo a h1,
#logo a h2 {
  color: white;
}
nav li a:hover {
  color: white !important;
}
nav li a,
nav small a {
  color: white;
}
nav #support {
  margin-top: 4em;
}
#switch #support {
  margin-top: -6px !important;
  padding-right: 5px;
}
#support {
  height: 21px;
  overflow: hidden;
}
#support a {
  font-weight: normal;
  border-bottom: none;
  display: block;
  text-align: right;
  width: 705px;
}
#support a:hover,
ul.years a:hover {
  color: #ed5924;
}
.preview,
.preview * {
  background-color: #ffffe0 !important;
}
/*_____ Badge: Support _____*/
.badge-support {
  text-rendering: optimizeLegibility;
  margin-top: 3rem;
  background-color: #ed5924;
  color: white;
  width: 13rem;
  height: 13rem;
  border-radius: 7rem;
  -webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.badge-support a {
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 2rem;
  padding: 1.4em;
  padding-left: 1.6em;
  color: white;
  letter-spacing: 0.03em;
  font-family: Relevant, Helvetica, Arial, sans-serif;
  word-break: normal !important;
}
.lang-fr .badge-support a {
  padding: 1em 1.4em 0 1.4em;
}
.badge-support a:hover {
  border-bottom: none;
}
.badge-support:hover {
  background-color: black;
}
.badge-support:hover a {
  color: white;
}
.badge-support a:active {
  border-bottom: none;
}
.badge-support:active {
  background-color: white;
  border: 2px solid #ed5924;
}
.badge-support:active a {
  color: #ed5924;
}
/*_____ Skyscraper _____

#skyscraper a { color: white; text-decoration: none; border: none; }
#skyscraper { position: fixed; bottom: 0; left: 70%; height: 60px; width: 160px; margin: 0; padding: 0;
  color: white; background-color: #e20026; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 10px 0px;
transition-property: height; -moz-transition-property: height; -webkit-transition-property: height;
transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; } // fade-in
#skyscraper:hover { height: 600px; }
.trigger { margin: 0; display: block; padding: 14px 0; text-align: center; font-size: 24px; font-weight: bold; line-height: 1.3em; }
#skyscraper:hover .trigger { display: none; }
*/
/*_____ News Footer _____*/
#newspanel {
  position: fixed;
  bottom: 0;
  left: 50%;
  max-height: 60px;
  margin: 0;
  padding: 0;
  width: 960px;
  margin-left: -480px;
  color: #303030;
  background-color: #d5e9dc;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 10px 0px;
  transition-property: max-height;
  -moz-transition-property: max-height;
  -webkit-transition-property: max-height;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  /* fade-in */
  background-image: url('/grafik/newspanel.png');
}
#newspanel:hover {
  max-height: 600px;
  height: auto;
}
#newspanel #trigger {
  margin: 0;
  display: block;
  padding: 14px 0;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
}
#newspanel:hover #trigger {
  display: none;
}
#newspanel a {
  color: #303030;
  text-decoration: none;
  border: none;
}
#newspanel h1 {
  float: left;
  width: 210px;
  text-align: right;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  color: #303030;
}
#newspanel div {
  float: right;
  width: 340px;
  margin-right: 20px;
  text-align: left;
  padding-right: 20px;
}
#newspanel h1,
#newspanel h2,
#newspanel a.panel-item {
  font-size: 16px;
  display: block;
  color: #303030;
  margin: 0;
  padding: 0;
}
#newspanel h1,
#newspanel div {
  padding-top: 1.5em;
}
#newspanel .href:hover {
  color: #e79900 !important;
}
#newspanel a.panel-item + a.panel-item {
  margin-top: 1em;
}
#newspanel p,
#newspanel .twitter-timeline h2,
#newspanel a.panel-item + a.panel-item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.5s;
}
#newspanel:hover p,
#newspanel:hover .twitter-timeline h2,
#newspanel:hover a.panel-item + a.panel-item {
  opacity: 1;
}
#newspanel .twitter-timeline {
  width: 270px;
}
#newspanel .twitter-timeline h2 {
  margin-bottom: 1em;
}
#newspanel .twitter-timeline small a {
  color: white;
  font-weight: normal;
}
#newspanel .twitter-timeline small a:first-child {
  margin-right: 1em;
}
#newspanel .twitter-timeline small a + a {
  color: white;
  font-weight: normal;
  visibility: hidden;
  margin-left: 0.5em;
}
#newspanel .twitter-timeline p:hover small a + a {
  visibility: visible;
}
#newspanel .twitter-timeline a:hover {
  color: #e79900;
}
#newspanel .twitter-timeline .tweet + .tweet + .tweet {
  display: none;
}
/*_____ Konzernverantwortungs-Initiative _____*/
.kovi {
  border-top: 1px solid black;
  margin-left: 300px;
}
.kovi h2 {
  margin: 0.2em 0 0.6em 0;
  font-size: 4.4rem;
  line-height: 4.2rem;
}
.kovi article {
  width: 540px;
}
.kovi aside {
  float: right;
}
.kovi svg {
  width: 120px;
  height: auto;
}
.kovi div a {
  color: #303030;
}
.kovi div a:hover {
  color: #303030;
  border-bottom: 1px solid #303030;
}
.kovi .portrait {
  line-height: 1.1;
}
.kovi .portrait img {
  margin-bottom: 0.33em;
  height: 120px;
  width: auto;
  filter: grayscale();
}
/*_____ Spotlight _____*/
#spotlight {
  width: 100%;
  display: block !important;
  margin: 0 ;
  background-color: #FFE066;
  background-color: rgba(255, 215, 0, 0.6);
  float: none;
  text-align: left;
  -webkit-text-size-adjust: none;
  /*  -moz-transition: max-height  1s ;
-webkit-transition: max-height 1s ;
-o-transition: max-height 1s ;
transition: max-height 1s ;
 max-height:2.5em; */
}
body {
  margin-top: 0 !important;
}
#scope {
  margin-top: 0.66em;
}
#spotlight > * {
  width: 440px;
  margin: 0 auto;
  padding-left: 286px;
  padding-right: 270px;
  padding-top: 0.33em;
  padding-bottom: 0.5em;
}
#spotlight h1 {
  font-size: 16px;
  color: #303030;
  font-weight: normal;
}
#spotlight #slide-in {
  display: none;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.66);
  padding-bottom: 1.5em;
}
/*  #spotlight:hover { padding-bottom: 1em; max-height: 500px; } */
#spotlight a {
  font-size: 16px;
  font-weight: normal;
}
p.checked {
  background-color: #F0DEDA;
  color: #303030;
}
.landing #scope {
  background-image: url(/assets/img/20jahre.svg);
  background-repeat: no-repeat;
  background-size: 160px 160px;
  background-position: 100px 64vh;
}
.landing #scope nav.printable {
  background-color: hsla(15, 82%, 53%, 0.5);
}
@media screen and (max-height: 820px) {
  .landing #scope {
    background-position: 100px 62vh;
    background-size: 140px 140px;
  }
}
@media screen and (max-height: 720px) {
  .landing #scope {
    background-position: 100px 64vh;
    background-size: 100px 100px;
  }
}
@media screen and (max-height: 670px) {
  .landing #scope {
    background: none !important;
  }
}
.about.landing #scope,
.news.landing #scope,
.service.landing #scope {
  background: none;
}
.about.landing nav.printable,
.news.landing nav.printable,
.service.landing nav.printable {
  background-color: transparent;
}
.frontpage-new .left .badge-support {
  display: none;
}
/*_____ Navigation _____*/
nav {
  padding-top: 4.4rem;
  position: relative;
  left: -1.5rem;
}
@media screen and (min-height: 768px) {
  nav.stick-on-top {
    position: fixed;
    top: 0.9rem;
    left: 8.6rem;
  }
}
nav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 2.4rem;
}
nav li a,
nav aside {
  padding-left: 1.5rem;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
nav ul ul li a {
  color: rgba(255, 255, 255, 0.666);
}
nav > ul > li > a {
  margin-top: 0.5em;
}
nav aside {
  position: fixed;
  bottom: 2rem;
  font-size: 1.3rem;
}
nav aside small,
.expand {
  cursor: pointer;
}
nav aside,
nav aside small a {
  color: white;
  border-bottom: none !important;
}
nav ul ul a.sel,
nav li a:hover {
  background-position: 0px 5px;
  background-repeat: no-repeat;
  background-image: url('/assets/img/nav-triangle_new.svg');
}
nav > ul > li > a:hover {
  background-position: 0px 8px;
}
nav .minify {
  color: white;
  margin-top: 1em;
  padding: 0 1.5rem;
  opacity: 0;
  transition: opacity 0.4s;
  height: 1.1em;
  overflow: hidden;
  cursor: pointer;
}
nav.printable .minify {
  opacity: 1;
}
#logo hr {
  display: none;
}
article hr,
aside hr {
  margin-top: 2em;
  border-top: 2px solid #303030;
}
aside hr {
  margin-top: 3em;
  width: 25%;
}
.expand {
  cursor: pointer;
}
.about.documents article h1 {
  margin-top: 4.4rem;
}
.about.documents article h2 {
  font-size: 2.7rem !important;
}
.about.documents article ul {
  margin-left: 0 !important;
}
.about.documents article ul li {
  list-style-type: none !important;
}
.about.documents article ul li a {
  border-bottom: none !important;
}
/*_____ Druckversion _____*/
@media print {
  nav,
  #switch {
    display: none;
  }
  nav.printable {
    display: block;
  }
  html,
  body {
    width: inherit;
  }
  body,
  #scope {
    background-image: none !important;
    background-color: white;
  }
  #logo h2 {
    padding-bottom: 1em;
    color: black;
  }
  #scope {
    width: 94%;
  }
  section {
    width: 94%;
  }
  section aside {
    width: 24%;
  }
  article {
    width: 66%;
    font-size: 18px !important;
  }
  dl {
    width: 96%;
    font-size: 18px !important;
  }
  section h1 {
    font-size: 28px;
  }
  section h2 {
    font-size: 21px;
    color: black;
  }
  #logo,
  #logo h1 {
    margin-left: 0;
  }
  table,
  td,
  em,
  small,
  p,
  time,
  section h1 {
    color: black !important;
  }
  section a,
  section a:hover {
    color: black !important;
    border-bottom: 0 !important;
    font-style: italic;
  }
  aside,
  aside p,
  aside li,
  dd,
  dd li {
    font-weight: normal;
    color: black;
  }
  #logo hr {
    display: block;
    clear: both;
    width: 13.4em;
    border-collapse: collapse;
    height: 0px;
    border: 0.22em solid #aaa;
    position: relative;
    left: 0.15em;
  }
  dd,
  dt {
    width: 47%;
  }
}
/*_____ Hacks, temporary _____*/
ul#nav-news ul li.internals {
  display: none;
}
/*_____ Debug _____

#main, #aside, nav  { background-color: #f0eee4; }  
div  { border: 1px dotted powderblue; margin-bottom: 1em; } 


#scope > *, aside  { border: 1px dotted powderblue; } */