/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@font-face {
    font-family: 'SkolarLatinMin';
    src: url("../fonts/skolarlatinmin-regular.eot");
    src: url("../fonts/skolarlatinmin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinmin-regular.woff") format("woff"), url("../fonts/skolarlatinmin-regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SkolarLatinMinBold';
    src: url("../fonts/skolarlatinmin-bold.eot");
    src: url("../fonts/skolarlatinmin-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinmin-bold.woff") format("woff"), url("../fonts/skolarlatinmin-bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "calibre-italic";
    src: url("../fonts/calibreweb-lightitalic.eot");
    src: url("../fonts/calibreweb-lightitalic.eot?#iefix") format("embedded-opentype"), url("../fonts/calibreweb-lightitalic.woff") format("woff"), url("../fonts/calibreweb-lightitalic.ttf") format("truetype"), url("../fonts/calibreweb-lightitalic.svg#calibre-italic") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "calibre-strong";
    src: url("../fonts/calibreweb-semibold.eot");
    src: url("../fonts/calibreweb-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/calibreweb-semibold.woff") format("woff"), url("../fonts/calibreweb-semibold.ttf") format("truetype"), url("../fonts/calibreweb-semibold.svg#calibre-strong") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Calibre-Light";
    src: url("../fonts/calibreweb-light.eot");
    src: url("../fonts/calibreweb-light.eot?#iefix") format("embedded-opentype"), url("../fonts/calibreweb-light.woff") format("woff"), url("../fonts/calibreweb-light.ttf") format("truetype"), url("../fonts/calibreweb-light.svg#Calibre-Light") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Skolar";
    src: url("../fonts/skolarlatinweb-regular.eot");
    src: url("../fonts/skolarlatinweb-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinweb-regular.woff") format("woff"), url("../fonts/skolarlatinweb-regular.ttf") format("truetype"), url("../fonts/skolarlatinweb-regular.svg#Skolar") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SkolarBold";
    src: url("../fonts/skolarlatinweb-bold.eot");
    src: url("../fonts/skolarlatinweb-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinweb-bold.woff") format("woff"), url("../fonts/skolarlatinweb-bold.ttf") format("truetype"), url("../fonts/skolarlatinweb-bold.svg#SkolarBold") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

body {
    margin-top: 0px;
    background-color: #f0f0f0;
    overflow-x: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 915px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
}

.field--name-field-text h1,
.field--name-field-text h2,
.field--name-field-text h3,
.field--name-field-text h4,
.field--name-field-text h5,
.field--name-field-text h6 {
    margin-top: 0;
}


h1, .h1 {
    font-size: 45px;
    line-height: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
}

h2, .h2 {
    font-size: 27px;
    line-height: 28px;
}

a {
    color: #323232;
    text-decoration: underline;
    font-family: inherit;
    word-wrap: break-word;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: #00b9c8;
    transition: all 0.3s ease-in-out;
}

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

.main-container p, .main-container ul, .main-container li, .main-container qote, .main-container cite, .main-container caption, .main-container .content-wrapper {
    font: 15px "Calibre-Light",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 22px;
}

strong {
    font-family: 'calibre-strong';
    font-weight: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'wifdo-icons';
    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;
}

.inner-content-wrapper li {
    margin-left: 25px;
    margin-bottom: 10px;
}

.inner-content-wrapper ul {
    list-style: square;
    padding-left: 0;
}

/* videos */
.field--name-field-media-oembed-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom:30px;
}

.field--name-field-media-oembed-video iframe,
.field--name-field-media-oembed-video object,
.field--name-field-media-oembed-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.field--name-dynamic-token-fieldmedia-embedded-video-df-field iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.field--name-dynamic-token-fieldmedia-embedded-video-df-field {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.do-bar {
    background-color: #7c7c7c;
    width: 100%;
    height: 28px;
    position: absolute;
    z-index: 6;
    border-radius: 0;
}

.do-ueberascht-logo {
    height: 18px;
    margin: 4px;
    display: block;
    padding-left: 39px;
}

.do-bar a {
    float: left;
}

.navbar .logo {
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 25px;
}

.navbar-default {
    width: 340px;
    margin-left: 0px;
    background-color: #fafafa;
    position: fixed;
    z-index: 5;
    height: 100vH;
    padding-top: 28px;
    padding-left: 25px;
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition-timing-function: ease-in;
    transition: 2s;
}

.navbar-default.closed {
    margin-left: -340px;
    transition-timing-function: ease-out;
    transition: 2s;
}

#block-wfdo-main-menu a.en-language:before {
    content: " ";
    height: 2px;
    width: 100%;
    max-width: 208px;
    display: block;
    background-color: #00b9c8;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px;
}

#block-wfdo-main-menu a.en-language:after {
    content: " ";
    height: 20px;
    width: 20px;
    background-image: url(../images/en-flagge.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    display: inline-block;
    padding-top: 0;
    margin-left: 4px;
    margin-bottom: -2px;
    opacity: 0.6;
    transition-timing-function: ease-in;
    transition: 0.5s;
}

#block-wfdo-main-menu li:hover a.en-language:after {
    opacity: 1;
    transition-timing-function: ease-in;
    transition: 0.5s;
}

.navbar-open .nav-close-bg {
    background-color: rgba(0,185,200,.0);
    transition-timing-function: ease-in;
    transition: 2s;
}

.footer-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background-color: #00b9c8;
}

.footer {
   border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}

.footer .nav > li > a {
    color: #fff;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 21px;
    line-height: 22px;
}

.footer .nav > li > a:hover {
    background-color: transparent;
}

.footer h3 {
    margin-top:0px;
}

.main-container,
.footer.container {
    max-width: 100%;
    padding-left: 340px;
    transition-timing-function: ease-in;
    transition: 2s;
}

.footer.container {
    padding-left: 325px;
    padding-right: 0px;
}

.navbar-closed .main-container,
.navbar-closed .footer.container {
    transition-timing-function: ease-out;
    transition: 2s;
    padding-left: 15px;
}

.navbar-closed .tabs {
    margin-left:0px;
}

.tabs {
    margin-left:15px;
}

.search-block-form {
    padding-top: 15px;
    display: inline-block;
}

.path-search .header-box {
    background: rgba(0,185,200,.8);
    border: none;
    position: relative;
    color: #fff;
    z-index: 2;
    margin-top: -40px;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 20px;
    margin-bottom: 40px;
}

.path-search .region-content ol {
    margin-left: 0;
    padding-left: 0;
}

.path-search .region-content ol li {
    padding-top:0px;
    margin-top:30px;
    border-top:1px solid #333;
}

.path-search .region-content ol li a {
    color: #00b9c8;
}

.path-search .region-content .form-search {
    max-width: unset;
}

#sucheHeader .bg-img img {
    width: 100%;
}

#sucheHeader .bg-img {
    overflow-y: hidden;
    max-height: 400px;
}

.pager-nav {
    clear: both;
}


.pagination li a {
    color: #323232;
    float: left;
    display: block;
    margin: 0 5px;
    background-color: transparent;
    border:none;
}

.pagination > a,
.pagination > span,
.pagination > a:hover,
.pagination > span:hover,
.pagination > a:focus,
.pagination > span:focus {
    background-color: transparent;
    border:none;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #00b9c8;
    cursor: default;
    background-color: transparent;
    border:none;
}

footer .search-block-form {
    padding-top: 0px;
}

footer .logo {
    float: right;
}

.footer #block-wfdo-footer .nav > li > a {
    padding-left: 15px;
}

#block-footerlogo {
    float: right;
}

.form-type-search .form-search {
    border: 1px solid #323232;
    max-width: 230px;
    margin-right:6px;
    border-radius: 0;
}

footer .form-type-search .form-search {
    width: 155px;
    border: none;
    border: none;
}

.form-type-search button {
    background: #d2d2d2;
    border-radius: 0;
    border: 0;
    height: 34px;
    width: 35px;
    line-height: 18px;
    color: #333;
    padding: 6px;
    vertical-align: bottom;
    font-size: 19px;
}

footer .form-type-search button {
    background: #fff;
}

#search-block-form {
    max-width: 270px;
}

.navbar-default .navbar-nav {
    width: 100%;
    margin-right: unset;
    overflow-y: auto;
    padding-bottom: 80px;
}

#block-useraccountmenu-2 .navbar-nav {
    padding-bottom: 0px;
}

.navbar-default .navbar-nav > li {
    display: block;
    float: none;
}

.navbar-default .navbar-nav > li > a {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-size: 21px;
    line-height: 22px;
    color: #323232;
    padding: 5px 0 8px 0;
    font-weight: normal;
    background-color: transparent !important;
}

.navbar-default .navbar-nav > li > a .caret {
    display: none;
}

.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a:hover {
    color:#00B9C8;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-nav > li > .dropdown-menu {
    position: relative;
    padding: 0 0 20px 0;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.navbar-nav > li > .dropdown-menu a {
    font-family: "Skolar", "SkolarLatinMin", Georgia, serif;
    font-weight: normal;
    color: #323232;
    padding: 5px 0 8px 0;
    font-weight: normal;
    font-size: 21px;
    background-color: transparent;
}

.navbar-nav > li > .dropdown-menu a:hover {
    color: #00B9C8;
}

.navbar-nav > li.active-trail > .dropdown-menu {
    display: block;
    width: 100%;
}

.navbar-nav .dropdown-menu > .active > a,
.navbar-nav .dropdown-menu > .active > a:hover,
.navbar-nav .dropdown-menu > .active > a:focus {
    color: #00B9C8;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: transparent;
}

#navbar-collapse {
    margin-bottom:90px;
}

#block-sociallinks {
    display: inline-block;
    clear: both;
    min-width: 270px;
    height: 80px;
    position: fixed;
    bottom: 0;
    -webkit-font-smoothing: 0;
    padding: 10px 4px 4px 4px;
    margin-left: -4px;
    background-color: #fafafa;
    left: 40px;
}

#block-sociallinks li a {
    font-size: 0;
    color:#fff;
    background-color: #00b9c8;
    padding: 0;
}

#block-sociallinks li a svg {
    color: #fff;
    width: 25px;
    padding: 4px;
    font-size: 22px;
}

#block-sociallinks li {
    display: inline-block;
    float: left;
    margin-right:4px;
}

.region-header .logo {
    float: right !important;
}

.region-header .side-navbar-toggle {
    background-color: transparent;
    border: none;
    display: block;
    width: 50px;
    height: 34px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 20px;
}

.region-header .side-navbar-toggle .icon-bar {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.side-navbar-toggle span:nth-child(2) {
    top: 0px;
}

.side-navbar-toggle span:nth-child(3),
.side-navbar-toggle span:nth-child(4) {
    top: 10px;
}

.side-navbar-toggle span:nth-child(5) {
    top: 20px;
}

.side-navbar-toggle.open span:nth-child(2) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.side-navbar-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-navbar-toggle.open span:nth-child(4) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.side-navbar-toggle.open span:nth-child(5) {
    top: 10px;
    width: 0%;
    left: 50%;
}

/* .inner-content-wrapper {
    background: rgba(0,185,200,.8);
    color: #fff;
    margin-bottom: 30px;
    padding: 0 20px 20px 20px;
} */

h1.page-header {
font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
font-weight: normal;
}

.par-hintergrund-bild picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    vertical-align: middle;
}

