/*initial setup*/

* {
	outline:0;
}
html, body {
	margin:0;
	padding:0;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
}
a, a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
.container-fluid {
    padding: 0px;
    overflow-x: hidden;
}
.menu {
	background-color: white;
	width: 100%;
	height: 60px;
	float: left;
	position: fixed;
	z-index: 9999 !important;
}
.main-menu{
	float: right;
	padding-right: 38px;
}
.clear {
	clear: both;
}
/*primary-menu*/

.primary-menu, .primary-menu > li {
	float: left;
	list-style-type: none;
		margin: 0;
	padding: 0;
}
.primary-menu > li, .primary-menu > li > a {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 15px;
	color: rgba(166,166,166,1);

	padding-top: 19px;
	height: 60px;
	letter-spacing: 0.03em;
}
.primary-menu > li {
	margin-left: 28px;
}	

.primary-menu > li > a:hover, .primary-menu > li > a:visited {
	text-decoration: none;
}	
.primary-menu > li > a:hover, .primary-menu > li:hover > a {
	color: rgb(117,117,117);

}	


.primary-menu > li.current_page_parent > a  {
	font-weight: bold;
	color: rgb(81,81,81);
}



/*submenu*/

.submenu-container {
	width: 100vw;
	position: absolute;
	right:0;
	top:60px;
	background-color: rgba(51,51,51,0.9);
	text-align: right;
	padding-right: 38px;
	visibility:hidden;
	opacity:0;
	transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   z-index: 999;

}

.menu-item-has-children:hover .submenu-container {
	visibility:visible;
	opacity:1;
}


.submenu, .submenu > li {
	display: inline-block;
	height: 60px;
	
	list-style-type: none !important;

}

.submenu > li, .submenu > li > a {
	font-family: Georgia, Cambria, serif;
	font-size: 14px;
	color: white;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	height: 60px;
	letter-spacing: 0.04em;


}
.submenu > li {
	margin-left: 14px;
}

.submenu > li:focus, .submenu a:hover {
	text-decoration: none;
}  

.submenu-underline {
	height:2px;
	background-color: white;
	width: 80px;
	margin:auto;
	margin-top: 18px;
   opacity: 0;
 	transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
 }

.submenu > li:hover .submenu-underline {
      opacity: 1;

}

.submenu > li > a:hover {
	color: #e7e7e7 !important;
}

.primary-menu > li.current_page_parent .submenu-container {
	visibility: visible;
	opacity: 1;
}

/*logo */

.logo, .logo > img {
	height: 39px;
}
.logo {
	float: left;
	margin-left: 40px;
	margin-top: 12px;
	cursor: pointer;
}
.content-section {
	width: 100%;
	float:left;
	position: relative;
	margin-top: 60px;

}

/* header slider */
.slider {
		width: 100%;
	height: 647px;
}
.slider-dummy {
	width: 100%;
	height: 647px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-image: url('img/sliderbildmockup.jpg');
	position: relative;


}
.slider-overlay {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: transparent;
	/* background-color: rgba(60,60,60,0.65); 
	removed for vu 230216 */
}
.slider-text {
	position: absolute !important;
	bottom: 116px !important;
	left: 80px !important;
	height: auto !important;
	width: 600px !important;
	font-family: Georgia, Cambria, serif!important;
	color: white !important;
	font-style: italic !important;
	font-size: 36px !important;
	line-height: 42px !important;
	z-index: 99;

}
.slider-progress-full {
	height: 5px;
	width: 33%;
	position: absolute;
	background-color: white;
	margin-top: -2px;
}
.slider-progress-container{
	position: absolute;
	left: 80px;
	bottom: 60px;
	width: 235px;
	color: white;
	font-size: 11px;
	letter-spacing: 0,25em;
}
.slider-progress-empty {
	height: 1px;
	widows: 235px;
	background-color: #fff;
	margin-top: 10px;
}
.slider-scrolldown {
	position: absolute;
	bottom: 32px;
	width: 15px;
	height: 10px;
	background-image: url('img/Scroll-Indicator.svg');
	background-size: 15px 10px;
	opacity:0.8;
	background-repeat: no-repeat;
	left: calc(50% - 8px);
	    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: hopsassa;
    animation-timing-function: linear;
    
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: hopsassa;
    -webkit-animation-timing-function: linear;

}
.slider-cursor-left  {
	cursor: url(img/curr.png), auto !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	z-index: 995;

}
.cursor-right {
	cursor: url(img/curl.png), auto !important;
	top:0;
	right:0;
	left: auto;
}



