/* DEFAULT SHOW / HIDE
============================== */

.navbar-right-desktop {
	display: block;
}

.navbar-right-mobile {
	display: none;
}


/* MAX 1800
============================== */

@media (max-width: 1800px) {
	
	.imagebox-headline span p {
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	/* IMAGEBOX (Imagebox + Latest News)
	==== */
	
	.imagebox-layout,
	.imagebox-latestnews {
		height: 340px;
		min-height: 340px;
	}
	
}



/* MAX 1580
============================== */

@media (max-width: 1580px) {
	
	/* IMAGEBOX (Imagebox + Latest News)
	==== */
	
	.imagebox-layout,
	.imagebox-latestnews {
		height: 300px;
		min-height: 300px;
	}
	
	.imagebox-latestnews-introbox {
    	padding-top: 5px;
    }
    
    .unterseiten-full-width-header-headline {
		top: 250px;
	}
	
}



/* MAX 1460
============================== */

@media (max-width: 1460px) {
	
	/* IMAGEBOX (Imagebox + Latest News)
	==== */
	
	.imagebox-layout,
	.imagebox-latestnews {
		height: 240px;
		min-height: 240px;
	}
	
	.imagebox-headline span {
		margin-top: 20px;
	}
	
	.imagebox-latestnews h4 {
    	font-size: 18px;
    	line-height: 22px;
    }
    
    .imagebox-headline {
    	width: 65%;
    }
    
    .read-more-icon {
    	left: 30px;
		bottom: 30px;
	}
		
}


/* MAX 1380
============================== */

@media (max-width: 1380px) {

	/* VORTEILE SLIDER
	==== */
	
	.vorteileslider-arrow {
	    width: 48px;
	    height: 53px;
	    margin-top: -26px;
	}
	
	.vorteileslider-arrow i {
    	font-size: 64px;
		line-height: 50px;
	}

}

/* MAX 1360
============================== */

@media (max-width: 1360px) {

	/* SPECIAL GRID (Columns Fix)
	==== */
	
	.custom-table {
	    position: relative;
	    display: block;
	    clear: both;
	    overflow: auto;
	}
	
}

/* MAX 1240
============================== */

@media (max-width: 1240px) {
	
	/* IMAGEBOX (Imagebox + Latest News)
	==== */

	.imagebox-latestnews img {
		right: -180px;
	}
	
	
	/* SPECIAL GRID (Columns Fix)
	==== 
	
	.custom-table .custom-td {
	    width: 100%;
	    max-width: 970px;
	}
	
	.custom-table .custom-td {
    	width: auto;
    }
    
    .custom-table .custom-td.custom-td-first .inner-box {
	    float: right;
	}
	
	*/
    
    
    /* VORTEILE SLIDER
	==== */
    
    .vorteileslider-content {
	    left: 105px;
	    margin-left: auto;
	    bottom: 0px;
	}

}


/* MAX 1200
============================== */

@media (max-width: 1200px) {
	
	.nav li a {
		padding: 30px 10px;
		font-size:14px;
	}
	
	.searchbox {
		margin-top: -65px;
	}
	
	/* CAROUSEL
	==== */
	
	.owl-carousel-holder {
	    height: auto;
		padding-bottom: 20px;
	}
	
	.owl-next {
		margin-top: 3%;
		right: 15px;
	}
	
	.owl-prev {
		margin-top: 3%;
		left: 15px;
	}
	
	
	
	/* SPECIAL GRID (Columns Fix)
	==== */
	
	.inner-box h2 {
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.inner-box p {
		padding-top: 5px;
	}
	
	
	/* IMAGEBOX (Imagebox + Latest News)
	==== */
	
	.custom-table .custom-td {
		max-width: 50%;
	}
	
	.imagebox-latestnews-introbox {
	    width: 50%;
	}
	
	/* CALL TO ACTION
	==== */
	
	.call-to-action-btn {
	    font-size: 14px;
	}
	
	
	/* UNTERSEITEN TRENDS
	==== */
	
	.trends-theme-holder:nth-child(odd) .trends-theme-link,
	.trends-theme-holder:nth-child(even) .trends-theme-link {
		background-size: 68% auto;	
	}
	
	.trends-theme-holder:nth-child(odd) .trends-theme-link span,
	.trends-theme-holder:nth-child(even) .trends-theme-link span {
		width: 68%;
	}
	
	
	/* UNTERSEITEN MARKEN
	==== */
	
	.marke-detail-text {
		max-width: 485px;
		padding-top: 35px;	
	}
	
	.marke-detail-text-img img {
		max-width: 130px;
		margin-bottom: 25px;	
	}
	
	.marke-detail-image img {
		width: auto;
		height: 740px;
	}
	
	/* PARTNER SEARCH
	==== */	
	.marker-entry h3 {
		font-size: 1.2rem;
	}
	.marker-entry p {
		font-size: 0.9rem;
	}
	.marker-entry .marker-img {
		max-width: 160px;
	}

}



/* MAX 1080
============================== */

@media (max-width: 1080px) {


	/* IMAGEBOX (Imagebox + Latest News)
	==== */

	.imagebox-latestnews img {
		right: 0px;
		display: none;
	}

	.imagebox-layout, .imagebox-latestnews {
	    height: 200px;
	}
	
	.imagebox-latestnews-introbox {
	    width: 100%;
	}
	
	.imagebox-headline {
	    width: 98%;
	}	
	
	

}



/* MAX 991
============================== */

@media (max-width: 991px) {
	
	.imagebox-layout, .imagebox-latestnews {
	    height: 340px;
	}
	
	.navbar-default {
    	background-color: #ffffff;
    	padding-bottom: 0px;
    }
    
    #navbar {
	    margin-left: -25px;
	}
	
	.navbar-nav {
	    padding-top: 120px;
	    padding-bottom: 60px;
	}
	
	.navbar-right {
	    padding-top: 0px !important;
	}
    
    .navbar-nav>li {
	    width: 100%;
	}
	
	.nav li a {
	    padding: 20px 12px 0px 12px;
	}
	
	#navbar ul ul {
		opacity: 1;
	    position: relative;
	    display: block;
	    margin-left: 15px;
	    
	    -webkit-box-shadow: inset 0 5px 5px -5px transparent;
	    -moz-box-shadow: inset 0 5px 5px -5px transparent;
	    -ms-box-shadow: inset 0 5px 5px -5px transparent;
	    -o-box-shadow: inset 0 5px 5px -5px transparent;
	    box-shadow: inset 0 5px 5px -5px transparent;
    }
    
    .navbar-collapse.in {
	    overflow-x: hidden;
	    overflow-y: auto;
	    height: 100%;
	    height: 100vh;
	    padding-bottom: 30px;
	}
	
	.navbar-nav>li>a {
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}
	
	/*
	.searchbox {
		margin-top: -65px;
		float: left;
	}
	*/
	
	.owl-carousel-holder {
	    padding-top: 20px;
		height: auto;
		padding-bottom: 20px;
	}
	
	.logo {
		z-index: 10;
	}
	
	.logo img {
		z-index: 100;
	}
	
	
	/* SPECIAL GRID
	==== */
	
	a.home-installateur {
		margin-top: 15px;
	}
	
	
	/* IMAGEBOX - Latest News
	==== */
	
	.imagebox-latestnews-introbox {
	    margin-left: 10px;
	}
	
	.read-more-icon {
    	left: 40px;
    }

	
	
	/* CALL TO ACTION
	==== */
	
	.call-to-action-text p {
	    text-align: center;
	}
	
	.call-to-action-btn {
		float: none;
		width: 280px;
		margin: 20px auto 0 auto;
	}
	
	.call-to-action-btn {
	    font-size: 18px;
	}
	
	
		
	/* VORTEILE SLIDER
	==== */
	
	.vorteileslider-content {
	    left: 105px;
	    margin-left: auto;
	    bottom: auto;
	    top: 50%;
	    margin-top: -55px;
	}
	
	.vorteileslider-content h3 {
		
	}
	
	.vorteileslider-content p {
		display: none;
	}
	

	
	/* DEFAULT */
	
	.container {
	    width: 96%;
	    width: calc(100% - 60px);
	}
	
	.unterseiten-full-width-header img {
/*
		width: auto;
		height: 300px;
*/
	}
	
	.unterseiten-full-width-header-headline {
		top: 170px;
		font-size: 36px;
		line-height: 44px;
	}


	/* SEARCH
	==== */
	
	.navbar-right-desktop {
		display: none;
	}
	
	.navbar-right-mobile {
		display: block;
	}
	
	.navbar-right-mobile {
	    top: 80px;
	    position: absolute;
	    right: 120px;
	}
	
	
	.smaller .navbar-right-mobile {
	    top: 60px;
	    position: absolute;
	    right: 120px;
	}
	
	.search-results {
		margin-top: 0px;
	}
	
	.smaller .search-results {
		margin-top: 0px;
	}
	
	/* UNTERSEITEN KONTAKT
	==== */
	
	#contact-form .btn-send {
		margin-right: -32px;
	}
	
	
	/* UNTERSEITEN MARKEN
	==== */
	
	.marke-detail-text {
		padding-left: 20px;
	}
	
	.marke-container h2 {
		font-size: 32px;
	}
	
	
	/* ACCORDION
	==== */
	
	.panel-title {
    	font-size: 18px;
    }
	
}


