@charset "UTF-8";
/* Projektspezifisches CSS-Document */
/* * * * * * * * * * * * * * * * *  */
/************************************/
/* SASS Variables ======================================================================== */
/* grey */
/* green */
/* -bright */
/* turqoise */
/* -bright */
/* orange */
/* -bright */
/* red */
/* turqoisetone */
/* rose */
/* Mixins to fight space between inline-blocks */
/* EMBEDDING FONTS ======================================================================= */
/**
 * @license
 * MyFonts Webfont Build ID 3319581, 2016-12-11T17:40:45-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ClearSansScreen-Bd by Positype
 * URL: http://www.myfonts.com/fonts/positype/clear-sans-screen/screen-bold/
 * 
 * Webfont: ClearSansScreen-Lt by Positype
 * URL: http://www.myfonts.com/fonts/positype/clear-sans-screen/screen-light/
 * 
 * Webfont: ClearSans-Bk by Positype
 * URL: http://www.myfonts.com/fonts/positype/clear-sans/book/
 * 
 * Webfont: ClearSans-SBd by Positype
 * URL: http://www.myfonts.com/fonts/positype/clear-sans/semi-bold/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3319581
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2013 by Neil Summerour. All rights reserved.
 * 
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/32a71d");
@font-face {
  font-family: "ClearSansScreen-Bd";
  src: url("../fonts/32A71D_0_0.eot");
  src: url("../fonts/32A71D_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/32A71D_0_0.woff2") format("woff2"), url("../fonts/32A71D_0_0.woff") format("woff"), url("../fonts/32A71D_0_0.ttf") format("truetype");
}
@font-face {
  font-family: "ClearSansScreen-Lt";
  src: url("../fonts/32A71D_1_0.eot");
  src: url("../fonts/32A71D_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/32A71D_1_0.woff2") format("woff2"), url("../fonts/32A71D_1_0.woff") format("woff"), url("../fonts/32A71D_1_0.ttf") format("truetype");
}
@font-face {
  font-family: "ClearSans-Bk";
  src: url("../fonts/32A71D_2_0.eot");
  src: url("../fonts/32A71D_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/32A71D_2_0.woff2") format("woff2"), url("../fonts/32A71D_2_0.woff") format("woff"), url("../fonts/32A71D_2_0.ttf") format("truetype");
}
@font-face {
  font-family: "ClearSans-SBd";
  src: url("../fonts/32A71D_3_0.eot");
  src: url("../fonts/32A71D_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/32A71D_3_0.woff2") format("woff2"), url("../fonts/32A71D_3_0.woff") format("woff"), url("../fonts/32A71D_3_0.ttf") format("truetype");
}
@font-face {
  font-family: "andada";
  src: url("../fonts/andada-italic-webfont.woff2") format("woff2"), url("../fonts/andada-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "tmicons";
  src: url("../fonts/tmicons.eot?8mjmkb");
  src: url("../fonts/tmicons.eot?8mjmkb#iefix") format("embedded-opentype"), url("../fonts/tmicons.woff2?8mjmkb") format("woff2"), url("../fonts/tmicons.ttf?8mjmkb") format("truetype"), url("../fonts/tmicons.woff?8mjmkb") format("woff"), url("../fonts/tmicons.svg?8mjmkb#tmicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "tmicons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-link-h:before {
  content: "\e916";
}

.icon-home:before {
  content: "\e601";
}

.icon-envelope:before {
  content: "\e696";
}

.icon-file-empty:before {
  content: "\e6b3";
}

.icon-file-add:before {
  content: "\e6b4";
}

.icon-file-check:before {
  content: "\e6b5";
}

.icon-folder-plus:before {
  content: "\e6bc";
}

.icon-folder-minus:before {
  content: "\e6bd";
}

.icon-folder-down:before {
  content: "\e6be";
}

.icon-folder-up:before {
  content: "\e6bf";
}

.icon-bookmark:before {
  content: "\e716";
}

.icon-telephone:before {
  content: "\e76a";
}

.icon-map-marker:before {
  content: "\e77a";
}

.icon-calendar-empty:before {
  content: "\e785";
}

.icon-calendar-full:before {
  content: "\e789";
}

.icon-launch:before {
  content: "\e7b0";
}

.icon-site-map:before {
  content: "\e883";
}

.icon-download:before {
  content: "\e8f5";
}

.icon-upload:before {
  content: "\e8f6";
}

.icon-exit-right:before {
  content: "\e8fe";
}

.icon-link2:before {
  content: "\e917";
}

.icon-magnifier:before {
  content: "\e922";
}

.icon-cross:before {
  content: "\e92a";
}

.icon-menu:before {
  content: "\e92b";
}

.icon-check:before {
  content: "\e934";
}

.icon-chevron-up:before {
  content: "\e939";
}

.icon-chevron-down:before {
  content: "\e93a";
}

.icon-chevron-left:before {
  content: "\e93b";
}

.icon-chevron-right:before {
  content: "\e93c";
}

.icon-arrow-up:before {
  content: "\e941";
}

.icon-arrow-down:before {
  content: "\e942";
}

.icon-arrow-left:before {
  content: "\e943";
}

.icon-arrow-right:before {
  content: "\e944";
}

.icon-warning:before {
  content: "\e955";
}

.icon-checkmark-circle:before {
  content: "\e959";
}

.icon-plus-square:before {
  content: "\e98e";
}

.icon-cross-square:before {
  content: "\e99a";
}

.icon-document-file-pdf:before {
  content: "\e900";
}

.icon-document-file-pdf2:before {
  content: "\e901";
}

.icon-document-file-doc:before {
  content: "\e902";
}

.icon-document-file-doc2:before {
  content: "\e903";
}

.icon-document-file-xls:before {
  content: "\e904";
}

.icon-document-file-xls2:before {
  content: "\e905";
}

.icon-document-file-docx:before {
  content: "\e906";
}

.icon-document-file-docx2:before {
  content: "\e907";
}

.icon-document-file-ppt:before {
  content: "\e908";
}

.icon-document-file-ppt2:before {
  content: "\e909";
}

.icon-document-file-dotx:before {
  content: "\e90a";
}

.icon-document-file-dotx2:before {
  content: "\e90b";
}

.icon-document-file-xlsx:before {
  content: "\e90c";
}

.icon-document-file-xlsx2:before {
  content: "\e90d";
}

.icon-document-file-dot:before {
  content: "\e90e";
}

.icon-document-file-dot2:before {
  content: "\e90f";
}

.icon-document-file-txt:before {
  content: "\e910";
}

.icon-document-file-txt2:before {
  content: "\e911";
}

.icon-document-file-rtf:before {
  content: "\e912";
}

.icon-document-file-rtf2:before {
  content: "\e913";
}

.icon-document-file-zip:before {
  content: "\e914";
}

.icon-document-file-zip2:before {
  content: "\e915";
}

/* BASIC PAGE SETUP ====================================================================== */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background-color: #5d5c5d;
  position: relative;
  overflow-x: hidden;
  -webkit-animation: androidbugfix infinite 1s;
}

body.mceContentBody {
  background-color: #fff;
  padding: 0.5em;
}

#next,
.pure-g-r,
.pure-g,
.pure-g [class*=pure-u],
.pure-g-r [class*=pure-u] {
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #333333;
  font-size: 100%;
}

.mobileonly {
  display: none;
}

.desktoponly {
  display: inherit;
}

.printonly {
  display: none;
}

/* BoxModel */
*, *:before, *:after {
  box-sizing: border-box;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* Windows Image Interpolation */
img {
  -ms-interpolation-mode: bicubic;
}

.inline {
  display: inline-block;
  vertical-align: top;
}

/* MAIN LAYOUT	========================================================================== */
.dc {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1em;
}

header {
  background: rgb(255, 255, 255);
  height: 40px;
}

header .dc {
  position: relative;
}

.navbar {
  min-height: 64px;
  position: relative;
  padding: 0 0.5em;
  background-color: rgba(93, 92, 93, 0.3);
  transition: all 0.25s ease 0s;
}

.navbar.search-on {
  background-color: rgba(93, 92, 93, 0.75);
  z-index: 11;
}

.globnav {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}

.searchbox {
  width: 80%;
}

#language-navigation {
  padding: 11px 0 10px 0.4em;
}

#content {
  -moz-hyphens: auto;
  hyphens: auto;
  min-height: 600px;
  background-color: rgb(255, 255, 255);
  position: relative;
}

#content > .dc {
  position: relative;
}

.pagehead {
  padding-top: 3em;
}

.cont,
aside.spalte {
  padding-bottom: 1em;
}

.cont > p:first-child {
  margin-top: 0;
}

#content .cont {
  padding-right: 7%;
}

footer {
  min-height: 100px;
  background-color: rgba(255, 255, 255, 0.8);
  padding-top: 0.5em;
}

#bottomline {
  padding: 0.5em 0 2em 0;
  margin-bottom: 3em;
  position: relative;
}

.cont iframe {
  max-width: 100%;
}

/* AREAS ================================================================================= */
/* LINKS ================================================================================= */
a {
  color: #5d5c5d;
  text-decoration: none;
}

a:hover,
a:visited:hover {
  color: #3e3d3e;
}

a:visited {
  color: #5d5d5d;
}

/* .navbar-Elemente */
.trigger {
  display: inline-block;
  padding: 0.75em 0.5em 0.5em 0.5em;
}