@-webkit-keyframes hopsassa
	{
		0%    { -webkit-transform: translate3d(0, 0, 0) }
		25%   { -webkit-transform: translate3d(0, -10px, 0) }
		75%   { -webkit-transform: translate3d(0, 10px, 0) }
		100%  { -webkit-transform: translate3d(0, 0, 0) }
	}
	
	@keyframes hopsassa
	{
		0%    { transform: translate3d(0, 0, 0) }
		25%   { transform: translate3d(0, -10px, 0) }
		75%   { transform: translate3d(0, 10px, 0) }
		100%  { transform: translate3d(0, 0, 0) }
	}


/* region map */

.map-section {
	float: left;
	position: relative;
	padding-top: 60px;
	width: 100%;

}

.cd-line {
	height: 4px;
	width: 76px;
	background-image: url('img/CD-Logo-Linie.svg');
	background-size: 76px 4px;
	margin:auto;
	margin-bottom: 25px;
}

.pre-head {
	font-size: 12px;
	letter-spacing: 2px;
	color: rgb(83,83,83);
	text-align: center;
	text-transform: uppercase;
}
.byline {
	text-align: center;
	width: 690px;
	margin: auto;
	font-size: 14px;
	color: rgb(135,135,135);
	margin-top: 25px;
}

h1 {
	text-align: center;
	font-family: Georgia, Cambria, serif;
	font-style: italic;
	font-size: 42px;
	color: rgb(83,83,83);
	margin-top: 11px;
	padding-top: 0;
}
.combinations-inner-container h2 {
	text-align: center;
	font-family: Georgia, Cambria, serif;
	font-style: italic;
	font-size: 30px;
	color: rgb(83,83,83);
	margin-top: 11px;
	padding-top: 0;
	text-transform: none;
	letter-spacing: 0.67px;
	
}
.map-container {
	width: 1256px;
	margin:auto;
	margin-top: 45px;
}
.map-selection {
	width: 295px;
	float:left;
	padding-top: 43px; 

}
.map-selection-list, .map-selection-list li {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.map-selection-list li:before {
	content: '';
	width: 2px;
	height: 10px;
	background-color: #f3f3f3;
	color:#f9f9f9;
	border: 1px solid #f3f3f3;
	margin-right: 9px;
	 display:inline-block;
} 

.map-selection-list li {
	font-size: 16px;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	color: rgb(118,118,118);
}

.sw:before {
	border: 1px solid #F36638;

}
.sf:before  {
	border: 1px solid #5EA24F;

}
.hn:before  {
	border: 1px solid #0073B8;
}
.map-selection-list li > a {
	color: rgb(118,118,118);
}
.map-selection-list li > a:hover {
	color: rgb(66,66,66);
}
.mapactive {
	color: rgb(66,66,66) !important;
}
.map-detail {
	float: left;
	padding-top: 43px; 
	width: 460px;
	padding-right: 48px;
		
}
.map-detail-logo {
	height: 50px;
	width: auto;
	/*width: 121px;*/
	max-width: 200px;
	background-repeat: 	no-repeat;
	background-position: left center!important;
}
.map-detail-text {

	width: 100%;
	color: rgb(113,113,113);
	font-size: 13px;
	line-height: 19px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	
}
h2 {
	font-family:  Georgia, Cambria, serif;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #535353;
}
.map-detail-button {
	padding-top: 20px;
}
.button-booking {
	height:45px;
	border-radius: 2px;
	background: transparent;
	border: 1px solid #ccc;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 11px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: rgb(115,115,115);
	transition: border 0.5s ease-out;
	-webkit-transition: border 0.5s ease-out;
	-moz-transition: border 0.5s ease-out;
	-o-transition: border 0.5s ease-out;
}
.button-booking-arrow {
	width: 9px;
	height: 9px;
	margin-left: 12px;
	background-image: url('img/elements/Button-arrow-01.svg');
	background-size: 9px 9px;
	background-repeat: no-repeat;
	display: inline-block;


}
.button-booking:hover {
		border-color: #808080;
}
.map-image {
	width: 500px;
	float: left;
}
.map-image-inner, .map-image-inner img {
	width: 500px;

}
.map-result {
	float: left;
	
}

/*about us*/

.aboutus-container {

	background-color: #f6f6f6;
	
		
}
.aboutus-inner-container {
	max-width: 1256px;
	margin:auto;
	
}
.aboutus-column-text {
	width: 100%;
	padding-left: 10px;
	padding-right: 20px;
	border-left: 1px solid #bbb;
	margin-bottom: 60px;
	margin-top: 60px;
	font-size: 15px;
	color: rgb(135,135,135);
	letter-spacing: 0.045em;


}

.aboutus-column-text > h1 {
	color: rgb(83,83,83);
	font-family: Georgia, Cambria, serif;
	font-size: 22px;
	text-align: left;
	line-height: 26px;
}


/*content slider*/

.content-slider-container {
	width: 100%;
	height: 600px;
}

.content-slider-dummy {
	width: 100%;
	height: 100%;
	background-image: url('img/contentsliderbildmockup.jpg');
	background-size: cover;
	background-position: center center;

}

.content-slider-button-left {
	width: 40px;
	height: 40px;
	background-image: url('img/elements/Arrow-Btn.svg');
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	left: 42px;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
	cursor: pointer;
}

.content-slider-button-right {
	width: 40px;
	height: 40px;
	background-image: url('img/elements/Arrow-Btn.svg');
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	right: 42px;
	top: 50%;
	transform: translate(0, -50%);
	cursor: pointer;
	position: absolute;
	-moz-transform: scaleX(-1);
	  -o-transform: scaleX(-1);
	  -webkit-transform: scaleX(-1);
	  transform: scaleX(-1);
	  filter: FlipH;
	  -ms-filter: "FlipH";
}

.content-slider-button-right:hover, .content-slider-button-left:hover {
	background-image: url('img/elements/Arrow-Btn-Mouseover.svg');
}

.content-slider-text-container {
	color: white;
	position: absolute;
	left: 50%;
	top:200px;
	margin-left: -400px;
	/*transform: translate(-50%);*/
	z-index: 999;
		width: 55,5555555555%;
	font-family: Georgia, Cambria, serif;
	max-width: 800px;
	font-size: 36px;
	line-height: 42px;
	font-style: italic;
	text-align: center;
	z-index: 99;
	
}

.content-slider-text-container > h1 {
	color: white;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.25em;
	line-height: 42px;
	font-style: normal;
	margin-bottom: -10px;

}

.content-slider-overlay {
	
	top:0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	
		background: transparent;
	/* background-color: black;
		opacity: 0.5; 
	removed for vu 230216 */
		z-index:2;
}


/* facts */

.facts-inner-container {
	width: 1040px;
	margin:auto;
}
.facts-column-text {
	border-right: 1px solid #bbb;
	text-align: center;
	padding-top: 57px;
	margin-top: 40px;
	margin-bottom: 70px;
	color: #919191;

}
.facts-column-text, .facts-column-text * {
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
}
.col-lg-3:last-of-type > .facts-column-text {
	border: none;
}
.facts-image {
	height: 60px;
	margin:auto;
	margin-bottom: 88px;
	fill: #919191;
}

.facts-image-hover {
	height: 60px;
	margin:auto;
	margin-bottom: 88px;
	fill: #919191;
	display: none !important; /* changed for VU 310316 */
}

.fact-col {
	margin: 0 !important;
	padding: 0 !important;
}

.facts-inner-container .fact-col:hover .facts-image-hover
{ 

	display: block; 

}

.facts-column-text {
height: 268px;
/*cursor: pointer;*/
}

.facts-column-text h1 {
	font-size: 22px;
	color: #919191;
	
}
.facts-column-text p {
	font-size: 	10px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: #919191;
	transition: color 0.5s ease-in-out;
	-webkit-transition: color 0.5s ease-in-out;
}

.facts-column-text {
		/* height: 238px; */ 
}
.facts-column-text:hover p {
	/*color: rgb(29,30,30);*/ /* changed for VU 310316 */
	color: #919191 !important;
}
.facts-column-text:hover h1 {
color: #919191 !important;
	/*color: rgb(29,30,30);*/ /* changed for VU 310316 */
}


.facts-column-text.after {
	display: block;
}

.facts-column-text.after:after {
	/* disabled 20160302 for VU
	content: '';
	width: 0; 
	height: 0; 
	border-left: 13px solid transparent;
	border-right:13px solid transparent;
	
	border-top: 10px solid white;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, 0); */
}


/* facts rollover */

.facts-rollover-container {
	background-color: #f0f0f0;
	padding-top: 70px;
	font-family: Georgia, Cambria, serif;
	font-size: 17px;
	line-height: 27px;
	font-style: italic;
	content: rgb(83,83,83);
}
.facts-rollover-inner-container {
	width: 765px;
	font-family: Georgia, Cambria, serif;
	font-size: 17px;
	font-style: italic;
	margin: auto;
	text-align: center;
	display: none;
}

.facts-rollover-inner-container:first-of-type {
	display: block;
}


.facts-rollover-inner-container h1 {
		font-size: 12px;
		font-weight: bold;
		font-family: Tahoma, Geneva, Verdana, sans-serif;
		letter-spacing: 0.25em;
		color: rgb(83,83,83);
		margin-bottom: 25px;
		padding-bottom: 0;
		font-style: normal;
		text-transform: uppercase;
		text-align: center;

}
.ornament-line {
	width: 76px;
	height:2px;
	margin: auto;
	margin-bottom: 17px;

}
.ornament {
	width: 50%;
	height: 100%;
	background-color: #575757;
	float: left;

}

.ornament-right {
	background-color: #C3C3C3;
	float: left;
}

.cdline {
	width: 76px;
	height:4px;
	margin: auto;
	margin-bottom: 17px;

}
.cdline-left {
	width: 50%;
	height: 100%;
	background-color: #ea6601;
	float: left;

}

.cdline-right {
	background-color: #64ac2c;
	float: left;
}


.quote-byline {
	margin-top: 25px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	color: rgb(135,135,135);
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-style: normal;
	padding-bottom: 70px;

}
.quote-byline h1 {
	font-size: 15px;
	font-family: Georgia, Cambria, serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: normal;
}


#facts-range {
	display:block;
}
#facts-target {
	
}
#facts-readership {
	
}
#facts-volume {
	
}



