@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

.clearfix {
  clear: both;
}

#rwd-navimain {
  display: none;
}

#skiplinks {
  position: absolute;
  z-index: 9999;
  top: 82px;
  left: 308px;
}

#skiplinks a {
  position: absolute;
  top: -1000em;
  left: -1000em;
  white-space: nowrap;
  color: #2f4f4e;
  font-weight: bold;
}

.back-link {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #66cc33;
  color: #fff !important;
  position: relative;
  padding-right: 27px;
  text-decoration: none !important;
}

.back-link:after {
  padding-left: 5px;
  font-family: 'icomoon';
  font-size: 12px;
  content: "\edb9";
  position: absolute;
  top: 7px;
  right: 8px;
}

.back-link:hover {
  background: #38920c;
  text-decoration: underline !important;
}

.information {
  text-decoration: none;
}

.information:before {
  font-family: 'icomoon';
  content: "\ed60\00a0";
}

.button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}

.button-primary {
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  font-weight: bold;
  background: #66cc33;
  color: #fff !important;
}

.button-inverse {
  background-color: #fff;
  color: #66cc33 !important;
}

.button-info {
  position: relative;
  background-color: #2f4f4e;
  color: #fff;
  font-size: 1.25rem;
  transition: all .25s linear;
  text-align: left;
  width: 100%;
}

.button-info:hover {
  background: #000;
  text-decoration: none;
  transition: all 0.5s;
}

.button-info .icon-arrowlink {
  position: absolute;
  right: 30px;
  top: 9px;
}

.button-primary:after,
a.link:after {
  font-family: 'icomoon';
  content: "\edb9";
  margin-left: 5px;
  font-size: 12px;
}

.button-primary:hover, .button-primary:focus, .button-primary.focus, .button-primary:active, .button-primary.active, .open > .button-primary.dropdown-toggle {
  background-color: #38920c;
  border-color: transparent;
  color: #fff;
  text-decoration: none;
  transition: all 0.5s;
}

.button-inverse:hover {
  color: #fff  !important;
}

.faculties {
  display: block;
  padding: 10px 0 0;
  text-align: center;
  width: 100%;
}

ul.link-list span.faculty,
.faculties > span, span.faculty {
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 32px;
  margin: 0 2.5px;
  text-align: center;
  width: 30px;
  margin-bottom: 20px;
}

ul.link-list span.faculty {
  margin-top: -5px;
  margin-bottom: 0;
}

.faculty-tmpl, .page-faculty-tmpl .faculty span {
  background-color: #66cc33;
}

.faculty-ai, .page-faculty-ai .faculty span {
  background-color: #004a7f;
}

.faculty-et, .page-faculty-et .faculty span {
  background-color: #9cbadc;
}

.faculty-lt, .page-faculty-lt .faculty span {
  background-color: #008b95;
}

.faculty-oe, .page-faculty-oe .faculty span {
  background-color: #c50077;
}

.faculty-pg, .page-faculty-pg .faculty span {
  background-color: #e0eee0;
}

.faculty-sk, .page-faculty-sk .faculty span {
  background-color: #ef8300;
}

.faculty-sw, .page-faculty-sw .faculty span {
  background-color: #f8eb32;
}

.faculty-wi, .page-faculty-wi .faculty span {
  background-color: #056cae;
}

.faculty-placeholder {
  background-color: #839494;
}

.image-source {
  display: block;
  font-style: italic;
}

.right {
  float: right !important;
  margin-left: 20px;
}

@media (max-width: 667px) {
  .hide-phone {
    display: none;
  }
}

@media (min-width: 668px) and (max-width: 800px) {
  .hide-tablet {
    display: none;
  }
}

@media (min-width: 769px) {
  .hide-desktop {
    display: none;
  }
}

@media (max-width: 667px) {
  .display-phone {
    display: block;
  }
}

@media (min-width: 668px) and (max-width: 800px) {
  .display-tablet {
    display: block;
  }
}

@media (min-width: 769px) {
  .display-desktop {
    display: block;
  }
}

a.download:before {
  margin-right: 0.625rem;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none !important;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec82";
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #66cc33 url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top:hover {
  background: #38920c url(../images/cd-top-arrow.svg) no-repeat center 50%;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: none !important;
}

ul.csc-uploads span.csc-uploads-fileName a {
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
  width: 85%;
  color: #66cc33;
  transition: all 0.5s;
}

ul.csc-uploads span.csc-uploads-fileName a:hover {
  color: #38920c;
  transition: all 0.5s;
  text-decoration: underline;
}

ul.csc-uploads span.csc-uploads-fileName:before {
  margin-right: 0.625rem;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ef36";
}

.csc-uploads-description,
.csc-uploads-fileSize {
  font-size: 0.875rem;
  margin-left: 1.625rem;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 20px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.w-1-1,
.w-1-2 {
  float: left;
  width: 100%;
  padding: 1.125rem;
  background: #f0f5f0;
  margin-right: 20px;
  width: 40% !important;
}

.w-1-1 {
  width: 100% !important;
}

.big-target-click-zone {
  cursor: pointer;
}

@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans_LP_300_Light.eot");
  src: url("../fonts/TheSans_LP_300_Light.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_LP_300_Light.woff") format("woff"), url("../fonts/TheSans_LP_300_Light.svg#TheSans_LP_300_Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans_LP_500_Plain.eot");
  src: url("../fonts/TheSans_LP_500_Plain.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_LP_500_Plain.woff") format("woff"), url("../fonts/TheSans_LP_500_Plain.svg#TheSans_LP_500_Plain") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "TheSans";
  src: url("../fonts/TheSans_LP_700_Bold.eot");
  src: url("../fonts/TheSans_LP_700_Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSans_LP_700_Bold.woff") format("woff"), url("../fonts/TheSans_LP_700_Bold.svg#TheSans_LP_700_Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "TheSans_SemiBold";
  src: url("../fonts/TheSansC4s-6_SemiBold.eot");
  src: url("../fonts/TheSansC4s-6_SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TheSansC4s-6_SemiBold.woff") format("woff"), url("../fonts/TheSansC4s-6_SemiBold.svg#TheSansC4s-6_SemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BebasNeue_Regular";
  src: url("../fonts/BebasNeue_Regular.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BebasNeue_Bold";
  src: url("../fonts/BebasNeue_Bold.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-kp14a1");
  src: url("../fonts/icomoon.eot?-kp14a1#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2?-kp14a1") format("woff2"), url("../fonts/icomoon.ttf?-kp14a1") format("truetype"), url("../fonts/icomoon.woff?-kp14a1") format("woff"), url("../fonts/icomoon.svg?-kp14a1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rechenzentrum:before {
  content: "\e90f";
}

.icon-stellenangebote:before {
  content: "\e902";
}

.icon-bewerben:before {
  content: "\e911";
}

.icon-beraten:before {
  content: "\e800";
}

.icon-bibliothek:before {
  content: "\e802";
}

.icon-gremien:before {
  content: "\e803";
}

.icon-hochschulshop:before {
  content: "\e804";
}

.icon-hochschulsport2:before {
  content: "\e805";
}

.icon-mensa:before {
  content: "\e806";
}

.icon-schreibwerkstatt:before {
  content: "\e807";
}

.icon-selbstlernzentrum:before {
  content: "\e808";
}

.icon-sprachenzentrum:before {
  content: "\e809";
}

.icon-termine:before {
  content: "\e80a";
}

.icon-oeffnungszeiten:before {
  content: "\e80b";
}

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

.icon-pencil:before {
  content: "\e90e";
}

.icon-play:before {
  content: "\e957";
}

.icon-bullhorn:before {
  content: "\e979";
}

.icon-book:before {
  content: "\e993";
}

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

.icon-cart:before {
  content: "\e9fe";
}

.icon-phone:before {
  content: "\ea1d";
}

.icon-location:before {
  content: "\ea38";
}

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

.icon-printer:before {
  content: "\ea65";
}

.icon-drawer:before {
  content: "\ea7d";
}

.icon-box-remove:before {
  content: "\ea83";
}

.icon-bubbles:before {
  content: "\eac5";
}

.icon-bubbles2:before {
  content: "\eac6";
}

.icon-user-tie:before {
  content: "\eb0a";
}

.icon-search:before {
  content: "\eb33";
}

.icon-key:before {
  content: "\eb47";
}

.icon-spoon-knife:before {
  content: "\ebb9";
}

.icon-hammer:before {
  content: "\ebe1";
}

.icon-bin:before {
  content: "\ebfa";
}

.icon-briefcase:before {
  content: "\ec01";
}

.icon-airplane:before {
  content: "\ec02";
}

.icon-accessibility:before {
  content: "\ec25";
}

.icon-clipboard:before {
  content: "\ec4e";
}

.icon-list-numbered:before {
  content: "\ec55";
}

.icon-tree:before {
  content: "\ec63";
}

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

.icon-sphere:before {
  content: "\ec8e";
}

.icon-attachment:before {
  content: "\eca9";
}

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

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

.icon-info:before {
  content: "\ed60";
}

.icon-blocked:before {
  content: "\ed64";
}

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

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

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

.icon-enter:before {
  content: "\ed77";
}

.icon-play4:before {
  content: "\ed82";
}

.icon-pause:before {
  content: "\ed83";
}

.icon-stop:before {
  content: "\ed84";
}

.icon-first:before {
  content: "\ed87";
}

.icon-last:before {
  content: "\ed88";
}

.icon-organisieren:before {
  content: "\e912";
}

.icon-arrowlink:before,
.icon-arrow-right:before {
  content: "\edb9";
}

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

.icon-arrow-right6:before {
  content: "\edcb";
}

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

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

.icon-checkbox-checked2:before {
  content: "\ee6b";
}

.icon-facebook:before {
  content: "\eee9";
}

.icon-twitter:before {
  content: "\eeed";
}

.icon-twitter2:before {
  content: "\eeee";
}

.icon-youtube:before {
  content: "\eef3";
}

.icon-envelop:before {
  content: "\ea32";
}

.icon-typewriter:before {
  content: "\ea6f";
}

.icon-arrow-down2:before {
  content: "\edbd";
}

.icon-file-text2:before {
  content: "\e9ad";
}

.icon-clock:before {
  content: "\ea4d";
}

.icon-bubble-user:before {
  content: "\eadf";
}

.icon-user3:before {
  content: "\eb05";
}

.icon-download5:before {
  content: "\ec82";
}

.icon-share2:before {
  content: "\eec5";
}

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

.icon-file-word:before {
  content: "\ef38";
}

.icon-file-excel:before {
  content: "\ef39";
}

.icon-plus-circle:before {
  content: "\ed5c";
}

.icon-cancel-circle:before {
  content: "\ed62";
}

.icon-zoom-in2:before {
  content: "\eb31";
}

.icon-images2:before {
  content: "\e93e";
}

.icon-contrast:before {
  content: "\ecd4";
}

body, html {
  font-size: 16px;
  font-family: "TheSans";
  font-weight: 300;
}

@media (max-width: 992px) {
  body, html {
    font-size: 14px !important;
  }
}

a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  color: #000;
  transition: all 0.5s;
  text-decoration: none;
}

#content .two-thirds a,
a.link {
  font-weight: 500;
  transition: all 0.5s;
}

#content .two-thirds a:hover,
a.link:hover {
  transition: all 0.5s;
}

.info-box a {
  display: block;
  font-weight: 500;
  transition: all 0.5s;
  word-wrap: break-word;
  line-height: 1.2;
  margin-bottom: 0.875rem;
}

.info-box a:hover {
  transition: all 0.5s;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1;
  font-weight: 500;
}

h1, h2, h3, h4, h5 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

h1 {
  font-size: 1.875rem;
  margin-bottom: 25px;
  margin-top: 0;
}

h2 {
  font-family: "TheSans_SemiBold";
  font-size: 1.875rem;
  margin-top: 0;
  font-weight: normal;
}

html[data-useragent*='MSIE 11.0'] h2 {
  font-family: "TheSans";
}

h3 {
  font-size: 1.625rem;
  font-weight: 500;
  margin-top: 0;
}

h4 {
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 0;
}

h5 {
  font-size: 1rem;
  margin: 0 0 0.5rem 0;
}

h6 {
  font-size: 0.750rem;
}

p {
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1.625rem;
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.csc-textpic-text .csc-bodytext p {
  word-break: inherit;
}

p.teaser-text {
  font-weight: 500;
}

p span[class^="icon-"], p span[class*=" icon-"] {
  position: relative;
  padding-right: 1.4rem;
  color: #999;
}

p span[class^="icon-"]:before, p span[class*=" icon-"]:before {
  position: absolute;
  top: 1px;
}

figcaption {
  padding: 10px;
  color: #000;
  font-weight: 500;
  font-size: 0.85rem;
}

em {
  font-style: italic;
}

b a,
b,
strong {
  font-weight: bold !important;
}

#pageid-3384 #content,
#pageid-3385 #content,
#pageid-3386 #content,
#pageid-3387 #content,
#pageid-3389 #content,
#pageid-3391 #content {
  direction: rtl;
}

#pageid-3384 #content .page_headline,
#pageid-3385 #content .page_headline,
#pageid-3386 #content .page_headline,
#pageid-3387 #content .page_headline,
#pageid-3389 #content .page_headline,
#pageid-3391 #content .page_headline {
  float: right !important;
  margin-right: 20px;
}

h1.headline_home {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 0;
  margin-left: 10px;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.layout-1 .csc-header > h2 {
  font-size: 2.3rem;
}

.layout-1 .csc-bodytext p {
  font-size: 1.2rem;
}

.multinews {
  border-top: 2px solid #f6f6f6;
  padding-top: 20px;
  margin-top: 15px;
}

.multinews div:last-child .teaser h3 {
  color: #000;
}

.news-detail .half {
  padding-left: 0 !important;
}

.news-detail .half h3 {
  margin-top: 0;
}

.news-detail img {
  width: 100%;
}

div.link-list div.half:nth-child(4) {
  clear: both;
}

ul.link-list li {
  line-height: 1.3;
  height: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}

ul.link-list li:hover > a {
  transition: all .25s linear;
  background: #38920c;
  color: #fff !important;
}

ul.link-list li span {
  float: left;
  margin-right: 10px !important;
}

ul.link-list li a {
  width: 94.7%;
  text-decoration: none;
  padding: 15px 10px 10px 10px;
  display: inline-block;
  border-bottom: 1px solid #e6e6e6;
  color: #000;
}

#content .csc-textpic-text ul {
  margin-bottom: 20px;
  padding-left: 1.3rem;
}

#content .csc-textpic-text ul ul {
  margin-bottom: 0;
}

#content .csc-textpic-text ul li {
  list-style: disc;
  font-size: 1.1rem;
}

#content .csc-textpic-text ol {
  margin-bottom: 20px;
  padding-left: 1.3rem;
}

#content .csc-textpic-text ol ol {
  margin-bottom: 0;
}

#content .csc-textpic-text ol li {
  list-style: decimal;
  font-size: 1.1rem;
}

#content .csc-textpic-text a {
  text-decoration: underline;
}

#content .csc-textpic-text a:hover {
  text-decoration: none;
}

.course-detail .teaser ul li {
  font-size: 1.125rem;
}

.course-detail .teaser ul li a:before {
  display: none !important;
}

.course-detail > div {
  font-size: 1.125rem;
}

.course-detail ul {
  margin: 0 0 2rem 1.125rem;
}

.course-detail ul li {
  list-style: none;
  margin-bottom: 0.8rem;
  list-style: disc;
  font-size: 1.125rem;
}

.course-detail ul li:last-child {
  margin-bottom: 0 !important;
}

.course-detail ul li a {
  color: #000;
  position: relative;
  text-decoration: underline;
  font-weight: 500;
}

.course-detail ul li a:before {
  display: none;
  font-family: 'icomoon';
  content: "\edb9";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 6px;
  left: -15px;
  color: #304646;
}

.course-detail ul li a:hover {
  text-decoration: none;
}

.course-detail ul li a:hover:before {
  color: #66cc33;
}

ul.csc-bulletlist,
.ce-bodytext ul,
.csc-bodytext ul {
  margin: 0 0 2rem 1.125rem;
}

ul.csc-bulletlist li,
.ce-bodytext ul li,
.csc-bodytext ul li {
  list-style: none;
  margin-bottom: 0.8rem;
  list-style: disc;
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

ul.csc-bulletlist li:last-child,
.ce-bodytext ul li:last-child,
.csc-bodytext ul li:last-child {
  margin-bottom: 0 !important;
}

ul.csc-bulletlist li a,
.ce-bodytext ul li a,
.csc-bodytext ul li a {
  color: #000;
  position: relative;
  padding-left: 1rem;
  display: inline;
}

ul.csc-bulletlist li a:before,
.ce-bodytext ul li a:before,
.csc-bodytext ul li a:before {
  display: block;
  content: '>';
  padding: 0;
  color: #6c3;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

ul.csc-bulletlist li a:hover,
.ce-bodytext ul li a:hover,
.csc-bodytext ul li a:hover {
  text-decoration: underline;
}

ul.csc-bulletlist li a .icon-info,
.ce-bodytext ul li a .icon-info,
.csc-bodytext ul li a .icon-info {
  position: absolute;
  top: 4px;
  left: -40px;
  background-color: #fff;
}

.course-detail ul {
  margin-top: 0.5rem;
}

.ce-bodytext ul li a {
  text-decoration: none !important;
}

.ce-bodytext ul li a:hover {
  text-decoration: underline !important;
}

.bodytext a,
p a {
  color: #000;
  font-weight: 100;
  text-decoration: underline;
}

.bodytext a:hover,
p a:hover {
  text-decoration: none;
}

.vita-block table {
  border: none;
  background: none;
  font-size: 1.1rem;
}

.vita-block table td {
  border: none;
  background: none !important;
  text-align: left;
  padding: 10px 0;
}

.vita-block table tr td:first-child {
  width: 20%;
  vertical-align: middle;
}

.vita-block table tr td:last-child {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

#content .layout ol,
#content .layout ul {
  margin-left: 1.125rem;
}

#content .layout ol li,
#content .layout ul li {
  padding-left: 0rem;
  line-height: 1.625rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

#content .layout .article ul li, 
#content .layout .termin ul li {
	list-style: disc;
}

#content .layout ol ul, #content .layout ol ol,
#content .layout ul ul,
#content .layout ul ol {
  margin: 1rem 0 1rem 1.125rem;
}

#content .layout ol.news-list-view,
#content .layout ul.news-list-view {
  margin-left: 0;
}

#content .layout ol.news-list-view li,
#content .layout ul.news-list-view li {
  padding-left: 10px;
}

#content .layout ol.news-list-view li:first-child,
#content .layout ul.news-list-view li:first-child {
  padding-left: 0;
}

#content .layout ol li {
  list-style: decimal;
}

#content .layout ol ul {
  margin-bottom: 2rem;
}

#content .layout ol ul li {
  list-style: disc;
  padding-left: 0;
  font-size: 1.1rem;
  margin-bottom: 0.8rem;
}

.layout .grid .teaser ul, .layout .grid .teaser ol {
  padding-left: 0 !important;
}

.layout .grid .teaser ul li, .layout .grid .teaser ol li {
  padding-left: 0 !important;
}

.layout .grid .teaser ul li {
  /*margin-left: 0.75rem !important;*/
  list-style: disc;
}

#content .layout .ui-accordion-content .contact-list ul {
  margin-left: 0px;
}

#content .layout .ui-accordion-content .contact-list ul .ui-accordion {
  margin-bottom: 0;
}

#content .layout .csc-bodytext.csc-bodytext-0 .csc-bulletlist {
  display: inline-block;
  margin-left: 2.5rem;
}

.three-quarters.layout .csc-textpic {
  clear: both;
}

.gv_showOverlay, .gv_infobar, .gv_overlay {
  background: #7f8f8f !important;
}

.gv_showOverlay {
  background: #7f8f8f url("../images/yag_icons/info.png") top left no-repeat !important;
}

.gv_overlay p span {
  font-size: 0.875rem;
  font-style: italic;
}

.course-detail ol li {
  margin: 0 0 1rem 1rem;
  list-style: outside decimal;
  padding-left: 0.25rem;
}

.course-detail .info-box li a,
.course-detail p a {
  text-decoration: none;
  font-weight: inherit;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

.course-detail p a:before {
  display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

.course-detail li a:hover,
.course-detail p a:hover {
  text-decoration: underline;
}

.course-detail p a:hover:before {
  color: #66cc33;
}

#content .three-quarters ul.csc-bulletlist a,
#content .three-quarters p.bodytext a:not(.button),
#content .three-quarters p a:not(.button) {
  text-decoration: none;
  font-weight: inherit;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

#content .three-quarters ul.csc-bulletlist a:before,
#content .three-quarters p a:not(.button):before,
#content .three-quarters p.bodytext a:not(.button):before {
  display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

#content .three-quarters ul.csc-bulletlist a:hover,
#content .three-quarters p.bodytext a:not(.button):hover,
#content .three-quarters p a:not(.button):hover {
  text-decoration: underline;
}

#content .three-quarters ul.csc-bulletlist a:hover:before,
#content .three-quarters p.bodytext a:not(.button):hover:before,
#content .three-quarters p a:not(.button):hover:before {
  color: #66cc33;
}

#content .three-quarters ol.csc-bulletlist a,
#content .three-quarters ul.csc-bulletlist a {
  display: block;
}

#content .three-quarters p.bodytext a.download,
#content .three-quarters p a.download {
  padding-left: 1rem;
}

#content .three-quarters p.bodytext a.download:before,
#content .three-quarters p a.download:before {
  bottom: 0px;
  left: 3px;
  line-height: 1.45;
}

#content .three-quarters .csc-bodytext a.download:hover,
#content .three-quarters .csc-bodytext a.external-link:hover {
  text-decoration: underline;
}

#content .three-quarters table.contenttable a:not(.button) {
  text-decoration: none;
  font-weight: inherit;
  position: relative;
  padding-left: 1rem;
}

#content .three-quarters table.contenttable a:not(.button):before {
  display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-size: 18px;
  position: absolute;
  top: -1px;
  left: 3px;
}

#content .three-quarters table.contenttable a:not(.button):hover {
  text-decoration: underline;
}

#content .three-quarters table.contenttable a:not(.button):hover:before {
  color: #66cc33;
}

#content .three-quarters ul.csc-bulletlist li a,
#content .three-quarters ol li a,
#content .three-quarters ol.csc-bulletlist li a {
  font-weight: inherit;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

#content .three-quarters ul.csc-bulletlist li a::before,
#content .three-quarters ol li a::before,
#content ol li a::before,
#content .three-quarters ol.csc-bulletlist li a::before {
  display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

#content .three-quarters ul.csc-bulletlist a:hover,
#content .three-quarters ol a:hover,
#content .three-quarters ol.csc-bulletlist a:hover {
  text-decoration: underline;
}

#content .three-quarters ul.csc-bulletlist a:hover:before,
#content .three-quarters ol a:hover:before,
#content .three-quarters ol.csc-bulletlist a:hover:before {
  color: #66cc33;
}

@media screen and (max-width: 360px) {
  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 0 !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 480px) {
  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 0;
  }
  .csc-textpic {
    margin-bottom: 2rem;
  }
  .csc-textpic-intext-left figure {
    margin-right: 1rem !important;
  }
  .csc-textpic-intext-right figure {
    margin-left: 1rem !important;
  }
}

.csc-uploads-element .csc-uploads-fileName:before {
  display: none;
}

ul.csc-uploads li.csc-uploads-element span.csc-uploads-fileName a {
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}

.generic_gallery {
  margin-bottom: 80px;
  width: 100%;
  height: 470px;
  max-height: 470px;
}

.galleria-container,
.galleria-stage {
    background: #f0f5f0;
}

.galleria-theme-classic .galleria-info-text,
.galleria-theme-classic .galleria-info-link {
	background-color: #7f8f8f;
    color: #fff;
}

.galleria-theme-classic .galleria-info-description {
	color: #fff;
}

.galleria-theme-classic .galleria-info-description p {
    font-size: 12px;
    margin: 0;
}

.frame-type-text ul,
.frame-type-text ol,
.frame-type-textpic ul,
.frame-type-textpic ol,
.frame-type-textmedia ul,
.frame-type-textmedia ol {
  margin: 0 0 2rem 2.5rem !important;
}

.frame-type-text ul li,
.frame-type-text ol li,
.frame-type-textpic ul li,
.frame-type-textpic ol li,
.frame-type-textmedia ul li,
.frame-type-textmedia ol li {
  padding-left: 0rem;
  line-height: 1.625rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  list-style: disc;
  hyphens: auto;
}

#content .layout .teaser,
.teaser {
  position: relative;
  margin-bottom: 20px;
  padding-top: 0.01%;
  padding-bottom: 10px;
  background-color: #f0f5f0;
  /* min-height: 285px; */
  transition: all 0.25s linear 0s;
}

#content .layout .teaser figure + h3,
.teaser figure + h3 {
  margin: 1rem 0 0.5rem;
}

#content .layout .teaser.teaser-button,
.teaser.teaser-button {
  padding-bottom: 60px;
}

#content .layout .teaser.teaser-button .button,
.teaser.teaser-button .button {
  bottom: 24px;
}

#content .layout .teaser.blogpost,
.teaser.blogpost {
  min-height: 0;
  padding: 20px 10px;
}

#content .layout .teaser.link-list,
.teaser.link-list {
  min-height: 0;
  padding-bottom: 0;
}

#content .layout .teaser.info-box,
.teaser.info-box {
  min-height: 0;
  padding-bottom: 10px;
}

#content .layout .teaser.info-box .teaser-header,
.teaser.info-box .teaser-header {
  margin-bottom: 10px;
}

#content .layout .teaser.info-box p,
.teaser.info-box p {
  padding: 0 16px;
}

#content .layout .teaser.contact-box,
.teaser.contact-box {
  min-height: 430px;
  padding-bottom: 0px;
}

#content .layout .teaser h3, #content .layout .teaser p,
.teaser h3,
.teaser p {
  padding: 0px;
  margin-top: 0;
}

#content .layout .teaser h3,
.teaser h3 {
  margin-top: 1rem;
  padding-left: 16px;
}

#content .layout .teaser.contact-box-prof.multiple .name h3,
.teaser.contact-box-prof.multiple .name h3 {
  margin-top: 0rem;
}

#content .layout .teaser a,
#content .layout .teaser .bodytext a,
.teaser a,
.teaser .bodytext a {
  text-decoration: none;
}

#content .layout .teaser a:hover,
#content .layout .teaser .bodytext a:hover,
.teaser a:hover,
.teaser .bodytext a:hover {
  text-decoration: underline;
}

#content .layout .teaser.teaserbox.black-on-grey p,
.teaser.teaserbox.black-on-grey p {
  padding: 0px 16px;
}

#content .layout .teaser.singleteaser h3, #content .layout .teaser.singleteaser p, #content .layout .teaser.white-on-green h3, #content .layout .teaser.white-on-green p,
.teaser.singleteaser h3,
.teaser.singleteaser p,
.teaser.white-on-green h3,
.teaser.white-on-green p {
  padding: 0 16px;
}

#content .layout .teaser.contact-box-prof.multiple .name h3,
#content .layout .teaser.contact-box-prof.multiple .title p,
#content .layout .teaser.contact-box-prof.multiple .position,
#content .layout .teaser.contact-box-prof.multiple .function,
#content .layout .teaser.contact-box-prof.multiple div.role,
.teaser.contact-box-prof.multiple .name h3,
.teaser.contact-box-prof.multiple .title p,
.teaser.contact-box-prof.multiple .position,
.teaser.contact-box-prof.multiple .function,
.teaser.contact-box-prof.multiple div.role {
  padding: 0 16px;
  word-wrap: break-word;
}

#content .layout .teaser ul,
.teaser ul {
  list-style: none;
  margin-left: 30px;
}

#content .layout .teaser ul.csc-bulletlist,
.teaser ul.csc-bulletlist {
  list-style: initial;
  margin-left: 35px;
}

#content .layout .teaser ul li,
.teaser ul li {
  padding: 0 10px;
  margin-bottom: 10px;
  /*font-size: 1.1rem;*/
  font-size: 0.875rem;
  line-height: 1.6;
}

#content .layout .teaser ul li a.back-link,
#content .layout .teaser ul li a.download,
.teaser ul li a.back-link,
.teaser ul li a.download {
  color: inherit;
  margin-left: -4px;
}

#content .layout .teaser ul li a.back-link:before,
#content .layout .teaser ul li a.download:before,
.teaser ul li a.back-link:before,
.teaser ul li a.download:before {
  left: -15px;
}

#content .layout .teaser img,
.teaser img {
  width: 100%;
}

#content .layout .teaser .teaser-header,
.teaser .teaser-header {
  background-color: #66cc33;
}

#content .layout .teaser.white-on-green .button,
.teaser.white-on-green .button {
  left: 16px;
}

#content .layout .teaser .button.slide-up,
.teaser .button.slide-up {
  height: 20px;
  left: 65px;
}

#content .layout .teaser .button,
.teaser .button {
  height: 20px;
  bottom: 15px;
  position: absolute;
  left: 16px;
  padding-right: 10px;
}

#content .layout .teaser .button .icon-arrow-right,
.teaser .button .icon-arrow-right {
  position: absolute;
  top: 8px;
  right: 8px;
}

#content .layout .teaser .button .icon-arrow-right:before,
.teaser .button .icon-arrow-right:before {
  font-size: 12px;
}

#content .layout .teaser .button.profile-link,
.teaser .button.profile-link {
  left: -5px;
  right: auto;
}

#content .layout .teaser .button.slide-up,
.teaser .button.slide-up {
  left: 65px;
}

#content .layout .teaser.teaser-button.black-on-grey .button,
.teaser.teaser-button.black-on-grey .button {
  left: 16px;
}

#content .layout .teaser .news-text-wrap + .button,
#content .layout .teaser .description + .button,
.teaser .news-text-wrap + .button,
.teaser .description + .button {
  bottom: 16px;
  position: absolute;
  right: 16px;
  left: auto;
  padding-right: 27px;
}

#content .layout .teaser .slide-down + .button,
.teaser .slide-down + .button {
  right: 48px;
  height: 20px;
  padding: 7px 10px;
}

#content .layout .teaser .icon-video,
.teaser .icon-video {
  background-color: rgba(102, 204, 51, 0.8);
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  font-size: 44px;
  height: 80px;
  left: 50%;
  line-height: 80px;
  margin: -40px 0 0 -40px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.25s linear 0s;
  width: 80px;
}

#content .layout .teaser .icon-video:hover,
.teaser .icon-video:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

#content .layout .teaser.black-on-grey,
.teaser.black-on-grey {
  background-color: #f0f5f0;
  color: black;
}

#content .layout .teaser.black-on-grey .teaser-header,
.teaser.black-on-grey .teaser-header {
  background-color: #d8d8d8;
}

#content .layout .teaser.black-on-grey .teaser-header h3,
.teaser.black-on-grey .teaser-header h3 {
  color: black;
}

