/* KRAUSKOPF Maschinentechnik GmbH & Co. KG

Blau: #1b3990
Dunkelgrau (Schrfit): #4d4c4c
Hellgrau: #d3d1cd
Weiß: #FFFFFF

*/

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* Allgemeines
---------------- */
	html, body {
		font-size: 18px !important;
		padding: 0px !important;
		margin: 0px !important;
		color: #4d4c4c !important;
		line-height: 180%;
		font-family: 'Roboto', Arial, sans-serif;
		font-weight:  300;
	}

/* Überschriften
----------------- */
	h1, h2, h3, h4, h5, h6 {
		color: #1b3990 !important;
		border: 0px !important;
		font-weight: 200 !important;
		font-family: 'Roboto', Arial, sans-serif;
	}

	h1 strong {
		font-family: 'Roboto', Arial, sans-serif;
		font-weight:  500;
	}

	h1 {
		margin: 20px 0px 20px 0px !important;
		font-size: 280%;
		text-transform:  uppercase;
	}

		@media only screen and (max-width:767px) {
			h1 {
				font-size: 180%;
			}
		}

	h2, .entry-header h2 {
		/*margin: 35px 0px 10px 0px !important;*/
		font-size: 200%;
	}

	h2 {
		font-size: 200%;
      margin-top: 5%;
	}

		@media only screen and (max-width:767px) {
			h2, .entry-header h2 {
				font-size: 150%;
			}
		}

	@media only screen and (max-width:767px) {
		h2 {
			font-size: 150%;
		}
	}

	.page-header {
		margin: 0px !important;
		border: 0px !important;
		padding: 0px !important;
	}

	.entry-header {
		margin: 0px !important;
	}

	@media only screen and (max-width:767px) {
		#sp-main-body {
			background-image: none !important;
		}
	}

/* Links
-------- */
	p a, p a:visited,
	p a, p a:focus-visible,
	p a, p a:focus-within  {
		color: #1b3990;
		border-bottom: none;
		font-weight: 500 !important;
	}

	p a:hover {
		color: #1b3990;
		border-bottom:  1px solid #1b3990;
	}

	strong {
		font-weight: 500 !important;
	}

	a:focus {
		color: #1b3990;
	}

	h3 a:hover {
		font-weight: bolder;
	}

	.itemid-101 #sp-main-body a,
	.itemid-847 #sp-main-body a {
		color:  #FFFFFF;
	}

	.itemid-101 #sp-main-body a:hover,
	.itemid-847 #sp-main-body a:hover  {
		border-bottom:  1px solid #FFFFFF;
		color:  #FFFFFF;
	}

	/*a:focus, input:focus {
		color: #1b3990 !important;
	}*/

/* Liste
--------- */
	#sp-main-body ul {
		padding: 0px !important;
		margin-left: 15px;
	}

	#sp-main-body ul li,
	#sp-service-fuer-sie ul li {
		margin-bottom: 6px !important;
	}

	#sp-service-fuer-sie ul li {
  	padding: 0px 0px 0px 15px !important;
  	background: url('/images/template/list-style-image.jpg') center left no-repeat !important;
  	list-style: none !important;
	}

	#sp-service-fuer-sie ul li:first-child {
		background: url('/images/template/list-style-image.jpg') top 10px left no-repeat !important;
	}

	#sp-service-fuer-sie ul {
		margin-left: 0px;
	}


/* Blockquote Zitat
------------------- */
	blockquote {
		padding: 20px !important;
		border: 0px !important;
		background: #1b3990 !important;
		font-size: 100% !important;
		color:  #FFFFFF;
		margin-top:  20px;
		margin-bottom:  20px;
	}

	.itemid-712 blockquote,
	.itemid-792 blockquote {
		margin-top:  5px !important;
	}

/* Fehlermeldung
----------------- */
	div.alert-message {
		background: #1b3990 !important;
		color: #FFFFFF !important;
	}

	div.alert-message p {
		margin: 0px !important;
	}

	h4.alert-heading {
		font-size: 250% !important;
		color: #FFFFFF !important;
	}

/*  Header und Logo
--------------------- */
	.itemid-101 #sp-top-bar,
	.itemid-847 #sp-top-bar {
		background-color: rgba(255, 255, 255, 0.9) !important;
		z-index: 100 !important;
		position: absolute;
		width: 100% !important;
	}

	#sp-top-bar {
		background-color: rgba(255, 255, 255, 0.9) !important;
		z-index: 100 !important;
		position: absolute;
		width: 100% !important;
		min-height: 100px;
	}

	#sp-top-bar > .container {
		width:  100%;
		padding-left:  50px;
		padding-right:  150px;
	}

	#sp-top-bar .sp-module {
		margin: 0px !important;
	}

	#sp-logo h1 {
		margin: 0px !important;
	}

		@media only screen and (max-width:767px) {
			#sp-logo {
				width: 100% !important;
				margin-bottom: -70px !important;
			}
		}

	.sp-default-logo {
		display: none !important;
	}

	.sp-retina-logo {
		display: none !important;
	}

	.sticky-wrapper {
		height: 0px !important;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	}

	#sp-logo {
		padding: 0px !important;
	}