.trigger:hover {
  text-shadow: 0 0 6px rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.searchbox .trigger {
  padding-top: 1em;
  padding-right: 0.3em;
}

/* Dokument- und Speziallinks */
/* allgemein */
a.icon:after {
  font-family: "tmicons";
  font-size: 120%;
  font-weight: normal;
  font-style: normal;
  margin-left: 0.25em;
  margin-right: 0.25em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

a.icon:hover:after {
  color: inherit;
}

/* spezifisch */
a.outlink:after {
  content: "\e7b0";
}

a.icon.file:after, a.icon.jpg:after, a.icon.jpeg:after, a.icon.png:after, a.icon.gif:after, a.icon.tif:after, a.icon.tiff:after, a.icon.rar:after {
  content: "\e6b3";
}
a.icon.zip:after {
  content: "\e914";
}
a.icon.doc:after {
  content: "\e902";
}
a.icon.xls:after {
  content: "\e904";
}
a.icon.ppt:after {
  content: "\e908";
}
a.icon.docx:after {
  content: "\e906";
}
a.icon.xlsx:after {
  content: "\e90c";
}

a.icon.arrow:after {
  content: "\e944";
  margin-left: 0.2em;
}

#gotop a:hover {
  color: #3e3d3e !important;
}

/* HEADINGS  ============================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: "ClearSans-SBd";
  margin-bottom: 0.6em;
}

h2, h3, h4 {
  clear: both;
}

.fright-events + * {
  clear: none !important;
}

h1 {
  margin-top: 0;
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 190%;
  line-height: 125%;
  -moz-hyphens: none;
  hyphens: none;
}

h2 {
  font-size: 145%;
}

/* PARAGRAPHS ============================================================================ */
p {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* IMAGES ================================================================================ */
img {
  max-width: 100%;
}

#logo img {
  min-width: 240px;
  margin-top: -40%;
}

.png img.svg {
  display: none;
}

.svg img.png {
  display: none;
}

.fullimg {
  width: 100%;
}

/* TABLES ================================================================================ */
table {
  max-width: 100%;
  margin: 0.75em 0;
}

table td,
table th,
table.pure-table td,
table.pure-table th {
  font-size: 90%;
}

th {
  background-color: #ebebeb;
}

/* LISTS ================================================================================= */
ul, ol {
  padding-left: 1.25em;
  margin: 0.5em 0;
}

ul {
  list-style-type: none;
}

#content li {
  margin: 0.33em 0;
}

#content li:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  left: -1.1em;
  top: 0.8em;
  position: relative;
  border-left: 8px solid rgb(103, 130, 151);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

#content aside li:before {
  content: none;
  border: none;
}

dt {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 75%;
}

dd {
  margin-bottom: 0.5em;
  margin-left: 25px;
}

/* FORMS ================================================================================= */
button, input, select, textarea {
  font-family: "ClearSans-Bk";
}

.pure-form-aligned .pure-controls {
  margin-left: 11.25em;
}

#content form .pure-button,
.pure-button {
  font-size: 120%;
  font-family: "ClearSansScreen-Bd";
  text-transform: uppercase;
  padding-top: 0.7em;
  background: none;
  border: 1px solid rgb(137, 171, 196);
  opacity: 0.75;
  color: rgb(103, 130, 151);
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#content form .pure-button:hover,
.pure-button:hover {
  opacity: 1;
  background: none;
}

#content form .pure-button:focus,
.pure-button:focus {
  border: 1px solid #5d5c5d;
}

.pure-form label,
.pure-form input,
.pure-form textarea,
.pure-form select {
  line-height: normal;
}

.pure-form select {
  -webkit-appearance: menulist;
  max-width: 390px;
}

.pure-control-group textarea {
  min-height: 120px;
}

.pure-form .long {
  width: 65%;
}

.pure-form .short {
  width: 10%;
  min-width: 4em;
}

.pure-form .medium {
  width: 20%;
}

.pure-form .narrow {
  padding-top: 0.3em !important;
  padding-bottom: 0.2em !important;
}

.pure-form legend {
  font-size: 75%;
  color: rgb(180, 198, 212);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pure-form input[type=file] {
  font-family: "ClearSans-Bk" !important;
  color: #777;
  font-size: 90%;
}

.pure-form input[type=file]:focus {
  outline: thin dotted #333;
  outline: 1px auto #129FEA;
}

div.pure-form {
  padding-top: 1.5em;
}

form div.nix {
  display: none;
}

form #urgent,
#form-urgent,
label[for=form-urgent] {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.pure-form .pure-input-1-3 {
  width: 50%;
}

input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label.file-label,
input[type=file] + label {
  color: #fff;
  background-color: #908f90;
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 6px;
  padding: 12px 12px 9px 12px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

label.file-label:hover,
input[type=file]:focus + label,
input[type=file] + label:hover {
  background-color: #5d5c5d;
}

label.file-label [class^=icon-],
input[type=file] + label [class^=icon-],
input[type=file] + label [class^=icon-] {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em;
  margin-top: -3px;
}

label.file-label [class^=icon-]:before,
input[type=file] + label [class^=icon-]:before,
input[type=file] + label [class^=icon-]:before {
  font-size: 140%;
  line-height: 100%;
}

input[type=file]:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.hint {
  font-size: 85%;
  color: grey;
}

/* NAVIGATIONS  ========================================================================== */
.pure-menu li a:hover, .pure-menu li a:focus {
  background: none;
}

.pure-menu .langnav li a,
.pure-menu .themenav li a,
.pure-menu #footnav li a {
  padding: 0;
}

nav {
  background: none !important;
}

nav ul {
  padding-left: 0;
  margin: 0;
}

.globnav .trigger {
  color: rgb(255, 255, 255);
  background: none !important;
  border: none;
}

.globnav .trigger span {
  font-size: 250%;
  font-weight: normal;
}

.pure-menu .langnav li a {
  font-family: "ClearSansScreen-Lt";
  line-height: 85%;
  letter-spacing: 0.1em;
  padding: 2px 4px 0 6px;
  color: #333333;
}

.pure-menu .langnav li {
  border-left: 1px solid rgb(70, 123, 67);
  padding-left: 4px;
}

.pure-menu .langnav li:first-child {
  border: none;
}

.pure-menu .langnav li a.active {
  color: #717171;
  cursor: default;
}

#theme-navigation {
  background-color: rgba(93, 92, 93, 0.75);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.pure-menu .themenav li {
  position: relative;
  text-align: center;
}

.pure-menu .themenav li a {
  font-family: "ClearSansScreen-Lt";
  font-size: 90%;
  text-transform: none;
  padding: 0.2em 2em 0 1em;
  color: rgb(255, 255, 255) !important;
  opacity: 0.75;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.themenav li:first-child a {
  padding-left: 0;
}

.pure-menu .themenav li a:hover {
  opacity: 1;
}

.pointbox {
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 0;
  width: 100%;
}

.pointat {
  border-bottom: 5px solid rgb(255, 255, 255);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  left: 42%;
}

.themenav li:first-child .pointat {
  left: 36%;
}

.pure-menu .themenav li.active .pointbox,
.pure-menu .themenav li:hover .pointbox {
  bottom: 5px;
}

.globnav .pure-menu li a {
  opacity: 0.75;
}

.globnav .pure-menu li a:hover {
  opacity: 1;
}

.globnav .pure-menu li a.active {
  opacity: 1;
  cursor: default;
}

.pure-menu.pure-menu-open {
  border: none;
}

#footnav li a {
  letter-spacing: 0.1em;
  padding: 0 0 0.1em 0;
}

#footnav li a:hover {
  background: none;
}

/* OFFCANVAS =============================================================================== */
#menu {
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #5d5c5d none repeat scroll 0 0;
  height: 64px;
  margin-top: 40px;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  z-index: 9990;
}

#menu label {
  padding: 0 0.25em;
}

#menu label span {
  font-size: 125%;
  display: inline-block;
  vertical-align: middle;
}

#menu label.closer span {
  font-size: 250%;
}

#menu .toggle.closer {
  height: 64px;
  display: inline-block;
  padding: 0.75em 0.5em 0.5em 1em;
}

#menu .sub-nav .toggle {
  padding: 0 0.3125em;
  top: 0;
  display: inline-block;
}

#main-nav-check,
#menu .sub-nav-check {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.toggle {
  color: #fff;
  cursor: pointer;
}

#menu, #menu .sub-nav {
  background: #5d5c5d none repeat scroll 0 0;
  bottom: 0;
  left: -22em;
  position: absolute;
  top: 0;
  width: 22em;
  height: 100%;
}

.container {
  margin: 0;
  min-height: 100%;
  padding: 0;
}

.container, #menu, #menu .sub-nav {
  transform: translate(0px, 0px);
  transition: transform 0.25s ease 0s;
}

#menu ul {
  background: #5d5c5d none repeat scroll 0 0;
  border-top: 1px solid #747273;
  line-height: 3em;
  list-style: outside none none;
  padding: 0;
  text-decoration: none;
}

#menu ul.sub-nav {
  margin-top: 64px;
}

#menu li {
  border-bottom: 1px solid #747273;
}

#menu li a {
  background: #5d5c5d none repeat scroll 0 0;
  color: rgb(255, 255, 255);
  display: block;
  font-size: 125%;
  padding: 0 0 0 1em;
  text-decoration: none;
  overflow: hidden;
}

#menu li a:hover,
#menu .toggle-sub:hover {
  background: #656364 none repeat scroll 0 0;
}

#menu ul.sub-nav ul.sub-nav {
  margin-top: -1px;
}

#menu .sub-heading {
  background: #5d5c5d none repeat scroll 0 0;
  color: #747273;
  font-size: 125%;
  padding-left: 1em;
}

#menu .sub-heading label.toggle {
  color: #747273;
  padding-left: 0;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#menu .sub-heading label.toggle:hover {
  color: #848283;
}

#menu .sub-heading label span {
  font-size: 100%;
  color: rgb(255, 255, 255);
  margin-left: 0.5em;
  display: inline-block;
}

#menu .toggle-sub {
  background: #5d5c5d none repeat scroll 0 0;
  border-left: 1px solid #747273;
  color: #fff;
  cursor: pointer;
  float: right;
  margin-top: -3em;
  text-align: center;
  width: 2.25em;
}

.container, #menu, #menu .sub-nav {
  transform: translate3d(0px, 0px, 0px);
}

#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ [id$=-sub] {
  transform: translate(22em, 0px);
}

#menu li a.active {
  color: #9b5b7b;
}

/* FOOTER =============================================================================== */
footer .footbox {
  padding: 0.75em 0;
}

footer .footbox p {
  margin: 0;
}

footer .footbox a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: none;
  border: none;
  color: #717171;
}

footer .footbox a:hover {
  color: #3e3d3e;
}

[class*=pure-u].footbox {
  font-size: 80%;
  text-align: center;
  line-height: 160%;
  color: #717171;
}

#gotop {
  height: 3em;
  cursor: pointer;
  position: relative;
}

#gotop a {
  display: block;
  width: 100%;
  height: 3em;
  content: "";
}

#gotop a:before {
  font-family: "tmicons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 130%;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e941";
  color: #717171;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 0.5em;
  left: 49%;
}

#gotop:hover a:before {
  top: 0;
  color: #3e3d3e;
}

