/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* 1.Base */
/* Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(../fonts/open-sans-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Regular */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/open-sans-regular-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Bold */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/open-sans-bold-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Bold Italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(../fonts/open-sans-bold-italic-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html, body, div, ul {
  margin: 0;
  padding: 0; }

body {
  font-family: calibri, "Open Sans", sans-serif;
  background-color: #fff;
  color: #333;
  font-size: 17px;
  text-align: left;
  line-height: 19px; }

div {
  border: 0; }

a {
  color: #ec006d;
  text-decoration: none;
  cursor: pointer; }

input:focus,
textarea:focus,
select:focus,
img:focus,
a:focus {
  outline: 0 none; }

img {
  border: none; }

.clearfix {
  height: 1px;
  font-size: 1px;
  clear: both; }

br {
  letter-spacing: normal; }

table, tr, td {
  border-collapse: collapse; }

hr {
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 0;
  text-align: left;
  color: #fff;
  border: 0;
  border-top: 1px solid #000;
  height: 1px; }

.spacerAfter1 {
  clear: both;
  height: 10px !important; }

.spacerAfter2 {
  clear: both;
  height: 20px !important; }

.spacerBefore1 {
  margin-top: 15px !important; }

.spacerBefore2 {
  margin-top: 30px !important; }

.clear, .clearer {
  clear: both;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  line-height: 0; }

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0; }

h1 {
  font-size: 30px;
  line-height: 1.1em;
  margin-bottom: 12px; }

h2 {
  font-size: 30px;
  line-height: 1.1em;
  margin-bottom: 12px; }

h3 {
  font-size: 24px;
  line-height: 1.1em;
  margin-bottom: 8px; }

.subtitle {
  font-weight: bold;
  margin-bottom: 32px; }

hr {
  border-color: #707070; }

ul {
  list-style-position: outside;
  margin: 8px 10px; }

.text ul {
  padding-left: 10px; }

#link_area > h2 {
  font-size: 24px;
  line-height: 1.1em;
  margin-bottom: 8px;
  color: #333; }

.rowsComponent {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .rowsComponent .medium-4 {
    width: 33.33%; }
  .rowsComponent .medium-6 {
    width: 50%; }
  .rowsComponent .medium-8 {
    width: 66.66%; }
  .rowsComponent .columns {
    padding: 0 6px;
    box-sizing: border-box; }
    .rowsComponent .columns.first {
      padding-left: 0; }
    .rowsComponent .columns.last {
      padding-right: 0; }
    @media only screen and (max-width: 40em) {
      .rowsComponent .columns {
        width: 100%;
        padding: 0; } }

.form-row.selection fieldset > legend {
  display: none; }

.loader {
  text-align: center;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: wait;
  background-color: rgba(255, 255, 255, 0.75);
  padding-left: 294px;
  box-sizing: border-box;
  padding-top: 110px; }
  .loader svg {
    padding: 50px 0; }

.button-style {
  display: inline-block;
  padding: 14px;
  color: #ffffff !important;
  width: 100%;
  text-align: center;
  box-sizing: border-box; }

.show-small-only {
  display: none; }
  @media only screen and (max-width: 40em) {
    .show-small-only {
      display: block; } }

@media only screen and (max-width: 40em) {
  .mgnlLikeBtn {
    display: none; } }

/*------ Icons ------*/
.arrow-down-icon {
  width: 20px;
  fill: none;
  stroke: #e41871;
  stroke-linecap: round;
  stroke-width: 3px; }

.arrow-right-icon {
  fill: #e41871;
  width: 20px;
  display: block; }

.arrow-left-icon {
  fill: #e41871;
  width: 18px;
  display: block;
  transform: rotate(180deg); }

.inline-icon {
  display: inline-block;
  padding-right: 6px; }

.arrow-right-anim .arrow-right-icon {
  padding-right: 8px;
  padding-left: 0;
  transition: padding-right .4s, padding-left .4s; }

.arrow-right-anim:hover .arrow-right-icon {
  padding-right: 0;
  padding-left: 8px; }

/*------------------*/
.outer-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }

#wrap-all {
  padding: 0 10px;
  box-sizing: border-box; }

#wrap-content {
  width: 1024px;
  margin: 0 auto;
  background-position: 718px; }

body.home #wrap-content {
  background-image: none;
  margin-bottom: 80px; }

a#logo {
  position: absolute;
  top: 18px; }
  a#logo img {
    display: block; }

#wrap-metanav {
  float: right;
  padding-top: 13px;
  font-size: 13px; }

#breadcrumb {
  line-height: 35px;
  clear: both;
  background-color: white;
  font-size: 12px; }

#content {
  float: left;
  width: 700px;
  background-color: transparent; }

#sidebar {
  float: right;
  width: 265px;
  padding-right: 20px;
  font-size: 13px;
  line-height: 16px; }
  #sidebar h2 {
    font-size: 14px;
    margin-bottom: 4px; }

a#home-icon {
  display: block;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  height: 100%; }
  a#home-icon img {
    padding-top: 5px;
    display: block;
    height: 20px; }

a#home-icon:hover, a#home-icon.on {
  background-color: #9e0046; }

div#breadcrumb a {
  padding-right: 10px;
  text-decoration: none;
  color: #444; }
  div#breadcrumb a:hover {
    text-decoration: underline; }
  div#breadcrumb a.not-first {
    padding-left: 9px; }
  div#breadcrumb a.active-breadcrumb {
    color: #ec006d; }

div#wrap-metanav li, div#wrap-metanav ul, div#footer li, div#footer ul {
  display: inline;
  list-style: none; }

div#wrap-metanav li, div#wrap-metanav ul {
  float: left; }

div#wrap-metanav li a, div#footer li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #444; }

div#wrap-metanav li a:hover, div#footer li a:hover {
  text-decoration: underline; }

div#wrap-metanav li.sep, div#footer li.sep {
  padding: 0 15px; }

div#wrap-metanav li a {
  color: #444; }

div#wrap-metanav li a.active, div#wrap-metanav li a:hover, div#footer li a:hover {
  color: #ec006d; }

div#footer li, div#footer li a {
  color: white;
  font-size: 11px; }

.detailHolder {
  margin-bottom: 20px; }
  .detailHolder .subline {
    font-size: 16px; }

div.contententry h2, div.contententry h2 a {
  color: #ec006d;
  font-size: 22px;
  text-decoration: none;
  padding-bottom: 5px; }

div.contententry div.subline {
  font-weight: bold;
  padding-bottom: 20px; }

.aggregation-entry .subline {
  padding-bottom: 2px !important; }

.aggregation-entry h2, .aggregation-entry h2 a {
  font-size: 20px !important; }

div#aggregation-top-item img {
  margin-bottom: 40px;
  display: block;
  clear: both;
  max-width: 100%; }

.lead {
  font-weight: bold; }

.aggregation-entry .lead {
  font-weight: normal; }

div.aggregation-two-col, div.aggregation-single-col, div#aggregation-top-item {
  clear: both; }

div.clickable-entry {
  cursor: pointer; }

div.clickable-entry:hover {
  background-color: #eaeaea; }

div.more-link {
  float: right;
  padding-right: 12px; }
  div.more-link a {
    text-decoration: none; }

div#sidebar h3 {
  height: 27px;
  line-height: 30px;
  color: #ec006d;
  font-size: 14px;
  text-transform: uppercase; }

div#sidebar h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 4px; }

