/* ---------------
 * IMAGETEXT CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

/* Headlines */

.sw---ImageText {
    position: relative;
}

.sw---ImageText.sw---Section__background-color {
    margin-bottom: inherit;
}

.sw---ImageText a {
    color: #007FBA;
    position: relative;
    padding-right: 18px;
}

.sw---ImageText a:after {
    content: url('/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightBlue.svg');
    position: absolute;
    /*top: 0;*/
    right: 0;
    bottom: -5px;
}


/* FIREFOX SPECIFIC */
@-moz-document url-prefix() {
    .sw---ImageText a {
        display: inline-block;
    }

    .sw---ImageText a:after {
        right: inherit;
        bottom: -3px;
    }

}

.sw---ASO .sw---ImageText a:after {
    content: none !important;
}

.sw---ASO .sw---ImageText a {
    padding-right: 0;
}

.sw---ImageText__headlines--center {
    text-align: center;
}

.sw---ImageText__headlines--left {
    text-align: left;
}

.sw---ImageText__smallerWidth .sw---ImageText__headlines {
    width: 40%;
}

.sw---ImageText__smallerWidth .sw---ImageText__wrapper {
    width: 70%;
}

/* Content */

.sw---ImageText__wrapper {
    width: 100%;
}

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

.sw---ImageText__TextOne a:hover {
    font-weight: 500;
}

.sw---ImageText__TextTwo a:hover {
    font-weight: 500;
}

/* Grid for first column */

.sw---ImageText__ColumnOne--Grid1-1 {
    width: calc(50% - 15px);
    margin-right: 15px;
}

.sw---ImageText__ColumnOne--Grid1-2 {
    width: calc(33.3333% - 15px);
    margin-right: 15px;
}

.sw---ImageText__ColumnOne--Grid2-1 {
    width: calc(66.6666% - 15px);
    margin-right: 15px;
}

/* Grid for second column */