/* DIVERSE =============================================================================== */
.center {
  text-align: center;
}

.clear {
  clear: both;
}

cite {
  color: #bfa5a4;
}

.fifty {
  width: 50%;
}

.by25 {
  width: 25%;
}

strong {
  font-family: "ClearSansScreen-Bd";
  font-weight: normal !important;
}

.right {
  text-align: right;
}

.fright {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.75em;
}

.fleft {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.75em;
}

img.fright + img.fright {
  clear: both;
  margin-top: 0.5em;
}

.error {
  color: red;
  font-weight: bold;
}

.error:before {
  font-family: "tmicons";
  font-weight: normal;
  content: "\e955";
  margin-right: 0.5em;
}

form .error {
  margin-left: 176px;
  margin-bottom: 0.1em;
}

.form-required {
  border-color: #e9322d !important;
}

.hidden {
  display: none;
}

.pure-form label.form-label-checkbox {
  margin-left: 0.33em;
  display: inline-block;
  vertical-align: middle;
}

.pure-form-aligned label + .pure-controls {
  margin-top: 0;
}

.pure-form-aligned label.controlslabel {
  text-align: right;
  display: inline-block;
  vertical-align: top;
  width: 10em;
  margin-right: 1em;
}

.pure-form-aligned label.controlslabel + .pure-controls {
  margin-left: 0;
  display: inline-block;
}

input.ctrl {
  margin-right: 0.33em;
  display: inline-block;
  vertical-align: top;
}

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
  padding-top: 0.65em;
}

.form-small {
  width: 12%;
}

.form-medium {
  width: 30%;
}

.form-large {
  width: 60%;
}

.pure-control-group textarea.form-2row {
  min-height: inherit;
  height: 3.6em;
}
.pure-control-group textarea.form-5row {
  min-height: inherit;
  height: 8em;
}
.pure-control-group textarea.form-10row {
  min-height: inherit;
  height: 16em;
}
.pure-control-group textarea.form-15row {
  min-height: inherit;
  height: 24em;
}

.rowbutton {
  margin-left: 9.15em;
}

@media only screen and (max-width: 480px) {
  form .error,
  .rowbutton {
    margin-left: 0;
  }
  .form-small {
    width: 20%;
  }
  .form-medium {
    width: 40%;
  }
  .form-large {
    width: 90%;
  }
}
/* SEITENINHALTE VARIA ========================================================================== */
p.lead {
  font-size: 120%;
  line-height: 130%;
  padding: 0 1em 0 1.5em;
}

p.legende {
  font-size: 85%;
  color: #3e3d3e;
  line-height: 130%;
  margin-top: 0;
}

figcaption.legende {
  font-size: 85%;
  color: #3e3d3e;
  line-height: 1.2;
  text-align: right;
}

/* Zitat */
.zitatbox {
  margin: 1em 0;
}

.zitat {
  font-family: andada, "Times New Roman", Times, serif;
  font-size: 150%;
  color: #3e3d3e;
  line-height: 130%;
  font-style: italic;
}

.zitatbox .zitat {
  margin-bottom: 0;
}

p.autor {
  font-size: 85%;
  text-align: right;
}

/* Bild umflossen */
.floatimg > img {
  width: 42%;
}

div.fleft img,
div.fright img {
  width: 100%;
}

div.fleft, div.fright {
  display: inline-block;
  vertical-align: top;
  width: 42%;
}

/* Bild-Text-Box z.B. für Partner */
.bild-text {
  margin: 0.75em 0;
}

.bildbox .wrap {
  margin-right: 1em;
}

.bildbox img {
  width: 100%;
}

.textbox h3,
.textbox h4 {
  margin-top: 0;
}

/* Tabelle */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

th, td {
  font-size: 90%;
  line-height: 125%;
  text-align: left;
  margin: 0;
  overflow: visible;
  padding: 0.75em 0.5em 0.25em 0.5em;
  border-bottom: 1px solid rgb(180, 198, 212);
  vertical-align: top;
}

th {
  background-color: rgb(180, 198, 212);
  font-family: "ClearSansScreen-Bd";
  font-weight: normal;
  color: rgb(255, 255, 255);
}

/* SUCHFORMULAR ========================================================================== */
.searchbox {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  position: relative;
  overflow: hidden;
}

.searchbox label {
  color: rgb(255, 255, 255) !important;
  padding: 0.25em 0 0 0;
  background: none !important;
  border: none;
}

.searchbox label span {
  font-size: 200%;
  font-weight: normal;
}

.searchbox .search-check {
  display: none;
}

.trigger.opened span:before {
  content: "\e92a";
}

.suchform {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -22em;
  display: inline-block;
  vertical-align: top;
  margin-top: 0.9em;
  width: 22em;
  height: 36px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #5d5c5d;
  transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.25s ease 0s;
  -webkit-transition: border 1s ease;
  -moz-transition: border 1s ease;
  -ms-transition: border 1s ease;
  -o-transition: border 1s ease;
  transition: border 1s ease;
}

#suche-check:checked ~ .suchform {
  transform: translate(-25em, 0px);
}

.suchform .pure-form input[type=text] {
  display: inline-block;
  vertical-align: top;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgb(255, 255, 255);
  border-right: 0;
  width: 88%;
  -webkit-appearance: none;
}

.suchform .pure-form ::-webkit-input-placeholder,
.suchform .pure-form ::-moz-placeholder,
.suchform .pure-form :-ms-input-placeholder,
.suchform .pure-form :-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  color: yellow;
}

.suchform button {
  display: inline-block;
  vertical-align: top;
  background-color: #6d6b6c;
  border-left: 0;
  border-radius: 0;
  padding: 8px 9px 4px 12px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.suchform.focused {
  border-color: rgba(255, 255, 255, 0.8);
}

.suchform button:hover {
  background-color: #3e3d3e;
  background-image: none;
}

.suchform button span:before {
  color: rgb(255, 255, 255);
  font-size: 125%;
}

#content form.il-form {
  margin-bottom: 1.75em;
}
#content form.il-form button.pure-button {
  font-size: 110%;
  padding: 0.55em 0.75em 0.45em 0.75em;
  margin-left: 0.25em;
}
#content form.il-form button.pure-button i {
  margin-right: 0.25em;
}

@media only screen and (max-width: 480px) {
  #content form.il-form {
    margin-bottom: 1em;
  }
  #content form.il-form button.pure-button {
    padding: 0.35em 0.75em 0.25em 0.75em;
    margin-left: 0;
    width: 98%;
  }
}
/* KEYVISUALS | CLAIM | PANEL (LOGO) ======================================================================= */
.keyvis {
  background-image: url(../customer/keyvis_bps_people01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 360px;
  max-height: 440px;
  position: relative;
}

.panel {
  background-color: rgb(255, 255, 255);
  width: 300px;
  position: fixed;
  top: 0;
  right: 9em;
  padding-top: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 999;
}

.panel.scrolled {
  box-shadow: 4px 6px 12px 0 rgba(0, 0, 0, 0.25);
}

.panel.defocused {
  z-index: auto;
}

#logo {
  height: 130px;
  width: 84%;
  background-image: url(../img/logo_tmag.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.svg #logo {
  background-image: url(../img/logo_tmag.svg);
}

.svg.trident #logo,
.svg.edge #logo {
  background-image: url(../img/logo_tmag.png);
}

.better {
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 120%;
  color: rgb(255, 255, 255);
  text-shadow: 0 0 12px #000;
  padding-top: 230px;
}

.opening {
  font-family: "ClearSansScreen-Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 115%;
}

.claim {
  font-size: 180%;
  line-height: 106%;
}

/* TERMINE / EVENTS ======================================================================= */
a.boxlink {
  display: block;
  padding: 0 0.25em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-bottom: 1px solid rgba(93, 92, 93, 0.3);
}

a.boxlink:hover {
  background-color: rgba(93, 92, 93, 0.1);
}

.eventbox {
  padding: 0.5em 0;
}

.eventbox [class$=part] {
  display: inline-block;
  vertical-align: top;
}

.eventbox .infopart {
  width: 72%;
}

.eventbox .imgpart {
  width: 25%;
}

h3.date + h2 {
  margin-top: 0;
}