/* MAX 960
============================== */

@media (max-width: 960px) {

	/* UNTERSEITEN MARKEN
	==== */
	
	.marke-detail-text {
		padding-left: 30px;
	}	

}



/* MAX 768
============================== */

@media (max-width: 768px) {

	#navbar {
	    margin-left: 5px;
	}
	
	.logo img {
		margin-left: 15px;
	}
	
	
	/* VIDEO SLIDER
	==== */
	
	.video-coverheadline {
		font-size: 32px;
		line-height: 40px;
		margin-top: 75px;
	}
	
	
	
	/* SPECIAL GRID (Columns Fix)
	==== */
	
	.custom-table .custom-td {
	    width: 100%;
	    max-width: 100%;
	    min-width: 110%;
		min-width: calc(100% + 35px);
		margin-top: 2px;
	}
	
	.col-sm-push-6 {
	    left: 0;
	    width: 100% !important;
	    background-image: none !important;
	    margin-left: -17px;   
	}
	
	.col-xs-push-1 {
	    left: 60px;
	}
	
	.col-sm-push-6 img {
		width: 100%;
		height: auto;
		position: relative;
		display: block;
	}
	
	.col-sm-pull-6 {
	    right: 0%;
	    width: 100% !important;
	    min-width: calc(100% - 30px) !important;
	}
	
	.custom-table .custom-td.custom-td-first .inner-box {
	    width: 98%;
	    width: calc(100% - 15px);
	    padding-bottom: 30px;
	}
	
	.inner-box h2 {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	.inner-box p {
		padding-top: 15px;
	}
	
	
	/* NEWS 
	=== */
	
	.news-item {
		max-height: inherit;
		overflow: auto;
	}
	
}


