@charset "utf-8";
/* GENERAL */
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html {
	font-size:100%;
}
body {
	background-color:#FFF;
	color:#000;
	font-size:16px;
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans",
	"Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	padding: 0 1.25rem;
}
a {
	color:#000;
	text-decoration:none;
	border:none;
	outline:none;
}
a:hover {
	color:#000;
}
a img {
	border:none;
}
p {
	margin-bottom: 1.25rem;
	line-height: 1.28rem;
}

h1, h2, h3, h4, label, .sublist a, .city li, .topicIni li, .topic li, .source, .overTitle, #findHotel, #findEvents, #monthList li, #eventList li, .pageNav, #introInsider #right p {
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
}

/* BANNERS HEADER */
#bannersHeader {
	position:relative;
	max-width: 80rem;
	margin-right:auto;
	margin-left:auto ;
}


/* TOP */
#bannerSuper {
	position: relative;
	max-width: 80rem;
	margin: 0 auto;
}
#header {
	position: relative;
	max-width: 80rem;
	height: 7.5rem;
	margin: .625rem auto;
}
#logo {
	position:absolute;
	left:0px;
	bottom:0px;
	width:390px;
	height:116px;
}
#logo.spartacus-world {
	width:425px;
	height:120px;
}
#bannerTop {
	position:absolute;
	right:0px;
	bottom:0px;
}
#bannerTop img {
	width: auto;
	height: auto;
}
#subHeader {
	max-width: 80rem;
	margin: 0 auto .625rem;
}
#menu {
	font-family: "Helvetica Neue", Helvetica, Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", Tahoma, Geneva, sans-serif;
	border-bottom: 2px solid #e91e63;
	border-top: 2px solid #e91e63;
}
#menu2 {
	position:absolute;
	right:0px;
	height:1.375rem;
	text-align:right;
	text-transform:uppercase;
	font-size: .75rem;
	padding:6px 6px 0px 0px;
}
#menu2 a {
	margin: 0 5px;
}
#menu2 input {
	border:none;
	width:140px;
}
#menu li {
	white-space: nowrap;
	display: inline-block;
	list-style-type: none;
	text-transform: uppercase;
	margin: 0 0 0 1rem;
	line-height: 2rem;
	font-size: .8rem;
	padding: 0 .5rem
}
#menu li.current-menu-item,
#menu li.current-menu-parent,
#menu li.current-category-ancestor,
#menu li.act {
	background: #e91e63;
}
#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current-category-ancestor a,
#menu li.act a {
	color: #FFF;
}

#subHeader > a {
	display: none;
}

#btnNewsletter {
	float:left;
	margin-left:28px;
}
#langSel {
	float:right;
	margin-right:6px;
}

/* CENTER */
#center {
	max-width: 80rem;
	margin: 0 auto;
}
.flex {
	display: flex;
}
#content {
	margin: 0 .625rem 0 -.625rem;
	flex: 1 1 0;
}
#content > h2,
#content > .centerLine,
#content > .insiderNews,
#content > #highlights,
#content > #monthList,
#content > .hotel,
#content > .event-list,
#content > .city,
#content > #introInsider,
#content > #bio,
#content > #travel-left,
#content > #travel-right,
#content > #impressum {
	margin: 0 .625rem;
}
#fw-list {
	margin: 0 .625rem !important;
	width: auto !important;
}
#content .spartacus-world a  {
	position: relative;
	display: block;
}
#center h2  {
	clear: both;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 2px solid #e91e63;
	line-height: 2.3rem;
}
.page #center h2  {
	margin-bottom: 1rem;
}
#content .spartacus-world h2  {
	font-weight: bold;
	text-transform: uppercase;
	background: #e91e63 !important;
	position: absolute;
	bottom: 39px;
	color: #FFF;
	font-size: .875rem;
	padding: 0 5px !important;
	display: inline;
	line-height: 1.4375rem;
	margin: 0;
	border-bottom: 0;
	font-weight: normal;
}

h2.navigation {
	font-size: .8125rem !important;
	text-align: left !important;
	text-transform: none !important;
	padding-left: 6px !important;
	font-weight: normal !important;
	border-bottom: 0 !important;
}
h2.navigation em {
	margin-left:5px;
}