/* Menü Navigation
-------------------*/
	#sp-menu {
		margin-top: 50px !important;
		padding:  0px !important;
	}

		@media only screen and (max-width:1350px) {
			#sp-menu {
				margin-top:  0px !important;
			}
		}

	.sp-megamenu-parent {
		float: right !important;
	}

		@media only screen and (max-width:991px) {
			.sp-megamenu-parent {
				display:  none;
			}
		}

	.sp-megamenu-parent > li > a {
		letter-spacing:  0px !important;
		padding-right:  0px !important;
		margin-left:  5px;
	}

	#sp-menu ul li a {
		line-height: 100% !important;
		color: #1b3990 !important;
		font-size: 90% !important;
		text-transform: uppercase !important;
	}

		@media only screen and (max-width:1316px) {
			#sp-menu ul li a {
				font-size:  80% !important;
			}

			#sp-menu {
				margin-top:  50px !important;
			}
		}

		@media only screen and (max-width:1250px) {
			#sp-menu {
				margin-top:  0px !important;
			}
		}

		@media only screen and (max-width:1290px) {
			.sp-megamenu-parent > li > a {
   				 margin-left:  0px !important;
			}
		}

		@media only screen and (max-width:1250px) {
			#sp-menu ul li a {
				font-size:  85% !important;
			}
		}

		@media only screen and (max-width:1216px) {
			#sp-menu ul li a {
				font-size:  75% !important;
			}

			#sp-menu {
				margin-top:  50px !important;
			}
		}

		@media only screen and (max-width:1196px) {
			#sp-menu ul li a {
				font-size:  80% !important;
			}

			#sp-menu {
				margin-top:  0px !important;
			}
		}

		@media only screen and (max-width:1163px) {
			#sp-menu ul li a {
				font-size:  70% !important;
			}

			#sp-menu {
				margin-top:  50px !important;
			}
		}

		@media only screen and (max-width:1143px) {
			#sp-menu ul li a {
				font-size:  75% !important;
			}

			#sp-menu {
				margin-top:  0px !important;
			}
		}

		@media only screen and (max-width:1110px) {
			#sp-menu ul li a {
				font-size:  70% !important;
			}

			#sp-menu {
				margin-top:  50px !important;
			}
		}

		@media only screen and (max-width:1090px) {
			#sp-menu ul li a {
				font-size:  70% !important;
			}

			#sp-menu {
				margin-top:  0px !important;
			}
		}

		@media only screen and (max-width:1056px) {
			#sp-menu ul li a {
				font-size:  65% !important;
			}

			#sp-menu {
				margin-top:  50px !important;
			}
		}

		@media only screen and (max-width:1037px) {
				#sp-menu {
					margin-top:  0px !important;
				}
		}

		@media only screen and (max-width:1003px) {
			#sp-menu ul li a {
				font-size:  65% !important;
			}

			#sp-menu {
				margin-top:  0px !important;
			}

			#sp-top-bar > .container {
				padding-left:  20px;
			}
		}

	.sp-megamenu-parent > li.sp-has-child > a::after {
	   display: none !important;
	}

	@media only screen and (max-width:989px) {
		#sp-top-bar > .container {
			padding-right:  80px;
		}
	}

	@media only screen and (max-width:480px) {
		#sp-top-bar > .container {
			padding-right:  80px;
			padding-left: 50px;
		}
	}


/* Sticky Header
----------------*/
	.sticky-logo {
		display: none
	}

	#sp-top-bar.menu  {
		background-color: rgba(255, 255, 255, 0.9) !important;
		z-index: 100 !important;
		position: absolute;
		width: 100% !important;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}

		#sp-top-bar.menu .sp-megamenu-parent > li {
			display: inline-block !important;
		}

		#sp-top-bar.menu #offcanvas-toggler > i {
			display: none !important;
		}

		@media only screen and (max-width:991px) {

			#sp-top-bar.menu #offcanvas-toggler > i {
				display: inline-block !important;
			}

			#sp-menu {
				margin-top: 0px !important;
			}
		}


/* Dropdown Menü
---------------- */
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
		padding: 0px !important;
	}

	.sp-megamenu-parent .sp-dropdown {
		z-index: 1000 !important;
		padding-top: 14px !important;
	}

	#sp-menu ul li ul li a {
		color: #4d4c4c !important;
		text-transform:  none !important;
	}

	#sp-menu ul li ul li:hover a {
		color: #FFFFFF !important;
		background: #1b3990 !important;
	}

	/* Mobiles Menü
	-----------------*/
		@media only screen and (max-width:991px) {
			#offcanvas-toggler > i {
				margin-top: 25px !important;
				dispaly:  block;
			}

			#offcanvas-toggler > i {
				margin: 2px 0px 0px 5px !important;
				padding: 0px !important;
				color: #1b3990 !important;
				margin-top: 30px !important;
				font-size: 200% !important;
				margin-right:  -50px !important;
			}

		}

	.offcanvas-menu {
	    background: #1b3990 !important;
	}

	#accordion_menu_99 .item-wrapper a, #accordion_menu_99 li.current > .item-wrapper a,
	#accordion_menu_122 .item-wrapper a, #accordion_menu_122 li.current > .item-wrapper a {
	    color: #FFFFFF !important;
	    background-color: #1b3990 !important;
	}

	.fa {
    	color: #FFFFFF !important;
	}	

	@media only screen and (min-width:991px) {
		#offcanvas-toggler > i {
			color:  transparent !important;
		}
	}