#content .layout .teaser.black-on-grey .csc-bulletlist,
.teaser.black-on-grey .csc-bulletlist {
  margin-left: 15px;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist > li,
.teaser.black-on-grey .teaser-header + .csc-bulletlist > li {
  list-style: none;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist > li a,
.teaser.black-on-grey .teaser-header + .csc-bulletlist > li a {
  padding-left: 1rem;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:before,
.teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:before {
  display: block;
  color: #304646;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:hover,
.teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:hover {
  text-decoration: underline;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:hover:before,
.teaser.black-on-grey .teaser-header + .csc-bulletlist > li a:hover:before {
  color: #66cc33;
}

#content .layout .teaser.black-on-grey .teaser-header + .csc-bulletlist li strong a,
.teaser.black-on-grey .teaser-header + .csc-bulletlist li strong a {
  font-weight: bold;
}

#content .layout .teaser .description,
.teaser .description {
  position: static !important;
}

.unit.one-third > .teaser.teaserbox.teaser-button.white-on-green.big-target-click-zone {
  padding-top: 15px;
  margin-top: 15px;
}

.grid .unit .unit.one-third:nth-child(2) {
  padding: 0 5px;
}

.multinews .teaser {
  min-height: 0;
}

figure {
  margin-bottom: 0;
}

.responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.teaser > div {
  position: relative;
}

.teaser.alternate {
  background-color: #f2f2f2;
}

#content .layout .teaser .teaser-header,
.teaser .teaser-header {
  background-color: #7f8f8f;
}

#content .layout .teaser .teaser-header h3,
.teaser .teaser-header h3 {
  color: #fff;
  font-size: 1.125rem;
  margin: 0;
  padding: 10px 16px;
}

#content .layout .teaser .teaser-header h3.no-image,
.teaser .teaser-header h3.no-image {
  margin-bottom: 0.625rem;
}

#content .layout .teaser .teaser-header h3.in-teaser,
.teaser .teaser-header h3.in-teaser {
  padding-top: 1.25rem;
}

#content .layout .teaser .teaser-header.nav-tabs li,
.teaser .teaser-header.nav-tabs li {
  float: left;
}

#content .layout .teaser .teaser-header.nav-tabs li a,
.teaser .teaser-header.nav-tabs li a {
  display: block;
  color: #fff;
  padding: 9px;
}

@media (max-width: 992px) {
  #content .layout .teaser .teaser-header.nav-tabs li a,
  .teaser .teaser-header.nav-tabs li a {
    padding: 11px 8px;
  }
}

#content .layout .teaser .teaser-header.nav-tabs li.active a,
.teaser .teaser-header.nav-tabs li.active a {
  background: #38920c;
}

#content .layout .teaser .teaser-header + p .fb_10 + a:not(.download), #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .fb_10 + a:not(.download),
.teaser .teaser-header + p .fb_10 + a:not(.download),
.teaser .teaser-header + ul:not(.csc-bulletlist) .fb_10 + a:not(.download) {
  padding-left: 40px;
}

#content .layout .teaser .teaser-header + p li, 
.teaser .teaser-header + p li {
  list-style: none;
}

#content .layout .teaser .teaser-header + p a:not(.download), #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download),
.teaser .teaser-header + p a:not(.download),
.teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download) {
  color: #000;
  position: relative;
  text-decoration: none;
}

#content .layout .teaser .teaser-header + p a:not(.download):hover, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download):hover,
.teaser .teaser-header + p a:not(.download):hover,
.teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download):hover {
  text-decoration: underline;
}

#content .layout .teaser .teaser-header + p a:not(.download):hover:before, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download):hover:before,
.teaser .teaser-header + p a:not(.download):hover:before,
.teaser .teaser-header + ul:not(.csc-bulletlist) a:not(.download):hover:before {
  color: #66cc33;
}

#content .layout .teaser .teaser-header + p .download, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .download,
.teaser .teaser-header + p .download,
.teaser .teaser-header + ul:not(.csc-bulletlist) .download {
  color: #000;
  font-weight: 300;
  padding-left: 1rem;
  position: relative;
  display: inline-block;
}

#content .layout .teaser .teaser-header + p .download:before, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .download:before,
.teaser .teaser-header + p .download:before,
.teaser .teaser-header + ul:not(.csc-bulletlist) .download:before {
  position: absolute;
  left: 0px;
  top: 2px;
}

#content .layout .teaser .teaser-header + p .download:hover, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .download:hover,
.teaser .teaser-header + p .download:hover,
.teaser .teaser-header + ul:not(.csc-bulletlist) .download:hover {
  text-decoration: underline;
}

#content .layout .teaser .teaser-header + p .download:hover:before, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .download:hover:before,
.teaser .teaser-header + p .download:hover:before,
.teaser .teaser-header + ul:not(.csc-bulletlist) .download:hover:before {
  color: #66cc33;
  text-decoration: none;
}

#content .layout .teaser .teaser-header + p .information, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .information,
.teaser .teaser-header + p .information,
.teaser .teaser-header + ul:not(.csc-bulletlist) .information {
  padding-top: 5px;
}

#content .layout .teaser .teaser-header + p .information:before, #content .layout .teaser .teaser-header + ul:not(.csc-bulletlist) .information:before,
.teaser .teaser-header + p .information:before,
.teaser .teaser-header + ul:not(.csc-bulletlist) .information:before {
  margin-top: 0px;
}

p > .download {
  color: #000;
  font-weight: 300;
  padding-left: 25px;
  position: relative;
  display: inline-block;
}

p > .download:before {
  position: absolute;
  left: 0px;
  top: 2px;
}

p > .download:hover {
  text-decoration: underline;
}

p > .download:hover:before {
  color: #66cc33;
  text-decoration: none;
}

.additional-news .teaser {
  padding-top: 20px;
}

.tab-teaser {
  padding-bottom: 0;
}

.tab-teaser li {
  margin: 0;
  padding: 0;
  line-height: 1.25;
}

.tab-teaser li a {
  color: #fff !important;
}

.course-detail .unit {
  padding: 0 20px 0 0 !important;
}

.course-detail .info-box ul {
  margin-left: 0;
}

.course-detail .info-box ul li {
  line-height: 1.625rem;
  list-style: none;
}

.course-detail #rund-ums-fach ul li a:before {
display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

.tab-pane .teaser .responsive {
  position: inherit;
}

.teaser.big-target-click-zone {
  cursor: pointer;
}

.teaser.big-target-click-zone-hover {
  background: #d6e5d6;
  transition: all 0.25s linear 0s;
}

.teaser.big-target-click-zone-hover .caption-header h3 {
  text-decoration: underline;
}

.at-a-glance-teaser {
  margin-bottom: 20px;
}

.at-a-glance-teaser dt {
  padding: 0 1.25rem;
}

.at-a-glance-teaser dd {
  padding: 0 1.25rem;
}

.one-quarter .at-a-glance-teaser h2 {
  margin-bottom: 0;
  font-size: 1rem;
  padding: 0.625rem 1.25rem;
  text-transform: none;
  background: #d8d8d8;
}

.one-quarter .at-a-glance-teaser dt {
  float: none;
  width: auto;
  padding-top: 0.625rem;
}

.one-quarter .at-a-glance-teaser dd {
  padding-bottom: 0.625rem;
}

.teaser.quicklink {
  background: #7f8f8f;
  color: #fff;
  padding: 1.25rem;
  min-height: 425px;
}

.teaser.quicklink h3 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #fff;
}

.teaser.quicklink .quicklinks ul {
  padding-left: 0;
}

.teaser.quicklink .quicklinks ul li {
  position: relative;
  padding-left: 20px;
  margin-left: -25px;
  font-size: 0.75rem;
  color: #66cc33;
}

.teaser.quicklink .quicklinks ul li:before {
  font-family: 'icomoon';
  content: "\edb9";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 7px;
  left: 3px;
  color: #274242;
}

.teaser.quicklink .quicklinks ul li:hover:before {
  color: #66cc33;
}

.teaser.quicklink .quicklinks ul a {
  font-size: 1rem;
  color: #fff;
  word-wrap: break-word;
}

.teaser.quicklink .quicklinks ul a:hover {
  text-decoration: underline;
}

.teaser.quicklink .selectBox-dropdown {
  width: 97% !important;
  margin-top: 0;
  margin-bottom: 2rem;
  background: #d8d8d8;
  color: #000;
}

.teaser.contact-box {
  min-height: 355px;
  background: #7f8f8f;
  color: #fff;
  padding: 1.25rem;
}

.teaser.contact-box:after {
  clear: both;
  content: '';
}

.teaser.contact-box .teaser-header {
  margin-bottom: 0.875rem;
  background: none;
}

.teaser.contact-box h3 {
  color: #fff;
  padding: 0;
  font-size: 1rem;
}

.teaser.contact-box .name_block {
  clear: both;
  font-size: 0.9375rem;
  float: left;
  font-size: 0.9375rem;
  margin-left: 0.625rem !important;
}

.teaser.contact-box .name_block .title p {
  margin-bottom: 0;
  padding: 0;
}

.teaser.contact-box .name_block .name h3 {
  margin-top: 0;
  margin-bottom: 0.275rem;
  font-size: 1.3rem;
}

.teaser.contact-box .name_block p.function {
  word-break: inherit;
  word-wrap: normal !important;
}

.teaser.contact-box .image_block {
  width: 50%;
  float: left;
  margin-bottom: 0.625rem;
}

.teaser.contact-box .image_block .responsive {
  padding-bottom: 100%;
}

.teaser.contact-box .image_block .responsive img {
  height: auto;
}

.teaser.contact-box .place {
  clear: both;
  margin-bottom: 0.125rem;
  font-size: 0.9375rem;
}

.teaser.contact-box .email {
  z-index: 999;
  font-size: 0.9375rem;
  margin-bottom: 0.625rem;
}

.teaser.contact-box .email span {
  float: left;
}

.teaser.contact-box .email span.icon-envelop {
  margin: 3px 10px 0 0;
}

.teaser.contact-box .email a {
  width: 85%;
  color: #fff;
  display: inline-block;
}

.teaser.contact-box .email a:hover {
  text-decoration: underline;
}

.teaser.contact-box .button {
  position: relative;
  left: 0;
  bottom: 0;
  margin-top: 1rem;
}

.teaser.contact-box [class^="icon-"], .teaser.contact-box [class*=" icon-"] {
  margin-right: 1rem;
}

.teaser.contact-box.contact-box-prof {
  position: relative;
  min-height: 0;
  padding: 0;
  background: none;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  background-color: #fff !important;
}

.teaser.contact-box.contact-box-prof .image_block {
  width: 100%;
  margin-bottom: 0.625rem;
}

.teaser.contact-box.contact-box-prof .image_block .responsive {
  padding-bottom: 0 !important;
  display: block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 260px;
  background-color: #d8d8d8;
}

.teaser.contact-box.contact-box-prof .image_block .responsive img {
  position: relative;
  max-height: auto;
  width: auto !important;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}

.teaser.contact-box.contact-box-prof .name_block,
.teaser.contact-box.contact-box-prof a.button {
  margin-left: 1.25rem;
}

.teaser.contact-box.contact-box-prof a.button {
  margin-top: 0;
  margin-bottom: 0.625rem;
}

.teaser.contact-box.contact-box-prof a.button:after {
  content: "";
}

.teaser.contact-box.contact-box-prof .name_block {
  width: 95%;
  color: #000;
}

.teaser.contact-box.contact-box-prof .name_block p {
  padding: 0;
  font-size: 0.875rem;
  line-height: 1rem;
}

.teaser.contact-box.contact-box-prof .name_block p.position {
  margin-bottom: 0;
  font-style: italic;
}

.teaser.contact-box.contact-box-prof .name_block h3 {
  margin-bottom: 5px;
  color: #000;
}

.teaser.contact-box.contact-box-prof .slide-down {
  display: none;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: #304646;
  opacity: 0.97;
  color: #000;
  color: #fff;
  font-size: 1rem;
}

.teaser.contact-box.contact-box-prof .slide-down .overlay {
  padding: 1.25rem;
  font-size: 1rem;
}

.teaser.contact-box.contact-box-prof .slide-down .slide-close {
  position: absolute;
  bottom: 0.625rem;
  left: 1rem;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  font-size: 0.875rem;
  padding: 1.5rem;
  text-decoration: none !important;
}

.teaser.contact-box.contact-box-prof .slide-down .slide-close [class^="icon-"], .teaser.contact-box.contact-box-prof .slide-down .slide-close [class*=" icon-"] {
  margin-right: 0;
}

.teaser.contact-box.contact-box-prof .slide-down .slide-close:hover {
  text-decoration: underline;
}

.teaser.contact-box.contact-box-prof .slide-down .overlay-email {
  width: 100%;
  display: inline-block;
}

.teaser.contact-box.contact-box-prof .slide-down .overlay-email a {
  width: 80%;
  display: inline-block;
  color: #fff;
  word-break: break-all;
  -ms-word-break: break-all;
}

.teaser.contact-box.contact-box-prof .slide-down .overlay-phone {
  display: block;
}

.teaser.contact-box.contact-box-prof .slide-down .consutation-hours-label {
  margin-top: 1rem;
  font-weight: 500;
}

.teaser.contact-box.contact-box-prof .slide-down .office-hours-label {
  margin-top: 0rem;
  font-weight: 500;
}

.teaser.contact-box.contact-box-prof .slide-down [class^="icon-"], .teaser.contact-box.contact-box-prof .slide-down [class*=" icon-"] {
  vertical-align: top;
  margin-right: 0.5rem;
}

.teaser.contact-box.contact-box-prof .slide-down [class^="icon-"]:before, .teaser.contact-box.contact-box-prof .slide-down [class*=" icon-"]:before {
  vertical-align: top;
}

.teaser.contact-box.contact-box-prof .slide-up {
  position: absolute;
  top: 216px;
  left: 80px;
  padding: 7px 10px !important;
  float: left;
  margin-right: 1.25rem;
  background: #66cc33;
  color: #fff;
  transition: all 0.5s;
  cursor: pointer;
  text-decoration: none !important;
}

.teaser.contact-box.contact-box-prof .slide-up [class^="icon-"], .teaser.contact-box.contact-box-prof .slide-up [class*=" icon-"] {
  margin-right: 0;
}

.teaser.contact-box.contact-box-prof .slide-up:hover {
  text-decoration: underline;
  background: #38920c;
  transition: all 0.5s;
}

.teaser.contact-box.contact-box-prof .interaction_block {
  height: 100%;
}

.teaser.contact-box.contact-box-prof .interaction_block:after {
  clear: both;
  content: '';
}

.teaser.contact-box.contact-box-prof .profile-link {
  position: absolute;
  top: 216px;
  left: auto;
  right: 54px;
  width: 35px;
  height: 19px;
}

.teaser.contact-box.multiple-2016 {
  position: relative;
  min-height: 0;
  padding: 0;
  background: none;
  border: 1px solid #d8d8d8;
  overflow: hidden;
  background-color: #fff !important;
  top: 0;
  transition: all 0.15s ease-in-out;
}

.teaser.contact-box.multiple-2016 .image_block {
  width: 100%;
  margin-bottom: 15px;
}

.teaser.contact-box.multiple-2016 .image_block .responsive {
  padding-bottom: 0 !important;
  display: block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 260px;
  background-color: #d8d8d8;
}

.teaser.contact-box.multiple-2016 .image_block .responsive img {
  position: relative;
  max-height: auto;
  width: auto !important;
  height: 294px;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 0 50%;
  left: -262px;
  top: -15px;
}

.teaser.contact-box.multiple-2016 .name_block {
  margin-left: 0 !important;
}

.teaser.contact-box.multiple-2016 .name_block,
.teaser.contact-box.multiple-2016 a.button {
  margin-left: 3rem;
}

@media (max-width: 1024px) {
  .teaser.contact-box.multiple-2016 .name_block,
  .teaser.contact-box.multiple-2016 a.button {
    margin-left: 4.3rem;
  }
}

.teaser.contact-box.multiple-2016 .name_block.profile-link,
.teaser.contact-box.multiple-2016 a.button.profile-link {
  left: 102px !important;
  margin-left: 0;
}

.teaser.contact-box.multiple-2016 .name_block.profile-link-only,
.teaser.contact-box.multiple-2016 a.button.profile-link-only {
  left: 16px !important;
  margin-left: 0;
}

.teaser.contact-box.multiple-2016 .name_block.slide-up,
.teaser.contact-box.multiple-2016 a.button.slide-up {
  margin-left: 0;
  left: 16px !important;
}

.teaser.contact-box.multiple-2016 a.button {
  margin-top: 0;
  margin-bottom: 15px;
  bottom: 0px !important;
  top: auto;
}

.teaser.contact-box.multiple-2016 a.button:after {
  content: "";
}

.teaser.contact-box.multiple-2016 .name_block {
  width: 95%;
  color: #000;
}

.teaser.contact-box.multiple-2016 .name_block p {
  padding: 0;
  font-size: 0.875rem;
  line-height: 1rem;
}

.teaser.contact-box.multiple-2016 .name_block p.position {
  margin-bottom: 0;
  font-style: italic;
}

.teaser.contact-box.multiple-2016 .name_block h3 {
  margin-bottom: 5px;
  margin-top: 0rem;
  color: #000;
}

.teaser.contact-box.multiple-2016 .slide-down {
  display: block !important;
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  min-height: 440px;
  background-color: #304646;
  opacity: 0.97;
  color: #000;
  color: #fff;
  font-size: 1rem;
  left: -100%;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  overflow: hidden;
}

.teaser.contact-box.multiple-2016 .slide-down.slide-left {
  left: 0;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay {
  padding: .4rem 1.25rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2rem;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay [class^="icon-"], .teaser.contact-box.multiple-2016 .slide-down .overlay [class*=" icon-"] {
  line-height: 1.3rem;
  font-size: 1.125rem;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 7px 0;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .office-hours-label {
  border-bottom: 0;
  padding: 7px 0 0 0;
  font-size: 1rem;
  font-weight: 500;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .office-hours {
  padding: 0px 0 7px 0;
  border-bottom: 0;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block div,
.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_role,
.teaser.contact-box.multiple-2016 .slide-down .overlay .consutation-hours-label,
.teaser.contact-box.multiple-2016 .slide-down .overlay .consultation-hours {
  border-bottom: none;
  padding: 0;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block p {
  font-size: 0.875rem;
  margin: 5px 0 0 0 !important;
  padding: 0;
  line-height: 1rem;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block h3 {
  font-size: 1.25rem;
  margin: 5px 0 0 0 !important;
  padding: 0;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block .denomination {
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0;
  line-height: 1.2rem;
}

.teaser.contact-box.multiple-2016 .slide-down .slide-close {
  position: absolute;
  bottom: 5px;
  left: 1rem;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  font-size: 0.875rem;
  padding: .25rem;
  border: 1px solid #fff;
}

.teaser.contact-box.multiple-2016 .slide-down .slide-close [class^="icon-"], .teaser.contact-box.multiple-2016 .slide-down .slide-close [class*=" icon-"] {
  margin-right: 0;
}

.teaser.contact-box.multiple-2016 .slide-down .slide-close:hover {
  text-decoration: underline;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay-email {
  width: 100%;
  display: inline-block;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay-email a {
  text-decoration: nonde;
  width: 80%;
  display: inline-block;
  color: #fff;
  word-break: break-word;
  -ms-word-break: break-all;
  word-wrap: break-word;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay-phone {
  display: block;
}

.teaser.contact-box.multiple-2016 .slide-down .consutation-hours-label {
  margin-top: 1rem;
  font-weight: 500;
}

.teaser.contact-box.multiple-2016 .slide-down .office-hours-label {
  margin-top: 0rem;
  font-weight: 500;
}

.teaser.contact-box.multiple-2016 .slide-down [class^="icon-"], .teaser.contact-box.multiple-2016 .slide-down [class*=" icon-"] {
  vertical-align: top;
  margin-right: 0.9rem;
  font-size: 1rem;
  line-height: 1.2rem;
}

.teaser.contact-box.multiple-2016 .slide-down [class^="icon-"]:before, .teaser.contact-box.multiple-2016 .slide-down [class*=" icon-"]:before {
  vertical-align: top;
}

.teaser.contact-box.multiple-2016 .slide-down .consutation-hours-label {
  font-size: 1rem;
}

.teaser.contact-box.multiple-2016 .slide-down .office-hours-label,
.teaser.contact-box.multiple-2016 .slide-down .office-hours,
.teaser.contact-box.multiple-2016 .slide-down .consultation-hours {
  margin-left: 2rem;
}

.teaser.contact-box.multiple-2016 .slide-down .building-label {
  display: inline-block;
  width: 78%;
  word-break: break-word;
  -ms-word-break: break-all;
  word-wrap: break-word;
}

.teaser.contact-box.multiple-2016 .slide-up {
  position: absolute;
  bottom: 15px;
  top: auto;
  left: 15px;
  padding: 7px 10px 4px 10px;
  float: left;
  margin-right: 0;
  background: #66cc33;
  color: #fff;
  transition: all 0.5s;
  cursor: pointer;
}

.teaser.contact-box.multiple-2016 .slide-up [class^="icon-"], .teaser.contact-box.multiple-2016 .slide-up [class*=" icon-"] {
  margin-right: 0;
}

.teaser.contact-box.multiple-2016 .slide-up:hover {
  text-decoration: underline;
  background: #38920c;
  transition: all 0.5s;
}

.teaser.contact-box.multiple-2016 .interaction_block {
  height: 100%;
  min-height: 430px;
}

.teaser.contact-box.multiple-2016 .profile-link {
  position: absolute;
  bottom: 10px;
  left: auto;
  right: 54px;
  width: 35px;
  height: 19px;
  z-index: 1000;
}

a.apply_now {
  padding: 1rem;
  background: #aa3544;
  color: #fff;
  padding: 1rem;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  text-decoration: none;
}

a.apply_now span {
  margin-left: 0.5rem;
  position: absolute;
  top: 16px;
}

a.apply_now:hover {
  background: #71232d;
  text-decoration: underline;
  transition: all 0.5s;
}

#content .contact-kachel.details h1 {
  margin-top: 0;
  margin-bottom: 0;
}

#content .contact-kachel.details .boxed_block {
  background: #f2f4f3;
  padding: 1.6rem;
}

#content .contact-kachel.details .data_block {
  width: 55%;
  float: left;
  margin-bottom: 1rem;
}

#content .contact-kachel.details .data_block [class^="icon-"], #content .contact-kachel.details .data_block [class*=" icon-"] {
  margin-right: 1rem;
  position: relative;
  top: 2px;
}

#content .contact-kachel.details .data_block h1 {
  text-transform: none;
}

#content .contact-kachel.details .data_block .position {
  font-style: italic;
}

#content .contact-kachel.details .data_block .place {
  margin: 1rem 0 1.2rem 0;
}

#content .contact-kachel.details .data_block .consutation-hours-label {
  margin-top: 1rem;
}

#content .contact-kachel.details .image_block {
  float: right;
  width: 38%;
}

#content .contact-kachel.details .image_block img {
  width: 100%;
  height: auto;
}

#content .contact-kachel.details .image_block:after {
  clear: both;
}

#content .contact-kachel.details .image_block figure.responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 260px;
  overflow: hidden;
  width: 100%;
  display: block;
  vertical-align: middle;
}

#content .contact-kachel.details .image_block figure.responsive img {
  position: relative;
  height: 294px;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 0 50%;
  left: -262px;
  top: -15px;
  width: auto !important;
}

#content .contact-kachel.details .info_block {
  clear: both;
}

#content .contact-kachel.details .info_block h2 {
  margin-top: 3rem;
}

#content .contact-kachel.details .button {
  margin: 3rem 0;
}

#content .contact-kachel.details .email a {
  transition: all 0.5s;
}

#content .contact-kachel.details .email a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

#content .contact-kachel.details .name_block .denomination {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375;
}

#content .contact-kachel.details .role .degree {
  font-size: 1rem;
  line-height: 1.375;
}

#content .contact-kachel.details .role .assignment {
  font-size: 1.125rem;
  line-height: 1.375;
}

#content .contact-kachel.details .contact_block {
  color: #000;
  padding: 20px 0;
}

#content .contact-kachel.details .contact_block .consutation-hours-label {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 1rem;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li,
#content .contact-kachel.details .contact-text .csc-bulletlist li {
  line-height: 1.625;
  list-style: disc;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li ul li,
#content .contact-kachel.details .contact-text .csc-bulletlist li ul li {
  line-height: 1.1;
  list-style: circle;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li a,
#content .contact-kachel.details .contact-text .csc-bulletlist li a {
  font-weight: 300;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .download,
#content .contact-kachel.details .contact-text .csc-bulletlist li .download {
  display: block;
  font-weight: 500;
  padding-left: 1.25rem;
  text-decoration: none;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .download:before,
#content .contact-kachel.details .contact-text .csc-bulletlist li .download:before {
  display: block;
  margin-right: 0.625rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec82";
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .download:hover,
#content .contact-kachel.details .contact-text .csc-bulletlist li .download:hover {
  text-decoration: underline;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .external-link,
#content .contact-kachel.details .contact-text .csc-bulletlist li .external-link {
  display: block;
  font-weight: 500;
  padding-left: 1.25rem;
  text-decoration: none;
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .external-link:before,
#content .contact-kachel.details .contact-text .csc-bulletlist li .external-link:before {
  display: block;
  margin-right: 0.625rem;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\edb9";
}

#content .contact-kachel.details .vita-block .csc-bulletlist li .external-link:hover,
#content .contact-kachel.details .contact-text .csc-bulletlist li .external-link:hover {
  text-decoration: underline;
}

.caption.big-target-click-zone {
  cursor: pointer;
  padding: 1rem 1rem 0.5rem 1rem;
  background: #66cc33;
  transition: all 0.5s;
}

.caption.big-target-click-zone:hover {
  background: #38920c;
  transition: all 0.5s;
  text-decoration: underline;
}

.caption.big-target-click-zone p, .caption.big-target-click-zone h3 {
  background: none;
}

.caption.big-target-click-zone p:hover, .caption.big-target-click-zone h3:hover {
  text-decoration: underline;
}

.infobox {
  margin-bottom: 20px;
  border: 1px solid #d8d8d8;
  padding: 1rem;
}

.infobox h3 {
  margin-top: 0;
}

.infobox li {
  margin-bottom: 0.625rem;
}

.infobox li .icon-arrow-right {
  font-size: 0.875rem;
  margin-left: 0.625rem;
}

.infobox li a {
  color: #66cc33;
  transition: all 0.5s;
}

.infobox li a :after {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content: "\edb9";
}

.infobox li a:hover {
  text-decoration: underline;
  color: #38920c;
  transition: all 0.5s;
}

.contact-news h3.teaserHeader {
  margin: 0;
  padding: 0.625rem;
  background: #7f8f8f;
  color: #fff;
  font-size: 1rem;
}

.contact-news .contact-box {
  padding-bottom: 0.625rem !important;
}

.contact-news .contact-box .function {
  line-height: 1.2rem;
  margin-bottom: 0.625rem;
}

.contact-news .contact-box .image_block .responsive {
  text-align: left !important;
  margin-left: 0.625rem;
}

.contact-news .contact-box .name_block {
  z-index: 999;
}

.contact-news .contact-box h3.contact-header {
  margin: 0 0 0.625rem 0;
  padding: 0.625rem;
  background: #7f8f8f;
  color: #fff;
}

.contact-news .contact-box .email-overlay span {
  float: left;
  margin-right: 0.625rem;
}

.contact-news .contact-box .email-overlay a {
  width: 85%;
  margin-top: -3px;
  display: inline-block;
  overflow-wrap: break-word;
  line-height: 1.1rem;
}

.contact-news .contact-box .phone-overlay {
  display: block;
}

.contact-news .contact-box .place {
  display: block;
  padding: 0.25rem 0;
}

.contact-news .contact-box.multiple-2016 .image_block .responsive {
  text-align: left !important;
  margin-left: 0rem;
}

.contact-news .contact-box.multiple-2016 .interaction_block a.button {
  margin-bottom: 0;
}

.content-header .contact-news .contact-box.multiple-2016 .interaction_block a.button {
  margin-bottom: 15px;
}

.teaser.contact-box-prof.contact-box-free .interaction_block .slide-up {
  bottom: 5px !important;
  text-decoration: none;
}

.teaser.contact-box.contact-box-free.contact-time,
.teaser.contact-box.contact-box-header.contact-time {
  padding-bottom: 2.5rem !important;
}

.teaser.contact-box.contact-box-free .image_block .responsive,
.teaser.contact-box.contact-box-header .image_block .responsive {
  width: 140px;
  height: 160px;
  background: none;
  padding-bottom: 0;
  margin-bottom: 10px;
}

.teaser.contact-box.contact-box-free .interaction_block,
.teaser.contact-box.contact-box-header .interaction_block {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: auto;
  height: 100%;
}

.teaser.contact-box.contact-box-free .slide-up,
.teaser.contact-box.contact-box-header .slide-up {
  position: absolute;
  top: auto;
  bottom: 1rem;
  left: 1rem;
  margin-right: 0;
  padding: 8px 0;
  float: right;
  color: #fff;
  transition: all 0.5s;
  cursor: pointer;
  text-decoration: none;
}

.teaser.contact-box.contact-box-free .slide-up .icon-phone,
.teaser.contact-box.contact-box-free .slide-up .icon-clock,
.teaser.contact-box.contact-box-header .slide-up .icon-phone,
.teaser.contact-box.contact-box-header .slide-up .icon-clock {
  padding: 10px;
  background: #66cc33;
  margin-right: 0;
}

.teaser.contact-box.contact-box-free .slide-up .icon-phone,
.teaser.contact-box.contact-box-header .slide-up .icon-phone {
  margin-right: 10px;
}

.teaser.contact-box.contact-box-free .detail-link_adress,
.teaser.contact-box.contact-box-header .detail-link_adress {
  position: absolute;
  left: 111px;
  bottom: 14px;
}

.teaser.contact-box.contact-box-free .detail-link_adress a,
.teaser.contact-box.contact-box-header .detail-link_adress a {
  background-color: #66cc33;
  color: #fff;
  padding: 7.5px 22px;
  font-weight: 500;
}

.teaser.contact-box.contact-box-free .detail-link_adress a:hover,
.teaser.contact-box.contact-box-header .detail-link_adress a:hover {
  background-color: #38920c !important;
  transition: all 0.5s;
}

.teaser.contact-box.contact-box-free .slide-down,
.teaser.contact-box.contact-box-header .slide-down {
  display: none;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: #304646;
  opacity: 0.97;
  color: #000;
  color: #fff;
  font-size: 1rem;
}

.teaser.contact-box.contact-box-free .slide-down .overlay,
.teaser.contact-box.contact-box-header .slide-down .overlay {
  padding: 1.25rem;
  font-size: 1rem;
}

.teaser.contact-box.contact-box-free .slide-down .overlay .contact_name,
.teaser.contact-box.contact-box-header .slide-down .overlay .contact_name {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.3rem;
}

.teaser.contact-box.contact-box-free .slide-down .overlay .phone-overlay,
.teaser.contact-box.contact-box-header .slide-down .overlay .phone-overlay {
  display: block;
  margin-bottom: 10px;
}

.teaser.contact-box.contact-box-free .slide-down .slide-close,
.teaser.contact-box.contact-box-header .slide-down .slide-close {
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  font-size: 0.875rem;
  color: #fff;
  padding: 1.5rem;
  text-decoration: none;
}

.teaser.contact-box.contact-box-free .slide-down .slide-close .icon-cross,
.teaser.contact-box.contact-box-header .slide-down .slide-close .icon-cross {
  margin-right: 0;
}

.teaser.contact-box.contact-box-header {
  padding: 0.625rem 1.25rem 2rem 1.25rem;
}

.teaser.contact-box.contact-box-header .image_block {
  margin-bottom: 0;
}

.teaser.contact-box.contact-box-free {
  min-height: auto !important;
}

.teaser.contact-box.contact-box-free .image_block .responsive {
  width: auto;
  height: auto;
  background: none;
  padding-bottom: 100%;
}

.teaser.contact-box.contact-box-free .name_block {
  width: 89%;
}

.teaser.contact-box.contact-box-free .name_block [class^="icon-"], .teaser.contact-box.contact-box-free .name_block [class*=" icon-"] {
  margin-right: 0.625rem;
}

.teaser.contact-box.contact-box-free .name_block h3 {
  margin-bottom: 0.5rem !important;
  padding-left: 0 !important;
}

.teaser.contact-box.contact-box-free .name_block .name h3,
.teaser.contact-box.contact-box-free .name_block .function,
.teaser.contact-box.contact-box-free .name_block p.role {
  padding: 0px;
}

.teaser.contact-box.contact-box-free .interaction_block .slide-close {
  padding: 20px;
  top: auto;
  bottom: 0 !important;
  right: auto;
  left: 0 !important;
  text-decoration: none;
}

.tmpl_leaf {
  background: url("/fileadmin/dev_templates_deleteplease/Bildmarke_HFD-White-Bitmap.png") no-repeat;
  background-size: contain;
}

.grid .teaser.was-machen-mit ul li {
  margin-left: 0 !important;
  list-style: none !important;
  font-size: 1rem !important;
}