.sw---ImageText__ColumnTwo--Grid1-1 {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.sw---ImageText__ColumnTwo--Grid1-2 {
    width: calc(66.6666% - 15px);
    margin-left: 15px;
}

.sw---ImageText__ColumnTwo--Grid2-1 {
    width: calc(33.3333% - 15px);
    margin-left: 15px;
}

/* TYPO */

.sw---ImageText__typo {
    font-size: 17rem;
    position: absolute;
    font-weight: bold;
    color: #E8E9EA;
    text-transform: uppercase;
    left: 19%;
    top: 10%;
    z-index: -10;
}

/* Mobile */

@media(max-width: 991px) {
    .sw---ImageText__headlines, .sw---ImageText__wrapper {
        width: 100% !important;
    }
}

@media(max-width: 767px) {
    .sw---ImageText__Column {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .sw---ImageText__typo {
        display: none;
    }
}

/* ---------------
 * VIDEO CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

/* Headlines */

.sw---Video__headlines {
    margin-bottom: 30px;
}

.sw---Video__headlines--center {
    text-align: center;
}

.sw---Video__headlines--left {
    text-align: left;
}

/* ---------------
 * LANDINGPAGE CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

/* Headlines */

.sw---Landingpage__headlines {
    margin-bottom: 30px;
}

.sw---Landingpage__headlines--center {
    text-align: center;
}

.sw---Landingpage__headlines--left {
    text-align: left;
}

/* Content */

.sw---Landingpage {
    width: 100%;
    /*margin-bottom: -50px;*/
}

.sw---Landingpage .sw---Section__Typo {
    margin-top: 0 !important;
}

.sw---Landingpage.sw---Section .sw---Section {
	padding-top: 0;
}

.sw---Landingpage__col {
    display: inline-block;
    vertical-align: top;
    margin-left: 60px;
}

.sw---Landingpage__col .sw---Container {
    width: 100%;
    padding: 0;
}

.sw---Landingpage__col:first-child {
    margin-left: 0;
}

.sw---Landingpage__col .sw---Section {
    padding-top: 0;
    margin-bottom: 50px;
}

.sw---Landingpage__col > div:last-child .sw---Section {
    margin-bottom: 0;
}

/* Grid */

.sw---Landingpage__col1--1-1 {
    width: calc(50% - 30px);
}

.sw---Landingpage__col1--1-2 {
    width: calc(35% - 30px);
}

.sw---Landingpage__col1--2-1 {
    width: calc(65% - 30px);
}

.sw---Landingpage__col2--1-1 {
    width: calc(50% - 30px);
}

.sw---Landingpage__col2--1-2 {
    width: calc(65% - 30px);
}

.sw---Landingpage__col2--2-1 {
    width: calc(35% - 30px);
}

/* Mobile */

@media(max-width: 991px) {
    .sw---Landingpage__col {
        width: 100%;
        margin-left: 0;
        display: block;
    }

    .sw---Landingpage .sw---Container .sw---Landingpage__col:first-child {
        margin-bottom: 50px;
    }
}

/* ---------------
 * EVENTSEARCHAJAX CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

.sw---EventSearchAjax select {
    background-color: #fff;
}

.sw---EventSearchAjax__search--wrapper {
    width: calc(35% - 60px);
    display: inline-block;
    margin-right: 60px;
}

.sw---EventSearchAjax .sw---Link {
    font-weight: 500;
}

.sw---EventSearchAjax__search {

    background-color: #007FBA;
    padding: 35px;
    padding-top: 45px;
}

.sw---EventSearchAjax .sw---Typo {
    top: -190px;
}

/* Search */

.sw---EventSearchAjax__search--headline {
    font-size: 22px;
    /*font-weight: lighter;*/
    color: #fff;
    margin-bottom: 15px;
}

.sw---EventSearchAjax__search--form--inputFull {
    width: 100%;
}

.sw---EventSearchAjax__search--form--input--wrapper .sw---EventSearchAjax__search--form--inputFull {
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.sw---EventSearchAjax__search--form--input--wrapper .sw---EventSearchAjax__search--form--inputFull::-ms-expand {
    display: none;
}

.sw---EventSearchAjax__search--form--input--wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sw---EventSearchAjax__search--form--input {
    height: 40px;
    margin-bottom: 15px;
    font-size: 16px;
    /*font-weight: lighter;*/
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.sw---EventSearchAjax__search--form--input--wrapper.sw---EventSearchAjax__search--form--inputTime {
    margin-bottom: 10px;
}

.sw---EventSearchAjax__search--form--input--wrapper.sw---EventSearchAjax__search--form--inputTime > .sw---EventSearchAjax__search--form--input {
    margin-bottom: 0;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.sw---EventSearchAjax__search--form--inputTime {
    display: inline-block;
    width: calc(50% - 10px);
    margin-left: 20px;
}

.sw---EventSearchAjax__search--form .sw---Button.sw---Button__Blue {
    width: 100%;
}

.sw---EventSearchAjax__search--form--inputTime ::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
}

.sw---EventSearchAjax__search--form--inputTime :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

.sw---EventSearchAjax__search--form--inputTime ::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

select.sw---EventSearchAjax__search--form--input, input.datepicker.sw---EventSearchAjax__search--form--input {
    background-image: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowDownForm.svg);
    background-position: right 15px center;
    background-repeat: no-repeat;
}

/* EVENTSEARCHAJAX RESULTS */

.sw---EventSearchAjax__results {
    display: inline-block;
    vertical-align: top;
    width: 65%;
}

.sw---EventSearchAjax__table--head {
    padding: 15px 0;
    background-color: #E8E9EA;
}

.sw---EventSearchAjax__table--title--reduced {
    display: none;
}

.sw---EventSearchAjax__table--title,
.sw---EventSearchAjax__table--date,
.sw---EventSearchAjax__table--price,
.sw---EventSearchAjax__table--button
{
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 20px;
}

.sw---EventSearchAjax__columns .sw---EventSearchAjax__table--title {
    font-weight: 500;
}

.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--title,
.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--date,
.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--price {
    position: relative;
    cursor: pointer;
}

.sw---EventSearchAjax__table--title {
    width: calc(55% - 20px);
}

.sw---EventSearchAjax__table--date {
    width: calc(17% - 15px);
}

.sw---EventSearchAjax__table--price {
    width: calc(18% - 15px);
}

.sw---EventSearchAjax__table--button {
    width: 15%;
    padding-right: 0;
    text-align: right;
}


.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--head--sortable[data-sort=""]:after {
    position: absolute;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/Arrow_RightLeft_Black.svg);
    top: 50%;
    transform: translateY(-50%) rotate(270deg);
    margin-left: 15px;
}

.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--head--sortable[data-sort="ASC"]:after {
    position: absolute;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightBlack.svg);
    transform: translateY(-50%) rotate(90deg);
    top: 48%;

}

.sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--head--sortable[data-sort="DESC"]:after {
    position: absolute;
    margin-left: 15px;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightBlack.svg);
    transform: translateY(-50%) rotate(270deg);
    top: 48%;
}