div#sidebar div#sidebar-header-line-sub {
  height: 3px;
  overflow: hidden;
  padding-bottom: 6px; }

div#sidebar div.line {
  height: 30px;
  padding: 0;
  margin: 0;
  clear: both; }

div#sidebar div.line.small-line {
  height: 10px; }

div#sidebar div.line.nospace {
  height: 3px; }

div.sitemap ul {
  padding: 0;
  padding-left: 20px; }

div.sitemap li {
  list-style: none;
  padding: 0;
  margin-top: 1em; }
  div.sitemap li a {
    text-decoration: none;
    font-weight: bold;
    color: #444;
    font-size: 16px; }
    div.sitemap li a:hover {
      text-decoration: underline; }
  div.sitemap li li {
    margin-top: 0.4em; }
    div.sitemap li li li {
      margin-top: 0.1em; }
    div.sitemap li li a {
      font-weight: normal;
      color: #444;
      font-size: 14px;
      padding-left: 9px; }

div.image-wrap {
  position: relative; }
  div.image-wrap.image-pos-top {
    margin-bottom: 20px; }
  div.image-wrap img {
    position: relative;
    display: block; }

/* bubbles */
.bubble-wrap {
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat; }

.bubble-overlay-text {
  position: absolute;
  width: 100%;
  font-family: 'Boogaloo', cursive;
  font-size: 16px; }
  .bubble-overlay-text a {
    color: #444;
    text-decoration: none; }
    .bubble-overlay-text a:hover {
      text-decoration: underline; }

.textAndImage .bubble-wrap {
  position: absolute; }

.bubble-size-0 {
  height: 105px;
  width: 150px; }

.bubble-size-1 {
  height: 125px;
  width: 180px; }

.bubble-size-2 {
  height: 145px;
  width: 210px; }

.bubble-size-3 {
  height: 185px;
  width: 265px; }

.bubble-caption-left, .bubble-caption-right {
  position: absolute;
  font-size: 11px;
  bottom: 0; }

.bubble-caption-left {
  right: 0; }

.draggable {
  cursor: move; }

/* Sidebar Bubble */
div#sidebar .bubble-wrap {
  position: relative; }

div#sidebar img {
  display: block; }

a.downloadFileLink {
  display: block; }
  a.downloadFileLink .withicon {
    padding-left: 24px;
    background-repeat: no-repeat; }

/* Home */
#home-content {
  position: relative; }

div.home-content-col {
  width: 314px;
  float: left;
  margin-right: 40px; }
  div.home-content-col h4 {
    font-size: 13px; }
  div.home-content-col h2 {
    font-size: 13px; }
  div.home-content-col .image {
    width: 100%;
    overflow: hidden; }
    div.home-content-col .image img {
      display: block; }
  div.home-content-col .title {
    height: 30px;
    line-height: 32px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    text-align: center; }
    div.home-content-col .title a {
      color: #ffffff; }
  div.home-content-col div.line {
    height: 30px;
    padding: 0;
    margin: 0;
    clear: both; }

div.home-col-entry {
  padding: 10px 0; }

div#home-content-col-3 {
  margin-right: 0; }

.home #breadcrumb {
  color: #fff; }

div#home-content-col-1 .title {
  background-color: #555; }

div#home-content-col-1 .content {
  background-color: #e2e4e5;
  padding: 20px 15px; }

div#home-content-col-2 .title {
  background-color: #ec006d; }

div#home-content-col-2 .content {
  padding: 20px 15px; }

div#home-content-col-3 .title {
  background-color: #cfc147; }

div#home-content-col-3 .content {
  background-color: #f8f5da;
  padding: 20px 15px; }

.adminHint {
  font-size: 10px !important; }
  .adminHint, .adminHint a {
    color: #396101 !important; }
  .adminHint a {
    text-decoration: underline !important; }

/* click map*/
.clickMapEntry {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: 5; }

.clickmap_aggregation, .clickmap_detail {
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  background-color: #fff2f8;
  display: none;
  z-index: 10; }

.clickmap_aggregation {
  width: 300px; }
  .clickmap_aggregation h4 {
    background-color: #000;
    color: #fff;
    padding: 2px 0 2px 15px; }
  .clickmap_aggregation h3 {
    padding: 8px 0 2px 15px; }
  .clickmap_aggregation .content {
    padding: 2px 0 2px 15px; }

.clickmap_detail {
  z-index: 15; }

.clickMapDetailDisplay {
  background-color: #fff2f8;
  padding: 20px;
  width: 400px; }

.close_fancy {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }

.detail_link {
  cursor: pointer;
  color: #ec006d;
  padding-bottom: 5px;
  padding-right: 10px;
  display: inline-block; }

.shadow {
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 3px 3px 4px #000;
  /*For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /*For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

/*** dbsearch ***/
.dbsearch-results .thema {
  font-size: 85%;
  line-height: 16px; }

.dbsearch-results .canton {
  float: left;
  margin-right: 4px; }

.group-description p {
  margin: 0 !important; }

.back-link a {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

.smallabel {
  font-weight: bold; }

.dbsearch-top-image {
  display: block; }

.dbsearch-form-top-left ul.list {
  list-style-position: inside; }

.dbsearch-form-top-left ul.list li {
  font-weight: bold; }

.detailed-search-cantons, .detailed-search-categories, .detailed-search-targetgroup {
  list-style: none; }

.detailed-search-cantons li {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.dbsearch-item-header a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%; }
  .dbsearch-item-header a .dbsearch-item-header-wrapper {
    width: calc(100% - 32px); }
  .dbsearch-item-header a .dbsearch-item-header-link {
    width: 32px; }
  .dbsearch-item-header a div:not(.color-title) {
    color: #303030; }

.dbsearch-item .header {
  font-weight: bold; }

.group-detail {
  overflow: hidden; }

.dbsearch-item .group-detail {
  /*padding:10px 0px;*/ }

.expandable-title {
  color: #ec006d;
  cursor: pointer; }

.expandable-area {
  display: none; }

.group-detail .group-name {
  color: #ec006d;
  font-weight: bold; }

.group-detail td.organisation, .group-detail td.contact {
  border-collapse: collapse;
  vertical-align: top; }

.group-detail td.organisation {
  padding-right: 100px; }

.group-detail .group-thema {
  font-size: 85%;
  line-height: 16px; }

.group-detail .group-category {
  float: left;
  margin-right: 4px; }

#searchfilter {
  border: 3px solid #ec006d;
  background-color: #ec006d;
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
  line-height: 2em;
  text-align: center; }

/* ----------------------  new group list  ------------------------ */
.new-group-list .detail-link {
  display: none; }

a.letter-link {
  font-weight: bold; }

.result-end-text {
  margin-top: 2em; }

.item-selbsthilfeInternet .header {
  font-weight: bold; }

.searchbox-rightcol-header {
  background-color: #cfc147;
  color: white;
  font-weight: bold;
  height: 27px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 8px; }

.searchbox-home-content ul li {
  font-weight: bold; }

.loaderDisplay {
  display: block;
  width: 100px;
  height: 100px;
  position: relative; }

.avoidBottomPadding {
  padding-bottom: 0 !important; }

.avoidTopPadding {
  padding-top: 0 !important; }

.ui-menu li.ui-menu-item {
  list-style: none;
  padding: 6px; }

.ui-autocomplete {
  margin-left: -20px !important;
  width: 335px;
  box-sizing: border-box;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1 !important;
  border-radius: 5px;
  border: 3px solid #ec006d !important;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.75); }

.home .ui-autocomplete {
  width: 284px; }

.ui-state-active {
  border: 1px solid white !important;
  color: White;
  background: #ec006d !important;
  outline: none; }

#header_image {
  height: 440px;
  overflow: hidden; }
  @media only screen and (max-width: 48em) {
    #header_image {
      height: 220px; } }

.read-more-link {
  padding: 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  padding: 12px 0; }
  .read-more-link:hover {
    text-decoration: underline; }

.box-shadow {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }

.sf-menu li li.has-sub-nav:after {
  content: url(../images/arrowDownIcon.svg);
  width: 12px;
  height: 12px;
  left: -13px;
  top: 11px;
  position: absolute; }

#main_area.fullwidth .entry-list {
  background: #ECECEC; }
  #main_area.fullwidth .entry-list .entry-list-content {
    max-width: 1024px;
    margin: auto; }
  #main_area.fullwidth .entry-list .entry-list-item {
    width: 33.33%;
    position: relative; }
    @media only screen and (min-width: 40.0625em) and (max-width: 48em) {
      #main_area.fullwidth .entry-list .entry-list-item {
        width: 50%; }
        #main_area.fullwidth .entry-list .entry-list-item:nth-of-type(2n+1) {
          padding-right: 6px; }
        #main_area.fullwidth .entry-list .entry-list-item:nth-of-type(2n+0) {
          padding-left: 6px; } }
    @media only screen and (max-width: 40em) {
      #main_area.fullwidth .entry-list .entry-list-item {
        width: 100%; } }