.grid .teaser.was-machen-mit ul li a {
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span {
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 32px;
  margin: 0 0.875rem 0 0;
  text-align: center;
  width: 30px;
}

.grid .teaser.was-machen-mit ul li a span.fb_632 {
  background: #004a7f;
}

.grid .teaser.was-machen-mit ul li a span.fb_632:before {
  content: 'AI';
  color: #fff;
}

.grid .teaser.was-machen-mit ul li a span.fb_1648 {
  background: #9cbadc;
}

.grid .teaser.was-machen-mit ul li a span.fb_1648:before {
  content: 'ET';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_746 {
  background: #008b95;
}

.grid .teaser.was-machen-mit ul li a span.fb_746:before {
  content: 'LT';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_140 {
  background: #c50077;
}

.grid .teaser.was-machen-mit ul li a span.fb_140:before {
  content: 'Oe';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_1420 {
  background: #e0eee0;
}

.grid .teaser.was-machen-mit ul li a span.fb_1420:before {
  content: 'PG';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_903 {
  background: #ef8300;
}

.grid .teaser.was-machen-mit ul li a span.fb_903:before {
  content: 'SK';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_910 {
  background: #f8eb32;
}

.grid .teaser.was-machen-mit ul li a span.fb_910:before {
  content: 'SW';
  color: #000;
}

.grid .teaser.was-machen-mit ul li a span.fb_xxx {
  background: #056cae;
}

.grid .teaser.was-machen-mit ul li a span.fb_xxx:before {
  content: 'W';
  color: #fff;
}

.grid .teaser.was-machen-mit ul li span:after {
  content: '';
  clear: both;
}

#content .layout .teaser.contact-box.contact-box-prof.contact-box-free h3.contact-header {
  background: #7f8f8f;
  padding: 12px;
  margin-top: 0px;
}

.teaser.contact-box.contact-box-prof.contact-box-free .slide-up {
  background: none;
  bottom: 0.625rem;
  left: 0.625rem;
  text-decoration: none;
}

.teaser.contact-box.contact-box-prof.contact-box-free .image_block .responsive {
  max-width: 150px;
  height: 185px;
}

.teaser.contact-box.contact-box-prof.contact-box-free .image_block .responsive img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto !important;
}

.contact-list-for-slide-out-tab ul {
  margin-left: 0;
}

.contact-list-for-slide-out-tab .contact-list-header {
  padding-left: 0 !important;
}

.contact-list-for-slide-out-tab .contact-list-header h3 {
  margin-bottom: 1rem !important;
}

.contact-list-for-slide-out-tab .role {
  font-size: 1rem !important;
  font-weight: 300 !important;
  margin-bottom: 1rem;
  line-height: 1.375rem !important;
}

.contact-list-for-slide-out-tab .contact-list-content {
  padding-left: 0 !important;
}

.contact-list-for-slide-out-tab .contact-info-data {
  font-weight: 500 !important;
}

.contact-list-for-slide-out-tab .contact-info-data a {
  color: #fff !important;
  font-weight: 500;
}

.contact-list-for-slide-out-tab .contact-info-data a:hover {
  text-decoration: underline;
}

dd p {
  margin-bottom: 0;
}

dd.with-additional-text p {
  font-size: 1rem;
  margin-bottom: 0;
}

.fb-buttonlink span {
  display: none;
}

.fb_button {
  width: auto !important;
  max-width: 645px !important;
  float: none !important;
}

.fb_button h1 {
  border: none !important;
}

.fb_button h1 span {
  border: none !important;
  padding-right: 0 !important;
}

.caption-text p .icon-arrowlink {
  color: #fff !important;
}

#content .layout .unit:not(.col-right) .teaserbox.black-on-grey > ul.csc-bulletlist {
  margin-left: 30px;
}

#content .layout .unit:not(.col-right) .teaserbox.black-on-grey > ul.csc-bulletlist li {
  list-style: disc !important;
}

.teaserbox ul li a {
  hyphens: auto;
}

.teaserbox ul li a:before {
  top: -4px !important;
}

.detail-link_adress a {
  text-decoration: none !important;
}

@media screen and (max-width: 1024px) {
  .teaser.contact-box.contact-box-free .detail-link_adress a, .teaser.contact-box.contact-box-header .detail-link_adress a {
    padding: 7.5px 10px;
  }
}

#pageid-1 .miniteaser > .teaser {
  min-height: 200px;
}

#rund-ums-fach .teaser.info-box > a {
  padding: 0 10px;
}

.teaserbox > p {
  hyphens: none;
}

.one-quarter.col-right .teaserbox > p {
  hyphens: auto !important;
}

.contact-kachel.details .contact-text a {
  color: #000;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

.contact-kachel.details .contact-text a:before {
  display: block;
  content: '>';
  padding: 0;
  color: #6c3;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

#pageid-1134 .contact-kachel.details .contact-text .external-link,
#pageid-1134 .contact-kachel.details .contact-text .download {
  color: #000;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

#pageid-1134 .contact-kachel.details .contact-text .external-link:before,
#pageid-1134 .contact-kachel.details .contact-text .download:before {
  display: block;
  content: '>';
  padding: 0;
  color: #6c3;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 5px;
  left: -15px;
}

.col-right .teaser .button {
  left: 16px !important;
}

.col-right #content .layout .teaser .button {
  left: 0 !important;
}

#content .layout .teaser .interaction_block a.button.profile-link {
  left: -5px;
}

.contact-box-row .teaser.multiple-2016,
.contact-box-row .teaser.multiple-2016 .interaction_block {
  min-height: 430px;
}

#content .layout .teaser-multilink p {
  padding-left: 16px;
}

@media screen and (max-width: 530px) {
  #content .contact-kachel.details .image_block {
    float: none;
    width: 100%;
  }
  #content .contact-kachel.details .image_block figure.responsive {
    padding-bottom: 0;
    height: auto !important;
  }
  #content .contact-kachel.details .data_block {
    float: none;
    width: 100%;
  }
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 {
  height: auto !important;
  min-height: 345px;
  padding-bottom: 0 !important;
  background-color: #7f8f8f !important;
  color: #fff;
  border: none;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .name_block p, .content-header .one-quarter .teaser.contact-box.multiple-2016 .name_block h3 {
  color: #fff;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .name_block p {
  margin-left: 16px;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .image_block .responsive {
  height: 180px;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .image_block .responsive img {
  height: 250px;
  left: -235px;
  top: -25px;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .interaction_block {
  min-height: 345px;
}

.content-header .one-quarter .teaser.contact-box.multiple-2016 .interaction_block .slide-down {
  min-height: 345px;
}

.contact-list .ui-accordion .contact-list-content .image_block {
  height: 272px !important;
}

.contact-list .ui-accordion .contact-list-content .image_block figure.responsive {
  height: 100%;
}

.contact-list .ui-accordion .contact-list-content .image_block figure.responsive img {
  position: relative;
  max-height: auto;
  width: auto !important;
  height: 294px;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 0 50%;
  left: -262px;
  top: -15px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #content .contact-kachel.details .image_block {
    width: 44% !important;
  }
  .contact-list .ui-accordion .contact-list-content .image_block {
    width: 32.5% !important;
  }
  .teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block h3 {
    padding-left: 0 !important;
  }
  .content-header .contact-news .contact-box.multiple-2016 .slide-down .overlay {
    font-size: 0.75rem;
  }
  .content-header .contact-news .contact-box.multiple-2016 .slide-down .overlay .overlay_block p,
  .content-header .contact-news .contact-box.multiple-2016 .slide-down .overlay .consutation-hours-label {
    font-size: 0.75rem;
  }
  .content-header .contact-news .contact-box.multiple-2016 .slide-down .overlay .overlay_block h3 {
    padding-left: 0 !important;
    font-size: 1rem;
    color: #fff;
  }
  .content-header .contact-news .contact-box.multiple-2016 .slide-down .overlay .consutation-hours-label {
    margin-top: 0.5rem;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .whole > .three-quarters.layout .grid .half,
  .whole > .three-quarters.layout .grid .two-thirds,
  .whole > .three-quarters.layout .grid .one-third {
    width: 50%;
    padding: 0 10px !important;
  }
}

@media screen and (min-width: 668px) and (max-width: 1023px) {
  .contact-kachel.details > .unit.half {
    width: 100% !important;
  }
  .content-header .unit .one-quarter .contact-news .teaserHeader {
    width: 47.8%;
    margin: 0 auto;
  }
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    float: none !important;
    margin: 0 auto !important;
  }
  .whole > .three-quarters.layout .grid .half,
  .whole > .three-quarters.layout .grid .two-thirds,
  .whole > .three-quarters.layout .grid .one-third {
    width: 50%;
    padding: 0 10px !important;
  }
}

@media screen and (min-width: 666px) and (max-width: 750px) {
  .contact-list .ui-accordion .contact-list-content .unit.half {
    margin-top: 10px;
    padding-left: 10px !important;
  }
  .contact-list .ui-accordion .contact-list-header {
    padding-left: 10px !important;
  }
  .contact-list .ui-accordion .contact-list-header .name {
    width: 85%;
    margin-bottom: 10px;
  }
  .contact-list .ui-accordion .contact-list-header .denomination,
  .contact-list .ui-accordion .contact-list-header .position {
    width: 85%;
    float: left;
  }
  .content-header .one-quarter .teaser.contact-box.multiple-2016 {
    width: 100% !important;
  }
  .grid .unit .unit .unit.contact-box-row .unit.one-quarter:nth-child(even),
  .grid .unit .unit .unit.contact-box-row .unit.one-quarter:nth-child(odd),
  .grid .unit .unit .unit.contact-box-row .unit.one-quarter,
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(odd),
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(even) {
    padding: 0 !important;
  }
  .teaser.contact-box.multiple-2016 .slide-up,
  #content .layout .teaser .slide-down + .button, .teaser .slide-down + .button {
    height: auto;
    padding: 7px 10px !important;
  }
  #content .layout .teaser .slide-down + .button, .teaser .slide-down + .button {
    height: 20px;
  }
  #content .layout .teaser.contact-box.contact-box-prof .name_block .name h3 {
    font-size: 1.5rem !important;
  }
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    float: none !important;
    margin: 0 auto !important;
  }
  .content-header > .unit > .unit.one-quarter {
    width: 50% !important;
  }
  #content > .grid.whole > .layout > .grid > .unit {
    width: 50% !important;
    padding: 10px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 750px) {
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    float: none !important;
    margin: 0 auto !important;
  }
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  #content > .grid.whole > .layout > .grid > .unit {
    padding: 10px !important;
  }
  #content .layout .teaser.contact-box.contact-box-prof .name_block .position,
  #content .layout .teaser.contact-box.contact-box-prof .name_block .function,
  #content .layout .teaser.contact-box.contact-box-prof .name_block .title p {
    font-size: 1rem !important;
    line-height: 1.25rem !important;
  }
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    width: 100%;
  }
  .contact-list li .image_block {
    margin-bottom: 20px;
  }
  .contact-list .ui-accordion .contact-list-content,
  .contact-list .ui-accordion .contact-list-header {
    padding-left: 10px !important;
  }
}

@media screen and (min-width: 568px) and (max-width: 750px) {
  .content-header .unit .one-quarter .contact-news .teaserHeader {
    width: 47.8%;
    margin: 0 auto;
  }
  .content-header .unit .one-quarter .teaser.contact-box.multiple-2016 {
    width: 50% !important;
    float: none !important;
    margin: 0 auto !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .contact-list .ui-accordion .contact-list-header span.name {
    width: 80%;
  }
  .contact-list .ui-accordion .contact-list-header span.denomination {
    display: none;
  }
}

#content .layout .teaser.multiple-2016 .button, .teaser.multiple-2016 .button {
  padding: 5px 10px !important;
  height: 20px !important;
  font-size: 0.875rem !important;
}

.teaser.contact-box.multiple-2016 {
  border-top: 0 !important;
}

.teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block h3 {
  padding-left: 0px !important;
  color: #fff;
}

@media screen and (max-width: 667px) {
  .layout.no_subnav .fb_headline .fb_designator {
    position: absolute;
    right: 0 !important;
  }
}

@media screen and (max-width: 530px) {
  .wrapper #content .fb_headline {
    min-height: 70px !important;
  }
}

.hlb_microsite .unit.half .contact-list .image_block.one-quarter {
  width: 45%;
}

.hlb_microsite .unit.half .contact-list .image_block + .half {
  width: 45% !important;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .hlb_microsite .contact-list .ui-accordion .contact-list-content .image_block {
    width: 50% !important;
  }
}

@media screen and (min-width: 769px) {
  .contact-list li .denomination {
    display: block;
    width: 55%;
    float: left;
  }
}

#rund-ums-fach > .unit:last-child {
  padding-right: 20px !important;
}

.sidebar.grey.quicklinksbox {
  background-color: #f0f5f0;
  color: #000;
}

.sidebar.grey.quicklinksbox a {
  color: #000;
}

.sidebar.grey.quicklinksbox h4 {
  margin-bottom: 0;
  font-size: 1rem;
}

.quicklinks {
  padding-left: 0;
  margin: 0 -10px;
}

.quicklinks li {
  list-style: none;
}

.quicklinks > li > a {
  float: left;
  width: 19%;
  height: 80px;
  margin: 8px 12px 8px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
}

.quicklinks > li > a > span {
  background-color: #66cc33;
  line-height: 60px;
  font-size: 2.75rem;
  width: 75px;
  height: 60px;
  float: left;
  color: #fff;
  margin-bottom: 3px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.quicklinks > li > a:hover {
  text-decoration: underline;
}

.quicklinks > li > a:hover > span {
  background-color: #304646;
}

.quicklinks:after {
  content: "";
  display: table;
  clear: both;
}

.cag-events-calendar a.more-events {
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: bold;
}

.cag-events-calendar a.more-events span {
  font-size: 25px;
  position: relative;
  top: 4px;
  left: 15px;
}

.cag-events-calendar a.more-events span:before {
  content: "\ed5c";
}

.cag-events-calendar .title {
  font-weight: bold;
}

.cag-events-calendar .unit h1 {
  display: inline-block;
  font-size: 37px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.cag-events-calendar .unit h1 + a {
  font-size: 15px;
  font-weight: bold;
  float: right;
  color: #000;
}

.cag-events-calendar .unit h1 + a:before {
  content: "\ea60";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cag-events-calendar .unit > .unit {
  padding-left: 0 !important;
}

.cag-events-calendar .today {
  margin: 1rem 0;
}

.cag-events-calendar .today h2 {
  margin-bottom: .5rem;
  padding-bottom: 5px;
  font-size: 32px;
  border-bottom: 1px solid #9B9B9B;
}

.cag-events-calendar .tomorrow-plus div {
  float: left;
  position: relative;
  top: 35px;
  width: 19% !important;
}

.cag-events-calendar .tomorrow-plus .submit-filter {
  width: 7% !important;
}

.cag-events-calendar .tomorrow-plus .reset-filter {
  width: 13% !important;
  margin-left: 20px !important;
}

.cag-events-calendar .tomorrow-plus .one-quarter {
  padding-top: 10px;
}

.cag-events-calendar .tomorrow-plus .one-quarter a {
  margin-left: 25px;
  font-size: 27px;
  color: #000;
}

.cag-events-calendar .week-range {
  width: 100% !important;
  margin-bottom: 5px;
  border-bottom: 1px solid #9B9B9B;
  text-align: right;
  padding: 50px 0 10px 0;
}

.cag-events-calendar .week-range div {
  margin-right: 5px;
  display: inline-block;
}

.cag-events-calendar .week-range .week-number,
.cag-events-calendar .week-range .devider {
  font-weight: bold;
}

.cag-events-calendar .calendar-list .unit {
  width: 90%;
  padding-right: 0 !important;
  margin-bottom: 30px;
}

@media (max-width: 800px) {
  .cag-events-calendar .calendar-list .unit {
    width: 100%;
  }
}

.cag-events-calendar .calendar-list .unit.secondary-filter {
  width: 100% !important;
}

.cag-events-calendar .calendar-list.today .date {
  border: none;
}

.cag-events-calendar .calendar-list.today .date span {
  background-color: #2f4f4e;
}

.cag-events-calendar .calendar-list .date {
  margin: 20px 0 0 0;
}

.cag-events-calendar .calendar-list .date + .unit {
  margin-top: 20px;
}

.cag-events-calendar .calendar-list div:nth-child(n+4) {
  margin-left: 90px;
}

.cag-events-calendar .organisational > div {
  margin-left: 0 !important;
}

.cag-events-calendar .organisational .label {
  font-weight: bold;
}

.cag-events-calendar .organisational .text {
  margin-bottom: 0.5rem;
}

.cag-events-calendar .description .organisational {
  font-size: 0.75rem;
}

.cag-events-calendar .description .shortdescription,
.cag-events-calendar .description .button {
  margin: 1rem 0;
}

.cag-events-calendar .week {
  padding: 0;
}

.cag-events-calendar .week .unit {
  width: 90%;
}

@media (max-width: 800px) {
  .cag-events-calendar .week .unit {
    width: 100%;
  }
}

.cag-events-calendar .week .date {
  border: none;
}

.cag-events-calendar .week .termin .date {
  margin: 20px 0 0 0;
}

.cag-events-calendar .week .termin .date + .unit {
  margin-top: 20px;
}

.cag-events-calendar .week .termin .unit .furter-information-popup .shortdecription {
  margin-bottom: 10px;
}

.cag-events-calendar .week .termin .unit .furter-information-popup a.button {
  float: none;
  margin: 10px 0 1rem 0;
}

.cag-events-calendar .main-information {
  display: block;
  height: 50px;
  border-bottom: 3px solid #fff;
  background-color: #f2f4f3;
  padding-bottom: 1rem;
  cursor: pointer;
  position: relative;
}

.cag-events-calendar .main-information:hover {
  background-color: #e5e5e5;
}

.cag-events-calendar .main-information .icon-plus,
.cag-events-calendar .main-information .icon-cancel-circle,
.cag-events-calendar .main-information .title,
.cag-events-calendar .main-information .begin-time {
  float: left;
  margin-right: 35px;
  text-align: center;
  height: 50px;
  padding-top: 1rem;
}

.cag-events-calendar .main-information .icon-plus {
  font-size: 20px;
  color: #d8d8d8;
  width: 20px;
  height: 20px;
  margin-right: 30px;
  padding-top: 1.5rem;
  float: right;
}

.cag-events-calendar .main-information .icon-plus:before {
  content: "\ed5c";
}

.cag-events-calendar .main-information .icon-cancel-circle {
  font-size: 15px;
  width: 20px;
  height: 20px;
  margin-right: 0px;
  padding-top: 2.0rem;
}

.cag-events-calendar .main-information .begin-time {
  width: 150px;
  border-right: 3px solid #fff;
  font-size: 18px;
  text-align: left;
  padding-left: 20px;
}

.cag-events-calendar .main-information .title {
  width: 60%;
  text-align: left;
}

@media (max-width: 800px) {
  .cag-events-calendar .main-information .title {
    width: 60%;
    margin-right: 15px;
  }
}

@media (max-width: 568px) {
  .cag-events-calendar .main-information .title {
    width: 45%;
    margin-right: 0;
  }
}

.cag-events-calendar .main-information .title .title {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}

.cag-events-calendar .main-information:before {
  display: block;
  content: '';
  width: 15px;
  height: 15px;
  background-color: #66cc33;
  position: absolute;
  left: 173px;
}

.cag-events-calendar .main-information.fb-265:before {
  background-color: #004a7f;
}

.cag-events-calendar .main-information.fb-264:before {
  background-color: #9cbadc;
}

.cag-events-calendar .main-information.fb-263:before {
  background-color: #008b95;
}

.cag-events-calendar .main-information.fb-262:before {
  background-color: #c50077;
}

.cag-events-calendar .main-information.fb-261:before {
  background-color: #e0eee0;
}

.cag-events-calendar .main-information.fb-260:before {
  background-color: #ef8300;
}

.cag-events-calendar .main-information.fb-259:before {
  background-color: #f8eb32;
}

.cag-events-calendar .main-information.fb-258:before {
  background-color: #056cae;
}

.cag-events-calendar .activCalendar {
  background-color: #e5e5e5;
  border-bottom: 3px solid #d1d1d1;
}

.cag-events-calendar .activCalendar .begin-time {
  width: 150px;
  border-right: 3px solid #d1d1d1;
  font-size: 18px;
  text-align: left;
  padding-left: 20px;
}

.cag-events-calendar .activCalendar .icon-plus {
  font-size: 20px;
  color: #000;
  width: 20px;
  height: 20px;
  margin-right: 30px;
  padding-top: 1.5rem;
  float: right;
}

.cag-events-calendar .activCalendar .icon-plus:before {
  content: "\ed62";
}

.cag-events-calendar .furter-information-popup {
  display: none;
  height: 250px;
}

.cag-events-calendar .furter-information-popup .durance-location,
.cag-events-calendar .furter-information-popup .description {
  background-color: #e5e5e5;
}

.cag-events-calendar .furter-information-popup .durance-location {
  width: 130px;
  word-break: break-word;
  padding: 20px;
  float: left;
}

.cag-events-calendar .furter-information-popup .durance-location .organisational {
  font-size: 0.75rem;
}

.cag-events-calendar .furter-information-popup .description {
  padding: 20px 20px 20px 40px;
  margin-left: 170px;
  border-left: 3px solid #d1d1d1;
}

.cag-events-calendar a.more-events span {
  font-size: 25px;
  left: 15px;
  position: relative;
  top: 4px;
}

.date > .event {
  z-index: 5;
  float: left;
  border: 5px solid #fff;
  background-color: #304646;
  margin: 0 10px 0 -5px;
  padding-top: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  display: block;
  width: 60px;
  height: 45px;
  line-height: 12px;
  text-align: center;
  padding: 7px 0px 5px 0;
  position: relative;
}

.date > .event.event-start-only {
  height: 20px;
}

.date > .event.event-start-only span:first-of-type:after {
  display: none;
}

.date > .event span {
  display: block;
}

.date > .event span:first-of-type {
  border-top: 5px solid #66cc33;
  padding-top: 7px;
  margin-top: -7px;
}

.date > .event span:first-of-type:after {
  display: block;
  content: '—';
  width: 10px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

/*
.date span:first-child {
  background-color: $color-green-main;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.date span:last-child {
  background-color: $color-green-dark;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
*/
.appointment {
  margin-bottom: 20px;
  position: relative;
}

.appointment:after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: 28px;
  top: 36px;
  z-index: 2;
  background: #839494;
}

.appointment div {
  font-size: 0.875rem;
}

.appointment .event-info {
  margin-left: 75px;
}

.appointment-list .unit:last-child .appointment:after {
  display: none;
}

.appointment-list .unit {
  margin-bottom: 1rem;
  padding-left: 0 !important;
}

.appointment-list .unit .appointment .big-target-click-zone p {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.appointment-list .full .appointment .date + div a {
  position: relative;
}

.appointment-list .full .appointment .date + div a .icon-arrowlink {
  position: absolute;
  top: 2px;
  left: -19px;
}

.appointment-list .full .appointment .date + div a:hover .icon-arrowlink {
  color: #66cc33;
}

.appointment strong {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.appointment a {
  margin-top: 5px;
  display: block;
  color: #000;
  text-decoration: none;
  margin-left: 20px;
}

.appointment a:hover {
  text-decoration: underline;
}

.appointment a:hover:before {
  color: #66cc33;
}

.today .date {
  width: 10%;
  height: auto;
  float: left;
  margin-right: 0px;
  z-index: 3;
  position: relative;
}

.today .date span:first-child {
  background-color: #66cc33;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 20px;
  padding: 10px 12px 0px 10px;
  line-height: 20px;
  text-align: left;
}

.today .date span:last-child {
  background-color: #66cc33;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 25px;
  padding: 0px 12px 10px 10px;
  line-height: 30px;
  text-align: left;
}

.week {
  padding: 0 !important;
}

.week .date {
  clear: both;
  width: 10%;
  height: auto;
  float: left;
  margin-right: 0px;
  border-bottom: 4px solid white;
  border-top: 4px solid white;
  z-index: 3;
  position: relative;
}

.week .date span:first-child {
  background-color: #304646;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 20px;
  padding: 10px 12px 0px 10px;
  line-height: 20px;
  text-align: left;
}

.week .date span:last-child {
  background-color: #304646;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 50px;
  height: 25px;
  padding: 0px 12px 10px 10px;
  line-height: 30px;
  text-align: left;
}

.week .date + .unit {
  padding: 0 !important;
  margin-bottom: 0px;
}

.appointment-detail {
  text-align: right;
}

.appointment-detail .button {
  margin-right: 25px;
}

.appointment-detail .addEvent {
  color: #000;
  font-weight: bold;
}

.quick-info {
  margin-top: -30px;
}

.quick-info p {
  font-weight: 500;
}

.quick-info + h1, .quick-info h1 {
  border-bottom: 1px solid #839494;
  padding-bottom: 5px;
}

.termin .info-box {
  width: 95%;
  background-color: #d8d8d8;
  padding: 20px;
  margin-bottom: 20px;
  display: inline-table;
}

.termin .info-box .label {
  width: 20%;
  float: left;
  font-weight: bold;
  color: #000;
  margin: 5px 0px;
}

.termin .info-box .text {
  width: 80%;
  float: left;
  margin: 5px 0px;
}

.termin .info-box .download a {
  display: inline-block;
  text-decoration: none;
  font-weight: inherit;
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}

.termin .info-box .download a:before {
  display: block;
  content: '>';
  padding: 0;
  color: #66cc33;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: 3px;
}

.termin .info-box .download a:hover {
  text-decoration: underline;
}

.termin .info-box .download a:hover:before {
  color: #66cc33;
}

@media only screen and (max-width: 767px) {
  .termin .info-box .label,
  .termin .info-box .text {
    width: auto;
    float: none;
  }
}

#content .layout .Tx-Formhandler ul li {
  line-height: normal;
  margin-bottom: 0;
  padding-left: 0;
}

.Tx-Formhandler a {
  text-decoration: none;
}

.Tx-Formhandler .error {
  color: #aa3544;
}

.Tx-Formhandler h2 {
  border-bottom: 1px solid #839494;
  padding-bottom: 5px;
}

.Tx-Formhandler .fileupload-list {
  margin-left: 0 !important;
}

.Tx-Formhandler .fileupload-list li {
  padding-left: 0 !important;
}

.Tx-Formhandler .fileupload-list li img {
  width: 160px;
  height: 100%;
}

.Tx-Formhandler .fileupload-list li .formhandler_removelink {
  display: inline-block;
  vertical-align: top;
}

.Tx-Formhandler form div:nth-child(16) > .form-label {
  vertical-align: top;
}

.Tx-Formhandler form .file-upload {
  position: relative;
  font-size: 10px;
  margin: 30px 0;
}

.Tx-Formhandler form .file-upload .icon-delete {
  font-family: "TheSans";
  font-size: 16px;
  margin-left: 5px;
}

.Tx-Formhandler form .file-upload .upload-group {
  float: left;
}

.Tx-Formhandler form .file-upload input[type="file"] {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 300;
}

.Tx-Formhandler form .file-upload > .form-label {
  float: left;
  left: 0;
}

.Tx-Formhandler form .file-upload label {
  font-size: 16px;
}

.Tx-Formhandler form .file-upload input[type="submit"] {
  margin-bottom: 17px;
  background-color: #304646;
}

.Tx-Formhandler form .file-upload input[type="submit"]:hover {
  background-color: #7f8f8f;
}

.Tx-Formhandler form .file-upload p {
  margin: 5px 0px;
}

.Tx-Formhandler .paragraph {
  clear: both;
  margin-bottom: 15px;
  width: 100%;
  font-family: "TheSans";
}

.Tx-Formhandler .paragraph .formhandler-ajax-validation-result {
  vertical-align: top;
}

.Tx-Formhandler .paragraph .helptext {
  color: #bbb;
  display: inline-block;
  font-size: 12px;
  padding-bottom: 0;
  width: 210px;
  vertical-align: top;
}

.Tx-Formhandler .paragraph .helptext ul {
  list-style: inside;
}

.Tx-Formhandler .paragraph .upload-help-text {
  margin-bottom: 0;
}

.Tx-Formhandler .paragraph #result_shortdescription,
.Tx-Formhandler .paragraph #result_description,
.Tx-Formhandler .paragraph .loading {
  display: inline-block;
  vertical-align: top;
}

.Tx-Formhandler .paragraph .ok img, .Tx-Formhandler .paragraph .notok img {
  width: 16px;
}

.Tx-Formhandler .paragraph .form-label {
  width: 210px;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 500;
  vertical-align: top;
}

.Tx-Formhandler .paragraph input[type="text"] {
  width: 350px;
  background-color: #f0f5f0;
  color: #000;
  border: none;
  font-size: 1rem;
  padding: 10px;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.Tx-Formhandler .paragraph input[type="text"]:focus, .Tx-Formhandler .paragraph input[type="text"]:hover {
  background-color: #d6e5d6;
}

.Tx-Formhandler .paragraph input[type="submit"] {
  font-family: "TheSans";
}

.Tx-Formhandler .paragraph textarea {
  width: 350px;
  height: 230px;
  background-color: #f0f5f0;
  color: #000;
  overflow-y: auto;
  resize: none;
  border: none;
  font-size: 1rem;
  padding: 10px;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.Tx-Formhandler .paragraph textarea:focus, .Tx-Formhandler .paragraph textarea:hover {
  background-color: #d6e5d6;
}

.Tx-Formhandler .paragraph select {
  width: 370px;
  background-color: #f0f5f0;
  padding: 10px;
  margin-left: 0px;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  line-height: 1.42857143;
  box-sizing: border-box;
  font-size: 1rem;
  border: none;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.Tx-Formhandler input[type="submit"] {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #66cc33;
  color: #fff !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.Tx-Formhandler input[type="submit"]:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
}

.Tx-Formhandler .searchbutton-box {
  margin-bottom: 15px;
}

.filter #categories-department,
.filter #categories-event-type,
.filter #categories-target-group,
.filter #days,
.tomorrow-plus #categories-department,
.tomorrow-plus #categories-event-type,
.tomorrow-plus #categories-target-group,
.tomorrow-plus #days {
  background-color: #f2f4f3;
  padding: 10px;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000;
  line-height: 1.42857143;
  box-sizing: border-box;
  font-size: 1rem;
  border: none;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.filter input[type="submit"],
.tomorrow-plus input[type="submit"] {
  background-image: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  margin-top: 9px;
  padding: 9px 10px 8px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #66cc33;
  color: #fff !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.filter input[type="submit"]:hover,
.tomorrow-plus input[type="submit"]:hover {
  background: #38920c;
}

.termin .unit + .unit, .calendar-list.today .unit + .unit {
  margin-left: 90px;
  padding: 0 !important;
}

.appointment .big-target-click-zone-hover div, .appointment .big-target-click-zone-hover h5, .appointment .big-target-click-zone-hover p {
  text-decoration: underline !important;
}

.tx-tmpl .unit.two-thirdsx {
  padding-left: 0 !important;
}

#tmpl-list {
  padding-top: 0;
}

.tx-tmpl-studiengaenge ul {
  margin-left: 0 !important;
}

.tx-tmpl-studiengaenge li {
  padding: 0.2rem 0 !important;
}

.tx-tmpl-studiengaenge a {
  color: #6C3;
}

.tx-tmpl-studiengaenge .tmpl-ul li:not(.tmpl-list-group) {
  position: relative;
}

.tx-tmpl-studiengaenge .tmpl-ul li:not(.tmpl-list-group) a {
  color: #000 !important;
  padding-left: 15px;
}

.tx-tmpl-studiengaenge .tmpl-ul li:not(.tmpl-list-group):before {
  font-family: 'icomoon';
  content: "\edb9";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 9px;
  left: 0px;
  color: #304646;
}

.tx-tmpl-studiengaenge .tmpl-ul li:not(.tmpl-list-group):hover {
  text-decoration: underline;
}

.tx-tmpl-studiengaenge .tmpl-ul li:not(.tmpl-list-group):hover:before {
  color: #66cc33;
}

.tx-tmpl-studiengaenge .tmpl-list-group {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ccc;
  padding: 0.1rem 0 0 0 !important;
  font-size: 1.5rem;
  color: #666;
}

.tx-tmpl-studiengaenge .tmpl-list-group:not(:first-child) {
  margin-top: 2rem;
}

.tx-tmpl-studiengaenge .tmpl-list-group span {
  display: inline-block;
  width: 36px;
  padding: 9px 0 8px 0;
  background: #66cc33;
  color: #fff;
  text-align: center;
  font-weight: 500;
  padding: 10px;
}

.tx-tmpl-studiengaenge #tmpl-filter {
  position: relative;
  background: #eee;
}

.tx-tmpl-studiengaenge #tmpl-filter h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  margin-top: 0;
  padding: 8px 0 0 10px;
  background: #7f8f8f;
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-filter-filter {
  margin-top: 41px;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-filter-filter ul {
  margin-left: 0;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-filter-filter > ul > li {
  margin-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0.625rem !important;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-filter-filter > ul > li .selectBox-dropdown {
  margin-top: 5px;
  font-size: 1rem;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-filter-filter > ul > li input {
  margin-top: 5px;
}

.tx-tmpl-studiengaenge #tmpl-filter select, .tx-tmpl-studiengaenge #tmpl-filter input:not([type="checkbox"]) {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.tx-tmpl-studiengaenge #tmpl-filter input[type="text"] {
  padding: 4px 2px 4px 8px;
  font-size: 14px;
}

.tx-tmpl-studiengaenge #tmpl-filter input[type="submit"] {
  border: 0;
  border-radius: 0px;
  padding: 4px 0;
  background: #6C3;
  color: #fff;
  font-family: "TheSans";
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}

.tx-tmpl-studiengaenge #tmpl-filter input[type="submit"]:hover {
  background: #2F4F4E;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-button-reset {
  margin-top: 0.5rem;
  background: #7f8f8f;
}

.tx-tmpl-studiengaenge #tmpl-filter #tmpl-button-reset:hover {
  background: #2F4F4E;
}

.dropcontainer a {
  display: block;
}

.trigger {
  color: #777;
  padding: 3px 2px 3px 8px;
  font-size: 16px;
  width: 100%;
  background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
  display: block;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.trigger:hover {
  color: #777;
  background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
  text-decoration: none;
}

.activetrigger {
  color: #777;
  padding: 3px 2px 3px 8px;
  font-size: 16px;
  width: 100%;
  background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
  display: block;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.activetrigger:hover {
  background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
  color: #777;
  text-decoration: none;
}

.activetrigger:active {
  background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
  color: #777;
}

.dropcontainer ul {
  font-size: 16px;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dropcontainer ul li {
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dropcontainer ul li:hover {
  background: #f5f5f5;
  outline: none;
}

.dropcontainer ul li:first-child {
  display: none;
}

.dropcontainer ul li:last-child {
  border-bottom: none;
}

.dropdownhidden {
  display: none;
}

.dropdownvisible {
  height: auto;
}

#tmpl-filter-buttons {
  margin: 0 10px 10px 0;
}

#auf-einen-blick {
  margin-bottom: 2rem;
}

dt, dd {
  padding: 0.8rem 0.4rem 0.4rem 0.8rem;
  background: #f0f5f0;
}

dt {
  float: left;
  width: 30%;
  font-weight: 700;
}

@media (max-width: 800px) {
  dt {
    width: 37%;
  }
}

@media (max-width: 320px) {
  dt {
    float: none;
    width: auto;
  }
}

dd {
  padding-left: 38%;
  border-bottom: 1px solid #fff;
}

@media (max-width: 800px) {
  dd {
    padding-left: 40%;
  }
}

@media (max-width: 320px) {
  dd {
    padding-left: 10px;
    padding-top: 0;
  }
}

dd:after {
  content: "";
  display: table;
  clear: both;
}

table {
  width: 100%;
  border: 1px solid #d8d8d8;
  margin-bottom: 20px;
}

table th, table td {
  padding: 0.25rem 0.625rem;
  background: #839494;
  color: #000;
  text-align: center;
}

table td {
  border: 1px solid #d8d8d8;
  background: none;
  color: #000;
}

table td ul.csc-bulletlist {
  margin-left: 1.125rem !important;
}

table td ul.csc-bulletlist li {
  padding-left: 0 !important;
}

table tr:nth-child(odd) td {
  background-color: #f2f4f3;
}

table tr:nth-child(even) td {
  background-color: #f0f5ef;
}

@media (max-width: 680px) {
  table {
    width: 93%;
  }
}

.contenttable tr.thead {
  border: 4px solid #fff;
}

.contenttable tr.thead th {
  border: 4px solid #fff;
  padding: 10px;
  color: #fff !important;
  background-color: #7f8f8f !important;
}

.contenttable thead tr {
  border: 4px solid #fff;
}

.contenttable thead tr th {
  border: 4px solid #fff;
  padding: 10px;
  color: #fff !important;
  background-color: #7f8f8f !important;
}

.contenttable tbody tr {
  border: 4px solid #fff;
}

.contenttable tbody tr th {
  background: #ccc !important;
}

.contenttable tbody tr td {
  border: 4px solid #fff;
  padding: 10px;
  font-size: 1rem;
  text-align: left;
}

.contenttable tbody tr td p {
  font-size: 1rem;
}

tr th {
  vertical-align: top;
  padding-top: 0.625rem !important;
}

.tx-t3extblog article {
  margin-bottom: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #f0f5f0;
}

.tx-t3extblog article h2 {
  margin-bottom: 0.5rem;
}

.tx-t3extblog article .top {
  font-size: 1rem;
}

.tx-t3extblog article [class^="icon-"], .tx-t3extblog article [class*=" icon-"] {
  color: #839494;
}

.tx-t3extblog article .author {
  margin-left: 1rem;
}

.tx-t3extblog article .category {
  float: right;
}

.breadcrumbs {
  font-size: .75rem;
  padding: .4rem 20px;
  margin-bottom: 1rem;
}

.breadcrumbs ul li {
  float: left;
  padding: 3px 6px;
}

.breadcrumbs ul li:after {
  font-family: 'icomoon';
  content: "\e600";
  font-size: 10px;
  line-height: 12px;
  position: relative;
  margin: 0 0;
  left: .4rem;
  color: #66cc33;
}

.breadcrumbs ul li:last-child {
  background: #d8d8d8;
  margin-left: .2rem;
}

.breadcrumbs ul li:last-child:after {
  display: none;
}

.breadcrumbs ul li:first-child a {
  text-transform: uppercase;
}

.breadcrumbs a,
.breadcrumbs span {
  display: inline-block;
}

.breadcrumbs a {
  color: #000;
}

.three-quarters .news-list-view .article {
  margin-bottom: 0 !important;
}

.three-quarters .news-list-view li .unit {
  padding-bottom: 0 !important;
}

.three-quarters .news-list-view li:nth-child(2) {
  padding-right: 0 !important;
}

.three-quarters .news-list-view li:nth-child(3) {
  padding-left: 0 !important;
}

.three-quarters .news-list-view li.basic-list,
.three-quarters .news-list-view li.miniteaser.article {
  padding: 0 !important;
  margin-bottom: 1rem !important;
}

.three-quarters .news-list-view li.basic-list .basic-list.news,
.three-quarters .news-list-view li.miniteaser.article .basic-list.news {
  padding: 25px !important;
}

.article .description a.button, .cag-events-calendar a.button {
  background: #66cc33;
  float: right;
  right: 0;
  bottom: 0;
  margin-right: 1rem;
  position: relative;
  color: #fff;
}

.article .teaser {
  min-height: 285px;
  padding-top: 1rem !important;
  padding-top: 0 !important;
}

.article .teaser.media {
  min-height: 470px;
}

.article .teaser.media.basic {
  min-height: 525px;
}

.article .teaser.basic-list {
  min-height: 0 !important;
}

.article .teaser h3 {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  color: #000;
  line-height: 1.875rem;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.article .teaser .button {
  background: #66cc33;
  color: #fff !important;
  transition: all 0.5s;
}

.article .teaser .button:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
}

.article .teaser .responsive img,
.article .teaser .responsive .news-img-wrap,
.article .teaser .responsive iframe {
  width: 100% !important;
}

.article .teaser .responsive iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.article .teaser .responsive .news-img-wrap {
  margin: 0;
}

.miniteaser.article .teaser.media {
  min-height: 175px;
}

.news-list-view .article .teaser h3 {
  /*background: url(../images/news_headline_divider.gif) 1rem bottom no-repeat;*/
}

.miniteaser .teaser {
  min-height: 175px;
  margin-bottom: 0 !important;
  padding-bottom: 1rem !important;
}

.news-list-view .unit.half:first-child, .news-list-view .unit.half:nth-child(odd) {
  padding-left: 0 !important;
}

.news-list-view .unit.half:last-child, .news-list-view .unit.half:nth-child(even) {
  padding-right: 0 !important;
}

.news .article {
  margin-bottom: 0;
}

.news-list-view .teaser {
  margin-bottom: 20px;
}

.news-list-view .teaser .news-img-caption {
    display: none;
}

.news-list-view .miniteaser {
  padding: 0 !important;
}

.news-single {
  padding-bottom: 2rem;
}

.news-single h1 {
  margin-bottom: 0.625rem;
}

.news-single .news-list-date {
  float: right;
}

.news-single .news-list-category {
  font-style: italic;
}

.news-single .teaser-text {
  clear: both;
  color: #000;
}

.news-single .header {
  margin-bottom: 1rem;
  border-bottom: 1px solid #f2f4f3;
  padding-bottom: 1rem;
}

.news-single .header:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.news-single .news-img-wrap {
  clear: both;
  margin-top: 1rem !important;
  border-top: 1px solid #f2f4f3;
  padding-top: 1rem;
}

.news-single .news-img-wrap .mediaelement a {
  width: 100%;
  border: none;
  padding: 0;
}

.news-single .news-img-caption p {
  clear: both;
  font-size: 0.875rem;
}

.news-single .news-img-caption p a {
    float: none !important;
    display: inline !important;
    border: none !important;
}

.news-single .news-backlink-wrap {
  border-top: 1px solid #f2f4f3;
  padding-top: 1rem;
}

.news-single .news-related {
  width: 100%;
  display: block;
  border: none;
  padding: 0.5rem 0;
}

.news-single .news-related ul li {
  margin-bottom: 1rem;
}

.news-single .news-related-links li a:before,
.news-single .news-related-files-link:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #66cc33;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ec82";
}

.news-single .news-related-links li a:before {
  content: "\eec5";
  margin-right: 0.25rem;
}

.news-single .article .news-img-wrap {
  float: none;
  margin: 0;
  width: 100%;
}

.news-single .one-quarter .teaser p {
  font-size: 1rem !important;
}

.news-single .one-quarter .teaser p a {
  word-wrap: break-word;
}

.news-img-wrap .outer {
  display: none;
}

.news-img-wrap .outer:first-child {
  display: block;
}

.news-single .news-img-wrap .mediaelement a {
  position: relative;
  margin-bottom: 1rem;
}

.news-single .news-img-wrap .mediaelement a .lightbox {
  background: #7f8f8f;
  position: absolute;
  color: #fff;
  font-size: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding: 8px 10px;
}

.news-single .news-img-wrap .mediaelement a .lightbox .icon-images2 {
  margin-right: 5px;
}

.news-single h1 {
  margin-top: 0;
  display: block;
  float: left;
}

#content .layout .news h3 {
  margin: 1rem 0 0.5rem;
}

#content .layout .news .news-list-view .article .basic-list {
  background-color: #f2f4f3;
  padding: 25px;
  position: relative;
}

#content .layout .news .news-list-view .article .basic-list h3 {
  margin-top: 0 !important;
  margin-bottom: 10px;
  border-bottom: 2px solid #d8d8d8;
  padding-right: 17% !important;
  padding-bottom: 10px !important;
}

#content .layout .news .news-list-view .article .basic-list .newslist-date {
  color: #000;
  font-weight: bold;
  position: absolute;
  top: 30px;
  right: 25px;
}

@media (max-width: 800px) {
  #content .layout .news .news-list-view .article .basic-list .newslist-date {
    position: initial;
  }
}

@media (max-width: 800px) {
  #content .layout .news .news-list-view .article .basic-list .newslist-date + .description {
    margin-top: 10px;
  }
}

#content .layout .news .news-list-view .article .basic-list .description + .button {
  background-color: #66cc33;
  color: #fff;
  padding: 10px;
}

