/*#################################
####  Responsive  Anpassungen  ####
#################################*/

@media (min-width: 768px) {
	.carousel .item .valign {
    width: 720px;
	}
}

@media (min-width: 992px) {
	.carousel .item .valign {
    width: 900px;
	}
}


@media (max-width: 1199px) {
	.prehead-navigation {
		width: 60%;
	}
	.scroll-top {
		display: none;
	}
	.social_footer {
		margin-right: 0;
	}
	.menu-zielgruppe {
		width: 70%;
	}
	ul.t3ddy-tabContainer-tabList {
		width: 100% !important;
	}
	ul.t3ddy-tabContainer-tabList li.ui-tabs-tab {
		width: 33.33333333% !important;
		float: left;
		margin: 0;
		box-sizing: border-box;
		border: 1px solid #fff;
	}
	ul.t3ddy-tabContainer-tabList li.ui-tabs-tab a {
		width: 100%;
		float: left;
	}
	ul.t3ddy-tabContainer-tabList li.ui-tabs-active {
		border: 1px solid #bad031 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.teaser_klein_outer {
		width: 100%;
		padding: 0 !important;
	}
	.mega-menu-item-66 {
		padding-right: 20px;
	}
	.mega-menu-item-33 {
		padding-left: 20px;
	}
	.teaser-product a {
		white-space: normal;
	}
}

@media (max-width: 1070px) {
	.produktform-beschichtungen {
		right: 40px;
	}
}

@media (min-width: 1024px) {
	.fpo_panel::after {
		display: none;
	}
}

@media (max-width: 1024px) {
	.imageGallery {
		float: left;
		width: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
		position: relative;
		z-index: 4;
		margin-bottom: 40px;
	}
	.imageGalleryMax {
		float: left;
		overflow-x: visible;
	}
	.imageGalleryMax .galerie {
		margin-bottom: 0px;
	}
	.galerierow,
	.slideCell {
		float: left;
		width: auto;
		max-width: 100%;
		overflow-x: visible;
	}
	.imageGallery::-webkit-scrollbar {
		width: 10px;
	}
	.imageGallery::-webkit-scrollbar-track {
		background: #ededed;
	}
	.imageGallery::-webkit-scrollbar-thumb {
		background: #bad031;
	}
	#p1>.body-bg>#content>div>div>div:nth-child(6)>div.element1col {
		margin-top: 0 !important;
	}
	.homepage .imageGallery {
		display: none;
	}
	.homepage .element1col {
		margin-top: 0;
	}
	.search {
    top: -1px;
	}
	.search button {
    top: 0px;
	}
	@-moz-document url-prefix() {
		.search {
			top: -2px;
		}
		.search button {
			top: 1px;
		}
	}
	#p1 #content>div>div>div:nth-child(5)::after {
    display: none;
	}
}