/* 2.Pages */
/* 3.Areas */
header {
  position: relative;
  /*** header_first_row ***/
  /*** langnav ***/
  /*** Main Nav ***/ }
  header #header_first_row {
    padding: 18px;
    box-sizing: border-box;
    position: relative;
    max-width: 1152px; }
    @media only screen and (max-width: 48em) {
      header #header_first_row {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 10;
        box-shadow: 0 -8px 12px #3c3c37;
        background-color: #fff;
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s; } }
    header #header_first_row #site_logo img {
      height: 10vw;
      max-height: 150px;
      max-width: 380px; }
      @media only screen and (max-width: 48em) {
        header #header_first_row #site_logo img {
          height: 17vw;
          max-height: 100px; } }
    header #header_first_row #header_meta_nav {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end; }
      @media only screen and (max-width: 48em) {
        header #header_first_row #header_meta_nav {
          display: none; } }
      header #header_first_row #header_meta_nav a, header #header_first_row #header_meta_nav span {
        color: #303030;
        font-size: 13px;
        line-height: 1.1em;
        text-transform: uppercase; }
        header #header_first_row #header_meta_nav a:hover, header #header_first_row #header_meta_nav span:hover {
          color: #ec006d; }
        header #header_first_row #header_meta_nav a.page, header #header_first_row #header_meta_nav span.page {
          padding: 0 12px; }
      header #header_first_row #header_meta_nav .meta-nav {
        margin-right: 12px; }
      header #header_first_row #header_meta_nav .langnav {
        cursor: pointer; }
        header #header_first_row #header_meta_nav .langnav li {
          padding-bottom: 6px; }
        header #header_first_row #header_meta_nav .langnav li.active {
          list-style: none; }
          header #header_first_row #header_meta_nav .langnav li.active span {
            color: #ec006d; }
          header #header_first_row #header_meta_nav .langnav li.active svg {
            width: 10px;
            margin-left: 6px; }
          header #header_first_row #header_meta_nav .langnav li.active .arrow-down-icon {
            stroke: #303030 !important; }
        header #header_first_row #header_meta_nav .langnav:hover ul {
          display: flex; }
        header #header_first_row #header_meta_nav .langnav ul {
          display: none;
          position: absolute;
          flex-direction: column;
          align-items: flex-start;
          padding-right: 32px; }
  header .langnav ul {
    display: flex;
    flex-direction: row;
    margin: 0; }
    header .langnav ul li {
      list-style: none; }
  @media only screen and (max-width: 40em) {
    header .meta-nav {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; } }
  @media only screen and (max-width: 40em) {
    header .langnav, header .meta-nav {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: center;
      justify-content: center; }
      header .langnav li, header .langnav span, header .meta-nav li, header .meta-nav span {
        list-style: none;
        padding: 20px 30px 20px 0;
        font-size: 13px;
        line-height: 1.1em;
        text-transform: uppercase; }
        header .langnav li.active svg, header .langnav span.active svg, header .meta-nav li.active svg, header .meta-nav span.active svg {
          display: none; }
        header .langnav li a, header .langnav span a, header .meta-nav li a, header .meta-nav span a {
          color: #707070; } }
  header #header_image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%; }
  header #header_cta .header-cta-large-screen {
    position: absolute;
    width: 120px;
    height: 120px;
    right: 10vw;
    bottom: 4vw; }
    header #header_cta .header-cta-large-screen img {
      max-width: 100%; }
    @media only screen and (max-width: 40em) {
      header #header_cta .header-cta-large-screen {
        display: none; } }
  header #header_cta .header-cta-small-screen {
    display: none;
    text-align: center; }
    header #header_cta .header-cta-small-screen a {
      background: #ec006d;
      color: #ffffff;
      font-weight: bold;
      padding: 12px 32px;
      box-sizing: border-box;
      display: inline-block;
      margin: 12px auto;
      width: auto; }
    @media only screen and (max-width: 40em) {
      header #header_cta .header-cta-small-screen {
        display: block; } }
  @media only screen and (min-width: 48.0625em) {
    header #header_first_row button.menu {
      display: none; } }
  @media only screen and (max-width: 48em) {
    header #header_first_row button.menu {
      position: absolute;
      padding: 10px;
      width: 50px;
      height: 50px;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1; } }
  header #header_first_row button.menu path {
    -webkit-transition: opacity .2s;
    transition: opacity .2s; }
  header #header_first_row button.menu path.open-m {
    opacity: 1; }
  header #header_first_row button.menu path.close-m {
    opacity: 0; }
  header button {
    background: none;
    color: inherit;
    border: none;
    cursor: pointer;
    outline: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  header #nav-main {
    color: white;
    margin: auto;
    text-align: left;
    max-width: 1152px; }
    @media only screen and (max-width: 40em) {
      header #nav-main {
        padding-bottom: 52px; } }
  @media only screen and (max-width: 48em) {
    header #main_nav_wrapper {
      display: none;
      top: 0;
      position: fixed;
      z-index: 1;
      width: 100vw;
      left: 0;
      height: 100vh;
      background-color: #ECECEC;
      padding: 140px 20px 20px 40px;
      box-sizing: border-box;
      overflow-x: auto; } }
  @media only screen and (max-width: 40em) {
    header #main_nav_wrapper {
      padding-top: 28vw; } }
  header .sf-menu, header .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none; }
  @media only screen and (max-width: 48em) {
    header ul.sf-menu ul {
      display: none; }
    header ul.sf-menu > li {
      border-bottom: 1px solid #707070; }
    header ul.sf-menu li {
      position: relative;
      background: #ECECEC; }
      header ul.sf-menu li a {
        color: #707070;
        padding: 8px 0;
        display: block;
        width: 80%; }
        header ul.sf-menu li a.sf-with-ul:after {
          width: 12px;
          height: 12px;
          left: -13px;
          position: absolute; }
      header ul.sf-menu li.has-sub-nav:after {
        content: url(../images/arrowDownIcon.svg);
        right: 10px;
        left: auto;
        top: 0;
        position: absolute;
        transform: rotate(-90deg);
        width: 36px;
        padding: 8px 11px;
        box-sizing: border-box;
        height: 36px; }
      header ul.sf-menu li.has-sub-nav.open:after {
        transform: rotate(0deg); }
      header ul.sf-menu li li a:focus {
        background: #ECECEC; }
      header ul.sf-menu li ul li {
        background: #ECECEC; }
        header ul.sf-menu li ul li.active {
          background: #ECECEC; }
        header ul.sf-menu li ul li a {
          border: none; }
      header ul.sf-menu li.open {
        background: #ECECEC; }
        header ul.sf-menu li.open > ul {
          display: block; } }
  @media only screen and (min-width: 48.0625em) {
    header ul.sf-menu {
      line-height: 1.0;
      background-color: white;
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 100%; }
      header ul.sf-menu > li:last-of-type ul {
        right: 0;
        left: auto !important; }
      header ul.sf-menu ul {
        position: absolute;
        top: -999em;
        width: auto;
        background: #ffffff;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
        header ul.sf-menu ul li {
          width: 100%; }
      header ul.sf-menu li {
        position: relative; }
        header ul.sf-menu li:hover {
          visibility: inherit;
          /* fixes IE7 'sticky bug' */ }
        header ul.sf-menu li:hover ul, header ul.sf-menu li.sfHover ul {
          left: -10px;
          top: 60px;
          /* match top ul list item height */
          padding-top: 8px;
          z-index: 99;
          width: 250px; }
        header ul.sf-menu li:hover li ul, header ul.sf-menu li.sfHover li ul {
          top: -999em; }
        header ul.sf-menu li:hover li.sfHover ul, header ul.sf-menu li:hover li.active ul, header ul.sf-menu li:hover li.open ul, header ul.sf-menu li.sfHover li.sfHover ul, header ul.sf-menu li.sfHover li.active ul, header ul.sf-menu li.sfHover li.open ul {
          padding: 0;
          position: relative;
          top: 0;
          left: 10px;
          padding-left: 15px;
          box-shadow: none;
          background: none;
          display: block !important; }
          header ul.sf-menu li:hover li.sfHover ul li, header ul.sf-menu li:hover li.active ul li, header ul.sf-menu li:hover li.open ul li, header ul.sf-menu li.sfHover li.sfHover ul li, header ul.sf-menu li.sfHover li.active ul li, header ul.sf-menu li.sfHover li.open ul li {
            background: none; }
        header ul.sf-menu li a {
          font-weight: bold;
          color: #303030;
          text-decoration: none;
          font-size: 20px;
          line-height: 1.1em;
          padding: 22px 18px;
          display: block;
          position: relative; }
        header ul.sf-menu li li:hover li ul,
        header ul.sf-menu li li .sfHover li ul {
          top: -999em; }
        header ul.sf-menu li li a {
          color: #444;
          font-weight: normal;
          text-transform: none;
          padding: 8px;
          text-decoration: none;
          font-size: 20px; }
          header ul.sf-menu li li a.sf-with-ul:before {
            width: 12px;
            height: 12px;
            left: -13px;
            position: absolute; }
        header ul.sf-menu li li li:hover ul,
        header ul.sf-menu li li li .sfHover ul {
          left: 10em;
          /* match ul width */
          top: 0; } }
  header .sf-menu li {
    background: #ffffff; }
    header .sf-menu li li {
      background: #fff;
      /*padding-left: 15px;*/ }
      header .sf-menu li li.active {
        background-color: white; }
      header .sf-menu li li:hover, header .sf-menu li li.sfHover,
      header .sf-menu li li a:focus,
      header .sf-menu li li a:hover,
      header .sf-menu li li a:active {
        outline: 0; }
  header .sf-menu li:hover, header .sf-menu li:hover > a,
  header .sf-menu li.sfHover,
  header .sf-menu li.sfHover > a,
  header .sf-menu a:focus,
  header .sf-menu a:focus > a,
  header .sf-menu a:hover,
  header .sf-menu a:hover > a,
  header .sf-menu a:active,
  header .sf-menu a:active > a,
  header .sf-menu li.active,
  header .sf-menu li.active > a,
  header .sf-menu li.open,
  header .sf-menu li.open > a {
    outline: 0; }
  header ul.sf-menu ul {
    padding: 8px 25px; }
  header li.l3 a {
    margin-left: 25px; }
  header ul.sf-menu li li a, header ul.sf-menu li li a:hover, header ul.sf-menu li li a.active {
    padding-left: 10px; }
  header #nav-mobile, header #mobile-nav-icon, header #secondary-nav {
    display: none; }

body.navexp #header_first_row button.menu path.open-m {
  opacity: 0; }

body.navexp #header_first_row button.menu path.close-m {
  opacity: 1; }

@media only screen and (max-width: 48em) {
  body.navexp {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    body.navexp #nav-main, body.navexp #main_nav_wrapper {
      display: block; } }

body.navexp #main_wrapper, body.navexp footer {
  display: none; }

@media only screen and (min-width: 40.0625em) and (max-width: 48em) {
  body {
    padding-top: 140px; } }

@media only screen and (max-width: 40em) {
  body {
    padding-top: 28vw; } }

#main_wrapper.rowsComponent #main_area {
  width: 70%;
    padding-top: 60px; 
  box-sizing: border-box; }
  #main_wrapper.rowsComponent #main_area.fullwidth {
    width: 100%;}
  #main_wrapper.rowsComponent #main_area:not(.fullwidth) {
    padding-right: 40px; }
  @media only screen and (max-width: 48em) {
    #main_wrapper.rowsComponent #main_area {
      width: 100%;
      padding: 0 !important; } }

