/* Test page */

.nav-holder {
     background-color: #efefef;
}

/* Dummy class for mobile detection */

.my-dummy-class {
    float: left;
}
@media screen and (max-width: 767px) {
	.my-dummy-class {
    float: none;
	}
}

.productnav-dummy-class {
    float: left;
}
@media screen and (max-width: 991px) {
	.productnav-dummy-class {
    float: none;
	}
}


.container.cc-container {
    margin-bottom: 20px;
    padding-left: 0;
}


/* ---- */

/* !FOCUSED IMAGES */
/*-----------------------------------------*/

.focuspoint {
	position: relative; /*Any position but static should work*/
	overflow: hidden;
}

.focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;
}


.sm-object-fit_cover { 
	object-fit: cover; 
	height:150px;
	width:100%;
}

@media screen and (max-width: 991px) {
	.sm-object-fit_cover { 
    height:190px;
	}
}

@media screen and (max-width: 767px) {
	.sm-object-fit_cover { 
    height:320px;
	}
}


.md-object-fit_cover { 
	object-fit: cover; 
	height:320px;
	max-height:400px !important;
	width:100%;
	
}

.fit_cover_big { 
	height:450px;
	max-height:450px !important;
	width:100%;
	
}


@media screen and (max-width: 991px) {
	.md-object-fit_cover { 
    height:400px;
	}
}

.fit_nocrop_portrait {
	width:100%;
}



a.dealer-nowrap-mail {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*-----------------------------------------*/
/*	    Google Suche NEU				   */
/*-----------------------------------------*/

.g-desktop-search-container{
    float: right;
	margin-top: 1px;
}

.g-desktop-search-container .gsc-input,
.g-desktop-search-container .gsc-input-box,
.g-desktop-search-container .gsc-input-box-hover,
.g-desktop-search-container .gsc-input-box-focus
{
    border: 0 !important;
	box-shadow:none;
}


.g-desktop-search-container input.gsc-input {
    font-size: 14px !important;
	line-height: 12px !important;
}

.g-desktop-search-container .gsst_a,
.g-desktop-search-container .gscb_a {
    color: #3C3C3C !important;
}

.g-desktop-search-container .gsst_a:hover,
.g-desktop-search-container .gscb_a,
.g-desktop-search-container .gsst_a:focus, 
.g-desktop-search-container .gscb_a {
  color: #3C3C3C !important;
}

.g-desktop-search-container .gsst_a {
    padding-top: 7.5px !important;
}

.g-desktop-search-container #gs_st50 {
    width: 25px !important;
}

/*
input.gsc-search-button-v2:before {
    content: "\e92d";
} 
*/

.g-desktop-search-container {
    min-width: 165px;
    max-width: 165px;
	height: 30px;
	overflow: hidden;
}


.g-desktop-search-container input.gsc-search-button-v2{
	width: 18px;
    height: 18px;
    
}

.g-desktop-search-container .gsc-search-button.gsc-search-button-v2 {
    margin-top: 5px;
}


.g-desktop-search-container input.gsc-search-button, 
.g-desktop-search-container input.gsc-search-button:hover,
.g-desktop-search-container input.gsc-search-button:focus{
	width: 18px;
    height: 18px;
    
}


.g-desktop-search-container input.gsc-search-button, 
.g-desktop-search-container input.gsc-search-button {
    padding: 0 !important;
}


.g-desktop-search-container .gsc-search-button{
	font-family: 'raticons' !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	font-size: 18px;
	margin-top: 0px;
}

.g-desktop-search-container input.gsc-search-button, 
.g-desktop-search-container input.gsc-search-button:hover, 
.g-desktop-search-container input.gsc-search-button:focus {
    border-color: #fff;
    background-color: #fff;
	border:none;
}



.g-desktop-search-container table.gsc-search-box td {
    vertical-align: top;
}


.g-desktop-search-container .cse input.gsc-search-button, 
.g-desktop-search-container input.gsc-search-button {
    min-width: auto!important;    
} 



/*    RESULT CONTAINER    */

.gsc-table-result, 
.gsc-thumbnail-inside, 
.gsc-url-top {
    padding-left: 0 !important;
}