@media (max-width: 1160px) {
	#global span,
	#global i,
	.customernav span,
	.prehead-navigation .fa-comment {
		display: none;
	}
	.applications-gallery-slider .row {
		margin-left: -40px !important;
		margin-right: -40px !important;
	}
	.t3ddy-item .frenzelit-media .frenzelit-media-list,
	.t3ddy-item .frenzelit-media .frenzelit-media-list img,
	.t3ddy-item .frenzelit-media .frenzelit-media-list .frenzelit-media-element {
		width: 100% !important;
		height: auto !important;
		float: left;
	}
	.col-xs-6 {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
     .col-xs-60 {
         width: 100% !important;
         padding:0px 15px !important;
    }
    .col-xs-40 {
        width: 100% !important;
        padding:0px 15px !important;
    }
	#p1 .whitelogo,
	.navbar-brand-image {
		width: 30%;
		position: relative;
		float: left;
		top: 0;
		left: 0;
		margin: 0;
	}
	.prehead-navigation {
		float: left;
		position: relative;
		width: 63%;
		top: 0;
		left: 0;
		margin: 0;
	}
	.navbar-header-main {
		width: 7%;
		float: left;
		position: relative;
		top: 0;
		left: 0;
		margin: 0 !important;
	}
	.global {
		border: 1px solid #fff;
		margin: 0px 8px 0px 0px !important;
		top: -1px;
		position: relative;
	}
	.not-homepage .global {
		border: 1px solid #000;
	}
	#global {
		padding: 3px 4px 4px 7px;
	}
	.language {
		border: 1px solid #fff;
		margin: 0px 8px 0px 0px !important;
		top: -1px;
		position: relative;
		padding: 3px 0px 4px 11px;
	}
	.not-homepage .language {
		border: 1px solid #000;
	}
	.navbar-toggle {
		margin: 0;
		height: 29px;
	}
	.navbar-header-top {
		width: auto;
		border: 1px solid #fff;
		margin: 0px 8px 0px 0px !important;
		top: -1px;
		position: relative;
	}
	.not-homepage .navbar-header-top {
		border: 1px solid #000;
	}
	.customernav {
		padding: 3px 4px 4px 7px;
	}
	.navbar-header-border-bottom {
		display: none !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background: #fff;
	}
	.not-homepage .navbar-default .navbar-toggle .icon-bar {
		background: #000;
	}
	.navbar-collapse ul {
		width: 100%;
		margin: 12px 0px !important;
		padding: 0px 20px;
	}
	.navbar-collapse ul li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #1a4085;
	}
	.navbar-collapse ul li:nth-child(6) {
		border-bottom: none;
		padding-bottom: 0;
	}
	.navbar-collapse ul li a {
		color: #1a4085 !important;
		padding: 0 !important;
		width: 100%;
		text-align: center;
	}
	.navbar-collapse ul li a:hover {
		color: #bad031 !important;
	}
	.navbar-collapse > ul > li:nth-child(7),
	.navbar-collapse > ul > li:nth-child(8) {
		display: none;
	}
	.scrollhead .container .navbar-header .navbar-toggle .icon-bar {
		background: #1a4085;
	}
	.navbar-collapse {
		border-top: none;
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
		top: 20px;
		width: 100%;
		background: #fff;
		overflow: scroll;
		max-height: 50vh;
	}
	.scrollhead .container .prehead-navigation .global,
	.scrollhead .container .prehead-navigation .language,
	.scrollhead .container .prehead-navigation .navbar-header-top {
		border: 1px solid #000;
	}
	.carousel-inner {
		height: 50vh;
	}
	.carousel-inner .item {
		height: 100%;
	}
	.valign>.vcontainer {
		top: 0;
	}
	.element1col {
		margin-top: 530px;
	}
	.smallfooter .container img {
		width: 30%;
		float: left;
		margin-right: 0;
	}
	.menu-footer_below {
		width: 70%;
		float: left;
		top: 0;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.headerbild_subpage {
		margin-top: 99px;
	}
	.not-homepage .teaser {
		width: 100%;
	}
	.headerbild-detailsite {
		display: none;
	}
	.frenzelit-product-headline {
		width: 100%;
	}
	.produktform-beschichtungen {
		padding: 30px 0px;
		right: 0px;
	}
	.mega-menu {
		height: inherit;
		position: relative;
		top: 0;
	}
	.mega-menu-item-66 {
		width: 100%;
		padding-right: 0;
		margin-top: 20px;
	}
	.mega-menu-item-66 li {
		width: 100%;
		padding: 0 !important;
		border-bottom: none !important;
		margin-bottom: 20px;
	}
	.mega-menu-item-66 li .menu-li-inner div {
		display: none;
	}
	.mega-menu-item-66 li .menu-li-inner {
		height: auto !important;
	}
	.mega-menu-item-33 {
		display: none;
	}
	.menu-li-inner {
		padding: 0 !important;
		background: none !important;
	}
	.menu-level1-title {
		font-weight: normal;
		margin-bottom: 0;
	}
	.menu-level1-title span {
		color: #000 !important;
	}
	.menu-level2-title {
		display: none;
	}
	.navbar-main .open .dropdown-menu {
		border-left: none;
	}
	.mega-menu .container {
		padding: 0;
		width: 100%;
	}
	.menu-item-single .menu-li-inner {
		border-left: none !important;
	}
	.navbar-header.navbar-header-top {
		display: none;
	}
	.content-distance-to-top {
		margin-top: 95px;
	}
	.chronik-jahreszahl,
	.chronik-element-dot,
	.chronik-element-links-inner::after,
	.chronik-element-rechts-inner::after {
		display: none;
	}
	.chronik-element-links,
	.chronik-element-rechts {
		width: 100%;
		padding: 0;
		border-right: none;
		border-left: none;
		margin: 10px 0px;
	}
	.hidden-year {
		display: block;
		width: 100%;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #bad031;
	}
	.element4cols .col-xs-3 {
		width: 50%;
		margin-bottom: 20px;
	}
	.homepage .carousel-text::after {
		display: none;
	}
	.vcontainer p {
		margin-bottom: 0;
	}
	.vcontainer p:last-child {
		display: none;
	}
	#p1 .navbar.navbar-top .container {
		height: auto;
	}
}