/* THEMENBOXEN | THEMENSEITE ======================================================================= */
.gbox {
  padding: 0 1.3em 1.1em 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tboxes .elem {
  display: block;
  margin: 0 1.3em 1.1em 0;
  border-bottom: 1px solid #b1b1b1;
}

.tboxes .elem .outer {
  background-color: #999;
  background-repeat: no-repeat;
  background-size: cover;
  color: rgb(255, 255, 255);
  position: relative;
  border-bottom-right-radius: 60% 36%;
  border-bottom-left-radius: 40% 9%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.no-touch .tboxes .elem .outer {
  -webkit-filter: grayscale(30%) brightness(0.95);
  -moz-filter: grayscale(30%) brightness(0.95);
  -o-filter: grayscale(30%) brightness(0.95);
  -ms-filter: grayscale(30%) brightness(0.95);
  filter: grayscale(30%) brightness(0.95);
}

.tboxes .elem .outer:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.tboxes .elem .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 0.75em;
}

.tboxes .elem h3.title {
  text-overflow: ellipsis;
  font-family: "ClearSansScreen-Bd";
  font-size: 130%;
  line-height: 1.2;
  margin-top: 0;
}

.tboxes .elem .dash {
  position: absolute;
  bottom: -0.7em;
  width: 100%;
  color: rgb(119, 117, 118);
  text-align: right;
  padding-right: 1.6em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.no-touch .tboxes .elem:hover .outer {
  -webkit-filter: grayscale(0%) brightness(1);
  -moz-filter: grayscale(0%) brightness(1);
  -o-filter: grayscale(0%) brightness(1);
  -ms-filter: grayscale(0%) brightness(1);
  filter: grayscale(0%) brightness(1);
}

.tboxes .elem:hover .dash {
  padding-right: 0.7em;
}

.tboxes .elem.ci01 .dash {
  color: rgb(70, 123, 67);
}

.tboxes .elem.cib1 .dash {
  color: rgb(166, 191, 151);
}

.tboxes .elem.ci02 .dash {
  color: rgb(103, 130, 151);
}

.tboxes .elem.cib2 .dash {
  color: rgb(180, 198, 212);
}

.tboxes .elem.ci03 .dash {
  color: rgb(168, 150, 42);
}

.tboxes .elem.cib3 .dash {
  color: rgb(214, 208, 148);
}

.tboxes .elem.ci04 .dash {
  color: rgb(144, 31, 27);
}

.tboxes .elem.ci06 .dash {
  color: rgb(197, 144, 138);
}

.tboxes .elem .dash span {
  font-size: 200%;
}

.tboxes .elem .typetitle {
  text-transform: uppercase;
  font-size: 75%;
  color: #333333;
  margin-bottom: 0.3em;
}

.tboxes .elem > p {
  color: #333333;
  margin: 0.35em 0;
  font-size: 85%;
  line-height: 130%;
  height: 3.8em;
  overflow: hidden;
}

/* QUERVERWEISE | TMAG-BOXEN ======================================================================= */
.sect {
  margin: 2em 0;
}

.lbox {
  border-top: 1px solid #b1b1b1;
  padding-top: 0.5em;
  margin-right: 1.1em;
}

.quers {
  min-height: 200px;
}

.quers-icn {
  font-size: 180%;
  color: gray;
}

.quers .elem.ci01 {
  background-color: #5da359;
}

.quers .elem.cib1 {
  background-color: #c6d6bd;
}

.quers .elem.ci02 {
  background-color: #8ba0b0;
}

.quers .elem.cib2 {
  background-color: #dbe4ea;
}

.quers .elem.ci03 {
  background-color: #cfbb40;
}

.quers .elem.cib3 {
  background-color: #e7e3c0;
}

.quers .elem.ci04 {
  background-color: #c42a25;
}

.quers .elem.ci06 {
  background-color: #d9b7b3;
}

.quers a.elem {
  background-color: rgb(119, 117, 118);
  color: rgb(255, 255, 255) !important;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 6%;
  min-width: 42px;
  margin: 0 0.2em 0.8em 0;
  border-bottom-right-radius: 60% 36%;
  border-bottom-left-radius: 40% 9%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.quers .elem:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.quers .elem .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 0.75em;
}

.quers .elem h3.title {
  text-overflow: ellipsis;
  text-align: center;
  margin-top: 0.2em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.quers .elem h3 span {
  display: none;
}

.quers .elem h3.spitzmark {
  text-align: left;
  visibility: hidden;
  display: none;
}

.quers .elem .dash {
  width: 80%;
  text-align: center;
  position: absolute;
  bottom: 1em;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.quers .elem .dash span {
  font-size: 140%;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.quers .elem:hover {
  width: 19.25%;
}

.quers .elem:hover h3.spitzmark {
  visibility: visible;
  display: block;
}

.quers .elem:hover h3 span {
  display: inline;
}

.quers .elem:hover h3.title {
  margin-top: 1em;
}

.quers .elem:hover .dash span {
  opacity: 1;
}

[data-fancybox] {
  cursor: pointer;
}

.spalte figure + figure,
.spalte figure + .dlbox {
  margin-top: 1em;
}

/* SPALTE RECHTS ========================================================================= */
aside [class*=box] {
  aspect-ratio: 1/1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.75em;
}
aside [class*=box] ul {
  margin: 1em 0 0 0;
  padding: 0;
}
aside [class*=box] ul li {
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
aside [class*=box] ul li:last-child {
  margin: 0;
}
aside [class*=box] ul li a {
  display: block;
  position: relative;
  font-size: 0.85em;
  line-height: 1.15;
  hyphens: none;
  break-inside: avoid;
}

aside .box .content {
  font-size: 80%;
}

h3.spitzmark {
  font-size: 60%;
  font-family: "ClearSansScreen-Lt";
  text-align: right;
  margin: 0;
}

.dlbox,
.buttonbox,
.spalte .box {
  background-color: rgba(93, 92, 93, 0.1);
  max-width: 220px;
  margin-bottom: 0.5em;
}

#content aside [class*=dlbox] {
  aspect-ratio: unset;
  min-height: 194px;
}

.box h4 + p {
  margin-top: 0;
}

.spalte .buttonbox {
  background-color: rgba(93, 92, 93, 0.8);
  color: white;
}
.spalte .buttonbox ul li:last-child {
  margin-bottom: 0 !important;
}
.spalte .buttonbox ul li a {
  font-family: "ClearSansScreen-Bd";
  font-size: 1em;
  color: rgba(255, 255, 255, 0.8);
}
.spalte .buttonbox ul li a:hover {
  color: white;
}

/* HOMEPAGE ============================================================================== */
/* Keyvisual-Bereich */
.home .panel {
  bottom: inherit;
  padding-bottom: inherit;
}

.home .opening {
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 300%;
}

.home .better {
  padding-top: 9em;
}

/* Themen im Keyvisualbereich */
.homethemes {
  margin-top: 0.333em;
}

.tboxes.themes .elem {
  border: none;
}

.tboxes.themes .elem .outer {
  background-color: rgba(144, 31, 27, 0.6);
}

.tboxes.themes .elem:hover .outer {
  background-color: rgba(144, 31, 27, 0.8);
}

.tboxes.themes .elem.ci01 .outer {
  background-color: rgba(70, 123, 67, 0.6);
}

.tboxes.themes .elem.ci01:hover .outer {
  background-color: rgba(70, 123, 67, 0.7);
}

.tboxes.themes .elem.cib1 .outer {
  background-color: rgba(166, 191, 151, 0.6);
}

.tboxes.themes .elem.cib1:hover .outer {
  background-color: rgba(166, 191, 151, 0.7);
}

.tboxes.themes .elem.ci02 .outer {
  background-color: rgba(103, 130, 151, 0.6);
}

.tboxes.themes .elem.ci02:hover .outer {
  background-color: rgba(103, 130, 151, 0.7);
}

.tboxes.themes .elem.cib2 .outer {
  background-color: rgba(180, 198, 212, 0.6);
}

.tboxes.themes .elem.cib2:hover .outer {
  background-color: rgba(180, 198, 212, 0.7);
}

.tboxes.themes .elem.ci03 .outer {
  background-color: rgba(168, 150, 42, 0.6);
}

.tboxes.themes .elem.ci03:hover .outer {
  background-color: rgba(168, 150, 42, 0.7);
}

.tboxes.themes .elem.cib3 .outer {
  background-color: rgba(214, 208, 148, 0.6);
}

.tboxes.themes .elem.cib3:hover .outer {
  background-color: rgba(214, 208, 148, 0.7);
}

.tboxes.themes .elem.ci04 .outer {
  background-color: rgba(144, 31, 27, 0.6);
}

.tboxes.themes .elem.ci04:hover .outer {
  background-color: rgba(144, 31, 27, 0.7);
}

.tboxes.themes .elem.ci06 .outer {
  background-color: rgba(197, 144, 138, 0.6);
}

.tboxes.themes .elem.ci06:hover .outer {
  background-color: rgba(197, 144, 138, 0.7);
}

.tboxes.themes .gbox .elem .outer {
  background-color: rgba(168, 150, 42, 0.6);
}

.tboxes.themes .gbox .elem:hover .outer {
  background-color: rgba(168, 150, 42, 0.7);
}

.tboxes.themes .gbox:first-child .elem .outer {
  background-color: rgba(144, 31, 27, 0.6);
}

.tboxes.themes .gbox:last-child .elem .outer {
  background-color: rgba(70, 123, 67, 0.6);
}

.tboxes.themes .gbox {
  height: 8em;
}

.tboxes.themes .elem .outer:before {
  padding-top: 80%;
}

.tboxes.themes .clip {
  overflow: hidden;
  position: relative;
}

.tboxes .elem .clip:before {
  content: "";
  display: block;
  padding-top: 80%;
}

.tboxes.themes .clip .outer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(0, -56%);
}

.tboxes.themes .clip .inner {
  padding-top: 48%;
}

.tboxes.themes .dash span {
  color: rgb(255, 255, 255);
}

.tboxes.themes .elem {
  border: none !important;
}

/* Grosse Outline-Boxen im Contentbereich */
.tboxes.mega {
  margin-bottom: 1em;
  overflow: hidden;
  padding-top: 0.5em;
}

.tboxes.mega .elem {
  border: 0;
}

.tboxes.mega .elem .outer:before {
  padding-top: 88%;
}

.tboxes.mega .h-reg {
  overflow: hidden;
  height: 11em;
}

.tboxes.mega .clip {
  overflow: hidden;
  border-top: 2px solid rgb(119, 117, 118);
  position: relative;
}

.tboxes .mega .clip:before {
  content: "";
  display: block;
  padding-top: 88%;
}

.tboxes.mega .clip .outer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(0, -53%);
}

.tboxes.mega .clip .inner {
  padding-top: 40%;
}

.tboxes.mega .elem .outer {
  background: none;
  border: 2px solid rgb(119, 117, 118);
}

.tboxes.mega .elem h3.title {
  font-family: "ClearSans-Bk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "ClearSansScreen-Lt";
  line-height: 1.1;
  font-size: 174%;
  hyphens: none;
  color: rgb(119, 117, 118);
  text-align: center;
  padding: 0 0.5em;
  margin-top: 1em;
}

.tboxes.mega .elem .dash {
  color: rgb(119, 117, 118);
}

.tboxes.mega .dash {
  padding-right: 2em;
}

.tboxes.mega .dash span {
  font-size: 240%;
}

.tboxes.mega .elem > p {
  font-size: 105%;
  margin-top: 1em;
  height: auto;
}

/* Terminkalender im Contentbereich */
.home #content .cont {
  padding-right: 1.3em;
}

.termine {
  padding: 0.25em 0.75em;
  background-color: #526879;
  margin-bottom: 1em;
  margin-top: -0.75em;
}
.termine.foldable {
  display: none;
}

.termine table {
  width: 100%;
  color: rgb(255, 255, 255);
}

.termine a {
  color: rgb(255, 255, 255);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.termine a:hover {
  color: rgb(137, 171, 196);
}

.termine table.pure-table {
  border: 0;
}

.termine .pure-table-horizontal td {
  border-color: rgb(103, 130, 151);
}

.termine .pure-button {
  background: none;
  color: rgb(137, 171, 196);
  border-radius: 0;
  border: 1px solid rgba(214, 208, 148, 0.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.termine .pure-button.pure-button-primary {
  color: rgb(214, 208, 148);
}

.termine .pure-button:hover {
  background-color: rgb(103, 130, 151);
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}

td.subscribe {
  text-align: right;
  padding-right: 0;
}

td.date {
  padding-left: 0;
}

.events h3 {
  text-transform: uppercase;
  font-size: 110%;
  margin: 0;
  padding: 0.4em 3em 0 1em;
  height: 1.3em;
  font-family: "ClearSansScreen-Bd";
  display: inline-block;
  vertical-align: top;
  background-color: rgb(255, 255, 255);
  margin-top: -1.3em;
}

.events .fold:focus {
  outline: none;
}

.fold.open [class^=icon-]:before {
  content: "\e939";
}

/* MOBILE SPECIALS ======================================================================= */
/* TOUCH DEVICES ========================================================================= */
/* RESPONSIVE ADDITIONS ================================================================== */
@media only screen and (max-width: 999px) {
  .panel {
    right: 3.8em;
    width: 220px;
  }
  .panel #logo {
    height: 92px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 999px) {
  .pure-g-r .pure-u-15-24 {
    width: 75%;
  }
  .pure-g-r aside.pure-u-4-24 {
    width: 25%;
  }
  .pure-g-r .pure-u-19-24 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 100%;
  }
  .mobileonly {
    display: inherit;
  }
  #footnav {
    margin-bottom: 0.3em;
  }
  .spalte {
    min-height: auto;
  }
  .quers .elem:hover {
    width: 33%;
  }
  .pure-g-r .gbox.pure-u-8-24 {
    width: 33.33333%;
  }
  .pure-g-r .gbox.pure-u-12-24 {
    width: 50%;
  }
}
@media only screen and (max-width: 667px) {
  .tease.pure-g-r .gbox.pure-u-8-24 {
    width: 50%;
  }
  .tease .gbox.pure-u-8-24:nth-child(3n+3) {
    padding-right: inherit;
  }
  .themes.tboxes .elem .dash span {
    font-size: 120%;
  }
  .tboxes .elem > p {
    height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .pure-g-r .gbox.pure-u-12-24 {
    width: 100%;
    padding-right: 0;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1109px) {
  .themes.tboxes .elem h3.title {
    font-size: 120%;
  }
  .tboxes.mega .elem h3.title {
    font-size: 150%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
  .themes.tboxes .elem h3.title {
    font-size: 110%;
  }
  .tboxes.mega .elem h3.title {
    font-size: 140%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  .themes.tboxes .elem h3.title {
    font-size: 90%;
  }
  .tboxes.mega .h-reg {
    height: 7.4em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 130%;
  }
  .tboxes.mega .dash span {
    font-size: 190%;
  }
}
@media only screen and (min-width: 640px) and (max-width: 700px) {
  .tboxes.mega .elem h3.title {
    font-size: 100%;
  }
}
@media only screen and (min-width: 561px) and (max-width: 639px) {
  .themes.tboxes .elem h3.title {
    font-size: 80%;
  }
  .tboxes.mega .h-reg {
    height: 14em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 220%;
  }
  .tboxes.mega .dash span {
    font-size: 240%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 560px) {
  .themes.tboxes .elem h3.title {
    font-size: 70%;
  }
  .tboxes.mega .h-reg {
    height: 12em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 190%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 480px) {
  .tboxes.mega .h-reg {
    height: 11em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 170%;
  }
}
@media only screen and (min-width: 420px) and (max-width: 439px) {
  .tboxes.mega .elem h3.title {
    font-size: 160%;
  }
}
@media only screen and (min-width: 361px) and (max-width: 419px) {
  .tboxes.mega .h-reg {
    height: 9em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 130%;
  }
}
@media only screen and (max-width: 360px) {
  .tboxes.mega .h-reg {
    height: 8em;
  }
  .tboxes.mega .elem h3.title {
    font-size: 110%;
  }
  .tboxes.mega .dash span {
    font-size: 180%;
  }
}
@media only screen and (max-width: 320px) {
  .tboxes.mega .h-reg {
    height: 7.4em;
  }
}
@media only screen and (max-width: 319px) {
  .themes {
    display: none;
  }
}
@media only screen and (max-width: 280px) {
  .tboxes.mega .h-reg {
    height: 10em;
  }
  .tboxes .elem .clip:before {
    padding-top: 140%;
  }
  .tboxes.mega .clip .inner {
    padding-top: 75%;
  }
}
@media only screen and (max-width: 480px) {
  .keyvis {
    min-height: 200px;
  }
  .panel {
    height: 40px;
    right: 5%;
    width: 100px;
    padding-bottom: 0;
  }
  .panel #logo {
    height: 36px;
    width: 80%;
  }
  .better {
    padding-top: 80px;
  }
  .better .opening {
    font-size: 85%;
  }
  .better .claim {
    font-size: 125%;
  }
  .pure-menu .themenav li {
    max-width: 33%;
  }
  .pure-menu .themenav li a {
    padding-right: 0.25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .themenav .pointbox {
    display: none;
  }
  .tboxes .elem {
    width: 100%;
    margin-right: 0;
  }
  .tboxes .elem > p {
    height: auto;
  }
  input.form-large, textarea.form-large,
  input.form-medium, textarea.form-medium,
  input.form-small, textarea.form-small,
  input[type=text], input[type=password], input[type=email], textarea, select {
    width: 98%;
    padding: 9px 2px 6px 8px;
  }
  .searchbox .suchform {
    width: 80%;
  }
  .suchform .pure-form input[type=text] {
    width: 75%;
  }
  .suchform .pure-form button[type=submit] {
    margin-top: 0;
  }
  .quers .elem:hover {
    width: 49%;
  }
  [class*=pure-u].footbox {
    margin-bottom: 2em;
  }
  #content .pure-form .pure-input-1-3 {
    width: 100%;
  }
  #content .pure-form-aligned .pure-controls {
    margin-left: 0;
  }
  #content form .pure-button {
    width: 100%;
  }
  #content .pure-control-group textarea {
    margin-top: inherit;
  }
  aside.spalte {
    padding-top: 0;
  }
  .tboxes.pure-g-r .gbox.pure-u-8-24 {
    width: 100%;
    padding-right: 0;
  }
  .home #content .cont {
    padding-right: 0;
  }
  .home .better {
    padding-top: 2em;
  }
  .home .opening {
    font-size: 160%;
  }
  .homethemes {
    margin-top: 0.33em;
    padding-bottom: 2em;
  }
  .homethemes .pure-g-r .pure-u-19-24 {
    width: 100%;
  }
  .tboxes.themes.pure-g-r .gbox.pure-u-8-24 {
    width: 62%;
  }
  .tboxes.themes .gbox {
    height: 6em;
  }
  .tboxes.themes .elem h3.title {
    font-size: 100%;
  }
  .tboxes.themes .elem .dash span {
    font-size: 120%;
  }
  /* Responsive Table */
  table.responsive th {
    border-color: rgb(255, 255, 255);
  }
  table.responsive th,
  table.responsive td {
    display: block;
    border-bottom-width: 1px;
    width: 100%;
    font-size: 100%;
    padding: 0.25em 0.5em;
  }
  table.responsive td:last-child {
    border-bottom-width: 2px;
    padding-bottom: 1.25em;
  }
  table.responsive td:first-child {
    padding-top: 1em;
  }
  table.responsive a.pure-button {
    width: 100%;
  }
  .termine table.responsive td {
    padding-left: 0;
    padding-right: 0;
  }
  .termine td.date {
    font-size: 75%;
  }
  .termine td.name {
    font-size: 120%;
    font-family: "ClearSansScreen-Bd";
  }
  div.fleft, div.fright {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .eventbox .infopart {
    width: 100%;
  }
  .eventbox .imgpart {
    width: 42%;
  }
}
@media only screen and (max-width: 360px) {
  #menu, #menu .sub-nav {
    width: 100%;
  }
  .themes.tboxes .gbox {
    height: 4.4em;
  }
  .quers .elem h3.title {
    font-size: 100%;
  }
}
/* Color Themes  ======================================================================================== */
body.tm-green {
  background-color: rgb(70, 123, 67);
}

.tm-green a {
  color: rgb(70, 123, 67);
}

.tm-green a:hover,
.tm-green a:visited:hover {
  color: #2f532d;
}

.tm-green a:visited {
  color: #546b53;
}

.tm-green #gotop a:hover,
.tm-green #gotop:hover a:before,
.tm-green footer .footbox a:hover {
  color: #2f532d !important;
}

.tm-green label.file-label,
.tm-green input[type=file] + label {
  background-color: #75b272;
}

.tm-green label.file-label:hover,
.tm-green input[type=file]:focus + label,
.tm-green input[type=file] + label:hover {
  background-color: rgb(70, 123, 67);
}

.tm-green .navbar {
  background-color: rgba(70, 123, 67, 0.3);
}

.tm-green .navbar.search-on {
  background-color: rgba(70, 123, 67, 0.75);
}

.tm-green #content form .pure-button:focus {
  border: 1px solid rgb(70, 123, 67);
}

.tm-green #theme-navigation {
  background-color: rgba(70, 123, 67, 0.75);
}

.tm-green #menu,
.tm-green #menu ul,
.tm-green #menu .sub-nav,
.tm-green #menu .sub-heading,
.tm-green #menu .toggle-sub,
.tm-green #menu li a {
  background: rgb(70, 123, 67) none repeat scroll 0 0;
}

.tm-green #menu ul {
  border-top: 1px solid #5da359;
}