.par-hintergrund-bild picture {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.par-hintergrund-bild .field--name-field-bild,
.par-hintergrund-bild .field--name-field-bild .field--item {
    background-color: #f0f0f0;
    z-index: 1;
    padding-top: 0;
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
}

.par-hintergrund-bild .field--name-field-bild {
    overflow-y: hidden;
}

.par-hintergrund-bild.fullimage-bg img {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
}

.par-hintergrund-bild.fullimage-bg .field--name-field-bild {
    z-index: -1;
    position: absolute;
}

.bg-img-wrapper  .field--name-node-title,
.bg-img-wrapper  .field--name-field-inhalte {
    background: rgba(0,185,200,.8);
}

.bild-bg-container {
    padding:0;
    padding-top:200px;
    padding-bottom:40px;
}

.bild-bg-container h1 {
    margin:0;
    color:#fff;
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    padding: 0;
    padding-top:15px;
    padding-bottom: 15px;
    padding-left:15px;
}

.bild-bg-container a.field-group-link,
.bild-bg-container a.field-group-link:hover,
.bild-bg-container .view-termine-vorschauliste a,
.bild-bg-container .view-termine-vorschauliste a {
    color: #fff;
}

.bild-bg-container .view-termine-vorschauliste a {
    text-decoration: none;
}

.bild-bg-container .view-termine-vorschauliste .views-field-body a:after {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    text-decoration: blink;
    display: inline-block;
    padding-left: 10px;
}

.bild-bg-container .view-termine-vorschauliste .view-header {
    border-top:2px solid #fff;
    padding: 0px;
    padding-top: 10px;
}

.bild-bg-container .view-termine-vorschauliste .view-header h3 {
    margin-top:0;
    margin-bottom: 0;
    font-weight: bold;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 27px;
    line-height: 28px;
}

.view-termine-vorschauliste a.termine-btn:hover,
.view-termine-vorschauliste a.termine-btn:hover h3 {
    background-color: transparent;
}

.bild-bg-container .field--name-dynamic-block-fieldparagraph-termine-vorschauliste {
    margin-bottom: 30px;
}

.bild-bg-container .view-termine-vorschauliste .view-header h3 svg {
    font-size: 20px;
    margin-bottom: 3px;
    margin-top: 0px;
    margin-right: 6px;
}

.bild-bg-container .view-termine-vorschauliste .view-header .glyphicon {
    font-size: 20px;
}

.bild-bg-container .view-termine-vorschauliste .views-row {
    margin-top: 15px;
}

.bild-bg-container .view-termine-vorschauliste .views-field-title {
    font-weight: bold;
}

.bild-bg-container .par-kachel {
    border-top: 3px solid #fff;
}

.outer-header-container {
    position: absolute;
    z-index: 4;
    min-height:120px;
    padding-top: 60px;
    margin-left:30px;
    margin-right:30px;
    transition-timing-function: ease-out;
    transition: 2s;
    width: 100%;
}

.navbar-closed .outer-header-container {
    margin-left:auto;
    margin-right:auto;
    transition-timing-function: ease-out;
    transition: 2s;
    width: 100%;
}

.pos-rel-wrapper {
    position: relative;
}

nav.tabs {
    position: absolute;
    z-index: 4;
    top:98px;
}

.field-name-field-bild-einfaerben {
    font-size: 0;
    background-color: #000;
}

.colored-bg-0 .field-name-field-bild-einfaerben {
    display: none;
}

.field-name-field-bild-einfaerben:after {
    font-size: 0;
    background-color: #00b9c8;
    opacity: 0.6;
    width: 100%;
    content: " ";
    height: 600px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.par-hintergrund-bild.smal-header .field-name-field-bild-einfaerben:after,
.par-hintergrund-bild.smal-header .field--name-field-bild {
    height: 300px;
}

.header-title-wrapper {
    background: rgba(0,185,200,.8);
    border: none;
    position: absolute;
    color: #fff;
    z-index: 1;
    bottom: -40px;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 20px;
}

.header-title-wrapper h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.header-title-wrapper h1 strong {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    clear: right;
    display: inline-block;
}

.header-title-wrapper h3 {
  font-size: 40px;
  line-height: 40px;
}

.text-container-header {
    position: relative;
    margin-bottom:80px;
}

/* Breadcrumps */
.breadcrumb,
#block-menubtn {
    float: left;
}

/* Termin */
.termin-lcol2,
.termin-rcol2 {
    margin-bottom: 60px;
}

.termin-wrapper h1 {
    font-size: 27px;
    line-height: 28px;
    margin-top: 60px;
    padding-top:20px;
    padding-bottom: 10px;
    border-top: 3px solid #323232;
}

.online-termnin-platzhalter {
    max-height:500px;
    overflow: hidden;
}

.online-termnin-platzhalter img {
    width: 100%;
    height: auto;
}

.field--name-dynamic-token-fieldnode-zurueck-button,
.field--name-dynamic-twig-fieldnode-back-to-dates-link {
    padding-top: 60px;
}

.backlink {
    font-size: 20px;
    line-height: 22px;
    display: block;
    color: #323232;
    padding: 20px 4px 10px 0;
    text-decoration: underline;
}

.backlink:before {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    display: inline-block;
    padding-right: 10px;
    transform: rotate(180deg);
}

.termin-wrapper .field--name-field-datum,
.termin-wrapper .field--name-field-online-veranstaltung,
.termin-wrapper .field--name-field-adresse .address {
    font-family: 'calibre-strong';
    font-size: 20px;
    line-height: 22px;
}

.termin-wrapper .field--name-field-online-veranstaltung {
    margin-top:10px;
}

.termin-wrapper .termin-rcol {
    margin-bottom:15px;
}

.ov-1 .field--name-dynamic-block-fieldnode-termin-adresse-popup {
    display: none;
}

.termin-wrapper .field--name-field-datum:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e109";
    margin-right: 6px;
    top: 3px;
}

.termin-wrapper .field--name-field-online-veranstaltung:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e059";
    margin-right: 6px;
    top: 3px;
    display: none;
}

.termin-wrapper .termin-rcol .address:before {
    float: left;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e062";
    margin-right: 6px;
    top: 0px;
    margin-left: -28px;
    font-size: 22px;
}

.termin-wrapper .termin-rcol .field--name-field-adresse {
padding-left:26px;
}

.termin-rcol .field--name-field-adresse {
    margin-bottom:20px;
    margin-top:15px;
}

.par-termin .field--name-field-par-termin-titel,
.par-termin .field--name-field-datum-oder-zeitraum {
    font-size: 16px;
}

.par-termin .field--name-field-par-termin-titel {
    font-weight: bold;
    cursor: pointer;
}

.par-termin .has-details .field--name-field-par-termin-titel:hover {
    color: #00b9c8;
}

.par-termin .field--name-field-par-termin-titel:before {
    content: "\e080";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-width: 20px;
}

.par-termin .open .field--name-field-par-termin-titel:before {
    content: "\e114";
}

.par-termin .datails-wrapper {
    padding-left: 0px;
    margin-top:4px;
    height: 0;
    display: none;
    overflow-y: hidden;
}

.par-termin .open .datails-wrapper {
    display: block;
    overflow-y: auto;
    height: auto;
}

.par-termin .datails-wrapper a {
    color:#fff;
    font-weight: bold;
}

.par-termin .datails-wrapper .field--name-field-termin-referenz a {
    margin-top:8px;
    display: block;
    padding-left: 20px;
}

.par-termin .datails-wrapper .field--name-field-termin-referenz a:before {
    position: relative;
    top: 3px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e109";
    margin-left: -20px;
    display: block;
    float: left;
}

.par-termin {
margin-bottom:16px;
}

.par-termin-timeline {
position: relative;
margin-bottom: 15px;
}

.par-termin-timeline .par-termin {
margin-bottom: 0px;
}

.par-termin-timeline:after {
content: '';
position: absolute;
width: 2px;
background: #00b9c8;
top: 0;
bottom: 0;
left: 50%;
margin-left: -1px;
}

.bgcolor-orange .par-termin-timeline:after {
background: #ee7f00;
}

.par-termin-timeline .par-termin {
padding: 15px 20px 15px 0px;
position: relative;
background: inherit;
width: 50%;
}

.par-termin-timeline .field--item:nth-child(2n) .par-termin {
padding: 15px 0px 15px 20px;
}

.par-termin-timeline .par-termin:after {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: calc(50% - 8px);
right: -8px;
background: #ffffff;
border: 2px solid #00b9c8;
border-radius: 16px;
z-index: 1;
}

.bgcolor-orange .par-termin-timeline .par-termin:after {
border: 2px solid #c66a00;
background-color: #f0f0f0;
}

.par-termin-timeline .field--item:nth-child(2n) .par-termin:after {
left: -8px;
}

.par-termin-timeline .par-termin:before {
content: '';
position: absolute;
width: 50px;
height: 2px;
top: calc(50% - 1px);
right: 8px;
background: #00b9c8;
z-index: 1;
}

.bgcolor-orange .par-termin-timeline .par-termin:before {
background: #c66a00;
}

.par-termin-timeline .field--item:nth-child(2n) .par-termin:before {
left: 8px;
}

.par-termin-timeline .par-termin .has-details .field--name-field-par-termin-titel:hover {
color: #fff;
}

.par-termin-timeline .par-termin .field--name-field-datum-oder-zeitraum {
position: absolute;
display: inline-block;
top: calc(50% - 8px);
text-align: center;
font-size: 14px;
font-weight: bold;
color: #00b9c8;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 1;
    max-width: 100px;
}

.bgcolor-orange .par-termin-timeline .par-termin .field--name-field-datum-oder-zeitraum {
color: #ee7f00;
max-width: 100px;
}

.par-termin-timeline .field--item:nth-child(even) .par-termin .field--name-field-datum-oder-zeitraum {
left: -115px;
}

.par-termin-timeline .field--item:nth-child(odd) .par-termin .field--name-field-datum-oder-zeitraum {
right: -115px;
}

.par-termin-timeline .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon {
position: absolute;
display: inline-block;
width: 40px;
height: 40px;
padding: 9px 0;
top: calc(50% - 20px);
background: #fff;
border: 2px solid #00b9c8;
border-radius: 40px;
text-align: center;
font-size: 18px;
color: #333;
z-index: 1;
}

.bgcolor-orange .par-termin-timeline .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon {
background: #fff;
border: 2px solid #c66a00;
color: #333;
}

.par-termin-timeline .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon .glyphicon {
top: 0px;
right: -1px;
}

.par-termin-timeline .field--item:nth-child(odd) .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon {
right: 36px;
}

.par-termin-timeline .field--item:nth-child(even) .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon {
left: 36px;
}

.par-termin-timeline .par-termin .content {
padding: 30px 70px 30px 30px;
background: #00b9c8;
position: relative;
border-radius: 0 500px 500px 0;
}

.par-termin-timeline .par-termin .has-details .field--name-field-par-termin-titel:hover,
.bgcolor-orange .par-termin-timeline .par-termin .has-details .field--name-field-par-termin-titel:hover {
color: #fff;
}

.bgcolor-orange .par-termin-timeline .par-termin .content {
background: #ee7f00;
}

.par-termin-timeline .field--item:nth-child(even) .par-termin .content {
padding: 30px 30px 30px 70px;
border-radius: 500px 0 0 500px;
}

.par-termin-timeline .field--item:nth-child() .par-termin {
left: 0;
}

.par-termin-timeline .field--item:nth-child(2n) .par-termin {
left: 50%;
}


@media (max-width: 767.98px) {
.par-termin-timeline:after {
    left: 20px;
}

.par-termin-timeline .par-termin,
.par-termin-timeline .field--item:nth-child(2n) .par-termin {
    width: 100%;
    padding-left: 20px;
    padding-right: 15px;
    left: 0%;
    padding-top: 0;
}

.par-termin-timeline .field--item:nth-child(2n) .par-termin {
    left: 0%;
}

.par-termin-timeline .field--item .par-termin::after,
.par-termin-timeline .field--item:nth-child(2n) .par-termin::after {
    left: -2px;
}

.par-termin-timeline .par-termin::before,
.par-termin-timeline .field--item:nth-child(2n) .par-termin::before {
    left: 10px;
    border-color: transparent #006E51 transparent transparent;
}

.par-termin-timeline .par-termin .field--name-field-datum-oder-zeitraum,
.par-termin-timeline .field--item:nth-child(2n) .par-termin .field--name-field-datum-oder-zeitraum {
    right: auto;
    left: 15px;
}

.par-termin-timeline .par-termin .field--name-field-datum-oder-zeitraum {
    position: relative;
    margin-left: 20px;
}

.par-termin-timeline .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon,
.par-termin-timeline .field--item:nth-child(2n) .par-termin .field--name-dynamic-token-fieldparagraph-datums-icon {
    right: auto;
    left: 40px;
}

.par-termin-timeline .par-termin .content,
.par-termin-timeline .field--item:nth-child(2n) .par-termin .content {
    padding: 30px 30px 30px 70px;
    border-radius: 500px 0 0 500px;
}
}


.leaflet-tile-container {
filter: grayscale(0.4);
}

.gm-style .gm-style-iw-c {
transform: translate(-50%, -100%);
background-color: rgba(0, 185, 200, 0.8);
color: #fff;
border-radius: 0px;
padding: 12px !important;
box-shadow: none;
margin-left: 100px;
margin-top: 114px;
}

.gm-style .gm-style-iw-d {
overflow: auto !important;
}

a.address-map-link {
color:#fff;
font-weight: bold;
text-decoration: underline;
}

.gm-style .gm-style-iw p:first-child,
.gm-style .gm-style-iw div:first-child,
.gm-style .gm-style-iw .field:first-child {
padding: 0;
}

.gm-style .gm-style-iw-t::after {
display: none;
}

.field--name-dynamic-block-fieldnode-termin-adresse-popup  {
position: absolute;
top:190px;
left: 50%;
min-width: 120px;
margin-left:40px;
background-color: rgba(0, 185, 200, 0.8);
padding: 10px;
color:#fff;
}

/* Blogbeitrag */
.page-node-type-blogbeitrag .region-content {
    margin-top:160px;
}

.page-node-type-blogbeitrag h1 {
    font-family: Skolar;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top:0;
    padding-bottom: 0;
}

.page-node-type-blogbeitrag .bild-alt {
    font-weight: bold;
    margin-right: 6px;
}

.page-node-type-blogbeitrag a.backlink {
    font-size: 16px;
}

.page-node-type-blogbeitrag .affix a.backlink {
    max-width: 265px;
}

.view-blog h2 {
font-family: Skolar;
font-style: normal;
font-weight: normal;
font-size: 45px;
line-height: 50px;
margin-bottom: 20px;
    margin-top: 0;
    padding-top: 0;
}

.view-blog .views-row {
    margin-bottom:60px;
}