#main_wrapper.rowsComponent #side_area {
  position: relative;
  overflow: hidden;
  width: 30%;
  padding: 60px 40px;
  box-sizing: border-box;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  @media only screen and (max-width: 48em) {
    #main_wrapper.rowsComponent #side_area {
      width: 100%;
      padding: 12px; } }
  @media only screen and (min-width: 48.0625em) and (max-width: 64em) {
    #main_wrapper.rowsComponent #side_area {
      padding-left: 12px;
      padding-right: 12px; } }

#main_wrapper #side_area {
  background-color: #ECECEC; }

#link_area .component-link {
  border-bottom: 1px solid #707070;
  padding: 6px 0; }
  #link_area .component-link:first-of-type {
    margin-top: 10px;
    border-top: 1px solid #707070; }
  #link_area .component-link a {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%; }
    @media only screen and (max-width: 48em) {
      #link_area .component-link a {
        display: -moz-box;
        /* OLD - Firefox 19- (doesn't work very well) */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 4px 12px;
        box-sizing: border-box; } }
    #link_area .component-link a span {
      padding-right: 6px; }
    #link_area .component-link a span.link-title {
      color: #707070;
      flex-grow: 1; }

footer {
  margin-top: 32px; }
  @media only screen and (max-width: 48em) {
    footer {
      margin-top: 0; } }
  footer #footer_first, footer #footer_second {
    width: 100%;
    background-color: #303030;
    color: #ffffff;
    padding: 12px 12px;
    box-sizing: border-box; }
  footer #footer_first {
    padding: 42px 12px; }
  footer #footer_second {
    margin-top: 32px; }
  footer .outer-container {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  footer .footer-contact-text {
    font-size: 20px; }
  footer #footer_left_part {
    width: 60%; }
    @media only screen and (max-width: 40em) {
      footer #footer_left_part {
        width: 100%; } }
    footer #footer_left_part .footer-social-icons {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin-bottom: 20px; }
      footer #footer_left_part .footer-social-icons .social-links-title {
        padding-right: 20px; }
      footer #footer_left_part .footer-social-icons .social-links {
        padding-right: 32px; }
        footer #footer_left_part .footer-social-icons .social-links img {
          border: none;
          width: 32px;
          height: 32px;
          max-width: 32px; }
    footer #footer_left_part .footer-left-links {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin-bottom: 28px; }
      footer #footer_left_part .footer-left-links a {
        padding-right: 28px;
        color: #ffffff;
        font-weight: bold; }
    footer #footer_left_part #footer_cta {
      margin-bottom: 32px; }
      footer #footer_left_part #footer_cta .footer-cta-large-screen {
        width: 80px;
        height: 80px; }
        footer #footer_left_part #footer_cta .footer-cta-large-screen img {
          max-width: 100%; }
        @media only screen and (max-width: 40em) {
          footer #footer_left_part #footer_cta .footer-cta-large-screen {
            display: none; } }
      footer #footer_left_part #footer_cta .footer-cta-small-screen {
        display: none;
        text-align: left; }
        footer #footer_left_part #footer_cta .footer-cta-small-screen a {
          background: #ec006d;
          color: #ffffff;
          font-weight: bold;
          padding: 12px 32px;
          box-sizing: border-box;
          display: inline-block;
          margin: 12px auto;
          width: auto; }
        @media only screen and (max-width: 40em) {
          footer #footer_left_part #footer_cta .footer-cta-small-screen {
            display: block; } }
  footer #footer_right_part {
    width: 40%; }
    @media only screen and (max-width: 40em) {
      footer #footer_right_part {
        width: 100%; } }
    footer #footer_right_part .db_search_box input {
      height: 55px;
      width: 80%;
      padding: 12px;
      box-sizing: border-box;
      border-radius: 30px;
      border: none; }
    footer #footer_right_part .right-links-intro {
      font-weight: bold; }
    footer #footer_right_part .footer-right-links a {
      color: #ffffff; }
    footer #footer_right_part .footer-right-links ul {
      -moz-column-count: 2;
      -moz-column-gap: 8px;
      -webkit-column-count: 2;
      -webkit-column-gap: 8px;
      column-count: 2;
      column-gap: 8px; }
      footer #footer_right_part .footer-right-links ul li {
        list-style: none; }
        footer #footer_right_part .footer-right-links ul li p {
          margin: 6px 0; }
    footer #footer_right_part .footer-right-links .footer-right-links-sub-list {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
  footer #logo_wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
    footer #logo_wrapper a {
      padding-left: 12px; }
      footer #logo_wrapper a img {
        max-height: 70px;
        display: block; }