.centerLine {
	height: 2px;
	background-color: #e91e63;
	clear:both;
	margin-bottom:4px;
}
.thinLine {
	height:1px;
	background-color:#919191;
	clear:both;
	margin-right:9px;
	margin-bottom:4px;
	display: none;
}
.doubleLine {
	height:7px;
/*	background:url(../images/bg-double_line.png) repeat-x;*/
	clear:both;
	margin:5px 0px;
}

/* INTRO */
#intro {
	height: 22rem;
	position:relative;
	margin-bottom: .625rem;
	background-position: center !important;
	background-size: cover !important;
}
#intro h1 {
	font-size:1.75rem;
	font-style:;
	text-decoration:underline;
	margin:6px 0px 4px 0px;
}
#intro p {
	line-height:.875rem;
}
#slideshow {
	 height:322px;
	 width:829px;
	 overflow: hidden;
}

#findBox {
	position:absolute;
	left:25px;
	bottom:25px;
	padding:15px 25px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
#findHotel {
	color:#FFF;
	font-size:1.625rem;
	font-style:italic;
	display:block;
	margin-bottom:.25rem;
}
#findBox {
	color:#FFF;
}
#findBox select {
	margin-left:10px;
	background-color:#FFF;
	width: 140px;
	border:none;
	height: 1.5625rem;
}
#findBox label {
	width:70px;
	display:inline-block;
	height: 1.5625rem;
	margin-bottom: 5px;
}
#findBox #btnSearch {
	width:70px;
	height:1.5625rem;
	text-transform:uppercase;
	font-size:.6875rem;
	color: #FFF;
	background-color: #e91e63;
	border:none;
	margin-left:10px;
}

#asearch_link {
	color: white;
	display: block;
	margin: 1px 0 0 85px;
	text-decoration: underline;
}

#asearch_link:hover {
	color: #fff100;
}

#linkBox {
	width:200px;
	height:1rem;
	position:absolute;
	right:10px;
	bottom:6px;
	text-align: right;
	color: white;
}
#linkBox a{
	color: white;
	font-size: 0.6875rem;
	text-decoration: none;
}
#linkBox a:hover{
	text-decoration: underline;
}

/* ADVANCED SEARCH */
#asearch {
	padding: 1rem;
	margin: 0 .625rem .5rem .625rem;
	margin-bottom:.5rem;
}

#frmSearch {
 	color:#FFF;
	padding: 1rem 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#esearch {
	background-image: url('https://spartacus.gayguide.travel/images/Miami-Beach-Pride.jpg');
	background-position: center;
	background-size: cover;
	margin: .625rem 0;
}
#frmSearchE {
 	color:#FFF;
	padding:25px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#frmSearch #btnSearch, #frmSearchE #btnSearch  {
	text-transform:uppercase;
	padding: .5rem;
	color: #FFF;
	background-color: #e91e63;
	border:none;
}

#frmSearch #findHotel {
	margin: 0 0 50px 80px;
}

#findEvents {
	margin: 0 0 .25rem 80px;
	color:#FFF;
	font-size:1.625rem;
	font-style:italic;
	display:block;
}


#frmSearch label, #frmSearchE label {
 	display: block;
 	margin: 0 12px 5px 80px;
	float: left;
	width: 80px;
	height: 1.5625rem;
}

#frmSearchE .nlInputcb {
	font-size:.8125rem;
}

#frmSearch .nlInput, #frmSearchE .nlInput, #frmSearchE .nlInputcb{
	float: left;
	height: 1.5625rem;
}
#frmSearch .nlInput input, #frmSearch .nlInput select, #frmSearchE .nlInput input, #frmSearchE .nlInput select {
	font-size: 1rem;
	width: 280px;
}

/* INTRO SPARTACUS WORLD */
.spartacus-world .slide {
	width:829px !important;
	margin-bottom:8px !important;
	background:none !important;
	height:inherit !important;
	overflow:hidden;
}
.spartacus-world .slide #left {
	width:558px;
	float:left;
}
.spartacus-world .slide #right {
	width:231px;
	float:left;
	padding:25px 15px;
}