/* MAX 767
============================== */

@media (max-width: 767px) {
	
	/* FONTS
	==== */
	h1 {
		font-size: 30px;
		line-height: 36px;
	}
	h2 {
		font-size: 22px;
		line-height: 30px;
	}
	h3 {
		font-size: 20px;
		line-height: auto;
	}
	.dealerList-holder h2 {
		font-size: 19px;
	}

	/* HEADER
	==== */
	
	.logo img {
	    margin-left: 0px;
	}
	
	.navbar-toggle {
		margin-right: 0px;
	}
	
	.searchbox {
	    margin-top: -72px;
	}
	
	.smaller .searchbox {
	    margin-top: -62px;
	}
	
	.navbar-right-mobile,
	.smaller .navbar-right-mobile {
		right: 90px;
	}
	
	.search-results {
	    margin-top: -8px;
	}
	
	.smaller .search-results {
	    margin-top: -8px;
	}
	
	/* VIDEO SLIDER
	==== */
	
	.video {
		width: auto;
		height: 440px;
		overflow: hidden;
		
		margin-top: 68px;
	}
	
	.video img,
	figure img {
		width: auto !important;
		height: 440px !important;
	}
	
	.video img {
		margin-top: 0px !important;
	}
	
	figure img {
		margin-top: 68px;
	}
	
	.video iframe {
		height: 440px;
	}
	
	a#left-arrvideo,
	a#right-arrvideo {
	    margin-top: -230px;
	}
	
	.vorteileslider-holder img {
		margin-top: 0px !important;
	}
	
	
	
	/* SPECIAL GRID
	==== */
	
	.custom-table {
		overflow: hidden;
	}
	
	.inner-box {
	    padding-left: 15px;
	}

	/* IMAGEBOX - Latest News
	==== */
	
	.imagebox-layout,
	.imagebox-latestnews {
		margin-bottom: 1px;
	}

	.imagebox-latestnews-introbox {
	    width: 100%;
	    max-width: auto;	    
	    position: relative;
	    display: block;
	    padding: 20px 20px 20px 0;
		margin-left: -30px !important;
	}	
	
	.imagebox-latestnews img {
	    width: 100%;
	    height: auto;
	    min-height: auto;
	    position: relative;
	    display: block;
	    float: none;
	    right: 0px !important;
	}
	
	.read-more-icon {
	    position: relative;
	    display: block;
	    margin-top: 80px;
	    left: 10px !important;
	}
	
	.imagebox-headline {
	    width: 60%;
	}
	
	
	/* VORTEILESLIDER
	==== */
	
	.vorteileslider-content {
	    margin-top: -40px;
	}
	
	.vorteileslider-content h3 {
    	font-size: 32px;
    	line-height: 40px;
    }
    
    
    /* NEWS 
	==== */
	
	.news-item-detail {
		padding: 50px 0px 100px 0px;
	}
	
	.news-item-detail img {
		float: left;
		position: relative;
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		clear: both;
		
		margin-left: 0px;
		margin-bottom: 30px;
	}
	
	/* UNTERSEITEN KONTAKT
	==== */
	
	#contact-form dd {
		margin-left: -15px;
	    width: 102%;
	    width: calc(100% + 15px);
	}
	
	#contact-form #message-element {
		width: 102%;
		width: calc(100% + 15px);
	}
	
	#contact-form .btn-send {
		margin-right: -15px;
	}
	
	.seitenmaincontent-headline h1 {
    	font-size: 36px;
    }
    
    /* OWL CAROUSEL
	==== */
    
    .owl-next {
		margin-top: 4%;
		right: 10px;
	}
	
	.owl-prev {
		margin-top: 4%;
		left: 10px;
	}
	
	
	/* UNTERSEITEN
	Trends ========================= */
	
	.trends-theme-holder:nth-child(odd) {
		border-right: 0px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	
	}
	
	.trends-theme-holder:nth-child(even) {
		border-left: 0px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}
	
	/* UNTERSEITEN MARKEN
	==== */
	
	.marke-detail-text {
	    max-width: 100%;
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	
	.marke-detail-image img {
	    width: 100%;
	    height: auto;
	}
	
	.marke-container h2 {
		font-size: 22px;
	}


	/* UNTERSEITEN
	Händler ======================== */	
	
	#hsuche .inner-box {
	    padding-left: 5px;
	}
	
	#hsuche .blue-box {
		padding-top: 1px;
	}
	
	form#googlesearch {
	    position: relative;
	    display: block;
	    margin-top: -3px;
	}
	
	.container-map,
	.dealerList-holder {
	    width: 96%;
	    width: calc(100% - 30px);
	}
		
	.marker-entry img {
	    width: 108%;
	    width: calc(100% + 30px);
	    height: auto;
	    position: relative;
	    display: block;
	    float: left;
	    margin-left: -15px;
	    margin-top: 0;
	}
	.marker-entry {
		min-height: 1px;
	}
	.intro {
	    padding: 5px 0 45px 0;
	    position: relative;
	    display: block;
	    clear: both;
	}
	.marker-entry .intro {
		padding-bottom: 0;
	}
	
	.blue-box button {
    	width: 60px;
    	position: absolute;
    	right: 0px;
    }
    
    /* ACCORDION
	==== */
	
	.panel-title {
    	font-size: 14px;
    }
    
	/* UNTERSEITEN
	Kontakt ======================== */    
    #contact-form .btn-send,
	#registration-form .btn-send {
		margin-right: 0;
	}
	
}