#content .layout .news .news-list-view .article .basic-list .description + .button:hover {
  background-color: #38920c;
}

#content .layout .news .news-list-view .article .news h3, #content .layout .news .news-list-view .article .news .description p {
  padding: 0 16px;
}

.news-single .mediaelement-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.news-single .mediaelement-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-single .article .one-quarter .teaser.teaserbox {
  min-height: 1px !important;
}

.contact-news .name h3 {
  margin-top: 0 !important;
}

.contact-news .contact-header {
  line-height: 1 !important;
}

.news .article .news-img-wrap img {
  width: 100% !important;
}

.news.big-target-click-zone-hover h3, .news.big-target-click-zone-hover div,
.article.big-target-click-zone-hover h3,
.article.big-target-click-zone-hover div {
  text-decoration: underline;
}

.news .article p.news-img-caption a {
  display: inline;
  float: none;
  padding: 0;
  border: none;
  text-decoration: underline;
}

.one-third .news-list-view .miniteaser .teaser {
  max-height: 260px !important;
}

li.video span.news-img-caption {
  display: none;
}

.news-img-caption {
  color: #000;
}

.pm-list-container {
  border: 1px solid #000;
  padding: 1rem !important;
}

.pm-list-container li a {
  display: block;
  margin-top: 5px;
}

.pm-list-container li a h4 {
  font-size: 1rem;
  font-weight: normal;
}

.pm-list-container li > div:before {
  display: block;
  content: '+++';
  float: left;
  width: 2.75rem;
}

.three-quarters .news-list-view li.basic-list.pm-list {
  margin-bottom: 0 !important;
}

#content .layout .accordion,
.accordion {
  clear: both;
  margin-bottom: 40px;
}

#content .layout .accordion .csc-bulletlist li,
.accordion .csc-bulletlist li {
  line-height: 1.625rem;
  list-style: disc;
  margin-bottom: 1rem;
  padding-left: 1rem;
}

h2.ui-accordion-header {
  padding: 6px 12px;
  margin-bottom: 8px;
  background: #66cc33;
  color: #fff;
  cursor: pointer;
  font-size: 1.125rem;
}

h2.ui-accordion-header .ui-accordion-header-icon {
  float: right;
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h2.ui-accordion-header .ui-accordion-header-icon:before {
  content: "\ed5c";
}

h2.ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:before {
  content: "\ed62";
}

.ui-accordion-content {
  padding: 0px 12px 6px 12px;
}

.ui-accordion-content .ce-bodytext ul li a {
    display: inline;
}

.ui-accordion-content .contenttable thead tr th,
.ui-accordion-content .contenttable tbody tr td {
  font-size: 0.85rem;
}

.fb_headline {
  height: 50px;
  position: relative;
  margin-bottom: 20px;
  padding: 1.5rem 1rem;
  background: transparent;
  padding-top: 0px !important;
}

.fb_headline.fb_headline_select {
  height: 80px !important;
}

.fb_headline .fb_select {
  position: absolute;
  width: 100px;
}

.fb_headline h1 {
  display: table-cell;
  margin-bottom: 0;
  font-size: 1.85rem;
  text-transform: none;
  vertical-align: middle;
}

.fb_headline h1 span {
  padding: 0.625rem 1rem 0.625rem 0;
  border-right: 5px solid #839494;
}

.fb_headline h2 {
  margin: 0;
  text-transform: none;
}

@media screen and (min-width: 801px) {
  .fb_headline h2 {
    margin-top: -2px;
  }
}

.fb_headline *, .fb_headline *:before, .fb_headline *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fb_headline .zww_header {
  padding-left: 1.25rem;
  padding-top: 0.625rem;
}

.fb_headline .zww_name {
  padding: 1.8rem 2.5rem 0.625rem 0;
  border-right: none;
}

.fb_headline .fb_designator {
  display: table;
  position: relative;
  height: 100%;
  width: auto !important;
  float: left !important;
  padding-right: 0 !important;
}

.fb_headline .fb_designator .fb_name {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5.5rem;
  font-size: 1.875rem;
  font-weight: bolder;
  line-height: 1;
  word-break: inherit;
}

.fb_headline .fb_designator .fb_name:hover {
  text-decoration: underline;
}

.fb_headline .fb_designator.no-vertical-bar .fb_name {
  border-right: none;
}

.fb_headline .fb_designator a {
  color: inherit;
  display: table-cell;
  vertical-align: middle;
}

.fb_headline .fb_designator a:hover {
  text-decoration: underline;
}

.fb_headline span.fb_icon {
  position: absolute;
  left: 10px;
  height: 4rem;
  width: 4rem;
  background-color: #428bca;
  border-radius: 4rem;
  color: #fff;
  padding: 0.4rem 0 0 0;
  font-size: 2.3rem;
  font-weight: bolder;
  top: 0.55rem;
  right: 2rem;
  text-align: center;
  text-transform: uppercase;
}

.fb_headline span.fb_icon.fb_icon_AI, .fb_headline span.fb_icon.fb_icon_ai {
  background-color: #004a7f;
}

.fb_headline span.fb_icon.fb_icon_ET, .fb_headline span.fb_icon.fb_icon_et {
  background-color: #9cbadc;
}

.fb_headline span.fb_icon.fb_icon_LT, .fb_headline span.fb_icon.fb_icon_lt {
  background-color: #008b95;
}

.fb_headline span.fb_icon.fb_icon_oe {
  background-color: #c50077;
  text-transform: none !important;
}

.fb_headline span.fb_icon.fb_icon_PG, .fb_headline span.fb_icon.fb_icon_pg {
  background-color: #e0eee0;
  color: #7f8f8f;
}

.fb_headline span.fb_icon.fb_icon_SK, .fb_headline span.fb_icon.fb_icon_sk {
  background-color: #ef8300;
}

.fb_headline span.fb_icon.fb_icon_SW, .fb_headline span.fb_icon.fb_icon_sw {
  background-color: #f8eb32;
  color: #7f8f8f;
}

.fb_headline span.fb_icon.fb_icon_W, .fb_headline span.fb_icon.fb_icon_w {
  background-color: #056cae;
}

.fb_headline .page_headline,
.fb_headline .fb_headlines {
  display: table;
  height: 100%;
  width: auto !important;
  float: left !important;
  padding-left: 2.5rem !important;
  max-width: 800px;
}

.fb_headline .page_headline span,
.fb_headline .fb_headlines span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0px;
}

.fb_headline .page_headline span h1,
.fb_headline .fb_headlines span h1 {
  font-size: 1.875rem;
  word-wrap: break-word;
  hyphens: auto;
  word-break: inherit;
}

.fb_headline .page_headline span h2,
.fb_headline .fb_headlines span h2 {
  max-width: 800px;
  font-size: 1.575rem;
  word-wrap: break-word;
  hyphens: auto;
  word-break: break-all;
}

.fb_headline .page_headline span h4,
.fb_headline .fb_headlines span h4 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
  word-break: break-all;
}

.fb_headline .fb_headlines {
  display: table;
  height: 100%;
  width: auto !important;
  float: none !important;
  padding-left: 0.5rem !important;
  max-width: 600px;
}

.fb_headline .fb_headlines.fb_headlines.three-quarters {
  display: block;
  width: 75% !important;
  float: left !important;
  max-width: none;
  padding-top: 2px;
}

.fb_headline .fb_headlines.fb_headlines.three-quarters span {
  padding-left: 0px;
}

@media screen and (min-width: 801px) {
  .fb_headline .fb_headlines.fb_headlines.three-quarters {
    margin-top: 2px;
  }
}

.fb_headline .fb_headlines span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.fb_headline .fb_headlines span h1 {
  font-size: 1.875rem;
  word-wrap: break-word;
  hyphens: auto;
}

@media screen and (max-width: 375px) {
  .fb_headline .fb_headlines span h1 {
    word-break: inherit;
  }
}

.fb_headline .fb_headlines span h2 {
  max-width: 600px;
  font-size: 1.575rem;
  word-wrap: break-word;
  hyphens: auto;
}

.fb_headline .fb_headlines span h4 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
}

.fb_headline .fb_headlines + .fb_designator.col-right {
  display: block;
  width: 24% !important;
  float: right !important;
}

.fb_headline .fb_headlines + .fb_designator.col-right h2 .fb_name {
  display: inline-block;
  vertical-align: bottom;
  font-size: 1rem;
  border-right: none;
  padding: 0 0 0 5rem;
  text-decoration: none;
  word-break: inherit;
}

.fb_headline .fb_headlines + .fb_designator.col-right h2 .fb_name:hover {
  text-decoration: underline;
}

.fb_headline .fb_headlines + .fb_designator.col-right a .fb_icon {
  top: -0.95rem;
}

.fb_headline .xl-headline {
  display: table;
  height: 100%;
  width: auto !important;
  float: none !important;
  padding-left: 0.5rem !important;
  max-width: 800px;
}

.fb_headline .xl-headline span {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.fb_headline .xl-headline span h1 {
  font-size: 1.875rem;
  word-wrap: break-word;
  hyphens: auto;
}

.fb_headline .xl-headline span h2 {
  max-width: 800px;
  font-size: 1.575rem;
  word-wrap: break-word;
  hyphens: auto;
}

.fb_headline .xl-headline span h4 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500;
}

.fb_headline .page_headline {
  padding-left: 0.625rem !important;
}

.fb_headline_select {
  background: #f2f4f3;
  padding-top: 0 !important;
}

.fb_headline_select .fb_designator {
  height: 80px;
}

.fb_headline_select .fb_select {
  position: relative !important;
  height: 80px;
  width: auto !important;
  display: table-cell;
  vertical-align: initial;
}

.fb_headline_select .fb_select select {
  max-width: 250px;
  font-size: 1rem;
  padding: 0.625rem;
  background-color: #fff;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000;
  line-height: 1.42857143;
  box-sizing: border-box;
  border: none;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.fb_headline_select .fb_select.select_fach .button {
  background: #66cc33;
  color: #fff !important;
  transition: all 0.5s;
  margin: 20px 0 10px 0;
  height: 37px;
  padding: 9px 15px 6px;
}

.fb_headline_select .fb_select.select_fach .button .icon-arrow-right {
  position: relative;
  top: 2px;
  left: 8px;
}

.fb_headline_select .fb_select.select_fach .button:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
}

ul.selectBox-dropdown-menu li:first-child {
  display: none;
}

#pageid-1915 ul.selectBox-dropdown-menu li:first-child {
  display: block;
}

.fb_headlines.xl-headline h2 {
  font-size: 1.375rem !important;
}

.three-quarters.layout .fb_headlines {
  max-width: 600px !important;
  padding-left: 1.5rem !important;
}

@media screen and (max-width: 375px) {
  .fb_headline .fb_headlines + .fb_designator.col-right a .fb_icon {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 667px) {
  #content .fb_headline_select .fb_designator,
  #content .fb_headline_select .fb_name,
  #content .fb_headline_select .fb_select {
    display: block !important;
  }
  #content .fb_headline .fb_name {
    font-size: 1.4rem !important;
  }
  .fb_headline .page_headline span h1,
  .fb_headline .fb_headlines span h1 {
    word-break: inherit !important;
    font-size: 1.25rem;
  }
  .fb_headline .xl-headline span h1 {
    font-size: 1.25rem;
  }
  #pageid-2562 #content .fb_headline,
  #pageid-7256 #content .fb_headline {
    min-height: 65px !important;
  }
  #pageid-2562 .layout.no_subnav .fb_headline .fb_designator,
  #pageid-7256 .layout.no_subnav .fb_headline .fb_designator {
    right: 0 !important;
  }
  #pageid-2562 #content .fb_headline .fb_name,
  #pageid-7256 #content .fb_headline .fb_name {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  #content .fb_headline_select .fb_designator,
  #content .fb_headline_select .fb_name,
  #content .fb_headline_select .fb_select {
    display: block !important;
  }
  #content .fb_headline {
    height: auto;
    min-height: 50px !important;
    margin-bottom: 0 !important;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right {
    width: 21% !important;
  }
}

.no_subnav .fb_headline h1 span {
  padding: 1.75rem 1rem 0.625rem 0;
}

.content-header .fb_headline {
  height: 60px;
}

.contact-list {
  padding: 0 0 2rem 0;
  border-top: 4px solid #fff;
}

.contact-list li {
  clear: both;
  padding: 0.625rem 0;
  border-bottom: 4px solid #fff;
}

.contact-list li:nth-child(odd) {
  background-color: #f2f4f3;
}

.contact-list li:nth-child(even) {
  background-color: #f0f5ef;
}

.contact-list li .name {
  width: 35%;
  float: left;
}

.contact-list li.ui-accordion.ui-widget {
  cursor: pointer;
}

.contact-list li .morelink {
  float: right;
  text-decoration: none;
}

.contact-list li .morelink:after {
  font-family: 'icomoon';
  content: "\edb9";
  margin-left: 5px;
  font-size: 12px;
}

.contact-list li .morelink:hover:after {
  color: #66cc33;
}

.contact-list li:after {
  display: table;
  content: "";
  clear: both;
}

.contact-list .contact-list-header {
  min-height: 20px;
  padding: 0 1.25rem;
}

.contact-list .contact-list-header:focus {
  outline: 0 !important;
  outline: none !important;
}

.contact-list .ui-accordion-header-active .morelink:after {
  content: "\edbd";
}

.contact-list .contact-list-content {
  display: none;
  clear: both;
  padding: 1rem 0;
}

.contact-list .contact-list-content [class^="icon-"], .contact-list .contact-list-content [class*=" icon-"] {
  margin-right: 0.625rem;
}

.contact-list .contact-list-content .contact-info-data {
  display: block;
}

.contact-list .contact-list-content.ui-accordion-content-active {
  cursor: auto;
}

.contact-list .contact-list-content .image_block {
  width: 34%;
  padding-left: 1.25rem !important;
}

.contact-list .contact-list-content .location {
  display: block;
  margin: 0.625rem 0;
}

.contact-list .contact-list-content .consultation-hours,
.contact-list .contact-list-content .office-hours {
  margin-bottom: 0.625rem;
}

.contact-list .ui-accordion .contact-list-content .image_block {
  width: 25%;
  height: 220px;
  padding: 0 !important;
  overflow: hidden;
  margin-right: 10px;
}

.contact-list .ui-accordion .contact-list-content .image_block img {
  width: 100%;
  height: auto;
}

.contact-list .ui-accordion .contact-list-header {
  padding-left: 0;
}

.contact-list .ui-accordion .contact-list-content .image_block figure {
  height: 100%;
}