/* HIGHLIGTS */
.start-slider {
	max-width: 80rem;
	margin: 0 auto;
}
.start-slider .img {
	width: 55%;
	height: 23rem;
	float: left;
	background-position: center !important;
	background-size: cover !important;
}
.start-slider .excerpt {
	width: 45%;
	float: left;
	padding: 1.25rem 1.25rem 0 1.25rem;
}
.slick-slide {
	max-width: 80rem;
	margin: 0;
}
.slick-center {
	opacity: 1;
}
.slick-prev, .slick-next {
	top: 20rem;
	width: 2.5rem;
	height: 2.3rem;
}
.slick-prev:before,
.slick-next:before {
	color: #e91e63;
	font-size: 2.5rem;
}
.slick-prev {
	left: .625rem;
	z-index: 999;
}
.slick-next {
	right: .625rem;
	z-index: 999;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #e91e63;
}

#slideshowBig {
	height: 31vw;
	overflow: hidden;
	margin-bottom: .625rem;
}
#introInsider {
	margin-bottom: .625rem !important;
	overflow: hidden;
}
#highlights {
	margin-bottom: 1.25rem !important;
	overflow: hidden;
}
#highlights #right h1, .highlightsBig #right h1 {
	font-size:1.75rem;
	font-style:italic;
	text-decoration:underline;
	margin:.375rem 0 .25rem 0;
}
#highlights p, .highlightsBig p {
	line-height: 1.1875rem;
}
#highlights #left, #introInsider #left {
	width: 55%;
	height: 23vw;
	float: left;
	background-position: center;
	background-size: cover;
}
#highlights a#left, #introInsider a#left {
	text-indent: -999px;
	overflow: hidden;
}
#highlights #right, #introInsider #right {
	width: 45%;
	float: left;
	padding: .625rem;
}
.entry .img-header {
	height: 25vw;
	background-position: center;
	background-size: cover;
	margin-bottom: .625rem;
}
.two-thirds {
	width: 66%;
	float: left;
}
.one-third {
	width: 32%;
	float: right;
}
.entry .details {
	width: 34%;
	float: left;
	padding: 0 .625rem 0 2rem;
}
.source {
	color:#FFF;
	background-color:#000;
	font-weight:lighter;
	text-transform:uppercase;
	font-size:.75rem;
	padding:0 .25rem;
}
.highlightsBig {
	width: 100%;
	height: 100%;
}
.highlightsBig #left {
	width: 55%;
	height: 100%;
	float: left;
}
.highlightsBig #right {
	width: 45%;
	float: left;
	padding: 1.25rem;
}

/* HOTEL */
.img-header {
	background-size:cover;
	background-position: center center;
	height: 23rem;
}
.hotel {
	margin-bottom:10px;
	overflow:hidden;
	clear:both;
}
.hotel img {
	margin-bottom:4px;
}
.hotel h1 {
	font-size:1.25rem;
	display:inline;
	line-height:1.25rem;
	font-style:normal !important;
}
.contentHotel p {
	padding-top:5px;
	padding-left:5px;
	font-style:normal !important;
}
p.address, div.address {
	font-style:italic !important;
	padding: 3px;
	border:none !important;
}

div.address {
	font-size:.75rem;
}
div.address div.right {
	display: block;
	float: right;
	height: .875rem;
}

.entry p {
	padding: 3px;
}
p.address a {
	text-decoration: underline;
}

p.address a:hover {
	color: grey;
}
.hotelLeft {
	clear: left;
	padding-top: .625rem;
}
.hotelRight {
}
.hotelCenter {
	width:680px;
	float:right;
}
.headerHotel {
	position:relative;
	border-bottom: 2px solid #e91e63;
	margin-bottom: .625rem;
}
.titleHotel {
	padding: 3px;
	display: inline-block;
}
.iconsHotel {
	margin: 3px 0 0 0;
	text-align: right;
}
.contentHotel {

}
.buttonsHotel {
 	border-top:1px #919191 solid;
}

.shareBox {
	font-style:normal !important;
	text-align: right;
	margin-top: 3px;
	display: none;
}

.shareBox p {
	display:inline;
}
.shareBox img {
	margin:0px 0 6px 0 !important;
	vertical-align:bottom;
}

.featured .headerHotel {
	background-color: #e91e63;
}
.featured .headerHotel a {
	color: #FFF;
}
.featured .headerHotel {
	border-bottom: 0;
}

.book_now {
	background-color: #e91e63;
	line-height: 26px;
	float: right;
	margin: 0px;
	width: 100px;
	text-align: center;
	border-left: .6rem solid #FFF;
}