.field--name-node-link:after {
font-family: 'wifdo-icons';
speak: none;
    display: inline-block;
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: "\e601";
    color: #00b9c8;
}

.field--name-node-link:hover:after {
    color: #323232;
}

.page-node-type-blogbeitrag .field--name-field-blog-bild {
    padding-bottom:20px;
}

.page-node-type-blogbeitrag .field--name-body {
    margin-bottom:30px;
}

.page-node-type-blogbeitrag .affix-wrapper {
    margin-bottom:30px;
}

.field--name-node-post-date .field--item,
.field--name-node-author .field--item {
    margin-bottom:15px;
    font-family: Calibre-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.nav-wrapper
{
    min-height:50px;
}

@media (max-width: 992px) {

    .affix-wrapper .affix {
         position: relative !important;
    }

    .field--name-node-post-date,
    .field--name-node-author {
        float: left;
        margin-right: 40px;
        min-height: 42px;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button {
        background: #fff;
        padding: 5px 10px 6px;
        color: #000;
        position: fixed;
        top: 68px;
        z-index: 100;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button a {
        padding:0;
        margin:0;
        border-bottom: none;
        font-family: calibre-strong;
        font-size: 15px;
        text-decoration: none;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button a:before {
        float: right;
        margin-left:4px;
        margin-top: 4px;
    }
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege {
    margin-top: 50px;
    margin-bottom: 80px;
    padding-top: 10px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .field--label {
    font-family: Skolar;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 50px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .layout__region {
border-top: 3px solid #000;
margin-bottom: 20px;
margin-top: 6px;
padding-top: 15px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .field--name-node-title a {
font-family: Skolar;
font-size: 26px;
line-height: 28px;
    margin-bottom:20px;
    color: black;
}

.field--name-dynamic-token-fieldnode-back-to-top-link a {
background-color: #00b9c8;
color: #fff !important;
display: inline-block;
padding: 5px 7px;
    margin-bottom:15px;
}

.field--name-dynamic-token-fieldnode-back-to-top-link i {
font-size: 16px;
   transform: rotate( -90deg);
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.field--name-dynamic-token-fieldnode-back-to-top-link i::after {
    content: "\e601";
}

.field--name-field-blog-bild {
display: inline-block;
}

.field--name-dynamic-token-fieldmedia-media-image-title,
.field--name-field-copyright,
.img-bildunterschrift,
.img-copyright {
    float: left;
    font-family: Calibre-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.field--name-dynamic-token-fieldmedia-media-image-title p,
.img-bildunterschrift {
font-family: calibre-strong;
font-size: 14px;
line-height: 18px;
margin-bottom: 0px;
padding-right: 0.5rem;
}

/* Tabs */
.tabs ul li a {
    display: block;
    float: left;
    width: auto;
    color: #fff;
    background-color: #323232;
    font-size: 15px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-family: "calibre-strong";
    border-radius: 0;
    border:none;
    text-decoration: none;
}

.nav-tabs {
    border-bottom: none;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.is-active, .nav > li > a.is-active:hover {
    text-decoration: none;
    background-color: #00b9c8;
    border-color: #00b9c8;
    color: #fff;
    border:none;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.is-active > a:hover, .nav-tabs > li.is-active > a:focus {
    color: #fff !important;
    border:none;
}

/* User Page */
.cart-bg {
    padding:15px;
    background-color: #fff;
    border:1px solid #ccc;
    box-shadow 0px 0px 15px #ccc;
}

.view-footer .btn {
    margin-right: 15px;
}

.view-footer .btn-primary {
    background-color: #00b9c8;
    border-color: #00b9c8;
}

.view-footer .btn-primary:hover {
    background-color: #323232;
    border-color: #323232;
}

.user-profil-wrapper {
    margin-top:120px;
    margin-bottom: 30px;
}

/* Usermenu */
.usermenuarea {
    position: absolute;
    z-index: 17;
    top: -20px;
    background-color: transparent;
    right: 15px;
    border: none;
    box-shadow: 0px 0px 10px #000;
}

.usermenuarea ul li a {
    padding: 4px 10px;
    background-color: #323232;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    margin: 4px;
}

.usermenuarea ul li a:hover {
    background-color: #00b9c8;
}

.usermenuarea ul {
  display: inline-block;
  margin-right: 0;
}

#block-system-menu-block-account {
  margin-left:-15px;
}

.menu--account {
    padding: 15px;
    padding-left: 25px;
    margin-left: -25px;
    float: none !important;
    background-color: #f2f2f2;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #ccc;
}

.file > span:last-child,
.file > span:first-child,
.file > span {
 border:none;
 background-color: transparent;
}

.file-link {
display: inline-block;
    width: auto;
    float: left;
}

.file-link a, .file-link a:hover, .file-link a:focus, .file-link a:active {
    color: #00b9c8;
}

.file {
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    margin: 0;
    width: auto;
}

.field--name-field-media-document .field--item {
    float: left;
    margin-right: 15px;
}

.field-name-field-anhang .field-label-inline {
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.field-name-field-anhang {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.field-name-field-anhang a {
    text-decoration: underline;
    margin-right:15px;
}

.field-name-field-anhang a:after {
    font-family: 'wifdo-icons';
    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: "\e600";
    text-decoration: none;
    position: absolute;
}

/* Kachel */
.par-kachel {
  margin-bottom: 20px;
  border-top: 3px solid #323232;
  overflow: hidden;
    margin-bottom: 30px;
}

.par-kachel .field--name-field-bild {
    margin-bottom: 30px;
}

.par-kachel a {
    text-decoration: none;
}

.par-kachel h3 {
    padding-top: 0;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 27px;
    line-height: 28px;
}

a.field-group-link {
    color: #323232;
}

a.field-group-link:hover {
    color: #00B9C8;
}

.par-kachel .field--type-text-long p:after {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    text-decoration: blink;
    display: inline-block;
    padding-left: 10px;
    padding-top: 2px;
    position: absolute;
}

/* News */
.field--name-dynamic-token-fieldnode-news-header .par-hintergrund-bild.smal-header {
    height: 250px;
}

.page-node-type-news .field--name-dynamic-token-fieldparagraph-title-h1 {
    padding-top:0px;
    padding-bottom:0px;
}

.page-node-type-news h1 {
    padding-top:0px;
    padding-bottom:15px;
    margin-top:0;
}

.page-node-type-news .header-wrapper {
    overflow: hidden;
    position: relative;
}

.field--name-field-datum-news {
    padding-top: 30px;
    border-top: 3px solid #323232;
}

.view-news-liste .field--name-field-media-image {
    padding: 10% 20% 6px;
}

.view-news-liste .field--name-node-link {
    margin-top:10px;
}

.view-news-liste .field--name-node-link a,
.view-news-liste .field--name-node-link:after {
    font-size: 20px;
    line-height: 22px;
    color: #323232;
    text-decoration: underline;
}

.view-news-liste .field--name-node-link:after {
    text-decoration: none;
}

.view-news-liste .field--name-node-link a {
    margin-bottom: 30px;
    display: inline-block;
}

.view-news-liste .field--name-dynamic-token-fieldmedia-media-image-title {
    text-align: center;
    width: 100%;
}

.page-node-type-news .field--name-dynamic-token-fieldnode-zurueck-button {
    padding-top: 5px;
}

.page-node-type-news .field--name-body {
    padding-bottom: 30px;
}

/* Termine */
.block-views-blocktermine-liste-block-1 h2,
.block-views-blocktermine-liste-block-2 h2 {
    font-size: 45px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 30px;
    font-weight: bold;
}

.block-views-blocktermine-liste-block-1 a,
.block-views-blocktermine-liste-block-2 a {
    margin-top:0;
    padding-top: 0;
    font-size: 20px;
    line-height: 22px;
    display: block;
    color: #323232;
    text-decoration: none;
    border-bottom: none;
}

.block-views-blocktermine-liste-block-1 .views-field-field-datum,
.block-views-blocktermine-liste-block-2 .views-field-field-datum {
    border-top: 3px solid #323232;
    padding-top:10px;
}

.block-views-blocktermine-liste-block-1 .views-field-field-datum a,
.block-views-blocktermine-liste-block-1 .address,
.block-views-blocktermine-liste-block-2 .views-field-field-datum a,
.block-views-blocktermine-liste-block-2 .address {
    font-size: 14px;
    line-height: 18px;
    font: 15px "Calibre-Light",Helvetica,Arial,sans-serif;
}


/* Login */
.not-logged-in.path-user .region-content {
    margin-top:160px;
    margin-bottom: 40px;
}

/* Ansprechpartner */
.par_ansprechpartner h2 {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 5px;
}

.par_ansprechpartner h2 {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 5px;
}

.par_ansprechpartner .ansprechpartner-twig-field-inner .position {
    display: block;
 padding-bottom: 15px;
}

.ansprechpartner-liste-ref-wrapper {
   margin-top:30px;
}

.field--name-field-ansprechpartner .field--name-field-media-image {
    max-width: 60%;
    min-height: 220px;
}

.ansprechpartner-twig-field,
.ansprechpartner-wrapper-daten {
    max-width: 80%;
    margin-left: 20%;
    margin-top: -44px;
    background: rgba(0,185,200,.8);
    position: relative;
}

.ansprechpartner-twig-field-inner,
.ansprechpartner-twig-field-inner a,
.ansprechpartner-wrapper-daten,
.ansprechpartner-wrapper-daten a {
    color: #fff;
    padding: 15px;
}

.ansprechpartner-wrapper-daten a {
    padding: 0px;
    margin-bottom:6px;
}

.ansprechpartner-twig-field-inner {
margin-bottom: 30px;
}

.page-node-type-ansprechpartner .par_ansprechpartner {
    margin-top:60px;
}

.ansprechpartner-twig-field-inner h4,
.ansprechpartner-wrapper-daten h1{
    color: #fff;
    padding: 0px;
    margin:0;
    font-size: 15px;
    line-height: 18px;
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
}

.ansprechpartner-wrapper-daten h1{
    font-size: 19px;
    line-height: 22px;
}

.ansprechpartner-twig-field-inner strong.position {
    font-weight: normal;
    font: 15px "Skolar","SkolarLatinMin",Georgia,serif;
}

.ansprechpartner-twig-field-inner a {
    padding: 0;
    text-decoration: underline;
}

.path-taxonomy .highlighted {
   padding-top:30px;
}

.path-taxonomy nav.tabs {
    top: -6px;
}

#block-uberuns  {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(50, 50, 50);
}

#block-uberuns,
#block-uberuns-2 {
    display: inline-block;
    width: 100%;
}

#block-uberuns ul li,
#block-uberuns-2 ul li {
    float:left;
    margin-right:6px;
}

#block-uberuns .nav > li > a,
#block-uberuns-2 .nav > li > a {
    background-color: #ccc;
    margin-bottom: 15px;
}

#block-uberuns .nav > li > a:hover,
#block-uberuns .nav > li > a.is-active,
#block-uberuns .nav > li > a.is-active:hover,
#block-uberuns .nav > li.active > a,
#block-uberuns-2 .nav > li > a:hover,
#block-uberuns-2 .nav > li > a.is-active,
#block-uberuns-2 .nav > li > a.is-active:hover {
    background-color: #00b9c8;
}

#block-uberuns .nav > li.active > a {
    color: #fff;
}

.view-taxonomy-term .view-content {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:15px;
}

.ansprechpartner_anriss img {
max-width: 80%;
}

/* par-downloads */
.par-download a {
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    display:block ;
}

.par-download .par-download-file {
    float: none;
    margin-right: 0;
    padding: 25px 0 20px 0;
    border-top: 1px solid #000;
    margin-bottom: 20px;
}

.par-download .file,
.par-download .file-link {
    display: block;
    width: 100%;
    float: none;
}

.par-download .field--name-field-media-document,
.par-download .field--name-field-kurzbeschreibung {
    display: inline-block;
}

.par-download-file .field--name-field-kurzbeschreibung {
    display: block;
}

/* paragraph-akkordeon */
.paragraph-akkordeon {
padding-bottom:15px;
}

.paragraph-akkordeon .field--name-field-titel {
    padding: 25px 0 10px 25px;
    border-top: 1px solid #000;
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    cursor: pointer;
}

.paragraph-akkordeon .field--name-field-titel:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    margin-right: 6px;
    top: 3px;
    margin-left:-25px;
}

.paragraph-akkordeon .field--name-field-titel:hover,
.paragraph-akkordeon .field--name-field-titel:hover:before {
color: #00b9c8;
}

.paragraph-akkordeon .field--name-field-text {
    padding-left:25px;
    margin-bottom:15px;
    display: none;
}

.paragraph-akkordeon.open .field--name-field-titel:before {
    content: "\e114";
}

.paragraph-akkordeon .par-akkor-icon-title-wrapper .field--name-field-titel:before {
    display: none;
}

.paragraph-akkordeon .par-akkor-icon-title-wrapper .field--name-field-titel-icon {
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    cursor: pointer;
}

.paragraph-akkordeon .par-akkor-icon-title-wrapper img {
    max-width: 42px;
    max-height: 42px;
}

.paragraph-akkordeon .par-akkor-icon-title-wrapper {
    padding: 25px 0 10px 0px;
    border-top: 1px solid #000;
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: baseline;
    gap:15px;
}

.paragraph-akkordeon .par-akkor-icon-title-wrapper .icon-closed,
.paragraph-akkordeon.open .par-akkor-icon-title-wrapper .icon-open {
display: none;
}

.paragraph-akkordeon.open .par-akkor-icon-title-wrapper .icon-closed {
    display: block;
}

.paragraph-akkordeon-icon.paragraph-akkordeon .field--name-field-text {
    padding-left: 0px;
}

/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@font-face {
    font-family: 'SkolarLatinMin';
    src: url("../fonts/skolarlatinmin-regular.eot");
    src: url("../fonts/skolarlatinmin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinmin-regular.woff") format("woff"), url("../fonts/skolarlatinmin-regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SkolarLatinMinBold';
    src: url("../fonts/skolarlatinmin-bold.eot");
    src: url("../fonts/skolarlatinmin-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/skolarlatinmin-bold.woff") format("woff"), url("../fonts/skolarlatinmin-bold.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

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

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

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

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

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

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

body {
    margin-top: 0px;
    background-color: #f0f0f0;
    overflow-x: hidden;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: 915px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
}

h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
}

.field--name-field-text h1,
.field--name-field-text h2,
.field--name-field-text h3,
.field--name-field-text h4,
.field--name-field-text h5,
.field--name-field-text h6 {
    margin-top: 0;
}


h1, .h1 {
    font-size: 45px;
    line-height: 50px;
    padding-top: 20px;
    padding-bottom: 50px;
}

h2, .h2 {
    font-size: 27px;
    line-height: 28px;
}

a {
    color: #323232;
    text-decoration: underline;
    font-family: inherit;
    word-wrap: break-word;
}

a:hover {
    color: #00b9c8;
}

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

.main-container p, .main-container ul, .main-container li, .main-container qote, .main-container cite, .main-container caption, .main-container .content-wrapper {
    font: 15px "Calibre-Light",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 22px;
}

strong {
    font-family: 'calibre-strong';
    font-weight: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'wifdo-icons';
    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;
}

/* videos */
.field--name-field-media-oembed-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom:30px;
}

.field--name-field-media-oembed-video iframe,
.field--name-field-media-oembed-video object,
.field--name-field-media-oembed-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.field--name-dynamic-token-fieldmedia-embedded-video-df-field iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.field--name-dynamic-token-fieldmedia-embedded-video-df-field {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    display: block;
    margin-bottom: 15px;
}

.do-bar {
    background-color: #7c7c7c;
    width: 100%;
    height: 28px;
    position: absolute;
    z-index: 6;
    border-radius: 0;
}

.do-ueberascht-logo {
    height: 18px;
    margin: 4px;
    display: block;
    padding-left: 39px;
}

.do-bar a {
    float: left;
}

.navbar .logo {
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 25px;
}

.navbar-default {
    width: 340px;
    margin-left: 0px;
    background-color: #fafafa;
    position: fixed;
    z-index: 5;
    height: 100vH;
    padding-top: 28px;
    padding-left: 40px;
    padding-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    transition-timing-function: ease-in;
    transition: 2s;
}

.navbar-default.closed {
    margin-left: -340px;
    transition-timing-function: ease-out;
    transition: 2s;
}

.footer-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background-color: #00b9c8;
}

.footer {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}

.footer .nav > li > a {
    color: #fff;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 21px;
    line-height: 22px;
}

.footer .nav > li > a:hover {
    background-color: transparent;
}

.footer h3 {
    margin-top:0px;
}

.main-container,
.footer.container {
    max-width: 100%;
    padding-left: 340px;
    transition-timing-function: ease-in;
    transition: 2s;
}

.footer.container {
    padding-left: 325px;
    padding-right: 0px;
}

.navbar-closed .main-container,
.navbar-closed .footer.container {
    transition-timing-function: ease-out;
    transition: 2s;
    padding-left: 15px;
}

.navbar-closed .tabs {
    margin-left:0px;
}

.tabs {
    margin-left:15px;
}

.search-block-form {
    padding-top: 15px;
    display: inline-block;
}

footer .search-block-form {
    padding-top: 0px;
}

footer .logo {
    float: right;
}

.footer #block-wfdo-footer .nav > li > a {
    padding-left: 15px;
}

#block-footerlogo {
    float: right;
}

.form-type-search .form-search {
    border: 1px solid #323232;
    max-width: 230px;
    margin-right:6px;
    border-radius: 0;
}

footer .form-type-search .form-search {
    width: 155px;
    border: none;
    border: none;
}

.form-type-search button {
    background: #d2d2d2;
    border-radius: 0;
    border: 0;
    height: 34px;
    width: 35px;
    line-height: 18px;
    color: #333;
    padding: 6px;
    vertical-align: bottom;
    font-size: 19px;
}

footer .form-type-search button {
    background: #fff;
}

footer .form-type-search input.form-search {
    float: right;
}

#search-block-form {
    max-width: 270px;
}

.navbar-default .navbar-nav {
    width: 100%;
    margin-right: unset;
    overflow-y: auto;
    padding-bottom: 80px;
}

#block-wfdo-main-menu {
    padding-bottom: 225px;
    display: inline-block;
}

#block-useraccountmenu-2 .navbar-nav {
    padding-bottom: 0px;
}

.navbar-default .navbar-nav > li {
    display: inline-block;
    float: none;
    width: 100%;
    clear: left;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li li > a {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-size: 21px;
    line-height: 22px;
    color: #323232;
    padding: 5px 0 8px 0;
    font-weight: normal;
    background-color: transparent !important;
}

.navbar-default .navbar-nav > li li > a {
    font-family: "Skolar", "SkolarLatinMin", Georgia, serif;
    font-weight: normal;
    color: #323232;
    padding: 5px 0 8px 0;
    font-weight: normal;
}

.navbar-default .navbar-nav > li li li > a {
    color: #323232;
    font-family: "Calibre-Light";
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
}

.navbar-default .navbar-nav > li > a .caret,
.navbar-default .navbar-nav > li li > a .caret {
    display: none;
}

.navbar-default .navbar-nav > li > a.is-active,
.navbar-default .navbar-nav > li > a:hover {
    color:#00B9C8;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-nav > li > .menu {
    position: relative;
    padding: 0 0 20px 0;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.navbar-nav > li li > .menu {
    position: relative;
    padding: 0px 0px 20px 15px;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.navbar-nav > li > .menu a {
    font-family: "Skolar", "SkolarLatinMin", Georgia, serif;
    font-weight: normal;
    color: #323232;
    padding: 0 0 6px 0;
    font-weight: normal;
    font-size: 21px;
    background-color: transparent;
}

.navbar-nav > li > .menu a:hover {
    color: #00B9C8;
}

.navbar-nav > li.active-trail > .menu {
    display: block;
    width: 100%;
}

.navbar-nav > li.active-trail li.active-trail .menu {
    display: block;
    width: 100%;
}

.navbar-nav .menu > .active > a,
.navbar-nav .menu > .active > a:hover,
.navbar-nav .menu > .active > a:focus {
    color: #00B9C8;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    background-color: transparent;
}

#navbar-collapse {
    margin-bottom:90px;
}

#block-sociallinks {
    display: inline-block;
    clear: both;
    min-width: 270px;
    height: 80px;
    position: fixed;
    bottom: 0;
    -webkit-font-smoothing: 0;
    padding: 10px 4px 4px 4px;
    margin-left: -4px;
    background-color: #fafafa;
    left: 40px;
    z-index: 1000;
}

#block-sociallinks li a {
    font-size: 0;
    color:#fff;
    background-color: #00b9c8;
    padding: 0;
}

#block-sociallinks li a svg {
    color: #fff;
    width: 25px;
    padding: 4px;
    font-size: 22px;
}