.tm-green #menu li {
  border-bottom: 1px solid #5da359;
}

.tm-green #menu .sub-heading,
.tm-green #menu .sub-heading label.toggle {
  color: #5da359;
}

.tm-green #menu .toggle-sub {
  border-left: 1px solid #5da359;
}

.tm-green #menu .sub-heading label.toggle:hover {
  color: #7cb678;
}

.tm-green #menu li a.active {
  color: #4ac843;
}

.tm-green #menu li a:hover,
.tm-green #menu .toggle-sub:hover {
  background: #4e884a none repeat scroll 0 0;
}

.tm-green .suchform {
  background-color: rgb(70, 123, 67);
}

.tm-green .suchform button {
  background-color: #4e884a;
}

.tm-green .suchform button:hover {
  background-color: #62a75e;
}

.tm-green a.boxlink {
  border-bottom: 1px solid rgba(70, 123, 67, 0.3);
}

.tm-green a.boxlink:hover,
.tm-green .dlbox,
.tm-green .spalte .box {
  background-color: rgba(70, 123, 67, 0.1);
}

.tm-green .buttonbox {
  background-color: rgba(70, 123, 67, 0.8);
}

.tm-green .pure-menu .langnav li a.active,
.tm-green footer .footbox a,
.tm-green [class*=pure-u].footbox,
.tm-green #gotop a:before {
  color: #82a37f;
}