@media (max-width: 900px) {
	.location-search-left {
		width: 100%;
		height: 40%;
		border-bottom: 20px solid #ededed;
		box-sizing: border-box;
		overflow: scroll;
	}
	.location-search-right {
		width: 100%;
		height: 60%;
	}
}

@media (max-width: 850px) {
	.beschichtungen:after {
		width: 50%;
	}
	.produktform-head {
		width: 60%;
	}
	.produktform-beschichtungen {
		width: 40%;
		right: 20px;
	}
}

@media (max-width: 790px) {
	.list-kontakt,
	.enterprise,
	.products,
	.markets {
		width: 50%;
		min-height: 190px;
	}
	.list-kontakt,
  .enterprise,
  .products {
		margin-bottom: 30px;
	}
	.footer-navigation .navbar-nav {
		margin: 10px 0px !important;
	}
	.menu-zielgruppe {
		width: 90%;
	}
	.teaser-product {
		width: 50%;
	}
	.teaser-product:nth-child(1) {
		padding-right: 15px;
	}
	.teaser-product:nth-child(2) {
		padding-left: 15px;
		padding-right: 0;
	}
	.teaser-product:nth-child(3) {
		padding-right: 15px;
		padding-left: 0;
	}
}

@media (max-width: 768px) {
	.produktform-beschichtungen {
		right: 50px;
	}
	.headerbild_subpage {
		min-height: 400px;
	}
	.t3ddy-item .sidebar {
		width: 100%;
		padding: 0 !important;
		margin-bottom: 30px;
	}
	.t3ddy-item .content-sidebar {
		width: 100%;
		padding: 0 !important;
	}
}

@media (max-width: 767px) {
	.typ-image {
		width: 100%;
	}
	.typtable {
		width: 100%;
		padding-left: 0;
	}
	.breadcrumb {
		width: 100%;
		box-sizing: border-box;
		padding-left: 10px;
		padding-right: 10px;
	}
	.news-single .col-xs-8,
	.news-single .col-xs-4 {
		width: 100%;
	}
	.search {
    top: -2px;
	}
	.search button {
    top: 1px;
	}
}

@media (max-width: 756px) {
	.headerbild_subpage {
		margin-top: 94px;
	}
	.headerbild_headline {
		font-size: 40px;
	}
	.produktform-head,
	.produktform-beschichtungen,
	.headeroverlay {
		width: 100%;
		float: left;
		position: relative;
		right: 0;
		left: 0;
		bottom: 0;
		min-height: inherit;
	}
	.beschichtungen:after {
		display: none;
	}
	.produktformheaderbild .row {
		margin: 0;
	}
	.headerbild_subpage.beschichtungen {
		height: 20vh;
		min-height: inherit;
	}
	.headeroverlay {
		margin-top: 30px;
	}
	.headerbild_subheadline {
		color: #1a4085;
	}
	.produktformheaderbild {
		margin-bottom: 20px;
	}
	.frenzelit-downloads .bx-wrapper .bx-viewport,
	.frenzelit-certificates .bx-wrapper .bx-viewport,
	.frenzelit-shapedisposals .bx-wrapper .bx-viewport,
	.frenzelit-coatings .bx-wrapper .bx-viewport {
		width: 80% !important;
	}
	.headeroverlay-inner {
		background: none;
		padding: 0;
	}
	.headerbild_headline {
		left: -1px;
	}
	.content-distance-to-top {
		margin-top: 90px;
	}
	#beschichtungen_open {
		position: relative !important;
		bottom: inherit !important;
		left: 0;
		margin-bottom: 15px;
	}
}