.gsc-results-wrapper-overlay {
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  z-index:3 !important;
  left: 0 !important;
}

.gsc-modal-background-image-visible {
  display: block !important;
}

.gsc-orderby {
    display: none !important;
}

.gsc-results-close-btn-visible {
    display: none !important;
}


.gsc-modal-background-image-visible { 
    display: none !important;
}

.gsc-control-cse div {
    position: relative !important;
}

.gsc-results-wrapper-overlay {
 	position: relative !important;
}



/* mobile search box  */

.g-mobile-search-container input.gsc-input {
    font-size: 16px;
    padding: 4px 9px;
    border: 1px solid #D9D9D9;
    width: 99%;
    height: 40px !important;
    line-height: 40px;
    padding: 0 15px !important;
}


.g-mobile-search-container input.gsc-search-button, 
.g-mobile-search-container input.gsc-search-button:hover, 
.g-mobile-search-container input.gsc-search-button:focus {
    width: 40px;
    height: 40px;
    
}


.g-mobile-search-container table.gsc-search-box td {
    vertical-align: top;
}

.g-mobile-search-container .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}

.g-mobile-search-container input.gsc-input, 
.g-mobile-search-container .gsc-input-box, 
.g-mobile-search-container .gsc-input-box-hover, 
.g-mobile-search-container .gsc-input-box-focus {
    border: none !important;    
    box-shadow: none !important;
}   

.g-mobile-search-container .gsc-input-box {
    border: none !important;
    background: none !important;
}   

.g-mobile-search-container .gsib_a {    
    padding-left: 0 !important;
}

.g-mobile-search-container table.gsc-search-box {
    border: none !important;    
    width: 90% !important;
}


.g-mobile-search-container input.gsc-input {
    border: none!important;   
}
    

.g-mobile-search-container input.gsc-search-button, 
.g-mobile-search-container input.gsc-search-button:hover, 
.g-mobile-search-container input.gsc-search-button:focus {
    border: none !important;  
	padding: 0 !important;
	font-size: 14px !important;
	margin-top: 4px !important;  
}


.g-mobile-search-container input.gsc-search-button{
	color: #3C3C3C !important;
	padding: 0 !important;
	font-size: 14px !important;
	margin-top: 4px !important;
}


.g-mobile-search-container input.gsc-search-button:hover, 
.g-mobile-search-container input.gsc-search-button:focus {
    
    /*background: #E10019 !important;
	color: #FFF !important;
	*/
}


.g-mobile-search-container .cse input.gsc-search-button, 
.g-mobile-search-container input.gsc-search-button {
    min-width: 40px !important;
}



.g-mobile-search-container input.gsc-search-button, 
.g-mobile-search-container input.gsc-search-button:hover, 
.g-mobile-search-container input.gsc-search-button:focus {
    border: none !important;
    background-color: #fff !important;    
 } 


.g-mobile-search-container input.gsc-search-button:before {
    content: "\e93c";
    font-family: 'raticons';
    margin-right: 8px;
}


.g-mobile-search-container .gsst_a,
.g-mobile-search-container .gscb_a {
     color: #3C3C3C !important;
}
     
.g-mobile-search-container .gsst_a:hover,
.g-mobile-search-container .gscb_a,
.g-mobile-search-container .gsst_a:focus, 
.g-mobile-search-container .gscb_a {
  color: #3C3C3C !important;
}


.g-mobile-search-container .gsst_a {
    padding-top: 16px !important;
}