.book_now a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .75rem;
}

.pinkpillow {
	float:right;
	margin: 3px;
	overflow: hidden;
	text-align: right;
}


/* CITY & COUNTRY */
.city {
	overflow: hidden;
}
.city p {
	line-height:1.1875rem;
	padding-left:6px;
	font-style:normal !important;
}
.city img {
	margin-bottom:4px;
}
span.title {
	font-weight: bold;
	display: inline-block;
	margin-top: .5rem;
	width: 25%;
}
.titleCity {
	color:#000;
	height:1.5625rem;
	border-bottom: 2px solid #e91e63;
}
.titleCity h1 {
	font-size:1.25rem;
	display:inline;
	text-transform:uppercase !important;
	font-style:normal !important;
	padding:0px 2px 2px 6px;
	line-height:1.375rem;
}
.cityRight {
	margin-left: .625rem;
	float: right;
}
.countryRight {
	margin-left: .625rem;
	float: right;
}

.gmap {
	width:400px;
	margin-left:10px;
	float:left;
}
.countryRight img, .gmap img {
	margin-bottom:3px !important;
}
.shareBoxCountry {
	text-align:right;
	display: block;
	border-top:1px solid #919191;
	display: none;
}
.countryLeft, .countryRight, .fatcs, .gmap {
	display:table-cell;
	height:100%;
}
.shareBoxCountry p {
	display:inline;
}
.shareBoxCountry img {
	margin:0px !important;
	vertical-align:center;
}

.thumbs-55 {
	font-size:.9375rem;
}
.thumbs-30 {
	font-size:.625rem;
}
.thumbs-30 img{
	margin:0;
}
.titleCityList {
	height:1.5625rem;
	clear:both;
}
.titleCityList h3 {
	font-size:1rem;
	padding:2px 2px 2px 6px;
}

.sublist {
	width: 100%;
	border: 0;
	margin-bottom: 4px;
}

.sublist td {
	vertical-align: top;
}

.sublist a, .sublist tr td a {
	display: block;
	padding: .25rem 0 0 .25rem;
	/*font-size: .8125rem;*/
	color: #e91e63;
}

.sublist tr td a:hover, .sublist a:hover {
	text-decoration:underline;
}
.city ul {
	margin-top:10px;
}
.city li, .city li {
	list-style-type:none;
	font-size:.75rem;
	width:132px;
	height:.75rem;
	display:inline-table;
	padding:0 .375rem;
}
.city li a:hover {
	text-decoration:underline;
}
.hiddenLine {
	height:.25rem;
	clear:both;
}
div.img {
	position: relative;
}
span.credit {
	font-size: .8rem;
	color: #FFF;
	position: absolute;
	top: 2px;
	right: 4px;
}
span.credit a {
	color: #FFF;
}

.titleMap {
	text-align: center;
	text-transform: uppercase;
	font-size: .875rem;
	line-height: 1.375rem;
	border-bottom: 2px solid #e91e63;
}

.infoText {
	padding: 5px 5px 5px 0;
}

/* EVENTS */
#monthList ul {
	text-align:left;
	margin-top:3px;
}
#monthList li {
	list-style-type: none;
	text-transform: uppercase;
	text-align: center;
	background-color: #e91e63;
	font-size: 1rem;
	display: inline-table;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: .625rem;
}
#monthList li a {
	color:#FFF;
}
#monthList li.currentMonth {
	background: #FFF;
}
#monthList li.currentMonth a {
	color: #e91e63;
}

#eventList {
	text-align:left;
	margin-top:10px;
	margin-right:10px;
	width: 100%;
}
#eventList tr {
	padding-top:10px;
}

#eventList tr td {
	text-align:left;
	padding: 5px;
	font-size:.875rem;
	border-bottom:solid 1px #919191;
}


/* TOPICS */
.topic, .topicIni {
	width: 33.3333%;
	float: left;
	margin-bottom: 1.25rem;
	position: relative;
	padding: 0 .625rem;
}
.topicIni {
	clear:left;
}