.tm-green .tboxes .elem {
  border-bottom: 1px solid #bcceba;
}

.tm-green .lbox {
  border-top: 1px solid #bcceba;
}

.tm-green #content form .pure-button,
.tm-green .pure-button {
  color: rgb(70, 123, 67);
  border-color: rgb(70, 123, 67);
}

.tm-green th {
  background-color: rgba(70, 123, 67, 0.5);
}

.tm-green td,
.tm-green th {
  border-color: rgba(70, 123, 67, 0.25);
}

.tm-green #content li:before {
  border-left-color: rgb(70, 123, 67);
}

.tboxes.mega .elem.tm-green .outer {
  border-color: rgb(70, 123, 67);
}

.tboxes.mega .elem.tm-green .clip {
  border-color: rgb(70, 123, 67);
}

.tboxes.mega .elem.tm-green h3.title {
  color: rgb(70, 123, 67);
}

.tboxes.mega .elem.tm-green .dash {
  color: rgb(70, 123, 67);
}

.tm-green .xyz {
  background-color: rgba(70, 123, 67, 0.3);
}

body.tm-turqoise {
  background-color: rgb(103, 130, 151);
}

.tm-turqoise a {
  color: rgb(103, 130, 151);
}

.tm-turqoise a:hover,
.tm-turqoise a:visited:hover {
  color: #4e6373;
}

.tm-turqoise a:visited {
  color: #7d7f81;
}

.tm-turqoise #gotop a:hover,
.tm-turqoise #gotop:hover a:before,
.tm-turqoise footer .footbox a:hover {
  color: #4e6373 !important;
}

.tm-turqoise label.file-label,
.tm-turqoise input[type=file] + label {
  background-color: #a3b4c1;
}

.tm-turqoise label.file-label:hover,
.tm-turqoise input[type=file]:focus + label,
.tm-turqoise input[type=file] + label:hover {
  background-color: rgb(103, 130, 151);
}

.tm-turqoise .navbar {
  background-color: rgba(103, 130, 151, 0.3);
}

.tm-turqoise .navbar.search-on {
  background-color: rgba(103, 130, 151, 0.75);
}

.tm-turqoise #content form .pure-button:focus {
  border: 1px solid rgb(103, 130, 151);
}

.tm-turqoise #theme-navigation {
  background-color: rgba(103, 130, 151, 0.75);
}

.tm-turqoise #menu,
.tm-turqoise #menu ul,
.tm-turqoise #menu .sub-nav,
.tm-turqoise #menu .sub-heading,
.tm-turqoise #menu .toggle-sub,
.tm-turqoise #menu li a {
  background: rgb(103, 130, 151) none repeat scroll 0 0;
}

.tm-turqoise #menu ul {
  border-top: 1px solid #8ba0b0;
}

.tm-turqoise #menu li {
  border-bottom: 1px solid #8ba0b0;
}

.tm-turqoise #menu .sub-heading,
.tm-turqoise #menu .sub-heading label.toggle {
  color: #8ba0b0;
}

.tm-turqoise #menu .toggle-sub {
  border-left: 1px solid #8ba0b0;
}

.tm-turqoise #menu .sub-heading label.toggle:hover {
  color: #aab9c5;
}

.tm-turqoise #menu li a.active {
  color: #7eaacd;
}

.tm-turqoise #menu li a:hover,
.tm-turqoise #menu .toggle-sub:hover {
  background: #738c9f none repeat scroll 0 0;
}

.tm-turqoise .suchform {
  background-color: rgb(103, 130, 151);
}

.tm-turqoise .suchform button {
  background-color: #738c9f;
}

.tm-turqoise .suchform button:hover {
  background-color: #91a5b4;
}

.tm-turqoise a.boxlink {
  border-bottom: 1px solid rgba(103, 130, 151, 0.3);
}

.tm-turqoise a.boxlink:hover,
.tm-turqoise .dlbox,
.tm-turqoise .spalte .box {
  background-color: rgba(103, 130, 151, 0.1);
}

.tm-turqoise .buttonbox {
  background-color: rgba(103, 130, 151, 0.8);
}

.tm-turqoise .pure-menu .langnav li a.active,
.tm-turqoise footer .footbox a,
.tm-turqoise [class*=pure-u].footbox,
.tm-turqoise #gotop a:before {
  color: #93a0a9;
}

.tm-turqoise .tboxes .elem {
  border-bottom: 1px solid #ccd2d6;
}

.tm-turqoise .lbox {
  border-top: 1px solid #ccd2d6;
}

.tm-turqoise #content form .pure-button,
.tm-turqoise .pure-button {
  color: rgb(103, 130, 151);
  border-color: rgb(103, 130, 151);
}

.tm-turqoise th {
  background-color: rgba(103, 130, 151, 0.5);
}

.tm-turqoise td,
.tm-turqoise th {
  border-color: rgba(103, 130, 151, 0.25);
}

.tm-turqoise #content li:before {
  border-left-color: rgb(103, 130, 151);
}

.tboxes.mega .elem.tm-turqoise .outer {
  border-color: rgb(103, 130, 151);
}

.tboxes.mega .elem.tm-turqoise .clip {
  border-color: rgb(103, 130, 151);
}

.tboxes.mega .elem.tm-turqoise h3.title {
  color: rgb(103, 130, 151);
}

.tboxes.mega .elem.tm-turqoise .dash {
  color: rgb(103, 130, 151);
}

.tm-turqoise .xyz {
  background-color: rgba(103, 130, 151, 0.3);
}

body.tm-orange {
  background-color: rgb(140, 125, 35);
}

.tm-orange a {
  color: rgb(140, 125, 35);
}

.tm-orange a:hover,
.tm-orange a:visited:hover {
  color: #5b5117;
}

.tm-orange a:visited {
  color: #7d7232;
}

.tm-orange #gotop a:hover,
.tm-orange #gotop:hover a:before,
.tm-orange footer .footbox a:hover {
  color: #5b5117 !important;
}

.tm-orange label.file-label,
.tm-orange input[type=file] + label {
  background-color: #d0bc45;
}

.tm-orange label.file-label:hover,
.tm-orange input[type=file]:focus + label,
.tm-orange input[type=file] + label:hover {
  background-color: rgb(140, 125, 35);
}

.tm-orange .navbar {
  background-color: rgba(140, 125, 35, 0.3);
}

.tm-orange .navbar.search-on {
  background-color: rgba(140, 125, 35, 0.75);
}

.tm-orange #content form .pure-button:focus {
  border: 1px solid rgb(140, 125, 35);
}

.tm-orange #theme-navigation {
  background-color: rgba(140, 125, 35, 0.75);
}

.tm-orange #menu,
.tm-orange #menu ul,
.tm-orange #menu .sub-nav,
.tm-orange #menu .sub-heading,
.tm-orange #menu .toggle-sub,
.tm-orange #menu li a {
  background: rgb(140, 125, 35) none repeat scroll 0 0;
}

.tm-orange #menu ul {
  border-top: 1px solid #bda92f;
}

.tm-orange #menu li {
  border-bottom: 1px solid #bda92f;
}

.tm-orange #menu .sub-heading,
.tm-orange #menu .sub-heading label.toggle {
  color: #bda92f;
}

.tm-orange #menu .toggle-sub {
  border-left: 1px solid #bda92f;
}

.tm-orange #menu .sub-heading label.toggle:hover {
  color: #d2bf4d;
}

.tm-orange #menu li a.active {
  color: #e9ca13;
}

.tm-orange #menu li a:hover,
.tm-orange #menu .toggle-sub:hover {
  background: #9c8c27 none repeat scroll 0 0;
}

.tm-orange .suchform {
  background-color: rgb(140, 125, 35);
}

.tm-orange .suchform button {
  background-color: #9c8c27;
}

.tm-orange .suchform button:hover {
  background-color: #c5b031;
}

.tm-orange a.boxlink {
  border-bottom: 1px solid rgba(140, 125, 35, 0.3);
}

.tm-orange a.boxlink:hover,
.tm-orange .dlbox,
.tm-orange .spalte .box {
  background-color: rgba(140, 125, 35, 0.1);
}

.tm-orange .buttonbox {
  background-color: rgba(140, 125, 35, 0.8);
}

.tm-orange .pure-menu .langnav li a.active,
.tm-orange footer .footbox a,
.tm-orange [class*=pure-u].footbox,
.tm-orange #gotop a:before {
  color: #b2a86b;
}

.tm-orange .tboxes .elem {
  border-bottom: 1px solid #d5cfae;
}

.tm-orange .lbox {
  border-top: 1px solid #d5cfae;
}

.tm-orange #content form .pure-button,
.tm-orange .pure-button {
  color: rgb(140, 125, 35);
  border-color: rgb(140, 125, 35);
}

.tm-orange th {
  background-color: rgba(140, 125, 35, 0.5);
}

.tm-orange td,
.tm-orange th {
  border-color: rgba(140, 125, 35, 0.25);
}

.tm-orange #content li:before {
  border-left-color: rgb(140, 125, 35);
}

.tboxes.mega .elem.tm-orange .outer {
  border-color: rgb(140, 125, 35);
}

.tboxes.mega .elem.tm-orange .clip {
  border-color: rgb(140, 125, 35);
}

.tboxes.mega .elem.tm-orange h3.title {
  color: rgb(140, 125, 35);
}

.tboxes.mega .elem.tm-orange .dash {
  color: rgb(140, 125, 35);
}

.tm-orange .xyz {
  background-color: rgba(140, 125, 35, 0.3);
}

body.tm-red {
  background-color: rgb(144, 31, 27);
}

.tm-red a {
  color: rgb(144, 31, 27);
}

.tm-red a:hover,
.tm-red a:visited:hover {
  color: #5c1411;
}

.tm-red a:visited {
  color: #812d2a;
}

.tm-red #gotop a:hover,
.tm-red #gotop:hover a:before,
.tm-red footer .footbox a:hover {
  color: #5c1411 !important;
}