#block-sociallinks li {
    display: inline-block;
    float: left;
    margin-right:4px;
}

.region-header .logo {
    float: right !important;
}

.region-header .side-navbar-toggle {
    background-color: transparent;
    border: none;
    display: block;
    width: 50px;
    height: 34px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 20px;
}

.region-header .side-navbar-toggle .icon-bar {
    box-shadow: 0px 0px 4px #ccc;
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.side-navbar-toggle span:nth-child(2) {
    top: 0px;
}

.side-navbar-toggle span:nth-child(3),
.side-navbar-toggle span:nth-child(4) {
    top: 10px;
}

.side-navbar-toggle span:nth-child(5) {
    top: 20px;
}

.side-navbar-toggle.open span:nth-child(2) {
    top: 10px;
    width: 0%;
    left: 50%;
}

.side-navbar-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-navbar-toggle.open span:nth-child(4) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.side-navbar-toggle.open span:nth-child(5) {
    top: 10px;
    width: 0%;
    left: 50%;
}

/* .inner-content-wrapper {
    background: rgba(0,185,200,.8);
    color: #fff;
    margin-bottom: 30px;
    padding: 0 20px 20px 20px;
} */

h1.page-header {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
}

.par-hintergrund-bild picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
    vertical-align: middle;
}

.par-hintergrund-bild picture {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.par-hintergrund-bild .field--name-field-bild,
.par-hintergrund-bild .field--name-field-bild .field--item {
    background-color: #f0f0f0;
    z-index: 1;
    padding-top: 0;
    position: relative;
    float: left;
    width: 100%;
    height: 600px;
}

.par-hintergrund-bild .field--name-field-bild {
    overflow-y: hidden;
}

.par-hintergrund-bild.fullimage-bg img {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    max-height: 100%;
    max-width: 100%;
    min-width: 320px;
}

.par-hintergrund-bild.fullimage-bg .field--name-field-bild {
    z-index: -1;
    position: absolute;
}

.bg-img-wrapper  .field--name-node-title,
.bg-img-wrapper  .field--name-field-inhalte {
    background: rgba(0,185,200,.8);
}

.bild-bg-container {
    padding:0;
    padding-top:200px;
    padding-bottom:40px;
}

.bild-bg-container h1 {
    margin:0;
    color:#fff;
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    padding: 0;
    padding-top:15px;
    padding-bottom: 15px;
    padding-left:15px;
}

.bild-bg-container a.field-group-link,
.bild-bg-container a.field-group-link:hover,
.bild-bg-container .view-termine-vorschauliste a,
.bild-bg-container .view-termine-vorschauliste a {
    color: #fff;
}

.bild-bg-container .view-termine-vorschauliste a {
    text-decoration: none;
}

.termine-btn {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 13px 15px 10px 15px;
    display: block;
    background-color: #fff;
    color: #00b9c8;
}

.termine-btn h3 {
    color: #00b9c8;
}

.termine-btn:hover h3 {
    background-color: #00b9c8;
    color: #fff;
}

.termine-btn:hover h3 {
    color: #fff;
}

.bild-bg-container .view-termine-vorschauliste .views-field-body a:after {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    text-decoration: blink;
    display: inline-block;
    padding-left: 10px;
}

.bild-bg-container .view-termine-vorschauliste .view-header {
    border-top:2px solid #fff;
    padding: 0px;
    padding-top: 10px;
}

.bild-bg-container .view-termine-vorschauliste .view-header h3 {
    margin-top:0;
    margin-bottom: 0;
    font-weight: bold;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 27px;
    line-height: 28px;
}

.bild-bg-container .field--name-dynamic-block-fieldparagraph-termine-vorschauliste {
    margin-bottom: 30px;
}

.bild-bg-container .view-termine-vorschauliste .view-header h3 svg {
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 6px;
}

.bild-bg-container .view-termine-vorschauliste .view-header .glyphicon {
    font-size: 20px;
}

.bild-bg-container .view-termine-vorschauliste .views-row {
    margin-top: 15px;
}

.bild-bg-container .view-termine-vorschauliste .views-field-title {
    font-weight: bold;
}

.bild-bg-container .par-kachel {
    border-top: 3px solid #fff;
}

.outer-header-container {
    position: absolute;
    z-index: 4;
    min-height:120px;
    padding-top: 60px;
    margin-left:00px;
    margin-right:00px;
    transition-timing-function: ease-out;
    transition: 2s;
    width: 100%;
}

.navbar-closed .outer-header-container {
    margin-left:auto;
    margin-right:auto;
    transition-timing-function: ease-out;
    transition: 2s;
    width: 100%;
}

.pos-rel-wrapper {
    position: relative;
}

nav.tabs {
    position: absolute;
    z-index: 4;
    top:98px;
}

.field-name-field-bild-einfaerben {
    font-size: 0;
    background-color: #000;
}

.colored-bg-0 .field-name-field-bild-einfaerben {
    display: none;
}

.field-name-field-bild-einfaerben:after {
    font-size: 0;
    background-color: #00b9c8;
    opacity: 0.6;
    width: 100%;
    content: " ";
    height: 600px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.par-hintergrund-bild.smal-header .field-name-field-bild-einfaerben:after,
.par-hintergrund-bild.smal-header .field--name-field-bild {
    height: 300px;
}

.header-title-wrapper {
    background: rgba(0,185,200,.8);
    border: none;
    position: absolute;
    color: #fff;
    z-index: 1;
    bottom: -40px;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 20px;
}

.header-title-wrapper h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.header-title-wrapper h1 strong {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    clear: right;
    display: inline-block;
}

.header-title-wrapper h3 {
    font-size: 40px;
    line-height: 40px;
}

.text-container-header {
    position: relative;
    margin-bottom:80px;
}

/* Breadcrumps */
.breadcrumb,
#block-menubtn {
    float: left;
}

/* Termin */
.termin-lcol2,
.termin-rcol2 {
    margin-bottom: 60px;
}

.termin-wrapper h1 {
    font-size: 27px;
    line-height: 28px;
    margin-top: 60px;
    padding-top:20px;
    padding-bottom: 10px;
    border-top: 3px solid #323232;
}

.online-termnin-platzhalter {
    max-height:500px;
    overflow: hidden;
}

.online-termnin-platzhalter img {
    width: 100%;
    height: auto;
}

.field--name-dynamic-token-fieldnode-zurueck-button {
    padding-top: 60px;
}

#main-content .affix {
   max-width: 265px;
}