/* MAX 560
============================== */

@media (max-width: 560px) {

		
	/* VIDEO SLIDER
	==== 
	
	.video-coverheadline {
		display: none;
	}
	
	*/
	
	 /* OWL CAROUSEL
	==== */
    
    .owl-next {
		margin-top: 8%;
		right: 10px;
	}
	
	.owl-prev {
		margin-top: 8%;
		left: 10px;
	}
	
}


/* MAX 480
============================== */

@media (max-width: 480px) {
	
	/* HEADER
	==== */
	
	.searchbox {
		z-index: 100;
	}
	
	.search-results {
	    z-index: 100;
	    width: 100%;
	}
	
	/* IMAGEBOX
	==== */
	
	.imagebox-headline {
	    width: 93%;
	}
	
	/* IMAGEBOX - Latest News
	==== 

	.imagebox-latestnews-introbox {
	    width: 100%;
	    max-width: auto;	    
	    position: relative;
	    display: block;
	}	
	
	.imagebox-latestnews img {
	    width: 100%;
	    height: auto;
	    min-height: auto;
	    position: relative;
	    display: block;
	    float: none;
	    right: 0px !important;
	}
	
	.read-more-icon {
	    position: relative;
	    display: block;
	    margin-top: 80px;
	    left: 10px !important;
	}
	
	.imagebox-headline {
	    width: 94%;
	}
	
	*/
	
	
	/*
	.video:after {
		left: auto;
		margin-left: 0px;
		right: 35px;
	}
	*/
	
	
	/* EXTRAS
	==== */
	
	.col-xs-push-1 {
	    left: 60px !important;
	}
	
	
	/* UNTERSEITEN
	==== */
	
	.seitenmaincontent-headline {
		padding-top: 140px;
	}
	
	
	/* NEWS
	==== */
	
	.news-item {
		border: none !important;
		border-bottom: 2px solid #ffffff !important;
	}
	
	.col-xs-12-force {
		width: 100% !important;
		height: auto;
	}
	
	.col-xs-12-force h4 {
		padding-right: 20px;
	}
	
	.col-xs-12-force time {
		padding-bottom: 20px;
	}
	
	.col-xs-12-force img {
		width: 100%;
		height: auto;
		position: relative;
		display: block;
	}
	
	.news-item .read-more-icon {
		left: 25px !important;
	}
	
	/* UNTERSEITEN TRENDS
	==== */
	
	.trends-theme-holder:nth-child(odd) .trends-theme-link,
	.trends-theme-holder:nth-child(even) .trends-theme-link {
		background-size: 100% auto;	
	}
	
	.trends-theme-holder:nth-child(odd) .trends-theme-link span,
	.trends-theme-holder:nth-child(even) .trends-theme-link span {
		width: 100%;
	}
	
	.trends-theme-link {
		font-size: 18px;
		line-height: 26px;
	}
	
	
	/* UNTERSEITEN MARKEN
	==== */
	
	.marke-detail-link a {
		font-size: 22px;
	}
	
}



