/*
Theme Name:         SANPACK
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.4.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/


/* _______________________________________ 1 Allgemein */



//body {
//	background: #EFEFEF url(images/allgemein/raster.png) 0 -4px repeat;
//	background-attachment: fixed;
//	margin: 0;
//	padding: 0;
//	
//	/* Standard-Schrift */
//	font-family: 'Open Sans', sans-serif;
//	font-size: 14px;
//	line-height: 24px;
//	color: #666;
//	text-shadow: 0 1px 0 white;
//}
//
//h1, h2, h3, h4, h5 {
//	margin: 0;
//	padding: 0;
//}
//p {
//	margin: 0 0 20px 0;
//	padding: 0;
//}
//
//a {
//	outline: none;
//	color: #666;
//	text-decoration: underline;
//}
//a:hover {
//	text-decoration: underline;
//	color: #F60;
//}
//a img {
//	outline: none;
//}
//
//.unsichtbar {
//	display: none;
//}
//.clearfix {
//	display: block;
//	clear: both;
//}
//
///* preloader */
//#preloader {
//	position: absolute;
//	top: 0;
//	left: 0;
//	background: #EFEFEF url(images/allgemein/raster.png) 0 -4px repeat;
//	z-index: 50;
//}
//#preloader-rad {
//	background: url(images/allgemein/loading.gif) center center no-repeat;
//	width: 100%;
//	height: 100%;
//}

/* _______________________________________ 2 oberer Bereich */

//#top-balken {
//	position: fixed;
//	top: 0;
//	left: 0;
//	height: 130px;
//	width: 100%;
//	background: white;
//	/* border-bottom: 1px solid #DEDEDE; */
//	z-index: 999999;
//	box-shadow: 0 0 4px #ccc;
//}
//#top-middle {
//	width: 940px;
//	height: 80px;
//	margin: 0 auto;
//	position: relative;
//}
//
///* Logo */
//#top-balken h1 {
//	margin: 0;
//	padding: 0;
//	position: absolute;
//	top: 28px;
//}
//#top-balken h1 a {
//	display: block;
//	height: 22px;
//	width: 167px;
//	background: url(images/allgemein/sanpack-logo.png) center left no-repeat;
//	text-indent: -100000px;
//}
//
///* Hauptnavigation */
//#top-balken #menu-main {
//	margin: 0;
//	padding: 0;
//	list-style: none;
//	position: absolute;
//	top: 31px;
//	left: 300px;
//}
//
//#top-balken .sub-menu {
//    
//    position: absolute;
//    margin:0;
//    display: none;
//    
//    
//}
//
//#top-balken .sub-menu li {
//    
//    list-style-type: none;
//   
//}
//
//#top-balken #menu-main > li {
//	margin: 0 15px 0 0;
//	padding: 0 0 30px 0;
//	float: left;
//}
//
//#top-balken #menu-main > li > a {
//	color: #888;
//	text-decoration: none;
//	font-weight: 600;
//	font-size: 14px;
//	text-transform: uppercase;
//	padding: 4px 10px;
//	border-radius: 10px;
//}
//
//#top-balken #menu-main > li > a:active {
//	color: #fff;
//	background: #000;
//	text-shadow: none;
//}
//
//#top-balken #menu-main > li > a.current {
//	color: #333;
//	background: #f2f2f2;
//	text-shadow: 0 1px 0 #fff;
//}
//
//#top-balken #menu-main > li > a:hover, #top-balken #menu-main > li > a.hover {
//	color: #fff;
//	background: #4C4C4C;
//	text-shadow: none;
//}
//
///* Highlighting 1. Ebene */
//.page-template-page-home-php #navi-home,
//
///*de*/
//.page-template-page-produkt-sanstrap-php #navi-flyout1,
//.page-template-page-produkt-sangrip-php #navi-flyout1,
//.page-template-page-produkt-vci-php #navi-flyout1,
//.page-template-page-produkt-bodenmarkierung-php #navi-flyout1,
//
//.page-template-page-service-servicesupport-php #navi-flyout2,
//.page-template-page-service-faq-php #navi-flyout2,
//.page-template-page-service-faq-formular-php #navi-flyout2,
//.single-faq #navi-flyout2,
//.page-template-page-service-produktguide-php #navi-flyout2,
//.single-produktguide #navi-flyout2,
//
//.page-template-page-ueber-ueberuns-php #navi-flyout3,
//.page-template-page-ueber-nachhaltigkeit-php #navi-flyout3,
//.page-template-page-ueber-historie-php #navi-flyout3,
//
//.page-template-page-kontakt-php #navi-kontakt
//{
//	color: #333;
//	background: #f2f2f2;
//	text-shadow: 0 1px 0 #fff;
//}