/* Mobiles Menü Dropdown
------------------------ */
	.offcanvas .offcanvas-menu ul.nav-child li {
		padding: 0px !important;
	}

	div.divuli[style] {
		padding: 0px !important;
	}

	.offcanvas-menu .offcanvas-inner {
		padding: 0px !important;
	}

	.offcanvas-menu ul.accordion-menu {
		border: 0px !important;
		margin: 50px 0px 0px 0px !important;
	}

	.offcanvas-menu ul.accordion-menu li {
		background: none !important;
		padding: 0px !important;
		margin: 0px !important;
		border-bottom: 1px solid #FFFFFF !important;
	}

	.offcanvas-menu ul.accordion-menu li ul li {
		border-bottom: 1px solid #FFFFFF !important;
		background: #4d4c4c !important;
	}

	.offcanvas-menu ul.accordion-menu li ul li ul li {
		border-bottom: 1px solid #FFFFFF !important;
		background: #4d4c4c !important;
	}

	.offcanvas-menu ul.accordion-menu li a {
		line-height: 100% !important;
		padding: 12px !important;
		font-size: 15px !important;
		color: #4d4c4c !important;
		display: block !important;
		border: 0px !important;
		font-family: 'Roboto', Arial, sans-serif;
	}

	.offcanvas-menu ul.accordion-menu li a:hover {
		color: #1b3990 !important;
		background: none !important;
	}
		
	.offcanvas-menu ul.accordion-menu li.current {
		background: #1b3990 !important;
	}

	.offcanvas-menu ul.accordion-menu li.current a:hover, .offcanvas-menu ul.accordion-menu li.current a {
		color: #FFFFFF !important;
	}

	.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
		margin: 0px !important;
	}

	.offcanvas-menu ul.nav.menu li {
		border-bottom: 1px dotted #4d4c4c !important;
		background: none !important;
	}

	.offcanvas-menu ul.nav.menu li a {
		line-height: 100% !important;
		padding: 12px !important;
		font-size: 15px !important;
		color: #4d4c4c !important;
		display: block !important;
		border: 0px !important;
	}

	#accordion_menu_99 .item-wrapper:hover a, #accordion_menu_99 li.current > .item-wrapper a,
	#accordion_menu_122 .item-wrapper:hover a, #accordion_menu_122 li.current > .item-wrapper a {
	    color: #FFFFFF !important;
	    background-color: #1b3990 !important;
	}

	ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
		padding: 0px 17px !important;
	}

	#offcanvas-toggler {
   		line-height: 0px;
	}

	ul.accordion-menu li li {
   		text-indent: 10px !important;
   		opacity: 0.9 !important;
	}

	ul.accordion-menu.button-right li > .item-wrapper > .menu-button {
		background-color:  #1b3990;
	}

	ul.accordion-menu.button-left li > .item-wrapper > .menu-button, ul.accordion-menu.button-right li > .item-wrapper > .menu-button {
    	padding: 13px 0px !important;
	}

/* Feature
----------- */
	.tp-leftarrow {
		margin-left: 20px !important;
	}

	.tp-rightarrow {
		margin-right: 20px !important;
	}

/* Slideshow Creative Slider
---------------------------- */
	#sp-feature .ls-layer img {
		z-index: 999 !important;
		position: absolute !important;
	}

	@media only screen and (max-width:767px) {
		#sp-feature {
			/*min-width: 150% !important;*/
			margin-top:  60px;
		}
	}


	/* Abstand mobile Slideshow entfernen 
	------------------------------------*/
		.sp-module {
			margin-top: 0px !important;
		}

/* Main Body
-------------*/
	.itemid-101 #sp-main-body {
		padding: 80px 0px !important;
		background-image: url("/images/template/die-raffinierte-art-zu-mischen.png") !important;
		background-repeat: no-repeat;
		background-size: inherit;
		background-position: 0 100%;
		margin-bottom: 4%;
	}

	.itemid-847 #sp-main-body {
		background-image: url("/images/template/the-sophisticated-way-of-mixing") !important;
		background-repeat: no-repeat;
		background-size: inherit;
		background-position: 0 100%;
		margin-bottom: 4%;
		padding-top: 80px !important;
		padding-bottom: 30px !important;
	}

	@media only screen and (max-width:768px) {
		.itemid-101 #sp-main-body,
		.itemid-847 #sp-main-body {
			padding-top:  25px !important;
		}
	}

	#sp-main-body {
		padding: 20px 0px !important;
		background-image: none !important;
		margin-bottom: 3%;
	}

	article.item {
		margin: 0px !important;
	}

	.pagination > .active > a, .pagination > .active > span {
		background: #1b3990 !important;
		border-color: #1b3990 !important;
	}

	/* Kontaktseite
	--------------- */
	@media only screen and (max-width:768px) and (min-width:0px) {
	div.linkss table.map {
			float: none !important; 
			width: 100% !important;
	}
	}

	.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    	padding: 0px !important;
    	margin-top: 20px !important;
	}

	.convertforms .cf-label {
		font-family: 'Roboto', Arial, sans-serif;
	}

	.itemid-117 .convertforms .cf-input[type="checkbox"] {
    	margin-top: -66px;
	}

	.itemid-802 .convertforms .cf-input[type="checkbox"] {
    	margin-top: -42px;
	}

	.convertforms.cf-success .cf-response {
    background-color: #1b3990 !important;
	}

/* Accordion Slider
------------------- */
	.accordion-toggle {
		background-color: #1b3990 !important;
		color: #FFFFFF !important;
		z-index: 999999 !important;
		font-size:  50px;
	}

	.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
	    background: #1b3990 url(../images/slider-close.png) no-repeat center right !important;
	}

	.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
	    background:  #1b3990 url(../images/slider-open.png) no-repeat center right !important;
	    color: #fff !important;
	    font-weight: 500 !important;
	    border-radius: 0px !important;
	    padding: 10px 13px !important;
	    font-family: 'Roboto', Arial, sans-serif;
	    font-size: 120% !important;
	}