.sw---EventSearchAjax__events--table {
    border-bottom: 1px solid #6E7071;
    padding-bottom: 15px;
    padding-top: 15px;
}

.sw---EventSearchAjax__events--container--pagination {
    position: relative;
}

.sw---EventSearchAjax__events--container--pagination {
    margin-top: 15px;
}

.sw---EventSearchAjax__events--container--pagination--numbers {
    display: inline-block;
    width: calc(100% - 170px);
    vertical-align: middle;
}

.sw---EventSearchAjax__events--container--pagination--left {
    position: relative;
    padding-left: 20px;
    width: 65px;
    display: inline-block;
}

.sw---EventSearchAjax__events--container--pagination--left.active,
.sw---EventSearchAjax__events--container--pagination--right.active,
.sw---EventSearchAjax__events--container--pagination--start.active,
.sw---EventSearchAjax__events--container--pagination--end.active {
    cursor: pointer;
}

.sw---EventSearchAjax__events--container--pagination--left.active:before {
    position: absolute;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/ArrowBackPagination.svg);
    left: 0;
    width: 9px;
    top: 3px;
}

.sw---EventSearchAjax__events--container--pagination--right {
    position: relative;
    padding-right: 20px;
    width: 65px;
    display: inline-block;
}

.sw---EventSearchAjax__events--container--pagination--right.active:before {
    position: absolute;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/ArrowNextPagination.svg);
    right: 0;
    width: 9px;
    top: 3px;
}

.sw---EventSearchAjax__events--container--pagination--start {
    width: 20px;
    height: 20px;
    float: left;
    position: relative;
    margin-top: 3px;
}

.sw---EventSearchAjax__events--container--pagination--start.active:before {
    position: absolute;
    left: 0;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/Pfeile_Anfang.svg);
}

.sw---EventSearchAjax__events--container--pagination--end {
    width: 20px;
    height: 20px;
    float: right;
    position: relative;
    margin-top: 3px;
}

.sw---EventSearchAjax__events--container--pagination--end.active:before {
    position: absolute;
    right: 0;
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/Pfeile_Ende.svg);
}