.alumni {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.alumni .image-caption {
  position: absolute;
  bottom: 7px;
  text-align: center;
  width: 229px;
}

.alumni .image-caption .caption-text {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
  background-color: #304646;
  padding-left: 15px;
  padding-right: 15px;
}

.alumni .icon-plus-circle {
  cursor: pointer;
}

.alumni .icon-plus-circle:before {
  font-family: "icomoon";
  content: "\ed5c";
  position: absolute;
  bottom: 55px;
  left: 50%;
  margin-left: -15px;
  font-size: 30px;
  background-color: #2f4f4e;
  border-radius: 20px;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 9;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.alumni .mouseover-text {
  display: block;
  position: absolute;
  bottom: 0;
  background-color: #2f4f4e;
  height: 40px;
  width: 199px;
  padding: 15px;
  font-size: 1rem;
  font-weight: 300;
  -webkit-transition: height .5s ease;
  -moz-transition: height .5s ease;
  -ms-transition: height .5s ease;
  transition: height .5s ease;
}

.alumni .mouseover-text a {
  margin-top: 1rem;
}

.alumni .testimonial_header {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
  margin-top: .75rem;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.alumni .testimonial_text {
  margin-bottom: 0;
  text-align: center;
  line-height: 1.125rem;
  font-size: 1rem;
}

.alumni .alumni-image {
  position: relative;
}

.alumni .alumni-image:hover .mouseover-text {
  display: block;
}

.alumni .alumni-image:hover .image-caption {
  display: none;
}

.alumni .alumni-image .button {
  margin-top: 1rem;
  left: 50%;
  position: relative;
  margin-left: -35%;
}

.alumni.unit {
  padding: 0;
  overflow: hidden;
}

.alumni.unit:last-child {
  padding-right: inherit !important;
}

.grid .unit .unit:last-child .alumni {
  /*padding-right: inherit !important;*/
}

.alumni .open .mouseover-text {
  height: 210px;
  background-color: rgba(47, 79, 78, 0.95);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.alumni .open .testimonial_header {
  margin-top: 2.5rem;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.alumni .open .icon-plus-circle:before {
  bottom: 195px;
  background-color: rgba(47, 79, 78, 0.95);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

/* Special case Alumni */
.three-quarters.layout .unit > .alumni.unit {
  padding-right: 0 !important;
}

.back-btn {
  position: relative;
  float: right;
  font-weight: bold;
  background: #66cc33;
  color: #fff !important;
  padding-left: 25px;
}

.back-btn span.back-link:before {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 5px;
  left: 5px;
}

.gv_galleryWrap {
  background: 0;
}

.gv_panelNavNext {
  width: 50px;
  height: 50px;
  background: url(../images/yag_icons/next_white.svg) top left no-repeat;
}

.gv_panelNavPrev {
  width: 50px;
  height: 50px;
  background: url(../images/yag_icons/prev_white.svg) top right no-repeat;
}

.gv_navPrev {
  width: 30px;
  height: 30px;
  background: url(../images/yag_icons/panel-nav-prev.svg) top right no-repeat;
  background-size: contain;
}

.gv_navPlay {
  width: 30px;
  height: 30px;
  background: url(../images/yag_icons/play.svg) 4px 0px no-repeat;
  background-size: contain;
}

.gv_navPause {
  width: 30px;
  height: 30px;
  background: url(../images/yag_icons/pause.svg) 4px 0px no-repeat;
  background-size: contain;
}

.gv_navNext {
  width: 30px;
  height: 30px;
  background: url(../images/yag_icons/panel-nav-next.svg) top left no-repeat;
  background-size: contain;
}

.gv_showOverlay,
.gv_infobar,
.gv_overlay {
  background: #2f4f4e;
  opacity: 0.9;
}

.gv_showOverlay {
  background: #2f4f4e url(../images/yag_icons/info.png) top left no-repeat;
}

.gv_overlay h4 {
  margin-bottom: 0.4rem;
}

.gv_overlay p {
  margin-top: 0;
  font-size: 1rem;
  line-height: 1.125rem;
}

.gv_galleryWrap,
.gv_gallery,
.gv_panelWrap,
.gv_panel,
.gv_panel img {
  max-width: 100% !important;
  max-height: 465px !important;
}

.gv_galleryWrap {
  margin: 0 0 20px 0;
}

.gv_panel img {
  top: 0 !important;
  height: auto !important;
}

@media screen and (max-width: 480px) {
  .gv_galleryWrap {
    max-height: 350px !important;
  }
  .gv_gallery,
  .gv_panelWrap,
  .gv_panel,
  .gv_panel img {
    max-height: 310px !important;
  }
  .gv_navWrap,
  .gv_filmstripWrap {
    z-index: 99999;
  }
  .gv_panelNavNext,
  .gv_panelNavPrev {
    top: 30% !important;
  }
}

@media screen and (max-width: 375px) {
  .gv_galleryWrap {
    max-height: 370px !important;
  }
  .gv_gallery,
  .gv_panelWrap,
  .gv_panel,
  .gv_panel img {
    max-height: 330px !important;
  }
  .gv_navWrap,
  .gv_filmstripWrap {
    z-index: 99999;
  }
  .gv_panelNavNext,
  .gv_panelNavPrev {
    top: 30% !important;
  }
}

.gv-panel-overlay {
  position: absolute;
}

.search-result-single {
  background: #f0f5f0;
  padding: 20px;
  margin-bottom: 20px;
}

.search-result-single .tx-indexedsearch-title {
  border-bottom: 1px solid #7f8f8f;
  padding-bottom: 10px;
}

.search-result-single .tx-indexedsearch-title a {
  color: #000;
  word-break: break-word;
}

#tx_indexedsearch {
  position: relative;
}

#tx_indexedsearch .icon-search {
  color: #fff;
  position: absolute;
  top: 55px;
  right: 30px;
}

@media (max-width: 800px) {
  #tx_indexedsearch .icon-search {
    display: none;
  }
}

.tx-indexedsearch-browsebox:last-child {
  text-align: center;
}

.tx-indexedsearch-browsebox:last-child a {
  color: #000;
}

.tx-indexedsearch-browsebox:last-child strong a {
  color: #66cc33;
}

.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox p {
  margin-bottom: 0px;
}

@media (max-width: 568px) {
  .tx-indexedsearch-whatis + .tx-indexedsearch-browsebox p {
    margin-bottom: 15px;
  }
}

.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox .browsebox {
  text-align: right;
  margin-bottom: 20px;
  margin-top: -25px;
}

@media (max-width: 568px) {
  .tx-indexedsearch-whatis + .tx-indexedsearch-browsebox .browsebox {
    text-align: center;
    margin-top: 20px;
  }
}

.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox .browsebox a {
  color: #000;
}

.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox .browsebox strong a {
  color: #66cc33;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
  width: 80%;
  height: 40px;
  padding-left: 10px;
  margin: 0;
  margin-bottom: 10px;
  font-size: 20px;
  float: left;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

@media (max-width: 568px) {
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 70%;
  }
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
  width: 20%;
  height: 40px;
  margin: 0;
  margin-bottom: 10px;
  font-size: 20px;
  background-color: #7f8f8f;
  border: none;
  color: #fff;
  float: right;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

@media (max-width: 568px) {
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
    width: 30%;
  }
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button:hover {
  background-color: #304646;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button:after {
  content: "\eb33";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}

.grid .teaser.was-machen-mit .teaser-header {
  background: #7f8f8f;
}

.grid .teaser.was-machen-mit ul {
  margin-left: 0 !important;
}

.grid .teaser.was-machen-mit ul li {
  margin-left: 1rem !important;
  margin-bottom: 1rem !important;
  padding-left: 0 !important;
  list-style: none !important;
  font-size: 1rem !important;
}

.grid .teaser.was-machen-mit ul li a {
  display: block;
  color: #000;
}

.grid .teaser.was-machen-mit ul li a:hover {
  text-decoration: underline;
}

.grid .teaser.was-machen-mit ul li a:before {
  content: '' !important;
}

.grid .teaser.was-machen-mit ul li span {
  float: left;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  height: 30px;
  line-height: 32px;
  text-align: center;
  margin: 0 0.625rem 0 0;
  width: 30px;
}

.grid .teaser.was-machen-mit ul li span:after {
  display: block;
  content: '';
  clear: left;
}

.grid .teaser.was-machen-mit ul li span.fb_3 {
  background: #004a7f;
}

.grid .teaser.was-machen-mit ul li span.fb_3:before {
  content: 'AI';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_4 {
  background: #9cbadc;
}

.grid .teaser.was-machen-mit ul li span.fb_4:before {
  content: 'ET';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_5 {
  background: #008b95;
}

.grid .teaser.was-machen-mit ul li span.fb_5:before {
  content: 'LT';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_6 {
  background: #c50077;
}

.grid .teaser.was-machen-mit ul li span.fb_6:before {
  content: 'Oe';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_7 {
  background: #e0eee0;
}

.grid .teaser.was-machen-mit ul li span.fb_7:before {
  content: 'PG';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_8 {
  background: #ef8300;
}

.grid .teaser.was-machen-mit ul li span.fb_8:before {
  content: 'SK';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_9 {
  background: #f8eb32;
}

.grid .teaser.was-machen-mit ul li span.fb_9:before {
  content: 'SW';
  color: #fff !important;
}

.grid .teaser.was-machen-mit ul li span.fb_10 {
  background: #056cae;
}

.grid .teaser.was-machen-mit ul li span.fb_10:before {
  content: 'W';
  color: #fff !important;
}

.powermail_form legend {
  display: none;
}

.powermail_form ul.parsley-errors-list {
  color: red;
}

.powermail_form .powermail_radio_legend,
.powermail_form label {
  width: 210px;
  max-width: 25%;
  display: inline-block;
  max-width: 100%;
  margin-top: 10px;
  font-weight: 500;
  vertical-align: top;
}

.powermail_form .powermail_fieldwrap {
  margin-bottom: 10px;
}

.powermail_form .powermail_radio_legend,
.powermail_form .powermail_radio_inner {
  float: left;
}

.powermail_form .powermail_radio_inner label {
  width: auto;
}

.powermail_form .powermail_radio_inner input {
  margin-top: 12px;
}

.powermail_form input[type="tel"],
.powermail_form input[type="number"],
.powermail_form input[type="email"],
.powermail_form input[type="text"] {
  width: 350px;
  max-width: 50%;
  background-color: #f0f5f0;
  color: #000;
  border: none;
  font-size: 1rem;
  padding: 10px;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.powermail_form input[type="tel"]:focus, .powermail_form input[type="tel"]:hover,
.powermail_form input[type="number"]:focus,
.powermail_form input[type="number"]:hover,
.powermail_form input[type="email"]:focus,
.powermail_form input[type="email"]:hover,
.powermail_form input[type="text"]:focus,
.powermail_form input[type="text"]:hover {
  background-color: #d6e5d6;
}

.powermail_form .powermail_radio_outer {
  float: left;
  width: 350px;
  max-width: 50%;
}

.powermail_form input[type="submit"] {
  font-family: "TheSans";
}

.powermail_form textarea {
  width: 350px;
  max-width: 50%;
  height: 230px;
  background-color: #f0f5f0;
  color: #000;
  overflow-y: auto;
  resize: none;
  border: none;
  font-size: 1rem;
  padding: 10px;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.powermail_form textarea:focus, .powermail_form textarea:hover {
  background-color: #d6e5d6;
}

.powermail_form .powermail_field {
  display: inline-block;
  /*width: 350px;*/
  max-width: 50%;
}

.powermail_form .powermail_field input[type="tel"],
.powermail_form .powermail_field input[type="number"],
.powermail_form .powermail_field input[type="email"],
.powermail_form .powermail_field input[type="text"],
.powermail_form .powermail_field textarea {
  width: 100%;
  max-width: 100%;
  width: 350px;
}

.powermail_form .powermail_field div.checkbox {
  margin: 10px 0;
}

.powermail_form .powermail_field div.radio {
  margin: 5px 0;
}

.powermail_form .powermail_fieldwrap_type_text .powermail_field,
.powermail_form .powermail_fieldwrap_type_content .powermail_field {
  width: auto;
  max-width: 100%;
}

.powermail_form .powermail_fieldwrap_type_text {
  font-weight: 500;
}

.powermail_form .selectBox-dropdown,
.powermail_form select {
  width: 370px !important;
  max-width: 90%;
  background-color: #f0f5f0;
  padding: 10px;
  margin-left: 0px;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  line-height: 1.42857143;
  box-sizing: border-box;
  font-size: 1rem;
  border: none;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
}

.powermail_form input[type="submit"],
.powermail_form input.powermail_confirmation_submit,
.powermail_form input.powermail_confirmation_form {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #66cc33;
  color: #fff !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.powermail_form input[type="submit"]:hover,
.powermail_form input.powermail_confirmation_submit:hover,
.powermail_form input.powermail_confirmation_form:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
}

.parsley-custom-error-message {
  color: red;
}

.powermail_field .checkbox legend {
  width: 210px;
  display: inline-block;
  max-width: 100%;
  font-weight: 500;
  vertical-align: top;
  float: left;
}

.powermail_field .checkbox label {
  width: auto;
  margin: 0 0 0 28px;
}

.powermail_field .checkbox label span.checkbox_labeltext {
  display: inline-block;
  margin: 5px 0 0 5px;
}

.powermail_field .checkbox label input {
  width: 24px;
  margin: 0.5em 0 0 -25px;
  float: left;
}

.powermail_field .checkbox .powermail_check_outer {
  margin-left: 210px;
}

.powermail_field .checkbox .powermail_check_inner {
  margin-bottom: 5px;
}

.powermail_field .radio {
  float: left;
}

.powermail_field .radio label {
  width: auto;
  margin: 0 0 0 28px;
}

.powermail_field .radio label span.radion_labeltext {
  display: inline-block;
}

.powermail_field .radio label input {
  width: 24px;
  margin: 0.5em 0 0 -25px;
  float: left;
}

.powermail_field-selectBox-dropdown-menu li a {
  white-space: normal !important;
}

.powermail_confirmation form input[type="submit"] {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #66cc33;
  color: #fff !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
}

.powermail_confirmation form input[type="submit"]:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
}

.powermail_confirmation form .powermail_confirmation_form,
.powermail_confirmation form .powermail_confirmation_submit {
  float: left;
  margin: 10px 0 20px 0;
  margin-bottom: 20px !important;
}

.powermail_confirmation form .powermail_confirmation_submit {
  float: right;
}

.tx-powermail table th, .tx-powermail table td {
  text-align: left;
}

.tx-powermail .powermail_confirmation:after {
  display: table;
  content: " ";
  line-height: 0;
  clear: both;
}

.video-js-box video {
  width: 100%;
  height: auto;
}

h2.more_videos {
  margin-top: 3rem;
}

.video-list .item {
  float: left;
  width: 32%;
  height: auto;
  margin-right: 2%;
}

.video-list .item a {
  text-decoration: none !important;
}

.video-list .item a .headline {
  font-weight: bold;
  font-size: 1.125rem;
}

.video-list .item img {
  width: 100%;
  height: auto;
  margin-top: 5px;
}

.video-list .item:nth-child(3n+3) {
  margin-right: 0;
}

.video-list .item:nth-child(3n+1) {
  clear: both;
}

.video-list .item .video-description {
  font-size: 1rem;
  line-height: 1.125rem;
}

@media screen and (max-width: 480px) {
  .video-list .item {
    width: 100%;
  }
}

.vjs-default-skin .vjs-control-bar {
  background-color: red !important;
  background: red !important;
}

@font-face {
  font-family: 'icomoon_hlb';
  src: url("../../fonts/icomoon_hlb.eot?soko2v");
  src: url("../../fonts/icomoon_hlb.eot?soko2v#iefix") format("embedded-opentype"), url("../../fonts/icomoon_hlb.woff2?soko2v") format("woff2"), url("../../fonts/icomoon_hlb.ttf?soko2v") format("truetype"), url("../../fonts/icomoon_hlb.woff?soko2v") format("woff"), url("../../fonts/icomoon_hlb.svg?soko2v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-hlb-"], [class*=" icon-hlb-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon_hlb' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-hlb-Datenbanken:before {
  content: "\e901";
}

.icon-hlb-Freunde:before {
  content: "\e903";
}

.icon-hlb-Fuldig:before {
  content: "\e904";
}

.icon-hlb-Onleihe:before {
  content: "\e905";
}

.icon-hlb-Raumreservierungen:before {
  content: "\e907";
}

.icon-hlb-Schulungen:before {
  content: "\e908";
}

.icon-hlb-Ebooks:before {
  content: "\e906";
}

.icon-hlb-EJournals:before {
  content: "\e90d";
}

.icon-hlb-Newsletter:before {
  content: "\e90c";
}

.icon-hlb-Fernleihe:before {
  content: "\e909";
}

.icon-hlb-Semesterapparat:before {
  content: "\e90a";
}

.icon-hlb-Veranstaltungen:before {
  content: "\e90b";
}

.hlb_microsite #c36204 a:before,
.hlb_microsite ul.csc-bulletlist li a:before {
  display: none !important;
  padding-left: 0 !important;
}

.hlb_microsite ul.csc-bulletlist li a {
  padding-left: 0 !important;
}

.hlb_microsite .csc-bodytext p a {
  padding-left: 1rem !important;
}

.hlb_microsite .csc-bodytext p a:before {
  display: none;
}

.hlb_microsite .link-fulda {
  width: 98px;
  height: 79px;
  content: '';
  display: block;
  position: absolute;
  top: 33px;
  z-index: 9999;
}

.hlb_microsite .link-fulda.top {
  top: 13px;
}

.hlb_microsite .logo {
  left: -9px;
  box-shadow: none;
  background: transparent;
  padding: 0;
  display: block;
  top: 13px;
  height: 80px;
  width: auto;
  margin: 0 0 0 0;
  z-index: 1500;
  box-sizing: border-box;
}

.hlb_microsite .logo.top {
  top: 13px;
}

.hlb_microsite .logo.small-mobile {
  display: none;
}

.hlb_microsite header nav {
  left: 270px;
  margin-left: 276px;
}

.hlb_microsite header {
  position: relative;
  z-index: 1001;
}

.hlb_microsite #desktop-navimain {
  top: 98px !important;
}

.hlb_microsite #desktop-navimain ul {
  padding-left: 275px;
}

.hlb_microsite .hlb_microsite .searchfield_hlb .search_select {
  left: 40px;
}

.hlb_microsite .hlb_microsite .STD-searchfield, .hlb_microsite .hlb_microsite .FILIP-searchfield {
  margin-left: 220px;
}

.hlb_microsite #desktop-navimain > ul.navbar-main li a,
.hlb_microsite header nav li a,
.hlb_microsite .pagefunctions {
  font-size: 1rem;
}

.hlb_microsite #desktop-navimain ul li > a {
  padding: 20px 8px;
}

.hlb_microsite footer .unit.one-fifth {
  width: 27%;
}

.hlb_microsite nav#menu-bottom {
  margin-left: 24.5%;
}

.hlb_microsite .logo_footer_mobile {
  display: none;
}

.hlb_microsite .logo_div_mobile {
  display: none;
}

.hlb_microsite #content .layout ul {
  margin-left: 0;
}

.hlb_microsite .contenttable thead tr,
.hlb_microsite .contenttable thead tr th {
  border: 0px solid #fff;
}

.hlb_microsite #desktop-navimain ul ul.dropdown-menu > li a {
  background: #274242 !important;
}

.hlb_microsite footer .img-footer .logo_footer img {
  width: 100%;
}

.hlb_microsite .searchfield_hlb .search_select input#switchStd,
.hlb_microsite .searchfield_hlb .search_select input#switchFilip {
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
}

.hlb_microsite #desktop-navimain ul ul.dropdown-menu > li ul li a {
  background: none !important;
}

.hlb_microsite .cag-events-calendar .filter {
  display: none;
}

.hlb_microsite .wrapper-content {
  margin-top: 1.25rem;
}

.hlb_microsite .pagefunctions > a.switch {
  display: none;
}

.hlb_microsite .wrapper.sticky {
  position: fixed;
}

.hlb_microsite .wrapper.header-frame {
  height: 150px;
}

.hlb_microsite .contact-info-data a {
  word-wrap: break-word;
  word-break: break-all;
}

.hlb_microsite .contact-list-content .image_block + .half {
  width: 60%;
}

.hlb_microsite .three-quarters.layout > div:not(.fb_headline), .hlb_microsite .three-quarters.layout > div:not(.news) {
  padding-left: 0px !important;
}

.hlb_microsite #content .content-header > .grid.whole {
  margin-top: 20px;
  max-height: none;
}

.hlb_microsite #content .content-header > .grid.whole .unit {
  max-height: none;
}

.hlb_microsite .appointment-list .unit {
  padding-bottom: 1rem !important;
  margin-bottom: 0;
}

.hlb_microsite .tx-cag-events .label {
  font-weight: 600;
}

.hlb_microsite .tx-cag-events .label:last-child {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

.hlb_microsite .bx-wrapper {
  margin-left: -10px;
}

.hlb_microsite .fixed header {
  margin-bottom: 0;
}

.hlb_microsite .fixed .searchfield_hlb {
  background-color: #fff;
}

.hlb_microsite .searchfield_hlb {
  display: block;
  height: 100%;
  position: absolute;
  top: 50px;
  left: 240px;
  width: 100%;
  z-index: 99;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
}

.hlb_microsite .searchfield_hlb .hidden {
  display: none;
}

.hlb_microsite .searchfield_hlb .search_select {
  position: absolute;
  left: 15px;
  top: 2px;
  background: #f2f4f3;
}

.hlb_microsite .searchfield_hlb .search_select label {
  display: block;
  margin-left: 45px;
  padding: 0 11px;
}

.hlb_microsite .searchfield_hlb .search_select input#switchStd {
  position: absolute;
  left: 25px;
  top: 20px;
}

.hlb_microsite .searchfield_hlb .search_select input#switchFilip {
  position: absolute;
  left: 25px;
  top: -1px;
}

.hlb_microsite table {
  border: none;
  border-spacing: 0px 5px;
}

.hlb_microsite table td {
  border: none;
  padding: 0;
  text-align: left;
}

.hlb_microsite .STD-searchfield,
.hlb_microsite .FILIP-searchfield {
  margin-left: 220px;
}

.hlb_microsite .STD-searchfield .search-item,
.hlb_microsite .FILIP-searchfield .search-item {
  width: 75%;
  height: 44px;
  padding: 0rem 0.3rem;
  font-size: 1.125em;
  font-family: 'TheSans';
  font-weight: 300;
  border: none;
  margin-top: 2px;
  padding-left: 15px;
  text-align: justify;
  background-color: #f2f4f3;
  color: #000;
  border-radius: 0;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

.hlb_microsite .STD-searchfield .search-item:focus,
.hlb_microsite .FILIP-searchfield .search-item:focus {
  outline: 0;
}

.hlb_microsite .STD-searchfield input.submit,
.hlb_microsite .FILIP-searchfield input.submit {
  position: absolute;
  right: 240px;
  top: 0;
  border: none;
  padding: 0.8rem 1rem;
  margin: 2px 0px 0px;
  font-size: 1rem;
  cursor: pointer;
  background-color: #304646;
  border: none;
  color: #fff;
  height: 44px;
  border-radius: 0;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

.hlb_microsite .STD-searchfield input.submit:focus,
.hlb_microsite .FILIP-searchfield input.submit:focus {
  outline: 0;
}

.hlb_microsite .STD-searchfield input.submit:hover,
.hlb_microsite .FILIP-searchfield input.submit:hover {
  opacity: 0.7;
  color: #fff;
}

.hlb_microsite .unit.one-fifth.hide-phone.hide-tablet.fuldahlb_new {
  border-left: 1px solid;
  padding-left: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 3rem;
  width: 20%;
}

.hlb_microsite .tx-oeffnungszeiten .grid {
  font-size: 0.8rem;
}

.hlb_microsite .tx-oeffnungszeiten table td {
    vertical-align: baseline;
}

.hlb_microsite .tx-oeffnungszeiten .grid .unit.half:first-child {
  padding: 0 0 0 16px !important;
}

.hlb_microsite .tx-oeffnungszeiten .grid .unit.half:last-child {
  padding: 0;
}

.hlb_microsite .tx-oeffnungszeiten .grid .device__isOpen {
  font-weight: bold;
}

.hlb_microsite .tx-oeffnungszeiten .grid table {
  margin-bottom: 0;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header {
  display: block;
  width: 100%;
  height: 40px;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header h3 {
  float: left;
  width: 52%;
  margin-bottom: 0;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header span.alle_zeiten_link {
  float: right;
  margin-top: 10px;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header span.alle_zeiten_link a {
  color: #fff;
  text-decoration: none;
  padding: 10px 16px;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header span.alle_zeiten_link a:hover {
  text-decoration: underline;
}

.hlb_microsite .tx-oeffnungszeiten .teaser-header span.alle_zeiten_link a span:before {
  font-size: 0.75rem !important;
}

.hlb_microsite .tx-oeffnungszeiten footer .grid .unit {
  float: left;
  width: 80%;
  padding: 0;
}

.hlb_microsite .img-footer {
  display: none;
}

.hlb_microsite .fuldahlb_new .img-footer {
  display: block;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .button {
  position: absolute;
  left: -54px;
  padding-right: 10px;
  bottom: 3px !important;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-up + .slide-down + .button {
  position: absolute;
  left: -10px;
  padding-right: 10px;
  margin-bottom: 15px;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-up,
.hlb_microsite .teaser.contact-box.multiple-2016 .slide-up {
  padding: 6px 10px 4px 10px;
  font-size: 16px;
  bottom: 13px;
}

.hlb_microsite #content .layout .teaser, .hlb_microsite .teaser {
  transition: all 0.1s linear 0s;
}

.hlb_microsite #content .teaser.contact-box-prof.multiple .name h3 {
  margin-top: 0rem;
}

.hlb_microsite #content .teaser.contact-box-prof.multiple .title p {
  margin-bottom: .5rem;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-down .overlay .overlay_block h3 {
  font-size: 1.5rem;
  color: #66cc33;
}

.hlb_microsite .teaser.contact-box.multiple-2016 .slide-down .overlay div,
.hlb_microsite .teaser.contact-box.multiple-2016 .slide-down .overlay-phone,
.hlb_microsite .teaser.contact-box.multiple-2016 .slide-down .overlay-phone {
  font-size: 1rem;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-down .slide-close {
  bottom: 0.825rem;
}

.hlb_microsite #content .teaser.contact-box.contact-box-prof .slide-down .overlay-email {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

.hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-down .overlay-email a {
  width: 100%;
}

.hlb_microsite #links-abc {
  position: absolute;
  right: 0;
  top: 153px;
  text-align: right;
  max-width: 1260px;
  margin: 0 auto;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
}

.hlb_microsite #links-abc.toScroll {
  position: fixed;
  top: 172px;
  right: 0;
  z-index: 9999;
  left: 0;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
}

.hlb_microsite #links-abc.toScroll.top {
  top: 122px;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  transition: all .3s linear;
}

.hlb_microsite #links-abc a {
  font-weight: 500;
}

.hlb_microsite #links-abc a.activ {
  background: #38920c;
}

.hlb_microsite .w-1-1.info-box,
.hlb_microsite .w-1-2.info-box {
  width: auto !important;
}

.hlb_microsite .back-link {
  padding: 10px 25px 10px 15px;
  margin-right: 2px;
}

.hlb_microsite .back-link:last-child {
  margin-right: 0;
}

.hlb_microsite .back-link:after {
  top: 12px;
}

.hlb_microsite .csc-bulletlist li a,
.hlb_microsite section#content .csc-bodytext a.information {
  text-decoration: underline !important;
}

.hlb_microsite #content .three-quarters p.bodytext a:not(.button) {
  text-decoration: underline !important;
  padding-left: 0 !important;
}

.hlb_microsite #content .three-quarters p.bodytext a:not(.button):before {
  content: '';
}

a[id]:not([href]) {
  display: block;
  position: relative;
  top: -200px;
  visibility: hidden;
}

@media screen and (max-width: 1260px) {
  .hlb_microsite #links-abc {
    right: 10px;
    width: 100%;
  }
  .hlb_microsite #links-abc.toScroll {
    right: auto;
    left: -10px;
  }
}

@media screen and (max-width: 1200px) {
  .hlb_microsite .grid .unit .unit .unit.contact-box-row .unit {
    padding: 0 10px !important;
  }
  .hlb_microsite .logo {
    top: 21px;
    height: 80px;
    width: 210px;
  }
  .hlb_microsite .logo.top {
    top: 21px;
  }
  .hlb_microsite header nav {
    left: 210px;
  }
  .hlb_microsite #desktop-navimain > ul.navbar-main {
    padding-left: 210px;
  }
  .hlb_microsite #desktop-navimain > ul.navbar-main li a,
  .hlb_microsite header nav li a,
  .hlb_microsite .searchfield_hlb .search_select label {
    font-size: 1rem;
  }
  .hlb_microsite .link-fulda {
    width: 75px;
    height: 63px;
    top: 40px;
  }
  .hlb_microsite .link-fulda.top {
    top: 21px;
  }
}

@media screen and (max-width: 1024px) {
  .hlb_microsite nav#menu-bottom {
    margin-left: 0;
  }
  .hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-up + .slide-down + .button {
    left: 0px;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter {
    width: 50% !important;
  }
  .hlb_microsite .grid .unit .unit .unit.contact-box-row .unit:nth-child(odd) {
    padding-left: 0 !important;
  }
  .hlb_microsite .grid .unit .unit .unit.contact-box-row .unit:nth-child(even) {
    padding-right: 0 !important;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter:nth-child(odd) {
    padding: 0 10px 0 0px !important;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter:nth-child(even) {
    padding: 0 0px 0 10px !important;
  }
  .hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-down .slide-close {
    bottom: 0.825rem;
    padding: .32rem .5rem;
  }
  a[id]:not([href]) {
    top: -101px;
  }
}

@media screen and (max-width: 998px) {
  .hlb_microsite .logo {
    display: none;
  }
  .hlb_microsite .logo.mobile {
    position: absolute;
    top: 9px;
    left: -6px;
    display: block;
    height: auto;
    width: 80px;
    margin: 0;
    padding: 5px;
  }
  .hlb_microsite .logo.mobile img {
    width: 100%;
  }
  .hlb_microsite #desktop-navimain > ul.navbar-main {
    padding-left: 100px;
  }
  .hlb_microsite header nav {
    left: 100px;
  }
  .hlb_microsite .searchfield_hlb {
    left: 65px;
  }
  .hlb_microsite .STD-searchfield input.submit, .hlb_microsite .FILIP-searchfield input.submit {
    right: 66px;
  }
  .hlb_microsite #content .teaser.contact-box.multiple-2016 .button {
    left: -44px;
  }
  .hlb_microsite #content .teaser.contact-box.multiple-2016 .slide-down .slide-close {
    bottom: 0.9rem;
    padding: .5rem .7rem;
  }
  .hlb_microsite .link-fulda {
    width: 63px;
    height: 42px;
    top: 14px;
  }
  .hlb_microsite .link-fulda.top {
    top: 14px;
  }
}

@media screen and (max-width: 992px) {
  .hlb_microsite #desktop-navimain > ul.navbar-main li a,
  .hlb_microsite header nav li a,
  .hlb_microsite .pagefunctions,
  .hlb_microsite .searchfield_hlb .search_select label {
    font-size: 1.14285rem;
  }
}

@media screen and (max-width: 768px) {
  .hlb_microsite footer .hlb_place .unit.one-third {
    width: 49.3332% !important;
  }
  .hlb_microsite > footer .one-fifth .one-fifth, footer .four-fifths .one-fifth {
    width: 33%;
  }
  .hlb_microsite .unit.one-fifth.hide-phone.hide-tablet.fuldahlb_new {
    width: 100% !important;
    border-left: none !important;
  }
  .hlb_microsite footer .img-footer .logo_footer img {
    width: 40%;
  }
  .hlb_microsite .logo_footer_mobile {
    display: block !important;
  }
  .hlb_microsite .logo_footer {
    display: none !important;
  }
  .hlb_microsite .logo_div_mobile {
    display: block !important;
    margin-left: 38px;
  }
  .hlb_microsite .logo_div {
    display: none !important;
  }
  .hlb_microsite #content .layout .teaser.contact-box,
  .hlb_microsite #content .layout .contact-news + a + .teaser {
    height: 160px;
    width: 240px;
    margin: 1rem auto;
  }
  .hlb_microsite #content .layout .teaser.contact-box.contact-box-prof .image_block .responsive img {
    height: 294px;
  }
  .hlb_microsite #content .layout .teaser.contact-box {
    width: 100%;
  }
  .hlb_microsite #links-abc {
    top: 106px;
  }
  .hlb_microsite .logo.mobile {
    display: none;
  }
  .hlb_microsite .logo.small-mobile {
    position: absolute;
    display: block;
    left: -6px;
    display: block;
    height: auto;
    margin: 0;
    padding: 5px;
    top: 2px;
    width: 170px;
  }
  .hlb_microsite .STD-searchfield, .hlb_microsite .FILIP-searchfield {
    margin-left: 190px;
  }
  .hlb_microsite .searchfield_hlb .search_select {
    position: static;
    margin-top: 2px;
    margin-bottom: 0px;
    padding-left: 10px;
  }
  .hlb_microsite .STD-searchfield, .hlb_microsite .FILIP-searchfield {
    margin-left: 0;
  }
  .hlb_microsite .searchfield_hlb .search_select input#switchFilip, .hlb_microsite .searchfield_hlb .search_select input#switchStd {
    position: static;
  }
  .hlb_microsite .searchfield_hlb .search_select label {
    display: inline;
    margin-left: 0;
    padding: 0 11px 0 0;
  }
  .hlb_microsite .STD-searchfield input.submit, .hlb_microsite .FILIP-searchfield input.submit {
    top: 28px;
  }
  .hlb_microsite #links-abc.toScroll {
    top: 150px;
  }
  .hlb_microsite #links-abc.toScroll.top {
    top: 75px;
  }
  .hlb_microsite .grid .unit .unit .unit.contact-box-row .unit:nth-child(even) {
    padding-right: 0 !important;
  }
  a[id]:not([href]) {
    top: -53px;
  }
  .back-link:hover {
    background: #66cc33;
  }
  .hlb_microsite .link-fulda {
    width: 59px;
    height: 48px;
    top: 7px;
  }
  .hlb_microsite .link-fulda.top {
    top: 7px;
  }
}

@media screen and (max-width: 667px) {
  .hlb_microsite footer .img-footer .logo_footer img {
    width: 50%;
  }
  .hlb_microsite footer .hlb_place .unit.one-third {
    width: 33.3332%;
  }
  .hlb_microsite .logo_div_mobile {
    margin-left: 0px;
  }
  .unit.one-fifth.hide-phone.hide-tablet.fuldahlb_new {
    border-left: none !important;
    padding-left: 0 !important;
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
  }
  .hlb_microsite footer .img-footer .logo_footer img {
    width: 30%;
  }
  .menu-meta-bottom {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .menu-meta-bottom .unit.one-fifth.hide-phone.hide-tablet.fuldahlb_new {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top: 5%;
  }
  .menu-meta-bottom .unit.hlb_place {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .unit.one-fifth.divider:last-child {
    border-bottom: 1px solid #ccc;
  }
  .logo_div {
    display: none !important;
  }
  .logo_div_mobile {
    display: block !important;
    padding-left: 15px;
  }
  .hlb_microsite .tablesaw-stack thead td,
  .hlb_microsite .tablesaw-stack thead th {
    display: block;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter {
    width: 50% !important;
  }
  #content .teaser.contact-box.multiple-2016 .slide-down .slide-close {
    bottom: 0.9rem;
  }
  .hlb_microsite .STD-searchfield input.submit, .hlb_microsite .FILIP-searchfield input.submit {
    top: 28px !important;
  }
  .hlb_microsite .searchfield_hlb .search_select {
    margin-top: 2px !important;
  }
}

@media screen and (max-width: 640px) {
  .hlb_microsite .tablesaw-stack thead th {
    display: block;
  }
}

@media screen and (max-width: 580px) {
  .hlb_microsite #content .layout .teaser.contact-box {
    height: 160px;
    width: 100%;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row {
    padding: 0px !important;
  }
  .hlb_microsite .grid .unit .unit .unit.contact-box-row .unit {
    padding: 0px !important;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter {
    width: 100% !important;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter:nth-child(odd) {
    padding: 0px !important;
  }
  .hlb_microsite .three-quarters.layout .contact-box-row .one-quarter:nth-child(even) {
    padding: 0px !important;
  }
  .hlb_microsite #content .one-quarter .contact-news .teaser.contact-box.contact-box-prof:nth-child(odd) {
    height: 160px;
  }
  .hlb_microsite #menu-meta-bottom > ul > li {
    display: block;
  }
  .hlb_microsite footer #menu-meta-bottom {
    height: auto;
  }
  .hlb_microsite .grid .unit .unit .unit.hlb_place,
  .hlb_microsite footer.grid .unit .unit .unit {
    padding: 0 !important;
  }
  .hlb_microsite footer .hlb_place {
    margin-bottom: 3rem;
  }
  #menu-bottom div {
    cursor: pointer;
  }
  .hlb_microsite footer .four-fifths .one-fifth h6 {
    font-size: .875rem;
  }
  h6.ui-accordion-header {
    padding: 6px 12px;
    margin-bottom: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 1.125rem;
  }
  h6.ui-accordion-header.close .ui-accordion-header-icon {
    transform: rotate(45deg);
  }
  h6.ui-accordion-header .ui-accordion-header-icon {
    float: right;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 1rem;
  }
  h6.ui-accordion-header .ui-accordion-header-icon:before {
    content: "\ed5c";
  }
  h6.ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:before {
    content: "\ed62";
  }
  .hlb_microsite .ui-accordion-content .contenttable thead tr th,
  .hlb_microsite .ui-accordion-content .contenttable tbody tr td {
    width: auto;
  }
  .hlb_microsite .termin .info-box {
    width: auto;
  }
  .hlb_microsite footer .dropdown-menu li.phone_print a,
  .hlb_microsite footer .dropdown-menu li.phone_print + li a {
    display: inline;
  }
}

@media screen and (max-width: 530px) {
  .hlb_microsite #links-abc {
    top: 78px;
  }
}

@media screen and (max-width: 355px) {
  .hlb_microsite .back-link {
    padding: 10px 5px;
  }
  .hlb_microsite .fb_headline .page_headline span h1,
  .hlb_microsite .fb_headline .fb_headlines span h1 {
    font-size: 1.5rem;
  }
  .hlb_microsite .fb_headline .page_headline span {
    padding: 10px;
  }
  .hlb_microsite #content > .grid.whole {
    margin-top: 0;
  }
  .hlb_microsite #links-abc {
    top: 52px;
  }
  .hlb_microsite #content .layout .teaser.contact-box, .hlb_microsite #content .layout .contact-news + a + .teaser {
    margin: 1rem 0;
  }
  #pageid-4649.hlb_microsite .grid .csc-bodytext {
    margin-bottom: 10px;
  }
}

.hlb_hours .half:first-child {
  width: 42%;
}

.hlb_hours .half:last-child {
  width: 57%;
}

.contact-list li .name {
  margin-left: 1rem;
}

.timeline {
  width: 100%;
  max-width: 885px;
  background: #fff;
  padding: 100px 50px;
  position: relative;
  border: 1px solid #d8d8d8;
  background: url("../images/zeitstrahl_bg.jpg") repeat-y;
}

.timeline:before {
  content: '';
  position: absolute;
  top: 0px;
  left: calc(33% + 12px);
  bottom: 0px;
  width: 8px;
  background: #6c3;
}

.timeline:after {
  content: "";
  display: table;
  clear: both;
}

.entry {
  clear: both;
  text-align: left;
  position: relative;
}

.entry .title {
  margin-bottom: 3em;
  float: left;
  width: 33%;
  padding-right: 30px;
  text-align: right;
  position: relative;
}

.entry .title:before {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  border: 8px solid #7f8f8f;
  background-color: #fff;
  border-radius: 100%;
  top: 15%;
  right: -17px;
  z-index: 99;
}

.entry .title h3 {
  margin: 0;
  font-size: 150%;
}

.entry .title p {
  margin: 0;
  font-size: 120%;
}

.entry .body {
  margin: 0 0 3em;
  float: right;
  width: 60%;
  padding-left: 30px;
  font-size: 100%;
}

.entry .csc-textpic-text {
  margin-top: -20px;
}

.entry .body p {
  line-height: 1.4em;
}

.entry .body p span,
.entry .body p:first-child {
  margin-top: 0;
}

.entry .body ul {
  background: #ddd;
  padding: 10px;
  margin-left: 0 !important;
  list-style-type: none;
}

.entry .body .w-1-1 {
  width: 90% !important;
  background: #ddd !important;
}

.entry .body ul li {
  position: relative;
  margin-left: 1.5em;
}

.entry .body ul li:first-of-type {
  list-style: none !important;
  margin-left: 0;
}

.entry .body a:before {
  display: block;
  content: '>';
  padding: 0;
  color: #6c3;
  background-color: transparent;
  font-family: "TheSans";
  font-size: 18px;
  font-weight: 300;
  position: absolute;
  top: 0px;
  left: -15px;
}

.entry .body a:hover {
  text-decoration: underline;
}

body.hit .hit_element {
  margin-bottom: 2rem;
  page-break-before: auto;
  page-break-inside: avoid;
}

body.hit .hit_element_sub {
  margin-left: 2rem;
}

body.hit .hit_date-location {
  color: #66cc33;
  margin-bottom: 0.25rem;
  font-weight: 500;
  font-size: 1.25rem;
}

body.hit .hit_type {
  font-weight: 600;
}

body.hit .hit_date-location span {
  padding: 0 0.25rem;
}

body.hit .hit_date-location span:first-of-type {
  padding-left: 0;
}

body.hit .hit_titel {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}

body.hit .hit_readmore a {
  color: #7f8f8f;
  font-weight: 500;
  display: block;
  padding: 10px 0;
}

body.hit .hit_readmore a:before {
  display: block;
  content: '>';
  float: left;
  margin-right: 5px;
  font-size: 1.25rem;
  line-height: 1;
}

body.hit .hit_description {
  display: none;
}