@media (max-width: 680px) {
	.search {
		float: left;
		width: 100%;
		top: 0;
		margin-bottom: 10px;
	}
	.variant-description {
		width: 100%;
		padding: 0;
	}
	.frenzelit-media {
		display: none;
	}
	ul.t3ddy-tabContainer-tabList li.ui-tabs-tab {
		width: 50% !important;
	}
	.prehead-navigation {
		width: 50%;
	}
	#p1 .whitelogo,
	.navbar-brand-image {
		width: 43%;
	}
	#content>div>div>div:nth-child(7) .col-xs-3 {
		width: 50%;
	}
	#p1 .news-list-item>a {
		height: 170px;
		float: left;
		margin-bottom: 15px;
		overflow: hidden;
	}
	#p1 .news-list-item {
		margin-bottom: 20px !important;
	}
	#p1 .news-list-item>a img {
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}
	#p1 .news-list-item .lead {
		float: left;
    width: 100%;
    height: 54px;
  }
  #p1 .news-list-item .articletype-0 > h4 > a {
    height: 56px;
	}
	#p1 .news-list-item .lead p {
		font-size: 16px;
	}
	.teaser_startseite_text span {
		font-size: 16px;
	}
	.teaser_startseite {
		margin-bottom: 20px;
	}
	#p1 #content>div>div>div:nth-child(8)>div::after {
		display: none;
	}
  .search {
    display: none;
  }

	.tx-maplocator-topbar .item.type {
		flex-basis: 40%;
		margin-bottom: 10px;
	}
	.tx-maplocator-topbar .item.type ul{
		width: fit-content;
	}
  .tx-maplocator-topbar .search{
  	display: block;
	  width: initial;
	  margin-left: 0px !important;
	  flex-basis: 70%;
  }
	.tx-maplocator-topbar .search input{
		width: 100%;
	}
	.tx-maplocator-topbar .item.search input{
		min-width: 100px !important;
	}

	.tx-maplocator-topbar {
		flex-wrap: wrap;
	}
  .search-toggle-mobile {
    display: block;
    float: right;
    position: relative;
    top: -1px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
		font-size: 18px;
		margin-right: 8px;
  }
  .scrollhead .search-toggle-mobile, .not-homepage .search-toggle-mobile {
    color: #000;
    border: 1px solid #000;
  }
}

@media (max-width: 665px) {
	#p1 .news-list-item>a {
		height: 160px !important;
	}
}

@media (max-width: 629px) {
	#p1 .news-list-item>a {
		height: 150px !important;
	}
	.menu-zielgruppe {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.carousel-text p,
	.carousel-indicators,
	.fixed-sidenavigation,
	.imageGallery,
	#p1 #content>div>div>div:nth-child(4)::after,
	#p1 #content>div>div>div:nth-child(7)::after,
	#p1 #content>div>div>div:nth-child(8) {
		display: none;
	}
	#content>div>div>div:nth-child(7) .col-xs-3 {
		width: 100%;
	}
	.element1col {
		margin-top: 0;
	}
	#p1 .news-list-item>a {
		height: auto !important;
		width: 100%;
	}
	.maincontent-wrap .row {
		width: calc(100% + 40px) !important;
	}
	.maincontent-wrap .gallery-row, .maincontent-wrap .gallery-row .gallery-item {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0;
		padding-right: 0;
	}
	.headerbild_subpage {
		height: 35vh;
		min-height: inherit;
	}
	.not-homepage .content-wrap,
	.not-homepage .maincontent-wrap {
		width: 100%;
		float: left;
	}
	.frenzelit-product-headline {
		padding: 0;
	}
	.sidemenu-toggle {
		display: block;
	}
	.sidemenu-left {
		display: none;
	}
}