.sw---EventSearchAjax__events--container--pagination div[data-page] {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.sw---EventSearchAjax__events--container--pagination--numbers {
    text-align: center;
}

.sw---EventSearchAjax__events--container--pagination div[data-active] {
    color: #007FBA;
}

.sw---TeasergroupEvents__item--conventions--content--date--number {
    display: none;
}

.sw---EventSearchAjax__table--counterEmpty {
    margin-top: 30px;
}

.sw---EventSearchAjax__search--form--input--mobile {
    display: none;
}

.sw---EventSearchAjax.sw---Section {
    padding-top: 200px;
}

/* MOBILE */

@media(max-width: 1399px) {
    .sw---EventSearchAjax__search--form--input--responsive {
        display: none;
    }

    .sw---EventSearchAjax__search--wrapper {
        width: calc(35% - 30px);
        margin-right: 30px;
    }

    .sw---EventSearchAjax__table--title {
        width: calc(46% - 20px);
    }

    .sw---EventSearchAjax__table--date {
        width: calc(21% - 15px);
    }

    .sw---EventSearchAjax__table--price {
        width: calc(21% - 15px);
    }

    .sw---EventSearchAjax__table--button {
        width: 18%;
    }

    .sw---EventSearchAjax__table--title--full {
        display: none;
    }

    .sw---EventSearchAjax__table--title--reduced {
        display: block;
    }
}

@media(max-width: 1199px) {
    .sw---EventSearchAjax__search {
        height: 580px;
        padding-top: 30px;
    }

    .sw---EventSearchAjax__table--title,
    .sw---EventSearchAjax__table--date,
    .sw---EventSearchAjax__table--price,
    .sw---EventSearchAjax__table--button {
        vertical-align: top;
    }

    .sw---EventSearchAjax__table--title {
        width: calc(57% - 20px);
    }

    .sw---EventSearchAjax__table--date {
        width: calc(25% - 15px);
    }

    .sw---EventSearchAjax__table--price {
        width: calc(26% - 15px);
    }

    .sw---EventSearchAjax__table--button {
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }

    .sw---EventSearchAjax__table--head .sw---EventSearchAjax__table--button {
        display: none;
    }

    .sw---EventSearchAjax.sw---Section {
        padding-top: 170px;
    }
}

@media(max-width: 991px) {

    .sw---EventSearchAjax__search--wrapper {
        width: 100%;
        margin-right: 0;
    }

    .sw---EventSearchAjax__results {
        width: 100%;
    }

    .sw---EventSearchAjax {
        margin-top: 0 !important;
    }

    .sw---EventSearchAjax__search {
        width: 100%;
        height: inherit;
        margin-top:0;
        margin-bottom: 0;
    }

    .sw---EventSearchAjax__table--title {
        width: calc(60% - 20px);
    }

    .sw---EventSearchAjax__table--price {
        width: calc(22% - 15px);
    }

    .sw---EventSearchAjax__table--head {
        margin-top: 35px;
    }

    .sw---EventSearchAjax__table--title--full {
        display: block;
    }

    .sw---EventSearchAjax__table--title--reduced {
        display: none;
    }

    .sw---EventSearchAjax.sw---Section {
        padding-top: 80px !important;
    }

}

@media(max-width: 767px) {

    select.sw---EventSearchAjax__search--form--input, input.datepicker.sw---EventSearchAjax__search--form--input {
        background-position: right 8px center;
    }

    .sw---EventSearchAjax__table--head {
        display: none;
    }

    .sw---EventSearchAjax__events--container--append {
        border-top: 1px solid #6E7071;
        margin-top: 35px;
    }

    .sw---EventSearchAjax__events--table > div {
        width: 100% !important;
        padding: 0;
    }

    .sw---EventSearchAjax__events--container--pagination--start, .sw---EventSearchAjax__events--container--pagination--end {
        width: 15px;
    }

    .sw---EventSearchAjax__events--container--pagination--left, .sw---EventSearchAjax__events--container--pagination--right {
        width: 60px;
    }

    .sw---EventSearchAjax__events--container--pagination--numbers {
        width: calc(100% - 150px);
    }

    .sw---EventSearchAjax__table--price > div {
        display: inline-block;
        margin-left: 10px;
    }

    .sw---EventSearchAjax.sw---Section {
        padding-top: 50px !important;
    }
}

@media(min-width: 992px) AND (max-width: 1199px) {
    .sw---EventSearchAjax__search--form--inputTime {
        width: 100%;
        margin-left: 0;
    }
}

@media(min-width: 1200px) AND (max-width: 1399px) {
    .sw---EventSearchAjax__search--form--input--mobile {
        display: block;
    }

    .sw---EventSearchAjax__search--form--input--desktop {
        display: none;
    }
}

@media(max-width: 435px)  {
    .sw---EventSearchAjax__search--form--input--mobile {
        display: block;
    }

    .sw---EventSearchAjax__search--form--input--desktop {
        display: none;
    }

}

/* ---------------
 * DATEPICKER CSS
 * copyright Bueroparallel
 * Volkach Website
 * ---------------
 */
.datepicker,
.datepicker:focus
{
    cursor: pointer;
}

.ui-datepicker
{
    background: white;
    padding: 0;
    z-index: 10 !important;
    width: 345px;
    border: 1px solid #ccc;
}

@media (max-width: 1199px)
{
    .ui-datepicker
    {
        width: 278px;
    }
}

@media (max-width: 991px)
{
    .ui-datepicker
    {
        width: 325px;
    }
}

@media (max-width: 767px)
{
    .ui-datepicker
    {
        width: 250px;
    }
}

/*--- DATEPICKER HEADER ---*/
.ui-datepicker .ui-datepicker-header
{
    padding: 10px;
    background: #E8E9EA;
    color: white;
    margin-bottom: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
    top: 50%;
    margin-top: -10px;
    height: auto;
    width: auto;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev
{
    left: 25px;
}

.ui-datepicker .ui-datepicker-next
{
    right: 25px;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before
{
    display: table-cell;
    top: -2px;
    position: absolute;
    right: -9px;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    color: #333;
}

.ui-datepicker .ui-datepicker-prev:before
{
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightBlack.svg);
    transform: rotate(180deg);
    position: absolute;
    top: -6px;
}

.ui-datepicker .ui-datepicker-next:before
{
    content: url("/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightBlack.svg");
}

.ui-datepicker .ui-datepicker-prev.ui-state-disabled:before,
.ui-datepicker .ui-datepicker-next.ui-state-disabled:before
{
    /*content: '';*/
}

/*--- DATEPICKER CALENDAR ---*/
.ui-datepicker table
{
    margin-bottom: 15px;
}

.ui-datepicker th
{
    color: #9B9B9B;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 5px;
}

.ui-datepicker td
{
    padding: 5px;
    font-size: 14px;
}

.ui-datepicker td span,
.ui-datepicker td a
{
    text-align: center;
}

.ui-state-disabled,
.ui-datepicker-other-month a
{
    color: #ddd;
}

.ui-datepicker-other-month:not(.vw---event--day):hover a
{
    color: #007FBA;
}

.vw---event--day a
{
    color: white;
    background: #007FBA;
}

/* ---------------
 * SEPARATORSTAGE CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

.sw---SeparatorStage__image {
    height: 700px;
    background-size: cover;
    background-position: center;
}

.sw---SeparatorStage__textbox--Container {
    z-index: 1;
    position: relative;
    height: 100%;
}

.sw---SeparatorStage__image > img {
    position: absolute;
}

.sw---SeparatorStage__textbox {
    position: absolute;
    width: 40%;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, .85);
    padding: 45px 50px;
}

.sw---SeparatorStage__textbox--text {
    font-size: 1.777em;
    line-height: 1.3;
    margin-bottom: 20px;
}

.sw---SeparatorStage__textbox--name {
    width: 80%;
}

.sw---SeparatorStage__link--mobile {
    display: none;
}

.sw---SeparatorStage__textbox--mobile {
    display: none;
}

@media(max-width: 991px) {
    .sw---SeparatorStage__image {
        height: 250px;
    }

    .sw---SeparatorStage__textbox--text {
        font-size: 1rem;
    }

    .sw---SeparatorStage__textbox {
        display: none;
    }

    .sw---SeparatorStage__textbox--mobile {
        display: block;
        background: #007FBA;
        padding: 30px;
        color: #fff;
    }

    .sw---SeparatorStage__link--mobile {
        display: block;
    }

    .sw---SeparatorStage__link {
        display: none;
    }
}

@media(max-width: 767px) {
    .sw---SeparatorStage__image {
        height: 200px;
    }

    .sw---SeparatorStage__textbox--name {
        font-size: 0.8rem;
    }

    .sw---SeparatorStage__image {
        background-position: 30%;
    }
}

/* ---------------
 * TEASERGROUP FIGURES CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */


.sw---Overview__content-facts-border--container {
    width: calc(25% - 30px);
    display: inline-block;
    margin: 0px 40px 0 0;
    vertical-align: top;
}

.sw---Overview__content-facts-border {
    border: solid 3px #164768;
    border-radius: 50%;
}

.sw---Overview__content-facts-border--container:last-of-type {
    margin-right: 0;
}

.sw---Overview__content-facts-item-value--mobile {
    display: none;
}

.sw---Overview__content-facts-border--container:nth-of-type(2n) .sw---Overview__content-facts-border {
    border-color: #0AC6B7;
}

.sw---Overview__content-facts-border--container:first-of-type .sw---Overview__content-facts-border {
    border-bottom: solid 2px #C4C4C4;
}

.sw---Overview__content-facts-border--container:nth-of-type(2) .sw---Overview__content-facts-border {
    border-right: solid 2px #C4C4C4;
    border-bottom: solid 2px #C4C4C4;
}

.sw---Overview__content-facts-border--container:nth-of-type(3) .sw---Overview__content-facts-border {
    border-top: solid 2px #C4C4C4;
    border-left: solid 2px #C4C4C4;
}
.sw---Overview__content-facts-border--container:last-of-type .sw---Overview__content-facts-border {
    border-top: solid 2px #C4C4C4;
}

.sw---Overview__content-facts-background{
    background-color: transparent;
    width: calc(100% - 3px);
    border-radius: 50%;
    position: relative;
    padding-top: 100%;
    margin-left: 3px;
}

.sw---Overview__content-facts-item{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.sw---Overview__content-facts-item-title, .sw---Overview__content-facts-item{
    padding: 0px 10px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
}

.sw---Overview__content-facts-item-title {
    font-size: 3rem;
}

.sw---Overview__content-facts-item-count{
    display: inline-block;
}

.sw---Overview__content-facts-item{
    font-size: 1.33rem;

}

@media(max-width: 1199px) {
    .sw---Overview__content-facts-item-title {
        font-size: 2.33rem;
    }
}

@media(max-width: 991px) {
    .sw---Overview__content-facts-border--container {
        width: calc(50% - 10px);
        margin-bottom: 30px;
    }

    .sw---Overview__content-facts-border--container {
        margin-right: 20px;
    }

    .sw---Overview__content-facts-border--container:nth-of-type(2n){
        margin-right: 0;
    }

    .sw---Overview__content-facts-border--container:nth-child(4), .sw---Overview__content-facts-border--container:nth-child(5) {
        margin-bottom: 0;
    }
}

@media(max-width: 475px) {
    .sw---Overview__content-facts-item-title {
        line-height: 0.8;
        font-size: 2rem;
    }

    .sw---Overview__content-facts-item-value {
        display: none;
    }

    .sw---Overview__content-facts-item-value--mobile {
        display: block;
        text-align: center;
        font-size: 1.2rem;
        margin-top: 5px;
    }
}

@media(min-width: 992px) AND (max-width: 1199px) {
    .sw---Overview__content-facts-border--container {
        width: calc(33.33% - 30px);
        margin-right: 45px;
    }

    .sw---Overview__content-facts-border--container:nth-child(4) {
        display: none;
    }
}

/* ---------------
 * GALLERYWEBSITENEW CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

.sw---Gallery__images .sw---Gallery__image{
    width: 100%;
}

.sw---Gallery__images .sw---Gallery__image img{
    width: 100%;
    height: auto;
}

.sw---Gallery__text{
    display: inline-block;
    width: 450px;
    margin-top: 120px;
    margin-left: 90px;
    vertical-align: top;
    float: right;
}

.sw---Gallery__images{
    display: inline-block;
    width: 800px;
}

.sw---Gallery__images:after{
    clear: both;
}

.sw---Gallery__slider{
    margin-top: 80px;
}

.sw---Gallery__slider--image{
    display: inline-block;
    width: 330px;
    padding: 15px;
}

.sw---Gallery__slider--image img{
    width: 100%;
    height: 100%;
}

.sw---Gallery__slider--image {
    outline: none !important;
}

.sw---Gallery__slider .slick-current img {
    border-bottom: 5px solid #007FBA;
    padding-bottom:10px;
}

@media(min-width: 768px) {
    .sw---GalleryWebsite .slick-prev {
        right: -113px;
        left: inherit !important;
        bottom: -22px;
        top: inherit !important;
    }

    .sw---GalleryWebsite .slick-next {
        right: -130px;
        bottom: -20px;
        top: inherit !important;
    }
}

@media(max-width: 1399px) {
    .sw---Gallery__text {
        margin-left: 50px;
        width: 220px;
    }
}

@media(max-width: 1199px) {
    .sw---Gallery__text {
        width: 200px;
    }

    .sw---Gallery__images {
        width: 660px;
    }

    .sw---GalleryWebsite .slick-prev {
        right: 20px;
        bottom: -82px;
    }

    .sw---GalleryWebsite .slick-next {
        right: 0;
        bottom: -80px;
    }
}

@media(max-width: 991px) {
    .sw---Gallery__images {
        width: 100%;
    }

    .sw---Gallery__text {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .sw---Gallery__slider {
        margin-top: 75px;
    }
}

@media(max-width: 767px) {
    .sw---Gallery__slider{
        margin-top: 10px;
        width: 100%;
        padding: 0 30px 0 30px;
    }

    .sw---Gallery__text {
        display: block;
        width: 100%;
        vertical-align: unset;
        float: none;
        margin: 0 0 40px 0;
    }

    .sw---Gallery__images {
        display: block;
        width: 100%;
    }

    .sw---Gallery__slider--image{
        padding: 5px;
    }

    .sw---Gallery__slider .draggable {
        margin-left: -5px;
        margin-right: -5px;
    }

}

/* ---------------
 * LOCATIONMAPS CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

/* HEADLINES */

.sw---PoiMaps__headlines--center {
    text-align: center;
}

.sw---PoiMaps__headlines--left {
    text-align: left;
}

/* CONTENT */

.sw---locations.sw---Section.sw---UpperLimit {
    padding-bottom: 45px;
    padding-top: 205px;
}

#map {
    max-height: 520px;
}

.sw---locations--container {
    position: relative;
}

.sw---locations--list {
    position: absolute;
    right: 30px;
    top: -575px;
    background-color: #007FBA;
    height: 620px;
    width: 30%;
    color: #fff;
}

.location-item {
    display: none;
}

.sw---locations__item--image img {
    width: 100%;
    height: auto;
}

.sw---locations__item--content {
    padding: 50px;
}

.sw---locations__item--content--address {
    line-height: 1.5;
    font-size: 16px;
}

.sw---locations__item--content a {
    color: #fff;
}

.sw---locations__item--content a:hover {
    color: #fff;
}

.sw---locations__item--content--title {
    font-size: 1.3333rem;
    margin-bottom: 30px;
}

.sw---locations__item--content--route {
    text-decoration: none;
    position: relative;
    padding-left: 15px;
}

.sw---locations__item--content--route:before {
    content: url(/typo3conf/ext/skz_website/Resources/Public/Icons/Content/arrowRightWhite.svg);
    position: absolute;
    left: 0;
    top: 0;
}

.sw---locations__item--content--defaultText {
    overflow: hidden;
}

.sw---locations__item--content--defaultText a:hover {
    font-weight: 500;
}

@media(max-width: 1199px) {
    .sw---locations.sw---Section.sw---UpperLimit {
        padding-top: 165px;
    }
}

@media(max-width: 991px) {
    .sw---locations.sw---Section.sw---UpperLimit {
        padding-top: 135px;
    }
}

/* MOBILE */
@media(max-width: 767px) {

    .sw---locations.sw---Section.sw---UpperLimit {
        padding-top: 50px;
    }

    .sw---locations__item--image {
        display: none;
    }

	.sw---locations--container.sw---Container {
		margin: 0;
		padding: 0;
	}
	
	.sw---locations--list {
		position: initial;
		width: 100%;
		height: auto;
	}
	
	#map {
		max-height: 400px;
	}
}



/* ---------------
 * FOOTER CSS
 * copyright Bueroparallel
 * SKZ Website
 * ---------------
 */

.sw---Footer {
    margin-top: 80px;
}

.sw---Footer .sw---Button {
    width: 80px;
    line-height: 1.5;
    right: 0px;
    height: 45px;
    top: 1px;
}

.sw---Footer .sw---Button:after {
    right: 10px;
}

.sw---Footer__top {
    background-color: #007FBA;
    padding-top: 80px;
    padding-bottom: 80px;
}

.sw---Footer__bottom {
    background-color: #3D3D3F;
}

.sw---Footer__Link:hover {
	cursor: pointer;
	font-weight: 500;
}

.sw---Footer__top--item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 41px);
    margin-right: 50px;
}