body.hit .hit_description p {
  margin-bottom: 0.25rem;
}

body.hit .hit_organiser {
  font-style: italic;
  font-size: 1.25rem;
}

body.hit .hit_organiser p {
  margin-bottom: 0;
}

@media screen and (max-width: 667px) {
  body.hit .csc-textpic {
    display: none;
  }
}

body.hit .content-header {
  display: none;
}

body.hit .three-quarters .fb_headline {
  display: block;
}

@media print {
  body.hit .teaserbox.singleteaser,
  body.hit .hit_element {
    page-break-inside: avoid;
  }
  body.hit #content > .grid.whole {
    margin-top: 10px;
  }
  body.hit .content-header {
    display: block;
  }
  body.hit .three-quarters .fb_headline {
    display: none;
  }
  body.hit .logo {
    right: 0;
    top: 10px;
    left: auto !important;
  }
  body.hit .logo img {
    width: 75%;
    float: right;
  }
  body.hit .hit_date-location {
    color: #000;
  }
  body.hit .hit_readmore, body.hit .cd-top {
    display: none;
  }
  body.hit .fb_headline .fb_headlines span h1 {
    font-size: 1.65rem;
  }
  body.hit .hit_element,
  body.hit .hit_element p {
    font-size: 10pt;
    line-height: 12pt;
  }
  body.hit .hit_organiser p,
  body.hit .hit_date-location {
    font-size: 10pt;
    line-height: 10pt;
  }
  body.hit .hit_titel {
    font-weight: bold;
  }
  body.hit .unit.three-quarters.layout .grid .three-quarters {
    width: 100%;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-gap: 25px;
  }
  body.hit #content .layout .fb_headline.unit.grid + .grid .unit.one-quarter.col-right {
    float: right;
    width: 50%;
  }
  body.hit .hit_description {
    display: block;
    padding-left: 0;
  }
  body.hit .hit_element_sub {
    margin-left: 1rem;
  }
  body.hit .contact-box .image_block {
    display: none;
  }
  body.hit .contact-box .name_block {
    width: 100% !important;
    left: 0 !important;
  }
  body.hit .teaser.contact-box.contact-box-free {
    min-height: 150px !important;
  }
  body.hit #content .unit.one-quarter.col-right.fb_designator {
    margin-top: 100px;
  }
  body.hit .fb_headline .fb_headlines + .fb_designator.col-right {
    width: 100% !important;
  }
  body.hit .fb_designator h2 {
    margin-left: 5rem;
  }
  body.hit .fb_designator h2 span {
    font-size: 1.5rem !important;
  }
  body.hit .fb_headline .fb_headlines.fb_headlines.three-quarters {
    position: absolute;
    left: -7px;
    top: -60px;
  }
  body.hit .fb_icon {
    display: block !important;
    padding: 9px !important;
    float: left;
    left: 0 !important;
  }
  body.hit section#content {
    margin-top: -2rem !important;
  }
}

.cc_banner-wrapper {
  z-index: 99999 !important;
}

.cc_container {
  background: #304646;
}

.cc_container .cc_message {
  font-size: 1rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  color: #fff !important;
}

.cc_more_info {
  color: #fff !important;
  text-decoration: underline !important;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1.4;
  background-color: #fff;
}

body #mm-0 {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.wrapper {
  position: relative;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  background-color: #fff;
}

.wrapper-content {
  transition: all 0.5s;
}

@media screen and (max-width: 530px) {
  .wrapper-content {
    margin-top: 10px;
  }
}

div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: 0;
}

div.image-grid .csc-textpic-imagewrap,
div.image-grid .csc-textpic-imagewrap figure,
div.image-grid .csc-textpic-imagewrap figure img,
div.csc-textpic > .csc-textpic-text + .csc-textpic-imagewrap img,
div.ce-gallery .ce-outer .ce-inner figure.image img {
  width: 100%;
  height: auto;
}

#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-outer,
#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-inner {
  position: initial;
  float: none;
  right: initial;
}

#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-outer figure,
#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-outer img,
#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-inner figure,
#pageid-3056 .csc-textpic-imagewrap .csc-textpic-center-inner img {
  width: 100%;
  height: auto;
}

.three-quarters.layout .ce-image,
.three-quarters.layout .ce-textpic {
  clear: both;
}

#pageid-3056 .ce-gallery .ce-outer,
#pageid-3056 .ce-gallery .ce-inner {
  position: initial;
  float: none;
  right: initial;
}

#pageid-3056 .ce-gallery .ce-outer figure,
#pageid-3056 .ce-gallery .ce-outer img,
#pageid-3056 .ce-gallery .ce-inner figure,
#pageid-3056 .ce-gallery .ce-inner img {
  width: 100%;
  height: auto;
}

section#content {
  margin-top: 1rem;
}

section#content .csc-bodytext a.internal-link,
section#content .csc-bodytext a.information {
  text-decoration: none;
}

section#content .csc-bodytext a.internal-link:after,
section#content .csc-bodytext a.information:after {
  display: none;
}

section#content .csc-bodytext a.internal-link:hover,
section#content .csc-bodytext a.information:hover {
  text-decoration: underline;
}

.content {
  display: block;
  height: 300px;
}

.slider {
  height: 400px;
  overflow: hidden;
}

.sidebar {
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
  overflow: hidden;
  color: #fff;
}

.sidebar.grey {
  background-color: #7f8f8f;
}

.sidebar h4 {
  margin-top: 12px;
  font-size: 1.250rem;
  text-transform: uppercase;
}

.sidebar .button-info,
.sidebar .selectBox-dropdown {
  background-color: #d8d8d8;
  padding: 6px 12px;
  margin-left: -10px;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
  line-height: 1.42857143;
  box-sizing: border-box;
  font-size: 1.1rem;
  border: none;
}

.sidebar .button-info .selectBox-label,
.sidebar .selectBox-dropdown .selectBox-label {
  padding: 0;
}

.sidebar .button-info .icon-arrowlink,
.sidebar .selectBox-dropdown .icon-arrowlink {
  right: 10px;
}

@media screen and (max-width: 1200px) {
  .sidebar .button-info {
    margin-left: 0 !important;
  }
}

.sidebar .button-info:hover {
  background: #304646;
  color: #fff;
}

.sidebar .selectBox-dropdown {
  margin-left: 0px;
}

.sidebar .selectBox-dropdown .selectBox-arrow {
  -webkit-transform: rotate(0deg) translate(0, 2px);
  -moz-transform: rotate(0deg) translate(0, 2px);
  -ms-transform: rotate(0deg) translate(0, 2px);
  transform: rotate(0deg) translate(0, 2px);
}

.content-header .unit {
  max-height: 461px;
}

.content-header .unit .unit.three-quarters {
  overflow: hidden;
}

#content > .grid.whole {
  margin-top: 20px;
}

.three-quarters.layout .fb_headline {
  padding-left: 0;
}

.three-quarters.layout > div:not(.fb_headline),
.three-quarters.layout > div:not(.news) {
  padding-left: 0px !important;
}

.three-quarters.layout > a.button {
  margin-left: 20px;
}

.three-quarters.layout > a.button.backlink {
  margin: 10px 0 0 0;
}

.three-quarters.layout > .unit,
.three-quarters.layout .unit > .unit:first-child {
  padding-left: 0 !important;
}

.three-quarters.layout .unit > .unit:first-child:last-child {
  padding-right: 0;
}

.three-quarters.layout .unit.one-third .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {
  width: 100%;
}

.three-quarters.layout .unit.one-third .csc-textpic + .csc-textpic-text {
  overflow: hidden;
}

.slide-out-div.open .slider-title {
  visibility: hidden;
}

.slide-out-div.open .icon-close:before {
  content: "\ed69";
  position: absolute;
  right: 14px;
  top: 3px;
}

.slide-out-div {
  opacity: 0;
  padding: 20px;
  padding-right: 25px;
  padding-left: 25px;
  width: 350px;
  background-color: #304646;
  color: #fff;
  z-index: 10001;
  transition: all 0.5s;
}

.slide-out-div.faded-in {
  opacity: 1;
  transition: all 0.5s;
}

.slide-out-div .handle-shadow {
  left: -333px !important;
}

.slide-out-div .handle-shadow span {
  visibility: hidden;
}

.slide-out-div .handle, .slide-out-div .handle-shadow {
  font-size: 20px;
  background-color: #66cc33;
  color: #fff;
  font-weight: bold;
  text-indent: inherit;
  left: -19px;
  outline: medium none;
  padding: 0 10px 15px;
  position: absolute;
  text-align: left;
  top: 101px;
  transform: rotate(270deg);
  transform-origin: right bottom;
  width: 297px;
}

.slide-out-div .handle a, .slide-out-div .handle-shadow a {
  color: #fff;
  font-weight: bold;
}

.slide-out-div .handle img, .slide-out-div .handle-shadow img {
  vertical-align: middle;
  margin-right: 10px;
}

.slide-out-div .handle.layout-2, .slide-out-div .handle-shadow.layout-2 {
  background-color: #aa3544;
}

.slide-out-div .contact-box,
.slide-out-div .teaser li {
  font-size: 0.9375rem;
  padding: 0;
  background-color: #304646;
}

.slide-out-div .contact-box h3,
.slide-out-div .teaser li h3 {
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 24px;
}

.slide-out-div .contact-box .role,
.slide-out-div .teaser li .role {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
}

.slide-out-div .contact-box .contact-list-header,
.slide-out-div .teaser li .contact-list-header {
  padding-left: 15px;
}

.slide-out-div .contact-box .contact-list-content,
.slide-out-div .teaser li .contact-list-content {
  margin-top: 23px;
  padding-left: 15px;
  margin-bottom: 15px;
}

.slide-out-div .contact-box .contact-info-data,
.slide-out-div .teaser li .contact-info-data {
  font-size: 15px;
  font-weight: 600;
}

.slide-out-div .divider {
  border-top: 1px solid #556c6c;
  padding-top: 21px;
}

.slide-out-div h1 {
  text-transform: inherit;
  padding-left: 15px;
  margin-bottom: 19px;
}

.csc-header p:last-child {
  margin-bottom: 70px;
}

.csc-bodytext {
  margin-bottom: 20px;
}

.col-right .teaser ul {
  list-style: outside none none;
}

.col-right .teaser ul li {
  position: relative;
}

#content .three-quarters .news .news-list-view .page-navigation > p {
  padding-top: 5px;
}

#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator {
  margin: 0;
}

#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator li a,
#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator .current {
  padding: 5px 10px !important;
  font-size: 1.25rem;
  color: #000;
}

#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator li a {
  text-decoration: none;
}

#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator li a:hover {
  color: #000;
  text-decoration: none;
}

#content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator .current {
  font-weight: bold;
}

.layout.no_subnav .fb_headline {
  width: auto;
  float: right;
  max-width: 23%;
}

.layout.no_subnav .fb_headline .fb_headlines {
  display: none;
}

.layout.no_subnav .fb_headline .fb_designator {
  min-width: 227px !important;
}

@media screen and (max-width: 1024px) {
  .layout.no_subnav .fb_headline .fb_designator {
    min-width: 188px !important;
  }
}

@media screen and (max-width: 768px) {
  .layout.no_subnav .fb_headline .fb_designator {
    min-width: 161px !important;
  }
}

@media screen and (max-width: 667px) {
  .layout.no_subnav .fb_headline .fb_designator {
    float: none;
    position: absolute;
    right: 60px;
  }
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 10001;
  background-color: #fff;
  opacity: 1;
  transition: opacity 2s linear;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.fixed header {
  margin-bottom: 50px;
  position: relative;
}

.wrapper.header-frame {
  height: 120px;
  transition: all .5s ease;
}

.wrapper.header-frame.opened {
  height: 150px;
  transition: all .5s ease;
}

header {
  background: #66cc33;
  height: 50px;
  margin-bottom: 70px;
  -webkit-transition: margin .5s ease;
  -moz-transition: margin .5s ease;
  -ms-transition: margin .5s ease;
  transition: margin .5s ease;
}

header nav {
  margin-left: 240px;
  padding: 15px 0 10px 0;
}

header nav li {
  float: left;
}

header nav > #desktop-navidachzeile > li > a {
  padding: 24px 1rem 14px 1rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9rem;
  text-decoration: none;
}

header a:hover {
  text-decoration: none;
  color: #fff;
}

.logo {
  display: block;
  position: absolute;
  left: -15px;
  top: 10px;
  width: 250px;
  height: 80px;
  margin: 0 0 0 0;
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
  padding: 10px 0px;
  background: #fff;
  z-index: 1500;
  box-sizing: border-box;
}

.logo.mobile {
  background: transparent;
  box-shadow: none;
}

.logo img {
  width: 100%;
}

img.logo-img {
  width: 100%;
  height: 63px;
}

img.hlb-logo-img {
  width: 267px;
  height: 91px;
}

.searchbox {
  display: block;
  float: right;
  width: 25%;
  padding: 10px 0 0px;
  position: absolute;
  top: 0;
  right: 0;
}

.searchbox input.search-item {
  width: 93%;
  box-shadow: 0 0 21px -2px rgba(0, 0, 0, 0.4);
  line-height: 30px;
  padding: 0 10px;
  border: none;
}

.searchbox span.icon-lupe {
  display: block;
  position: absolute;
  right: 20px;
  top: 23px;
  color: #66cc33;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 800px) {
  .searchbox span.icon-lupe {
    right: 75px;
  }
}

.pagefunctions {
  display: block;
  float: right;
  margin-right: 15px;
}

@media (max-width: 992px) {
  .pagefunctions {
    margin-right: 0px;
  }
}

.pagefunctions a {
  display: inline-block;
  margin: 0px;
  color: #fff;
  text-decoration: none;
  position: relative;
  width: 25px;
  height: 25px;
  line-height: 2.6;
  margin: 0 5px;
}

@media (max-width: 667px) {
  .pagefunctions a {
    margin-right: 18px;
  }
}

@media (max-width: 360px) {
  .pagefunctions a {
    margin-right: 10px;
  }
}

.pagefunctions a .text-hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 35px;
  right: 6px;
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  line-height: normal;
  z-index: 1010;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  font-family: "TheSans";
  transition: all .5s;
}

.pagefunctions a .text-hover:after {
  content: '';
  display: block;
  width: 5px;
  height: 0px;
  border-bottom: 8px solid #000;
  border-left: 10px solid transparent;
  border-right: 0px solid transparent;
  position: absolute;
  top: -5px;
  right: 3px;
  transform: rotate(125deg);
}

.pagefunctions a:hover .text-hover {
  opacity: 1;
  visibility: visible;
  transition: all .5s;
}

.pagefunctions a img {
  width: 16px;
  height: 16px;
  border: 1px solid transparent;
}

@media (max-width: 667px) {
  .pagefunctions a img {
    width: 25px;
    height: 25px;
  }
}

.pagefunctions .switch .icon-cancel-circle {
  font-size: 1.25rem;
}

.searchfield {
  display: none;
  transition: all .5s;
}

.searchfield .hidden {
  display: none;
}

.searchfield.opened {
  display: block;
  height: 100%;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 99;
  transition: all .5s;
  background-color: #f2f4f3;
}

.searchfield.opened .search-item {
  width: 75%;
  height: 44px;
  padding: 0rem 0.3rem;
  font-size: 1.125em;
  font-family: 'TheSans';
  font-weight: 300;
  border: none;
  margin-left: 250px;
  margin-top: 1px;
  padding-left: 0px;
  text-align: justify;
  background-color: #f2f4f3;
  color: #000;
  border-radius: 0;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

.searchfield.opened .search-item:focus {
  outline: 0;
}

.searchfield.opened input.submit {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  padding: 0.8rem 1rem;
  margin: 1px 0px 0px;
  font-size: 1rem;
  cursor: pointer;
  background-color: #304646;
  border: none;
  color: #fff;
  height: 45px;
  border-radius: 0;
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
}

.searchfield.opened input.submit:focus {
  outline: 0;
}

.searchfield.opened input.submit:hover {
  opacity: 0.7;
  color: #fff;
}

.wrapper.header-frame.opened #desktop-navimain {
  top: 96px !important;
}

.wrapper.header-frame.opened .logo {
  top: 35px;
}

.wrapper.header-frame.opened + .wrapper {
  margin-top: 20px !important;
}

.cag-events-calendar .furter-information-popup {
  height: auto;
  margin-bottom: 15px;
}

footer {
  margin-top: 70px;
  z-index: 10000;
  background-color: #7f8f8f;
  position: relative;
  color: #fff;
}

@media (max-width: 480px) {
  footer {
    height: auto;
  }
}

footer > .unit:first-child {
  padding: 10px 20px 30px;
}

footer .address {
  font-size: 25px;
  line-height: 30px;
  margin-top: 15px;
  font-weight: bold;
}

footer .address p {
  line-height: 1.2;
}

footer .phone, footer .map {
  margin-top: 20px;
}

footer .map {
  display: none;
}

footer .phone {
  margin-top: 10px;
}

footer .phone p {
  margin-bottom: 5px;
}

footer .phone p span {
  color: #fff;
  padding-left: 7px;
}

footer .phone p span:before {
  left: 0;
}

footer .unit .copyright {
  font-size: 0.688rem;
  padding-bottom: 10px;
  padding-top: 25px;
}

footer h6,
footer span.click_show {
  display: block;
  margin: 10px 0;
  font-size: 0.938rem;
  text-transform: uppercase;
  font-weight: bold;
}

footer li a {
  font-size: 0.938rem;
  line-height: 30px;
  text-decoration: none;
}

footer li a:hover {
  color: #fff;
  text-decoration: underline;
}

footer li a span {
  float: left;
  font-size: 12px;
  line-height: 28px;
  width: 20px;
  height: 20px;
  margin-right: 0px;
  margin-top: 8px;
}

footer .dropdown-menu li a {
  position: relative;
  display: block;
  padding-left: 20px;
}

footer .dropdown-menu li a span {
  float: none;
  position: absolute;
  top: 2px;
  left: 2px;
}

footer .dropdown-menu li a:hover {
  color: #fff;
  text-decoration: underline;
}

footer .dropdown-menu li:hover a > .icon-arrowlink:before {
  color: #66cc33 !important;
}

footer .divider {
  /*border-left: 1px solid #fff;*/
}

footer #menu-bottom div:first-child {
  padding-left: 0 !important;
  padding-top: 0 !important;
}

footer #menu-bottom a .icon-arrowlink:before {
  color: #304646;
}

footer .unit.one-fifth {
  background-color: #7f8f8f;
}

footer .unit.four-fifths {
  background-color: #7f8f8f;
  padding-top: 0;
}

footer .copyright,
footer .unit .unit:first-child {
  padding-left: 10px !important;
}

footer .unit .unit:first-child.one-fifth {
  padding-left: 30px !important;
  padding-top: 20px;
}

footer .copyright {
  background-color: #304646;
  padding: 10px !important;
  margin-top: 25px;
}

footer .copyright .text-copyright {
  float: left;
  margin: 25px 0 0 20px;
}

footer .copyright .text-copyright p {
  line-height: 1;
  font-size: 1rem;
  margin-bottom: 0;
}

footer .copyright .icons-copyright {
  float: right;
}

footer .copyright .icons-copyright a {
  margin-right: 25px;
}

footer .copyright .icons-copyright a img {
  height: 65px !important;
  max-height: 65px !important;
}

footer .copyright .icons-copyright a.button_0 img {
  background: #fff;
  max-height: 65px !important;
}

footer .intranet {
  display: none;
  position: absolute;
  right: 20px;
  top: 30px;
}

@media (min-width: 481px) and (max-width: 800px) {
  footer .intranet {
    bottom: 20px;
    top: auto;
  }
}

footer .img-footer .logo_footer {
  width: 100%;
  height: 100%;
  position: initial;
  background-color: #7f8f8f;
  box-shadow: none;
  padding: 20px 0 0;
}

footer .img-footer .logo_footer img {
  width: 210px;
  margin: 8px 0 0 0;
  background-color: #fff;
}

footer a {
  color: #fff;
}

#pageid-1221 footer {
  /*background-color: #2f4f4e;*/
}

footer .dropdown-menu li a {
  word-wrap: break-word;
}

@media screen and (max-width: 800px) {
  footer .unit .unit:first-child.one-fifth {
    padding-left: 0px !important;
  }
  .grid .unit .unit .unit {
    padding: 15px !important;
  }
}

@media screen and (max-width: 667px) {
  footer .unit .unit:first-child.one-fifth {
    padding-left: 0px !important;
  }
  .grid .unit .unit .unit {
    padding: 0px !important;
  }
  .footer #menu-meta-bottom {
    height: auto !important;
  }
}

#hamburger {
  box-sizing: border-box;
  display: block;
  width: 70px;
  height: 45px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 4;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
  background: #fff;
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  left: 20px;
}

#hamburger:before {
  top: 10px;
}

#hamburger span {
  top: 20px;
}

#hamburger:after {
  top: 30px;
}

@keyframes close-menu-x {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari */
    transform: rotate(-45deg);
  }
}

@keyframes open-menu-x {
  from {
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari */
    transform: rotate(-45deg);
  }
  to {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
  }
}

@keyframes open-menu-y {
  from {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari */
    transform: rotate(45deg);
  }
  to {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
  }
}

@keyframes close-menu-y {
  from {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari */
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari */
    transform: rotate(45deg);
  }
}

.mm-opened #hamburger span {
  display: none;
}

.mm-opened #hamburger:before {
  transition: all 0.3s;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Safari */
  transform: rotate(-45deg);
  top: 20px;
}

.mm-opened #hamburger:after {
  transition: all 0.3s;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari */
  transform: rotate(45deg);
  top: 20px;
}

#hamburger:before {
  transition: all 0.3s;
}

#hamburger:after {
  transition: all 0.3s;
}

header nav a {
  transition: all 0.5s;
}

header nav a:hover {
  background: #38920c;
  transition: all 0.5s;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

#desktop-navimain {
  position: absolute;
  top: 50px;
  background: #7f8f8f;
  margin-top: 0px;
  width: 100%;
  transition: all .5s;
  z-index: 1000;
  border-top: 1px solid #fff;
}

#desktop-navimain > ul.navbar-main {
  width: 89%;
  float: left;
}

#desktop-navimain ul {
  clear: both;
  width: 100%;
  padding-left: 243px;
  box-sizing: border-box;
}

#desktop-navimain ul li {
  float: left;
  text-align: center;
  position: static;
}

#desktop-navimain ul li > a {
  display: block !important;
  width: auto;
  padding: 20px 10px;
  text-transform: uppercase;
  color: #fff;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.5s;
}

#desktop-navimain ul li > a:hover {
  color: #fff;
  background: #304646;
  transition: all 0.5s;
}

#desktop-navimain ul li.open a {
  color: #fff;
  position: relative;
  background: #304646;
}

#desktop-navimain ul li ul ul li {
  float: none;
}

#desktop-navimain ul ul.dropdown-menu {
  display: none;
  overflow: hidden;
  opacity: 1.0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  border: 0 none;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  background-clip: padding-box;
  background-color: #7f8f8f;
  background-color: rgba(127, 143, 143, 0.95);
  border-radius: 0;
  font-size: 14px;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0;
  padding: 0;
  text-align: left;
  top: 100%;
  z-index: 1000;
  color: #66cc33;
}

#desktop-navimain ul ul.dropdown-menu > li {
  width: 20%;
}

#desktop-navimain ul ul.dropdown-menu > li a {
  background: #274242;
  font-size: 18px;
  color: #fff;
  padding: 3px 16px;
  margin-right: 4px;
  text-transform: none;
}

#desktop-navimain ul ul.dropdown-menu > li a:first-child {
  margin-top: 5px;
}

#desktop-navimain ul ul.dropdown-menu > li a:last-child {
  margin-right: 0;
}

#desktop-navimain ul ul.dropdown-menu > li:last-child a, #desktop-navimain ul ul.dropdown-menu > li:last-child ul {
  margin-right: 0;
}

#desktop-navimain ul ul.dropdown-menu > li:hover > ul {
  background: #304646;
  color: #fff;
}

#desktop-navimain ul ul.dropdown-menu > li:hover > ul li:before {
  color: #66cc33;
}

#desktop-navimain ul ul.dropdown-menu > li:hover > ul li a {
  color: #fff;
}

#desktop-navimain ul ul.dropdown-menu > li:hover > a {
  background: #304646;
  color: #fff;
  text-decoration: underline;
}

#desktop-navimain ul ul.dropdown-menu > li:hover a > a {
  background: none !important;
}

#desktop-navimain ul ul.dropdown-menu > li ul {
  width: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 5px;
  margin-right: 4px;
}

#desktop-navimain ul ul.dropdown-menu > li ul li {
  list-style: none;
  padding: 2px 0 0 15px;
  position: relative;
  width: 100%;
}

#desktop-navimain ul ul.dropdown-menu > li ul li:before {
  font-family: 'icomoon';
  content: "\edb9";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 7px;
  left: 3px;
  color: #304646;
}

#desktop-navimain ul ul.dropdown-menu > li ul li a {
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  text-align: left;
  text-transform: none;
  background: none;
}

#desktop-navimain ul ul.dropdown-menu > li ul li a:first-child {
  margin-top: 0;
}

#desktop-navimain ul ul.dropdown-menu > li ul li a:hover {
  color: #fff;
  background: none !important;
  text-decoration: underline;
}

#desktop-navimain .button_c {
  float: right;
  display: none;
}

#desktop-navimain .button_c .contrast {
  display: block !important;
  width: auto;
  padding: 14px 12px 13px 12px;
  margin: 7px 4px 7px 0px;
  text-transform: uppercase;
  color: #fff;
  font-size: .9rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.5s;
  background: #304646;
}

#desktop-navimain .button_c .contrast span {
  margin-left: 3px;
  top: 1px;
  position: relative;
}

#desktop-navimain .button_c .contrast:hover {
  color: #fff;
  background: #000;
  transition: all 0.5s;
}

.hlb_microsite #desktop-navimain ul li.open li a {
  background: none;
}

.wrapper.header-frame.opened #desktop-navimain {
  top: 81px;
  transition: all .5s;
}

nav.subnavigation {
  padding-left: 0;
  width: auto;
  overflow: hidden;
}

nav.subnavigation.stick {
  position: fixed;
  top: 0;
  z-index: 10000;
  margin-top: 120px;
}

nav.subnavigation.stick li a.cur {
  background-color: #2f4f4e;
  font-weight: 500;
}

#content .layout nav.subnavigation ul li,
nav.subnavigation ul li {
  display: block;
  list-style: none;
  margin-bottom: 7px;
}

nav.subnavigation li a {
  background-color: #66cc33;
  color: #fff;
  text-decoration: none;
  width: 100%;
  padding: 10px 20px;
  line-height: 1.5rem;
  display: inherit;
  font-size: 1.125em;
  transition: all 0.5s;
}

nav.subnavigation li li {
  width: 100% !important;
}

nav.subnavigation li.open ul {
  margin-top: 5px;
}

nav.subnavigation li.open li {
  display: block;
}

nav.subnavigation li.open a {
  background: #839494;
}

nav.subnavigation li.cur ul,
nav.subnavigation li.act ul {
  margin-top: 7px;
}

nav.subnavigation li.act > a,
nav.subnavigation li.cur > a {
  background: #274242 !important;
  color: #fff !important;
}

nav.subnavigation li.act > a:before,
nav.subnavigation li.cur > a:before {
  color: #66cc33 !important;
}

nav.subnavigation li a:hover,
nav.subnavigation li.active a.active {
  background: #38920c;
  transition: all 0.5s;
}

nav.subnavigation li.act ul .cur ul {
  background: #7f8f8f;
  margin-left: 15px;
}

nav.subnavigation li.act ul .cur ul li a {
  color: #fff !important;
  margin-left: 0;
}

nav.subnavigation li.act ul .cur ul li a:before {
  color: #000;
}

nav.subnavigation li.act ul .cur ul li a:hover:before {
  color: #66cc33;
}

nav.subnavigation .dropdown-menu {
  padding-bottom: 0;
}

nav.subnavigation li li > a,
nav.subnavigation li .dropdown.open > a {
  color: #000;
  background-color: #fff;
  margin-left: 15px;
  padding: 10px 20px;
  font-size: 1.125em;
  max-width: 85%;
}

nav.subnavigation li.act > a,
nav.subnavigation li li.act > a {
  background-color: #274242;
}

nav.subnavigation li li.act li a {
  padding: 0.625rem;
}

nav.subnavigation li li.act > ul {
  margin: -0.5625rem 0 0 1.75rem;
}

nav.subnavigation li li.act > ul li a {
  margin-left: 0;
  color: #000;
}

nav.subnavigation li li.act > ul li a:before {
  color: #000;
}

nav.subnavigation li li.act > ul li a:hover {
  background: #274242 !important;
  color: #fff !important;
}

nav.subnavigation li li.act > ul li a:hover:before {
  color: #66cc33;
}

nav.subnavigation li li.act > ul ul {
  background-color: #7f8f8f;
}

nav.subnavigation li .dropdown > a.open {
  margin-bottom: 10px;
}

nav.subnavigation > li > ul.dropdown-menu > li.dropdown > a.open:after {
  content: '';
  position: absolute;
  left: 32px;
  top: 37px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #839494;
}

nav.subnavigation li li {
  margin-bottom: 0;
}

nav.subnavigation li li a:hover,
nav.subnavigation li .dropdown.open > a:hover {
  background-color: #274242;
  color: #fff !important;
}

nav.subnavigation li li li:first-child a {
  margin-top: 10px;
}

nav.subnavigation li li li a {
  color: #fff;
  padding-left: 41px !important;
  padding: 0.625rem;
  font-weight: normal;
  padding-right: 30px;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 10px;
}

nav.subnavigation.abc ul li ul li.act > a,
nav.subnavigation li li li a:hover {
  color: #fff !important;
  background-color: #274242 !important;
}

nav.subnavigation.abc ul li ul li.act > a:before,
nav.subnavigation li li li a:hover:before {
  color: #66cc33;
}

nav.subnavigation li li li a.cur {
  color: #66cc33 !important;
}

nav.subnavigation li li ul {
  margin-top: -0.5625rem !important;
}

nav.subnavigation li li ul li a {
  background: none !important;
}

nav.subnavigation li li ul li a::before {
  content: "\edb9";
  float: left;
  font-family: "icomoon";
  font-size: 12px;
  line-height: 1.6;
  margin-left: -20px;
  width: 20px;
}

nav.subnavigation.cba ul li ul li a,
nav.subnavigation.abc ul li ul li a {
  background-color: #fff;
}

nav.subnavigation.cba li.cur > a,
nav.subnavigation.abc li.cur > a {
  color: #fff !important;
}

nav.subnavigation.cba li li a:hover,
nav.subnavigation.abc li li a:hover {
  background-color: #274242;
  color: #fff !important;
}

.contact-kachel.details .subnav {
  display: block;
  min-height: 1px;
}

.breadcrumb-lable {
  float: left;
  margin-right: 0.5rem;
}

.navi-breadcrumb {
  padding-bottom: 1rem;
  min-height: 1.5rem;
}

@media (max-width: 960px) {
  .navi-breadcrumb {
    display: inline-block;
    max-width: 85%;
    float: left;
  }
}

.navi-breadcrumb li {
  float: left;
}

.navi-breadcrumb li .divider {
  margin: 0 0.5rem;
  color: #304646;
}

.navi-breadcrumb li a {
  color: #000;
  text-decoration: none;
}

.navi-breadcrumb li a:hover {
  text-decoration: underline;
}

.navi-breadcrumb li a:after {
  display: block;
  content: '>';
  float: right;
  padding: 0 0.5rem;
  color: #66cc33;
}

.navi-breadcrumb li:hover .divider {
  margin: 0 0.5rem;
  color: #66cc33;
}

.navi-breadcrumb > .divider {
  float: left;
  margin: 0 0.5rem;
  color: #66cc33;
}

#menu-meta-bottom {
  height: 45px;
  margin: 35px 0px 15px 0px;
  border-bottom: 1px solid #a5b1b1;
}

#menu-meta-bottom > ul > li {
  display: inline;
}

@media (max-width: 667px) {
  #menu-meta-bottom > ul > li {
    display: block;
  }
}

#menu-meta-bottom > ul > li a {
  padding: 20px 0px;
  margin-right: 20px;
  font-weight: bold;
}

#rwd-navimain {
  background-color: #7f8f8f;
}

#rwd-navimain header {
  background-color: transparent;
  background: transparent;
  margin: 0;
  padding: 20px 0 0 0;
  height: 60px;
  background-color: #66cc33;
}

#rwd-navimain header .pagefunctions a {
  margin: 0 10px;
}

#rwd-navimain header .pagefunctions a img {
  width: 20px;
  height: 20px;
}

#rwd-navimain header .pagefunctions .printer {
  display: none;
}

#rwd-navimain > .mm-panel {
  margin-top: 0px !important;
  border-top: none;
}

#rwd-navimain li.w50 {
  margin-bottom: 10px;
  margin-top: 12px;
}

#rwd-navimain li.w50 + li.w50 + li:before {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-color: rgba(255, 255, 255, 0.3);
}