.tm-red label.file-label,
.tm-red input[type=file] + label {
  background-color: #da3d37;
}

.tm-red label.file-label:hover,
.tm-red input[type=file]:focus + label,
.tm-red input[type=file] + label:hover {
  background-color: rgb(144, 31, 27);
}

.tm-red .navbar {
  background-color: rgba(144, 31, 27, 0.3);
}

.tm-red .navbar.search-on {
  background-color: rgba(144, 31, 27, 0.75);
}

.tm-red #content form .pure-button:focus {
  border: 1px solid rgb(144, 31, 27);
}

.tm-red #theme-navigation {
  background-color: rgba(144, 31, 27, 0.75);
}

.tm-red #menu,
.tm-red #menu ul,
.tm-red #menu .sub-nav,
.tm-red #menu .sub-heading,
.tm-red #menu .toggle-sub,
.tm-red #menu li a {
  background: rgb(144, 31, 27) none repeat scroll 0 0;
}

.tm-red #menu ul {
  border-top: 1px solid #c42a25;
}

.tm-red #menu li {
  border-bottom: 1px solid #c42a25;
}

.tm-red #menu .sub-heading,
.tm-red #menu .sub-heading label.toggle {
  color: #c42a25;
}

.tm-red #menu .toggle-sub {
  border-left: 1px solid #c42a25;
}

.tm-red #menu .sub-heading label.toggle:hover {
  color: #db4540;
}

.tm-red #menu li a.active {
  color: #ef1008;
}

.tm-red #menu li a:hover,
.tm-red #menu .toggle-sub:hover {
  background: #a1231e none repeat scroll 0 0;
}

.tm-red .suchform {
  background-color: rgb(144, 31, 27);
}

.tm-red .suchform button {
  background-color: #a1231e;
}

.tm-red .suchform button:hover {
  background-color: #cc2c26;
}

.tm-red a.boxlink {
  border-bottom: 1px solid rgba(144, 31, 27, 0.3);
}

.tm-red a.boxlink:hover,
.tm-red .dlbox,
.tm-red .spalte .box {
  background-color: rgba(144, 31, 27, 0.1);
}

.tm-red .buttonbox {
  background-color: rgba(144, 31, 27, 0.8);
}

.tm-red .pure-menu .langnav li a.active,
.tm-red footer .footbox a,
.tm-red [class*=pure-u].footbox,
.tm-red #gotop a:before {
  color: #b76763;
}

.tm-red .tboxes .elem {
  border-bottom: 1px solid #d7aba9;
}

.tm-red .lbox {
  border-top: 1px solid #d7aba9;
}

.tm-red #content form .pure-button,
.tm-red .pure-button {
  color: rgb(144, 31, 27);
  border-color: rgb(144, 31, 27);
}

.tm-red th {
  background-color: rgba(144, 31, 27, 0.5);
}

.tm-red td,
.tm-red th {
  border-color: rgba(144, 31, 27, 0.25);
}

.tm-red #content li:before {
  border-left-color: rgb(144, 31, 27);
}

.tboxes.mega .elem.tm-red .outer {
  border-color: rgb(144, 31, 27);
}

.tboxes.mega .elem.tm-red .clip {
  border-color: rgb(144, 31, 27);
}

.tboxes.mega .elem.tm-red h3.title {
  color: rgb(144, 31, 27);
}

.tboxes.mega .elem.tm-red .dash {
  color: rgb(144, 31, 27);
}

.tm-red .xyz {
  background-color: rgba(144, 31, 27, 0.3);
}

body.tm-rose {
  background-color: rgb(154, 106, 102);
}

.tm-rose a {
  color: rgb(154, 106, 102);
}

.tm-rose a:hover,
.tm-rose a:visited:hover {
  color: #75514d;
}

.tm-rose a:visited {
  color: #847c7c;
}

.tm-rose #gotop a:hover,
.tm-rose #gotop:hover a:before,
.tm-rose footer .footbox a:hover {
  color: #75514d !important;
}

.tm-rose label.file-label,
.tm-rose input[type=file] + label {
  background-color: #c3a6a3;
}

.tm-rose label.file-label:hover,
.tm-rose input[type=file]:focus + label,
.tm-rose input[type=file] + label:hover {
  background-color: rgb(154, 106, 102);
}

.tm-rose .navbar {
  background-color: rgba(154, 106, 102, 0.3);
}

.tm-rose .navbar.search-on {
  background-color: rgba(154, 106, 102, 0.75);
}

.tm-rose #content form .pure-button:focus {
  border: 1px solid rgb(154, 106, 102);
}

.tm-rose #theme-navigation {
  background-color: rgba(154, 106, 102, 0.75);
}

.tm-rose #menu,
.tm-rose #menu ul,
.tm-rose #menu .sub-nav,
.tm-rose #menu .sub-heading,
.tm-rose #menu .toggle-sub,
.tm-rose #menu li a {
  background: rgb(154, 106, 102) none repeat scroll 0 0;
}

.tm-rose #menu ul {
  border-top: 1px solid #b28e8b;
}

.tm-rose #menu li {
  border-bottom: 1px solid #b28e8b;
}

.tm-rose #menu .sub-heading,
.tm-rose #menu .sub-heading label.toggle {
  color: #b28e8b;
}

.tm-rose #menu .toggle-sub {
  border-left: 1px solid #b28e8b;
}

.tm-rose #menu .sub-heading label.toggle:hover {
  color: #c7acaa;
}

.tm-rose #menu li a.active {
  color: #cf847e;
}

.tm-rose #menu li a:hover,
.tm-rose #menu .toggle-sub:hover {
  background: #a27672 none repeat scroll 0 0;
}

.tm-rose .suchform {
  background-color: rgb(154, 106, 102);
}

.tm-rose .suchform button {
  background-color: #a27672;
}

.tm-rose .suchform button:hover {
  background-color: #b69491;
}

.tm-rose a.boxlink {
  border-bottom: 1px solid rgba(154, 106, 102, 0.3);
}

.tm-rose a.boxlink:hover,
.tm-rose .dlbox,
.tm-rose .spalte .box {
  background-color: rgba(154, 106, 102, 0.1);
}

.tm-rose .buttonbox {
  background-color: rgba(154, 106, 102, 0.8);
}

.tm-rose .pure-menu .langnav li a.active,
.tm-rose footer .footbox a,
.tm-rose [class*=pure-u].footbox,
.tm-rose #gotop a:before {
  color: #aa9492;
}

.tm-rose .tboxes .elem {
  border-bottom: 1px solid #d7cccb;
}

.tm-rose .lbox {
  border-top: 1px solid #d7cccb;
}

.tm-rose #content form .pure-button,
.tm-rose .pure-button {
  color: rgb(154, 106, 102);
  border-color: rgb(154, 106, 102);
}

.tm-rose th {
  background-color: rgba(154, 106, 102, 0.5);
}

.tm-rose td,
.tm-rose th {
  border-color: rgba(154, 106, 102, 0.25);
}

.tm-rose #content li:before {
  border-left-color: rgb(154, 106, 102);
}

.tboxes.mega .elem.tm-rose .outer {
  border-color: rgb(154, 106, 102);
}

.tboxes.mega .elem.tm-rose .clip {
  border-color: rgb(154, 106, 102);
}

.tboxes.mega .elem.tm-rose h3.title {
  color: rgb(154, 106, 102);
}

.tboxes.mega .elem.tm-rose .dash {
  color: rgb(154, 106, 102);
}

.tm-rose .xyz {
  background-color: rgba(154, 106, 102, 0.3);
}

body.tm-lightblue {
  background-color: rgb(137, 171, 196);
}

.tm-lightblue a {
  color: rgb(137, 171, 196);
}

.tm-lightblue a:hover,
.tm-lightblue a:visited:hover {
  color: #608eb0;
}

.tm-lightblue a:visited {
  color: #98a9b5;
}

.tm-lightblue #gotop a:hover,
.tm-lightblue #gotop:hover a:before,
.tm-lightblue footer .footbox a:hover {
  color: #608eb0 !important;
}

.tm-lightblue label.file-label,
.tm-lightblue input[type=file] + label {
  background-color: #cddbe6;
}

.tm-lightblue label.file-label:hover,
.tm-lightblue input[type=file]:focus + label,
.tm-lightblue input[type=file] + label:hover {
  background-color: rgb(137, 171, 196);
}

.tm-lightblue .navbar {
  background-color: rgba(137, 171, 196, 0.3);
}

.tm-lightblue .navbar.search-on {
  background-color: rgba(137, 171, 196, 0.75);
}

.tm-lightblue #content form .pure-button:focus {
  border: 1px solid rgb(137, 171, 196);
}

.tm-lightblue #theme-navigation {
  background-color: rgba(137, 171, 196, 0.75);
}

.tm-lightblue #menu,
.tm-lightblue #menu ul,
.tm-lightblue #menu .sub-nav,
.tm-lightblue #menu .sub-heading,
.tm-lightblue #menu .toggle-sub,
.tm-lightblue #menu li a {
  background: rgb(137, 171, 196) none repeat scroll 0 0;
}

.tm-lightblue #menu ul {
  border-top: 1px solid #b2c8d8;
}

.tm-lightblue #menu li {
  border-bottom: 1px solid #b2c8d8;
}

.tm-lightblue #menu .sub-heading,
.tm-lightblue #menu .sub-heading label.toggle {
  color: #b2c8d8;
}

.tm-lightblue #menu .toggle-sub {
  border-left: 1px solid #b2c8d8;
}

.tm-lightblue #menu .sub-heading label.toggle:hover {
  color: #d4e0e9;
}

.tm-lightblue #menu li a.active {
  color: #afd1ea;
}

.tm-lightblue #menu li a:hover,
.tm-lightblue #menu .toggle-sub:hover {
  background: #97b5cb none repeat scroll 0 0;
}

.tm-lightblue .suchform {
  background-color: rgb(137, 171, 196);
}

.tm-lightblue .suchform button {
  background-color: #97b5cb;
}

.tm-lightblue .suchform button:hover {
  background-color: #b9cddc;
}

.tm-lightblue a.boxlink {
  border-bottom: 1px solid rgba(137, 171, 196, 0.3);
}

.tm-lightblue a.boxlink:hover,
.tm-lightblue .dlbox,
.tm-lightblue .spalte .box {
  background-color: rgba(137, 171, 196, 0.1);
}