.backlink {
    font-size: 20px;
    line-height: 22px;
    display: block;
    color: #323232;
    padding: 20px 4px 10px 0;
    text-decoration: underline;
}

.backlink:before {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    display: inline-block;
    padding-right: 10px;
    transform: rotate(180deg);
}

.termin-wrapper .field--name-field-datum,
.termin-wrapper .field--name-field-online-veranstaltung,
.termin-wrapper .field--name-field-adresse .address {
    font-family: 'calibre-strong';
    font-size: 20px;
    line-height: 22px;
}

.termin-wrapper .field--name-field-online-veranstaltung {
    margin-top:10px;
}

.termin-wrapper .termin-rcol {
    margin-bottom:15px;
}

.ov-1 .field--name-dynamic-block-fieldnode-termin-adresse-popup {
    display: none;
}

.termin-wrapper .field--name-field-datum:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e109";
    margin-right: 6px;
    top: 3px;
}

.termin-wrapper .field--name-field-online-veranstaltung:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e059";
    margin-right: 6px;
    top: 3px;
    display: none;
}

.termin-wrapper .termin-rcol .address:before {
    float: left;
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e062";
    margin-right: 6px;
    top: 0px;
    margin-left: -28px;
    font-size: 22px;
}

.termin-wrapper .termin-rcol .field--name-field-adresse {
    padding-left:26px;
}

.termin-rcol .field--name-field-adresse {
    margin-bottom:20px;
    margin-top:15px;
}

.field--name-field-online-veranstaltung {

}

.leaflet-tile-container {
    filter: grayscale(0.4);
}

.gm-style .gm-style-iw-c {
    transform: translate(-50%, -100%);
    background-color: rgba(0, 185, 200, 0.8);
    color: #fff;
    border-radius: 0px;
    padding: 12px !important;
    box-shadow: none;
    margin-left: 100px;
    margin-top: 114px;
}

.gm-style .gm-style-iw-d {
    overflow: auto !important;
}

a.address-map-link {
    color:#fff;
    font-weight: bold;
    text-decoration: underline;
}

.gm-style .gm-style-iw p:first-child,
.gm-style .gm-style-iw div:first-child,
.gm-style .gm-style-iw .field:first-child {
    padding: 0;
}

.gm-style .gm-style-iw-t::after {
    display: none;
}

.field--name-dynamic-block-fieldnode-termin-adresse-popup  {
    position: absolute;
    top:190px;
    left: 50%;
    min-width: 120px;
    margin-left:40px;
    background-color: rgba(0, 185, 200, 0.8);
    padding: 10px;
    color:#fff;
}

/* Blogbeitrag */
.page-node-type-blogbeitrag .region-content {
    margin-top:160px;
}

.page-node-type-blogbeitrag h1 {
    font-family: Skolar;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top:0;
    padding-bottom: 0;
}

.view-blog h2 {
    font-family: Skolar;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 0;
}

.view-blog h2 a {
    text-decoration: none;
    color: #00b9c8;
    font-size: 30px;
    line-height: 40px;
}

.view-blog h2 {
    font-size: 30px;
    line-height: 40px;
}

.view-blog h2 a:hover {
    text-decoration: none;
    color: #333;
}

.view-blog .field--name-node-link a {
    color: #00b9c8;
    font-size: 16px;
}

.view-blog .field--name-node-link a:hover {
    color: #333;
}

.view-blog .views-row {
    margin-bottom:60px;
}

.field--name-node-link:after {
    font-family: 'wifdo-icons';
    speak: none;
    display: inline-block;
    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: "\e601";
    color: #00b9c8;
}

.field--name-node-link:hover:after {
    color: #323232;
}

.page-node-type-blogbeitrag .field--name-field-blog-bild {
    padding-bottom:20px;
}

.page-node-type-blogbeitrag .field--name-body {
    margin-bottom:30px;
}

.page-node-type-blogbeitrag .affix-wrapper {
    margin-bottom:30px;
}

.field--name-node-post-date .field--item,
.field--name-node-author .field--item,
.field--name-dynamic-token-fieldnode-blog-artikel-autor .field--item {
    margin-bottom:15px;
    font-family: Calibre-Light;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}

.view-id-blog .field--name-node-link {
    margin-top:7px;
}

.nav-wrapper {
    min-height:50px;
}

.field--name-field-blog-bild .slick-arrow {
    font-size: 0;
    line-height: 18px;
}

.field--name-field-blog-bild .slick-arrow span {
    font-size: 26px;
    line-height: 18px;
}

.field--name-field-blog-bild .slick-dots {
    margin-top:15px;
}

.field--name-field-blog-bild .slick-dots,
.field--name-field-blog-bild .slick-dots li {
    list-style: none;
}

.field--name-field-blog-bild .slick-dots li {
    display: inline-block;
    margin-right: 6px;
    margin-left: 0;
    padding-left: 0;
}

.field--name-field-blog-bild button {
    display: block;
    float: left;
    width: auto;
    color: #fff;
    background-color: #323232;
    font-size: 15px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-family: "calibre-strong";
    border-radius: 0;
    border: none;
    text-decoration: none;
}


.field--name-field-blog-bild .slick-dots li.slick-active button {
    background-color: #00b9c8;
    border-color: #00b9c8;
    color: #fff;
}

.field--name-field-blog-bild .slick-dots {
    padding: 0px 45px;
    margin-bottom: 0;
}

.field--name-field-blog-bild .slick-next {
    position: absolute;
    right:0;
    bottom:27px;
}

.field--name-field-blog-bild .slick-prev {
    position: absolute;
    left:0;
    bottom:30px;
}

.field--name-field-blog-bild {
    position: relative;
    display: block;
}

.blog-bild-wrapper {
    display: inline-block;
    width: 100%;
}