/* intermission */

.intermission {
	height: 420px;
	background: transparent;


}

/*team*/

.team-container {
	background-color: #fafafa;
}

.team-head {
	padding-top: 60px;
	font-size: 15px;
}
.team-head p {
	font-size: 15px;
	text-align: center;
	width: 578px;
	margin: auto;
	color: #878787;
	letter-spacing: 0.045em;
}
.team-inner-container {
	max-width: 1280px;
	margin:auto;
}
.team-member {
	margin:0;
	width: 240px;
	float: left;
	position: relative;
}
.team-member:not(:nth-of-type(5n)) {
	margin-right: 20px;
}
.team-member:last-of-type {
	margin-right: 0;
}
.team-roster {
	background-color:#fafafa;
	float: left;		

}

.team-member-inner {
	background-color: #f5f5f5;
	height: 295px;
	margin-bottom: 20px;
}

.team-member-name {
	padding:12px;
	padding-top: 9px;
	padding-bottom: 15px;
	font-family: Georgia, Cambria, serif;
	font-size: 15px;
	color: rgb(51,51,51);
	font-weight: normal;
}
.team-member-contact a, a:active, a:hover, a:visited {
	/*color: rgb(135,135,135);*//*2019-02-12 dominic.pranz@salzurg-digital.at removed to see what is a link*/
} 
.team-member-contact a:active {
	color: rgb(66,66,66);
}
.team-member-contact {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: 0.025em;
	color: rgb(135,135,135);
	position: absolute;
	bottom:30px;
	font-weight: normal;
}
.team-member-title {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px;
	letter-spacing: 0.16em;
	color: rgb(179,179,179);
	text-transform: uppercase;
	font-weight: normal;
}
.team-member:hover .team-member-contact, .team-member:hover .team-member-contact a {
	color: rgb(66,66,66);
}
.team-menu, .team-menu li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	text-align: center;
	display: inline-block;
	color: rgb(179,179,179);
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: 0.2em;
	font-weight: normal;
	text-transform: uppercase;
	
}
.team-menu {
	width: 100%;
	margin-bottom: 0;
}
.team-menu-inner-container {
	border-bottom: 1px solid rgb(179,179,179);
	width: 100%;
	margin-bottom: 22px;
}