#footer_cta a img, .footer-social-icons a img, .header-cta-large-screen a img {
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transform: scale(1); }
  #footer_cta a img:hover, .footer-social-icons a img:hover, .header-cta-large-screen a img:hover {
    transform: scale(1.2); }

/* 4.Components */
.textImage {
  margin-bottom: 24px;
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  @media only screen and (max-width: 48em) {
    .textImage {
      padding: 12px; } }
  .textImage img {
    width: auto;
    max-width: 100%; }
  .textImage .text-image-left {
    padding-left: 15px; }
  .textImage .text-image-right {
    padding-right: 15px; }
  .textImage .text-image-left, .textImage .text-image-right {
    width: 50%;
    box-sizing: border-box; }
    @media only screen and (max-width: 40em) {
      .textImage .text-image-left, .textImage .text-image-right {
        width: 100%;
        padding: 0; } }
  .textImage .image.image-left, .textImage .image.image-right {
    width: 50%; }
    @media only screen and (max-width: 40em) {
      .textImage .image.image-left, .textImage .image.image-right {
        width: 100%; } }
  .textImage .downloads {
    width: 100%; }
    .textImage .downloads .dl-list {
      list-style: none; }

.sidebar-text-and-image-component {
  position: relative;
  background: #ffffff;
  margin-bottom: 30px; }
  .sidebar-text-and-image-component .sidebar-text-and-image-header img {
    width: 100%; }
  .sidebar-text-and-image-component .sidebar-text-and-image-content {
    padding: 15px; }
    .sidebar-text-and-image-component .sidebar-text-and-image-content .title {
      font-size: 20px;
      line-height: 1.1em;
      margin-bottom: 6px; }
    .sidebar-text-and-image-component .sidebar-text-and-image-content .text {
      font-size: 17px;
      line-height: 1.1em;
      color: #303030; }
  .sidebar-text-and-image-component .sidebar-text-and-image-arrow {
    text-align: right;
    position: absolute;
    bottom: 0;
    width: 100%; }
    .sidebar-text-and-image-component .sidebar-text-and-image-arrow div.arrow {
      padding: 4px 6px;
      display: block; }
      .sidebar-text-and-image-component .sidebar-text-and-image-arrow div.arrow svg {
        display: inline-block; }
  .sidebar-text-and-image-component a.block-link {
    display: block;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    cursor: pointer; }
  .sidebar-text-and-image-component .downloads ul {
    list-style: none; }

.entry-list {
  padding: 24px;
  box-sizing: border-box; }
  @media only screen and (max-width: 48em) {
    .entry-list {
      padding: 12px; } }
  .entry-list h2.el-title {
    padding: 8px 14px 32px 14px;
    width: 100%;
    text-align: center;
    box-sizing: border-box; }
    @media only screen and (max-width: 48em) {
      .entry-list h2.el-title {
        background: #ffffff;
        margin-bottom: 0;
        padding: 12px; } }
  .entry-list .entry-list-content {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%; }
    .entry-list .entry-list-content .entry-list-item {
      overflow: hidden;
      padding: 0 10px;
      margin-bottom: 24px;
      width: 50%;
      box-sizing: border-box; }
      @media only screen and (max-width: 48em) {
        .entry-list .entry-list-content .entry-list-item {
          margin-bottom: 12px;
          padding: 0;
          width: 100%; } }
      .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center;
        background: #ffffff;
        height: 100%; }
        .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper img {
          width: 100%; }
        .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper:not(:hover) {
          background-color: #ffffff !important; }
        .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper:hover .entry-list-item-header img {
          transform: scale(1.02); }
        .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-header {
          height: 220px;
          overflow: hidden;
          position: relative;
          background: #707070; }
          .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-header img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            transform: scale(1);
            transition: all .4s;
            -moz-transition: all .4s;
            -webkit-transition: all .4s;
            -o-transition: all .4s; }
        .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-content {
          flex-grow: 1;
          padding: 8px;
          color: #303030; }
          .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-content .publication-date {
            font-size: 13px;
            margin-bottom: 6px;
            display: block; }
          .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-content .title {
            display: block;
            margin-bottom: 14px; }
          .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-content .subline {
            display: block;
            font-size: 20px;
            margin-bottom: 10px; }

@media only screen and (max-width: 48em) {
  .entry-component {
    padding: 12px; } }

.entry-component h2 {
  margin-bottom: 4px; }

.entry-component .subline {
  margin-bottom: 20px; }

.entry-component .subline, .entry-component .lead {
  font-weight: bold; }

#short_texts {
  background-color: #ECECEC;
  margin-bottom: 32px;
  padding: 60px 32px;
  box-sizing: border-box; }
  @media only screen and (max-width: 48em) {
    #short_texts {
      padding: 12px;
      margin-bottom: 0; } }
  #short_texts > h1 {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px; }
    @media only screen and (max-width: 40em) {
      #short_texts > h1 {
        padding: 0; } }
  #short_texts .short-texts-wrapper {
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 1044px;
    margin: auto; }
    #short_texts .short-texts-wrapper .short-text-component {
      width: 50%;
      padding: 0 20px;
      margin-bottom: 24px;
      box-sizing: border-box; }
      @media only screen and (max-width: 40em) {
        #short_texts .short-texts-wrapper .short-text-component {
          width: 100%;
          padding: 0; } }
      #short_texts .short-texts-wrapper .short-text-component .short-text-image {
        position: relative;
        width: 100%;
        height: 250px; }
        #short_texts .short-texts-wrapper .short-text-component .short-text-image img {
          object-fit: cover;
          width: 100%;
          height: 100%; }
      #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper {
        background: #ffffff;
        height: 100%; }
        #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper .short-text-content {
          text-align: center;
          font-size: 20px;
          line-height: 1.2;
          padding: 24px; }
          #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper .short-text-content ul, #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper .short-text-content ol {
            text-align: left; }
        #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper .db_search_box .input-container {
          width: 90%;
          margin: auto;
          margin-top: 42px; }
          #short_texts .short-texts-wrapper .short-text-component .short-text-content-wrapper .db_search_box .input-container input[type=text] {
            border: none;
            height: 55px;
            width: 100%;
            border: 2px solid #ec006d;
            border-radius: 30px;
            padding: 8px 18px;
            box-sizing: border-box;
            font-size: 14px; }