/* Footer
--------- */
	#sp-footer-big {
		padding-bottom: 1% !important;
		padding-top: 2%;
	}

	#sp-footer-big a {
		color: #FFFFFF !important;
		border-bottom: none;
	}

	#sp-footer-big a:hover {
		color: #FFFFFF !important;
		border-bottom: 1px solid #FFFFFF !important;
	}

		@media only screen and (max-width:768px) {
			#sp-footer-big {
				padding-top:  30px !important;
				padding-bottom:  30px !important;
			}
		}

	#sp-bottom3 {
		padding-left:  130px;
	}

		@media only screen and (max-width:1199px) {
			#sp-bottom3 {
				padding-left:  50px;
			}
		}

		@media only screen and (max-width:991px) {
			#sp-bottom3 {
				padding-left:  15px;
			}
		}

	

	#sp-bottom2 {
		padding-left:  50px;
	}

	@media only screen and (max-width:1199px) {
			#sp-bottom2 {
				padding-left:  20px;
			}
		}

	@media only screen and (max-width:991px) {
			#sp-bottom2 {
				padding-left:  15px;
			}
		}
		
/* Error Page
-------------*/
	.error-page body {
		background: #1b3990 !important;
	}

	.error-page h1 {
		color: #FFFFFF !important;
		font-size: 1200% !important;
		font-weight: 500 !important;
		line-height: 100% !important;
		border-top: 1px solid #FFFFFF !important;
		border-bottom: 1px solid #FFFFFF !important;
		display: inline !important;
	}

	.error-page h2 {
		color: #FFFFFF !important;
		font-size: 400% !important;
		margin-top: 70px !important;
		font-weight: 300 !important;
	}

	.error-page h3 {
		color: #FFFFFF !important;
		margin-bottom: 45px !important;
	}

	.error-page a.zbutton {
		color: #FFFFFF !important;
		padding: 15px 50px !important;
		border: 1px solid #FFFFFF !important;
		margin-right: 5px !important;
	}

	.error-page a.button {
		color: #1b3990 !important;
		padding: 15px 30px !important;
		border: 1px solid #FFFFFF !important;
		background: #FFFFFF !important;
		font-weight: 500 !important;
	}

	.error-page a.zbutton:hover, .error-page a.button:hover {
		background: #1b3990 !important;
		color: #FFFFFF !important;
	}

/*  Sitemap
------------ */
	#jmap_sitemap a {
		color: #4d4c4c !important;
	}

	#jmap_sitemap a:hover {
		color: #4d4c4c !important;
		border-bottom: 1px dotted #4d4c4c !important;
	}

	.folder {
		color: #4d4c4c !important;
	}

	img {
		display: inline;
	  vertical-align: baseline !important;
	  }

/* Dotted Outline entfernen
----------------------------*/
	  a {
	   outline: 0 !important;
	}

/* Info-Texte Kontaktfomurlar
---------------------------- */
	.convertforms .cf-control-input-desc {
	    opacity: 1;
	    font-size: 90%;
	}

/* Buttons
---------- */
	.krauskopf-button {
		border-radius: 10px;
		padding: 5px 10px 5px 10px;
		color: #FFFFFF !important;
		background-color: #1b3990 !important;
		/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
		position: absolute !important;
		font-weight:  500;
		margin-top: 10px !important;
	}

	.krauskopf-button a:visited {
		color: #FFFFFF !important;
	}

	.krauskopf-button a:hover {
		color: #FFFFFF !important;
	}

	.btn-default {
		border-color: #1b3990 !important;
	}


/* Einleitungstext Startseite
----------------------------- */
	.itemid-101 #sp-main-body,
	.itemid-847 #sp-main-body {
		color: #FFFFFF !important;
		background-color: #1b3990 !important;
	}

	.itemid-101 #sp-main-body img {
		position: absolute !important;
		margin-left: 50px !important;
		min-width: 350px !important;
	}

	.itemid-847 #sp-main-body img {
		position: absolute !important;
		margin-left: 50px !important;
		min-width: 350px !important;
	}

		@media only screen and (max-width:767px) {
			.itemid-101 #sp-main-body img,
			.itemid-847 #sp-main-body img {
				display: none !important;
			}
		}

	.itemid-101 h1 strong,
	.itemid-847 h1 strong {
		color: #FFFFFF !important;
	}

	.itemid-101 h1,
	.itemid-847 h1 {
		color: #FFFFFF !important;
	}

/* Unsere Produktpalette
------------------------- */
	#sp-unsere-produktpalette h3 {
		text-transform: none !important;
		font-size: 200% !important;
		font-weight: 500 !important;
		margin-left: 15px !important;
		word-break: break-all;
	}

	@media only screen and (max-width:768px) {
		#sp-unsere-produktpalette h3 {
			font-size:  155% !important;
		}
	}

	.itemid-101 #sp-unsere-produktpalette,
	.itemid-847 #sp-unsere-produktpalette {
		padding-top: 3%;
		padding-bottom: 3%;
	}

	.itemid-101 #sp-unsere-produktpalette .col-sm-4.col-md-4,
	.itemid-847 #sp-unsere-produktpalette .col-sm-4.col-md-4 {
		padding-right:  0px !important;
	}