.team-menu li {
	padding-left: 30px;
	padding-right: 30px;
	cursor: pointer;
		transition: color .5s ease-in-out;
	  -moz-transition: color .5s ease-in-out;
	  -webkit-transition: color .5s ease-in-out;
}
.team-menu li:hover {
	color: rgb(83,83,83);
}
.team-menu li.active {
	font-weight: bold;
	color: rgb(83,83,83);
}
.team-menu-underline {
		height:2px;
		background-color:rgb(83,83,83);
		width: 56px;
		margin:auto;
		margin-top: 22px;
	   opacity: 0;
	 	transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
	   -webkit-transition: opacity .5s ease-in-out;
}
.team-menu li:hover .team-menu-underline {
      opacity: 1;
}

.team-menu li.active .team-menu-underline {
      opacity: 1;
}


/*footer*/

.footer-container {
	padding-top: 100px;
	width: 100%;

	float: left;
	background-color:#fafafa;
	position: relative;
	overflow: none;
}
.footer-inner-container {
	max-width: 1362px;
	background-color: #f2f2f2;
	/*height: 470px;*/
	height: 510px; /*dominic.pranz@salzburg-digital.at 2019-03-06*/
	margin:auto;
	padding:40px;
	font-family: Cambria, Georgia, serif;
	position: relative;
	overflow: none;
}