.tm-lightblue .buttonbox {
  background-color: rgba(137, 171, 196, 0.8);
}

.tm-lightblue .pure-menu .langnav li a.active,
.tm-lightblue footer .footbox a,
.tm-lightblue [class*=pure-u].footbox,
.tm-lightblue #gotop a:before {
  color: #a3afb8;
}

.tm-lightblue .tboxes .elem {
  border-bottom: 1px solid #dde1e4;
}

.tm-lightblue .lbox {
  border-top: 1px solid #dde1e4;
}

.tm-lightblue #content form .pure-button,
.tm-lightblue .pure-button {
  color: rgb(137, 171, 196);
  border-color: rgb(137, 171, 196);
}

.tm-lightblue th {
  background-color: rgba(137, 171, 196, 0.5);
}

.tm-lightblue td,
.tm-lightblue th {
  border-color: rgba(137, 171, 196, 0.25);
}

.tm-lightblue #content li:before {
  border-left-color: rgb(137, 171, 196);
}

.tboxes.mega .elem.tm-lightblue .outer {
  border-color: rgb(137, 171, 196);
}

.tboxes.mega .elem.tm-lightblue .clip {
  border-color: rgb(137, 171, 196);
}

.tboxes.mega .elem.tm-lightblue h3.title {
  color: rgb(137, 171, 196);
}

.tboxes.mega .elem.tm-lightblue .dash {
  color: rgb(137, 171, 196);
}

.tm-lightblue .xyz {
  background-color: rgba(137, 171, 196, 0.3);
}

body.tm-warmgrey {
  background-color: rgb(180, 162, 163);
}

.tm-warmgrey a {
  color: rgb(180, 162, 163);
}

.tm-warmgrey a:hover,
.tm-warmgrey a:visited:hover {
  color: #998081;
}

.tm-warmgrey a:visited {
  color: #ababab;
}

.tm-warmgrey #gotop a:hover,
.tm-warmgrey #gotop:hover a:before,
.tm-warmgrey footer .footbox a:hover {
  color: #998081 !important;
}

.tm-warmgrey label.file-label,
.tm-warmgrey input[type=file] + label {
  background-color: #e2dadb;
}

.tm-warmgrey label.file-label:hover,
.tm-warmgrey input[type=file]:focus + label,
.tm-warmgrey input[type=file] + label:hover {
  background-color: rgb(180, 162, 163);
}

.tm-warmgrey .navbar {
  background-color: rgba(180, 162, 163, 0.3);
}

.tm-warmgrey .navbar.search-on {
  background-color: rgba(180, 162, 163, 0.75);
}

.tm-warmgrey #content form .pure-button:focus {
  border: 1px solid rgb(180, 162, 163);
}

.tm-warmgrey #theme-navigation {
  background-color: rgba(180, 162, 163, 0.75);
}

.tm-warmgrey #menu,
.tm-warmgrey #menu ul,
.tm-warmgrey #menu .sub-nav,
.tm-warmgrey #menu .sub-heading,
.tm-warmgrey #menu .toggle-sub,
.tm-warmgrey #menu li a {
  background: rgb(180, 162, 163) none repeat scroll 0 0;
}

.tm-warmgrey #menu ul {
  border-top: 1px solid #cfc4c5;
}

.tm-warmgrey #menu li {
  border-bottom: 1px solid #cfc4c5;
}

.tm-warmgrey #menu .sub-heading,
.tm-warmgrey #menu .sub-heading label.toggle {
  color: #cfc4c5;
}

.tm-warmgrey #menu .toggle-sub {
  border-left: 1px solid #cfc4c5;
}

.tm-warmgrey #menu .sub-heading label.toggle:hover {
  color: #e6e0e0;
}

.tm-warmgrey #menu li a.active {
  color: #e2c1c3;
}

.tm-warmgrey #menu li a:hover,
.tm-warmgrey #menu .toggle-sub:hover {
  background: #bdadae none repeat scroll 0 0;
}

.tm-warmgrey .suchform {
  background-color: rgb(180, 162, 163);
}

.tm-warmgrey .suchform button {
  background-color: #bdadae;
}

.tm-warmgrey .suchform button:hover {
  background-color: #d4caca;
}

.tm-warmgrey a.boxlink {
  border-bottom: 1px solid rgba(180, 162, 163, 0.3);
}

.tm-warmgrey a.boxlink:hover,
.tm-warmgrey .dlbox,
.tm-warmgrey .spalte .box {
  background-color: rgba(180, 162, 163, 0.1);
}

.tm-warmgrey .buttonbox {
  background-color: rgba(180, 162, 163, 0.8);
}

.tm-warmgrey .pure-menu .langnav li a.active,
.tm-warmgrey footer .footbox a,
.tm-warmgrey [class*=pure-u].footbox,
.tm-warmgrey #gotop a:before {
  color: #b3acad;
}

.tm-warmgrey .tboxes .elem {
  border-bottom: 1px solid #e4e1e2;
}

.tm-warmgrey .lbox {
  border-top: 1px solid #e4e1e2;
}

.tm-warmgrey #content form .pure-button,
.tm-warmgrey .pure-button {
  color: rgb(180, 162, 163);
  border-color: rgb(180, 162, 163);
}

.tm-warmgrey th {
  background-color: rgba(180, 162, 163, 0.5);
}

.tm-warmgrey td,
.tm-warmgrey th {
  border-color: rgba(180, 162, 163, 0.25);
}

.tm-warmgrey #content li:before {
  border-left-color: rgb(180, 162, 163);
}

.tboxes.mega .elem.tm-warmgrey .outer {
  border-color: rgb(180, 162, 163);
}

.tboxes.mega .elem.tm-warmgrey .clip {
  border-color: rgb(180, 162, 163);
}

.tboxes.mega .elem.tm-warmgrey h3.title {
  color: rgb(180, 162, 163);
}

.tboxes.mega .elem.tm-warmgrey .dash {
  color: rgb(180, 162, 163);
}

.tm-warmgrey .xyz {
  background-color: rgba(180, 162, 163, 0.3);
}

/* Cookie Hint  ======================================================================================== */
.cookiehint-wrapper {
  position: fixed;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  background: rgba(43, 46, 56, 0.5);
  z-index: 9998;
  display: none;
}

.cookiehint {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 1em 0;
  background-color: white;
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
  z-index: 9999;
  display: none;
}
.cookiehint .right {
  padding-right: 1em;
}
.cookiehint p + p.smaller {
  margin-top: 0;
}

.smaller {
  font-size: 80%;
}

p.smaller {
  margin-top: 1.2em;
}

@media only screen and (max-width: 767px) {
  .cookiehint .right {
    padding-right: 0;
  }
}
/* Lauftext «Aktuelles»  =============================================================================== */
.cont-events {
  padding-bottom: 0.25em;
}

.cont-marquee {
  padding-bottom: 0;
}

.marquee-box {
  position: relative;
  height: 1.75em;
}
.marquee-box:before, .marquee-box:after {
  content: "";
  position: absolute;
  width: 2em;
  height: 100%;
  background: -webkit-linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  background: linear-gradient(90deg, white, rgba(255, 255, 255, 0));
  top: 0;
  left: -1px;
  z-index: 1000;
}
.marquee-box:after {
  left: auto;
  right: -1px;
  background: -webkit-linear-gradient(270deg, white, rgba(255, 255, 255, 0));
  background: -moz-linear-gradient(270deg, white, rgba(255, 255, 255, 0));
  background: -ms-linear-gradient(270deg, white, rgba(255, 255, 255, 0));
  background: linear-gradient(270deg, white, rgba(255, 255, 255, 0));
  z-index: 1001;
}
.marquee-box .fillbox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.marquee-box p {
  margin: 0;
  font-size: 1.2em;
  color: #526879;
}
.marquee-box p strong {
  margin-right: 0.5em;
  margin-left: 2em;
}

/* Download-Links im Content  =============================================================================== */
.dl-link {
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgb(180, 198, 212);
  transition: box-shadow 0.3s 0.2s;
  margin: 0 0.25em 0.5em 0;
}
.dl-link:hover {
  box-shadow: 0 0 0 2px rgb(180, 198, 212);
}
.dl-link > a {
  display: flex;
  align-items: end;
  gap: 1em;
  padding: 0.5em 1em 0.5em 0.5em;
  font-size: 1.25em;
  transition: background-color 0.3s;
  /*
  .tag:after {
  	display: block;
  	content: '';
  	font-size: 0.75em;
  	text-transform: uppercase;
  	color: grey;
  }
  &[href$=pdf] .tag:after {
  	content: 'pdf';
  }
  &[href$=doc] .tag:after {
  	content: 'doc';
  }
  &[href$=docx] .tag:after {
  	content: 'docx';
  }
  &[href$=xls] .tag:after {
  	content: 'xls';
  }
  &[href$=xlsx] .tag:after {
  	content: 'xlsx';
  }
  &[href$=ppt] .tag:after {
  	content: 'ppt';
  }
  &[href$=pptx] .tag:after {
  	content: 'pptx';
  }
  &[href$=zip] .tag:after {
  	content: 'zip';
  }
  */
}
.dl-link > a > span {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  align-items: end;
}
.dl-link > a:before {
  display: block;
  content: "\e6b3";
  font-family: "tmicons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 2.4em;
}
.dl-link > a.pdf:before, .dl-link > a[href$=pdf]:before {
  content: "\e900";
}
.dl-link > a.doc:before, .dl-link > a[href$=doc]:before {
  content: "\e902";
}
.dl-link > a.docx:before, .dl-link > a[href$=docx]:before {
  content: "\e906";
}
.dl-link > a.xls:before, .dl-link > a[href$=xls]:before {
  content: "\e904";
}
.dl-link > a.xlsx:before, .dl-link > a[href$=xlsx]:before {
  content: "\e905";
}
.dl-link > a.ppt:before, .dl-link > a.pptx:before, .dl-link > a[href$=ppt]:before, .dl-link > a[href$=pptx]:before {
  content: "\e908";
}
.dl-link > a.zip:before, .dl-link > a[href$=zip]:before {
  content: "\e914";
}
.dl-link > a:hover, .dl-link > a:focus-visible {
  background-color: rgba(214, 208, 148, 0.3);
}

/*# sourceMappingURL=_project.css.map */