/* Service
----------- */
	#sp-service-fuer-sie h2 {
		text-transform: none !important;
		font-size: 240% !important;
		font-weight: 500 !important;
		margin-top: 0px;
	}

	#sp-service-fuer-sie a:hover {
		border-bottom:  1px solid #FFFFFF;
	}

	#sp-service-fuer-sie a {
		color:  #FFFFFF;
		border-bottom: none;
	}

	#sp-service-fuer-sie {
		margin-bottom: -15px;
	}
		@media only screen and (max-width:1199px) {
			.itemid-101 #sp-service-fuer-sie,
			.itemid-847 #sp-service-fuer-sie {
				padding-bottom: 9%;
    			padding-top: 3%;
			}
		}

	@media only screen and (max-width:768px) {
		#sp-service-fuer-sie img {
			display: none !important;
		}

		.itemid-101 #sp-service-fuer-sie,
		.itemid-847 #sp-service-fuer-sie {
			padding-bottom: 14% !important;
		}
	}

	@media only screen and (max-width:605px) {
		.itemid-101 #sp-service-fuer-sie,
		.itemid-847 #sp-service-fuer-sie {
			padding-bottom: 25% !important;
		}
	}

	/*#sp-service-fuer-sie .krauskopf-button {
		background-color: #FFFFFF !important;
		box-shadow:  none;
		color:  #1b3990 !important;
	}*/

/* TuneMixx
------------ */
	#sp-tunemixx {
		padding-bottom: 2%;
		margin-top: 4%;
	}

	#sp-tunemixx .col-sm-4 {
		padding-left:  0px;
	}

	#sp-tunemixx strong {
		color: #1b3990;
	}

	#sp-tunemixx img {
		position: absolute;
	}
		@media only screen and (max-width:768px) {
			#sp-tunemixx img {
				display: none !important;
			}

			#sp-tunemixx {
				padding-bottom: 23% !important;
				padding-top: 6% !important;
			}

			.itemid-101 #sp-unsere-produktpalette,
			.itemid-847 #sp-unsere-produktpalette  {
				padding-top: 13%;
				padding-bottom: 13%;
			}

			#sp-unsere-produktpalette img {
				padding-bottom: 20px;
			}
		}

	#sp-top3.col-sm-12.col-md-12 {
		padding-left:  28px;
	}

/* Presse Startseite
--------------------- */
	#sp-presse {
		padding-top: 2%;
		padding-bottom: 6%;
		margin-left:  25px !important;
	}

	#sp-presse .sp-module-title {
		font-size: 200%;
		text-transform: none;
		font-weight:  500 !important;
		margin-top:  2%;
	}

	@media only screen and (max-width:768px) {
		#sp-presse img {
			display: none !important;
		}

		#sp-presse {
			padding-bottom: 10% !important;
		}
	}

	#sp-presse .readmore {
		border-radius: 10px;
		padding: 5px 10px 5px 10px;
		color: #FFFFFF !important;
		background-color: #1b3990 !important;
		position: absolute !important;
		font-weight:  500;
		margin-top: 0px !important;
		top:  99%;
	}

	#sp-presse .sp-module ul > li > a::before {
    	display: none;
    }


  #sp-presse .article-separator {
  	display:  none;
  }

  .itemid-101 #sp-footer-big {
  	margin-top:  40px;
  }

/* Newsflash Modul Startseite
------------------------------ */

    .newsflash-horiz.mod-list li {
	    width: 50%;
	    float: left;
	    padding-right: 30px;
	    border-bottom: none;
		}

			@media only screen and (max-width:768px) {
				.newsflash-horiz.mod-list li {
		    	width: 100%;
				}

				.newsflash-horiz.mod-list li:last-child {
					margin-top: 50px !important;
				}
              
              #sp-presse .readmore {
				top:  1%;
              }
			}

		#sp-presse h4 {
			font-size:  140%;
		}

		.newsflash-horiz img {
			float:  left !important;
			margin-left:  0px !important;
			width: 40%;
		}

		.itemid-652 h2, .entry-header h2 {
    	margin: 35px 0px 10px 0px !important;
   	}

   	#sp-presse h2 {
   		font-size:  130%;
   	}

/* Aufzählungszeichen TuneMixx
-------------------------------- */
	#sp-tunemixx ul li {
		margin-bottom: 6px !important;
		padding: 0px 0px 0px 30px !important;
		background: url(../images/aufzaehlungszeichen.png) top left no-repeat !important;
		list-style: none !important;
		border-bottom: none !important;
	}

	.itemid-647 #sp-component ul li,
	.itemid-791 #sp-component ul li  {
		margin-bottom: 6px !important;
		padding: 0px 0px 0px 30px !important;
		background: url(../images/aufzaehlungszeichen.png) top left no-repeat !important;
		list-style: none !important;
		border-bottom: none !important;
		line-height: 1.5em !important;
	}


/* Breadcrumb
---------------- */
	.breadcrumb > .active,
	.breadcrumb .pathway {
		text-transform: uppercase !important;
		color: #1b3990 !important;
	
	}

	.breadcrumb > li {
		text-transform:  uppercase !important;
		color: #1b3990 !important;
	}

	.itemid-101 #sp-position2,
	.itemid-847 #sp-position2 {
		position: absolute !important;
		z-index: 99 !important;
		margin-top: -50px !important;
		width: auto !important;
	}

	#sp-position2 {
		z-index: 99 !important;
		width: 100% !important;
	}

		@media only screen and (max-width:768px) {
			#sp-position2 {
				display: none !important;
			}
		}

	.breadcrumb {
		background-color: transparent !important;
		font-size: 70% !important;
	}

	.breadcrumb .fa,
	.breadcrumb > li + li::before {
		color: #1b3990 !important;
	}

	.itemid-101 .breadcrumb .fa,
	.itemid-101 .breadcrumb > li + li::before,
	.itemid-847 .breadcrumb .fa,
	.itemid-847 .breadcrumb > li + li::before {
		display: none !important;
	}