/* MAX 380
============================== */

@media (max-width: 380px) {
	
	/* HEADER
	==== */
	
	.navbar-right {
	    min-width: 80%;
	}
	
	.searchbox-open {
    	width: 86%;
    }
    
    .search-results {
	    width: 86%;
	    margin-left: 14%;
	}
	
	.owl-carousel-holder {
	    padding-bottom: 10px;
	}

	.owl-prev,
	.owl-next {
		/* top: 50%; */
		margin-top: 8%;
	}
	
	.owl-next {
	    right: 7px;
	}
	
	.owl-prev {
		left: 7px;
	}
	
	/* VORTEILESLIDER
	==== */
	
	.vorteileslider-content {
	    margin-top: -35px;
	}
	
	.vorteileslider-content h3 {
	    font-size: 16px;
	    line-height: 20px:
	}
	
}


/* MAX 330
============================== */

@media (max-width: 330px) {

	/* HEADER
	==== */
	
	.navbar-right {
	    min-width: 50%;
	}
	
	.searchbox-open {
    	width: 86%;
    }
    
    .search-results {
	    width: 86%;
	    margin-left: 14%;
	}
	
	/*
	.searchbox-icon-open {
		right: 15px;	
	}
	*/
	
	.call-to-action-btn {
	    width: 100%;
	}
	
	.call-to-action-btn {
	    font-size: 16px;
	    text-align: center;
	}
	
	

}


/* NAVBAR COLLAPSE EARLIER
============================== */

@media (min-width: 768px) and (max-width: 991px) {
	
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    
}