.topicIni.spartacus-world,
.topic.spartacus-world {
	padding-left: .625rem;
}
.topicIni h2, .topic h2 {
	margin-right:0px !important;
}
.topicIni.spartacus-world h2, .topic.spartacus-world h2 {
	background:url(../images/bg-h2-world.png) repeat-x !important;
	padding:0px !important;
}
.topicIni .box, .topic .box {
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
	padding-bottom: .5rem;
}
.topicIni a.img, .topic a.img {
	display: block;
	height: 160px;
	background-position: center;
	background-size: cover;
	position: relative;
}
.topicIni.spartacus-world a.img, .topic.spartacus-world a.img {
	height: 220px;
}
.topicIni.spartacus-world .box, .topic.spartacus-world .box {
	padding-bottom: inherit;
}
.topicIni h3, .topic h3 {
	font-size: 1rem;
	padding: .5rem;
	font-style: italic;
}
.topicIni.spartacus-world h3, .topic.spartacus-world h3 {
	font-size: .875rem;
	text-decoration: none;
	background: #FFF;
	position: absolute;
	margin-top: 4.375rem;
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	line-height: 1.4375rem;
	left: 10px;
	bottom: 10px;
	height: 23px;
	max-width: 290px;
	padding: 2px 5px;
	font-weight: normal;
}
.topicIni.spartacus-world h3 a, .topic.spartacus-world h3 a {
	color: #000;
}
.topicIni h4, .topic h4 {
	font-style:;
	font-size:1.125rem;
	font-weight:lighter;
	margin:0px 0px 4px 0px;
	padding:0px 4px;
}
.topicIni h4 em, .topic h4 em {
	font-style:normal !important;
	font-weight:bold !important;
}
.topicIni p, .topic p {
	line-height: 1.3rem;
	padding: 0 .5rem;
	font-size: .9rem;
	color: #666;
}
.topic li, .topicIni li {
	list-style-type:none;
	font-size: .8125rem;
	width: 47%;
	height: 1.125rem;
	display: inline-block;
	padding: 3px 5px;
}
.topic img, .topicIni img {
	margin-bottom:.5rem;
}
.overTitle {
	text-transform: uppercase;
	font-size: .75rem;
}
a.img .overTitle {
	position: absolute;
	top: 125px;
	background: #e91e63;
	padding: .3rem;
	color: #FFF;
}
.grid {
	list-style: none;
}

.grid li {
	display: block;
	float: left;
	width: 33.3333%;
	opacity: 0;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	/*
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
 */
}
.grid .box p.icons {
	margin-bottom: 0;
}
.topic.featured .box {
	background: #e91e63;
}
.topic.featured p,
.topic.featured .box a {
	color: #FFF;
}
.topic.featured .icons img {
	background: #FFF;
}


.grid li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/**
 * 14.2 Galleries
 */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* DROPDOWN */
.dropList {
	background-color:#fff;
	position:absolute;
	top:200px;
	right:9px;
	width:295px;
	border: #e91e63 solid 1px;
	border-top: #e91e63 solid 6px;
	z-index: 100;
	display: none;
}
.dropList li {
	border-bottom:none !important;
	width:205px;
	height: auto !important;
}
.dropList li:hover {
	background-color: #e91e63;
}
.dropList li a {
	display: block;
}
.dropList li:hover a {
	color: #FFF;
}

.showAllLink {
	color: #e91e63;
}
.showAllLink:hover {
	color: black;
}

/* INSIDER */
.pageNav {
	height:30px;
	clear:both;
	text-align:center;
	margin-right:9px;
}
.insiderNews {
	border-bottom:#919191 solid 1px;
	min-height:98px;
	margin-bottom:6px;
	margin-right:9px;
}
.insiderNews img {
	float:left;
	margin-right:10px;
}
.insiderNews h3 {
	font-size:1.2rem;
	font-weight: normal;
	text-decoration:underline;
}
.insiderNews p {
	line-height:1rem !important;
}

/* Advertorial */
.post-advertorial {
	padding: 0;
}
.post-advertorial #subHeader {
	display: none;
}
.post-advertorial #progress {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 3rem;
  background-color: #e91e63;
	overflow: hidden;
	white-space: nowrap;
	transition-property: width;
	transition-duration: .1s;
	z-index: 2;
}