.sw---Footer__socialMedia {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    margin-top: 1rem;
}

.sw---Footer__socialMedia img {
    width: 100%;
    height: auto;
}

.sw---Footer__top--item a {
    color: #fff;
}

.sw---Footer__top--item a:hover {
    text-decoration: underline;
}

.sw---Footer__top--item .sw---Button:hover {
    text-decoration: none;
}

.sw---Footer__top--item li {
    line-height: 1.5;
}

.sw---Footer__top--item:nth-child(5) {
    margin-right: 0;
}

.sw---Footer__top--headline {
    font-size: 1.556rem;
    color: #fff;
    margin-bottom: 30px;
}

.sw---Footer__top--subheadline {
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
}

.sw---Footer__bottom--content {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

.sw---Footer__bottom--content a {
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}

.sw---Footer__bottom--content a:nth-child(4) {
    margin-right: 0;
}

.sw---Footer__top--Button {
    margin-bottom: 15px;
}

.sw---Footer__top--item .sw---Newsletter__form--input {
    display: inline-block;
    padding: 12px 15px;
    border: none;
    font-size: 0.875rem;
    line-height: 1.5;
    width: 100%;
    margin-top: 1rem;
}

.sw---Footer__top--item--phone {
    font-size: 1.33rem;
    color: #fff;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.sw---Footer__top--item--phone:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: url("/typo3conf/ext/skz_website/Resources/Public/Icons/Footer/Telefon.svg");
}

.sw---Footer__top--item--time {
    color: #fff;
}

.sw---Newsletter__form {
    position: relative;
}

.sw---Newsletter__form button {
    position: absolute;
}

.sw---Footer__top--item--icons {
    font-size: 0;
}

.sw---Footer__top--item--iconContainer {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.sw---Footer__top--item--iconContainer > img {
    width: 100%;
    height: auto;
}

.sw---Footer__top--item--top100 {
    width: calc(40% - 15px);
    margin-right: 15px;
}

.sw---Footer__top--item--icons--social {
    width: 60%;
}

.sw---Footer__top--item--ssl {
    width: calc(50% - 10px);
    margin-left: 10px;
}

.sw---Footer__top--item--iso {
    width: calc(50% - 10px);
    margin-left: 10px;
}

.sw---Footer__top--item--facebook, .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
    margin-left: 18px;
    margin-top: 30px;
    vertical-align: bottom;
}

.sw---Footer__top--item--facebook img {
    height: 100%;
    width: auto;
}

.sw---Footer__top--item--facebook {
    margin-left: 15px;
}

.sw---Footer__top--item--ASOButton {
    width: 100% !important;
    padding-right: 0 !important;
}

.sw---Footer__top--item--ASOText {
    color: #fff;
    font-size: 1rem;
    margin-top: 16px;
}

@media(max-width: 1399px) {
    .sw---Footer__top--item--facebook, .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
        max-width: 20px;
        height: 20px;
        margin-top: 27px;
    }

    .sw---Footer__top--item--youtube {
        height: 13px;
    }
}