.footer-sub-container {
	width: 33%;
	float: left;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #9e9e9e;

}
.footer-sub-container h1 {
	font-family: Georgia, Cambria, serif;
	font-size: 15px;
	text-align: left;
	font-style: normal;
	color: #666666;

}
.footer-divider {
	width: 267px;
	height: 1px;
	background-color: #e4e4e4;
	margin-top: 20px;
	margin-bottom: 20px;
}
.linklist-footer, .linklist-footer li {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
	line-height: 22px;
	letter-spacing: 0.04em;
}

.linklist-footer li a, .linklist-footer li a:active, .linklist-footer li a:visited {
	color: #9e9e9e;
	text-decoration: none;
}

.linklist-footer li a:hover {
	color: #6b6b6b;
}


#impressum-come {
	cursor: pointer;
}
#impressum-come:hover {
	color: #6b6b6b;
}
#tnc-come {
	cursor: pointer;
}
#tnc-come:hover {
	color: #6b6b6b;
}
#b2b-come {
	cursor: pointer;
}
#b2b-come:hover {
	color: #6b6b6b;
}
/*impressum*/

.impressum-sub-container {
	float: left;
	width: 50%;
	padding-right: 25px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 13px;
}
.impressum-sub-container a, .impressum-sub-container a:visited {
	color: white;
	text-decoration: underline;

}
.impressum-sub-container a:hover {
	color: white;
	text-decoration: none;

}
.impressum-container {
	max-width: 1362px;
	padding: 40px;
	position: absolute;
	left: 0;
	background-color: #969696;
	color: white;
	display:none;
	bottom: 0;

}
.impressum-container h1 {
	color: white;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	padding-bottom: 0;
	margin-bottom: 22px;
}