.post-advertorial a.spartacus-link {
	position: fixed;
	top: 0;
	left: calc(10% + 1.6rem);
	color: #FFF;
	padding: .4rem;
	z-index: 3;
}
.post-advertorial #progress a.spartacus-link {
	position: absolute;
	left: 100%;
}
.post-advertorial a.spartacus-link svg {
	fill: #FFF;
	height: 2.2rem;
	margin-right: .4rem;
}
.post-advertorial a.action-link {
	position: fixed;
	top: 0;
	right: calc(10% + 2rem);
	padding: .5rem;
	background: #e91e63;
	border: 2px solid #FFF;
	color: #FFF;
	margin: .25rem;
	z-index: 3;
}
.post-advertorial .wp-custom-header {
	height: 55.5vw;
	max-height: 80vh;
	background-size: cover;
	background-repeat: no-repeat;
}
.post-advertorial .wp-custom-header.video {
	position: relative;
	cursor: pointer;
}
.post-advertorial .video-background {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
  /*pointer-events: none;*/
}
.post-advertorial .video-foreground iframe {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
}

.post-advertorial #content {
	width: 80vw;
	max-width: 1200px;
	margin: -2.5rem auto 0;
	background: #FFF;
	padding: 2rem;
	z-index: 1;
	position: relative;
	overflow: hidden;
}

.post-advertorial a.mute {
	color: #272727;
	float: left;
	margin-right: 1rem;
}
.post-advertorial a.mute svg.mute,
.post-advertorial a.mute.act svg {
	display: none;
}
.post-advertorial a.mute.act svg.mute {
	display: inline;
	color: #e91e63;
}
.post-advertorial h1 {
	font-weight: normal;
	font-style: italic;
	margin-bottom: 2rem;
}
.post-advertorial #content > #travel-right {
	float: none;
	margin: 0;
}
.post-advertorial #bottom {
	margin: 0;
}

/* TRAVEL */
.share {
	position:relative;
	display: none;
}
.shareBoxTravel {
	position:absolute;
	width:100%;
	height:40px;
	top:90px;
	text-align:right;
	padding-top:3px;
	border-top:1px solid #919191;
}
.shareBoxTravel p {
	display:inline;
}
.shareBoxTravel img {
	margin:0px !important;
	vertical-align:bottom;
}
#travel-left, #travel-right {
	margin-top:10px;
}
#travel-left {
	float:left;
	width:194px;
}
#content #travel-right {
	margin: 0 .625rem 0 214px;
	overflow: hidden;
}
#travel-right img.size-full {
	width: 100%;
	height: auto;
}
#travel-right .video-wrap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

#travel-right .video-wrap iframe,
#travel-right .video-wrap object,
#travel-right .video-wrap embed,
#travel-right .video-wrap video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#travel-right strong, #travel-right b, #impressum strong {
	font-weight:bold !important;
}
#travel-right em, #travel-right i, #impressum em {
	font-style:italic !important;
}
#travel-left img {
	margin-bottom:4px !important;
}
#travel-right a, #impressum a {
 	font-style: italic;
	text-decoration:none !important;
	color: #e91e63;
}
#travel-right a:hover, #impressum a:hover {
	text-decoration:underline !important;
}
#travel-right h3 {
	text-decoration:underline;
	text-transform:uppercase;
	font-size:.75rem;
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans",
	"Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
}

/* INTRO SPARTACUS WORLD */
#introInsider #bio {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
#introInsider #bio h5 {
	margin-top:10px;
	text-decoration:underline;
}


/* BANNERS RIGHT */
#bannerSuper ins img {
	width: 100%;
	height: auto;
}
ins {
	text-align: center;
}
#bannersRight {
	flex: 0 1 18.75rem;
	clear: both;
	text-align: center;
}
.fb-page {
	margin-bottom: .625rem;
}
#bannersRight ins {
	/*width: 16rem;
	height: 23.125rem;
	display: block;*/
	margin-bottom: .625rem;
	display: block;
}
#bannersRight ins img {
	display: inline-block;
}
#bannersRight.spartacus-world {
	width: 120px !important;
}

/* BOTTOM */
#bottom {
	clear: both;
	padding: 1.25rem;
	background: #404040;
	margin: 0 -1.25rem;
}
#bottomLine {
	height:8px;
	background-color:transparent;
	margin:5px 0px;
}
#icons {
	margin-top:10px;
}

#footer {
	margin: auto;
	max-width: 80rem;
	text-align: center;
}
#footerBottom p {
	font-size: .875rem;
	color: #C0C0C0;
	text-align: center;
}