@media(max-width: 1199px) {
    .sw---Footer__top--item .sw---Newsletter__form--input {
        font-size: 1rem;
    }

    .sw---Footer__top--item--facebook, .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
        max-width: 15px;
        height: 15px;
    }

    .sw---Footer__top--item--facebook, .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
        margin-left: 10px;
        margin-top: 19px;
    }

    .sw---Footer__top--item--youtube {
        height: 10px;
    }

    .sw---Footer .sw---Button {
        height: 48px;
    }
}

@media(max-width: 991px) {
    .sw---Footer__top--item {
        width: calc(50% - 40px);
    }

    .sw---Footer__top--item:nth-child(3) {
        margin-right: 0;
    }

    .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
        margin-left: 15px;
        margin-top: 32px;
    }

    .sw---Footer__top--item--facebook, .sw---Footer__top--item--xing, .sw---Footer__top--item--ln, .sw---Footer__top--item--youtube {
        max-width: 25px;
        height: 25px;
    }

    .sw---Footer__top--item--youtube {
        height: 15px;
    }
}

@media(max-width: 767px) {
    .sw---Footer__top--item {
        margin-right: 0;
        display: block;
        width: 100%;
        margin-top: 35px;
    }

    .sw---Footer .sw---Button {
        height: 45px;
        top: -1px;
    }
}

