/* --- SLIDER --- */

section.hasCarousel,section.hasCarousel .galWrap.swipeCarousel,section.hasCarousel .galWrap.swipeCarousel .imgRow,
section.hasCarousel .galWrap.swipeCarousel .imgCol{display:webkit-flex;display:ms-flexbox;display:flex}
section.hasCarousel .galWrap.swipeCarousel .imgRow,section.hasCarousel,section.hasCarousel .galWrap.swipeCarousel .imgCol{
	-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

section.hasCarousel{display:block;position:relative;min-height:80px;overflow:hidden}
section.hasCarousel .galWrap.swipeCarousel{position:absolute;top:0;bottom:0;margin-right:auto;margin-left:auto;overflow:hidden;white-space:nowrap;grid-column-gap:24px;will-change:transform;animation:carousel 44s linear infinite}
section.hasCarousel .galWrap.swipeCarousel .imgRow{grid-column-gap:24px;grid-row-gap:24px;align-items:center}
section.hasCarousel .galWrap.swipeCarousel .imgCol{padding:0 20px;width:130px!important}
section.hasCarousel .galWrap.swipeCarousel .colDivider{width:1px;height:32px;color:transparent;background-color:#cacaca}
@keyframes carousel {
  from { transform: translateX(0%); }
  to { transform: translateX(calc(-50% - 12px)); }
}

section.hasCarousel.hasRadiant::before,section.hasCarousel.hasRadiant::after{content:'';display:block;position:absolute;z-index:2;top:0;bottom:0;width:15%;height:100%}
section.hasCarousel.hasRadiant::before{right:auto;left:0;background-image:linear-gradient(90deg,#efedea 60%,rgba(255,255,255,0) 100%)}
section.hasCarousel.hasRadiant::after{right:0;left:auto;background-image:linear-gradient(270deg,#efedea 60%,rgba(255,255,255,0) 100%)}


/* --- SWIPER --- */

.hasControls.swiper-container{position:relative}
.swipeNav:not(.show),.swipePages,.swipeScroll{display:none}

.cardsHorizontal{width:100%;height:100%}
.cardsHorizontal .swiper-slide{position:relative;z-index:1;-webkit-opacity:.4;opacity:.4;-webkit-transition:all .4s;transition:all .4s}
/* .cardsHorizontal .swiper-slide-prev{} */
.cardsHorizontal .swiper-slide::after{content:'';display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%}
.cardsHorizontal .swiper-slide-active{z-index:3;-webkit-opacity:1;opacity:1}
.cardsHorizontal .swiper-slide-active::after{display:none}
/* .cardsHorizontal .swiper-slide-next::after{-webkit-opacity:.6;opacity:.6} */
.cardsHorizontal .swiper-slide figure{border:1px solid transparent}
.cardsHorizontal .swiper-slide-active figure{z-index:3;border-color:#1a1a1a}
.cardsHorizontal figure.imgRounded{-webkit-border-radius:15;border-radius:15px}


/* --- NEWS --- */

/* list */
.ceItem.newsList{margin:0 2%!important;width:96%}

.newsLatest{padding:0 8%}
.newsLatest article{margin:0 0 40px;padding:0;width:100%;height:480px;background-color:#f2f2f2}
.newsLatest.latestCareer article{width:48%;height:380px}
.newsLatest article:last-child{margin-bottom:0}
.newsLatest article.shadow3d{margin-bottom:3%;border:1px solid #dadada}
.newsLatest article.shadow3d:last-child{margin-bottom:30px}

.newsLatest article .newsMedia,.newsLatest article .newsBody{width:50%;height:100%}

.newsLatest article .newsMedia{display:inline-block}
.newsLatest article .newsMedia a{display:block!important;width:100%;height:100%}
.newsLatest article .newsMedia figure{width:100%;height:100%;overflow:hidden}
.newsLatest article .newsMedia img{width:100%!important;height:100%!important;object-fit:cover;object-position:center center}

.newsLatest article .newsBody{position:relative;padding:3%;background-color:#fff}
.newsLatest.latestCareer article .newsBody{padding:40px 20px}
.newsLatest article .newsBody .newsHeader,.newsLatest article .newsBody .newsText,.newsLatest article .newsBody .newsMore{width:100%}

.newsLatest article .newsHeader::after{content:'';display:inline-block;margin-left:25%;width:50%;height:5px}
.newsLatest article .newsHeader h3{margin-bottom:0;padding-bottom:10px}
.newsLatest article .newsHeader h3 *{font-size:12px!important;font-weight:normal;font-family:rbl,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;color:#7a7a7a}
.newsLatest article .newsHeader h2{margin-bottom:30px;padding-bottom:0;font-size:26px;font-style:italic}
.newsLatest article .newsHeader h2 *{font-size:26px;font-style:italic}

.newsLatest.latestReferences article .newsHeader h2{text-align:center}

.newsLatest article .newsTags{margin:20px 0 0!important;text-align:center}
.newsLatest article .newsTags > span{display:inline-block;margin:0 0 10px 10px;padding:3px 5px;font-size:12px;text-align:center}
.newsLatest article .newsTags > span.Vertrieb{font-weight:bold;font-family:rbm,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif;color:#fff;background-color:#27497c;border:1px solid #27497c}
.newsLatest article .newsTags > span.Vollzeit{color:#2b4b26;background-color:#e0e9e1;border:1px solid #2b4b26}
.newsLatest article .newsTags > span.Teilzeit{color:#79502d;background-color:#f3ebe3;border:1px solid #79502d}
.newsLatest article .newsTags > span.Werkstudent{color:#7a7a7a;background-color:#eaeaea;border:1px solid #7a7a7a}
.newsLatest article .newsTags > span.Vollzeit::before,.newsLatest article .newsTags > span.Teilzeit::before{content:'\e72b';margin-right:5px}
.newsLatest article .newsTags > span.Werkstudent::before{content:'\e736';margin-right:5px}

.newsLatest article .newsText > *{padding-bottom:0}

.newsLatest.latestCareer article .newsHeader h3,.newsLatest.latestCareer article .newsHeader h2{text-align:center}
.newsLatest.latestCareer article .newsHeader h2{margin-bottom:20px;font-size:22px}

.newsLatest article .newsBody .newsTeaser{padding-top:40px}
.newsLatest.latestCareer article .newsBody .newsTeaser{padding-top:20px;text-align:center}
.newsLatest article .newsBody .newsTeaser *{font-size:16px!important;font-weight:bold;font-family:rbb,arial,helvetica,helveticablack,awesome,awesome5,microns,sans-serif}

.newsText section.ceItem table{width:100%}
.newsText section.ceItem table,.newsText section.ceItem table td{background-color:transparent;border:none}
.newsText section.ceItem table td:first-child,.newsText section.ceItem table td:nth-child(3){display:none}
.newsText section.ceItem table td{
	padding:25px;font-size:16px;font-family:rbb,arial,helvetica,sans-serif;font-weight:bold;text-align:center;
	background-position:center center;background-size:50px 50px
	}
.newsText section.ceItem table tr:nth-child(1) td:nth-child(2){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_01-gr.png')}
.newsText section.ceItem table tr:nth-child(1) td:nth-child(4){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_02-gr.png')}
.newsText section.ceItem table tr:nth-child(2) td:nth-child(2){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_03-gr.png')}
.newsText section.ceItem table tr:nth-child(2) td:nth-child(4){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_06-gr.png')}
.newsText section.ceItem table tr:nth-child(3) td:nth-child(2){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_05-gr.png')}
.newsText section.ceItem table tr:nth-child(3) td:nth-child(4){background-image:url('../../../../fileressource/Bilder/Icons/Referenzen/refico_04-gr.png')}

.news .lnkWrap{margin-top:20px;text-align:center}
.news .lnkWrap .button.filled > *{border:2px solid}
.news .lnkWrap .btn > *{padding:10px 15px}

/* archive link */
.newsArchive{position:absolute;z-index:2;top:50px;right:15%;width:auto;height:auto!important}
.newsArchive .btn.archive a{padding:0!important;width:auto;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-transition:all .4s;transition:all .4s}
.newsArchive .btn.archive a:hover{-webkit-transition:all .6s;transition:all .6s}
.newsArchive .btn.archive a span{display:inline-block;height:auto}
.newsArchive .btn.archive a span::before{top:auto;bottom:0;right:0;left:auto;padding-right:10px}

.indexPage .newsArchive{top:auto;bottom:0;right:0;width:12vw;height:12vw!important;-webkit-clip-path:polygon(100% 0, 0% 100%, 100% 100%);clip-path:polygon(100% 0, 0% 100%, 100% 100%)}
.indexPage .newsArchive .btn.archive{width:auto;border:none}
.indexPage .newsArchive .btn.archive:hover{-moz-opacity:1;-webkit-opacity:1;-ms-opacity:1;opacity:1}
.indexPage .newsArchive .btn.archive a{width:100%;height:100%;-moz-border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;border-radius:0}
.indexPage .newsArchive .btn.archive a span{display:inline-block;position:absolute;bottom:2.5vw;right:1vw;font-size:1vw;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.indexPage .newsArchive .btn.archive a:hover span{bottom:2vw;right:1vw;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
.indexPage .newsArchive .btn.archive a span:before{position:static}

/* pagebrowser */
.newsPageNav{margin:0 0 2% 0;padding-top:2%;text-align:center}
.newsPageNav p:first-child{display:none}
.newsPageNav ul{display:inline-block;list-style:none;margin:0;padding:0!important;vertical-align:top}
.newsPageNav ul li{list-style:none;display:inline-block;margin:0 5px;padding:0 10px;width:auto;vertical-align:top;line-height:150%;text-indent:0!important}
.newsPageNav ul li.current{background-color:#a00;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
.newsPageNav ul li::before,.newsPageNav ul li a::before{display:none}
.newsPageNav ul li a{display:block}
.newsPageNav ul li.previous a,.newsPageNav ul li.next a{padding:0 10px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;border-radius:3px}

/* single */
section.newsDetail{padding:60px 15% 40px}

.newsSingle{padding:0 10%}

.newsSingle .newsMediaWrap{margin-bottom:60px}
.newsSingle .newsMedia{height:500px;overflow:hidden}
.newsSingle .newsMedia figure a{height:100%;background-color:#fafafa}
.newsSingle .newsMedia figure img{width:100%!important;height:100%!important;object-fit:cover;object-position:center center}
.newsSingle .newsMedia .swipeNav:not(.show){display:block}
.newsSingle .newsMedia .swipeNav.prev{left:2vw}
.newsSingle .newsMedia .swipeNav.next{right:calc(2vw + 40px)}
.newsSingle .newsMedia .swipeNav::after{padding:20px;color:#fff;background-color:rgba(255,255,255,.3)}
.newsSingle .newsMedia .swipeNav:hover::after{background-color:rgba(0,0,0,.3)}

.newsSingle .newsHeader{display:block;;margin:0 0 40px;width:100%}
.newsSingle .newsHeader::after{content:'';display:inline-block;margin-left:25%;width:50%;height:5px}
.newsSingle .newsHeader h3{display:none;margin-bottom:10px;width:100%;text-align:center}
.newsSingle .newsHeader h2{display:block;padding-bottom:40px;width:100%;font-size:48px;font-style:italic;text-align:center}
.newsSingle .newsText{width:100%!important}
.newsSingle .newsAuthor{display:block;width:100%;line-height:1.5}

.newsSingle .newsText .newsAdd.shadow3d{margin:0 20% 60px;width:60%}
.newsSingle .newsText .newsAdd.shadow3d > section{padding:5px 30px 10px;background-color:#f2f2f2;-webkit-border-radius:15px;border-radius:15px}

.newsSingle .newsFooter{margin-top:30px}
.newsSingle .newsFooter .newsRelated{padding-top:30px}
.newsSingle .newsFooter .relatedArticles + .relatedFiles{margin-top:30px;padding-top:30px}
.newsSingle .newsFooter ul{margin:0;padding:0}
.newsSingle .newsFooter ul li{margin:10px 0 0;text-indent:0}
.newsSingle .newsFooter ul li::before{display:none}

.newsSingle .newsSocial{margin-top:20px;padding-top:20px}
.newsSingle .newsSocial ul li{margin-bottom:20px}
.newsSingle .socialItem{margin-top:20px}
.newsSingle .socialItem:first-child{margin-top:0}

.newsSingle .newsNav,.newsSingle .prevNext{margin-top:30px;padding-top:30px;border-top-width:1px}
.newsSingle .prevNext{padding-bottom:40px}
.newsSingle .prevNext strong{margin-right:5px}

.careerSingle > article{padding:0 10%}
.careerSingle .newsText hr{height:2px;width:100%}

/* iframepage */
.iframePage .newsSingle .newsText{padding:20px 0 0}
.iframePage .newsSingle .newsNav{display:none}
.iframePage .newsSingle .newsBody .newsMedia{display:block;float:right;margin:0 0 15px 40px;width:calc(50% - 40px)}
.iframePage .newsSingle .newsContent{display:block!important}
.iframePage .newsSingle .newsContent .newsTeaser{margin:0;padding:0 0 20px}

/* years menu */
.newsMenu ul.years{margin:40px 0 0;padding-bottom:40px}
.newsMenu ul.years > li{position:relative;margin:0 10px;width:auto}
.newsMenu ul.years > li span{display:block}
.newsMenu ul.years > li span.year a{padding:5px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
.newsMenu ul.years > li span.year a:hover,.newsMenu ul.years > li span.year.cur a{background-color:#a00}
.newsMenu ul.years ul.months{position:absolute;top:100%;left:0;max-height:0;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}
.newsMenu ul.years ul.months.cur{max-height:none;overflow:visible;-webkit-transition:all .6s;transition:all .6s}


/* --- MYFLAT --- */

.bookingPlan .hGroup{margin:0 0 20px}
.bookingPlan .hGroup + p{margin-bottom:40px!important;text-align:center}

.bookingPlan input.hasDatepicker:focus,.bookingPlan .availabilityItems.persons select:focus{border-color:#fff}
.fancyPage .bookingPlan input.hasDatepicker:focus,.fancyPage .bookingPlan .availabilityItems.persons select:focus{border-color:#000}
.bookingPlan span.btn input{display:inline-block;padding:10px 20px;width:auto;color:#fff;background-color:#216477}
.bookingPlan span.btn input:hover{background-color:#5194a7}

.bookingPlan .availabilityForm{padding-bottom:30px;border-bottom:1px solid #a2a2a2}
.bookingPlan .availabilityWrap{width:100%}
.bookingPlan .availabilityItems{display:inline-block;width:24%}
.bookingPlan .availabilityItems.persons select option{color:#000}
.bookingPlan .availabilityItems.submit > * > *{display:inline-block;margin-top:24px;width:100%;border:2px solid #216477}
.bookingPlan .availabilityItems.submit > * > *:hover{border-color:#5194a7}
.bookingPlan .flatInfo{display:none}

.fancyPage .bookingPlan .availabilityTable{margin-left:-2%;width:102%} 
.bookingPlan table.monthMultiRow{display:table;float:none;margin:0 0 2% 2%;width:31.33%;min-height:unset;height:370px;background-color:#f2f2f2;border:none}
.bookingPlan table.monthMultiRow td{padding:15px 15px 0;background-color:#f2f2f2}
.bookingPlan table.monthMultiRow td.dayNames{text-align:center}
.bookingPlan table.monthMultiRow td.monthNameMultiRow{font-size:18px;text-align:center}

.bookingPlan table.monthMultiRow table{table-layout:fixed;border-spacing:0;border-collapse:collapse;width:100%;height:auto}
.bookingPlan table.monthMultiRow table td{padding:12px 0}

.bookingPlan .tableMultiRow td.vacantWeekend{background-color:#e2e2e2}
.bookingPlan .tableMultiRow td.bookingStart,.bookingPlan .tableMultiRow td.bookingEnd{background-image:none}
.bookingPlan .tableMultiRow td.bookedDay,.bookingPlan .tableMultiRow td.bookedWeekend{color:#fff;background-color:#C70B1D}