#rwd-navimain .mm-header {
  padding: 10px 0 14px 70px;
  text-align: left;
  overflow: hidden;
}

#rwd-navimain .mm-header .mm-btn {
  top: 0px;
  width: 60px;
  height: 65px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  margin-top: 0px;
  cursor: pointer;
}

#rwd-navimain .mm-header .mm-btn:before {
  left: 50%;
  margin-left: -3px;
}

#rwd-navimain .mm-header .mm-title {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0 10px 10px;
  margin-left: -3px;
}

#rwd-navimain .mm-header + .level2,
#rwd-navimain .mm-header + .level3,
#rwd-navimain .mm-header + .level4,
#rwd-navimain .mm-header + .level5 {
  margin-top: 5px;
}

#rwd-navimain a.mm-prev:before, #rwd-navimain a.mm-next:after {
  border-color: #fff;
}

#rwd-navimain a.mm-prev:after, #rwd-navimain a.mm-next:before,
#rwd-navimain .mm-header {
  border-color: rgba(255, 255, 255, 0.3);
}

#rwd-navimain li:after {
  border-color: rgba(255, 255, 255, 0.3);
}

.mobilenavi > div h4 {
  margin-top: 25px;
  margin-bottom: 10px;
}

.show-subnavi {
  display: block;
  padding: 15px 0px;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  background-color: #66cc33;
  cursor: pointer;
}

.tx-tmpl .subnav {
  width: 25% !important;
  min-height: 1px;
}

.mm-menu li.act,
.mm-menu .cur.mm-selected {
  background: #304646;
}

.mm-menu li.act .mm-next:after,
.mm-menu .cur.mm-selected .mm-next:after {
  border-color: #fff;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: transparent !important;
}

.mm-menu .mm-listview > li.act > a.mm-prev:before, .mm-menu .mm-listview > li.act > a.mm-next:after {
  border-color: #fff !important;
}

.mm-menu li:not(.w50) {
  clear: both;
}

.mm-menu li.w50 {
  width: 50%;
  float: left;
  display: none;
}

.mm-menu li.w50 span {
  float: left;
}

.mm-menu li.w50:after {
  border-color: transparent !important;
}

.mm-menu li.w50 a {
  padding-left: 0;
}

.mm-page.mm-slideout {
  position: inherit !important;
}

.mm-menu li.rwd-search a {
  padding-left: 0;
}

.mm-menu > .mm-panel {
  margin-top: 50px !important;
}

.mobilenavi {
  border-top: 1px solid #fff;
}

span.w50 {
  float: left;
  width: 40%;
  display: inline-block;
  padding: 15px 0 0 20px;
}

span.w50 span {
  color: #fff;
}

span.w50 a {
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
}

.hlb_microsite #desktop-navimain {
  top: 98px !important;
}

#desktop-navidachzeile .dropdown-menu {
  display: none;
}

#desktop-navidachzeile > li.open a {
  background-color: #38920c;
}

#desktop-navidachzeile > li.open ul.dropdown-menu {
  margin-top: -1px;
  border-top: 1px solid #fff;
}

#desktop-navidachzeile ul.dropdown-menu {
  display: none;
  overflow: hidden;
  opacity: 1.0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;
  border: 0 none;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
  background-clip: padding-box;
  background-color: #38920c;
  border-radius: 0;
  font-size: 14px;
  left: 0;
  list-style: outside none none;
  margin: 0;
  padding: 0px 0 0px 240px;
  text-align: left;
  top: 100%;
  z-index: 10;
  color: #66cc33;
}

#desktop-navidachzeile ul.dropdown-menu:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #38920c;
}

#desktop-navidachzeile ul.dropdown-menu > li {
  position: relative;
  height: 28px;
  width: 300px;
  background: #38920c;
  padding: 3px 0 3px 0px;
}

#desktop-navidachzeile ul.dropdown-menu > li:before {
  font-family: 'icomoon';
  content: "\edb9";
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  top: 15px;
  left: 15px;
  color: #304646;
}

#desktop-navidachzeile ul.dropdown-menu > li a {
  display: block;
  font-size: 15px;
  color: #fff;
  padding: 3px 0px 3px 30px;
  margin-right: 4px;
  text-decoration: none;
  text-transform: none;
  font-weight: normal;
}

#desktop-navidachzeile ul.dropdown-menu > li a:first-child {
  margin-top: 5px;
}

#desktop-navidachzeile ul.dropdown-menu > li a:last-child {
  margin-right: 0;
}

#desktop-navidachzeile ul.dropdown-menu > li a:hover {
  background: #215707 !important;
}

#desktop-navidachzeile ul.dropdown-menu > li:last-child a, #desktop-navidachzeile ul.dropdown-menu > li:last-child ul {
  margin-right: 0;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover > ul {
  background: #304646;
  color: #fff;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover > ul li:before {
  color: #66cc33;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover > ul li a {
  color: #fff;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover:before {
  color: #66cc33;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover > a {
  background: transparent;
  color: #fff;
  text-decoration: underline;
}

#desktop-navidachzeile ul.dropdown-menu > li:hover a > a {
  background: none !important;
}

#desktop-navidachzeile ul.dropdown-menu > li ul {
  width: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 8px;
  padding-right: 5px;
  margin-right: 4px;
}

#desktop-navidachzeile ul.dropdown-menu > li ul li {
  list-style: none;
  padding: 2px 0 0 15px;
  position: relative;
  width: 100%;
}

#desktop-navidachzeile ul.dropdown-menu > li ul li a {
  padding: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  text-align: left;
  text-transform: none;
  background: none;
}

#desktop-navidachzeile ul.dropdown-menu > li ul li a:first-child {
  margin-top: 0;
}

#desktop-navidachzeile ul.dropdown-menu > li ul li a:hover {
  color: #fff;
  background: none !important;
  text-decoration: underline;
}

.mm-listview .mm-vertical .mm-panel {
  padding: 0 0 0 20px;
}

.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  background: none !important;
}

.mm-listview .mm-vertical .mm-panel {
  padding: 0 0 0 20px !important;
}

li.cur.mm-selected,
li.act.mm-opened {
  background: none !important;
}

.mm-menu.mm-vertical .mm-listview li.act.mm-opened > a.mm-next,
.mm-menu .mm-listview li.cur.mm-selected > a,
.mm-menu .mm-listview li.cur.mm-selected > a.mm-next,
li.act.mm-opened > a {
  background: #304646 !important;
}

.mm-listview > li:not(.mm-divider):after {
  left: 0px !important;
}

.mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
  border-top: 1px solid #A5B1B1;
}

#rwd-navimain li:after {
  border-color: 1px solid #A5B1B1 !important;
}

.mm-listview.mm-vertical li:last-of-type:after {
  border: none !important;
}

.no_subnav .details .subnavigation ul {
  margin-left: 0 !important;
  padding-left: 0;
}

.no_subnav .details .subnavigation ul li {
  margin-left: 0;
  padding-left: 0 !important;
}

.caption {
  position: absolute;
  right: auto;
  left: 0;
  bottom: 20%;
  height: auto;
  width: 40%;
  text-shadow: none;
  text-align: left;
  font-size: 18px;
  line-height: 23px;
  box-sizing: border-box;
  padding: 1.25rem;
  color: #fff;
  background: #66cc33;
}

@media (max-width: 568px) {
  .caption {
    width: 100%;
    height: 165px;
    bottom: 0;
    right: auto;
    left: auto;
    position: relative;
  }
}

.caption.caption-alternate {
  right: auto;
  left: 40px;
}

@media (max-width: 568px) {
  .caption.caption-alternate {
    left: auto;
    right: auto;
  }
}

.caption > div,
.caption > span {
  display: block;
  height: auto;
  margin-bottom: 1rem;
}

.caption > div.caption-header,
.caption > span.caption-header {
  padding-bottom: 0rem;
}

.caption .cpation-text p {
  text-decoration: none;
}

.caption .cpation-text p .icon-arrowlink {
  display: initial;
  color: #fff;
  font-size: 0.875rem;
  padding: 0;
}

.caption p {
  padding: 0.2rem 0.625rem;
  line-height: 1.625rem;
  opacity: 0.9;
  background: #66cc33;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (max-width: 568px) {
  .caption p {
    margin-bottom: 0;
    width: 80%;
    float: left;
  }
}

@media (max-width: 480px) {
  .caption p {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

.caption .button {
  display: none;
  float: left;
  background: #fff;
  color: #66cc33;
  transition: all 0.5s;
}

.caption .button:hover {
  background: #38920c;
  text-decoration: none;
  transition: all 0.5s;
  color: #fff !important;
}

@media (max-width: 568px) {
  .caption .button {
    float: none;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}

@media (max-width: 480px) {
  .caption .button {
    padding: 5px 8px;
    font-size: 0.75rem;
    right: 10px;
    bottom: 10px;
  }
}

@media (max-width: 568px) {
  .bxslider figure {
    margin-bottom: 0;
  }
}

.caption h3 {
  margin-top: 0;
  padding: 0 0.625rem;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  opacity: 0.9;
  background: #66cc33;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

@media (max-width: 480px) {
  .caption h3 {
    font-size: 1.35rem;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
  }
}

.caption-alternate-b {
  left: auto !important;
  right: 0 !important;
}

.bxslider li {
  max-height: 465px !important;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  max-height: 500px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  /* height: 588px; */
}

.bx-wrapper img {
  max-width: 100%;
  width: 100%;
  display: block;
  height: auto !important;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  height: 467px !important;
}

.bx-wrapper .bx-viewport {
  /* height: 588px !important; */
  /*-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border:  5px solid #fff;
left: -5px;
background: #fff;
*/
  /*
@media (min-width: 481px) and (max-width: 768px) {
  height: 588px !important;
}
@media (max-width: 480px) {
  height: 426px !important;
}
*/
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  text-align: center;
}

.bx-wrapper .bx-pager {
  position: relative;
}

.bx-wrapper .bx-controls {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 29px;
  text-align: center;
}

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../images/bx_loader/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding: 10px 10px 0px;
  bottom: 0;
  background-color: #fff;
  display: inline-block;
  margin: 0 auto;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  position: static;
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #839494;
  text-indent: -9999px;
  display: block;
  width: 50px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #304646;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../images/bx_loader/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../images/bx_loader/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../images/bx_loader/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../images/bx_loader/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.portrait-img figure {
  width: 50%;
  float: right;
}

.portrait-img .caption {
  width: 50%;
  float: left;
  bottom: 0;
  left: 0;
  height: 100%;
  background: #66cc33;
}

.portrait-img .caption-header {
  margin-top: 30%;
}

@media (min-width: 800px) {
  #content .three-quarters .bxslider {
    margin-left: 0 !important;
  }
}

/* Dropdown control */
.selectBox-dropdown {
  min-width: 150px;
  height: 37px;
  position: relative;
  text-decoration: none;
  text-align: left;
  color: #fff;
  outline: none;
  vertical-align: middle;
  background: #66cc33;
  display: inline-block;
  cursor: pointer;
  width: 100% !important;
  margin: 20px 0 10px 0;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0 !important;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
  padding: 5px 8px 0px 8px !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 8px;
  right: -4px;
  width: 35px;
  height: 100%;
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.selectBox-dropdown .selectBox-arrow:before {
  content: "\edbd";
}

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 200px;
  min-height: 1em;
  min-width: 280px;
  border: solid 1px #BBB;
  /* should be the same border width as .selectBox-dropdown */
  background: #FFF;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Inline control */
.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

.selectBox-inline:focus {
  border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
}

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
  background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
  background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666;
}

.selectBox-inline.selectBox-disabled {
  color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}

.fb-select {
  margin-top: 7px;
}

#tmpl-filter .selectBox-dropdown {
  background: #fff;
  color: #000;
}

#tmpl-filter #tmpl-filter-filter li {
  padding-right: 0.625rem;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 10002;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("../images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}

/*
 * Gridism
 * A simple, responsive, and handy CSS grid by @cobyism
 * https://github.com/cobyism/gridism
 */
/* Preserve some sanity */
.grid,
.unit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both;
}

.grid .unit {
  float: left;
  width: 100%;
  padding: 0;
}

.grid .unit .three-quarters.layout > .unit:first-child {
  padding-right: 0;
}

.grid .unit .three-quarters.layout > .unit:last-child {
  padding-left: 0;
}

.grid .unit .three-quarters.layout > .contact-box-row {
  padding-right: 0;
}

.grid .unit .unit {
  padding: 0 10px;
}

.grid .unit .unit .unit {
  padding: 0 10px;
}

.grid .unit .unit:first-child {
  padding-left: 0;
}

.grid .unit .unit:last-child {
  padding-right: 0 !important;
}

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
/* .grid .unit:first-child { padding-left: 20px; } */
/* .grid .unit:last-child { padding-right: 20px; } */
/* Nested grids already have padding though, so let’s nuke it */
/* .unit .unit:first-child { padding-left: 0; } */
/* .unit .unit:last-child { padding-right: 0; } */
.unit .grid:first-child > .unit {
  padding-top: 0;
}

.unit .grid:last-child > .unit {
  padding-bottom: 0;
}

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important;
}

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  max-width: 978px;
  margin: 0 auto;
}

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole, .grid .w-1-1 {
  width: 100%;
}

.grid .half, .grid .w-1-2 {
  width: 50%;
}

.grid .one-third, .grid .w-1-3 {
  width: 33.3332%;
}

.grid .two-thirds, .grid .w-2-3 {
  width: 66.6665%;
}

.grid .one-quarter, .grid .w-1-4 {
  width: 25%;
}

.grid .three-quarters, .grid .w-3-4 {
  width: 75%;
}

.grid .one-fifth, .grid .w-1-5 {
  width: 20%;
}

.grid .two-fifths, .grid .w-2-5 {
  width: 40%;
}

.grid .three-fifths, .grid .w-3-5 {
  width: 60%;
}

.grid .four-fifths, .grid .w-4-5 {
  width: 80%;
}

.grid .fiftyfive {
  width: 55%;
}

.grid .twenty {
  width: 20%;
}

.grid .four-fifths, .grid .w-4-5 {
  width: 80%;
}

.grid .golden-small, .grid .w-g-s {
  width: 38.2716%;
}

/* Golden section: smaller piece */
.grid .golden-large, .grid .w-g-l {
  width: 61.7283%;
}

/* Golden section: larger piece */
@media screen and (max-width: 1290px) {
  .logo {
    top: 20px;
    left: 10px;
    width: 200px;
    height: 65px;
    padding: 0;
  }
}

@media screen and (max-width: 1270px) {
  section#content {
    padding: 0 10px;
  }
  .breadcrumb-lable {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1200px) {
  .logo {
    display: block;
    position: absolute;
    left: 10px;
    top: 20px;
    width: 160px;
    height: 65px;
    margin: 0 0 0 0;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.4);
    padding: 0px !important;
    background: #fff;
    z-index: 1500;
    box-sizing: border-box;
  }
  #desktop-navimain .button_c .contrast {
    padding: 14px 17px 13px;
    margin: 7px 7px 7px 0px;
  }
  #desktop-navimain .button_c .contrast .title-contrast {
    display: none;
  }
  #desktop-navimain .button_c .contrast .icon-contrast {
    margin: 0;
  }
  #desktop-navimain > ul.navbar-main {
    width: 94%;
    padding-left: 180px;
  }
  #desktop-navimain > ul.navbar-main li a {
    font-size: .9rem;
  }
  header nav {
    margin-left: 175px;
  }
  header nav li a {
    font-size: .9rem;
    padding: 24px 10px 14px 10px;
  }
  #desktop-navidachzeile ul.dropdown-menu {
    padding-left: 175px;
  }
  .fb-select .unit.half {
    float: none;
    width: 100%;
    margin: 10px 0px;
  }
  .sidebar {
    padding: 0 20px 10px 20px;
  }
  .quicklinksbox h4 {
    display: none;
  }
  .quicklinksbox .quicklinks > li > a {
    height: 65px;
    width: 21%;
    margin: 2%;
  }
  .quicklinksbox .quicklinks > li > a span {
    line-height: 45px;
    font-size: 2.25rem;
    height: 45px;
    width: 100%;
  }
  .cag-events-calendar .calendar-list.today .unit + .unit {
    margin-left: 0;
  }
  .cag-events-calendar .main-information .title {
    width: 50%;
  }
  .cag-events-calendar .main-information .icon-plus {
    position: absolute;
    right: 5px;
  }
  .cag-events-calendar .calendar-list .unit,
  .cag-events-calendar .week .unit {
    width: 100%;
    margin-left: 0;
  }
  .cag-events-calendar .calendar-list .termin .date,
  .cag-events-calendar .calendar-list .date,
  .cag-events-calendar .week .termin .date,
  .cag-events-calendar .week .date {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .cag-events-calendar .calendar-list div:nth-child(n+4) {
    margin-left: 0;
  }
  .appointment div:last-child h5 {
    word-wrap: break-word;
  }
  #content .layout .teaser.singleteaser h3,
  #content .layout .teaser.white-on-green h3,
  .teaser.singleteaser h3,
  .teaser.white-on-green h3 {
    word-wrap: break-word;
  }
  .hlb_microsite .searchfield_hlb {
    left: 175px;
  }
  .hlb_microsite .STD-searchfield .search-item,
  .hlb_microsite .FILIP-searchfield .search-item {
    width: 80%;
  }
  .hlb_microsite .STD-searchfield input.submit,
  .hlb_microsite .FILIP-searchfield input.submit {
    right: 170px;
  }
  .grid .unit .unit .unit {
    padding: 0 !important;
  }
  .grid .unit .unit > .unit.fb_headline {
    padding: 0 10px 0 20px !important;
  }
  .grid .unit .unit .unit.contact-box-row .unit {
    padding: 0 10px !important;
  }
  .grid .unit .unit .unit.contact-box-row {
    padding-left: 10px !important;
  }
}

.cag-events-calendar .calendar-list div:nth-child(n+4) {
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .three-quarters.layout .contact-box-row .one-quarter {
    width: 50% !important;
  }
}

@media screen and (min-width: 993px) {
  .logo.mobile {
    display: none;
  }
}

@media screen and (min-width: 801px) {
  #hamburger {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  body, html {
    font-size: 14px !important;
  }
  header nav li a {
    padding: 24px 10px 14px 10px;
    font-size: .8rem;
  }
  .searchbox {
    width: 50%;
    margin-right: 10px;
  }
  .logo {
    display: none;
  }
  .logo.mobile {
    position: absolute;
    top: 30px;
    left: 15px;
    display: block;
    height: 52px;
    width: 52px;
    margin: 0;
    padding: 5px;
    border-radius: 30px;
  }
  .logo.mobile img {
    width: 42px;
  }
  .wrapper.header-frame.opened .logo {
    top: 48px;
  }
  #desktop-navimain ul {
    padding-left: 60px;
  }
  header nav {
    margin-left: 62px;
  }
  #desktop-navidachzeile ul.dropdown-menu {
    padding-left: 70px;
  }
  #desktop-navimain > ul.navbar-main {
    width: 90%;
    padding-left: 65px;
  }
  #desktop-navimain > ul.navbar-main li a {
    font-size: .95rem;
  }
  .searchfield.opened .search-item {
    padding-left: 80px;
    width: 90%;
    margin-left: 0;
  }
  #content .fb_headline .fb_designator {
    width: 50% !important;
  }
  #content .fb_headline .fb_headlines + .fb_designator.col-right {
    width: 25% !important;
  }
  #content .fb_headline .fb_headlines + .fb_designator.col-right h2 {
    bottom: 1.7rem;
  }
  #content .fb_headline .fb_headlines + .fb_designator.col-right .fb_name {
    font-size: 1rem;
  }
  .hlb_microsite .searchfield_hlb {
    left: 75px;
  }
  .hlb_microsite .searchfield_hlb .search_select input#switchStd {
    top: 19px;
  }
  .hlb_microsite .STD-searchfield .search-item,
  .hlb_microsite .FILIP-searchfield .search-item {
    width: 100%;
  }
  .hlb_microsite .STD-searchfield input.submit,
  .hlb_microsite .FILIP-searchfield input.submit {
    right: 70px;
  }
  #content .teaser.contact-box.multiple-2016 .slide-down .slide-close {
    bottom: 15px;
    padding: .5rem .7rem;
  }
  .teaser.contact-box.multiple-2016 .slide-up {
    padding: 9px 10px 5px 10px;
    bottom: 15px;
  }
  #content .layout .teaser .slide-down + .button, .teaser .slide-down + .button {
    left: 0;
  }
}

@media screen and (max-width: 800px) {
  #menu-bottom .click_show:after {
    font-family: 'icomoon';
    content: "\edb9";
    margin-left: 5px;
    font-size: 12px;
    float: right;
    transition: all .5s;
  }
  #menu-bottom .click_show.close:after {
    transform: rotate(90deg);
    transition: all .5s;
  }
  .grid .unit .unit > .unit.fb_headline {
    padding: 0 10px 0 0px !important;
  }
  footer {
    height: auto;
  }
  footer > .unit:first-child {
    height: 100%;
  }
  footer .unit.whole {
    padding: 0 20px;
  }
  footer .unit .unit:first-child {
    padding-left: 0px !important;
  }
  footer #menu-meta-bottom {
    height: auto !important;
    border-bottom: none;
  }
  footer #menu-meta-bottom a {
    font-size: 1.125rem;
  }
  footer .one-fifth .one-fifth,
  footer .four-fifths .one-fifth {
    width: 100% !important;
  }
  footer .unit .one-fifth {
    width: 100%;
  }
  footer .four-fifths .one-fifth h6 + .dropdown-menu {
    display: none;
    margin-left: 5px;
    padding-bottom: 10px;
  }
  footer .four-fifths .one-fifth h6 + .dropdown-menu a {
    font-size: 1.125rem;
  }
  footer .four-fifths .one-fifth h6 {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    font-size: 1.125rem;
  }
  footer .copyright .icons-copyright {
    float: left;
    margin-top: 15px;
  }
  .grid .one-quarter, .grid .w-1-4 {
    width: 75%;
  }
  .grid .three-quarters, .grid .w-3-4 {
    width: 100%;
  }
  .grid .one-third, .grid .w-1-3 {
    width: 100%;
  }
  .grid .two-thirds, .grid .w-2-3 {
    width: 100%;
  }
  .grid .two-thirds {
    width: 100%;
  }
  .grid .two-thirds .half,
  .grid .two-thirds .one-third {
    width: 100%;
  }
  .quicklinksbox h4 {
    display: block;
  }
  .quicklinksbox .quicklinks > li > a {
    width: 13.5%;
    height: 75px;
    margin: 1.5%;
  }
  .quicklinksbox .quicklinks > li > a span {
    line-height: 55px;
    font-size: 2.75rem;
    height: 55px;
    width: 100%;
  }
  .fb-select .unit.half {
    float: left;
    width: 49%;
    margin: 5px 0 10px 2%;
  }
  .fb-select .unit.half:first-child {
    margin: 5px 0 10px 0;
  }
  .grid.home .two-thirds {
    width: 66.6665%;
  }
  .grid.home .two-thirds .half,
  .grid.home .two-thirds .one-third {
    width: 100%;
  }
  .fb_headline .page_headline span {
    padding: 10px 0px;
  }
  #content .three-quarters .news .news-list-view .page-navigation > p {
    display: none;
  }
  #content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator {
    margin: 0;
  }
  #content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator li a,
  #content .three-quarters .news .news-list-view .page-navigation ul.f3-widget-paginator .current {
    padding: 5px 10px !important;
    font-size: 1.5rem;
  }
  .contact-kachel.details .subnav + .half {
    width: 88%;
  }
  .three-quarters .tx-cag-events .selectBox-dropdown .selectBox-label {
    padding: 10px 10px 8px 10px !important;
  }
  .three-quarters.layout > div:not(.fb_headline), .three-quarters.layout > div:not(.news) {
    padding-left: 0px !important;
  }
  .searchfield {
    display: block;
    height: 50px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 99;
    transition: all .5s;
    background-color: #f2f4f3;
  }
  .searchfield .search-item {
    width: 60%;
    height: 50px;
    padding: 0rem 0.3rem;
    font-size: 1.25rem;
    padding-left: 15px;
    font-family: 'TheSans';
    font-weight: 300;
    border: none;
    margin-left: 0px;
    margin-top: 1px;
    text-align: justify;
    background-color: #f2f4f3;
    color: #000;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
  }
  .searchfield input.submit {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 0.8rem 1rem;
    margin: 1px 0px 0px;
    font-size: 1rem;
    cursor: pointer;
    background-color: #304646;
    border: none;
    color: #fff;
    height: 50px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
  }
  .searchfield.opened {
    top: 65px;
    transition: all .5s;
    height: 50px;
  }
  .searchfield.opened .search-item {
    font-size: 1.25rem;
    padding-left: 15px;
    height: 50px;
  }
  .searchfield.opened input.submit {
    height: 50px;
  }
  .searchbox a#search {
    display: none;
  }
  .pagefunctions a.contrast {
    display: inline-block;
    transition: all 0.5s;
    color: #fff;
  }
  .pagefunctions a.contrast .title-contrast {
    display: none;
  }
  .pagefunctions a.contrast .icon-contrast {
    padding: 0;
  }
  .wrapper.header-frame.opened .logo {
    top: 6px;
  }
  .searchbox {
    width: 75%;
    margin-right: 60px;
    padding: 19px 0 0px;
  }
  .searchbox a#search {
    display: none;
  }
  .grid .unit .unit {
    padding: 0px;
  }
  .grid .unit .unit .unit {
    padding: 0px;
  }
  .grid .unit .unit .unit div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: left;
  }
  .grid .unit .unit .unit div.csc-textpic-intext-right .csc-textpic-imagewrap,
  .grid .unit .unit .unit div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin: 0;
  }
  .wrapper.header-frame {
    height: 80px;
  }
  .wrapper.header-frame header {
    height: 65px;
    margin-bottom: 0px;
    position: relative;
    z-index: 999;
  }
  .quicklinks > li > a {
    margin: 8px 3%;
  }
  .content-header .unit {
    max-height: 100%;
  }
  .appointment-list .appointment h5 {
    line-height: 1.5rem;
    font-size: 1.2rem;
  }
  .appointment-list .appointment a {
    font-size: 1.2rem;
  }
  .appointment-list .appointment a:before {
    margin-top: 0px;
  }
  .sidebar {
    padding: 0 20px 10px 20px;
  }
  .sidebar h4 {
    margin-bottom: 0;
  }
  .sidebar .button-info {
    padding: 8px;
    margin-left: 5px;
  }
  .sidebar .button-info .icon-arrowlink {
    right: 15px;
    top: 11px;
  }
  .sidebar .selectBox-dropdown {
    height: 37px;
  }
  .sidebar .selectBox-dropdown .selectBox-label {
    margin: 0;
    padding: 10px 10px 5px !important;
  }
  .slide-out-div {
    display: none;
  }
  .breadcrumb-lable {
    margin-left: 10px;
  }
  .three-quarters.layout .contact-box-row .one-quarter {
    width: 50%;
  }
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(odd) {
    padding-right: 5px;
  }
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(even) {
    padding-left: 5px;
  }
  #content .layout .teaser.contact-box.contact-box-prof .image_block .responsive img {
    width: 100%;
    height: 294px;
  }
  #content .layout .teaser.contact-box.contact-box-prof .name_block {
    width: 97%;
  }
  #content .layout .teaser.contact-box.contact-box-prof .name_block .name h3 {
    font-size: 1.75rem;
  }
  #content .layout .teaser.contact-box.contact-box-prof .name_block .position, #content .layout .teaser.contact-box.contact-box-prof .name_block .function, #content .layout .teaser.contact-box.contact-box-prof .name_block .title p {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  #content {
    padding: 0px 10px;
  }
  #content .fb_headline {
    height: auto;
    margin-bottom: 10px;
  }
  #content .fb_headline .fb_name {
    vertical-align: baseline;
    padding-top: 25px;
    height: 50px;
    border-right: none;
  }
  #content .fb_headline .fb_designator {
    width: 100% !important;
  }
  #content .fb_headlines {
    width: 70% !important;
  }
  #content .fb_headlines h2 {
    vertical-align: baseline;
    padding-top: 25px;
    height: 70px;
    border-right: none;
  }
  #content .fb_headlines span {
    padding-bottom: 20px;
  }
  #content .fb_headlines.three-quarters span {
    padding-left: 0px;
    padding-bottom: 20px;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right {
    width: 20.5% !important;
    margin-top: -2px;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right h2 {
    position: static;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right .fb_name {
    padding-top: 0px;
    font-size: 1rem;
  }
  #content .teaser.quicklink {
    margin: 10px 0px;
    min-height: initial;
  }
  #content .one-quarter a.apply_now {
    margin-bottom: 10px;
  }
  #content div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
  }
  #content .three-quarters.layout .unit.one-third .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser) {
    width: 50%;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser):nth-child(odd) {
    padding-right: 5px !important;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser):nth-child(even) {
    padding-left: 5px !important;
  }
  #content .layout .news ul.news-list-view li.basic-list.article {
    width: 100%;
  }
  #content .layout .news ul.news-list-view li.basic-list.article:nth-child(odd) {
    padding-right: 0px !important;
  }
  #content .layout .news ul.news-list-view li.basic-list.article:nth-child(even) {
    padding-left: 0px !important;
  }
  #content .layout .csc-textpic-text .csc-bodytext.csc-bodytext-0 .csc-bulletlist {
    margin-left: 0.5rem;
  }
  #content .layout .csc-bodytext.csc-bodytext-0 .csc-bulletlist {
    margin-left: 1.5rem;
  }
  #content .layout .teaser.teaserbox.black-on-grey .teaser-header + ul li {
    font-size: 1.125rem;
  }
  #content .layout .teaser ul {
    margin-left: 30px;
  }
  #content .layout ul {
    margin-left: 0px;
  }
  #content .layout ul li {
    padding-left: 0px !important;
  }
  #content .layout .csc-bulletlist {
    margin-left: 20px;
  }
  #content .layout .news .news-list-view .article .news.basic-list h3,
  #content .layout .news .news-list-view .article .news.basic-list .description p {
    padding: 0 0 1rem;
  }
  #content .three-quarters .news .news-list-view li:nth-child(odd) {
    padding-right: 5px;
  }
  #content .three-quarters .news .news-list-view li:nth-child(even) {
    padding-left: 5px;
  }
  #content .grid .half:nth-child(odd) .teaser-button.white-on-green,
  #content .grid .half:nth-child(odd) .tx-tmpl,
  #content .grid .half:nth-child(odd) .teaserbox.black-on-grey {
    margin-right: 5px;
  }
  #content .grid .half:nth-child(even) .teaser-button.white-on-green,
  #content .grid .half:nth-child(even) .tx-tmpl,
  #content .grid .half:nth-child(even) .teaserbox.black-on-grey {
    margin-left: 5px;
  }
  #content .one-quarter .contact-news:nth-child(odd) .teaser.contact-box.contact-box-prof {
    width: 50%;
    float: left;
    margin-right: 10px;
  }
  #content .fb_headline_select .fb_select {
    position: initial !important;
    padding-left: 10px;
    height: auto;
  }
  #content .half .contact-news .teaser.contact-box.contact-box-prof.contact-box-free {
    margin-left: 5px;
  }
  #content .layout .teaser.contact-box {
    height: 390px;
  }
  #content .unit .unit#tmpl-filter {
    padding-left: 10px;
  }
  #content .tx-tmpl-studiengaenge .tmpl-ul {
    margin-bottom: 15px;
  }
  .cag-events-calendar .calendar-list .unit {
    width: 100%;
  }
  .cag-events-calendar .calendar-list div:nth-child(n+4) {
    margin-left: 0;
  }
  .cag-events-calendar .week .unit {
    width: 100%;
  }
  .cag-events-calendar .main-information .title {
    width: 50%;
    margin-right: 15px;
  }
  .cag-events-calendar .termin .unit + .unit, .cag-events-calendar .calendar-list.today .unit + .unit {
    margin-left: 0;
  }
  .logo {
    display: none;
  }
  .logo.mobile {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    height: 52px;
    width: 52px;
    margin: 0;
    padding: 5px;
    border-radius: 30px;
  }
  .logo.mobile img {
    width: 42px;
  }
  header nav {
    display: none;
  }
  .subnav-col {
    display: none;
  }
  .grid nav.subnavigation {
    display: none;
  }
  nav.subnavigation.stick {
    max-width: 23%;
  }
  nav.subnavigation li a {
    font-size: 1rem;
  }
  footer .unit.one-fifth.divider:last-child {
    border-bottom: 1px solid #ccc;
  }
  footer .one-fifth,
  footer .four-fifths {
    width: 100% !important;
  }
  footer .one-fifth .one-fifth,
  footer .four-fifths .one-fifth {
    width: 20%;
  }
  footer .grid .unit .unit .unit {
    padding: 0 !important;
  }
  .bx-wrapper {
    max-height: 415px;
  }
  .bx-wrapper .bx-controls {
    bottom: 10px;
  }
  .bxslider li {
    max-height: 400px !important;
    overflow: hidden;
  }
  .article .teaser.media {
    min-height: 520px;
  }
  .grid .half:first-child .news .news-list-view {
    padding-right: 5px;
  }
  .grid .half:last-child .news .news-list-view {
    padding-left: 5px;
  }
  div.csc-textpic .csc-textpic-imagewrap img {
    width: 100%;
    height: 100%;
  }
  .teaser.quicklink .quicklinks ul li {
    color: #fff;
  }
  .navi-breadcrumb, .breadcrumb-lable {
    font-size: 12px;
  }
  .caption {
    height: 150px;
  }
  .hlb_microsite .searchfield_hlb {
    left: 0px;
    top: 65px;
  }
  .hlb_microsite .STD-searchfield .search-item,
  .hlb_microsite .FILIP-searchfield .search-item {
    width: 90%;
  }
  .hlb_microsite .STD-searchfield input.submit,
  .hlb_microsite .FILIP-searchfield input.submit {
    right: 0;
  }
  footer .one-fifth .one-fifth, footer .four-fifths .one-fifth {
    width: 100%;
  }
  .grid .unit .unit .unit div.csc-textpic-intext-right .csc-textpic-imagewrap,
  .grid .unit .unit .unit div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
    margin-bottom: 1rem;
  }
  .csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right: 0;
  }
  .searchbox .pagefunctions .printer {
    display: none;
  }
  .pagefunctions a .text-hover {
    display: none;
  }
  .teaser.contact-box.contact-box-free.contact-time,
  .teaser.contact-box.contact-box-header.contact-time {
    padding-bottom: 5rem !important;
  }
  .alumni .alumni-image {
    width: 229px;
    margin: 1rem auto;
    overflow: hidden;
  }
  .alumni .testimonial_header {
    margin-bottom: 2rem;
  }
}