/* Dekobilder
-------------- */
	@media only screen and (max-width:768px) {
		.itemid-647 .dekobild {
			margin-top: -60% !important;
			width: 70% !important;
		}
	}

/* Simple Image Gallery
------------------------*/
	ul.sigProSeamless li.sigProThumb a.sigProLink, ul.sigProSeamless li.sigProThumb a.sigProLink:hover {
    	background-color: #FFF;
	}

	.sigProContainer.sigProSeamless {
    	margin-top:  25px !important;
    	margin-bottom:  25px !important;
	}

	.sigProThumb {
		margin-right:  5px !important;
	}

/* Glossar
---------- */
	div.current {
	    background-color: #F7F7F7 !important;
	    padding-top: 20px !important;
	    border-color: #F7F7F7 !important;
	    margin-bottom: 5%;
	}

	dl.tabs dt {
    	border: 0px !important;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0px;
	    border-right-color: currentcolor;
	    border-right-style: none;
	    border-right-width: 0px;
	    background: none !important;
	    padding: 0px 20px 0px 20px !important;
	    border-right: 1px solid #1b3990 !important;
	    margin-bottom: 20px !important;
	    margin-left: 0px !important;
	}

	dl.tabs dt.open {
	    background: #1b3990 !important;
	    color: #FFFFFF !important;
	    font-weight: 500 !important;
	}

	dl.tabs dt.open a {
	    font-weight: 500 !important;
	    color: #FFFFFF !important;
	}

	div.termname {
    	color: #1b3990 !important;
    	width: 100%;
		font-size: 120%;
		padding-bottom: 3px;
	}

	div.termcharacteristic p {
    	margin-bottom: 10px;
	}	

/* Anpassungen an den Tabs
----------------------------*/
	.itemid-752 #sp-main-body .nav-tabs li {
		padding-left: 0 !important;
		margin-bottom: -1px !important;
	}

	.itemid-752 #sp-main-body .nav-tabs li a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.itemid-752 #sp-component {
		margin-bottom: 30px !important;
	}

/* Akkordeon-Anpassungen
-------------------------*/
	.accordion-group {
		border-radius: 5px !important;
	}

	.accordion-group:last-of-type {
		margin-bottom: 50px !important;
	}

	.accordion-heading.panel-heading * {
		font-size: 17px !important;
		color: #4d4c4c !important;
		line-height: 165% !important;
		font-family: 'Roboto', Arial, sans-serif;
		border-radius: 5px !important;
	}

	.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle,
	.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
		background-color: #d3d1cd !important;
		background-size: 30px auto !important;
		background-position: center right 10px !important;
		border-radius: 5px !important;
		padding-left: 15px !important;
	}

	.rl_tabs.outline_handles ul.nav-tabs > li a:hover {
		background-color:  #4d4c4c !important;
	}

	.accordion-heading.panel-heading {
		background-color: transparent !important;
	}

	.rl_tabs > ul.nav-tabs > li > a {
		color: #1b3990 !important;
	}

/* Branchen
------------- */
	.itemid-760 .entry-image,
	.itemid-793 .entry-image {
		max-width:  100px !important;
		margin: 50px auto -20px auto !important;
	}

	.itemid-760 .entry-header h2,
	.itemid-760 .entry-header h2 a,
	.itemid-760 .readmore,
	.itemid-793 .entry-header h2,
	.itemid-793 .entry-header h2 a,
	.itemid-793 .readmore {
		text-align:  center;
		font-weight:  500 !important;
		font-size:  100% !important;
		color: #1b3990 !important;
		text-transform:  uppercase;
	}

/* OSDownloads
--------------- */
	input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    	border-color: #1b3990 !important;
	}

	.osdownloads-readmore {
	    float: left;
	    background-color: #1b3990;
	    color: #FFF;
	    padding: 5px 10px;
	    border-radius: 5px;
	}

	.osdownloads-readmore:hover,
	.osdownloads-readmore:visited {
		color:  #FFFFFF;
	}

	#mod_osdownloads_117 ul li {
		margin-left:  0px !important;
	}

	.btn_download {
		margin-bottom:  30px;
	}

	input:focus {
		color:  #1b3990 !important;
	}

	select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #1b3990 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* Darstellung der Spalten unter "mischen/branchen.html"
--------------------------------------------------------- */
	.itemid-760 #sp-component .col-sm-2,
	.itemid-793 #sp-component .col-sm-2 {
		width: calc(100% / 5) !important;
		float: left;
		height: 200px !important;
	}

	.itemid-760 #sp-component img:hover,
	.itemid-793 #sp-component img:hover {
		opacity:  0.7;
		transition: opacity 0.7s ease-in-out;
	}

	.itemid-760 #sp-component .col-sm-2 .entry-header a,
	.itemid-793 #sp-component .col-sm-2 .entry-header a {
		line-height: 23px;
	}

	.itemid-760 #sp-component .col-sm-2 img,
	.itemid-793 #sp-component .col-sm-2 img {
		text-align: center !important;
	}

	.itemid-760 #sp-component .blog,
	.itemid-793 #sp-component .blog {
		padding-bottom: 50px;
	}

	@media screen and (max-width: 991px) {
		.itemid-760 #sp-component .col-sm-2,
		.itemid-793 #sp-component .col-sm-2 {
			width: calc(100% / 3) !important;
		}
	}

	@media screen and (max-width: 480px) {
		.itemid-760 #sp-component .col-sm-2,
		.itemid-793 #sp-component .col-sm-2 {
			width: calc(100% / 2) !important;
		}
	}