/* _______________________________________ 3 Call-to-Action */

/*a#calltoaction {
	display: block;
	background: url(images/allgemein/sanpack-c2a_de.png);
	width: 161px;
	height: 58px;
	position: fixed;
	top: 150px;
	right: 0;
	z-index: 100000;
	text-indent: -10000000px;
}
#sprache-en a#calltoaction {
	background: url(images/allgemein/sanpack-c2a_en.png);
}
a#calltoaction:hover {
	background-position: 0 -58px;
}
a#calltoaction:active {
	background-position: 0 -116px;
}*/

/* _______________________________________ 4 Suche */

/* Suche-Icon */
//#top-balken #lupe {
//	display: block;
//	position: absolute;
//	top: 28px;
//	right: 0;
//	height: 30px;
//	width: 35px;
//	background-image: url(images/allgemein/lupe.png);
//	background-repeat: no-repeat;
//	text-indent: -100000px;
//	border-radius: 10px;
//}
//#top-balken #lupe:hover, #top-balken #lupe:active, #top-balken #lupe.active {
//	background-position: 0 -60px;
//	background-color: #4C4C4C;
//}
//
///* Suchfeld */
//#suchfeld {
//	position: absolute;
//	display: none;
//	
//	top: 75px;
//	right: -13px;
//	z-index: 10000;
//	
//	background: url(images/allgemein/flyout-bg-kachel.png) top left repeat;
//	border-radius: 10px;
//	width: 269px;
//	height: 70px;
//	padding: 20px;
//	
//	font-weight: 300;
//	font-size: 20px;
//	color: white;
//	text-shadow: none;
//}
//#suchfeld .zacken {
//	top: -9px;
//	right: 20px;
//	z-index: 1000;
//}
//#suchfeld label {
//	clear: both;
//	display: block;
//	width: 300px;
//	margin-bottom: 10px;
//	color: white;
//}
//#suchfeld input {
//	display: block;
//	float: left;
//	font-size: 18px;
//	line-height: 20px;
//	font-family: 'Open Sans', sans-serif;
//	text-shadow: 0 1px 0 white;
//	color: #333;
//	padding: 4px 10px;
//	border: none;
//	height: 30px;
//	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;	
//}
//#suchfeld input:focus {
//	outline: none;
//	box-shadow: none;
//}
//#suchfeld input#sucheingabe {
//	width: 200px;
//	box-shadow: -2px -2px 4px #ccc inset;
//}
//
//#suchfeld input#suchbutton {
//	font-weight: 700;
//	font-size: 14px;
//	margin: 0;
//	background: url(images/allgemein/suche-button.png) 0 0 no-repeat;
//	border: none;
//	cursor: pointer;
//	width: 49px;
//	height: 38px;
//}
//#suchfeld input#suchbutton:hover {
//	background-position: 0 -38px;
//}
//#suchfeld input#suchbutton:active {
//	background-position: 0 -76px;
//}
//#suchfeld #close {
//	text-indent: -10000px;
//	display: block;
//	position: absolute;
//	top: 20px;
//	right: 20px;
//	height: 30px;
//	width: 30px;
//	background: url(images/allgemein/suche-close.png) 0 0 no-repeat;
//}
//#suchfeld #close:hover {
//	background-position: 0 -30px;
//}


// /* _______________________________________ 5 Flyout */

// #flyoutwrap {
// }


// #flyout-abdecker {
// 	opacity: 1;
// 	width: 100%;
// }
// .stable {
// 	opacity: 0.5!important;
// }

// .sub-menu {
// 	padding: 10px 0 0 10px;
//         z-index: 999999;
        
// }

// .sub-menu li { 

//     display: block;
//     padding: 20px;
//     width: 280px; 
//     height: 220px;
//     float:left;
    
// }

// .sub-menu a {
// 	display: block;
// 	text-decoration: none;
// 	width:100%;
//         height:100%;
// 	margin-right: 1px;
// 	margin-bottom: 1px;
// 	font-size: 13px;
// 	line-height: 18px;
// 	color: #666;
	
// 	background: white url(images/allgemein/flyout-link-bg.png) top left no-repeat;
// }

// .sub-menu li { }


// .sub-menu h4 {
    
//     font-size: 1rem;
    
// }

// .sub-menu .thumbnail {

//     box-shadow: none;

// }

// .sub-menu img {
// 	display: block;
// 	margin: 0 0 12px 0;
//         border-width: 0;
// }
// .sub-menu a span {
// 	display: block;
// 	color: #E10019;
// 	font-weight: 700;
// 	margin-bottom: 5px;
// }

