/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

button,
input[type="submit"], .button01.primary,
.tabs-primary li,
ul.primary li a,
#homebox-buttons a,
a.button.browse,
input.mbp-action-download,
input.mbp-action-edit[type="submit"],
input.mbp-action-download[type="submit"],
input#edit-preview[type="submit"],
input#edit-save-edit[type="submit"],
ul.mbp-file-basket-list input[type="submit"],
#media-wysiwyg-format-form a.fake-ok,
input.field-add-more-submit[type="submit"], .button01.secondary,
.linkit-field-button,
.cta-button a,
a#edit-cancel,
a.ctools-use-modal,
input.mbp-action-delete[type="submit"],
input#edit-submit[type="submit"],
input#edit-draft[type="submit"] {
  -webkit-font-smoothing: antialiased;
  background-color: #477DCA;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none; }
  button:hover,
  input:hover[type="submit"], .button01.primary:hover,
  .tabs-primary li:hover,
  ul.primary li a:hover,
  #homebox-buttons a:hover,
  a.button.browse:hover,
  input.mbp-action-download:hover,
  input#edit-preview:hover[type="submit"],
  input#edit-save-edit:hover[type="submit"],
  ul.mbp-file-basket-list input:hover[type="submit"],
  #media-wysiwyg-format-form a.fake-ok:hover, .button01.secondary:hover,
  .linkit-field-button:hover,
  .cta-button a:hover,
  a#edit-cancel:hover,
  a.ctools-use-modal:hover,
  input#edit-submit:hover[type="submit"],
  input#edit-draft:hover[type="submit"] {
    background-color: #2c5999;
    color: white; }
  button:disabled,
  input:disabled[type="submit"], .button01.primary:disabled,
  .tabs-primary li:disabled,
  ul.primary li a:disabled,
  #homebox-buttons a:disabled,
  a.button.browse:disabled,
  input.mbp-action-download:disabled,
  input#edit-preview:disabled[type="submit"],
  input#edit-save-edit:disabled[type="submit"],
  ul.mbp-file-basket-list input:disabled[type="submit"],
  #media-wysiwyg-format-form a.fake-ok:disabled, .button01.secondary:disabled,
  .linkit-field-button:disabled,
  .cta-button a:disabled,
  a#edit-cancel:disabled,
  a.ctools-use-modal:disabled,
  input#edit-submit:disabled[type="submit"],
  input#edit-draft:disabled[type="submit"] {
    cursor: not-allowed;
    opacity: 0.5; }

fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover {
    border-color: #c4c4c4; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus {
    border-color: #477DCA;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

/* color definition */
/* google map */
/* squeezbox filter */
a#sggnav:focus {
  border: 1px red solid; }