/* Ansprechpartner 
-------------------*/
	.itemid-688 .entry-image.intro-image,
	.itemid-804 .entry-image.intro-image {
		-webkit-filter: grayscale(100%);
	}

	.itemid-688 .entry-image.intro-image:hover,
	.itemid-804 .entry-image.intro-image:hover {
		-webkit-filter: grayscale(0%);
		-webkit-transition: 0.2s ease-in-out;
	}

	.itemid-688 .item.column-1,
	.itemid-804 .item.column-1 {
		margin-bottom:  55px !important;
	}

	.itemid-688 .entry-header h2,
	.itemid-804 .entry-header h2 {
		margin-top:  0px !important;
		margin-bottom:  10px;
	}

	.itemid-688 .entry-image,
	.itemid-804 .entry-image {
		margin-bottom:  10px;
	}

/* Serviceleistungen
-------------------- */
	.itemid-726 .entry-image,
	.itemid-798 .entry-image {
		margin-top:  30px;
		margin-bottom:  0px;
	}

	.itemid-726 h3,
	.itemid-798 h3 {
		margin-top:  10px !important;
	}

/* Sprachwechsel
-----------------*/

	#language-switch {
		position: fixed;
		width: 140px !important;
		top: 0;
		left: 90%;
		z-index: 999;
		padding-top: 60px;
		text-align:  right !important;
	}

	#language-switch ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	#language-switch ul li {
		display: inline-block;
	}

	#language-switch ul li img,
	.lang-inline img {
		display: inline-block;
		height: 20px;
		width: 20px;
		border-radius: 10px;
		margin-left: 10px;
	}

	.lang-inline li {
		padding-bottom: 30px;
	}

	#language-switch > .container {
		width:  100% !important;
		padding-right: 50px !important;
	}

	.language-switch-content {
		text-align: right;
		float:  right !important;
	}

	#language-switch img {
		height: 24px;
	}

	@media only screen and (min-width:1400px) {
		#language-switch {
			left: 93%;
		}
	}

	@media only screen and (min-width:2300px) {
		#language-switch {
			left: 95%;
		}
	}

	@media only screen and (max-width:990px) {
		#language-switch {
			left: 85%;
			display: none !important;
		}
	}

	@media only screen and (max-width:690px) {
		#language-switch {
			left: 80%;
		}
	}

	@media only screen and (max-width:480px) {
		#language-switch {
			left: 75%;
		}

		#sp-logo {
			margin-left:  -20px;
		}
	}

	@media screen and (max-width: 991px) {
		#language-switch {

		}
	}


/* Leitbild
----------- */
	.itemid-687 .col-sm-6.col-md-6,
	.itemid-687 .col-sm-12.col-md-12,
	.itemid-719 .col-sm-6.col-md-6,
	.itemid-719 .col-sm-12.col-md-12 {
		padding-left:  0px !important;
		padding-right:  20px;
	}
		@media only screen and (max-width:768px) {
			.itemid-687 .col-sm-6.col-md-6,
			.itemid-687 .col-sm-12.col-md-12,
			.itemid-719 .col-sm-6.col-md-6,
			.itemid-719 .col-sm-12.col-md-12 {
				padding-left:  10px !important;
			}
		}


/* Kontakt
----------- */
	.itemid-117 .col-sm-6.col-md-6,
	.itemid-802 .col-sm-6.col-md-6 {
		padding-left:  0px !important;
		padding-right:  20px;
	}

		@media only screen and (max-width:768px) {
			.itemid-117 .col-sm-6.col-md-6,
			.itemid-802 .col-sm-6.col-md-6 {
				padding-left:  10px;
			}
		}

	/* Abstände Refurbishment + Verschleißwerkstoffe
	------------------------------------------------ */
		.itemid-712 .col-sm-6.col-md-6,
		.itemid-712 .col-sm-12.col-md-12,
		.itemid-792 .col-sm-6.col-md-6,
		.itemid-792 .col-sm-12.col-md-12 {
			padding-left:  0px;
			padding-right:  30px;
		}
		
			@media only screen and (max-width:767px) {
				.itemid-712 .col-sm-6.col-md-6,
				.itemid-712 .col-sm-12.col-md-12,
				.itemid-792 .col-sm-6.col-md-6,
				.itemid-792 .col-sm-12.col-md-12 {
					padding-left:  15px;
					padding-right:  15px;
				}
			}

/* Positionierung Branchen Icons 
--------------------------------- */
	.deko-icon {
		margin-top:  -150px;
	}

/* Double Click Maps */
	#twoclickmap a {
		color:  #FFF;
	}

/* Abstand Sprachwechsel-Buttons im Footer
--------------------------------------------*/

	#sp-bottom3 .lang-inline {
		padding-top: 60px;
	}

/* Suche
---------- */
	#mod-search-searchword {
		width:  100%;
		margin-left: 14px;
	}

		@media only screen and (max-width:767px) {
			#mod-search-searchword {
				width:  90%;
				margin-left: 0px;
				margin-bottom:  70px;
			}
		}

	#sp-bottom1 input[type="text"] {
		box-shadow:  none !important;
		border:  none !important;
		border-radius:  5px !important;
	}

	.icon-search {
    display: none;
	}