@media (max-width: 528px) {
	.smallfooter .container img,
	.menu-footer_below,
	.social_footer {
		float: left;
		width: 100%;
	}
	.variant-description h2 {
		font-size: 20px;
	}
	.variant-description h3 {
		font-size: 18px;
	}
	.frenzelit-downloads .frenzelit-downloads-list .frenzelit-downloads-element a {
		letter-spacing: 0;
		background: none;
		padding: 0;
		text-align: left;
		text-transform: none;
		font-weight: normal;
	}
	.menu-footer_below {
		padding: 0 !important;
		margin: 20px 0px;
	}
	.menu-global {
		max-width: 250px;
	}
	.menu-zielgruppe li,
	.menu-zielgruppe div {
		width: 100% !important;
		line-height: inherit !important;
		margin: 0px 0px 10px 0px !important;
	}
	.menu-zielgruppe li a {
		padding: 10px !important;
		font-size: 14px;
	}
	.menu-zielgruppe li a:after {
		font-size: 25px !important;
		top: 2px !important;
	}
	.menu-zielgruppe div {
		margin-top: 10px;
	}
	.menu-zielgruppe {
		top: 80px;
	}
	.close-group {
		top: 90px;
	}
	.btn-back-products {
		display: none;
	}
	.frenzelit-downloads .bx-wrapper .bx-viewport,
	.frenzelit-certificates .bx-wrapper .bx-viewport,
	.frenzelit-shapedisposals .bx-wrapper .bx-viewport,
	.frenzelit-coatings .bx-wrapper .bx-viewport {
		width: 70% !important;
	}
	ul.t3ddy-tabContainer-tabList li.ui-tabs-tab {
		width: 100% !important;
	}
}

@media (max-width: 500px) {
	.content-distance-to-top {
		margin-top: 87px;
	}
	.teaser-product {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
  }
  .col-xs-3 {
    width: 100% !important;
  }

	#p1 .news-list-item .lead {
    height: auto !important;
  }
  #p1 .news-list-item .articletype-0 > h4 > a {
    height: auto !important;
	}
}

@media (max-width: 450px) {
	.prehead-navigation {
		width: 90%;
	}
	#p1 .whitelogo,
	.navbar-brand-image {
		width: 100%;
		margin-bottom: 20px;
  }
  .search-full-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
  }
	.navbar-header-main {
		width: 10%;
	}
	.header-contact,
	.global,
	.language,
	.navbar-header-top {
		float: left;
	}
	.navbar-collapse {
		top: 150px;
		margin: 0 !important;
	}
	.homepage .col17 {
		width: 100%;
	}
	.content-distance-to-top {
		margin-top: 159px;
	}
  .search-toggle-mobile {
    float: left;
		margin-right: 0;
  }
}

@media (max-width: 420px) {
	.valign,
	.skipslide,
	.col16,
	.col18 {
		display: none;
	}
	.navbar-collapse {
		top: 20px;
	}
	.teaser-bild-container {
		height: auto;
		overflow: visible;
	}
	.teaser-bild-container img {
		position: relative;
		transform: none;
	}
	.headerbild_headline {
		font-size: 30px;
	}
	.headerbild_subheadline {
		font-size: 20px;
	}
	.list-kontakt,
	.enterprise,
	.products,
	.markets,
	.col17 {
		width: 100%;
	}
}

@media (max-width: 380px) {
	.frenzelit-downloads .frenzelit-downloads-list .frenzelit-downloads-element a::after {
		display: none;
	}
	.frenzelit-downloads .frenzelit-downloads-list .frenzelit-downloads-element a {
		margin: 0;
		width: 100%;
		float: left;
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

@media (max-width: 360px) {
	.teaser_klein_bild {
		width: 30%;
	}
	.teaser_klein_text {
		width: 70%;
	}
}

@media (max-width: 320px) {
	.carousel-inner {
		height: 25vh;
		margin-bottom: 40px;
	}
	.headerbild_subpage {
		height: 55vh;
	}
	.fpo_content {
		padding: 10px 8px;
	}
	.fpo_content a::after {
		margin-left: 0;
	}
}

/*#####################
### Changes iframe  ###
#####################

img,iframe {
  max-width:100%;
}

.iframe-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*/

/* #############################
####### iPad w/ Retina #########
##############################*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	.search input {
		padding: 3px 5px 3px 5px;
	}
}

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }


.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 992px) {
  .stacktable.large-only { display: none; }
	.stacktable.small-only { display: table; }
}