/* overwrite sytem setting */
/* .clearfix::after {display:none}


/* font parameters Etica 200 300 400 700 800 */
.callout-hell {
  background: #eee; }

.callout-dunkel {
  background: #3d5a7b;
  color: white; }

.callout-orange {
  background: #d49500;
  color: white; }

h2.pane-title {
  display: none; }

/* ---------- font definition ---------- */
strong {
  font-weight: 800; }

.logo-font {
  font-weight: 700; }

/* ---------- font allocation ---------- */
dl, th {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 800; }

input,
label,
table {
  font-family: "aktiv-grotesk", Helvetica, Arial; }

input[type="text"] {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 400; }

/* color highlighting */
::selection {
  background: #3d5a7b;
  color: rgba(61, 90, 123, 0.15); }

::-moz-selection {
  background: #3d5a7b;
  color: rgba(61, 90, 123, 0.15); }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: #3d5a7b; }

input:-webkit-autofill {
  background: rgba(61, 90, 123, 0.15); }

.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid #d49500; }

/* ------------ color palette page ------------ */
.color-palette {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em; }
  .color-palette:after {
    content: "";
    display: table;
    clear: both; }

.color-field {
  height: 100px;
  margin-bottom: 0.5em;
  padding: 0.5em; }

.primary-dark-output {
  background: #013150;
  color: white; }

.primary-output {
  background: #3d5a7b;
  color: white; }

.primary-bright-output {
  background: #4d8dde; }

.primary-subtle-output {
  background: rgba(61, 90, 123, 0.15); }

.accent-output {
  background: #d49500;
  color: white; }

.text-primary-output {
  background: #333;
  color: white; }

.text-secondary-output {
  background: #888;
  color: white; }

.subtle-background {
  background: #eee; }

.mbp-file-basket {
  display: none; }

.vbo-fieldset-select-all {
  text-align: left;
  width: 100%;
  padding: 0.5rem; }

.media-list-thumbnails .media-item.selected {
  background: #d49500;
  border-color: black; }

a.fake-ok:hover {
  cursor: pointer; }

/* ----------  button style ---------- */
.button01.primary,
.tabs-primary li,
ul.primary li a,
#homebox-buttons a,
a.button.browse,
input.mbp-action-download,
input[type="submit"].mbp-action-edit,
input[type="submit"].mbp-action-download,
input[type="submit"]#edit-preview,
input[type="submit"]#edit-save-edit,
ul.mbp-file-basket-list input[type="submit"],
#media-wysiwyg-format-form a.fake-ok,
input[type="submit"].field-add-more-submit {
  background: #3d5a7b;
  font-family: "aktiv-grotesk", Helvetica, Arial;
  color: white;
  margin-top: 0em;
  height: auto;
  box-shadow: none;
  margin-right: 4px;
  padding: 0.5em 0.6em;
  line-height: 120%;
  border: none;
  font-weight: normal; }

.button01.primary:hover, input[type="submit"]#edit-submit:hover {
  background: #013150; }

.button01.secondary,
ul.primary li a,
.linkit-field-button,
.cta-button a,
input[type="submit"],
a#edit-cancel,
a.ctools-use-modal,
input[type="submit"].mbp-action-edit,
input[type="submit"].mbp-action-download,
input[type="submit"].mbp-action-delete,
input[type="submit"]#edit-preview,
input[type="submit"]#edit-submit,
input[type="submit"]#edit-draft,
input[type="submit"].field-add-more-submit {
  background: #eee;
  font-family: "aktiv-grotesk", Helvetica, Arial;
  color: #333;
  margin-top: 0em;
  height: auto;
  box-shadow: none;
  margin-right: 4px;
  padding: 0.5em 0.6em;
  line-height: 120%;
  border: none;
  font-weight: normal;
  border: 1px #aaa solid; }
  .button01.secondary:hover,
  ul.primary li a:hover,
  .linkit-field-button:hover,
  .cta-button a:hover,
  input[type="submit"]:hover,
  a#edit-cancel:hover,
  a.ctools-use-modal:hover,
  input[type="submit"].mbp-action-edit:hover,
  input[type="submit"].mbp-action-download:hover,
  input[type="submit"].mbp-action-delete:hover,
  input[type="submit"]#edit-preview:hover,
  input[type="submit"]#edit-submit:hover,
  input[type="submit"]#edit-draft:hover,
  input[type="submit"].field-add-more-submit:hover {
    background: #4d8dde; }

.button01.secondary:hover,
ul.primary li a:hover,
.linkit-field-button:hover,
#mbp-action-download {
  background: #3d5a7b; }

.page-node-edit #edit-actions input, .page-node-add #edit-actions input {
  width: 100%;
  margin-bottom: 0.5rem;
  text-align: left; }

.group-veranstaltungs-kategorie label {
  margin-top: 1rem; }

/* -------------------------------

Frontend

-------------------------------- */
/* ---------- panopoly pane style definition  ------------ */
.pane-style-2 {
  background: #eee; }

.pane-style-3 {
  background: rgba(61, 90, 123, 0.15); }

.pane-style-4 {
  background: #3d5a7b;
  color: white; }

.pane-style-5 {
  background: #013150;
  color: white; }

.pane-heading-default h2 {
  font-size: 1em; }

.pane-heading-secondary h2 {
  font-size: 1.5em; }

.pane-heading-tertiary h2 {
  font-size: 2em; }

/* ---------- search ------------ */
h2.search-result {
  font-size: 1.4rem;
  padding: 1rem 0rem; }

h4.search-result {
  font-size: 0.9rem;
  padding: 0;
  text-transform: uppercase; }

.view-mazzeone-solr-search-view-basic-nodes .views-field-nid {
  border-bottom: 1px #aaa solid;
  padding: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 1.5rem; }

.view-mazzeone-solr-search-view-basic-nodes .views-field-nid:hover {
  background-color: white;
  color: #333; }

.search-result-link {
  height: 100%;
  width: 100%;
  background: red; }

.page-node .cd-search .views-exposed-form label, .page-admin .cd-search .views-exposed-form label {
  margin-bottom: 0;
  display: none; }

.page-node .cd-search .views-exposed-form input[type="text"], .page-admin .cd-search .views-exposed-form input[type="text"] {
  color: #888; }

.page-node .cd-search .views-exposed-form .views-widget-filter-search_api_views_fulltext, .page-admin .cd-search .views-exposed-form .views-widget-filter-search_api_views_fulltext {
  width: 100%;
  padding: 0; }

.page-node .cd-search .views-exposed-form .views-submit-button, .page-admin .cd-search .views-exposed-form .views-submit-button {
  display: none; }

.page-node .cd-search .views-exposed-form .views-exposed-widget .form-submit, .page-admin .cd-search .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0;
  font-size: 1rem; }

.page-node .cd-search .views-exposed-form, .page-admin .cd-search .views-exposed-form {
  font-size: 1.4rem; }

.search-api-autocomplete-suggestion {
  position: relative;
  margin: 0;
  padding: 0; }

.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 0.9rem; }

.search-api-autocomplete-suggestion .autocomplete-user-input {
  font-weight: normal;
  color: #d49500; }

.search-api-autocomplete-suggestion .autocomplete-suggestion-results {
  position: absolute;
  right: 1em;
  padding: 0;
  margin: 0; }

.search-api-autocomplete-suggestion > * {
  padding: 0 !important;
  margin: 0 !important; }
  .search-api-autocomplete-suggestion > *::before {
    content: ''; }
  .search-api-autocomplete-suggestion > *::after {
    content: ''; }

/* codyhouse serch bar */
form.search-bar {
  position: relative; }
  form.search-bar input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: white;
    border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DDD;
    display: block;
    font-size: 1.4em;
    margin: 0;
    padding: 0.5em 0.5em;
    position: relative;
    width: 100%; }
  form.search-bar button[type=submit] {
    background-color: #3d5a7b;
    border-radius: 3px;
    border: none;
    color: white;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    padding: 7px 18px;
    text-decoration: none;
    background-clip: padding-box;
    position: absolute;
    top: 0em;
    right: 0em;
    bottom: 0em;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    outline: none;
    padding: 5px 20px; }
    form.search-bar button[type=submit]:hover:not(:disabled) {
      background-color: #416690;
      cursor: pointer; }
    form.search-bar button[type=submit]:active:not(:disabled), form.search-bar button[type=submit]:focus:not(:disabled) {
      background-color: #384e67;
      cursor: pointer; }
    form.search-bar button[type=submit]:disabled {
      opacity: 0.5;
      cursor: not-allowed; }
    form.search-bar button[type=submit] img {
      height: 24px;
      opacity: 0.7; }

/* ---------- content position top, according to header height  ------------ */
.main-content {
  padding-top: 0em; }

.page-search .main-content, .front .main-content {
  padding: 0em 0em; }

/* ---------- maintainance ------------ */
.maintainance {
  text-align: center;
  height: 100%;
  background: #013150;
  padding: 1em; }

.maintainance h2 {
  color: white;
  margin-top: 0.5em; }

/* ---------- links ------------ */
a {
  color: #d49500; }

a:hover, a.active, a:active, a:focus {
  color: rgba(212, 149, 0, 0.5); }

a.group-linkgroup {
  color: #333;
  height: 100%; }

.navigation-08-header a {
  color: #013150; }

.navigation-08-header a:hover {
  color: #3d5a7b;
  text-decoration: underline; }

/* ---------- typography titles ----------- */
body {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 400;
  color: #333;
  background-color: #f9f9f8 !important;
  font-size: 100%;
  line-height: 150%; }

h1, h2, h3, h4, h5 {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 800;
  line-height: 120%;
  margin-bottom: 0.5em; }

h1 {
  font-size: 200%;
  margin-bottom: 1em;
  color: #2a5178; }

h2 {
  font-size: 130%;
  margin-top: 2em;
  color: #2a5178; }

h3 {
  font-size: 130%;
  margin-top: 1em;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0rem; }

.page-node-add h3 {
  font-weight: 700;
  font-size: 1.1rem; }

h1.title {
  margin-top: 1rem; }

h2.spitzmarke {
  font-size: 130%;
  margin-bottom: 1em;
  margin-top: 0; }

h3.spitzmarke {
  font-weight: 800;
  font-size: 100%; }

.font-bold {
  font-weight: 700; }

p {
  margin-bottom: 1em; }

.field-type-text-long li, .detailtext li, .cke_editable li, .field-name-body li, .sgg-event-detail li {
  list-style-type: disc;
  margin-left: 1em;
  line-height: 140%; }

.field-type-text-long ul, .detailtext ul, .cke_editable ul, .field-name-body ul, .sgg-event-detail ul {
  margin: 1rem 0rem;
  margin-bottom: 2em;
  margin-top: 0.5rem; }

em {
  font-style: italic; }

.area-bright, .area-callout, .area-action {
  padding: 0.5rem;
  margin-bottom: 0.5rem; }

.area-bright {
  border: 1px #ccc solid;
  background: #f6f6f6; }

.area-callout {
  border: 1px #ccc solid;
  background: #3d5a7b;
  color: white; }

.area-action {
  border: 1px #ccc solid;
  background: #d49500;
  color: white; }

/*
h1 {font-weight: $font-normal}
h3 {font-size:100%;font-weight: $font-bold;margin-top:1em;margin-bottom:0.5rem}
h1.haupttitel, h1.title {font-size:1.8em;padding-bottom:1em;font-weight: $font-bold;}
h2.vorschau-titel {font-size:1.3em;padding:0em 0em 0.8em 0em;}
h2 {padding:0;font-size:1.4rem;font-weight: $font-bold;margin:2rem 0rem 1rem 0rem}
h2.spitzmarke {font-size:1em;padding:0em 0em 1em 0em;color:$text-secondary;font-weight: $font-bold;text-transform:uppercase;margin-top:0.5rem}
h3.spitzmarke {font-size:1em;padding:0em 0em 1em 0em;color:$text-secondary;font-weight: $font-bold}
.node ul {margin:1em 0em 1em 1em;list-style-type:disc;list-style-position:inside}
.card-copy p {font-size:0.9rem}
.no-margin-top {margin-top:0}
.no-padding-top {padding-top:0}
.no-padding-side {padding-left:0 !important;padding-right:0 !important}
h3.blog-titel-vorschau {margin-top:0.3rem}
.font-bold {font-weight:$font-bold}
.shopright h3 {margin-top:0}
.field-name-body h2 {padding:1.4rem 0rem 1rem 0rem;font-size:1.2rem}
.field-name-body p {font-size:0.9rem}
.group-autordatum {border-bottom:1px $divider solid;margin-bottom:1rem}

*/
/* -------------- 02 Typography Styles --------------> */
.typo-small {
  color: #999;
  font-size: 0.8rem; }

.typo-eyebrow {
  color: #999;
  font-weight: 700; }

.typo-lead {
  font-size: 1.2rem; }

.no-line-height {
  line-height: 0; }

.rollover-subtle {
  border: 1px #ddd solid;
  cursor: pointer;
  background: red; }

/* accessible element */
ul#skip-nav li {
  margin: 0; }

ul#skip-nav a:focus {
  padding: 0rem;
  color: white;
  background: white;
  color: #3d5a7b;
  padding: 0.5rem;
  display: block;
  width: 100%; }

.flexy-menu a:focus {
  background: white;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* ---------- typograph paragraphs ---------- */
p, .node li {
  font-size: 100%;
  line-height: 160%; }

p.leadtext {
  font-size: 120%;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 140%; }

div.bildlegende {
  font-size: 80%;
  margin-bottom: 0em; }

/* formatting in WYSIWYG */
div.caption p.caption-text {
  font-size: 90%; }

div.caption-inner {
  padding: 1em; }

.fliesstext-auszeichnung-1 {
  background: #3d5a7b;
  color: white; }

.fliesstext-auszeichnung-2 {
  background: #eee; }

.fliesstext-zitat-quelle {
  font-size: 100%;
  color: #888; }

div.fliesstext-legende {
  font-size: 90%;
  margin: 0em 0em 2em; }

div.fliesstext-zitat {
  border-left: 4px #4d8dde solid;
  padding-left: 1em;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 140%;
  margin: 1.3em 0em;
  font-size: 1.2rem;
  background: rgba(61, 90, 123, 0.15);
  padding: 1rem; }

.node div.fliesstext-zitat div {
  font-size: 140%;
  line-height: 130%;
  margin-bottom: 0.5rem; }

img.image-artikelbild {
  margin-top: 1em; }

/* ---------- file icons ---------- */
.file-icon {
  width: 24px !important;
  margin-right: 4px;
  display: block;
  float: left; }

.file a {
  display: block;
  margin-left: 2.5em; }

td .file a {
  padding-top: 0.5rem; }

.dokument-bereich a, .dokument-gruppe a {
  background-color: white;
  float: left;
  padding: 0.3rem;
  margin-right: 0.5rem;
  line-height: 100%;
  font-size: 80%; }

.dokument-gruppe a {
  background: #ddd; }

/* ---------- images ---------- */
.view-mode-full .field-name-field-featured-image img {
  margin-bottom: 0.5em;
  width: auto; }

.view-mode-full .field-name-field-featured-image img.sgg-bereichsbild-breit--crop- {
  margin-bottom: 0.5em;
  width: 100%; }

.node-veranstaltungen.view-mode-full .field-name-field-featured-image img {
  margin-bottom: 0.5em;
  width: auto; }

.sgg-views-top-image img {
  width: 100%; }

.sgg-views-top-image {
  padding: 1rem;
  background: white;
  margin-bottom: 1rem;
  line-height: 100%; }

/* ---------- header elements ---------- */
.breadcrumb {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 400;
  padding-bottom: 0;
  font-size: 80%;
  color: #888; }

.mazze-breadcrumb {
  padding: 0.4em 1.2em;
  border-bottom: 1px #eee solid;
  margin: 0rem 1rem; }

.area-title {
  background: #333;
  padding: 10px 25px;
  height: 10rem; }

.area-title h1 {
  font-weight: 400;
  color: rgba(61, 90, 123, 0.15);
  font-size: 200%;
  margin-top: 1.2em;
  margin-bottom: 0.3em;
  line-height: 120%; }

/* ---------- tables ---------- */
.node table {
  table-layout: auto;
  margin: 2em 0em; }
  .node table tr {
    min-width: 20%; }
  .node table tr.odd {
    background: #eee; }
  .node table tr.even {
    background: white; }
  .node table tr td, .node table caption {
    padding: 0.3em; }
  .node table tr a {
    text-decoration: underline; }
  .node table caption {
    text-align: left;
    background: #eee;
    font-weight: 800; }

.front-read-more {
  padding: 1rem;
  font-weight: 700;
  font-size: 0.8rem; }

/* autor */
.view-autor {
  display: block;
  background: #eee;
  padding: 1em;
  padding-bottom: 0.5em;
  margin-bottom: 1px; }
  .view-autor div.autor-bild {
    width: 80px; }
  .view-autor div.autor-bild img {
    margin-bottom: 10px; }
  .view-autor div.autor-about p {
    font-size: 90%;
    line-height: 110%; }
  .view-autor .views-field-field-user-picture {
    float: left; }

/* ---------- FAQ elements ---------- */
.cd-faq-items a {
  background: #3d5a7b;
  color: rgba(61, 90, 123, 0.15); }

.cd-faq-items a:hover {
  color: white; }

/* ---------- search ------------ */
body.logged-in .cd-search.mega-search {
  margin-top: 80px; }

/* ---------- tabs ------------ */
ul.cd-tabs-content, .cd-tabs-navigation a.selected {
  background: #eee; }

#cd-top-nav a, .cd-menu-text {
  font-family: "aktiv-grotesk", Helvetica, Arial;
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase; }

a#cd-logo {
  color: #3d5a7b;
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 400;
  font-size: 120%;
  line-height: 120%; }
  @media only screen and (min-width: 800px) {
    a#cd-logo {
      font-size: 160%;
      line-height: 80%; } }

#cd-lateral-nav li {
  font-family: "aktiv-grotesk", Helvetica, Arial; }

#cd-lateral-nav ul.inline li {
  padding: 0; }

.cd-menu-icon {
  margin-top: -2px; }

#cd-top-nav ul {
  padding-top: 15px; }

.logo-byline {
  display: block;
  color: rgba(61, 90, 123, 0.15);
  padding-top: 30px;
  margin-left: 13.2em;
  display: none; }
  @media only screen and (min-width: 1100px) {
    .logo-byline {
      display: block; } }

/* haupt-navigation */
.haupt-navigation {
  background: #eee;
  padding: 1em; }

.haupt-navigation ul.menu li {
  list-style: none outside none;
  margin: 0;
  font-family: "aktiv-grotesk", Helvetica, Arial;
  font-weight: 900; }

.haupt-navigation ul.menu li ul li {
  margin-left: 1em; }

/* ----------------------------

Panopoly Layouts

---------------------------- */
.landing-fullwidth-1 h2 {
  font-size: 100%;
  padding: 0.5rem 0rem; }

.landing-fullwidth-1 p.listen-element {
  border-bottom: 1px white solid;
  padding: 0.5em 0em; }

.landing-fullwidth-1 .card-copy p {
  line-height: 130%;
  font-size: 90%; }

.landing-fullwidth-1 .panel-1 {
  text-align: center;
  background: #ccc; }

.landing-fullwidth-1 .panel-2 {
  background: #ddd;
  color: #333;
  padding: 2em 0em; }

.landing-fullwidth-1 .panel-3 {
  background: #eee;
  color: #333;
  padding: 2em 0em; }

.landing-fullwidth-1 .panel-4 {
  background: #f6f6f6;
  color: #333;
  padding: 2em 0em; }

/* ----------------------------

Display Suite Templates

---------------------------- */
.teaser-2sp-wrapper {
  background: white;
  display: block;
  margin-top: 1rem; }
  .teaser-2sp-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .teaser-2sp-wrapper h3.spitzmarke {
    margin-top: 0;
    padding-top: 0; }

.teaser-2sp-wrapper .links {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin-bottom: 1em;
  padding: 0em;
  padding-bottom: 0em; }
  .teaser-2sp-wrapper .links:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .teaser-2sp-wrapper .links {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin-right: 0; }
      .teaser-2sp-wrapper .links:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .teaser-2sp-wrapper .links {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      margin-right: 0; }
      .teaser-2sp-wrapper .links:last-child {
        margin-right: 0; } }
  .teaser-2sp-wrapper .links img {
    width: 100%; }

.teaser-2sp-wrapper .rechts {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em 1em 0em; }
  .teaser-2sp-wrapper .rechts:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .teaser-2sp-wrapper .rechts {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%;
      padding-left: 2em; }
      .teaser-2sp-wrapper .rechts:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .teaser-2sp-wrapper .rechts {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      padding-left: 2em; }
      .teaser-2sp-wrapper .rechts:last-child {
        margin-right: 0; } }

@media only screen and (min-width: 800px) {
  .flexy-menu > li .indicator {
    display: none !important; } }

.node-veranstaltungen .teaser-2sp-wrapper .links img {
  width: auto; }

.node-veranstaltungen .teaser-2sp-wrapper .links {
  text-align: center;
  margin-bottom: 0; }

/* facts */
.fact-wrapper {
  background: white;
  border: 1px #eee solid;
  padding: 1rem;
  margin-bottom: 0.5rem; }
  .fact-wrapper .label-above {
    font-size: 90%;
    color: #888;
    line-height: 150%;
    border-bottom: 1px #eee solid;
    margin-bottom: 0.5rem; }

.fact-item {
  font-size: 140%;
  font-weight: 800;
  color: #888; }

.event-detailbeschrieb {
  background: white;
  padding: 1rem;
  margin-bottom: 1rem; }
  .event-detailbeschrieb h2 {
    font-size: 90%;
    margin-top: 1.6rem;
    margin-bottom: 0.5rem; }
  .event-detailbeschrieb p {
    font-size: 90%; }

/* person */
.person-vorname::after {
  content: ' '; }

.person-name, .person-vorname {
  font-weight: 800; }

.node-person {
  font-size: 120%;
  padding-bottom: 1em; }

.view-mode-search_index {
  padding-bottom: 0em;
  padding: 1rem;
  background: #f6f6f6;
  margin-bottom: 1rem; }
  .view-mode-search_index h2 {
    margin: 0.5rem 0rem; }

/* basisartikel */
.node-basisartikel.node-promoted {
  padding-bottom: 1rem; }

.suchtext-result h2 {
  font-size: 100%;
  margin: 0; }

.node-basisartikel.view-mode-full {
  background: white;
  padding: 1rem; }

/* produkte */
.landingprodukte .card-header, .landing-produkte-2 .card-header {
  font-size: 100%;
  font-weight: 800;
  padding: 0.5em;
  margin-top: 0.5em; }

/* call to action paragraph */
.calltoaction-wrapper {
  line-height: 200%;
  text-align: left; }

h2.cta-title {
  color: #333;
  font-weight: 800;
  margin: 0;
  padding: 0; }

h4.cta-sub {
  color: #888;
  font-weight: 400;
  font-size: 110%;
  line-height: 120%;
  margin-top: 0.5rem; }

.cta-button a {
  background: #d49500;
  color: white;
  border: none;
  margin-top: 0.5em; }

.cta-button a:hover {
  background: #a17100; }

/* service menu */
.region-service-menu {
  text-align: right; }

.region-service-menu ul {
  display: block;
  list-style: none outside none; }

.region-service-menu ul li {
  padding: 0.5em;
  list-style: none outside none;
  margin: 0; }

/* footer menu */
.footer-menu-wrapper {
  text-align: center;
  padding: 1em 0em;
  background: white;
  float: left;
  width: 100%;
  margin-bottom: 0em; }

.footer-menu ul {
  float: left;
  margin-top: 0.8em; }

.footer-menu li {
  float: left;
  margin-right: 1em;
  line-height: 160%;
  height: 2rem; }

.footer-menu li a {
  color: #274d72;
  font-size: 90%; }

.footer-menu li a:hover {
  color: white; }

.site-name-footer {
  font-size: 110%;
  margin-right: 1em;
  line-height: 280%;
  color: white;
  padding-bottom: 0.5em; }
  @media only screen and (min-width: 800px) {
    .site-name-footer {
      float: left;
      padding-bottom: 0; } }

/* social icons */
.social-icons {
  float: right; }

.social-icons a {
  font-size: 200%;
  color: #888;
  margin-left: 5px; }

.social-icons a:hover {
  color: white; }

/* FPP Definitions */
/* bereichstitel */
.pane-bundle-bereichstitel {
  text-align: left;
  padding: 0rem 0rem;
  float: left;
  width: 100%; }
  .pane-bundle-bereichstitel h2, .pane-bundle-bereichstitel h3 {
    font-size: 200%;
    margin: 0;
    padding: 0;
    color: #07335a; }
  .pane-bundle-bereichstitel h3 {
    font-weight: normal;
    margin-top: 0.3rem;
    margin-bottom: 2rem; }
  .pane-bundle-bereichstitel h2 {
    padding-top: 1rem; }

.pane-bundle-titel-und-leadtext {
  float: left;
  width: 100%;
  clear: both; }

/* section */
.section1-wrapper h3, .section2-wrapper h3 {
  font-size: 160%;
  margin-top: 0;
  margin-bottom: 1rem; }

.section1-wrapper p, .section2-wrapper p {
  margin-bottom: 1rem; }

.section1-wrapper .section-button, .section2-wrapper .section-button {
  background: #d49500;
  display: inline;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 130%; }

.section1-wrapper .section-button a, .section2-wrapper .section-button a {
  color: white; }

.section1-wrapper .field-name-field-featured-image img, .section2-wrapper .field-name-field-featured-image img {
  margin: 0; }

/* cta call to action */
.pane-bundle-call-to-action {
  text-align: center;
  padding-bottom: 2rem; }
  .pane-bundle-call-to-action .field-name-field-fpp-subtitel {
    margin: 1rem 0rem; }

.cta-button-1 {
  background: #d49500;
  display: inline;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 130%;
  color: white;
  margin-top: 1rem; }

.cta-button-1 a {
  color: white; }

/* cta call to action one liner */
.pane-bundle-call-to-action-2 .cta-button-2-wrapper-1 a {
  background: #d49500;
  display: inline;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 130%;
  color: white;
  margin-top: 1rem; }

.pane-bundle-call-to-action-2 .cta-button-2-wrapper-2 a {
  background: white;
  display: inline;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 130%;
  margin-top: 1rem; }

.pane-bundle-call-to-action-2 .cta-title-2, .pane-bundle-call-to-action-2 .cta-button-2-wrapper-2, .pane-bundle-call-to-action-2 .cta-button-2-wrapper-1 {
  display: inline-block;
  margin-left: 0.5rem; }

.pane-bundle-call-to-action-2 .pane-content {
  text-align: center;
  width: auto;
  padding: 1rem; }

.pane-bundle-call-to-action-2 h4 {
  font-weight: normal; }

/* download image */
.pane-bundle-download-image .btn-small {
  background: #d49500;
  display: inline;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 100%; }

.pane-bundle-download-image a.btn-small {
  color: white; }

.pane-bundle-download-image h3 {
  margin-top: 0.5rem; }

.pane-bundle-download-image .field-name-download {
  margin-top: 0.5rem; }

.views-sgg-header {
  padding: 1rem;
  background: white; }

/* photoswipe gallery */
.pswp__caption__center {
  text-align: center;
  max-width: 100%;
  background: #333;
  font-size: 130%;
  padding: 1em; }

.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
  background: #333;
  color: white; }

a.pswp__share--facebook:hover,
a.pswp__share--twitter:hover,
a.pswp__share--pinterest:hover,
a.pswp__share--download:hover {
  background: #3d5a7b; }

.pswp button {
  background-color: #333; }

/* produkte */
.node-promotionsbox h3.spitzmarke {
  padding: 0.5em; }

.node-promotionsbox h2 {
  font-size: 100%;
  font-weight: 800;
  padding: 0.5em;
  margin-top: 0.5em; }

.node-promotionsbox p {
  font-size: 100%;
  line-height: 140%;
  padding: 0em 0.5em 1em 0.5em;
  font-weight: 400;
  margin-bottom: 0; }

/* veranstaltungen */
.node-veranstaltungen.node-teaser {
  margin-bottom: 1em;
  background: white; }
  @media only screen and (min-width: 480px) {
    .node-veranstaltungen.node-teaser {
      padding: 1em; } }
  @media only screen and (min-width: 800px) {
    .node-veranstaltungen.node-teaser {
      padding: 0em; } }
  .node-veranstaltungen.node-teaser #edit-submit {
    background: #3d5a7b; }

.node-veranstaltungen.node-teaser p {
  margin: 0; }

.node-veranstaltungen.node-teaser .event-wrap-1 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  margin: 0em 1em; }
  .node-veranstaltungen.node-teaser .event-wrap-1:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .node-veranstaltungen.node-teaser .event-wrap-1 {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      padding-left: 1em;
      margin: 1em 0em 1em 0em; }
      .node-veranstaltungen.node-teaser .event-wrap-1:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .node-veranstaltungen.node-teaser .event-wrap-1 {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      margin: 1em 0em 1em 0em; }
      .node-veranstaltungen.node-teaser .event-wrap-1:last-child {
        margin-right: 0; } }

.node-veranstaltungen #registration-form input[type="submit"] {
  background: #3d5a7b;
  color: white; }

.node-veranstaltungen #registration-form input[type="submit"]:hover {
  background: #013150; }

.node-veranstaltungen #registration-form input[type="text"], .node-veranstaltungen #registration-form select {
  margin-bottom: 0; }

.node-veranstaltungen #registration-form .description {
  font-size: 90%; }

#block-block-4 {
  background: white;
  padding: 1rem; }

.node-veranstaltungen .label-inline {
  float: left;
  font-weight: 800; }

.node-veranstaltungen .sgg-event-datum, .node-veranstaltungen .sgg-event-ort, .node-veranstaltungen .sgg-event-detail, .node-veranstaltungen .sgg-event-veranstalter, .node-veranstaltungen .sgg-event-url, .node-veranstaltungen .sgg-event-link {
  border-bottom: 1px #eee solid;
  padding: 0.3rem 0rem; }

.node-veranstaltungen .sgg-event-detail {
  padding: 1rem 0rem; }

.node-veranstaltungen h2 {
  font-size: 130%; }

.node-veranstaltungen table {
  margin: 0;
  margin-top: 1rem; }

.node-veranstaltungen th {
  padding: 0.3rem;
  font-size: 09%;
  color: #888; }

.node-veranstaltungen .teaser-2sp-wrapper .rechts {
  padding-bottom: 0; }

.cd-popup {
  z-index: 100; }

.mybar {
  background: #3d5a7b;
  color: white;
  padding: 0.5em 1rem;
  line-height: 110%;
  font-size: 90%; }
  .mybar a:link, .mybar a:visited, .mybar a {
    color: white; }

/* commerce */
ol.inline.commerce-checkout-progress li {
  width: 25%;
  padding: 1rem;
  background: white;
  text-align: center;
  border-left: 1px #eee solid; }

ol.inline.commerce-checkout-progress li.active {
  background: #3d5a7b;
  color: white; }

.site-name-07-mobile h2 {
  padding: 0.7rem;
  font-size: 140%;
  background: #3d5a7b;
  color: white;
  display: block; }

/* logo slider */
.view-logoslider .slide__content {
  background: white;
  border: 1px #ddd solid;
  padding: 1rem 2rem;
  text-align: center; }
  @media only screen and (min-width: 1100px) {
    .view-logoslider .slide__content {
      padding: 1rem; } }

/* hero slider slider */
.view-id-her_image_slider .slick-arrow::before {
  color: white; }

.view-id-her_image_slider .node--hero-panel-element {
  position: relative;
  height: 20em;
  padding: 1rem; }
  @media only screen and (min-width: 800px) {
    .view-id-her_image_slider .node--hero-panel-element {
      height: 24rem; } }
  @media only screen and (min-width: 1100px) {
    .view-id-her_image_slider .node--hero-panel-element {
      height: 32rem; } }
  .view-id-her_image_slider .node--hero-panel-element h2 {
    background: #3d5a7b;
    color: white;
    display: inline-block;
    padding: 0.3rem; }
  .view-id-her_image_slider .node--hero-panel-element h4 {
    color: white;
    padding: 0.3rem;
    font-weight: 400; }
  .view-id-her_image_slider .node--hero-panel-element .button01.primary {
    background: #d49500; }
  .view-id-her_image_slider .node--hero-panel-element .button01.primary a {
    color: white; }
  .view-id-her_image_slider .node--hero-panel-element .group-typogroup {
    bottom: 1rem;
    left: 1rem;
    position: absolute; }

/* geofield */
.geofield {
  background: white;
  padding: 0rem;
  border: 1px #eee solid;
  margin-top: 2rem; }

/* testimonials */
.testimonial-name {
  font-weight: bold; }

.testimonial-image {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle; }

.group-testimonial-personen {
  display: inline-block;
  vertical-align: middle;
  text-align: left; }

.node .group-testimonial-personen div {
  line-height: 120%;
  font-size: 90%; }

.view-mode-testimonial {
  margin-bottom: 3rem !important;
  text-align: center; }

.videoliste-wrapper {
  border-bottom: 1px #eee solid; }
  .videoliste-wrapper .links {
    width: 49%;
    display: inline-block; }
  .videoliste-wrapper .rechts {
    width: 49%;
    display: inline-block; }

.dok-neu-datum {
  font-size: 90%; }

.dok-neu-titel {
  font-weigiht: 700; }

/* teaser klein */
.subteaser-2sp-wrapper {
  display: table;
  background: white;
  width: 100%; }

.subteaser-2sp-wrapper .links {
  display: table-cell;
  width: 100px;
  line-height: 0; }

.subteaser-2sp-wrapper .rechts {
  display: table-cell;
  vertical-align: top;
  padding-left: 1rem;
  padding-top: 0.7rem;
  line-height: 100%; }

.subteaser-2sp-wrapper .rechts p {
  line-height: 120%;
  font-size: 90%;
  margin-top: 0.5rem; }

.subteaser-2sp-wrapper .rechts h2 {
  font-size: 110%; }

/* .http://jsfiddle.net/SpSjL/


/* -------------- 02 Responsive Table --------------> */
.view-blg-ansichten.view-display-id-panel_pane_7 .view-content,
.view-bas-ansichten.view-display-id-panel_pane_7 .view-content,
.view-evt-ansichten.view-display-id-panel_pane_7 .view-content,
.view-job-ansichten.view-display-id-panel_pane_7 .view-content,
.view-prod-ansichten.view-display-id-panel_pane_7 .view-content,
.view-tsm-ansichten.view-display-id-panel_pane_7 .view-content,
.view-shp-ansichten.view-display-id-panel_pane_7 .view-content,
.view-lsn-ansichten.view-display-id-panel_pane_7 .view-content,
.view-dok-ansichten.view-display-id-panel_pane_7 .view-content,
.view-tng-ansichten.view-display-id-panel_pane_7 .view-content,
.view-per-ansichten.view-display-id-panel_pane_7 .view-content,
.view-dok-ansichten.view-display-id-panel_pane_5 .view-content,
.view-sgg-suche-weiterbildung-db- .view-content,
.view-taxonomy-term .view-content,
.pane-bundle-download-file .fieldable-panels-pane,
.view-sgg-news-table .view-content {
  display: table;
  width: 100%;
  table-layout: auto; }

.responsive-table-row {
  display: block;
  background: white;
  margin-top: 1rem; }
  @media only screen and (min-width: 800px) {
    .responsive-table-row {
      margin-top: 0rem;
      display: table-row; } }
  .responsive-table-row:hover {
    cursor: pointer;
    background: rgba(61, 90, 123, 0.15); }

.responsive-table-cell, .responsive-table-row .commerce-product-field {
  display: block;
  border-bottom: 1px #ccc solid;
  padding: 0.5rem 1rem; }
  @media only screen and (min-width: 800px) {
    .responsive-table-cell, .responsive-table-row .commerce-product-field {
      display: table-cell;
      width: auto;
      vertical-align: middle;
      padding: 1rem;
      height: 3rem;
      font-size: 90%;
      line-height: 120%;
      vertical-align: top; } }

.responsive-table-cell img {
  width: 80px; }

.fieldable-panels-pane .responsive-table-cell img.file-icon {
  width: 32px;
  clear: both; }

.view-id-dok_ansichten .responsive-table-cell img.file-icon {
  width: 32px; }

/* zwischentitel */
.view-dok-ansichten .list-title {
  background: blue;
  width: 100%;
  display: table;
  width: 100%;
  table-layout: auto; }

/* -------------- 02 Teaser Hover ------------------- */
.hover-tile-outer {
  background: url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png");
  background-color: beige;
  background-position: top;
  background-size: cover;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  cursor: pointer;
  height: 12em;
  margin-bottom: 1.5; }
  .hover-tile-outer .hover-tile-container {
    height: 12em;
    overflow: hidden; }
  .hover-tile-outer .hover-tile-container:hover > .hover-tile {
    transform: translate(0, -100%); }
  .hover-tile-outer .hover-tile {
    background: inherit;
    color: white;
    height: inherit;
    overflow: hidden;
    padding: 1.5em;
    transition: all 0.2s ease-in-out; }
  .hover-tile-outer .hover-tile-hidden {
    background: rgba(0, 0, 0, 0.5); }
    .hover-tile-outer .hover-tile-hidden p {
      color: rgba(255, 255, 255, 0.7);
      line-height: 1.5; }
    .hover-tile-outer .hover-tile-hidden h4 {
      margin: 0 0 0.5em 0; }

.view-blg-ansichten.view-display-id-panel_pane_5 {
  display: block;
  margin-bottom: 1rem; }

.view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
.view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  width: 50%; }
  .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3, .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p,
  .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h3,
  .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover p {
    color: white;
    font-size: 100%; }
  .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small,
  .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover .typo-small {
    color: white; }
  .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2,
  .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover h2 {
    font-size: 130%;
    margin-bottom: 0.5rem; }
  .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
  .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      width: 33.3%; }
      .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover,
    .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      width: 25%; }
      .view-blg-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-evt-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-prod-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-bas-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-tsm-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-shp-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child,
      .view-lsn-ansichten.view-display-id-panel_pane_5 .views-row .image-teaser-text-hover:last-child {
        margin-right: 0; } }

.blogdetail .hauptspalte {
  background: white;
  padding: 1rem;
  margin-bottom: 3rem; }

.node-blog img {
  width: 100%; }

.node-blog .group-autordatum {
  border-bottom: 1px #eee solid;
  margin-bottom: 1rem;
  font-size: 90%; }

/* -------------- 02 BLOG Content Type --------------> */
/* blog */
.node-personen.view-mode-teaser h2, .node-blog.view-mode-teaser h2, .node-basisartikel.view-mode-teaser h2, .node-veranstaltungen.view-mode-teaser h2, .node-joboffer.view-mode-teaser h2, .node-produkt.view-mode-teaser h2, .node-testimonial.view-mode-teaser h2, .node-shopdisplay.view-mode-teaser h2, .node-lektion.view-mode-teaser h2 {
  margin: 0rem 0rem 1rem 0rem; }

.node-personen.view-mode-teaser .typo-small, .node-blog.view-mode-teaser .typo-small, .node-basisartikel.view-mode-teaser .typo-small, .node-veranstaltungen.view-mode-teaser .typo-small, .node-joboffer.view-mode-teaser .typo-small, .node-produkt.view-mode-teaser .typo-small, .node-testimonial.view-mode-teaser .typo-small, .node-shopdisplay.view-mode-teaser .typo-small, .node-lektion.view-mode-teaser .typo-small {
  border-bottom: 1px #eee solid;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }

.node-personen.view-mode-teaser .teaser-2sp-wrapper, .node-blog.view-mode-teaser .teaser-2sp-wrapper, .node-basisartikel.view-mode-teaser .teaser-2sp-wrapper, .node-veranstaltungen.view-mode-teaser .teaser-2sp-wrapper, .node-joboffer.view-mode-teaser .teaser-2sp-wrapper, .node-produkt.view-mode-teaser .teaser-2sp-wrapper, .node-testimonial.view-mode-teaser .teaser-2sp-wrapper, .node-shopdisplay.view-mode-teaser .teaser-2sp-wrapper, .node-lektion.view-mode-teaser .teaser-2sp-wrapper {
  background: white;
  padding: 1rem;
  border: 1px white solid; }
  .node-personen.view-mode-teaser .teaser-2sp-wrapper:hover, .node-blog.view-mode-teaser .teaser-2sp-wrapper:hover, .node-basisartikel.view-mode-teaser .teaser-2sp-wrapper:hover, .node-veranstaltungen.view-mode-teaser .teaser-2sp-wrapper:hover, .node-joboffer.view-mode-teaser .teaser-2sp-wrapper:hover, .node-produkt.view-mode-teaser .teaser-2sp-wrapper:hover, .node-testimonial.view-mode-teaser .teaser-2sp-wrapper:hover, .node-shopdisplay.view-mode-teaser .teaser-2sp-wrapper:hover, .node-lektion.view-mode-teaser .teaser-2sp-wrapper:hover {
    border: 1px #eee solid;
    cursor: pointer; }

.node-personen.view-mode-teaser_text, .node-blog.view-mode-teaser_text, .node-basisartikel.view-mode-teaser_text, .node-veranstaltungen.view-mode-teaser_text, .node-joboffer.view-mode-teaser_text, .node-produkt.view-mode-teaser_text, .node-testimonial.view-mode-teaser_text, .node-shopdisplay.view-mode-teaser_text, .node-lektion.view-mode-teaser_text {
  padding: 0.5rem 0.5rem !important;
  margin-bottom: 0rem;
  border-bottom: 1px white solid; }
  .node-personen.view-mode-teaser_text h3, .node-blog.view-mode-teaser_text h3, .node-basisartikel.view-mode-teaser_text h3, .node-veranstaltungen.view-mode-teaser_text h3, .node-joboffer.view-mode-teaser_text h3, .node-produkt.view-mode-teaser_text h3, .node-testimonial.view-mode-teaser_text h3, .node-shopdisplay.view-mode-teaser_text h3, .node-lektion.view-mode-teaser_text h3 {
    margin: 0;
    font-size: 90%;
    font-weight: 700; }
  .node-personen.view-mode-teaser_text:hover, .node-blog.view-mode-teaser_text:hover, .node-basisartikel.view-mode-teaser_text:hover, .node-veranstaltungen.view-mode-teaser_text:hover, .node-joboffer.view-mode-teaser_text:hover, .node-produkt.view-mode-teaser_text:hover, .node-testimonial.view-mode-teaser_text:hover, .node-shopdisplay.view-mode-teaser_text:hover, .node-lektion.view-mode-teaser_text:hover {
    cursor: pointer;
    background: #eee; }

.node-personen.view-mode-teaser_small, .node-blog.view-mode-teaser_small, .node-basisartikel.view-mode-teaser_small, .node-veranstaltungen.view-mode-teaser_small, .node-joboffer.view-mode-teaser_small, .node-produkt.view-mode-teaser_small, .node-testimonial.view-mode-teaser_small, .node-shopdisplay.view-mode-teaser_small, .node-lektion.view-mode-teaser_small {
  float: left;
  width: 100%; }
  .node-personen.view-mode-teaser_small h3, .node-blog.view-mode-teaser_small h3, .node-basisartikel.view-mode-teaser_small h3, .node-veranstaltungen.view-mode-teaser_small h3, .node-joboffer.view-mode-teaser_small h3, .node-produkt.view-mode-teaser_small h3, .node-testimonial.view-mode-teaser_small h3, .node-shopdisplay.view-mode-teaser_small h3, .node-lektion.view-mode-teaser_small h3 {
    margin: 0;
    font-size: 90%;
    font-weight: 700; }
  .node-personen.view-mode-teaser_small:hover, .node-blog.view-mode-teaser_small:hover, .node-basisartikel.view-mode-teaser_small:hover, .node-veranstaltungen.view-mode-teaser_small:hover, .node-joboffer.view-mode-teaser_small:hover, .node-produkt.view-mode-teaser_small:hover, .node-testimonial.view-mode-teaser_small:hover, .node-shopdisplay.view-mode-teaser_small:hover, .node-lektion.view-mode-teaser_small:hover {
    cursor: pointer; }
  .node-personen.view-mode-teaser_small .mazze-teasersmall, .node-blog.view-mode-teaser_small .mazze-teasersmall, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall, .node-joboffer.view-mode-teaser_small .mazze-teasersmall, .node-produkt.view-mode-teaser_small .mazze-teasersmall, .node-testimonial.view-mode-teaser_small .mazze-teasersmall, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall, .node-lektion.view-mode-teaser_small .mazze-teasersmall {
    background: white;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .node-personen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-blog.view-mode-teaser_small .mazze-teasersmall:last-child, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall:last-child, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-joboffer.view-mode-teaser_small .mazze-teasersmall:last-child, .node-produkt.view-mode-teaser_small .mazze-teasersmall:last-child, .node-testimonial.view-mode-teaser_small .mazze-teasersmall:last-child, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall:last-child, .node-lektion.view-mode-teaser_small .mazze-teasersmall:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .node-personen.view-mode-teaser_small .mazze-teasersmall, .node-blog.view-mode-teaser_small .mazze-teasersmall, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall, .node-joboffer.view-mode-teaser_small .mazze-teasersmall, .node-produkt.view-mode-teaser_small .mazze-teasersmall, .node-testimonial.view-mode-teaser_small .mazze-teasersmall, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall, .node-lektion.view-mode-teaser_small .mazze-teasersmall {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        .node-personen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-blog.view-mode-teaser_small .mazze-teasersmall:last-child, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall:last-child, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-joboffer.view-mode-teaser_small .mazze-teasersmall:last-child, .node-produkt.view-mode-teaser_small .mazze-teasersmall:last-child, .node-testimonial.view-mode-teaser_small .mazze-teasersmall:last-child, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall:last-child, .node-lektion.view-mode-teaser_small .mazze-teasersmall:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .node-personen.view-mode-teaser_small .mazze-teasersmall, .node-blog.view-mode-teaser_small .mazze-teasersmall, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall, .node-joboffer.view-mode-teaser_small .mazze-teasersmall, .node-produkt.view-mode-teaser_small .mazze-teasersmall, .node-testimonial.view-mode-teaser_small .mazze-teasersmall, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall, .node-lektion.view-mode-teaser_small .mazze-teasersmall {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%; }
        .node-personen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-blog.view-mode-teaser_small .mazze-teasersmall:last-child, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall:last-child, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall:last-child, .node-joboffer.view-mode-teaser_small .mazze-teasersmall:last-child, .node-produkt.view-mode-teaser_small .mazze-teasersmall:last-child, .node-testimonial.view-mode-teaser_small .mazze-teasersmall:last-child, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall:last-child, .node-lektion.view-mode-teaser_small .mazze-teasersmall:last-child {
          margin-right: 0; } }
    .node-personen.view-mode-teaser_small .mazze-teasersmall:hover, .node-blog.view-mode-teaser_small .mazze-teasersmall:hover, .node-basisartikel.view-mode-teaser_small .mazze-teasersmall:hover, .node-veranstaltungen.view-mode-teaser_small .mazze-teasersmall:hover, .node-joboffer.view-mode-teaser_small .mazze-teasersmall:hover, .node-produkt.view-mode-teaser_small .mazze-teasersmall:hover, .node-testimonial.view-mode-teaser_small .mazze-teasersmall:hover, .node-shopdisplay.view-mode-teaser_small .mazze-teasersmall:hover, .node-lektion.view-mode-teaser_small .mazze-teasersmall:hover {
      background: #eee; }

/* -------------- 02 Product Modal Content --------------> */
.modal-content .links {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .modal-content .links:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .modal-content .links {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 40.29137%; }
      .modal-content .links:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .modal-content .links {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%; }
      .modal-content .links:last-child {
        margin-right: 0; } }

.modal-content .rechts {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }
  .modal-content .rechts h1 {
    margin-bottom: 1rem; }
  .modal-content .rechts .typo-small {
    margin-bottom: 1rem; }
  .modal-content .rechts:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .modal-content .rechts {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 57.35098%; }
      .modal-content .rechts:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .modal-content .rechts {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%; }
      .modal-content .rechts:last-child {
        margin-right: 0; } }

/* video lesson */
.node-type-lektion .node-lektion-premium-video {
  border-bottom: 1px #ccc solid;
  padding: 0.3rem 0rem; }

/* sbb */
.pane-bundle-titel-und-leadtext {
  margin: 1rem 0rem;
  padding: 0rem !important; }

.pane-bundle-titel-und-leadtext h2 {
  margin-bottom: 0.5rem; }

.card .card-header {
  border-radius: 3px 3px 0 0;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0.3rem 1rem !important; }
  .card .card-header a {
    color: #ed232a; }

.card h2.card-header {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  line-height: 120%; }

.card .card-copy {
  padding: 0.3rem 1rem !important; }
  .card .card-copy a {
    color: #333; }
  .card .card-copy p {
    line-height: 150%; }

.shopright p {
  line-height: 130%;
  font-size: 90%; }

.shopright li {
  line-height: 130%;
  font-size: 90%; }

.shopright p.leadtext {
  line-height: 130%;
  font-size: 120%; }

.maintext h2 {
  font-size: 110%;
  text-align: left; }

.maintext .view {
  font-size: 90%; }

.node-type-class h2, .node-type-course h2 {
  background: white;
  padding: 0; }

.node-type-class .einspaltig .field, .node-type-course .einspaltig .field {
  background: white;
  margin-bottom: 2px;
  padding: 0.5rem 1rem; }

.node-type-class .einspaltig .field p, .node-type-course .einspaltig .field p {
  font-size: 110%; }

.view-calendar {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 1em; }
  .view-calendar:last-child {
    margin-right: 0; }

.tooltip-item {
  display: inline-block;
  position: relative;
  text-align: left; }
  .tooltip-item:focus,
  .tooltip-item:hover .tooltip {
    opacity: 1;
    visibility: visible; }
  .tooltip-item .tooltip {
    position: absolute;
    right: 0;
    bottom: 3em;
    left: 0;
    background-color: white;
    background: rgba(61, 90, 123, 0.15);
    border-radius: 3px;
    box-shadow: 0 2px 2px silver;
    color: #333;
    font-size: 90%;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 16em;
    opacity: 0;
    padding: 1em;
    text-align: left;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    z-index: 10; }
    .tooltip-item .tooltip p {
      color: #333;
      line-height: 1.5;
      margin: 0; }
      .tooltip-item .tooltip p a {
        font-weight: 800; }
    .tooltip-item .tooltip::after {
      position: absolute;
      right: 0;
      left: 0;
      border: 8px solid transparent;
      bottom: -1.3em;
      color: white;
      content: " ";
      font-size: 140%;
      margin-left: -8px;
      text-align: center;
      text-shadow: 0 2px 2px silver; }

.menu-block-wrapper ul {
  list-style: none outside none;
  margin: 0; }

.menu-block-wrapper ul.menu li {
  margin: 0;
  margin-bottom: 1px;
  list-style: none outside none; }

.menu-block-wrapper ul li a {
  background: #eff3f6;
  list-style: none outside none;
  padding: 0.4rem 0.8rem;
  margin-bottom: 1px;
  font-size: 100%;
  width: 100%;
  display: block;
  color: #3d5a7b; }

.menu-block-wrapper a.active-trail {
  font-weight: 800;
  border-bottom: 2px #d49500 solid;
  background: white; }

.menu-block-wrapper a.active-trail.active {
  font-weight: 800; }

.menu-block-wrapper li.first.expanded {
  padding-bottom: 0; }

.menu-block-wrapper li.expanded, .menu-block-wrapper li.collapsed, .menu-block-wrapper li.leaf {
  padding: 0; }

.menu-block-wrapper ul li ul li a {
  padding-left: 0.8rem;
  background: #eff3f6; }

.menu-block-wrapper ul li a:hover {
  background: rgba(61, 90, 123, 0.15);
  color: #111; }

.menu-block-wrapper li.expanded a.active-trail {
  border-bottom: 1px #3d5a7b solid;
  background: #e5e8ef;
  margin-bottom: 0;
  color: #333; }

.menu-block-wrapper li.expanded ul li a.active-trail {
  border-bottom: none;
  background: white;
  color: #3d5a7b;
  border-bottom: 2px #d49500 solid; }

.menu-block-wrapper ul li a {
  background: #e5e8ef;
  font-weight: 700; }

.menu-block-wrapper ul li ul li a {
  font-weight: 400;
  padding-left: 2rem; }

.paragraphs-item-call-to-action {
  padding: 1rem 1rem;
  background: #3d5a7b;
  text-align: left; }
  .paragraphs-item-call-to-action h2 {
    color: white; }
  .paragraphs-item-call-to-action h4 {
    color: rgba(61, 90, 123, 0.15); }

.region-sidebar .block-facetapi h2 {
  margin: 0;
  padding: 0; }

.region-sidebar .block-facetapi {
  background: white;
  padding: 0rem 1rem; }
  .region-sidebar .block-facetapi .form-item.form-type-select {
    margin: 0;
    padding-bottom: 2rem; }

#block-facetapi-ajj3y0f2suv4blikojz6dogjcdenwrph, #block-facetapi-epmgq56az77cj8broogydoac1gvzz1n9, #block-facetapi-2kc0h0fekkvdlc9191is3tricwzkfihw {
  padding-top: 1rem; }

.facetapi-checkbox {
  margin-right: 0; }

.download-sgg-block {
  display: block;
  width: 100%;
  float: left; }

ul.download-file li {
  list-style: none outside none;
  margin-left: 0;
  padding: 0.5rem;
  background: #eee;
  border: 1px #ddd solid; }

ul.download-file.media-element {
  margin: 0rem;
  margin-bottom: 0.3rem; }

.node-sgg-publikation.view-mode-full .rechts, .node-sgg-publikation.view-mode-full .links {
  padding: 1rem; }

.node-sgg-publikation.view-mode-full .links img {
  width: 100%;
  height: 100%; }

.node-sgg-publikation.view-mode-full h2 {
  margin-top: 1rem; }

.node-sgg-publikation.view-mode-full h3 {
  margin: 1rem 0rem;
  line-height: 140%; }

.node-sgg-publikation.view-mode-full .publikation-typ-wrapper {
  padding: 0.5rem 0rem;
  font-size: 80%; }
  .node-sgg-publikation.view-mode-full .publikation-typ-wrapper a {
    color: #888; }

.node-promotionsbox.node-teaser {
  background: rgba(61, 90, 123, 0.15);
  margin-bottom: 1rem; }
  .node-promotionsbox.node-teaser h3.spitzmarke {
    margin-top: 0;
    font-size: 80%;
    padding: 0;
    color: #3d5a7b; }
  .node-promotionsbox.node-teaser h2.titel-promobox {
    margin-top: 0.5rem;
    padding: 0; }
  .node-promotionsbox.node-teaser p {
    padding: 0; }

/* sgg promoboxen */
.field-name-field-basepage-cta .node-promotionsbox.node-teaser {
  background: rgba(61, 90, 123, 0.15); }
  .field-name-field-basepage-cta .node-promotionsbox.node-teaser .group-image {
    width: 25%; }
  .field-name-field-basepage-cta .node-promotionsbox.node-teaser .group-image img {
    float: left;
    clear: left;
    width: 100%;
    overflow: hidden; }
  .field-name-field-basepage-cta .node-promotionsbox.node-teaser .group-text {
    float: right;
    padding: 1rem;
    width: 75%; }

.field-name-field-basepage-cta .node-promotionsbox.node-teaser.promobox-designstil-callout {
  background: #3d5a7b; }
  .field-name-field-basepage-cta .node-promotionsbox.node-teaser.promobox-designstil-callout h3, .field-name-field-basepage-cta .node-promotionsbox.node-teaser.promobox-designstil-callout h2, .field-name-field-basepage-cta .node-promotionsbox.node-teaser.promobox-designstil-callout p {
    color: white; }

img.sgg-textbereich-gross {
  width: 100%;
  height: auto; }

#block-ds-extras-calltoaction {
  margin-top: 1rem; }

.group-anbieter, .group-hauptbereich {
  padding: 1rem;
  background: white;
  margin-top: 1rem; }

.group-anbieter h3 {
  margin-top: 0; }

.node-type-training .field-name-body {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  background: white; }
  .node-type-training .field-name-body p {
    margin-bottom: 0; }

img.sgg-bereichsbild-breit--crop- {
  width: 100%; }

.brand .pane-content {
  padding: 1rem;
  background: #f2f6f9;
  margin: 0rem;
  margin-bottom: 1rem; }

.login ul li a {
  color: white; }

.menu-block-2 ul.menu li {
  line-height: 140%; }

/* webforms */
.webform-component-radios {
  padding: 1rem;
  background: white; }

.webform-component-radios .form-type-radio {
  padding: 0.3rem 0rem; }

.webform-component-radios .description {
  padding: 0.3rem 0rem;
  font-weight: 700; }

.webform-client-form {
  background: #f6f6f6;
  padding: 1rem; }

.webform-component-optionsmarkup .description {
  margin-left: 1.8rem;
  padding-top: 0.3rem; }

.webform-client-form .webform-component-optionsmarkup {
  padding-top: 0; }

.webform-component--fachgruppen-bereich {
  background: white;
  padding-top: 0.5rem;
  margin-top: 1rem; }

.pane-title h1 {
  margin-left: 1rem; }

img.file-sgg-textbereich-klein {
  border: 1px #eee solid; }

/* test resize */
.region-textresize {
  background: #f9f9f8;
  float: left;
  margin-left: 0em; }

.generic-left {
  float: right; }

a#text_resize_increase {
  background: url("../img/resize-bigger.jpg") no-repeat 0 0;
  background-size: 24px 24px;
  margin-top: 0; }

a#text_resize_reset {
  background: url("../img/resize-reset.jpg") no-repeat 0 0;
  background-size: 20px 20px;
  width: 22px;
  margin-top: 4px; }

a#text_resize_decrease {
  background: url("../img/resize-smaller.jpg") no-repeat 0 0;
  background-size: 17px 17px;
  margin-top: 6px; }

.field-name-field-person-pdf-profil img {
  width: 20px; }

.teaser-inner.brand {
  margin-bottom: 1rem; }

.front .mazze-teasersmall h3 {
  font-size: 1.1rem;
  color: #446f92; }

.front .mazze-teasersmall a {
  color: #446f92; }

.front .mazze-teasersmall {
  background: #f2f6f9 !important;
  border-bottom: 1px white solid; }

.front .mazze-teasersmall:hover {
  background: white !important; }

.front .card {
  background: white; }

.pane-bundle-mega-image .group-hero {
  position: relative; }
  .pane-bundle-mega-image .group-hero img {
    width: 100%;
    height: auto; }
  .pane-bundle-mega-image .group-hero h2 {
    padding: 0;
    margin: 0;
    font-size: 2rem;
    font-weight: 400;
    color: white; }
  .pane-bundle-mega-image .group-hero .field-type-ds, .pane-bundle-mega-image .group-hero .front-sgg-bild-wrapper {
    position: absolute;
    bottom: 60px;
    background: rgba(212, 149, 0, 0.8);
    color: white;
    padding: 1rem 2rem;
    width: 30%;
    display: none; }
    @media only screen and (min-width: 1100px) {
      .pane-bundle-mega-image .group-hero .field-type-ds, .pane-bundle-mega-image .group-hero .front-sgg-bild-wrapper {
        display: block; } }

.front .view-footer {
  margin: 0rem 1rem;
  font-weight: 700;
  padding-top: 1rem;
  float: left;
  font-size: 0.9rem;
  padding-bottom: 1rem; }
  .front .view-footer p {
    padding-left: 0; }

.node-veranstaltungen.view-mode-teaser_text {
  background: #f2f6f9; }

.node-veranstaltungen.view-mode-teaser_text:hover {
  background: white; }

.messages.error-x {
  display: none; }

.page-node .messages.error {
  margin: 0rem 1rem; }

.page-node .messages.status {
  margin: 1rem; }

#block-text-resize-0 {
  background: white; }

/* mal schauen... */
.region-sidebar .block-facetapi {
  background: #f2f4f7;
  padding: 0rem 0rem;
  padding-top: 0 !important; }
  .region-sidebar .block-facetapi ul {
    margin: 0 !important; }
  .region-sidebar .block-facetapi a {
    color: #333; }

.digital-commerce-sidebar .block-facetapi ul li {
  margin: 0;
  font-size: 80%;
  padding: 0.5rem 0.5rem !important;
  border-bottom: 1px white solid !important;
  width: 100%;
  float: left; }
  .digital-commerce-sidebar .block-facetapi ul li h2 {
    background: #e5e8ef;
    padding: 0.5rem !important;
    margin: 0 !important; }

.digital-commerce-sidebar .block-facetapi h2 {
  background: #e5e8ef;
  padding: 0.8rem 0.5rem !important;
  margin: 0 !important; }

.region-sidebar .block-facetapi .form-item.form-type-select {
  margin: 0;
  padding: 0rem 1rem 1rem 0.5rem !important;
  background: #e5e8ef; }

.download-file .detail {
  text-transform: lowercase; }

.page-node-webform-configure .administration-content {
  padding: 1rem !important; }

.page-node-webform-configure .digital-commerce-main-no-sidebar {
  padding: 1rem !important; }

.page-node-add .main-content, .page-cart .main-content, .page-user.page-user-orders .main-content, .page-checkout .main-content {
  padding: 0rem 1rem; }

.page-node-add td.views-field, .page-cart td.views-field, .page-user.page-user-orders td.views-field, .page-checkout td.views-field {
  padding: 0.5rem;
  line-height: 130%;
  font-size: 0.9rem; }

.node-personen .field-name-body {
  margin-bottom: 1rem; }

.node-personen .group-email {
  margin-bottom: 1rem; }

.dropdown {
  line-height: 1.5; }
  .dropdown .dropdown-container {
    display: inline-block;
    position: relative;
    text-align: center; }
  .dropdown .dropdown-description {
    background: white;
    border-bottom: 1px solid silver;
    border-bottom-left-radius: 3px;
    border-left: 1px solid silver;
    border-top-left-radius: 3px;
    border-top: 1px solid silver;
    color: #999999;
    float: left;
    font-size: 0.7em;
    line-height: 40px;
    margin: 0;
    padding: 0 0.5em 0 1em; }
    @media screen and (min-width: 53.75em) {
      .dropdown .dropdown-description {
        font-size: 1em; } }
  .dropdown .dropdown-button {
    background: white;
    border-bottom: 1px solid silver;
    border-bottom-right-radius: 3px;
    border-right: 1px solid silver;
    border-top: 1px solid silver;
    border-top-right-radius: 3px;
    cursor: pointer;
    float: right;
    font-size: 0.7em;
    line-height: 40px;
    margin: 0;
    padding: 0 2.5em 0 0.5em;
    position: relative; }
    @media screen and (min-width: 53.75em) {
      .dropdown .dropdown-button {
        font-size: 1em;
        padding: 0 2.5em 0 0.5em; } }
  .dropdown .dropdown-button:hover {
    background-color: #f7f7f7; }
  .dropdown .dropdown-button::after {
    color: #333;
    content: "\25BE";
    display: block;
    position: absolute;
    right: 1em;
    top: 0; }
  .dropdown .dropdown-menu {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    cursor: pointer;
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50px;
    transition: all 0.2s ease-in-out;
    width: 228px;
    z-index: 99999; }
    .dropdown .dropdown-menu::before {
      position: absolute;
      top: 0;
      right: 1em;
      bottom: 0;
      left: 0;
      color: white;
      content: "\25b2";
      font-size: 1.4em;
      pointer-events: none;
      text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.3);
      top: -0.7em; }
  .dropdown .dropdown-menu li {
    border-bottom: 1px solid silver;
    color: #333;
    list-style: none;
    padding: 0.5em; }
  .dropdown .dropdown-menu li:hover {
    background: #f7f7f7; }
  .dropdown .dropdown-menu li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .dropdown .dropdown-menu li:last-child {
    border: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .dropdown .show-menu {
    display: block; }

#block-block-5 {
  display: none; }

select.lang-dropdown-select-element {
  width: 1rem; }

.card img {
  width: 100%;
  height: 100%; }

.teaser-2sp-wrapper .links img {
  width: 100%;
  height: 100%; }

.node img {
  height: 100%; }

.responsive-table-row.sgg-event {
  background: white;
  padding: 1rem;
  margin-bottom: 0.5rem;
  border: 1px white solid;
  clear: both; }
  .responsive-table-row.sgg-event hr {
    display: none; }
  .responsive-table-row.sgg-event:hover {
    background: #f6f6f6;
    cursor: pointer;
    border: 1px #ddd solid; }
  .responsive-table-row.sgg-event .event-title {
    font-weight: 700; }

.view-sgg-suche-weiterbildung-db- h1 {
  padding: 1rem;
  background: white; }

.view-sgg-suche-weiterbildung-db- {
  margin-top: 3rem; }

.jederzeit {
  font-weight: 700; }

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