.impressum-ornament {
	height: 1px;
	background-color: #a1a1a1;
	width: 100%;
	margin-bottom: 16px;
}
.impressum-close {
	background-image: url('img/elements/close-x.svg');
	width: 18px;
	height: 18px;
	-webkit-background-size: contain;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
	position: absolute;
	right: 40px;
	top: 40px;
}

/*combinations*/

.combinations-container {
	background-color: #fafafa;
}

.combinations-inner-container {
	max-width: 720px;
	margin: auto;
	padding-top: 60px;
	color: #878787;
	font-size: 15px;
	line-height: 24px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
	/* letter-spacing: 0.045em; */
	letter-spacing: 	0.67px;

}
.combinations-inner-container h1 {
	margin-bottom: 20px;
}
.combinations-inner-container  p:first-of-type {
	display:none;
}
.combinations-divider {
	max-width: 1280px;
	margin: auto;
	height: 1px;
	background-color: #EAEAEA;
	margin-top: 40px;
	
	
}
.combinations-product-container {
	max-width: 1044px;
	margin: auto;
	margin-top: 55px;
}
.combinations-product-item {
	width: 333px;
	margin-bottom: 22px;
	float: left;
	position: relative;
	border: 1px solid #cccccc;
	margin-right: 22px;
	text-align: center;
	padding-top: 24px;
	padding-bottom: 20px;
	padding-left: 22px; 
	padding-right: 22px;
	color: #878787;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	letter-spacing: 0.045em;
	font-size: 13px;
}

.combinations-product-item h4 {
	font-family: Georgia, Cambria, serif;
	color: #535353;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 0;
}
.combinations-product-item:nth-of-type(3n) {
	margin-right: 0;
}


/*product accordion*/

.products-container {
	background-color: #fafafa;
}
.products-inner-container {
	margin: auto;
	max-width: 1270px;
}
.products-accordion {
	float: left;
	width: 256px;

}
.products-header {
	padding-top: 60px;
	padding-bottom: 54px;
}
.products-accordion h3 {
	font-family: Georgia, Cambria, serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #cccccc;
	border-bottom: 1px solid #eaeaea;
	cursor:	pointer;
	padding-bottom: 23px;
	position: relative;
}
.products-accordion h3:hover {
	color: rgb(83,83,83);
}

.products-accordion h3:after {
	content: url('img/elements/twirl.png');
	position: absolute;
right: 0;
top:0px;

	

}
.ui-state-active {
	color: rgb(83,83,83);
	padding-bottom: 6px;
} 

.ui-state-active:before {
	content: '';
	width: 2px;
	height: 10px;
	background-color: #f36f21;
	color:#f9f9f9;
	border: 1px solid #f36f21;
	position: absolute;
	margin-left:-18px;
	display:inline-block;

} 
.ui-state-active:after {
	content: url('img/elements/twirldown.png') !important;


}


.products-accordion ul, .products-accordion li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.products-accordion ul {
	margin-top: 36px;
}
.products-accordion li {
	margin-left: 41px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #878787;
	margin-bottom: 5px;
	padding-bottom: 4px;
	letter-spacing: 0.1em;
	display: inline-block;
	margin-right: 100px;
	border-bottom: 1px solid #fafafa;
	cursor: pointer;
}

.products-accordion li:last-of-type {
	margin-bottom: 55px;
}

.products-accordion li:hover {
	
	color:#f36f21;
	border-bottom: 1px solid #f36f21;

} 
.products-product {
	width: 1014px;
	float: left;
	padding-bottom: 20px;

}
.products-product-image {
	width: 699px;
	float: left;
	padding-left: 80px;
	padding-right: 48px;
	padding-top: 25px;
	text-align: center;
	
}
.products-product-image img {
/*	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.31);
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.31);  
	removed for VU 230216
	*/
	max-height: 420px;
	text-align: center;
}
.products-product-details {
	width: 315px;
	float: left;
	position: relative;
	color: #535353;
	font-size: 12px;
	letter-spacing: 0.045em;
	line-height: 19px;
	min-height: 413px;
}
.products-product-details h3 {
	font-family: Georgia, Cambria, serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #535353;
	border-bottom: 1px solid #eaeaea;
	cursor:	pointer;
	padding-bottom: 6px;
}
.products-product-footnote {
	position: absolute;
	bottom: -30px;		
}
.products-divider {
	margin-top: 80px;
}