/* Suchergebnisse
----------------- */
	.search .btn-toolbar button {
		background: #1b3990 !important;
	}

	.search dt.result-title, .search dt.result-title a {
		color: #1b3990 !important;
	}

	.search .result-category, .search .form-limit {
		display: none !important;
	}

	.search .result-text {
		line-height: 165% !important;
	}

	input#search-searchword.inputbox {
		width:  1200px !important;
	}

	.btn.hasTooltip {
		margin-top:  20px;
		margin-bottom:  30px;
		width:  580%;
	}

	.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #1b3990;
    border-color: #1b3990;
	}

/* Sucheleiste im Header
-------------------------*/

	section#sp-suche {
		position: fixed;
		margin: 0 auto;
		z-index: 9999;
		width: 100% !important;
		text-align: right !important;
	}

	section#sp-suche .container {
		width: 100% !important;
	}

	#mod-search-searchword {
		margin: 0 !important;
	}

		@media screen and (max-width: 3000px) {

			section#sp-suche {
				width: auto !important;
				right: 10px !important;
				top: 15px !important;
			}

			section#sp-suche .container {
				width: auto !important;
			}

		}

		@media screen and (max-width: 990px) {

			section#sp-suche {
				width: auto !important;
				right: 130px !important;
				top: 39px !important;
			}

			section#sp-suche .container {
				width: auto !important;
			}
		}

		@media screen and (max-width: 989px) {

			section#sp-suche {
				width: auto !important;
				right: 60px !important;
				top: 38px !important;
			}
		}

		@media screen and (max-width: 767px) {

			section#sp-suche {
				width: auto !important;
				right: 60px !important;
				top: 57px !important;
			}
		}

		@media screen and (max-width: 530px) {
			section#sp-suche {
				display: none !important;
			}
		}

	section#sp-suche #mod-search-searchword {
		width: 200px;
		float: right;
		margin-top: 15px;
		margin-right: 15px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNjY2NjY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjIgMjIiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5pY19zZWFyY2g8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiM2NjY2NjYiPjxwYXRoIGQ9Ik0xNS40OTE3Njg0LDE0LjA3NzU1NDggTDIwLjQ4ODUzNTgsMTkuMDc0MzIyMiBDMjAuODc3MjYyNywxOS40NjMwNDkyIDIwLjg3ODUyODMsMjAuMDkyMDM0NCAyMC40ODUyODE0LDIwLjQ4NTI4MTQgQzIwLjA5NDc1NzEsMjAuODc1ODA1NyAxOS40NTU5NzEyLDIwLjg3MDE4NDggMTkuMDc0MzIyMiwyMC40ODg1MzU4IEwxNC4wNzc1NTQ4LDE1LjQ5MTc2ODQgQzEwLjkzOTEyNTMsMTcuOTM0MjY2MiA2LjM5OTQ0MzkzLDE3LjcxMzE1MjQgMy41MTQ3MTg2MywxNC44Mjg0MjcxIEMwLjM5MDUyNDI5MiwxMS43MDQyMzI4IDAuMzkwNTI0MjkyLDYuNjM4OTEyOTYgMy41MTQ3MTg2MywzLjUxNDcxODYzIEM2LjYzODkxMjk2LDAuMzkwNTI0MjkyIDExLjcwNDIzMjgsMC4zOTA1MjQyOTIgMTQuODI4NDI3MSwzLjUxNDcxODYzIEMxNy43MTMxNTI0LDYuMzk5NDQzOTMgMTcuOTM0MjY2MiwxMC45MzkxMjUzIDE1LjQ5MTc2ODQsMTQuMDc3NTU0OCBMMTUuNDkxNzY4NCwxNC4wNzc1NTQ4IFogTTEzLjQxNDIxMzYsMTMuNDE0MjEzNiBDMTUuNzU3MzU5MywxMS4wNzEwNjc4IDE1Ljc1NzM1OTMsNy4yNzIwNzc5NCAxMy40MTQyMTM2LDQuOTI4OTMyMTkgQzExLjA3MTA2NzgsMi41ODU3ODY0NCA3LjI3MjA3Nzk0LDIuNTg1Nzg2NDQgNC45Mjg5MzIxOSw0LjkyODkzMjE5IEMyLjU4NTc4NjQ0LDcuMjcyMDc3OTQgMi41ODU3ODY0NCwxMS4wNzEwNjc4IDQuOTI4OTMyMTksMTMuNDE0MjEzNiBDNy4yNzIwNzc5NCwxNS43NTczNTkzIDExLjA3MTA2NzgsMTUuNzU3MzU5MyAxMy40MTQyMTM2LDEzLjQxNDIxMzYgWiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: 10px center;
		padding-left: 40px;
	}

 	/* .itemid-101 #sp-service-fuer-sie {
    min-height: 550px;
  }*/


/* Kacheln Ersatz- und Verschleissteile
--------------------------------------- */
 .itemid-928 #sp-main-body .col-sm-3 img,
 .itemid-796 #sp-main-body .col-sm-3 img {
  	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.32);
  }

.itemid-928 #sp-main-body .col-sm-3,
.itemid-796 #sp-main-body .col-sm-3 {
  	margin-bottom: 10px;
  	padding-left: 0px;
}

/* Image Swap
------------- */
    .imageBox {
      position: relative;
      float: left;
    }

    .imageBox .hoverImg {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
    }

    .imageBox:hover .hoverImg {
      display: block;
    }
    
    div.col-4  h2{
        font-size: 30px !important;
    }