a.navbar-brand-rat-frima {
    background-color: transparent;
    background-image: url(../images/icons/rational-frima-logo.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 40px !important;
    width: 277px !important;
}



/* Contact Slider for product menu */


.slidePanel-tab-content p.product-contact-intro-text {
    margin-bottom: 10px;
}

.product-contact-margtop {
    margin-top: 18px;
    margin-bottom: 14px !important;
}

.slidePanel-tab-content p.device-contact-name {
    font-size: 11px;
    margin-bottom: 2px;
}

/* Radio buttons scc+vcc */

.evt-intro-search-box-radio {
	bottom: -50px;
	height: 100px;
    text-align: left;
}
.evt-intro-search-box-radio .radio {
	margin-top: 0;
}
@media only screen and (max-width: 635px) {
	.evt-intro-search-box-radio {
		height: auto;
	}
}


/********************************************/

/*	VCC Booking form						*/

/********************************************/


.teaser-padding {
    padding: 20px;  
}
.teaser-bg-gray {
    background-color: #f4f4f4;
}

.space-30 {
    margin-top: 30px;
}




h3.eventHeadline {
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0 !important;
    color: #E10019;
}

.cb_content {
    color: #555;
    letter-spacing: 0.05em;
    font-size: 14px;
}


/* list */

.eventBox ul {
    color: #555;
}
.eventBox ul, .eventBox li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eventBox li:first-child {
    border-top: 1px solid #ece9e9;
}
.eventBox ul li {
    list-style-type: none;
    border-bottom: 1px solid #ece9e9;
    padding: 10px 0;
    line-height: 1.5em;
}


/* success */

span.t-more-link {
    font-size: 14px;
}
span.t-more-link {
    font-size: 12px;
    line-height: 1.33em;
    color: #b51f1f;
    margin-bottom: 10px;
    font-weight: bold;
    display: block;
    padding-left: 15px;
}



/* VCC Views - Checkboxen */
.vcc-cb-holder .checkbox{

	display:block;
}


#typeCheckboxes .checkbox {
    padding-right: 20px;
}


#eventContainer {
    margin-top: 30px;
}



.no-bottom-space{
    margin-bottom: 0!important;
}


/********************************************/

/*	custom contact bar						*/

/********************************************/


.slidePanel-click-item.long-item {
    height: 165px;
}

.long-item div {
    white-space: nowrap;
    padding-top: 25px;
}



/********************************************/

/*		New experience slider				*/

