/* Wimpel Design */

.eaop-wimpel-landscape {
	position: fixed;
	width: 400px;
	height: auto;
	display: none;
	z-index: 50;
	cursor: pointer;
}

.eaop-wimpel-portrait {
	position: fixed;
	display: none;
	z-index: 50;
	cursor: pointer;
}

.eaop-wimpel-entry {
	float: left;
	width: 48%;
}

.eaop-wimpelimage-ch {
	background: url("../images/wimpel_gold.svg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 40px;
	height: 42px;
	cursor: pointer;
	margin-right:20px;
}

.eaop-wimpelimage-ch:hover {
	background: url("../images/wimpel_gold_hover.svg");
	background-repeat: no-repeat;
	background-position: left top;
}

.eaop-wimpelimage-all {
	background: url("../images/wimpel_red.svg");
	background-repeat: no-repeat;
	background-position: left top;
	width: 40px;
	height: 42px;
	cursor: pointer;
	margin-right:20px;
}

.eaop-wimpelimage-all:hover {
	background: url("../images/wimpel_red_hover.svg");
	background-repeat: no-repeat;
	background-position: left top;
}

.eaop-wimpelTitle {
	font-family: 'Helvetics Neue', Arial;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
}

.eaop-wimpelTitle-portrait {
	font-family: 'Helvetics Neue', Arial;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #FFF;
	max-width: 150px;
	text-align: center;
	margin-top: 5px;
}

.eaop-overlayTitle {
	font-family: 'Helvetics Neue', Arial;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #000;
	max-width: 150px;
	text-align: center;
	margin-top: 5px;
	float: none;
}

.eaop-wimpelTeaserText,
.eaop-wimpelTeaserText a {
	position: relative;
	top:5px;
	font-family: 'Helvetics Neue', Arial;
	font-weight: 300;
	font-size: 13px !important;
	line-height: 17px;
	color: #FFFFFF; 
	padding-bottom: 15px;
}

.degree270text {
	color: #C8A078;
	font-weight: 600;
	font-size: 11px;
	text-transform: uppercase;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	float: left;
	margin-left: -6px;
	margin-bottom: 20px;
}

.overlay {
  position: fixed;
  z-index: 520;
  padding: 20px 30px 20px 20px;
  
  margin: 0;
  margin-left: 14%;
  top: 50%;
  left:105%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

  height: auto;
  background-color: #FFF;
  color: #000;
  display: none;

  background-image: url('../images/overlay-background-image.png');
  background-position: bottom left;
  background-repeat: no-repeat;
}

.overlay ul {
  list-style-image: url('../images/eaop-bulletpoint.svg');
  left: 0px;
  top: 0px;
  margin: 0px 0px 0px 0px;
  padding-left: 16px;
}

.overlay-bottom {
	height: 75px;
}

.overlay li {
	font-family: 'Helvetics Neue', Arial;
	font-size: 13px !important;
	line-height: 17px !important;
	font-weight: 300;
	color: #000 !important;
}

.overlay .eaop-wimpelButton-all,
.overlay .eaop-wimpelButton-ch {
	border: 1px solid #C8A078;
	font-style: italic;
}

.eaop-wimpel-portrait-close {
	width: 90%;
	text-align: right;
	margin-bottom: 10px;
	float: right;
	background-image: url('../images/overlay-top-line-bg.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.overlay-bolino {
	position: relative;
	width: 150px;
	left: 75%;
	top:0px;
}

.eaop-wimpelMoreInfo {
	display: none;
	color:#FFF;
	line-height: 17px !important;
}

.eaop-wimpelMoreInfo p {
	margin-bottom: 0px;
	margin-top: 0px;
	height: inherit;
}

.eaop-wimpelMoreInfo ul {
  list-style-image: url('../images/eaop-bulletpoint-white-PNG.png');
  left: 0px;
  top: 0px;
  margin: 0px 0px 0px 0px;
  padding-left: 16px;
}

.eaop-wimpelMoreInfo li {
	font-family: 'Helvetics Neue', Arial;
	font-size: 13px !important;
	line-height: 17px !important;
	font-weight: 300;
	color: #FFF !important;
}


.eaop-wimpelButton-ch,
.eaop-wimpelButton-ch:active,
.eaop-wimpelButton-ch:focus {
	position: relative;
	top:15px;
	padding: 5px 15px;
	background-color: transparent;
	border: 1px solid #C8A078;
	color: #FFF;
	font-family: 'Athelas';
	font-size: 14px
}
.eaop-wimpelButton-ch:hover {
	background-color: #C8A078;
	color:#FFF;
}

.eaop-wimpelButton-all,
.eaop-wimpelButton-all:active,
.eaop-wimpelButton-all:focus {
	position: relative;
	top:15px;
	padding: 5px 15px;
	background-color: transparent;
	border: 1px solid #E40428 !important;
	color: #FFF;
	font-family: 'Athelas';
	font-size: 14px
}
.eaop-wimpelButton-all:hover {
	background-color: #E40428;
	color:#E40428;
}


/* Allemgeine Spaltendefinition */

.col10 {
	width: 10%;
}
.col20 {
	width: 20%;
}
.col25 {
	width: 25%;
}
.col33 {
	width: 33%;
}
.col50 {
	width: 50%;
}
.col75 {
	width: 75%;
}
.col80 {
	width: 80%;
}
.col340 {
	width: 340px;
}

.debug {
	position: fixed;
	z-index: 10000;
	top: 20px;
	left: 20px;
	width: 200px;
	font-family: Arial;
	color: #FFFFFF;
	font-size: 11px;
	background-color: rgb(0,0,0,0.5);
	padding:10px;
}
.debug span {
	font-weight: 600;
}


/* Popup */

.popup_container {
	position: relative;
	border: 1px solid #e3e3e3;
	/*display: none;*/
}

.container-background {
	background-color: rgb(255,255,255,0.5);
	width: 50%;
	position: fixed;
	left: 50%;
	height: 100%;
}

.container-body {
	position: absolute;
	padding: 3%;
	width: 44%;
	left: 50%;
}

.share-Infotext {
  padding: 10px 0px;
  color: #C8A078;
}

.social-media-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 45px;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tags {
	padding-bottom: 100px;
}

.eaop-share-icon {
	display: inline-block;
	width:45px !important;
	height:45px !important;
	margin-right: 20px;
}

.facebook {
	background-image: url('../images/facebook.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.facebook:hover {
	background-image: url('../images/facebook_hover.svg');
}

.shareurl {
	background-image: url('../images/copy.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.shareurl:hover {
	background-image: url('../images/copy_hover.svg');
}

.twitter {
	background-image: url('../images/twitter.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.twitter:hover {
	background-image: url('../images/twitter_hover.svg');
}

.linkedin {
	background-image: url('../images/linkedin.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.linkedin:hover {
	background-image: url('../images/linkedin_hover.svg');
}

.whatsapp {
	background-image: url('../images/phone.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.whatsapp:hover {
	background-image: url('../images/phone_hover.svg');
}

.email {
	background-image: url('../images/mail.svg');
	background-repeat: no-repeat;
	background-position: left top;
}
.email:hover {
	background-image: url('../images/mail_hover.svg');
}

/* End custom CSS */
/* Start Custom Fonts CSS */

@font-face {
    font-family: 'Helvetics Neue';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('../fonts/helv_regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetics Neue';
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('../fonts/helv_bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Helvetics Neue';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url('../fonts/helv_light.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */

@font-face {
  font-family: 'Athelas';
  src: url('../fonts/Athelas-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Responsive => Mobile */
@media screen and (max-width: 479px) {

	.eaop-wimpelButton-ch,
	
	.eaop-wimpelButton-ch:active,
	.eaop-wimpelButton-ch:focus,
	.eaop-wimpelButton-all,
	
	.eaop-wimpelButton-all:active,
	.eaop-wimpelButton-all:focus {
		border: 1px solid #C8A078 !important;
		background-color: #FFF !important;
		color: #C8A078 !important;
	}

	.eaop-wimpelButton-ch:hover,
	.eaop-wimpelButton-all:hover {
		background-color: #C8A078 !important;
		color: #FFF !important;
	}

	.eaop-wimpelTitle-portrait {
		font-size: 11px;
		line-height: 11px !important;
	}

	.eaop-wimpelTitle {
		font-size: 11px;
		line-height: 11px !important;
		color: #000;
	}

	.eaop-wimpelTeaserText {
		color: #000 !important;
	}

	.eaop-wimpel {
		width: 230px !important;
	}

	.eaop-wimpel-entry {
		width: 184px;
		color: #000;
	}

	.eaop-wimpelimage-ch,
	.eaop-wimpelimage-all {
		width: 40px !important;
		margin-right:4px;
		margin-top: 4px;
	}

}