@media (max-width: 992px) {

    .affix-wrapper .affix {
        position: relative !important;
    }

    .field--name-node-post-date,
    .field--name-node-author {
        float: left;
        margin-right: 40px;
        min-height: 42px;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button {
        background: #fff;
        padding: 5px 10px 6px;
        color: #000;
        position: fixed;
        top: 68px;
        z-index: 100;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button a {
        padding:0;
        margin:0;
        border-bottom: none;
        font-family: calibre-strong;
        font-size: 15px;
        text-decoration: none;
    }

    .field--name-dynamic-token-fieldnode-zurueck-button a:before {
        float: right;
        margin-left:4px;
        margin-top: 4px;
    }
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege {
    margin-top: 50px;
    margin-bottom: 80px;
    padding-top: 10px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .field--label {
    font-family: Skolar;
    font-style: normal;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 50px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .layout__region {
    border-top: 3px solid #000;
    margin-bottom: 20px;
    margin-top: 6px;
    padding-top: 15px;
}

.field--name-dynamic-block-fieldnode-blog-weitere-beitraege .field--name-node-title a {
    font-family: Skolar;
    font-size: 26px;
    line-height: 28px;
    margin-bottom:20px;
    color: black;
}

.field--name-dynamic-token-fieldnode-back-to-top-link a {
    background-color: #00b9c8;
    color: #fff !important;
    display: inline-block;
    padding: 5px 7px;
    margin-bottom:15px;
}

.field--name-dynamic-token-fieldnode-back-to-top-link i {
    font-size: 16px;
    transform: rotate( -90deg);
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: 1px;
}

.field--name-dynamic-token-fieldnode-back-to-top-link i::after {
    content: "\e601";
}

.field--name-dynamic-token-fieldmedia-media-image-title,
.field--name-field-copyright {
    float: left;
    font-family: Calibre-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.field--name-dynamic-token-fieldmedia-media-image-title p {
    font-family: calibre-strong;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
    padding-right: 0.5rem;
}

/* Tabs */
.tabs ul li a {
    display: block;
    float: left;
    width: auto;
    color: #fff;
    background-color: #323232;
    font-size: 15px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-family: "calibre-strong";
    border-radius: 0;
    border:none;
    text-decoration: none;
}

.tabs ul li {
    margin-left: 0px;
}

.nav-tabs {
    border-bottom: none;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a.is-active, .nav > li > a.is-active:hover {
    text-decoration: none;
    background-color: #00b9c8;
    border-color: #00b9c8;
    color: #fff;
    border:none;
}

.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.is-active > a:hover, .nav-tabs > li.is-active > a:focus {
    color: #fff !important;
    border:none;
}

.breadcrumb li {
    float: left;
}

.breadcrumb li {
    text-decoration: none;
    border-color: none;
    border:none;
    display: block;
    width: auto;
    font-weight: bold;
    color: #fff;
    background-color: #323232;
    font-size: 15px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-family: "calibre-strong";
}

.breadcrumb li a {
    text-decoration: none;
    border-color: none;
    border:none;
    display: block;
    width: auto;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    padding: 0;
    margin: 0;
    font-family: "calibre-strong";
}

.breadcrumb li.active,
.breadcrumb li:last-child {
    text-decoration: none;
    border-color: none;
    border:none;
    display: block;
    width: auto;
    font-weight: bold;
    color: #fff;
    background-color: #00b9c8;
    font-size: 15px;
    padding: 2px 7px;
    margin: 0 5px 0 0;
    font-family: "calibre-strong";
}

.breadcrumb {
    padding: 0;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: none;
    margin-top: -30px;
}

.breadcrumb > li + li:before {
    display: none;
}

/* User Page */
.cart-bg {
    padding:15px;
    background-color: #fff;
    border:1px solid #ccc;
    box-shadow 0px 0px 15px #ccc;
}

.view-footer .btn {
    margin-right: 15px;
}

.view-footer .btn-primary {
    background-color: #00b9c8;
    border-color: #00b9c8;
}

.view-footer .btn-primary:hover {
    background-color: #323232;
    border-color: #323232;
}

.user-profil-wrapper {
    margin-top:120px;
    margin-bottom: 30px;
}

/* Usermenu */
.usermenuarea {
    position: absolute;
    z-index: 17;
    top: -20px;
    background-color: transparent;
    right: 15px;
    border: none;
    box-shadow: 0px 0px 10px #000;
}

.usermenuarea ul li a {
    padding: 4px 10px;
    background-color: #323232;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    margin: 4px;
}

.usermenuarea ul li a:hover {
    background-color: #00b9c8;
}

.usermenuarea ul {
    display: inline-block;
    margin-right: 0;
}

#block-system-menu-block-account {
    margin-left:-15px;
}

.menu--account {
    padding: 15px;
    padding-left: 25px;
    margin-left: -25px;
    float: none !important;
    background-color: #f2f2f2;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #ccc;
}

.file > span:last-child,
.file > span:first-child,
.file > span {
    border:none;
    background-color: transparent;
}

.file-link {
    display: inline-block;
    width: auto;
    float: left;
}

.file-link a, .file-link a:hover, .file-link a:focus, .file-link a:active {
    color: #00b9c8;
}

.file {
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    margin: 0;
    width: auto;
}

.field--name-field-media-document .field--item {
    float: left;
    margin-right: 15px;
}

.field-name-field-anhang .field-label-inline {
    font-weight: bold;
    float: left;
    margin-right: 15px;
}

.field-name-field-anhang {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.field-name-field-anhang a {
    text-decoration: underline;
    margin-right:15px;
}

.field-name-field-anhang a:after {
    font-family: 'wifdo-icons';
    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: "\e600";
    text-decoration: none;
    position: absolute;
}

/* Kachel */
.par-kachel {
    margin-bottom: 20px;
    border-top: 3px solid #323232;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}

.par-kachel .field--name-field-bild {
    margin-bottom: 30px;
}

.par-kachel a {
    text-decoration: none;
}

.par-kachel h3 {
    padding-top: 0;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 27px;
    line-height: 28px;
}

a.field-group-link {
    color: #323232;
}

a.field-group-link:hover {
    color: #00B9C8;
}

.par-kachel .field--type-text-long p:after {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    text-decoration: blink;
    display: inline-block;
    padding-left: 10px;
    padding-top: 2px;
    position: absolute;
}

/* News */
.field--name-dynamic-token-fieldnode-news-header .par-hintergrund-bild.smal-header {
    height: 250px;
}

.page-node-type-news .field--name-dynamic-token-fieldparagraph-title-h1 {
    padding-top:0px;
    padding-bottom:0px;
}

.page-node-type-news h1 {
    padding-top:0px;
    padding-bottom:15px;
    margin-top:0;
}

.page-node-type-news .header-wrapper {
    overflow: hidden;
    position: relative;
}

.field--name-field-datum-news {
    padding-top: 30px;
    border-top: 3px solid #323232;
}

.view-news-liste .field--name-field-media-image {
    padding: 10% 20% 6px;
}

.view-news-liste .field--name-node-link {
    margin-top:10px;
}

.view-news-liste .field--name-node-link a,
.view-news-liste .field--name-node-link:after {
    font-size: 20px;
    line-height: 22px;
    color: #323232;
    text-decoration: underline;
}

.view-news-liste .field--name-node-link:after {
    text-decoration: none;
}

.view-news-liste .field--name-node-link a {
    margin-bottom: 30px;
    display: inline-block;
}

.view-news-liste .field--name-dynamic-token-fieldmedia-media-image-title {
    text-align: center;
    width: 100%;
}

.page-node-type-news .field--name-dynamic-token-fieldnode-zurueck-button {
    padding-top: 5px;
}

.page-node-type-news .field--name-body {
    padding-bottom: 30px;
}

/* Termine */
.block-views-blocktermine-liste-block-1 h2,
.block-views-blocktermine-liste-block-2 h2 {
    font-size: 45px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 30px;
    font-weight: bold;
}

.block-views-blocktermine-liste-block-1 h3,
.block-views-blocktermine-liste-block-2 h3 {
    margin-top:6px;
    padding-top: 0;
    font-size: 22px;
    line-height: 28px;
    color: #323232;
    float: left;
    max-width: 100%;
}

.block-views-blocktermine-liste-block-1 h3 a:after,
.block-views-blocktermine-liste-block-2 h3 a:after {
    content: "\e601";
    font-family: 'wifdo-icons';
    line-height: 1;
    text-decoration: blink;
    display: inline-block;
    padding-left: 10px;
}

.block-views-blocktermine-liste-block-1 a,
.block-views-blocktermine-liste-block-2 a {
    margin-top:0;
    padding-top: 0;
    font-size: 20px;
    line-height: 22px;
    display: block;
    color: #323232;
    text-decoration: none;
    border-bottom: none;
    hyphens: none;
}

.views-field-field-online-veranstaltung a {
    margin-top: 4px;
    font: 15px "Calibre-Light";
}

.block-views-blocktermine-liste-block-1 h3 a,
.block-views-blocktermine-liste-block-2 h3 a {
    font-size: 20px;
    line-height: 28px;
}

.block-views-blocktermine-liste-block-1 .views-row,
.block-views-blocktermine-liste-block-2 .views-row {
    margin-bottom:8px;
}

.block-views-blocktermine-liste-block-1 .views-field-field-datum,
.block-views-blocktermine-liste-block-2 .views-field-field-datum {
    border-top: 3px solid #323232;
    padding-top:10px;
}

.block-views-blocktermine-liste-block-1 .views-field-field-datum a,
.block-views-blocktermine-liste-block-1 .views-field-field-adresse a,
.block-views-blocktermine-liste-block-2 .views-field-field-datum a,
.block-views-blocktermine-liste-block-2 .views-field-field-adresse a {
    font-size: 14px;
    line-height: 18px;
    font: 15px "Calibre-Light",Helvetica,Arial,sans-serif;
}

.block-views-blocktermine-liste-block-1 .views-field-field-adresse,
.block-views-blocktermine-liste-block-2 .views-field-field-adresse {
    margin-top:4px;
}

/* Login */
.not-logged-in.path-user .region-content {
    margin-top:160px;
    margin-bottom: 40px;
}

/* Ansprechpartner */
.par_ansprechpartner h2 {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 45px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 5px;
}

.par_ansprechpartner .ansprechpartner-twig-field-inner .position {
    display: block;
    padding-bottom: 15px;
}

.ansprechpartner-liste-ref-wrapper {
    margin-top:30px;
}

.field--name-field-ansprechpartner .field--name-field-media-image {
    max-width: 60%;
}

.ansprechpartner-twig-field,
.ansprechpartner-wrapper-daten {
    max-width: 80%;
    margin-left: 20%;
    margin-top: -44px;
    background: rgba(0,185,200,.8);
    position: relative;
}

.ansprechpartner-twig-field-inner,
.ansprechpartner-twig-field-inner a,
.ansprechpartner-wrapper-daten,
.ansprechpartner-wrapper-daten a {
    color: #fff;
    padding: 15px;
}

.ansprechpartner-wrapper-daten a {
    padding: 0px;
    margin-bottom:6px;
}

.ansprechpartner-twig-field-inner {
    margin-bottom: 30px;
}

.page-node-type-ansprechpartner .par_ansprechpartner {
    margin-top:60px;
}

.ansprechpartner-twig-field-inner h4,
.ansprechpartner-wrapper-daten h1{
    color: #fff;
    padding: 0px;
    margin:0;
    font-size: 15px;
    line-height: 18px;
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
}

.ansprechpartner-wrapper-daten h1{
    font-size: 19px;
    line-height: 22px;
}

.ansprechpartner-twig-field-inner strong.position {
    font-weight: normal;
    font: 15px "Skolar","SkolarLatinMin",Georgia,serif;
}

.ansprechpartner-twig-field-inner a {
    padding: 0;
    text-decoration: underline;
}

.path-taxonomy .highlighted {
    padding-top:30px;
}

.path-taxonomy nav.tabs {
    top: -6px;
}

#block-uberuns  {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(50, 50, 50);
}

#block-uberuns,
#block-uberuns-2 {
    display: inline-block;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
}

#block-uberuns ul li,
#block-uberuns-2 ul li {
    float:left;
    margin-right:6px;
    margin-left:0;
    padding-left:0;
}

#block-uberuns .nav > li > a,
#block-uberuns-2 .nav > li > a {
    background-color: #ccc;
    margin-bottom: 15px;
}

#block-uberuns .nav > li > a:hover,
#block-uberuns .nav > li > a.is-active,
#block-uberuns .nav > li > a.is-active:hover,
#block-uberuns .nav > li.active > a,
#block-uberuns-2 .nav > li > a:hover,
#block-uberuns-2 .nav > li > a.is-active,
#block-uberuns-2 .nav > li > a.is-active:hover {
    background-color: #00b9c8;
}

#block-uberuns .nav > li.active > a {
    color: #fff;
}

.view-taxonomy-term .view-content {
    margin-left:-15px;
    margin-right:-15px;
    margin-top:15px;
}

.view-taxonomy-term .par_ansprechpartner {
    margin-bottom: 30px;
}

.ansprechpartner_anriss img {
    max-width: 80%;
}

/* par-downloads */
.par-download a {
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    display:block ;
}

.par-download .par-download-file {
    float: none;
    margin-right: 0;
    padding: 25px 0 20px 0;
    border-top: 1px solid #000;
    margin-bottom: 20px;
}

.par-download .file,
.par-download .file-link {
    display: block;
    width: 100%;
    float: none;
}

.par-download .field--name-field-media-document,
.par-download .field--name-field-kurzbeschreibung {
    display: inline-block;
}

.par-download-file .field--name-field-kurzbeschreibung {
    display: block;
}

/* paragraph-akkordeon */
.paragraph-akkordeon {
    padding-bottom:15px;
}

.paragraph-akkordeon .field--name-field-titel {
    padding: 25px 0 10px 25px;
    border-top: 1px solid #000;
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    cursor: pointer;
}

.paragraph-akkordeon .field--name-field-titel:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e080";
    margin-right: 6px;
    top: 3px;
    margin-left:-25px;
}

.paragraph-akkordeon .field--name-field-titel:hover,
.paragraph-akkordeon .field--name-field-titel:hover:before {
    color: #00b9c8;
}

.bgcolor-orange .paragraph-akkordeon .field--name-field-titel:hover,
.bgcolor-orange .paragraph-akkordeon .field--name-field-titel:hover:before {
    color: #ee7f00;
}

.paragraph-akkordeon .field--name-field-text {
    padding-left:25px;
    margin-bottom:15px;
    display: none;
}

.paragraph-akkordeon.open .field--name-field-titel:before {
    content: "\e114";
}

.field--name-field-bild-spalten {
    display: inline-block;
    width: 100%;
}

.field--name-field-par-link a {
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    display: block;
    text-decoration: underline;
    margin-bottom: 15px;
}

.field--name-field-par-link a:hover {
    color: #00b9c8;
}

.field--name-field-par-link a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e164";
    margin-left:6px;
}

/* Paragraphcall-to-action-button */
.field--name-field-call-to-action-button {
    display: inline-block;
}

.field--name-field-call-to-action-button a,
.openSearchFormModal.buttonlink {
    padding: 15px;
    color: #fff;
    background-color: #00b9c8;
    border: 1px solid #00b9c8;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    border-radius: 0;
}

.field--name-dynamic-token-fieldparagraph-immoapp-btn {
   text-align: center;
}

.bgcolor-orange .field--name-field-call-to-action-button a,
.bgcolor-orange .openSearchFormModal.buttonlink {
    color: #fff;
    background-color: #ee7f00;
    border: 1px solid #ee7f00;
}

.field--name-field-call-to-action-button a:hover,
.openSearchFormModal.buttonlink:hover {
    color: #00b9c8;
    border: 1px solid #00b9c8;
    background-color: #fff;
    text-decoration: none;
}

.bgcolor-orange .field--name-field-call-to-action-button a:hover,
.bgcolor-orange .openSearchFormModal.buttonlink:hover {
    color: #ee7f00;
    border: 1px solid #ee7f00;
    background-color: #fff;
    text-decoration: none;
}

.field--name-field-call-to-action-button .field--item {
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom:15px;
}

/* Paragraphs paddings */
.par-textblock,
.par-text-bild-links,
.par-text-bild-rechts,
.par-zwei-spalten {
    padding-bottom:20px;
}


/* img-bg */
#img-bg {
    min-height: 100vH;
}

/* par-news-termine-prev-s2g */
.par-news-termine-prev-s2g h3 strong {‚
font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 27px;
    line-height: 28px;
}

.par-news-termine-prev-s2g .col-right,
.par-news-termine-prev-s2g .col-left {
    border-top: 3px solid #323232;
}

.par-news-termine-prev-s2g a,
.bgcolor-orange .par-news-termine-prev-s2g a {
    font: 15px "Calibre-Light", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #333333;
}

a .div-blog-prev-date,
a .div-blog-prev-title,
a .div-blog-prev-text {
    font-size: 14px;
    line-height: 18px;
}

.view-news-storys-preview-start2grow .more-link a,
.view-termine-preview-start2grow .more-link a {
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #323232;
    background: #d2d2d2;
    border: none;
    border-radius: 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-family: 'calibre-strong';
    font-weight: normal;
    margin-bottom: 15px;
}

.view-news-storys-preview-start2grow .more-link a,
.view-termine-preview-start2grow .more-link a {
    float: right;
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #323232;
    background: #d2d2d2;
    border: none;
    border-radius: 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-family: 'calibre-strong';
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* Webform */
.webform-submission-form input {
    border-radius: 0;
    border: none;
    background-color: #d2d2d2;
    padding: 6px 10px 6px 10px;
    margin-right: 5px;
    color: #323232;
    font-family: "Calibre-Light";
    font-size: 14px;
    line-height: 18px;
    box-shadow: none;
}

.webform-submission-form input[type="search"],
.webform-submission-form input[type="text"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="email"],
.webform-submission-form select.form-control,
.webform-submission-form textarea,
.webform-submission-form textarea.form-control {
    border-radius: 0;
    border: none;
    background-color: #d2d2d2;
    padding: 6px 10px 6px 10px;
    margin-right: 5px;
    color: #323232;
    font-family: "Calibre-Light";
    font-size: 14px;
    line-height: 18px;
    box-shadow: none;
}


.webform-submission-form input[type="search"],
.webform-submission-form input[type="text"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="email"] {
    min-height: 30px;
}

.webform-submission-form textarea,
.webform-submission-form textarea.form-control {
    height: auto;
}

.webform-submission-form .btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;

    border-radius: 0;

    color: #fff;
    background: #323232;
}

.webform-submission-form .form-actions {
    text-align: right;
}

.webform-submission-form .form-type-number label {
    display: block;
}