/*contact form*/

.contact-container {
	background-color: #fafafa;
}

.contact-head {
	width: 620px;
	font-size: 15px;
	text-align: center;
	margin: auto;
	color: #878787;
	letter-spacing: 0.045em;
}
.contact-special-head {
	padding-top: 60px;

}
.contact-inner-container {
	max-width: 832px;
	margin: auto;
}

.contact-form-column {
	width: 400px;
	float: left;
	position: relative;

}
.contact-form {
	margin-top: 60px;
}
.contact-form-column input {
	width: 100%;
	margin-bottom: 20px;
	height: 42px;
	padding-left: 19px;
	padding-right: 19px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #808080;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	text-transform: uppercase;
}
.contact-form-column textarea {
	width: 100%;
	height: 166px;
	margin-bottom: 20px;
	resize: none;
	background-color: #fafafa;
	font-family: Georgia, Cambria, serif;
	font-size: 13px;
	color: #808080;
	letter-spacing: 0.03em;
	padding: 14px;
	font-weight: normal;
	font-style: italic;
	border: 1px solid #cccccc;
}

.contact-explanation {
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10px;
	letter-spacing: 0.2em;
	font-weight: normal;
	color: #ababab;
	text-transform: uppercase;
}

.contact-explanation a {
	color: #808080;
}


.contact-form-column:first-of-type {
	margin-right: 32px;
}
.contact-button {
	background-color: #fafafa;
	float: right;
}
.contact-button p {
	display: none;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	display: none !important;
}

.wpcf7-not-valid-tip {
	font-size: 10px !important;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #8A0404 !important;
}


/*contact form white */

.contact-container.white {
	background-color: #fff;
}


.contact-form-column.white input {
	background-color: #fff;
}
.contact-form-column.white textarea {
	background-color: #fff;
}

.contact-button.white {
	background-color: #fff;
}


/*subproduct*/

.header-subproduct {
	height: 470px;
	width: 100%;
	background: transparent;

}

.header-subproduct-logo {
	width: 210px;
	position: absolute;
	left: 50%;
	bottom: 0;
	-ms-transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
	z-index: 999;

}

/*SF special map*/

.sf-map-section {
	width: 1280px;
	margin: auto;
	padding-top: 50px; 
}
.sf-map-description {
	float: left;
	width: 776px;
	height: 400px;
	border-right: 1px solid #e5e5e5;


}
.sf-map-description-text {
	float: left;
	width: 410px;
	margin-right: 40px;
	margin-top: 100px;

	
}
.sf-map-description-text h1 {
	font-style: normal;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-align: left;
	text-transform: uppercase;
}
.sf-map-description-text p {
		letter-spacing: 0.045em;
	color: #878787;

}
.sf-map-description-image {
	float: left;
	width: 260px;
	margin-top: 70px;
}
.sf-map-result {
	width: 500px;
	float: left;
	padding-left: 100px;
}
.sf-map-result-image {
	width: 100%;
	
	
}
.sf-map-result-image img {
	width: 	100%;
}
.sf-map-result-controls {
	width: 100%;
	text-align: center;
	font-family: Georgia, Cambria, serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 13px;
	margin-top: 40px;
	color: #535353;
	
}
.sf-map-result-controls-icon {
	width: 26px;
	height: 26px;
	background-image: url('img/map/logos/plus.svg');
	-webkit-background-size: 26px 26px;
	background-size: 26px 26px;
	margin: auto;
	margin-bottom: 20px;
	cursor: pointer;

}

#sf-map-upperaustria .sf-map-result-controls {
	margin-top: 128px;
}

#sf-map-upperaustria .sf-map-result-controls-icon {
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webtkit-transform: rotate(45deg);
}

/*subproduct map*/