// .sub-menu a:hover {
// 	background-position: 0 -220px;
// 	color: #333;
// }
// .sub-menu a:hover span {
// 	color: #F60;
// }

// .sub-menu a:active span {
// 	color: #E10019;
// }

// /* Highlighting 2. Ebene */
// .page-template-page-produkt-sanstrap-php #flyout-0101,
// .page-template-page-produkt-sangrip-php #flyout-0102,
// .page-template-page-produkt-vci-php #flyout-0103,
// .page-template-page-produkt-bodenmarkierung-php #flyout-0104,
// .page-template-page-service-servicesupport-php #flyout-0201,
// .page-template-page-service-faq-php #flyout-0202,
// .page-template-page-service-produktguide-php #flyout-0203,
// .page-template-page-ueber-ueberuns-php #flyout-0301,
// .page-template-page-ueber-nachhaltigkeit-php #flyout-0302,
// .page-template-page-ueber-historie-php #flyout-0303,

// .sub-menu a:active
// {
// 	background-position: 0 -440px !important;
// 	color: #333 !important;
// }
// .page-template-page-produkt-sanstrap-php #flyout-0101 span,
// .page-template-page-produkt-sangrip-php #flyout-0102 span,
// .page-template-page-produkt-vci-php #flyout-0103 span,
// .page-template-page-produkt-bodenmarkierung-php #flyout-0104 span,
// .page-template-page-service-servicesupport-php #flyout-0201 span,
// .page-template-page-service-faq-php #flyout-0202 span,
// .page-template-page-service-produktguide-php #flyout-0203 span,
// .page-template-page-ueber-ueberuns-php #flyout-0301 span,
// .page-template-page-ueber-nachhaltigkeit-php #flyout-0302 span,  
// .page-template-page-ueber-historie-php #flyout-0303 span,
// {
// 	color: #E10019 !important;
// }

// .sub-menu:before {
//         content:"";
//         display: block;
// 	height: 9px;
// 	width: 18px;
// 	background: url(images/allgemein/flyout-zacken.png) top left no-repeat;
// 	position: absolute;
// 	top: -9px;
// }

// /* Flyout speziell */

// #menu-item-1256 .sub-menu {
// 	width: 581px;
// 	height: 461px;
// 	background: transparent url(images/allgemein/flyout-bg2.png) top left no-repeat;
// 	position: fixed;
// 	top: 125px;
// 	left: 50%;
// 	margin-left: -330px;
// 	z-index: 10000000;
// }
// #menu-item-1256 .sub-menu:before {
// 	left: 281px;
// }

// #menu-item-1262 .sub-menu{
// 	width: 862px;
// 	height: 240px;
// 	background: transparent url(images/allgemein/flyout-bg1.png) top left no-repeat;
// 	position: fixed;
// 	top: 125px;
// 	left: 50%;
// 	margin-left: -415px;
// 	z-index: 10000000;
// }
// #menu-item-1262 .sub-menu:before {
// 	left: 472px;
// }

// #menu-item-1261 .sub-menu{
// 	width: 862px;
// 	height: 240px;
// 	background: transparent url(images/allgemein/flyout-bg1.png) top left no-repeat;
// 	position: fixed;
// 	top: 125px;
// 	left: 50%;
// 	margin-left: -385px;
// 	z-index: 10000000;
// }
// #menu-item-1261 .sub-menu:before {
// 	left: 552px;
// }

// /* anderes Flyoutmenue weil nur 3 Produkte */
// #sprache-en #flyout1 {
// 	width: 862px;
// 	height: 240px;
// 	background: transparent url(images/allgemein/flyout-bg1.png) top left no-repeat;
// 	position: fixed;
// 	top: 75px;
// 	left: 50%;
// 	margin-left: -431px;
// 	z-index: 10000000;
// }

// #sprache-en #flyout1 .zacken {
// 	left: 375px;
// }


/* _______________________________________ 6 Footer */