::placeholder {
    color:  #323232;
    font-weight: bold;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular {
    margin-top:15px;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular form {
    margin-top:8px;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular .field--label {
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 27px;
    line-height: 28px;
}

/* inner-headerimgwrapper-container */
.inner-headerimgwrapper-container {
    margin-left: 15px;
    margin-right: 15px;
}

.inner-headerimgwrapper-container .header-title-wrapper {
    background: transparent;
    border: none;
    position: relative;
    color: #333;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-top: 15px;
    font-size: 27px;
    line-height: 28px;
}

.inner-headerimgwrapper-container .header-title-wrapper h1 {
    color: #333;
    font-size: 27px;
    line-height: 28px;
}

.inner-headerimgwrapper-container .text-container-header {
    margin-bottom: 0;
}

.inner-headerimgwrapper-container .par-hintergrund-bild picture img {
    object-fit: contain;
    height: auto;
}

.inner-headerimgwrapper-container .par-hintergrund-bild picture {
    position: relative;
}

.inner-headerimgwrapper-container .par-hintergrund-bild .field--name-field-bild .field--item,
.inner-headerimgwrapper-container .par-hintergrund-bild .field--name-field-bild {
    height: auto;
}

.inner-contactform-container {
    margin-top: 50px;
}

.inner-contactform-container h3 {
    font-weight: bold;
    font-size: 27px;
    margin-top: 0;
}

.field--name-field-bild-spalten,
.field--name-field-bild {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

/* Paragraphs paddings */
.par-textblock,
.par-textblock-hervorgehoben,
.par-text-bild-links,
.par-text-bild-rechts,
.par-zwei-spalten {
    padding-bottom:20px;
}

/* img-bg */
#img-bg {
    min-height: 100vH;
}

/* par-textblock-hervorgehoben */
.par-textblock-hervorgehoben .field--name-field-text {
    color:#fff;
    padding: 7.5px;
    border:2px solid #fff;
}

.par-textblock-hervorgehoben .field--name-field-text a {
    color:#fff;
}

.par-textblock-hervorgehoben .field--name-field-text a:hover {
    color:#fff;
}

.par-textblock-hervorgehoben .par-textblock-herv-inner {
    background-color: #00b9c8;
    padding: 7.5px;
}

.bgcolor-orange .par-textblock-hervorgehoben .par-textblock-herv-inner {
    background-color: #ee7f00;
}

/* par-news-termine-prev-s2g */
.par-news-termine-prev-s2g h3 strong {‚
    font-family: 'SkolarBold','SkolarLatinMinBold',Georgia,serif;
    font-weight: normal;
    font-size: 27px;
    line-height: 28px;
}

.par-news-termine-prev-s2g .col-right,
.par-news-termine-prev-s2g .col-left {
    border-top: 3px solid #323232;
}

.par-news-termine-prev-s2g a,
.bgcolor-orange .par-news-termine-prev-s2g a {
    font: 15px "Calibre-Light", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #333333;
}

a .div-blog-prev-date,
a .div-blog-prev-title,
a .div-blog-prev-text {
    font-size: 14px;
    line-height: 18px;
}

.view-news-storys-preview-start2grow .more-link a,
.view-termine-preview-start2grow .more-link a {
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
color: #323232;
background: #d2d2d2;
border: none;
border-radius: 0;
text-decoration: none;
font-size: 14px;
line-height: 18px;
    font-family: 'calibre-strong';
    font-weight: normal;
    margin-bottom: 15px;
}

.view-news-storys-preview-start2grow .more-link a,
.view-termine-preview-start2grow .more-link a {
    float: right;
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color: #323232;
    background: #d2d2d2;
    border: none;
    border-radius: 0;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-family: 'calibre-strong';
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* Webform */
.webform-submission-form input {
    border-radius: 0;
    border: none;
    background-color: #d2d2d2;
    padding: 6px 10px 6px 10px;
    margin-right: 5px;
    color: #323232;
    font-family: "Calibre-Light";
    font-size: 14px;
    line-height: 18px;
    box-shadow: none;
}

.webform-submission-form input[type="search"],
.webform-submission-form input[type="text"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="email"],
.webform-submission-form select.form-control,
.webform-submission-form textarea,
.webform-submission-form textarea.form-control {
    border-radius: 0;
    border: none;
    background-color: #d2d2d2;
    padding: 6px 10px 6px 10px;
    margin-right: 5px;
    color: #323232;
    font-family: "Calibre-Light";
    font-size: 14px;
    line-height: 18px;
    box-shadow: none;
}


.webform-submission-form input[type="search"],
.webform-submission-form input[type="text"],
.webform-submission-form input[type="number"],
.webform-submission-form input[type="email"] {
    min-height: 30px;
}

.webform-submission-form textarea,
.webform-submission-form textarea.form-control {
    height: auto;
}

.webform-submission-form .btn-primary {
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;

    border-radius: 0;

    color: #fff;
    background: #323232;
}

.webform-submission-form .form-actions {
    text-align: right;
}

.webform-submission-form .form-type-number label {
    display: block;
}

::placeholder {
    color:  #323232;
    font-weight: bold;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular {
    margin-top:15px;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular .field--label {
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 22px;
    line-height: 28px;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 3px solid #ccc;
}

.field--name-dynamic-twig-fieldnode-termin-anmeldeformular .form-item-titel-des-termins,
.field--name-dynamic-twig-fieldnode-termin-anmeldeformular .form-item-email-empfaenger {
    display: none;
}

/* inner-headerimgwrapper-container */
.inner-headerimgwrapper-container {
    margin-left: 15px;
    margin-right: 15px;
}

.inner-headerimgwrapper-container .header-title-wrapper {
    background: transparent;
    border: none;
    position: relative;
    color: #333;
    bottom: 0px;
    left: 0;
    width: 100%;
    display: inline-block;
    padding: 0px;
    margin-top: 15px;
    font-size: 27px;
    line-height: 28px;
}

.inner-headerimgwrapper-container .header-title-wrapper h1 {
    color: #333;
    font-size: 27px;
    line-height: 28px;
}

.inner-headerimgwrapper-container .text-container-header {
margin-bottom: 0;
}

.inner-headerimgwrapper-container .par-hintergrund-bild picture img {
    object-fit: contain;
    height: auto;
}

.inner-headerimgwrapper-container .par-hintergrund-bild picture {
    position: relative;
}

.inner-headerimgwrapper-container .par-hintergrund-bild .field--name-field-bild .field--item,
.inner-headerimgwrapper-container .par-hintergrund-bild .field--name-field-bild {
    height: auto;
}

.inner-contactform-container {
    margin-top: 50px;
}

.inner-contactform-container h3 {
    font-weight: bold;
    font-size: 27px;
    margin-top: 0;
}

/* Cookies */
div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
    background: #00b9c8;
    box-shadow: 0px 0px 10px #666;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eu-cookie-compliance-content .agree-button {
    background-color: #fff;
    color: #00b9c8;
    padding: 6px 15px;
    font-weight: bold;
}

.eu-cookie-compliance-content .eu-cookie-compliance-default-button {
    background-color: transparent;
    background-image: none;
    border:1px solid #fff;
    color: #fff;
    padding: 6px 15px;
    border-radius: 0;
    margin-left: 4px;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
    font-family: 'calibre-strong';
    text-shadow: none;
    box-shadow:none;
    border-radius: 0;
    border:1px solid #fff;
    font-weight: bold;
}

.eu-cookie-compliance-message h2 {
    font-size: 18px;
}

/* immoapp */
.estatesListHead h3 {
    margin-top: 0;
}

.estatesHeaderSearch .openSearchFormModal .icon-search:before {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
    content: "\e003";
}

.blocker {
    z-index: 2;
}

#inner-wrap {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#inner-wrap.ng-hide {
    position: relative !important;
}


/* Kommentare */
.comment-form .text-format-wrapper .filter-wrapper {
    display: none;
}

form.comment-confirm-form {
    margin-left: 15px;
    margin-top: 160px;
}

.oeffentlicher-blog .comment-wrapper {
    display: none;
}

/* immo app */
.pdf-print-link {
    padding-top: 15px;
    display: inline-block;
}

.pdf-print-link .glyphicon {
    margin-right:6px;
}

/* field--name-field-media-audio-file */
.field--name-field-media-audio-file audio {
    border:1px solid #333333;
    padding:0px;
    width: 100%;
    margin-bottom: 20px;
}

.field--name-field-media-audio-file .field--name-field-audio-bild {
    margin-bottom: 20px;
}

.field--name-field-podcast {
    margin-bottom: 40px;
}

.field--name-field-podcast h3 {
    font-size: 20px;
    line-height: 20px;
    font-family: 'SkolarBold';
    color: #323232;
    text-decoration: none;
    display: block;
}


/* Newsletter Formular */
.nl-btn {
  background-color: #00b9c8;
  border-color: #00b9c8;
  border: none;
  color: #fff !important;
  margin: 0;
  margin-top: 4px;
  border-radius: 0;
  cursor: pointer;
}

.nl-btn:hover {
  background-color: #333;
}

.nl-btn #sib-container {
    padding: 0px !important;
    background-color: #FAFAFA !important;
}

.nl-open,
.nl-open .sib-form {
    max-width: 260px;
    padding: 0 !important;
}

.nl-open {
    display: none;
}

.sib-form .entry__error {
    font-size: 12px !important;
    line-height: normal !important;
    padding: 0;
    background-color: transparent !important;
}

.sib-form .entry__choice p {
    line-height: normal;
}

.nl-open .sib-form {
    margin: 0 !important;
    padding: 0 !important;
}

.sib-form {
    margin: 0 !important;;
    margin-left: -15px !important;
}

.sib-form .entry__choice {
    padding-left: 0 !important;
    text-indent: 0 !important;
    white-space: normal;
}

.sib-form .entry__choice .checkbox {
    float: left !important;
    margin-top: 4px;
}

#sib-container {
    padding: 0 !important;
    background: transparent !important;
    margin-left: -25px !important;
}

/* Video Cookie eigenbau */
.field--name-field-media-oembed-video,
.field--name-dynamic-token-fieldmedia-embedded-video-df-field,
.field--name-dynamic-token-fieldmedia-embedded-video-df-field-dsgvo {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}

.field--name-field-media-oembed-video iframe,
.field--name-dynamic-token-fieldmedia-embedded-video-df-field iframe,
.field--name-dynamic-token-fieldmedia-embedded-video-df-field-dsgvo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-video-wrapper .yt-url {
  display: none;
}

.field--name-dynamic-token-fieldmedia-embedded-video-df-field,
.field--name-dynamic-token-fieldmedia-embedded-video-df-field-dsgvo {
  background-color: #f2f2f2;
  background-image: url(/themes/custom/wfdo/images/video-play-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 10px #ccc;
}

.yt-infotext-wrapper {
  padding: 15px;
  border-radius: 15px;
  background: #00b9c8;
  color:#fff;
  box-shadow: 0px 0px 10px #ccc;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  margin-top:15px;
}

.yt-infotext-wrapper a {
    color:#fff;
    text-decoration: underline;
}

.yt-dsgvo-btn {
  cursor: pointer;
  background-image: none;
  border: 1px solid #f0ad4e;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 15px;
  border-radius: 8px;
  line-height: 1.42857143;
  margin-top: 6.5px;
  margin-bottom: 6.5px;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  background-color: #fff;
  border-color: #00b9c8;
  color:#00b9c8;
  font-weight: 500;
}

.yt-dsgvo-btn:hover {
  background-color: #00b9c8;
  border: 1px solid #fff;
  color:#fff;
}

/* par-bilder-slider */
.par-bilder-slider .slick-dots {
    list-style: none;
    display: flex;
    justify-content: center;
}

.par-bilder-slider .slick-dots button {
    content: '';
    width: 16px;
    height: 16px;
    right: -8px;
    background: #fff;
    border: 2px solid #00b9c8;
    border-radius: 16px;
    z-index: 1;
    font-size: 0;
    gap:15px;
}

.par-bilder-slider .slick-dots .slick-active button {
    background: #00b9c8;
    border: 2px solid #00b9c8;
}

.par-bilder-slider .slick-dots li {
    padding-left: 0;
    z-index: 10;
    margin-top: -70px;
}

.page-node-type-unternehmen .cart-company {
    margin-top:20vH;
}

.cart-company .field--name-node-title {
    cursor: pointer;
}

.cart-company h4 {
    font-size: 22px;
    font-weight: bold;
}

.cart-company h4:before {
    content: ' ';
    display: inline-block;
    background-image: url(/themes/custom/wfdo/images/dozubi-plus-plus.svg);
    width: 30px;
    height: 30px;
    margin-right: 8px;
    background-size: cover;
    margin-top: -4px;
    float: left;
    margin-left: -15px;
}

.cart-company .field--name-body {
    margin-bottom:15px;
    font-size: 14px;
}

.cart-company .field--name-field-unternehmen-links:before,
.cart-company .panel-title:before {
    content: ' ';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    float: left;
    background-color: #000;
    border-radius: 6px;
    margin-top: 6px;
    margin-left: -15px;
}

.cart-company .field--name-field-unternehmen-links,
.cart-company .panel-default {
    margin-bottom: 15px;
    margin-left: 15px;
}

.cart-company .ansprechpartner-name-wrapper {
    display: flex;
    gap: 5px;
}

.cart-company .panel-default {
    margin-bottom: 15px;
    background-color: transparent;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cart-company .panel-title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

.cart-company .panel-default > .panel-heading,
.cart-company .panel-body {
    background-color: transparent;
    border: none;
    padding: 0;
}

.cart-company .company-card-details {
    height: 0;
    display: block;
    overflow: hidden;
    transition: 1s;
    opacity: 0;
}

.cart-company.open .company-card-details {
    height: auto;
    transition: 1s;
    opacity: 1;
}

.view-unternehmens-liste-nach-ausbildungsberufen,
.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form,
.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form .form-type-select {
    margin-bottom: 15px;
}

.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form label {
    margin-bottom: 8px;
}

.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form label,
.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form .select-wrapper,
.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form .form-type-select,
.view-unternehmens-liste-nach-ausbildungsberufen .views-exposed-form .form-select {
    width: 100%;#block-mediterancustom-content #datepicker
}

/* select 2 */
.select2-selection__arrow {
    display: none;
}


@media (max-width: 660px) {
    #searchFormModal {
        max-width: unset;
        position: fixed;
        left: 15px;
        right: 15px;
        top: 15px;
        bottom: unset;
        max-width: calc( 100vW );
        max-height: calc( 100vH - 30px );
        overflow-y: scroll;
    }

    .modal {
        position: fixed;
        z-index: 5;
        width: auto;
    }

    #searchFormModal h3 {
        display: inline-block;
        clear: both;
        width: 100%;
    }

    .jquery-modal.blocker {
        z-index: 5;
    }
}

@media (max-width: 350px) {
    #searchFormModal {
        max-width: 100vW;
        overflow-x: auto;
    }
}

/* Dozirkulätr Erweiterungen */
h3.infinity:before {
    content: " ";
    display: inline-block;
    width: 60px;
    background-repeat: no-repeat;
    height: 22px;
    float: left;
    margin-top: 0;
    background-image: url(/themes/custom/wfdo/images/Infinity-icon.svg);
}

/* Paragraph Block */
.view-blog-paragraph .views-row h4 {
    padding-top: 0;
    margin-top: 0;
    font: 20px "Skolar","SkolarLatinMin",Georgia,serif;
    font-size: 27px;
    line-height: 28px;
    color: #333333;
}

.view-blog-paragraph .views-row a {
    text-decoration: none;
    color: #333333;
}

.videokachel,
.view-blog-paragraph .views-row {
    margin-bottom:30px;
}

.view-blog-paragraph .views-exposed-form ul {
    margin-left: 0;
    padding-left: 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.view-blog-paragraph .views-exposed-form ul li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.view-blog-paragraph .views-exposed-form ul li a {
    color: #fff;
    background-color: #45d62b;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}

.view-blog-paragraph .views-exposed-form ul li a:hover,
.view-blog-paragraph .views-exposed-form ul li a.bef-link--selected {
    color: #fff;
    background-color: #e6007e;
}

.view-blog-paragraph .views-exposed-form label {
    margin-bottom: 4px;
}

.todo-blogbeitrag .kommentar-wrapper {
    display: none;
}

/* Cookies */
.cookiesjsr-links {
    margin:0;
}

.cookiesjsr-banner {
    align-items: center;
    background-color: #00b9c8;
    bottom: 0;
    color: #fff;
    box-shadow: -7px 0px 10px #000;
}

.cookiesjsr-btn {
    align-items: center;
    background-color: #00b9c8;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 500;
}

.cookies-fallback--btn {
    background-color: #00b9c8;
}

.cookiesjsr-banner--text {
    font-size: 12px;
    display: block;
}

.cookiesjsr-links.links--row li a {
    display: inline-block;
    line-height: 2em;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    padding: 2px 8px;
    border: 1px solid #fff;
    margin-top: 7px;
    color:#fff;
}

.cookiesjsr-links.links--row li {
    margin: 0;
    padding-left:0;
    list-style: none;
}

.cookiesjsr-banner--action {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.cookiesjsr-banner--info {
    flex-grow: 2;
}

.cookiesjsr-banner--action, .cookiesjsr-banner--info {
    font-size: 14px;
}

@media (min-width: 768px) {
    .cookiesjsr-banner--action, .cookiesjsr-banner--info {
        width: 25%;
        min-width: 220px;
        font-size: 16px;
    }
    .cookiesjsr-banner--text {
        font-size: 14px;
        display: block;
    }
}

#cookies-docs {
    max-width: 860px;
    justify-content: center;
    margin: 30px;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
    background: #00b9c8;
    border-bottom: 0;
    color: #fff;
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
    background: #00b9c8;
}

.cookiesjsr-btn.important.invert {
    background-color: #00b9c8;
    border-color: #00b9c8;
    color: #fff;
    font-size: 14px;
}

.cookiesjsr-btn.invert {
    background-color: #fff;
    border-color: #00b9c8;
    color: #00b9c8;
    font-size: 14px;
}

.cookiesjsr-layer--footer {
    border-top: 4px solid #fff;
}

.cookiesjsr-layer--footer {
    border-top: 11px solid #fff;
    height: auto;
}

.cookiesjsr-btn.important {
    color: #00b9c8;
}

/* Par-Zitate-Slider */
.field-zitat-von {
    margin-top:15px;
}

.field-zitat-von p {
    font-family: 'calibre-strong';
    font-weight: normal;
}

/* Par Logo-Kachel-Slider*/
.par-logo-kachel .field--name-field-logo {
  padding:15px;
  background-color: #fff;
  border-radius:6px;
}

.par-logo-kachel a {
  text-decoration: none !important;
}

.par-logo-kachel .field--name-field-untertitel {
  text-decoration: none !important;
  color:#333;
  font-family: 'calibre-strong';
  font-weight: normal;
  font-size: 18px;
}

.path-frontpage .field--name-field-inhalte .col-lg-8 .col-lg-6:nth-child(3) {
    background-color: #fff;
    margin-bottom: -3px;
    border-bottom: 3px solid #fff;
}

.path-frontpage .field--name-field-inhalte .col-lg-8 .col-lg-6:nth-child(3) a {
    color: #00b9c8;
}

/* Video Kacheln */
.video-kacheln-row {
    display: flex;
    flex-wrap: wrap;
}

/* Par Programmtag */
.par-programmtag .programmtag-titlewrapper,
.par-programmtag-platzhalter .par-pt-platzhalter-titelwrapper {
    background-color: #45d62b;
    color:#000;
    padding: 15px;
}

.par-programmtag .programmtag-titlewrapper {
    cursor: pointer;
}

.par-programmtag-platzhalter .par-pt-platzhalter-titelwrapper {
    display: inline-block;
    width: 100%;
}

.par-programmtag .programmtag-titlewrapper,
.par-programmtag .programmtag-titlewrapper p,
.par-programmtag-platzhalter .par-pt-platzhalter-titelwrapper,
.par-programmtag-platzhalter .par-pt-platzhalter-titelwrapper p {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

.par-programmtag .field--name-field-tag {
    text-transform: uppercase;
}

.field--name-dynamic-token-fieldparagraph-programmpunkt-titlezeile {
    display: flex;
    background-color: #ccc;
    width: calc(100% - 30px);
    margin: 0 15px;
}

.field--name-field-tagespunkte {
    background-color: #fff;
}

.field--name-field-tagespunkte > .field--item {
    border-bottom:1px solid #ccc;
    padding: 4px 15px;
}

.zeit-icon-wrapper {
    display:flex;
    gap: 8px;
    justify-content: space-between;
}

.zeit-icon-wrapper img {
    max-width: 32px;
    height: auto;
}

.programmtag-contenwrapper {
    display: none;
}

.open .programmtag-contenwrapper {
    display: block;
}

.par-programm {
    margin-bottom: 30px;
}

.par-programmtag .programmtag-titlewrapper .field-label-inline {
    float: left;
    margin-right: 4px;
}

.par-programmtag {
    margin-bottom: 6px;
}

.par-programmtag .field--name-field-link {
    padding: 4px 15px;
    background-color: #B4E9EF;
    text-align: right;
    font-size: 18px;
}

.par-programmtag .field--name-field-link a {
    color:#000;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
}

.par-programmtag .field--name-field-link a:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e065";
    margin-right:4px;
}

.field--name-field-programmtage > .field--item:nth-child(1) .programmtag-titlewrapper {
    background-color:#31C7D5;
}
.field--name-field-programmtage > .field--item:nth-child(1) .field--name-field-link {
    background-color: #B4E9EF;
}

.field--name-field-programmtage > .field--item:nth-child(2) .programmtag-titlewrapper {
    background-color:#E6007C;
}
.field--name-field-programmtage > .field--item:nth-child(2) .field--name-field-link {
    background-color: #F9B3D8;
}

.field--name-field-programmtage > .field--item:nth-child(3) .par-pt-platzhalter-titelwrapper {
    background-color:#ccc;
}

.field--name-field-programmtage > .field--item:nth-child(4) .programmtag-titlewrapper {
    background-color:#F6EA34;
}
.field--name-field-programmtage > .field--item:nth-child(4) .field--name-field-link {
    background-color: #FCF7B5;
}

.field--name-field-programmtage > .field--item:nth-child(5) .programmtag-titlewrapper {
    background-color:#34BEA5;
}
.field--name-field-programmtage > .field--item:nth-child(5) .field--name-field-link {
    background-color: #B3E6DD;
}

.programmtag-titlewrapper .ptt-tag:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e114";
    margin-right:4px;
}

.open .programmtag-titlewrapper .ptt-tag:before {
    content: "\e113"
}

/* par-todo-livestream */
.par-todo-livestream h3,
.par-todo-livestream h2 {
    font-weight: bold;
}

.par-todo-livestream {
    font-weight: bold;
    margin-bottom: 30px;
}

/* par zitate */
.field-zitat-von {
    text-align: right;
    margin-right: 15px;
}

.par-zitat .field--name-field-zitat-bild {
    margin-right:15px;
}

.par-zitate-slider .slick-arrow:hover:before,
.par-logo-kacheln-slider .slick-arrow:hover:before {
    background-color: #333;
    color: #fff;
}

.par-zitat .row .texte-wrapper {
    color:#fff;
}

.field-zitat-text {
    padding-left:20px;
    padding-right:15px;
}

.par-zitat img {
    border-radius: 8px;
}

.par-zitate-slider,
.par-logo-kacheln-slider {
    position: relative;
}

.par-logo-kacheln-slider {
    padding-bottom:30px;
}

.par-zitate-slider .slick-arrow,
.par-logo-kacheln-slider .slick-arrow {
    font-size: 0;
    border: none;
    background-color: transparent;
}

.par-zitate-slider .slick-arrow:before,
.par-logo-kacheln-slider .slick-arrow:before {
    content: '<';
    display: block;
    font-size: 80px;
    line-height: 29px;
    width: 30px;
    height: 30px;
    padding: 0 6px;
    font-family: 'calibre-strong';
    position: absolute;
    left: 0;
    color: #fff;
    bottom: 20px;
    border-radius: 3px;
    z-index: 10;
}

.par-zitate-slider .field--name-field-zitate {
    padding-bottom: 60px;
}

.par-zitate-slider .slick-arrow:hover:before,
.par-logo-kacheln-slider .slick-arrow:hover:before,
.par-zitate-slider .slick-arrow:hover,
.par-logo-kacheln-slider .slick-arrow:hover {
    background-color: transparent;
    color: #005359;
}

.par-logo-kacheln-slider .slick-arrow:before {
    bottom: -15px;
}

.par-zitate-slider .slick-next:before,
.par-logo-kacheln-slider .slick-next:before {
    content: '>';
    right: 0px;
    left:unset
}

.par-zitate-slider {
    background-color: #00b9c8;
    margin-bottom: 30px;
}

.par-zitate-slider .img-copyright {
    color:#fff;
}

.par-zitate-slider .img-copyright:before {
    content: "C";
    border: 1px solid #fff;
    border-radius: 10px;
    margin-right: 4px;
    float: left;
    margin-top: 2px;
    font-size: 10px;
    padding: 1px 3px;
    font-weight: bold;
    line-height: 10px;
}

.hide-copyright-1 .img-copyright {
    display:none;
}

/* par kacehl animiert */
.par-kachel-animiert {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.par-kachel-animiert img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

a.kachel-ani-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(128,192,117,0.6);
    padding:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    text-decoration: none;
    font-size: 1.6em;
    text-align: center;

    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none; /* verhindert, dass der Text direkt klickbar ist */
}

.par-kachel-animiert:focus-within a.kachel-ani-link,
.par-kachel-animiert:hover a.kachel-ani-link {
    opacity: 1;
    transition: opacity 0.6s ease;
    pointer-events: auto; /* aktiviert die Interaktion mit dem Text und Link */
    background-color: rgba(128,192,117,1);
    color: #fff;
}

.par-kachel-animiert:hover img {
    transform: scale(1.2); /* Bild um 20% vergrößern */
    transition: transform 0.6s ease;
 }

 .par-kacheln-animiert .field--name-field-kacheln {
    display: grid;
    grid-template-columns: calc(33.33% - 10px) calc(33.33% - 10px) calc(33.33% - 10px);
    grid-gap: 15px;
}