.subproduct-map-section {
	width: 1204px;
	margin: auto;

	
}
.subproduct-map-description-box {
	width: 633px;
	float: left;

}
.subproduct-map-description {
	width: 100%;
	float: left;
	padding-right: 5px;
	border-bottom: 1px solid #f6f6f6;
}
.subproduct-map-description-text {
	width: 438px;
	padding-right: 28px;
	float: left;
}
.subproduct-map-description-image {
	width: 190px;
	float: left;
	padding-bottom: 21px;
}
.subproduct-map-logos {
	padding-top: 30px;
	float: left;
	max-width: 500px;
}
.subproduct-map-logos img {
		width: 115px;
		margin-right: 20px;
		margin-top: 20px;
		cursor: pointer;
}
.subproduct-map-section h1 {
	font-style: normal;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-align: left;
	text-transform: uppercase;

	}
.subproduct-map-logos  h1 {
	font-size: 13px;
	margin:0;
	
	}
.subproduct-map-description-box {
	padding-right: 145px;
	border-right: 1px solid #f6f6f6;
	height: 400px;
	width: 780px;
	float: left;
}
.subproduct-map-result {
	float: left;
	padding-left: 140px;
}
.subproduct-map-result-image {
	width: 270px;
}

/* epaper */

.epaper-icon {
	background-image: url('img/elements/e-paper.svg');
	width:15px;
	height:25px;
	-webkit-background-size:15px 25px;
	background-size:15px 25px;
	float: left;
	margin-right: 15px;
}
.button-epaper {
	background: transparent;
}
.epaper-text {
	padding-top:5px;
	float: left;
}
.button-epaper:hover .epaper-icon {
	background-image: url('img/elements/e-paper-hover.svg');
}
.button-container {
	text-align: center;
}


/*custom bootstrap extension*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.ratecalc-inner-container {
	max-width: 1020px;
	margin: auto;
	padding-top: 60px;
	color: #878787;
	font-size: 14px;
	line-height: 24px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	text-align: center;
	/* letter-spacing: 0.045em; */
	letter-spacing: 	0.67px;

}
.ratecalc-inner-container h1 {
	margin-bottom: 50px;
}

.ratetable {
	 color: #535353;
}

.ratetable th {
	font-weight: normal;
	border-top: none !important;
	border-bottom: none !important;
	font-size: 10px;
	text-align: center;


}
.ratetable td, th {
	height:45px;
	vertical-align: middle !important;
	width: 97px !important;
	padding:0 !important;
}

.ratetable > tbody > tr:first-of-type > td{
	border-top: 1px dotted #f1f1f1 !important;
}

.ratetable tr td:first-child, .ratetable tr th:first-child  {
	text-transform: uppercase;
	text-align: left;
}
.ratetable > tbody > tr > td:first-of-type, .ratetable > thead > tr > th:first-of-type {
	font-family: Georgia, Cambria, serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: auto;
	width: 147px !important;
} 
.ratetable-sf {
	color: #64b445;
}

.ratetable-sw {
	color: #ec6501;
}


.ratetable-hn {
	color: #0072bc;
}
.ratetable tbody > tr:hover > td
{
	font-weight: bold;
	background-color: #fcfcfc;
}
.ratetable tbody > tr > td:after  {
	content: "";
	width: 1px;
	height: 20px;
	background-color: #f1f1f1;
	color:#f9f9f9;

	margin-left: 10px;
	display:inline-block;
}
.ratetable tbody > tr > td:last-of-type:after  {
	content: "";
	width: 1px;
	height: 20px;
	background-color: transparent;
	color:#f9f9f9;
	border: none;
	margin-left: 10px;
	display:inline-block;
}
.ratetable tbody > tr > td:first-of-type:after  {
	content: "";
	width: 1px;
	height: 20px;
	background-color: transparent;
	color:#f9f9f9;
	border: none;
	margin-left: 10px;
	display:inline-block;
}
.ratetable tbody > tr > td:not(:last-of-type) {
	border-top-color: #f1f1f1;
}
.hidemeforever {
	display:none;
}