.whole.layout > .grid {
  padding: 0;
}

/* Clearfix after every .grid */
.grid {
  *zoom: 1;
}

.grid:before, .grid:after {
  display: table;
  content: "";
  line-height: 0;
}

.grid:after {
  clear: both;
}

/* Utility classes */
.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* Responsive Stuff */
@media screen and (max-width: 667px) {
  #content .fb_headline .fb_name {
    margin-top: -10px;

  }
  .fb_headline .fb_headlines + .fb_designator.col-right a .fb_icon {
    left: auto;
    right: 0;
  }
  .cag-events-calendar .filter a.button {
    margin: 1rem 0 0 0;
  }
  .tx-cag-events .secondary-filter .one-fifth,
  .tx-cag-events .secondary-filter input[type="text"],
  .tx-cag-events .secondary-filter .one-fifth .selectBox-dropdown {
    width: 100% !important;
  }
  .tx-cag-events .secondary-filter input[type="text"],
  .tx-cag-events .secondary-filter .one-fifth .selectBox-dropdown {
    margin: 5px 0px;
  }
  .cag-events-calendar .week.unit {
    margin-top: 70px;
  }
  /* Stack anything that isn’t full-width on smaller screens */
  .grid .unit {
    width: 100% !important;
    /*	padding-left: 20px; */
    /*	padding-right: 20px; */
  }
  .unit .grid .unit {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {
    text-align: center !important;
  }
  .hide-on-mobiles {
    display: none !important;
  }
  .grid .unit .unit {
    padding: 0px;
  }
  .grid .unit .unit .unit {
    padding: 0px;
  }
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(odd) {
    padding-right: 0px;
  }
  .three-quarters.layout .contact-box-row .one-quarter:nth-child(even) {
    padding-left: 0px;
  }
  #content .fb_headline {
    height: auto;
    min-height: 60px;
  }
  #content .fb_headline .fb_name {
    border-right: none;
    font-size: 1.5rem;
    word-break: inherit;
  }
  #content .fb_headline .page_headline {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #content .fb_headline .fb_headlines span {
    padding-bottom: 20px;
  }
  #content .fb_headline .fb_headlines span h2 {
    font-size: 1.4rem;
    padding-top: 0px;
    height: initial;
    border-right: none;
  }
  #content .fb_headline .fb_headlines span h4 {
    font-size: 1rem;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right .fb_name {
    font-size: 1rem;
    padding: 0 0 0 5rem;
  }
  #content .fb-select .half a {
    padding: 7px 20px;
  }
  #content .fb-select .half .selectBox-label {
    padding-left: 20px !important;
    padding-top: 7px !important;
  }
  #content .fb-select .half:first-child {
    margin-bottom: 5px;
  }
  #content .fb-select .half:last-child {
    margin-left: 0;
  }
  #content .bx-wrapper .bx-viewport {
    height: auto !important;
  }
  #content .sidebar {
    margin-top: 20px;
  }
  #content .sidebar .button-info {
    margin-left: 0;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser):nth-child(odd) {
    padding-right: 0px !important;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser):nth-child(even) {
    padding-left: 0px !important;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser) .news.teaser.media {
    min-height: 0;
  }
  #content .layout .news ul.news-list-view li.article:not(.miniteaser) .description .news-text-wrap {
    margin-bottom: 4rem;
  }
  #content .layout .grid .half .news + .csc-textpic-text .bodytext > .back-link {
    display: block;
    position: absolute;
    bottom: 370px;
  }
  #content .layout .grid .half .news .news-list-view .miniteaser.article .news {
    height: 195px;
  }
  #content .three-quarters .news .news-list-view li:nth-child(odd) {
    padding-right: 0px;
  }
  #content .three-quarters .news .news-list-view li:nth-child(even) {
    padding-left: 0px;
  }
  #content .grid .half:nth-child(odd) .teaser-button.white-on-green,
  #content .grid .half:nth-child(odd) .tx-tmpl,
  #content .grid .half:nth-child(odd) .teaserbox.black-on-grey {
    margin-right: 0px;
  }
  #content .grid .half:nth-child(even) .teaser-button.white-on-green,
  #content .grid .half:nth-child(even) .tx-tmpl,
  #content .grid .half:nth-child(even) .teaserbox.black-on-grey {
    margin-left: 0px;
  }
  #content .fb_headline_select .fb_select {
    display: block;
  }
  #content .one-quarter .selectBox-dropdown {
    width: 95% !important;
    margin: 5px 0px 10px;
    padding-bottom: 5px !important;
  }
  #content .one-quarter .selectBox-dropdown .selectBox-label {
    width: 100% !important;
  }
  #content .half .contact-news .teaser.contact-box.contact-box-prof.contact-box-free {
    margin-left: 0px;
  }
  #content .layout .news .news-list-view .article .news.basic-list h3,
  #content .layout .news .news-list-view .article .news.basic-list .description p {
    padding: 0 0 1rem;
  }
  .tx-cag-events form .selectBox-dropdown {
    width: 100% !important;
    margin: 5px 0px;
  }
  .tx-cag-events form .selectBox-dropdown .selectBox-label {
    padding: 10px 0 3px 10px !important;
  }
  .tx-cag-events .termin .unit + .unit, .tx-cag-events .calendar-list.today .unit + .unit {
    margin-left: 0;
  }
  .tx-cag-events .cag-events-calendar .main-information,
  .tx-cag-events .cag-events-calendar .main-information .begin-time {
    height: 70px;
  }
  .cag-events-calendar .main-information .title {
    width: 60%;
    margin-right: 0;
    text-decoration: underline;
  }
  .cag-events-calendar .main-information .title + .icon-plus {
    display: none;
  }
  .cag-events-calendar .main-information .begin-time {
    width: 75px;
    font-size: 1rem;
    margin-right: 10px;
    padding-left: 10px;
  }
  .cag-events-calendar .main-information:before {
    left: 88px;
    width: 10px;
    height: 10px;
  }
  .cag-events-calendar .furter-information-popup .durance-location {
    width: 70px;
    padding: 10px 5px 10px 10px;
    word-wrap: break-word;
  }
  .cag-events-calendar .furter-information-popup .description {
    margin-left: 85px;
    padding: 20px 10px;
    word-wrap: break-word;
  }
  .cag-events-calendar .filter {
    text-align: right;
  }
  .cag-events-calendar .filter input[type="submit"] {
    font-size: 1rem;
    padding: 10px 20px;
    margin: 5px 0 0;
  }
  .cag-events-calendar .unit h1 + a {
    padding: 10px 0px 15px 10px;
    text-decoration: underline;
    font-size: 1rem;
    font-weight: 500;
  }
  .searchbox {
    margin-right: 65px;
  }
  .show-subnavi {
    display: none;
  }
  .grid .half:first-child .news .news-list-view {
    padding-right: 0px;
  }
  .grid .half:last-child .news .news-list-view {
    padding-left: 0px;
  }
  .quick-info {
    margin-top: 10px;
  }
  .appointment-detail {
    text-align: left;
  }
  footer {
    height: auto;
  }
  footer > .unit:first-child {
    height: 100%;
  }
  footer .unit.whole {
    padding: 0 20px;
  }
  footer .unit .unit:first-child {
    padding-left: 0px !important;
  }
  footer #menu-meta-bottom {
    height: auto !important;
    border-bottom: none;
  }
  footer #menu-meta-bottom a {
    font-size: 1.125rem;
  }
  footer .one-fifth .one-fifth,
  footer .four-fifths .one-fifth {
    width: 100% !important;
  }
  footer .four-fifths .one-fifth h6 + .dropdown-menu {
    display: none;
    margin-left: 5px;
    padding-bottom: 10px;
  }
  footer .four-fifths .one-fifth h6 + .dropdown-menu a {
    font-size: 1.125rem;
  }
  footer .four-fifths .one-fifth h6 {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    font-size: 1.125rem;
  }
  footer .copyright .icons-copyright {
    float: left;
    margin-top: 15px;
  }
  footer .unit.one-fifth {
    width: 100% !important;
  }
  .news .article .news-img-wrap img {
    width: 100%;
  }
  .hlb_microsite .searchfield_hlb .search_select {
    position: static;
    margin-top: 5px;
  }
  .hlb_microsite .searchfield_hlb .search_select input#switchFilip,
  .hlb_microsite .searchfield_hlb .search_select input#switchStd {
    position: static;
  }
  .hlb_microsite .searchfield_hlb .search_select label {
    display: inline;
    margin-left: 0;
  }
  .hlb_microsite .STD-searchfield,
  .hlb_microsite .FILIP-searchfield {
    margin-left: 0;
  }
  .hlb_microsite .STD-searchfield input.submit,
  .hlb_microsite .FILIP-searchfield input.submit {
    top: 26px;
  }
  .hlb_microsite .tx-oeffnungszeiten .grid .unit.half:last-child {
    padding: 0 0 0 16px;
  }
}

@media screen and (max-width: 580px) {
  .three-quarters.layout .contact-box-row .one-quarter {
    width: 100% !important;
  }
  .grid .unit .unit .unit.contact-box-row .unit:nth-child(even) {
    padding-left: 10px !important;
  }
}

@media screen and (max-width: 530px) {
  .grid .unit .unit .unit.contact-box-row {
    padding-left: 0px !important;
  }
  .grid .unit .unit > .unit.fb_headline {
    padding: 0px !important;
  }
  body.high-contrast .searchbox .contrast {
    color: #ccc;
  }
  .searchfield.opened .search-item {
    padding-left: 15px;
    width: 82%;
    margin-left: 0;
  }
  .wrapper.header-frame.opened {
    height: 115px;
  }
  .navi-breadcrumb,
  .breadcrumb-lable {
    display: none;
  }
  .wrapper.header-frame {
    height: 60px;
  }
  .quicklinksbox ul.quicklinks > li > a {
    margin: 1.5%;
    width: 22%;
    height: 85px;
  }
  .quicklinksbox ul.quicklinks > li > a > span {
    color: #fff;
    float: left;
    font-size: 2.75rem;
    height: 60px;
    line-height: 60px;
    margin-bottom: 3px;
    transition: all 0.25s linear 0s;
    width: 100%;
  }
  #content .layout .teaser.contact-box {
    height: 440px;
  }
  #content .content-header .fb_headline .fb_headlines span {
    padding-left: 42px;
  }
  #content .fb_headline {
    height: auto;
  }
  #content .fb_headline .fb_name {
    border-right: none;
    font-size: 1.5rem;
    word-break: inherit;
  }
  #content .fb_headline .page_headline {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  #content .fb_headline .fb_headlines span {
    padding-left: 0px;
    padding-bottom: 20px;
  }
  #content .fb_headline .fb_headlines span h2 {
    font-size: 1.4rem;
  }
  #content .fb_headline .fb_headlines span h4 {
    font-size: 1rem;
  }
  #content .fb_headlines.three-quarters + .fb_designator.col-right h1 {
    display: none;
  }
  #content .fb_headline_select .fb_select {
    position: initial !important;
    padding-left: 10px;
  }
  #content .bx-wrapper img {
    height: auto !important;
  }
  #content .bx-wrapper .bx-viewport {
    height: 320px !important;
  }
  #content .bx-wrapper .bx-controls {
    bottom: -10px;
  }
  #content .bx-wrapper .caption-header {
    margin-bottom: 0.5rem;
  }
  #content .bx-wrapper .bxslider li figure {
    height: 170px;
  }
  #content .one-quarter .contact-news .teaser.contact-box.contact-box-prof:nth-child(odd) {
    width: 80%;
    float: none;
    margin-right: 0px;
    margin: 10px auto;
    height: 420px;
  }
  #content .one-quarter .contact-news .teaser.contact-box.contact-box-prof:nth-child(even) {
    width: 80%;
    float: none;
    margin-right: 0px;
    margin: 10px auto;
    height: 440px;
  }
  #content .news-single .news-backlink-wrap,
  #content .news-single .news-related-wrap {
    border-top: none;
  }
  .mm-menu li.w50 {
    display: block;
  }
  footer .copyright .text-copyright {
    margin: 10px 0 0 10px;
  }
  footer .copyright .icons-copyright {
    padding: 20px 10px 0px;
  }
  .three-quarters.layout > div:not(.fb_headline), .three-quarters.layout > div:not(.news) {
    padding-left: 0px !important;
  }
  #pageid-5438 .powermail_form label {
    width: 250px;
    max-width: none;
  }
  #pageid-5438 .powermail_form input[type="tel"],
  #pageid-5438 .powermail_form input[type="number"],
  #pageid-5438 .powermail_form input[type="email"],
  #pageid-5438 .powermail_form input[type="text"],
  #pageid-5438 .powermail_form textarea {
    width: 250px;
    max-width: none;
  }
  #pageid-5438 .powermail_form .powermail_fieldwrap {
    width: 250px;
  }
}

@media screen and (max-width: 475px) {
  #content > .grid.whole {
    margin-top: 0px;
  }
  .fb_headline .fb_headlines + .fb_designator.col-right a .fb_icon {
    top: .2rem;
  }
  #content .fb_headlines {
    min-height: 5.5rem;
    width: 75% !important;
  }
  #content .content-header .fb_headline .fb_headlines span {
    padding: 0px !important;
    height: 4rem;
  }
  #content .content-header .fb_headline .fb_headlines.xl-headline span {
    padding: 0px;
    height: 4rem;
  }
  #content .fb_headline .fb_headlines span {
    padding: 0px;
    height: 4rem;
  }
  #content .fb_headline .page_headline span h1,
  #content .fb_headline .fb_headlines span h1 {
    font-size: 1.75rem;
  }
  #content .content-header .fb_headline .fb_headlines span h1 {
    font-size: 1.25rem;
  }
  #menu-bottom .divider {
    border-top: 1px solid #ccc;
  }
  #menu-bottom .dropdown-menu {
    display: none;
  }
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid {
    max-width: 1180px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 800px) {
  .three-quarters .one-quarter {
    width: 100%;
  }
  .three-quarters + .one-quarter {
    width: 100%;
  }
}

.content-header > .grid:not(.fb_headline) {
  overflow: hidden;
}

.content-header > .grid:not(.fb_headline) .teaser.contact-box.contact-box-header .interaction_block {
  height: 98%;
}

@media screen and (max-width: 1023px) {
  .grid .contact-kachel.details nav.subnavigation {
    display: none;
  }
}

.content-header .grid .two-thirds {
  padding-right: 10px;
}

.content-header .grid .one-third {
  padding-left: 5px;
}

.news-single .one-quarter div.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: unset;
}

.news-single .one-quarter div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  max-width: 225px;
}

.news-single .one-quarter div.csc-textpic .csc-textpic-imagewrap img {
  width: 100%;
  height: auto;
}

/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed  */
/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed  */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */
.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }
  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }
  .tablesaw-cell-label {
    display: block;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

.high-contrast .date > .event,
body.high-contrast header {
  background: #000;
}

body.high-contrast header a {
  color: #000;
}

body.high-contrast .teaser.quicklink,
body.high-contrast .tx-tmpl-studiengaenge .tmpl-list-group span,
body.high-contrast .content-header .one-quarter .contact-box-header,
body.high-contrast footer .unit.one-fifth,
body.high-contrast footer .unit.four-fifths,
body.high-contrast footer .img-footer .logo,
body.high-contrast footer, body.high-contrast table th,
body.high-contrast #content .layout .teaser .teaser-header {
  background-color: #000 !important;
}

body.high-contrast #desktop-navimain .button_c .contrast,
body.high-contrast .pagefunctions .contrast {
  color: #000;
}

body.high-contrast #desktop-navimain .button_c .contrast:hover,
body.high-contrast .pagefunctions .contrast:hover {
  background: #000;
  color: #fff;
}

body.high-contrast nav.subnavigation li a {
  background-color: #ccc;
  color: #000;
}

body.high-contrast nav.subnavigation li a:hover {
  background-color: #000;
  color: #fff;
}

body.high-contrast nav.subnavigation li.act li.cur li a,
body.high-contrast nav.subnavigation li li li a {
  color: #000 !important;
}

body.high-contrast nav.subnavigation li.act li.cur li a:hover {
  color: #fff !important;
}

body.high-contrast nav.subnavigation li.act > a,
body.high-contrast nav.subnavigation li.cur > a {
  background-color: #000 !important;
  color: #fff !important;
}

body.high-contrast nav.subnavigation li.act > a:before,
body.high-contrast nav.subnavigation li.cur > a:before {
  color: #fff !important;
}

body.high-contrast nav.subnavigation li li.act ul {
  background: none;
}

body.high-contrast nav.subnavigation li li.act ul li a:hover {
  background: #000 !important;
}

body.high-contrast nav.subnavigation li li.act ul li a:hover:before {
  color: #fff !important;
}

body.high-contrast .article .button,
body.high-contrast .quicklinks span,
body.high-contrast .caption,
body.high-contrast .button-primary,
body.high-contrast .date span:first-child,
body.high-contrast .date span:last-child,
body.high-contrast .caption h3,
body.high-contrast .caption p,
body.high-contrast h2.ui-accordion-header,
body.high-contrast .slide-out-div .handle.layout-2,
body.high-contrast a.apply_now,
body.high-contrast #desktop-navimain ul li.open a,
body.high-contrast .fb_headline span.fb_icon.fb_icon_pg,
body.high-contrast .fb_headline span.fb_icon.fb_icon_lt,
body.high-contrast .fb_headline span.fb_icon.fb_icon_ai,
body.high-contrast .fb_headline span.fb_icon.fb_icon_ai,
body.high-contrast .fb_headline span.fb_icon.fb_icon_et,
body.high-contrast .fb_headline span.fb_icon.fb_icon_lt,
body.high-contrast .fb_headline span.fb_icon.fb_icon_oe,
body.high-contrast .fb_headline span.fb_icon.fb_icon_pg,
body.high-contrast .fb_headline span.fb_icon.fb_icon_sk,
body.high-contrast .fb_headline span.fb_icon.fb_icon_sw,
body.high-contrast .fb_headline span.fb_icon.fb_icon_wi,
body.high-contrast .fb_headline span.fb_icon.fb_icon_w,
body.high-contrast .teaser.was-machen-mit ul li span.fb_3,
body.high-contrast .teaser.was-machen-mit ul li span.fb_4,
body.high-contrast .teaser.was-machen-mit ul li span.fb_5,
body.high-contrast .teaser.was-machen-mit ul li span.fb_6,
body.high-contrast .teaser.was-machen-mit ul li span.fb_7,
body.high-contrast .teaser.was-machen-mit ul li span.fb_8,
body.high-contrast .teaser.was-machen-mit ul li span.fb_9,
body.high-contrast .teaser.was-machen-mit ul li span.fb_10,
body.high-contrast .slide-out-div .handle-shadow.layout-2,
body.high-contrast .tx-tmpl-studiengaenge #tmpl-filter input[type="submit"],
body.high-contrast .contact-news .contact-box h3.contact-header,
body.high-contrast .teaser.contact-box.multiple .slide-up,
body.high-contrast .teaser.contact-box.contact-box-free .slide-up .icon-phone,
body.high-contrast .teaser.contact-box.contact-box-free .slide-up .icon-clock,
body.high-contrast .teaser.contact-box.contact-box-header .slide-up .icon-phone,
body.high-contrast .teaser.contact-box.contact-box-header .slide-up .icon-clock,
body.high-contrast #content .layout .teaser.contact-box.contact-box-prof.contact-box-free h3.contact-header,
body.high-contrast #content .layout .teaser.black-on-grey .teaser-header h3, body.high-contrast .teaser.black-on-grey .teaser-header h3,
body.high-contrast #content .layout .news .news-list-view .article .basic-list .description + .button,
body.high-contrast .caption.big-target-click-zone,
body.high-contrast .detail-link_adress a,
body.high-contrast .cd-top {
  background-color: #000;
  color: #fff !important;
}

body.high-contrast .button-primary,
body.high-contrast .teaser.contact-box.contact-box-prof .slide-up,
body.high-contrast .teaser.contact-box.contact-box-free .slide-up .icon-phone,
body.high-contrast .teaser.contact-box.contact-box-free .slide-up .icon-clock,
body.high-contrast .teaser.contact-box.contact-box-header .slide-up .icon-phone,
body.high-contrast .teaser.contact-box.contact-box-header .slide-up .icon-clock,
body.high-contrast #content .layout .news .news-list-view .article .basic-list .description + .button {
  border: 1px solid #fff;
}

body.high-contrast .teaser.contact-box.contact-box-free.contact-time .slide-up,
body.high-contrast .teaser.contact-box.contact-box-free.contact-time .slide-up .icon-clock,
body.high-contrast .teaser.contact-box.contact-box-free.contact-time .slide-up .icon-phone {
  border: none;
}

body.high-contrast .contact-news .contact-box .email-overlay a,
body.high-contrast nav a,
body.high-contrast .article a {
  color: #000;
}

body.high-contrast .contact-news .contact-box .email-overlay a:hover,
body.high-contrast nav a:hover,
body.high-contrast .article a:hover {
  background-color: #000;
  color: #fff;
}

body.high-contrast .teaser.contact-box.contact-box-prof.multiple .slide-up {
  padding: 6px 8px 3px 9px;
}

body.high-contrast footer nav a {
  color: #fff;
}

body.high-contrast .article .button:hover,
body.high-contrast a.apply_now:hover,
body.high-contrast .bodytext a:not(.download):hover,
body.high-contrast .bodytext a:not(.information):hover {
  text-decoration: underline !important;
}

body.high-contrast #desktop-navimain ul li.open .dropdown-menu li ul li a,
body.high-contrast #desktop-navimain > ul > li.dropdown.open > ul > li > ul > li > a {
  background-color: transparent;
}

body.high-contrast #desktop-navimain ul ul.dropdown-menu {
  background-color: #304646;
}

body.high-contrast #desktop-navimain ul ul.dropdown-menu > li ul li:before {
  color: #fff;
}

body.high-contrast #desktop-navimain ul ul.dropdown-menu > li:hover > ul {
  background-color: #000;
}

body.high-contrast #desktop-navimain ul ul.dropdown-menu > li:hover > ul li:before {
  color: #fff;
}

body.high-contrast #hamburger:before,
body.high-contrast #hamburger:after,
body.high-contrast #hamburger span {
  background-color: #fff;
}

body.high-contrast #desktop-navimain {
  background-color: #304646;
}

body.high-contrast .sidebar.grey {
  background-color: #000;
}

body.high-contrast .sidebar.grey.quicklinksbox {
  background-color: #f0f5f0;
  color: #000;
}

body.high-contrast #rwd-navimain {
  background-color: #304646;
}

body.high-contrast #rwd-navimain a {
  color: #fff;
}

body.high-contrast #rwd-navimain a.mm-prev:before, body.high-contrast #rwd-navimain a.mm-next:after {
  border-color: #fff;
}

body.high-contrast #rwd-navimain a.mm-prev:after, body.high-contrast #rwd-navimain a.mm-next:before,
body.high-contrast #rwd-navimain .mm-header {
  border-color: #fff;
}

body.high-contrast #rwd-navimain li:after {
  border-color: #fff;
}

body.high-contrast #desktop-navidachzeile > li.open > a {
  background-color: #d8d8d8;
  color: #000;
}

body.high-contrast #desktop-navidachzeile ul.dropdown-menu {
  background-color: #000;
}

body.high-contrast #desktop-navidachzeile ul.dropdown-menu:after,
body.high-contrast #desktop-navidachzeile ul.dropdown-menu > li,
body.high-contrast #desktop-navidachzeile ul.dropdown-menu > li a {
  background-color: #d8d8d8;
  color: #000;
}

body.high-contrast #desktop-navidachzeile ul.dropdown-menu > li:before {
  color: #000;
}

body.high-contrast #desktop-navidachzeile ul.dropdown-menu > li:hover:before {
  color: #fff;
}

body.high-contrast #desktop-navidachzeile ul.dropdown-menu > li:hover > a {
  background: #000;
  color: #fff;
}

body.high-contrast .mm-menu.mm-vertical .mm-listview li.act.mm-opened > a.mm-next, body.high-contrast .mm-menu .mm-listview li.cur.mm-selected > a, body.high-contrast .mm-menu .mm-listview li.cur.mm-selected > a.mm-next, body.high-contrast li.act.mm-opened > a {
  background: #000 !important;
}

body.high-contrast .detail-link_adress a {
  background-color: #000 !important;
  color: #fff !important;
}

body.high-contrast .content-header .one-quarter .teaser.contact-box.multiple-2016,
body.high-contrast .contact-news h3.teaserHeader {
  background: #000 !important;
}

body.high-contrast .teaser.contact-box.multiple-2016 .name_block,
body.high-contrast .teaser.contact-box.multiple-2016 .name_block h3 {
  color: #000 !important;
}

body.high-contrast .content-header .one-quarter .teaser.contact-box.multiple-2016 .name_block h3 {
  color: #fff !important;
}

/* Dropdown control */
.selectBox-dropdown {
  min-width: 150px;
  position: relative;
  text-decoration: none;
  text-align: left;
  color: #000;
  outline: none;
  vertical-align: middle;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  width: 100% !important;
  margin: 20px 0 10px 0;
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0 !important;
  line-height: 1.42857143;
  box-sizing: border-box;
  font-size: 1.1rem;
  border: none;
  font-family: "TheSans";
  margin-right: 10px;
}

.selectBox-dropdown:focus {
  color: #fff;
  background: #304646;
}

.three-quarters .one-quarter .selectBox-dropdown {
  min-width: 210px;
  width: 85% !important;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
  padding: 5px 0px 0px 8px !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.1rem;
  font-family: "TheSans";
  font-weight: 500;
}

.three-quarters .one-quarter .selectBox-dropdown .selectBox-label {
  width: 85% !important;
}

.three-quarters .selectBox-dropdown .selectBox-label,
.one-quarter .selectBox-dropdown .selectBox-label {
  padding: 10px 0px 0px 10px !important;
}

.three-quarters .selectBox-dropdown .selectBox-arrow,
.one-quarter .selectBox-dropdown .selectBox-arrow {
  top: 0px;
  padding: .75rem .25rem;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 8px;
  right: -4px;
  width: 35px;
  height: 100%;
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

.selectBox-dropdown .selectBox-arrow:before {
  content: "\edbd";
}

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 400px;
  min-height: 1em;
  min-width: 320px;
  border: none;
  /* should be the same border width as .selectBox-dropdown */
  background: #fff;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 480px) {
  .selectBox-dropdown-menu {
    min-width: 230px;
  }
}

.selectBox-dropdown-menu li {
  text-align: left;
  border-bottom: 1px solid #d8d8d8;
}

.selectBox-dropdown-menu li a {
  color: #000;
  padding: 5px 10px !important;
  font-size: 1.1rem;
  font-family: "TheSans";
  font-weight: 500;
}

@media (max-width: 480px) {
  .selectBox-dropdown-menu li a {
    font-size: 0.9rem;
  }
}

.selectBox-dropdown-menu li a:hover {
  background: #d8d8d8;
}

/* Inline control */
.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

.selectBox-inline:focus {
  border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
}

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
}

.selectBox-dropdown-menu.selectBox-options LI A {
  white-space: unset;
}

.selectBox-options LI.selectBox-hover A {
  background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
  background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666;
}

.selectBox-inline.selectBox-disabled {
  color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}

.fb-select {
  margin-top: 7px;
}

#tmpl-filter .selectBox-dropdown {
  background: #fff;
  color: #000;
}

#tmpl-filter #tmpl-filter-filter li {
  padding-right: 0.625rem;
}

.cag-events-calendar .calendar-list .secondary-filter div.one-fifth:nth-child(n+4) {
  margin-left: 0;
}

.tx-cag-events .selectBox-dropdown {
  width: 29% !important;
  background-color: #F6F6F6;
  color: #000;
  border: none;
  margin-right: 10px;
  box-sizing: border-box;
  font-size: 1rem;
  border: none;
  font-family: "TheSans";
  font-weight: 300;
  margin-right: 10px;
  padding: 10px;
}

.tx-cag-events .filter input[type="text"] {
  background-color: #f6f6f6;
  border: medium none;
  box-sizing: border-box;
  color: #000;
  font-family: "TheSans";
  font-size: 1rem;
  height: 2.3rem;
  width: 91%;
  padding: 10px;
}

.tx-cag-events .tomorrow-plus .selectBox-dropdown {
  margin-top: 0;
  margin-bottom: 0;
}

.tx-cag-events .tomorrow-plus input[type="submit"] {
  margin: 0;
}

.select_fach .selectBox-dropdown {
  width: 285px !important;
}

@media (max-width: 960px) {
  .select_fach select[name=dropdown_navi_weiterbildung] + a.selectBox-dropdown {
    min-width: 175px !important;
  }
}

@media (max-width: 1024px) {
  .select_fach select[name=dropdown_navi_weiterbildung] + a.selectBox-dropdown {
    min-width: 190px !important;
  }
}

@media (max-width: 1024px) {
  .select_fach .selectBox-dropdown {
    width: 230px !important;
  }
}

@media (max-width: 960px) {
  .select_fach .selectBox-dropdown {
    width: 215px !important;
  }
}

@media (min-width: 769px) and (max-width: 800px) {
  ul.selectBox-options.selectBox-dropdown-menu {
    left: 20px !important;
  }
}

@media (min-width: 801px) and (max-width: 1024px) {
  ul.selectBox-options.selectBox-dropdown-menu {
    left: 683px !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  ul.selectBox-options.selectBox-dropdown-menu:first-of-type {
    left: 442px !important;
  }
}

@media (min-width: 801px) and (max-width: 960px) {
  ul.selectBox-options.selectBox-dropdown-menu {
    left: 621px !important;
  }
}

@media (min-width: 769px) and (max-width: 800px) {
  ul.selectBox-options.selectBox-dropdown-menu:first-of-type {
    left: 20px !important;
  }
}

@media (min-width: 801px) and (max-width: 960px) {
  ul.selectBox-options.selectBox-dropdown-menu:first-of-type {
    left: 395px !important;
  }
}

.select_fach .selectBox-dropdown .selectBox-label {
  width: 250px !important;
}

#pageid-2040 .selectBox-dropdown-menu,
#pageid-1 .selectBox-dropdown-menu {
  width: auto !important;
}

.contact-kachel.details .info_block li {
    list-style: disc;
}

.ce-testimonial {
  overflow: hidden;
}

.ce-testimonial .responsive {
  padding-bottom: 100%;
}

.ce-testimonial .mouseover-text {
  height: 50px;
  width: 90%;
  padding: 5%;
  text-align: center;
}

.ce-testimonial .mouseover-text.open {
  height: 90%;
}

.ce-testimonial.alumni-image .button {
  position: relative;
  left: 0;
  margin-left: 0;
}

.ce-testimonial .icon-plus-circle:before {
  top: -15px;
  bottom: auto;
  left: 50%;
  margin-left: 0;
  transform: translate(-50%, 0) rotate(45deg);
}

.ce-testimonial .mouseover-text.open .icon-plus-circle:before {
  top: 15px;
  bottom: auto;
  transform: translate(-50%, 0) rotate(45deg);
}

.ce-testimonial .testimonial_header {
  min-height: 34px;
}

.ce-testimonial .mouseover-text.open .testimonial_header {
  min-height: auto;
}

@media screen and (max-width: 800px) {
  
  .alumni .ce-testimonial.alumni-image {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
    #content .fb_headlines.three-quarters + .fb_designator.col-right h2 {
        display: none;
    }
}