.dbsearch-form-wrapper {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative; }
  .dbsearch-form-wrapper .dbsearch-form-filter {
    width: 35%;
    background-color: #303030;
    color: #ffffff; }
    @media only screen and (max-width: 64em) {
      .dbsearch-form-wrapper .dbsearch-form-filter {
        width: 100%;
        margin-bottom: 12px; } }
    .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: 59px;
      padding: 12px;
      box-sizing: border-box;
      border-bottom: 1px solid #707070; }
      .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-header .filter-title {
        font-size: 24px; }
      .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-header .filter-icon {
        width: 40px;
        padding-right: 22px; }
        .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-header .filter-icon img, .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-header .filter-icon svg {
          display: block; }
    .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content {
      padding: 18px 12px;
      box-sizing: border-box; }
      .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .detailed-search-subheader {
        font-weight: bold;
        margin-bottom: 12px;
        display: flex;
        cursor: pointer; }
        .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .detailed-search-subheader.open .arrow {
          transform: rotate(180deg); }
        .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .detailed-search-subheader .counter {
          margin-left: 12px; }
        .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .detailed-search-subheader .arrow {
          margin-left: auto;
          transition: transform .5s; }
          .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .detailed-search-subheader .arrow svg line {
            stroke: #ffffff !important; }
      .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .checkbox-div {
        margin-bottom: 32px;
        border: 1px solid transparent; }
        .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .checkbox-div li {
          margin-bottom: 4px; }
          .dbsearch-form-wrapper .dbsearch-form-filter .detailed-search-content .checkbox-div li input {
            margin-right: 5px; }
    .dbsearch-form-wrapper .dbsearch-form-filter input[type="checkbox"] {
      margin: 3px 3px 3px 0; }

.dbsearch-form-top {
  padding: 0px 15px 40px 15px;
  clear: both; }

.dbsearch-form-search {
  width: 65%;
  padding-left: 12px;
  box-sizing: border-box; }
  @media only screen and (max-width: 64em) {
    .dbsearch-form-search {
      width: 100%;
      padding: 0; } }
  .dbsearch-form-search .input-container {
    background-image: none !important;
    border-radius: 3px;
    border: 3px solid #ec006d;
    background-color: white !important;
    box-sizing: border-box;
    height: 60px;
    width: 100%;
    z-index: 2;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .dbsearch-form-search .input-container .inputfield {
      padding: 12px;
      background: none;
      flex-grow: 3;
      border: none;
      font-size: 17px; }
    .dbsearch-form-search .input-container .submitSearch {
      border: none;
      overflow: hidden;
      background: #ec006d;
      color: #ffffff;
      height: 55px;
      border-radius: 0;
      -webkit-appearance: none;
      -webkit-border-radius: 0;
      flex-grow: 1;
      font-size: 17px;
      font-weight: normal;
      margin: 0; }

.dbsearch-results {
  width: 100%;
  padding-right: 10px;
  padding-top: 30px;
  box-sizing: border-box; }
  .dbsearch-results .results-text {
    margin-bottom: 24px;
    font-weight: bold;
    color: #707070; }

.dbsearch-item {
  overflow: hidden; }
  .dbsearch-item.item-selbsthilfe {
    margin-bottom: 12px; }
    .dbsearch-item.item-selbsthilfe .dbsearch-item-header {
      background: #ECECEC;
      padding: 12px;
      box-sizing: border-box; }
      .dbsearch-item.item-selbsthilfe .dbsearch-item-header .category {
        float: left;
        margin-right: 4px; }
    .dbsearch-item.item-selbsthilfe .group-detail {
      padding: 24px;
      box-sizing: border-box;
      font-size: 17px;
      line-height: 1.2em; }
      .dbsearch-item.item-selbsthilfe .group-detail .group-detail-wrapper {
        border-left: 2px solid #ECECEC;
        padding: 24px;
        box-sizing: border-box; }
        .dbsearch-item.item-selbsthilfe .group-detail .group-detail-wrapper .name {
          font-size: 20px; }

.dbsearch-results .detail-link {
  font-size: 85%;
  line-height: 16px;
  padding-left: 11px; }

.theme-list h2 {
  margin-bottom: 24px; }

.theme-list .letter-links {
  list-style: none;
  text-align: center;
  margin-bottom: 24px; }
  .theme-list .letter-links li {
    display: inline-block;
    padding-right: 12px;
    font-size: 20px; }

.theme-list .theme-list-content li {
  list-style: none; }

.theme-list .anchor-target {
  margin-top: 12px;
  background: aliceblue;
  width: 100%;
  display: block;
  padding: 12px;
  box-sizing: border-box;
  font-weight: bold;
  margin-bottom: 12px; }

.theme-list .back-link {
  margin: 32px 0; }

.theme-list .item-selbsthilfeInternet {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #707070; }

.type-youtubeEmbed {
  margin-bottom: 24px;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .type-youtubeEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.type-soundcloudEmbed {
  margin-bottom: 24px; }

.map {
  width: 100%;
  height: 500px; }

.map-component div {
  box-sizing: border-box; }

.map-component .map-wrapper {
  margin-bottom: 12px; }

.map-component .mapArea {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }
  .map-component .mapArea .map-entry-component {
    overflow: hidden;
    width: calc(33.33% - 6px);
    background: #ECECEC;
    margin-right: 9px;
    margin-bottom: 9px;
    position: relative; }
    @media only screen and (min-width: 64.0625em) {
      .map-component .mapArea .map-entry-component:nth-of-type(3n+0) {
        margin-right: 0; } }
    @media only screen and (max-width: 64em) {
      .map-component .mapArea .map-entry-component {
        width: calc(50% - 6px);
        margin-right: 12px; }
        .map-component .mapArea .map-entry-component:nth-of-type(2n+0) {
          margin-right: 0; } }
    @media only screen and (max-width: 40em) {
      .map-component .mapArea .map-entry-component {
        width: 100%;
        margin-right: 0; } }
    .map-component .mapArea .map-entry-component .map-entry-infos {
      padding: 12px;
      cursor: pointer;
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      height: 100%; }
      .map-component .mapArea .map-entry-component .map-entry-infos .map-entry-infos-wrapper {
        max-width: 100%;
        word-break: break-word; }
      .map-component .mapArea .map-entry-component .map-entry-infos .region {
        margin-top: 0;
        font-size: 15px; }
      .map-component .mapArea .map-entry-component .map-entry-infos .map-entry-detail-icon {
        width: 100%;
        text-align: center;
        padding-top: 12px; }
        .map-component .mapArea .map-entry-component .map-entry-infos .map-entry-detail-icon .arrow-down-icon {
          display: inline-block;
          opacity: 1;
          transition: opacity .3s; }
    .map-component .mapArea .map-entry-component .map-entry-detail {
      color: #ffffff;
      padding: 12px; }
    .map-component .mapArea .map-entry-component .map-entry-detail {
      display: none; }
    .map-component .mapArea .map-entry-component.is-open .map-entry-infos .map-entry-detail-icon .arrow-down-icon {
      opacity: 0; }
    .map-component .mapArea .map-entry-component.is-open:after {
      content: '';
      background-color: inherit;
      width: 100%;
      height: 12px;
      position: absolute;
      bottom: -12px;
      left: 0; }
  .map-component .mapArea .map-detail-wrapper {
    width: 100%;
    display: none;
    margin-bottom: 12px;
    padding: 6px 0px; }
    .map-component .mapArea .map-detail-wrapper .map-detail-content {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .map-component .mapArea .map-detail-wrapper .map-detail-content .map-entry-detail-col {
        padding: 12px;
        width: 50%; }

.form-wrapper {
  margin-bottom: 32px; }
  .form-wrapper fieldset {
    margin-bottom: 24px;
    border: none;
    padding: 0; }
    .form-wrapper fieldset .field {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 0;
      width: 0;
      z-index: -1; }
    .form-wrapper fieldset .form-row {
      display: -moz-box;
      /* OLD - Firefox 19- (doesn't work very well) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-direction: row;
      -webkit-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      margin-bottom: 24px; }
      .form-wrapper fieldset .form-row label {
        padding-right: 12px;
        width: 20%;
        box-sizing: border-box; }
      .form-wrapper fieldset .form-row input, .form-wrapper fieldset .form-row textarea {
        width: 80%; }
      .form-wrapper fieldset .form-row.selection fieldset {
        width: calc(80% - 4px);
        margin-bottom: 0; }
    .form-wrapper fieldset input, .form-wrapper fieldset textarea {
      padding: 12px;
      line-height: 60px;
      background: none;
      flex-grow: 3;
      border: none;
      font-size: 15px;
      line-height: 1.1;
      font-family: calibri, "Open Sans", sans-serif;
      height: 60px;
      width: 100%;
      border-radius: 3px;
      border: 3px solid #ec006d;
      box-sizing: border-box; }
    .form-wrapper fieldset textarea {
      height: 120px; }
    .form-wrapper fieldset input[type="checkbox"] {
      width: 18px;
      height: 18px; }
  .form-wrapper .button-wrapper {
    text-align: right; }

select {
  font-size: 15px; }

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%; }

.select select {
  font-family: 'Arial';
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0px solid #000000;
  border-radius: 0px;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.select select::-ms-expand {
  display: none; }

.select select:hover,
.select select:focus {
  color: #000000;
  background: #cccccc; }

.select select:disabled {
  opacity: 0.5;
  pointer-events: none; }

.select_arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0px 5px;
  border-color: #7b7b7b transparent transparent transparent; }

.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
  border-top-color: #000000; }

.select select:disabled ~ .select_arrow {
  border-top-color: #cccccc; }

input[type="submit"] {
  border: none;
  overflow: hidden;
  color: #ffffff;
  height: 55px;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  flex-grow: 1;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer;
  min-width: 150px; }

.document-list.intranet .document-wrapper {
  width: 70%;
  padding: 60px 40px;
  box-sizing: border-box; }
  @media only screen and (max-width: 48em) {
    .document-list.intranet .document-wrapper {
      width: 100%;
      padding: 12px; } }

.document-list.intranet .side-wrapper {
  width: 30%;
  padding: 60px 40px;
  box-sizing: border-box;
  background-color: #ECECEC; }
  @media only screen and (max-width: 48em) {
    .document-list.intranet .side-wrapper {
      width: 100%;
      padding: 12px; } }

.document-list.intranet .documents-filters ul li {
  list-style: none;
  padding: 4px 0; }
  .document-list.intranet .documents-filters ul li button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none; }
  .document-list.intranet .documents-filters ul li ul {
    margin-left: 20px; }
    .document-list.intranet .documents-filters ul li ul li {
      display: none; }

.document-list.intranet .documents-filters li.open > a {
  text-decoration: underline; }

.document-list.intranet .documents-filters li.open > ul > li {
  display: block; }

.document-list.intranet .document-filters fieldset {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding-block: 0.75rem; }
  .document-list.intranet .document-filters fieldset .select {
    margin-bottom: unset; }
  .document-list.intranet .document-filters fieldset .search-input {
    grid-column: 1 / 3;
    display: flex;
    border: 1px solid #E41871; }
    .document-list.intranet .document-filters fieldset .search-input input[type='text'] {
      flex-grow: 1;
      text-indent: 10px;
      border: 0; }
    .document-list.intranet .document-filters fieldset .search-input input[type='reset'], .document-list.intranet .document-filters fieldset .search-input input[type='submit'] {
      min-width: 50px;
      max-width: 50px;
      background-color: #ec006d;
      border: none;
      overflow: hidden;
      color: #ffffff;
      height: 55px;
      cursor: pointer; }
      @media only screen and (max-width: 48em) {
        .document-list.intranet .document-filters fieldset .search-input input[type='reset'], .document-list.intranet .document-filters fieldset .search-input input[type='submit'] {
          font-weight: 900;
          font-size: 25px; } }
      .document-list.intranet .document-filters fieldset .search-input input[type='reset']:hover, .document-list.intranet .document-filters fieldset .search-input input[type='submit']:hover {
        font-weight: 900;
        font-size: 25px; }

.document-list.intranet .document-list li {
  list-style: none;
  padding: 14px 0;
  border-bottom: 1px solid; }
  .document-list.intranet .document-list li:not(:hover) {
    background-color: #ffffff !important; }

#blogGrid #subNavDescription {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  margin-bottom: 0 !important; }

#blogGridFilter {
  margin: 0 0;
  height: 4.5rem;
  display: flex;
  justify-content: flex-end;
  font-size: 1.7rem;
  line-height: 1.8rem;
  border-bottom: 1px solid #707070; }
  #blogGridFilter .dropdown {
    position: relative;
    display: inline-block;
    width: 33%; }
    #blogGridFilter .dropdown:hover .dropbtn {
      background-color: #707070;
      border-bottom: none; }
      #blogGridFilter .dropdown:hover .dropbtn span {
        transform: rotate(180deg); }
    #blogGridFilter .dropdown:hover .dropdown-content {
      display: block; }
  #blogGridFilter .dropbtn {
    background-color: #707070;
    border: 1px solid #707070;
    padding: 0.4rem;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #blogGridFilter .dropbtn span {
      transition: transform 0.2s; }
      #blogGridFilter .dropbtn span svg {
        width: 1.8rem;
        height: 1.2rem; }
  #blogGridFilter .dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #707070;
    border: 1px solid #707070;
    border-top: none;
    margin-top: -2px;
    width: 100%;
    padding: 0rem 1rem 3rem; }
    #blogGridFilter .dropdown-content button {
      margin: 2.1rem 0;
      text-decoration: none;
      display: flex; }
      #blogGridFilter .dropdown-content button span {
        width: 2rem;
        height: 2rem;
        border: 1px solid #707070;
        display: inline-block;
        font-size: 4rem;
        line-height: 1.2rem;
        margin-right: 0.7rem;
        color: #707070; }
      #blogGridFilter .dropdown-content button:hover {
        background-color: #707070; }
      #blogGridFilter .dropdown-content button.active span {
        color: #ffffff; }

#blogGridPosts {
  background-position-x: -3px; }
  #blogGridPosts .post {
    width: 50%; }
    #blogGridPosts .post:hover img.post-thumb {
      transform: scale(1.1); }
    #blogGridPosts .post:hover .post-title {
      text-decoration: underline; }
    #blogGridPosts .post .post-thumb-frame {
      width: 100%;
      height: auto;
      margin-bottom: 1rem;
      overflow: hidden;
      position: relative; }
    #blogGridPosts .post img.post-thumb {
      width: 100%;
      height: auto;
      animation: blink 1s infinite;
      transition: transform 0.2s; }
    #blogGridPosts .post .post-categories {
      font-size: 1rem;
      line-height: 1.4rem;
      margin-bottom: 0.7rem; }
    #blogGridPosts .post h3.post-title {
      font-size: 2.3rem;
      line-height: 2.5rem;
      margin-bottom: 1rem; }
    #blogGridPosts .post .post-excerpt {
      font-size: 1.7rem;
      line-height: 2.1rem;
      margin-bottom: 2rem; }
    #blogGridPosts .post .author {
      display: flex;
      align-items: center;
      padding-bottom: 1.5rem;
      line-height: 1.8rem; }
      #blogGridPosts .post .author .author-thumb-wrap {
        position: relative;
        height: 5rem;
        margin-right: 1rem; }
        #blogGridPosts .post .author .author-thumb-wrap img {
          border-radius: 50%;
          width: 5rem;
          height: 5rem; }

#blog-overview-page .entry-list .entry-list-content .entry-list-item .entry-list-item-wrapper .entry-list-item-header {
  background-color: white; }

.publication-date {
  font-size: 24px;
  line-height: 1.1em;
  margin-bottom: 8px; }

.post-categories {
  font-size: 24px;
  line-height: 1.1em;
  margin-bottom: 8px; }

.blog-subscribe-form label {
  display: inline-block; }

.blog-subscribe-form .input-container {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .blog-subscribe-form .input-container label {
    padding: 5px;
    width: 20%; }
  .blog-subscribe-form .input-container input {
    border: 1px solid #E41871;
    display: inline-block;
    padding: 5px;
    width: 80%; }

.blog-subscribe-form input[type="submit"] {
  height: 30px;
  min-width: 100px; }

.blog-subscribe-form .consent-to-mail {
  padding: 10px 0;
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .blog-subscribe-form .consent-to-mail input {
    margin-top: 5px;
    display: block;
    max-width: 10%; }
  .blog-subscribe-form .consent-to-mail label {
    width: 90%;
    padding: 0 0 0 0; }
    .blog-subscribe-form .consent-to-mail label p {
      margin: 0;
      padding: 0; }

.blog-subscribe-form div.success {
  opacity: 0;
  max-height: 0; }

.blog-subscribe-form div.error {
  opacity: 0;
  max-height: 0; }

.blog-subscribe-form.success div.success {
  max-height: none;
  display: initial !important;
  opacity: 1;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s; }

.blog-subscribe-form.success form {
  opacity: 0;
  max-height: 0; }

.blog-subscribe-form.error div.error {
  max-height: none;
  display: initial !important;
  opacity: 1;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s; }

.blog-subscribe-form.error form {
  opacity: 0;
  max-height: 0; }

@media only screen and (max-width: 48em) {
  .post-header-container {
    padding: 12px; } }

.post-header-container .title-wrapper {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.post-header-container .social-wrapper {
  display: flex;
  position: relative;
  justify-content: flex-end; }
  .post-header-container .social-wrapper .social-dropdown {
    height: 20px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px; }
    .post-header-container .social-wrapper .social-dropdown .dropbtn {
      height: 20px;
      width: 20px;
      border: none;
      display: block;
      padding: 0;
      background-color: transparent;
      text-align: right;
      z-index: 10;
      position: relative; }
      .post-header-container .social-wrapper .social-dropdown .dropbtn svg {
        height: 20px;
        width: 20px;
        display: inline-block; }
    .post-header-container .social-wrapper .social-dropdown:hover .dropdown-content {
      display: block; }
    .post-header-container .social-wrapper .social-dropdown .dropdown-content {
      display: none;
      position: absolute;
      z-index: 1;
      background-color: #ffffff;
      margin-top: 0px;
      width: 10rem;
      padding: 1rem 0.5rem 1rem 1rem;
      right: -10px;
      top: -20px;
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
      .post-header-container .social-wrapper .social-dropdown .dropdown-content .share-title {
        font-size: 1rem;
        font-weight: bold;
        text-align: right;
        padding-top: 5px;
        padding-right: 40px; }
      .post-header-container .social-wrapper .social-dropdown .dropdown-content a {
        margin: 1rem 0;
        text-decoration: none;
        display: block;
        font-size: 16px;
        transition: padding-left 0.2s;
        text-align: right;
        line-height: 20px; }
        .post-header-container .social-wrapper .social-dropdown .dropdown-content a svg {
          display: inline-block;
          width: 22px;
          height: 22px;
          margin-right: 3px;
          position: relative;
          top: 5px; }
          .post-header-container .social-wrapper .social-dropdown .dropdown-content a svg path {
            fill: #ec006d !important; }
        .post-header-container .social-wrapper .social-dropdown .dropdown-content a:hover {
          padding-left: 0.2rem;
          text-decoration: underline; }
          .post-header-container .social-wrapper .social-dropdown .dropdown-content a:hover svg path {
            fill: #ec006d !important; }

.post-header-container .post-categories {
  font-size: 13px; }
  .post-header-container .post-categories a:hover {
    text-decoration: underline; }

.blog-navigation {
  display: -moz-box;
  /* OLD - Firefox 19- (doesn't work very well) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 12px; }
  @media only screen and (max-width: 48em) {
    .blog-navigation {
      padding: 12px; } }
  .blog-navigation #prevPostNav {
    text-align: right; }
  .blog-navigation .blog-nav-item {
    width: 33%; }
    .blog-navigation .blog-nav-item a:hover {
      text-decoration: underline; }
  .blog-navigation #blogCloseNav {
    text-align: center; }

#blogTags {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  #blogTags li {
    display: block;
    list-style-type: none;
    padding: 0 0 5px 0; }
    #blogTags li a:hover, #blogTags li a.active {
      text-decoration: underline; }

.unsubscribeSuccess {
  padding: 24px 24px;
  margin: 0 0 48px 0;
  font-weight: bold;
  border: 4px solid #ec006d; }

/* 5.Plugins */