/* IMPRESSUM */
#impressum p {
	margin-bottom:.625rem;
	padding-right:15px;
}

.img_square{
  position:relative;
  width:92px;
  height:92px;
  margin: 0 5px 5px 0;
	float: left;
}

.img_thumb{
  position:relative;
  width:50px;
  height:50px;
  margin: 0 5px 5px 0;
  float: left;
}

.img_thumb2{
  position:relative;
  width:30px;
  height:30px;
  margin: 5px 5px 5px 0;
  float: left;
}
.img_small{
  position:relative;
  width:165px;
  height:93px;
}
.img_small2{
  position:relative;
  width:195px;
  height:129px;
}
.img_preview {
  position:relative;
  width: 215px;
  height: 123px;
	margin: .625rem .625rem 0 0;
	overflow: hidden;
	float: left;
}

.img_big{
  position:relative;
  width:395px;
  height:375px;
}
.img_bigger{
  position:relative;
  width:460px;
  height:260px;
}
.img_large{
  position:relative;
	background-position: center;
	background-size: cover;
}
.img_square div, .img_thumb div, .img_thumb2 div, .img_small div, .img_small2 div, .img_medium div, .img_big div, .img_bigger div, .img_large div{
  position:absolute;
}

.nlMain {
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans",
	"Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	font-size:.8125rem;
	width:550px;
}
.nlMain p {
	font-family:"Palatino Linotype", Georgia, Palatino, "Book Antiqua", serif;
	font-style:italic;
	font-size:1.125rem;
}
.nlMain label {
	width:130px;
	display:inline-block;
	text-align:right;
	margin-right:5px;
}
.nlMain input {
	background-color:#000000;
	color:#FFFFFF;
	border:0px;
}
.nlMain .nlInput input {
	background-color:#000000;
	color:#FFFFFF;
	border:solid 1px #000000;
	font-size:.75rem;
	height:.875rem;
	margin-right:10px;
}

.nlMain .nlInput {
	margin:5px 0px;
	display:inline-block;
	width:400px;
}
.nlLogo {
	margin:0px auto;
	width:265px;
	text-align:right;
	margin-bottom:20px;
}
.nlLogo p {
	margin:0px;
	font-weight:bold;
	font-size:1.625rem;
	font-style:italic;
	font-family:"Palatino Linotype", Georgia, Palatino, "Book Antiqua", serif;
}

/* FOOTER */
#footerLine {
	display: none;
}
.colFooter {
	float: left;
	width: 20%;
	margin-bottom: .625rem;
}
#footerLeft {
	margin-left: 9%;
}