//#footer {
//	width: 100%;
//	background: url(images/allgemein/footer-bg.png) top left repeat;
//	position: relative;
//	padding-bottom: 55px;
//}
//#footer-schatten {
//	width: 100%;
//	background: url(images/allgemein/footer-schatten.png) top left repeat-x;
//	position: absolute;
//	top: 0;
//	left: 0;
//	height: 11px;
//}
//#footer-center {
//	width: 940px;
//	margin: 0 auto;
//}
//.footer-block {
//	width: 220px;
//	float: left;
//	margin-right: 20px;
//}
//.footer-block.last {
//	margin-right: 0;
//}
//#footer-center h6 {
//	font-size: 16px;
//	color: #999;
//	text-transform: uppercase;
//	border-bottom: 1px solid #ccc;
//	font-weight: 400;
//	margin: 0;
//	padding: 30px 0 15px 0;
//	margin-bottom: 30px;
//	box-shadow: 0 1px 0 #f2f2f2;
//}
//#footer-center ul {
//	font-size: 12px;
//	color: #888;
//	line-height: 16px;
//	margin: 0;
//	padding: 0;
//	list-style: none;
//}
//#footer-center ul li {
//	margin: 0 0 15px 0;
//	padding: 0;
//}
//
//#footer-center ul a {
//	color: #888;
//	text-decoration: none;
//}
//#footer-center ul a:hover, #footer-center ul a:focus {
//	color: #E10019;
//	color: #333;
//}
//
//#footer-logos {
//	width: 620px;
//	text-align: center;
//	clear: both;
//	padding: 30px 0 40px 0;
//	margin: 0 auto;
//	height: 90px;
//}
//#footer-logos img {
//	display: block;
//	float: left;
//	margin-right: 40px;
//	padding-right: 40px;
//	border-right: 1px solid #ccc;
//	box-shadow: 1px 0 0 white;
//}
//#footer-logos img:last-child {
//	margin: 0;
//	padding: 0;
//	border: none;
//	box-shadow: none;
//}
//
//#footer-textline {
//	clear: both;
//	font-size: 11px;
//	line-height: 11px;
//	text-transform: uppercase;
//	color: #888;
//}
//	
//
//#footer-balken {
//	position: absolute;
//	bottom: 0;
//	width: 100%;
//	height: 40px;
//	background: #333 url(images/allgemein/footer-balken.png) top left repeat;
//}
//#footer-balken-center {
//	width: 940px;
//	margin: 0 auto;
//	position: relative;
//	color: #999;
//	text-transform: uppercase;
//	font-size: 11px;
//	text-shadow: 0 -1px 0 #333;
//	line-height: 14px;
//}
//#footer-balken-center a {
//	color: #999;
//	text-decoration: none;
//}
//#footer-balken-center a:hover, #footer-balken-center a:active {
//	color: white;
//}
//#footer-balken-center ul {
//	list-style: none;
//	margin: 14px 0 0 0;
//	padding: 0;
//	float: left;
//}
//#footer-balken-center ul li {
//	float: left;
//	margin: 0 12px 0 0;
//	padding: 0 12px 0 0;
//	border-right: 1px solid #666;
//}
//
//#footer-balken-center ul li a { 
//
//    padding:0;
//
//}
//
//#footer-balken-center ul li:last-child {
//	border-right: none;
//}
//
//#footer-language a {
//	display: block;
//	height: 26px;
//	padding: 14px 28px 0 40px;
//	float: right;
//	position: relative;
//}
//#footer-pfeil {
//	background: url(images/allgemein/footer-balken-pfeil.png) left bottom no-repeat;
//	display: block;
//	height: 40px;
//	width: 7px;
//	position: absolute;
//	top: 0;
//	right: 10px;
//}
//.footer-flag-de {
//	background: url(images/allgemein/flag-de.png) left center no-repeat;
//	display: block;
//	height: 40px;
//	width: 24px;
//	position: absolute;
//	top: 0;
//	left: 10px;
//}
//.footer-flag-en {
//	background: url(images/allgemein/flag-en.png) left center no-repeat;
//	display: block;
//	height: 40px;
//	width: 24px;
//	position: absolute;
//	top: 0;
//	left: 10px;
//}
//
//#footer-language a:hover #footer-pfeil, #footer-language a:active #footer-pfeil, #footer-language a.active #footer-pfeil {
//	background-position: left top;
//}
//#footer-language a:active {
//	background: white;
//}
//#footer-language a:active, #footer-language a.active {
//	background: url(images/allgemein/footer-language-bg.png) top left repeat;
//	color: white;
//}
//
//#footer-language-menue {
//	position: absolute;
//	bottom: 0;
//	right: 0;
//	background: white;
//	width: 180px;
//	height: 80px;
//	z-index: 1000000;
//	text-shadow: none;
//	box-shadow: 0 0 4px #666;
//}
//#footer-language-menue a {
//	display: block;
//	background: white;
//	height: 26px;
//	padding: 14px 0 0 40px;
//	position: relative;
//	color: #666;
//}
//#footer-language-menu .footer-flag-de, #footer-language-menu .footer-flag-en {
//	height: 30px;
//}
//
//#footer-language-menue a:hover {
//	background: #FFF8ED;
//	color: #F60;
//}
//#footer-language-menue a.active, #footer-language-menue a:active {
//	background: #f2f2f2;
//	color: #333;
//	text-shadow: 0 1px 0 #fff;
//	cursor: default;
//}//