/********************************************/

	
		.experienceSilder .slideContainer {
    		background: none !important;
		}
	
		.experienceSilder .col-md-9.col-slider-big-picture { 
		    padding-left: 15px !important;
		    
		}

		 @media screen and (max-width: 768px) {
			.experienceSilder .col-md-9.col-slider-big-picture {
    	   		padding-right: 15px !important;
    	   	}	
    	   	
    	   	.experienceSilder .thumb-slides { 
 			   padding-right: 15px !important;
			}
    	   	
		}    
		
		
		
		

		.experienceSilder .experience-vertical-thumb-img {
			height: 240px !important;
			width: 100%;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			padding-left:0px;
			position: relative;
			text-indent:0px;
		}
		
		
		.experienceSilder .owl-dots {
		    z-index: 13000;
		    bottom: 20px;
		    right: 0;
		    background: none !important;
		}
		
		.experienceSilder .owl-dot {
		    width: 12px;
		    height: 12px;
		    background-color: #999999;
		    float: left;
		    margin-left: 14px;
		}
		
		
		.experienceSilder .owl-dot.active{
			background-color: #FFF;
		}
		
		
		
		.experienceSilder .owl-dot:last-child {
		    margin-right: 20px;
		}
		
		
		.experienceSilder .gradientOverlay-big {
			background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
		    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
		    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
		    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
		    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
			display: block;
			height: 480px;
			width:100%;
		}
	
		
		.experienceSilder .slideContainer .sliderHeadline {
		    width: 100%;
		}
		
		
		.slider-abs-container {
			width: 90% !important;
		    position: absolute;
		    bottom: 20px;
		}
		
		.slider-abs-container .sliderHeadline, .slider-abs-container .subheadline {
 		   color: #fff !important;
		}
		
		.slider-abs-container p {
		    color: #fff;
		}
		
		
		.experienceSilder .col-md-9.col-slider-big-picture .item {
			background-size: cover;
			background-repeat: no-repeat;
			width: 100%;
			height: 100%;
		}


		/* Mobile Views - Thumbnail 2 spaltig Ipad Hoch und < 768 alles untereinander */ 
		 
 
		 @media screen and (min-width: 768px) and (max-width: 991px) {
		
		  .experienceSilder .SMwrapper {		 
		    height: 720px !important;	/* 680 */	 
		 }
		 
		 
		  .experienceSilder .col-md-9.col-slider-big-picture {
 		  	 height: 440px !important; /* 480 */
		  }
		  
		 .experienceSilder .col-md-9.col-slider-big-picture .item {
 			   height: 440px !important;
		 }

		 
		 .experienceSilder .gradientOverlay {
		 		height: 280px !important;
		 }

		 .experienceSilder .gradientOverlay-big {
		 		height: 440px !important;
		 }
		 
		 .experienceSilder .slideContainer { 	
    		height: 440px !important;
		 }
		 
		 
		 .experienceSilder .thumb-slides {
		 
		   padding-left: 15px;
		   padding-right: 0;
		 }
		 
		  .experienceSilder .col-md-3 {
		  
		  	float: none !important;
		  	height: 280px !important;
		  }
		 
		 
		 
		 .experienceSilder .experience-vertical-thumb-img {
		    width: 50%;
		    height: 280px !important;
		    float: left;
		    
		  }   
		 
		}
		 
		 
		 
		 
		 
		 @media screen and (max-width: 767px) {
		 
		 	.experienceSilder .experience-vertical-thumb-img {
		 		height: 320px !important; /* 280 */
		 		float: none !important;
		 	}
		 	
		 	
		 	.experienceSilder .gradientOverlay{
		 		height: 320px !important; /* 280 */
		 	}
		 	
		 	.experienceSilder .gradientOverlay-big {
		 		height: 320px !important;
		 	}
		 			 	
		 	
		 	 .experienceSilder .SMwrapper {		 
		  		height: 960px !important; /* 880 */		 
			 }
		 	
		 	
		 	.experienceSilder .col-md-9.col-slider-big-picture {
 		  	 	height: 320px !important;
		  	}
		  	
		  	.experienceSilder .col-md-9.col-slider-big-picture .item {
 			   height: 320px !important;
			}
		  	
		  	.experienceSilder .col-md-3 {		  
			  	float: none !important;
		  		height: 640px !important; /* 2 x 320 px */
		  	}
		  	
		  	.experienceSilder .thumb-slides {		 
			   	padding-left: 15px !important;	   		
		 	}
		 	
		 	.experienceSilder .slideContainer {
    			margin-left: 0 !important;
    			width: 100% !important;
    		}	
    		
    		.experienceSilder .slider-abs-container {
    			left:0;
			    width: 100% !important;
    		}
    		
    		.experienceSilder .slideContainer .sliderHeadline {
    			padding: 20px 30px 10px 35px !important;
    		}	
    		
		  	
		 } 
		
/* /New experience slider  */			


.overlay.active {
	cursor:pointer;
}


/*  SM-Icon ZH */

.we-link-icn {
    position: relative;
    width: 32px;
}

.wechat-cn{

	background:url(../images/icons/ux-icons-share-wechat-grey.svg);
 	background-repeat: no-repeat !important;
	background-repeat: no-repeat !important;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	left: 0;
	top: -28px;

}

/*
@media screen and (max-width: 991px) {
	.wechat-cn{
		 top: -16px; 
	}
}
*/


.wechat-cn:hover{
	background:url(../images/icons/ux-icons-share-wechat-red.svg);

}


@media (max-width: 991px) {
  ul.iconBar li {
    margin-bottom: 0;
  }
}

.icon-share_ktchnrebel {
			  background: url(../images/icons/icon-ktchn-rebel-grey.png);
			  background-size: contain;
			  background-repeat: no-repeat;
			  width: 20px;
			  height: 20px;
			  display: block;
}
.icon-share_ktchnrebel:before {
			  content: none;
}
.icon-share_ktchnrebel:hover {
			  background: url(../images/icons/icon-ktchn-rebel-red.png);
			  background-size: contain;
			  background-repeat: no-repeat;
}

/*
	Goran
	Events SpecialType
*/
.EventInfoSpecialType {
    color: #555555;
    line-height: 30px;
    padding: 0;
    font-weight: 700;
}
.EventInfoSpecialType::before {
    content: "";
    font-family: "raticons";
    font-size: 0px;
    margin-right: 0px;
    position: relative;
    top: 6px;
}