#footer h3 {
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
	font-size: .95rem;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 4px;
	color: #e91e63;
}
#footer h3 a {
	color: #e91e63;
}
#footer h4 {
	display: none;
}
#footer a {
	font-size: .95rem;
	display: block;
	text-align: left;
	color: #FFF;
	line-height: 1.4rem;
}
#footer ins a {
	text-align: center;
}
#footerRight a {
	display: inline;
	margin: .3125rem;
}
#subFooterL, #subFooterR {
	float: left;
	width: 50%;
}
#footer ins img {
	margin-bottom: 25px;
}
#footer img {
	vertical-align:middle;
	margin-bottom:5px;
}
#footerRight {
	text-align: center;
	padding-bottom: 1.25rem;
}
#footerBottom {
	clear: both;
	width: 100%;
	text-align: right;
	padding-top: 1.25rem;
	display: block;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media only screen and (max-width: 1050px) {
	.grid li {
		width: 50%;
	}
	.start-slider .img {
		height: 20rem;
	}
	.slick-prev, .slick-next {
		top: 17rem;
	}
}
@media only screen and (max-width: 1023px) {
	.topicIni {
		width: 100%;
	}
	.topic {
		width: 50%;
	}
}
@media only screen and (max-width: 860px) {
	#bannerSuper,
	#subHeader {
		margin: 0 -1.25rem .625rem;
	}
	#intro {
		margin: -.625rem -.625rem .625rem;
	}
	.start-slider {
		margin: -.625rem -1.25rem 0 -1.25rem;
	}
	#center {
		margin: 0 -.625rem;
	}
	#content {
		margin-right: -.625rem;
	}
	.start-slider .img {
		height: 17rem;
	}
	.slick-prev, .slick-next {
		top: 14rem;
	}
	.topicIni, .topic {
		width: 33.3333%;
	}
	.flex {
		display: block;
	}
	.colFooter {
		width: 33.33%;
	}
	.colFooter2 {
		width: 66.66%;
	}
	.post-advertorial #content {
		width: 100%;
		margin: 0;
	}
	.post-advertorial .video-background {
		z-index: inherit;
		/*pointer-events: inherit;*/
	}
	.post-advertorial a.spartacus-link {
		left: 0;
	}
	.post-advertorial a.action-link {
		right: 0;
	}
	.two-thirds,
	.one-third,
	.entry .details {
		width: 100%;
	}
	.entry .img-header {
		height: 35vh;
	}
}
@media (max-width: 767px) {
	#menu li {
		margin: 0;
	}
	.colFooter {
		width: 50%;
	}
	.colFooter2 {
		width: 100%;
	}
}
@media screen and (max-width: 666px) {
	#menu {
		background: #e91e63;
	}
	#menu .act {
		display: none;
	}
	#menu a {
		color: #FFF;
	}
	.topicIni {
		width: 100%;
	}
	.topicIni > img {
		width: 100%;
		height: auto;
	}
	.topic {
		width: 50%;
	}
	.topic > img {
		width: 100%;
		height: auto;
	}
	.cityRight {
		width: 100%;
	}
	.cityRight img {
		width: 100%;
	}
	.start-slider .img, .start-slider .excerpt {
		width: 100%;
	}
	#highlights #left {
		width: 100%;
		height: 35vh;
	}
	#highlights #right {
		width: 100%;
		padding: .625rem 0;
	}
}
@media screen and (max-width: 600px) {
	.grid {
		margin-left: .625rem;
	}
	.grid li {
		width: 100%;
	}
	.grid .topic {
		padding-left: 0;
	}
  #header {
		margin: 0 -1.25rem;
    height: auto;
  }
  #logo {
    width: 100%;
		height: auto;
		padding: 0 1.25rem;
		margin-top: .625rem;
  }
  #logo img {
    width: 100%;
		height: auto;
  }
  #bannerTop {
    background-color: #fafafa;
		max-width: 100%;
  }
	#bannerTop img {
		width: 100%;
		height: auto;
	}
/* ----------------------------------------------
	#subHeader > a {
		height: 40px;
    width: 40px;
    position: fixed;
    top: 0;
    right: 0;
	}
	.menu-close,
	#subHeader a.menu-open:target,
	#menu,
	#menu2 {
		display: none;
	}
	#subHeader > a.menu-open,
	#subHeader a:target * #menu2,
	#subHeader a:target ~ #menu,
	#subHeader a:target ~ a.menu-close {
		display: block;
	}
	#subHeader a:target ~ #menu ul li {
		margin: 0;
		display: block;
	}
---------------------------------------------- */
  #header > div, #subHeader > div {
    position: initial;
  }
	#menu2 {
		margin: .625rem;
		height: auto;
		padding: 0;
  }
	.start-slider .img {
		height: 35vh;
	}
	.slick-prev, .slick-next {
		top: 17.5vh;
	}
	.topic {
		width: 100%;
	}
	.topic, .topicIni {
		margin-bottom: .625rem;
	}
	#intro {
		height: 12.5rem;
	}
	.post-advertorial #content {
		padding: 2rem .625rem
	}
	.entry .details {
		padding: 0 .625rem 0 1.5rem;
	}
	#footerLeft {
		margin-left: 4%;
	}
}
@media screen and (max-width: 420px) {
	#menu2 {
    font-size: .58rem;
	}
	#bottom {
		padding: 1.25rem .625rem;
	}
}
@media screen and (max-width: 600px) {
    body.single #content {
        display: flex;
        flex-direction: column;
    }
    body.single #content #highlights {
        order: 0;
    }
    body.single #content #travel-left {
        order: 2;
        width: auto;
    }
    body.single #content #travel-right {
        order: 1;
        margin: 0 .625rem;
    }
    body.single #content > h2 {
        order: 3;
    }
    body.single #content .topicIni,
    body.single #content .topic {
        order: 4;
    }
    body.single div#travel-right img {
        width: 100%;
        height: auto;
    }
}

/* map index fix */
.entry.hotel #map-canvas { z-index: 85; }