@charset "UTF-8";
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }

@font-face{
	font-family:"MetaCompPro-Book W01 Regular";
	src:url("../fonts/90515b91-4492-4ddc-8dc4-3d2cb36e69ca.eot?#iefix");
	src:url("../fonts/90515b91-4492-4ddc-8dc4-3d2cb36e69ca.eot?#iefix") format("eot"),url("../fonts/3f228e48-0714-461a-ad7f-d9fa1382807a.woff2") format("woff2"),url("../fonts/20bf5e52-30ac-4a2b-9db7-1d7436e293bf.woff") format("woff"),url("../fonts/5f1eee24-a783-43d2-ad68-75604cc9f05b.ttf") format("truetype"),url("../fonts/276eaf23-0045-47d1-8c20-53ba2b6c9c73.svg#276eaf23-0045-47d1-8c20-53ba2b6c9c73") format("svg");
}
@font-face{
	font-family:"MetaWeb W07 Medium";
	src:url("../fonts/0f6b04a2-bce6-4f2e-8865-98b9baf4cde4.eot?#iefix");
	src:url("../fonts/0f6b04a2-bce6-4f2e-8865-98b9baf4cde4.eot?#iefix") format("eot"),url("../fonts/6993d18b-e647-4480-8b97-5f55018a740c.woff2") format("woff2"),url("../fonts/083dd35d-000e-438c-903f-5a3c2c99c0bb.woff") format("woff"),url("../fonts/90100e1d-5ade-4664-96cd-312b87e9bc04.ttf") format("truetype"),url("../fonts/2ec653b1-2666-4ea3-89b0-94364522684b.svg#2ec653b1-2666-4ea3-89b0-94364522684b") format("svg");
}
@font-face{
	font-family:"MetaCompPro-Bold W01 Regular";
	src:url("../fonts/ffa70b6d-1f49-44a8-a728-1869c881510f.eot?#iefix");
	src:url("../fonts/ffa70b6d-1f49-44a8-a728-1869c881510f.eot?#iefix") format("eot"),url("../fonts/94400875-1ce0-47f5-b278-c6ccfa287f52.woff2") format("woff2"),url("../fonts/3acf28fb-87d9-4146-b959-a0e26918dc14.woff") format("woff"),url("../fonts/a2e92583-d34d-4e2a-9b1b-ffa7a1ab4fb3.ttf") format("truetype"),url("../fonts/326632ff-6fcc-4b8f-88e0-63c10ae46c57.svg#326632ff-6fcc-4b8f-88e0-63c10ae46c57") format("svg");
}
@font-face{
	font-family:"MetaWeb W07 Black";
	src:url("../fonts/0b71fd17-cc9e-4a2c-b5f2-4b5a708d2fc5.eot?#iefix");
	src:url("../fonts/0b71fd17-cc9e-4a2c-b5f2-4b5a708d2fc5.eot?#iefix") format("eot"),url("../fonts/7ea61bd8-5b55-42df-83cc-1388366b456c.woff2") format("woff2"),url("../fonts/f2ae1bec-fd60-4f7f-88ed-e8e9edbb8780.woff") format("woff"),url("../fonts/57d2e1ff-40c1-4639-a10b-edd66e5a30f6.ttf") format("truetype"),url("../fonts/fe8248c1-f739-4f09-9ba7-ca9c4fcbb0e8.svg#fe8248c1-f739-4f09-9ba7-ca9c4fcbb0e8") format("svg");
}
@font-face {
	font-family: 'kroker';
	src: url('../fonts/kroker.eot');
	src: url('../fonts/kroker.eot?#iefix') format('embedded-opentype'),
		url('../fonts/kroker.woff') format('woff'),
		url('../fonts/kroker.ttf') format('truetype'),
		url('../fonts/kroker.svg#kroker') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

html,
button { color:rgb(102,102,102); }
input,
select,
textarea { color:rgb(76,131,168); }


body { font-size:100%; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; line-height:1.625em; letter-spacing:.035em; color:#000; /*background-color:#f4f4f4;*/ /*background-color:rgba(234, 238, 241, 0.2);*/ background-color:#F4F6F8; }

::-moz-selection { background:#355B75; color:#FFF; text-shadow: none; }
::selection { background:#355B75; color:#FFF; text-shadow: none; }
.chromeframe { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; }
.wrapper { width:100%; padding:0 1em; margin:auto; overflow:hidden; }

@media screen and (min-width:1300px){ 
	body { font-size:106.25%; }
	.wrapper { width:78.75rem; padding:0; }
}

h1, h2, h3, h4, nav, label { font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; letter-spacing:.05em; text-transform:uppercase; }
h1, h2, h3, h4 { line-height:1.2em; margin:0; color:#355B75; letter-spacing:.05em; }
h1, h2 { font-family:'MetaCompPro-Book W01 Regular',Helvetica,Arial,sans-serif; }
h1 { font-size:2.75em; line-height:1.125em; margin-top:1rem; margin-bottom:.5rem; }
h2 { font-size:2em; letter-spacing:.075em; }
h3 { font-size:1.25em; letter-spacing:.075em; line-height: 1.4em; }
h4 { font-size:1.125em; letter-spacing:.075em; line-height:1.4em; }

ul, ol { margin:0; padding:0; margin-left:20px; }

a, span { text-decoration:none; color:inherit; 
	-webkit-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	transition:all .3s ease-out; 
} 
b, strong { font-family:'MetaWeb W07 Black',Helvetica,Arial,sans-serif; font-weight:normal; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { /*vertical-align: middle;*/ }
table { margin:1em 0; }
table p { margin:0; }


/* GRID */

.row { width:auto; margin-left:-.5em; margin-right:-.5em; }
.row:before, 
.row:after { content:" "; display:table; }
.row:after { clear:both; }
.columns { float:left; padding-left:.5em; padding-right:.5em; }
.push { float:right; }

@media screen and ( max-width:600px ) {
	.small-1 { width:33.333333%; }
	.small-2 { width:66.666666%; }
	.small-3 { width:100%; }
	.small-push { float:right; }
}

@media screen and ( min-width:600px ) and ( max-width:1000px ) {
	.medium-1 { width:16.66667%; }
	.medium-2 { width:33.33333%; }
	.medium-3 { width:50%; }
	.medium-4 { width:66.66667%; }
	.medium-5 { width:83.33333%; }
	.medium-6 { width:100%; }
	.medium-push { float:right; }
}

@media screen and ( min-width:1000px ) {
	.large-1 { width:8.333333%; }
	.large-2 { width:16.66667%; }
	.large-3 { width:25%; }
	.large-4 { width:33.33333%; }
	.large-5 { width:41.66667%; }
	.large-6 { width:50%; }
	.large-7 { width:58.33333%; }
	.large-8 { width:66.666666%; }
	.large-9 { width:75%; }
	.large-10 { width:83.333333%; }
	.large-11 { width:91.666666%; }
	.large-12 { width:100%; }
	.large-push { float:right; }
	/*.row { margin-left:-2em; margin-right:-2em; }
	.columns { padding-left:2em; padding-right:2em; }*/
}

@media screen and ( min-width:600px ) and ( max-width:1000px ) {
	.medium-offset-1 { margin-left:16.66667%; }
}

@media screen and ( min-width:1000px ) {
	.large-offset-1 { margin-left:33.333333%; }
	.large-offset-2 { margin-left:66.666666%; }
}



/*
|--------------------------------------------------------------------------
| Form Globals
|--------------------------------------------------------------------------
*/


input, 
button,
select,
textarea { border:none; outline:0; background-color:#FFF; font-size:1rem; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; }

input,
select,
textarea { border:2px solid rgba(0, 0, 0, .4); 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

input, 
select, 
textarea { width:100%; padding:15px; line-height:1.625em; }
textarea { height:250px; }
input[type="radio"],
input[type="checkbox"] { width:auto; box-shadow:none; }

input[type="submit"],
button,
.button-1st-lvl { width:100%; background:#355B75; padding:15px 70px; line-height:1.625em; color:#FFF; font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; text-transform:uppercase; letter-spacing:.075em;
	-webkit-transition:all .3s ease-out; 
	-moz-transition:all .3s ease-out; 
	transition:all .3s ease-out; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

input[type="submit"]:hover,
button:hover,
.button-1st-lvl:hover { background-color:#29485C; }


.button-2nd-lvl { display:block; padding:3px 2px 3px 0; color:rgba(53, 91, 117,1); font-size:.875em; font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; letter-spacing:.15em; text-transform:uppercase; text-decoration:none !important; }
.button-2nd-lvl:hover { color:rgba(53, 91, 117,.75); }
.button-2nd-lvl::after { content:"\232A"; position:absolute; width:10px; height:30px; margin:2px 0 0 10px; font-family:Helvetica,Arial,sans-serif; }

fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
label { font-size:.875em; text-transform:uppercase; }
select { padding:15px; height:58px; }

.required-hint { float:left; font-weight:300; font-size:.75em !important; }
.error, .error .required { color:#ff003b; }
.terms { display:none; }
#errormessage { display:none; padding:1rem; text-align:center; background-color:#ff003b; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px; 
}
#errormessage.show { display:block; }
#errormessage ul { padding:0; margin:0; text-align:center; }
#errormessage ul li { list-style:none; padding:0; color:#FFF;  }
#errormessage ul li::before { display:none; }


/*
|--------------------------------------------------------------------------
| Icons
|--------------------------------------------------------------------------
*/

.icon-burger,
.icon-phone,
.icon-map,
.icon-download,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-down,
.icon-heart,
.icon-search,
.icon-overview,
.icon-video,
.icon-upload,
.icon-mail,
.icon-facebook,
.icon-googleplus,
.icon-offer,
.icon-x-mark,
.icon-zoom,
.icon-youtube,
.icon-twitter,
.icon-kroker,
.icon-ebay { display:block; width:50px; height:50px; text-align:center; direction:ltr; text-indent:-9999px; position:relative; }

[class*='icon-']:before{ 
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 1.5em;
	text-indent: 0;
	font-family: 'kroker';
}
.icon-burger:before{content:'\0041';}
.icon-phone:before{content:'\0042';}
.icon-map:before{content:'\0043';}
.icon-download:before{content:'\0044';}
.icon-arrow-left:before{content:'\0045';}
.icon-arrow-right:before{content:'\0046';}
.icon-arrow-down:before{content:'\0047';}
.icon-heart:before{content:'\0048';}
.icon-search:before{content:'\0049';}
.icon-overview:before{content:'\004a';}
.icon-video:before{content:'\004b';}
.icon-upload:before{content:'\004c';}
.icon-mail:before{content:'\004d';}
.icon-facebook:before{content:'\004e';}
.icon-googleplus:before{content:'\004f';}
.icon-offer:before{content:'\0050';}
.icon-x-mark:before{content:'\0051';}
.icon-zoom:before{content:'\0052';}
.icon-youtube:before{content:'\0053';}
.icon-twitter:before{content:'\0054';}
.icon-kroker:before{content:'\0055';}
.icon-ebay:before{content:'\0056';}



/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/


header { position:relative; background-color:#FFF; }
.logo a { display:block; width:100%; padding:1rem; margin:1rem 0; background-image:url(../img/logo_vital-center-kroker-magnetfeldsysteme.jpg); background-repeat:no-repeat; background-position:center; background-size:contain; text-indent:-9999px; }

.header-contact,
.searchform#searchform { display:none; }

@media screen and (min-width:1000px){
	.header-contact,
	.searchform#searchform { display:block; }
	.header-contact .office-hours { display:none; }
	.logo,
	.searchform { float:left; }
	.header-contact { float:right; }
	.logo { margin:.5rem 0 1.125rem; }
	.logo a { display:block; width:380px; height:100px; background-image:url(../img/logo_vital-center-kroker-magnetfeldsysteme.jpg); background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; }
	.header-contact__options { float:right; margin:2.325em 0 0 1em; }
	.header-contact__options .tel { font-size:1.75em; color:#355B75; font-family:'MetaCompPro-Bold W01 Regular'; font-weight:normal; }
	.header-contact__options .tel::before { content:""; float:left; width:30px; height:40px; margin-top:2px; background-image:url(../img/icons.png); background-position:0 -350px; background-repeat:no-repeat; }
	.header-contact__options .mail { display:block; padding:.5em 2em .7em; margin-top:1em; background:#86b817; color:#fff; font-size: .875em; text-align: center;}
	.header-contact__options .mail:hover { background:#76a314; }
}
@media screen and (min-width:1260px){
	.header-contact .office-hours { display:block; float:left; margin-top:3.5rem; line-height:1.4em; font-size:.875em; }
	.header-contact .office-hours span { display:block;}
	.header-contact .office-hours span.office-hours-headline { font-family:'MetaCompPro-Bold W01 Regular'; font-weight:normal; }
	.header-contact__options .tel { margin-top:2em; } 
}



/*
|--------------------------------------------------------------------------
| Suche
|--------------------------------------------------------------------------
*/


@media screen and (min-width:1000px){
	.searchform#searchform { margin:4em 0 0 6em; }
	.searchform#searchform label { display:none; }
	.searchform#searchform input[type="text"], 
	.searchform#searchform button[type="submit"] { float:left; padding:10px 10px 10px; border:none; outline:0; }

	.searchform#searchform input[type="text"] { width:180px; width:16vw; height:50px; background-color:#FBFBFB; 
		-webkit-border-radius:3px 0 0 3px;
		-moz-border-radius:3px 0 0 3px;
		border-radius:3px 0 0 3px;
	}
	.searchform#searchform button[type="submit"] { width:50px; height:50px; background-color:#FBFBFB; border-left: 1px solid #EAEEF1;
		-webkit-border-radius:0 3px 3px 0;
		-moz-border-radius:0 3px 3px 0;
		border-radius:0 3px 3px 0;
	}
	.searchform#searchform button[type="submit"]::before { color:#355B75; top:12px; right:2px; }
	.searchform#searchform button[type="submit"]:hover,
	.searchform#searchform button[type="submit"]:focus { background-color:#EAEEF1; }
}

@media screen and (min-width:1050px){
	.searchform#searchform { margin-left:10em; margin-left:11vw; }
}

@media screen and (min-width:1100px){
	.searchform#searchform input[type="text"] { width:21vw; }
}

@media screen and (min-width:1260px){
	.searchform#searchform { margin-left:6em; }
	.searchform#searchform input[type="text"] { width:180px; }
}

/*
|--------------------------------------------------------------------------
| Mainnavi
|--------------------------------------------------------------------------
*/

#nav { margin:auto; background-color:#355B75; position:relative; z-index:3;
	-webkit-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
	-moz-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
	box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
}
#nav .wrapper { padding:0; }

#nav .nav-lvl-1,
#mobile-menu ul.mobile { display:none; }

#nav ul.mobile { width:100%; height:45px; margin-left:0; position:relative; }
#nav ul.mobile li { width:15%; display:inline-block; margin-left:-2%; text-align:center; vertical-align:middle; }
#nav ul.mobile li:first-child { width:70%; margin-left:0; }
#nav ul.mobile .icon-search,
#nav ul.mobile .icon-phone,
#nav ul.mobile .icon-burger { display:block; width:100%; height:45px; text-align:center; color:#FFF; }
#nav ul.mobile .icon-search:before,
#nav ul.mobile .icon-phone:before,
#nav ul.mobile .icon-burger:before { top:9px; }
#nav ul.mobile .icon-search:before { font-size:1.625em; }
#searchform-mobile label { display:none; }
#searchform-mobile input { float:left; width:78.5715%; height:45px; padding:0.6em 1em; font-size:1rem; color:#FFF; background:rgb(127,185,49); background:rgba(255,255,255,.3); border:none; }
#searchform-mobile input::-webkit-input-placeholder { color:rgb(255,255,255); color:rgba(255,255,255,.5); }
#searchform-mobile input::-moz-placeholder { color:rgb(255,255,255); color:rgba(255,255,255,.5); }
#searchform-mobile input::-ms-input-placeholder { color:rgb(255,255,255); color:rgba(255,255,255,.5); }
#searchform-mobile input::-moz-placeholder { color:rgb(255,255,255); color:rgba(255,255,255,.5); }
#searchform-mobile input::placeholder { color:rgb(255,255,255); color:rgba(255,255,255,.5); }
#searchform-mobile button[type="submit"].icon-search { float:left; width:21.4285%; padding:initial; background:transparent; }

.js #nav ul.mobile .search a.icon-search/*,
.no-js #searchform-mobile */{ display:none; }


@media screen and (min-width:450px) {
	/*#nav .wrapper { padding:0 1em; }*/
	#nav ul.mobile li { width:12%; margin-left:-1.5%; }
	#nav ul.mobile li:first-child { width:76%; }
	#searchform-mobile input { width:84.2106%; }
	#searchform-mobile button[type="submit"].icon-search { width:15.7894%; }
}

@media screen and (min-width:1000px) {
	#nav ul.mobile li.search { display:none; }
	#nav ul.mobile li.phone { float:left; }
	#nav ul.mobile li.nav { float:right; }
	#nav ul.mobile .icon-phone:before { opacity:0; 
		-webkit-transition:all .3s ease-out; 
		-moz-transition:all .3s ease-out; 
		transition:all .3s ease-out; 
	}
	#nav.is_stuck ul.mobile .icon-phone:before { opacity:1; }
}	

@media screen and (min-width:1260px){
	#nav .wrapper { overflow:visible; }

	#nav ul.mobile,
	#nav .nav-lvl-1 #hersteller-infos,
	#nav .nav-lvl-1 #navitem-indikationen { display:none; }

	#nav .nav-lvl-1 { display:inline; margin:0; }
	#nav .nav-lvl-1 li { display:inline-block; margin-right:-5px; position:relative; cursor:pointer;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#nav .nav-lvl-1 li a,
	#nav .nav-lvl-1 li span { display:block; padding:20px 1.25em 20px; color:#FFF; 
		-webkit-transition:all .3s ease-out; 
		-moz-transition:all .3s ease-out; 
		transition:all .3s ease-out; 
	}
	#nav .nav-lvl-1 li.active,
	#nav .nav-lvl-1 li:hover { background:rgba(85,85,85,.25);
		-webkit-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
		-moz-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
		box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.5);
	}
	#nav .nav-lvl-1 li.active { background:rgba(85,85,85,.5); }


	#nav .nav-lvl-1 .nav-lvl-2 { display:none; opacity:0; visibility:hidden; width:300px; padding:0; margin:0; position:absolute; top:65px; left:0; background-color:#FFF;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-transiton: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-transition: opacity 0.2s;
	}
	#nav .nav-lvl-1 .nav-lvl-2 li { display:block; background-color:rgba(75,86,94,1); color:#FFF; text-shadow:0 -1px 0 #000; position:relative; 
		-webkit-box-shadow:inset 0 5px 10px 0 rgba(19,33,42,.5);
		-moz-box-shadow:inset 0 5px 10px 0 rgba(19,33,42,.5);
		box-shadow:inset 0 5px 10px 0 rgba(19,33,42,.5);
	}
	#nav .nav-lvl-1 .nav-lvl-2 li a,
	#nav .nav-lvl-1 .nav-lvl-2 li span { color:#FFF; }
	#nav .nav-lvl-1 .nav-lvl-2 li:hover { background-color:rgb(101,111,118); }
	#nav .nav-lvl-1 .nav-lvl-2 .active a,
	#nav .nav-lvl-1 .nav-lvl-2 .active span { color:rgb(142,180,204); 
		-webkit-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.25);
		-moz-box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.25);
		box-shadow:inset 0 -5px 10px 0 rgba(19,33,42,.25);
	}
	#nav .nav-lvl-1 li:hover ul { display:block; opacity:1; visibility:visible; }
	#nav .nav-lvl-1 li:hover ul ul { display:none; opacity:0; visibility:hidden; }


	#nav ul li ul li ul { position:absolute; top:0; left:305px; }
	#nav ul li ul li ul li { background:#444; }
	#nav ul li ul li ul li:hover { background:#777; }
	#nav ul li ul li:hover ul { display:block; opacity:1; visibility:visible; }
}

@media screen and (min-width:1260px) {
	#nav .nav-lvl-1 li:first-child {
		display: none;
	}
}
@media screen and (min-width:1300px) {
	#nav .nav-lvl-1 li a {
		padding-left: 1.125em;
		padding-right: 1.125em;
	}
}
#nav .nav-lvl-1 li a.offers {
	position: relative;
}
#nav .nav-lvl-1 li a.offers:after {
	background: #86b817;
	bottom: .75em;
	content: "";
	left: .5em;
	margin: auto;
	position: absolute;
	right: .5em;
	top: .75em;
	z-index: -1;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border-radius: 3px;
}
#nav .nav-lvl-1 li a.offers:hover:after,
#nav .nav-lvl-1 li.active a.offers:after {
	background: transparent;
}

/*
|--------------------------------------------------------------------------
| Breadcrumb
|--------------------------------------------------------------------------
*/

.breadcrumb { margin:2em 0 -1em; }
.breadcrumb ul { margin:0 0 0 -10px; }
.breadcrumb ul li { float:left; display:inline-block; font-size:.875em; }
.breadcrumb ul li:first-child { width:100%; margin-left:10px; }
.breadcrumb ul li a { text-decoration:underline; 
	-webkit-transition:all .1s ease-out; 
	-moz-transition:all .1s ease-out; 
	transition:all .1s ease-out; 
}
.breadcrumb ul li a:hover { text-decoration:none; color:inherit; color:#5E5E5E; }
.breadcrumb ul li::before { content:"⟩"; margin:0 10px; }
.breadcrumb ul li:first-child::before { content:""; margin:0; }


@media screen and (min-width:600px){
	.breadcrumb ul { margin:0; }
	.breadcrumb ul li:first-child { width:auto; margin-left:0; }
}




/*
|--------------------------------------------------------------------------
| Slider
|--------------------------------------------------------------------------
*/

.slider:not(.slick-initialized) { display:none; /* prevents F.O.U.C. */ }
.slider_wrapper { position:relative; margin:0; background-color:#FFF; box-shadow:0 1px 1px rgba(0, 0, 0, 0.07); }
.slide_inner { width:100%; margin:0; position:relative; }
.slide_inner figcaption { position:absolute; top:20%; left:5%; width:30%; }
.slide_inner figcaption h3 { margin-left:-5px; font-size:1em; font-size:3vw; }
.slide_inner figcaption p { display:none; }


@media screen and (min-width:1000px){
	.slide_inner figcaption { width:520px; }
	.slide_inner figcaption h3 { font-size:2em; }
	.slide_inner figcaption p { display:block; }
}

@media screen and ( min-width:1260px ){
	.slide_inner figcaption { left:8%; }
}

@media screen and ( min-width:1440px ){
	.slide_inner { max-width:1440px; margin:auto; }
	.slide_inner figcaption { left:100px; }
}





/*
|--------------------------------------------------------------------------
| Content
|--------------------------------------------------------------------------
*/

#content { padding-top:2em; }

/*#content .row .columns .row .columns { margin-top:-1em; }*/


@media screen and (min-width:600px) {
	.content-blk { padding:0 0 1em; }
}

.content-blk-inner { padding:1em; }

.content-blk a { text-decoration:underline; }
.content-blk a:hover { text-decoration:none; }
.content-blk img { width:100%; height:auto; margin:0; }




.content-blk .headline { font-size:1.75em; line-height:1.125em; }
.content-blk h2,
.content-blk h3 { margin:1em 0; }
/*.content-blk img { margin:1.6em 0;}*/

p { margin:1.25rem 0; }



.content-blk .picture { margin:1em 0; }
/*.content-blk .picture img { margin:0; }*/




@media screen and (min-width:600px) {
	.content-blk .picture { float:left; }
	.content-blk .picture { width:41.66667%; margin:1.5em 2em 1.5em 0; }
	.content-blk .picture.right { float:right; margin:1.5em 0 1.5em 2em; }
	.content-blk .headline { font-size:2.125em; }
}

@media screen and (max-width:999px) {
	#content .wrapper { padding:0; }
}

@media screen and (min-width:1000px) {
	/*#content .wrapper { padding:2em; }
	.content-blk { padding-bottom:2em; }*/
	.content-blk-inner { padding:1em; margin:0; }

	.content-blk .headline { font-size:2.75em; }
}

@media screen and (min-width:1300px) {

	.content-blk-inner { padding:2em; }
}



.teaser,
#products { margin-top:0; margin-bottom:0; }

#applikatoren .applikator-name,
#applikatoren .applikator-zusatz { text-align:center; }
#applikatoren .applikator-zusatz { margin-top:-1em; }



/*#content .wrapper,*/
.content-blk-inner,
.teaser-1st-lvl,
.teaser-2nd-lvl,
.teaser-3rd-lvl { border:1px solid rgba(0, 0, 0, .1); background-color:#FFF; 
	-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


.teaser { margin-top:1em; }

@media screen and (min-width:1000px){
	.teaser { margin-top:1em; }
}

.teaser a { text-decoration:none; }
.teaser-1st-lvl { overflow:hidden; }


/* ########## */


.teaser-1st-lvl { margin-bottom:1em; background-color:transparent; }
.teaser-1st-lvl h3 { padding:.5em 1em; margin-top:-7px; margin-bottom:0; color:#FFF; font-size:1em; background-color:#355B75; text-align:center; }
.teaser-1st-lvl img { margin:0; }


@media screen and (min-width:1000px) {
	.teaser-1st-lvl h3 { padding:.875em 1em; font-size: 1.25em; text-align:left; 
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		transition:all .3s ease-out;
	}
	.teaser-1st-lvl:hover { 
		-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
		box-shadow:0 2px 1px rgba(0, 0, 0, 0.1);
	}
	.teaser-1st-lvl:hover h3 { background-color:rgba(53,91,117,0.9); }
}



/* ########## */


.teaser-2nd-lvl { margin-bottom:1em; }
.teaser-2nd-lvl div { padding: 2em 1.5em 1.125em; }

@media screen and (min-width:1000px) {
	.teaser-2nd-lvl div { padding:2em 0 1.125em 2em; }
}

/* ########## */

.teaser-3rd-lvl { margin-bottom:1em; }
.teaser-3rd-lvl .teaser-img { width:100%; padding:1em 1em 0; text-align:center; }
.teaser-3rd-lvl .teaser-img img { width:80%; height:auto; vertical-align:top; }
.teaser-3rd-lvl .teaser-text { width:100%; padding:1em; }

.teaser-3rd-lvl h4 { font-size:1em; }
.teaser-3rd-lvl p { margin:0; }
.teaser-3rd-lvl p.tel { margin-top:.75em; color:rgba(53, 91, 117,1); font-size:1em; font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; letter-spacing:.15em; }
.teaser-3rd-lvl p.tel::before { content:""; float:left; width:25px; height:40px; margin-top:2px; background-image:url(../img/icons.png); background-position:-32px -347px; background-repeat:no-repeat; }
.teaser-3rd-lvl .button-2nd-lvl { margin-top:1em; margin-bottom:0; }


@media screen and (min-width:400px) {
	.teaser-3rd-lvl .teaser-img { width:30%; float:right; padding:.25em 0 0; }
	.teaser-3rd-lvl .teaser-text.img-incl { width:70%; float:left; }
}

@media screen and (min-width:600px) {
	.teaser-3rd-lvl .teaser-img { position:relative; height:100%; }
	.teaser-3rd-lvl .teaser-img img { position:absolute; top:0; bottom:0; left:0; right:0; width:auto; height:auto; max-width:100%; margin:auto; }
}

@media screen and (min-width:1000px) {
	.teaser-3rd-lvl { overflow:hidden; }
	.teaser-3rd-lvl .teaser-img,
	.teaser-3rd-lvl .teaser-text { padding:1.5em; }
	.teaser-3rd-lvl h4 { font-size:1.125em; }
}




.featured .inner { background:rgba(75,86,94,1);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.featured p { padding:.9em 1em 1em; margin:0; color:#fff; text-align:center; font-size:1em; font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; letter-spacing:.05em; }

@media screen and (min-width:1000px) {
	.featured p { font-size:1.25em; }
}





/*
|--------------------------------------------------------------------------
| Hersteller-Logos
|--------------------------------------------------------------------------
*/

#manufactures-logos { display:none; }
#content .manufactures-logos-container { margin-left:-2em; }
#content .manufactures-logo { width:50%; height:80px; float:left; text-align:center; }
#content .manufactures-logo a { display:block; }
#content .manufactures-logo .manufactures-logo-img { width:auto; height:auto; margin:0; }
#content .manufactures-logo .manufactures-logo-firmname { display:block; height:80px; padding-top:1.25em; }


@media screen and (min-width:450px){
	#content .manufactures-logos-container { margin-left:-1em; }
	#content .manufactures-logo { width:33.33333%; }
}

@media screen and (min-width:600px){
	#content .manufactures-logo { width:25%; }
}

@media screen and (min-width:700px){
	#content .manufactures-logos-container { margin-left:-2em; }
}

@media screen and (min-width:1000px){
	#content .manufactures-logos-container { margin-left:-4em; }
}


@media screen and (min-width:1260px){
	#manufactures-logos { display:block; padding:.5em 0 .25em; background-color:rgb(243, 245, 247); position:relative; z-index:1;
		-webkit-box-shadow:0 3px 10px 0 rgba(19,33,42,.25);
		-moz-box-shadow:0 3px 10px 0 rgba(19,33,42,.25);
		box-shadow:0 3px 10px 0 rgba(19,33,42,.25);
	}
	.manufactures-logos-headline-container { float:left; }
	.manufactures-logos-headline { margin-top:.5rem; text-transform:none; }
	.manufactures-logos-text { display:block; color:#355B75; font-size:.875em; font-family:'MetaCompPro-Bold W01 Regular',Helvetica,Arial,sans-serif; font-weight:normal; }
	.manufactures-logos-text::after { content:"\232A"; float:right; margin-top:-10px; margin-left:16px; font-size:3.5em; font-family:Helvetica,Arial,sans-serif; }
	.manufactures-logos-container { float:right; margin-right:2em; }
	.manufactures-logo { float:left; margin-left:.125em; }
	.manufactures-logo:first-child { margin-left:0; }
	.manufactures-logo.narrow { margin-left:-1em; margin-right:-1.5em; }
	.manufactures-logo img { width:90%; height:auto; opacity:1; 
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		transition:all .3s ease-out;
	}
	.manufactures-logo-firmname { display:block; padding:1em 1.5em; color:#355B75; }
	.manufactures-logo:hover img,
	.manufactures-logo:hover span { opacity:.7; }


	#content .manufactures-logos-container { float:left; margin:1em 2em 0 0; }
	#content .manufactures-logo { width:auto; margin-left:1.5em; }
	#content .manufactures-logo:first-child { margin-left:-.5em; }
	#content .manufactures-logo.narrow { margin-left:1em; margin-right:-1em; }
	#content .manufactures-logo.extra-narrow { margin-left:-0.25em; margin-right:0; }
	#content .manufactures-logo img { width:auto; height:auto; margin:0; }
}






/*
|--------------------------------------------------------------------------
| Contact Form
|--------------------------------------------------------------------------
*/

#contactformular { position:relative; margin-top:2em; }
#contactformular .columns { margin-bottom:.5em; }
#contactformular .gender_lb { margin-right:1em; }
#contactformular .gender_lb input[type="radio"] { margin-right:.5em; }
#contactformular label .hint { font-size:.75em; }
#contactformular .required-hint { margin:.5em 0; }
#contactformular input[type="submit"] { width:100%; margin:.5em 0 1em; }
#contactformular #errormessage { margin-top:.5em; margin-bottom:1em; }
#contactformular #mail-erfolgreich-verschickt h2 { margin-top:0; }
#contactformular #topic { height: 100px; }

.note_bithday { display: inline-block; letter-spacing: .015em; }

.indikationen-form-container { margin:2em 0 3em; }
.indikationen-form-container #contactformular { margin-top:1em; }
.hersteller-indikationen-form-container { padding:6em 0 2em; }

@media screen and (min-width:1000px){
	#contactformular { margin-top:-3em; }
	.indikationen-form-container #contactformular { margin-top:0; }

}



/*
|--------------------------------------------------------------------------
| Suche
|--------------------------------------------------------------------------
*/

.searchresults form { margin:2em 0; }
.searchresults form label { display:none; }
.searchresults form input[type="text"],
.searchresults form input[type="submit"] { width:100%; margin-bottom:1em; }

.searchresults .pagina { margin:4em 0 2em; }
.searchresults .pagina.bottom { padding-top:2em; margin-top:2em; border-top:1px solid rgba(0, 0, 0, .1); }
.searchresults .pagina span { display:inline-block; margin-right:1em; }
.searchresults .pagina span.nav { float:right; margin-right:0; }
.searchresults .pagina span.nav a { display:inline-block; padding:.25em; }
.searchresults .pagina span:first-child { padding:.25em 0; }

.searchresults .searchresults-list { margin:0; }
.searchresults .searchresults-list h2 { font-size:1.325em; margin-top:.875rem; }
.searchresults .searchresults-list p { margin-top:-1em; }
.searchresults .searchresults-list a { text-decoration:none !important; }
.searchresults .searchresults-list li { display:block; padding:1em; background-color:rgba(255,255,255,1); list-style:none; border-top:1px solid rgba(0, 0, 0, .1); 
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.searchresults .searchresults-list li:hover { background-color:rgba(234, 238, 241, 0.3); }


@media screen and (min-width:600px){
	.searchresults form input[type="text"] { width:50%; float:left; }
	.searchresults form input[type="submit"] { width:auto; float:left; margin-left:1em; }
	.searchresults .searchresults-list h2 { font-size:1.5em; }
}

@media screen and (min-width:1000px){
	.searchresults .searchresults-list h2 { font-size:2em; }
}

@media screen and (min-width:1260px){
	.searchresults form { height:40px; margin:2em 0; }
	.searchresults .searchresults-list li { padding:1em 2em; } 
}




/*
|--------------------------------------------------------------------------
| Hersteller-Seiten
|--------------------------------------------------------------------------
*/

.manufacture-list { margin-top:1em; }
.manufacture-list .manufacture-container {}
.manufacture-list .manufacture-logo { width:50%; float:left; margin:0 0 1em; text-align:center; }
.manufacture-list .manufacture-logo .inner { height:100%; background-color:rgb(243,245,247); position:relative; }
.manufacture-list .manufacture-logo a { display:block; text-decoration:none; }
.manufacture-list .manufacture-logo-img { padding:1em; margin:0; opacity:1; 
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.manufacture-list .manufacture-logo-firmname { display:block; padding:25%; }
.manufacture-list .manufacture-logo:hover img,
.manufacture-list .manufacture-logo:hover span { opacity:.7;}
.manufacture-list .manufacture-list-info { clear:both; margin-left:1em; font-size:.875em; }
.manufacture-list .manufacture-list-info sup { margin-right:5px; }


@media screen and (min-width:450px){
	.manufacture-list .manufacture-logo { width:33.33333%; }
}

@media screen and (min-width:600px){
	.manufacture-list .manufacture-logo { width:25%; }
}

@media screen and (min-width:1100px){
	.manufacture-list .manufacture-logo-img { width:80%; margin:1em auto; }
}




#hersteller-nav { display:none; }
.hersteller-nav-container .button-2nd-lvl { margin-top:1em; }
.hersteller-nav-container .button-2nd-lvl.back::after { position:relative; float:left; content:"\2329"; margin:2px 15px 0 -10px; }



@media screen and (min-width:1000px){
	.hersteller-infoseite h1 { margin-bottom:1.5rem; }
	.hersteller-nav-container .button-2nd-lvl { margin-top:3em; margin-left:1em; }

	#hersteller-nav { display:block; padding-right: 3em; }
	#hersteller-nav .hersteller-nav-headline { margin-top:1.25em; margin-bottom:1.65em; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; font-weight:normal; }
	#hersteller-nav .hersteller-nav-headline a { text-decoration:none; }
	#hersteller-nav .hersteller-nav-level-1 { margin-left:-5px; font-size:1.25em; }
	#hersteller-nav .hersteller-nav-level-1 a,
	#hersteller-nav .hersteller-nav-level-1 span { display:block; padding:10px; text-decoration:none; }
	#hersteller-nav .hersteller-nav-level-1 li { list-style:none;}
	#hersteller-nav .hersteller-nav-level-1 li:hover a,
	#hersteller-nav .hersteller-nav-level-1 li:hover span,
	#hersteller-nav .hersteller-nav-level-1 li.active a,
	#hersteller-nav .hersteller-nav-level-1 li.active span { color:#355B75; }
	#hersteller-nav .hersteller-nav-level-1 li a::before,
	#hersteller-nav .hersteller-nav-level-1 li span::before { width:0; content:"\203A"; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; float:left; margin:-4px 5px 4px 0; font-size:1.75em; opacity:0; 
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		transition:all .3s ease-out;
	}
	#hersteller-nav .hersteller-nav-level-1 li:hover a::before,
	#hersteller-nav .hersteller-nav-level-1 li:hover span::before,
	#hersteller-nav .hersteller-nav-level-1 li.active a::before,
	#hersteller-nav .hersteller-nav-level-1 li.active span::before { opacity:1; width:15px; }

	/* ########## */

	#hersteller-nav .hersteller-nav-level-2 { margin:.5em 0 1em 10px; font-size:1rem; }
	#hersteller-nav .hersteller-nav-level-2 li a,
	#hersteller-nav .hersteller-nav-level-2 li span { padding:5px 20px; }
	#hersteller-nav .hersteller-nav-level-2 .active a,
	#hersteller-nav .hersteller-nav-level-2 .active span { color:rgb(142,180,204) !important; }

	#hersteller-nav .hersteller-nav-level-2 li a::before,
	#hersteller-nav .hersteller-nav-level-2 li span::before { width:0 !important; opacity:0 !important; visibility:hidden; margin:-3px 4px 4px 0; }
	#hersteller-nav .hersteller-nav-level-2 li:hover a::before,
	#hersteller-nav .hersteller-nav-level-2 li:hover span::before,
	#hersteller-nav .hersteller-nav-level-2 li.active a::before,
	#hersteller-nav .hersteller-nav-level-2 li.active span::before { width:13px !important; opacity:1 !important; visibility:visible; }

	/* ########## */

	#hersteller-nav .hersteller-nav-level-3 { margin:10px 0 5px 30px; font-size:.875rem; }
	#hersteller-nav .hersteller-nav-level-3 li,
	#hersteller-nav .hersteller-nav-level-3 li:hover { margin-top:-1em; }

	#hersteller-nav .hersteller-nav-level-2 li.active .hersteller-nav-level-3 li.active a,
	#hersteller-nav .hersteller-nav-level-2 li.active .hersteller-nav-level-3 li.active span { color:rgb(142,180,204) !important; }
	#hersteller-nav .hersteller-nav-level-3 li a,
	#hersteller-nav .hersteller-nav-level-3 li span { padding:12px 20px !important; }
	#hersteller-nav .hersteller-nav-level-2 .hersteller-nav-level-3 li a::before,
	#hersteller-nav .hersteller-nav-level-2 .hersteller-nav-level-3 li span::before { width:0 !important; opacity:0 !important; visibility:hidden; margin:-2px 2px 4px 0; }
	#hersteller-nav .hersteller-nav-level-3 li:hover a::before,
	#hersteller-nav .hersteller-nav-level-3 li:hover span::before,
	#hersteller-nav .hersteller-nav-level-3 li.active a::before,
	#hersteller-nav .hersteller-nav-level-3 li.active span::before { width:12px !important; opacity:1 !important; visibility:visible; }

	/* ########## */

	#hersteller-nav .navlink-indikationen,
	#hersteller-nav .hersteller-nav-level-1 li:first-child .hersteller-nav-level-2 li:last-child a { color:indianred !important; }
}



#nav-indikationen { display:none; }
.nav-indikationen-container .button-2nd-lvl { margin-top:1em; }
.nav-indikationen-container .button-2nd-lvl.back::after { position:relative; float:left; content:"\2329"; margin:2px 15px 0 -10px; }



@media screen and (min-width:1000px){
	.hersteller-infoseite h1 { margin-bottom:1.5rem; }
	.nav-indikationen-container .button-2nd-lvl { margin-top:3em; margin-left:1em; }

	#nav-indikationen { display:block; padding-right: 3em; }
	#nav-indikationen .nav-indikationen-headline { margin-top:1.25em; margin-bottom:1.65em; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; font-weight:normal; }
	#nav-indikationen .nav-indikationen-headline a { text-decoration:none; }
	#nav-indikationen .nav-indikationen-level-1 { margin-left:-5px; font-size:1.25em; }
	#nav-indikationen .nav-indikationen-level-1 a,
	#nav-indikationen .nav-indikationen-level-1 span { display:block; padding:10px; text-decoration:none; }
	#nav-indikationen .nav-indikationen-level-1 li { list-style:none;}
	#nav-indikationen .nav-indikationen-level-1 li:hover a,
	#nav-indikationen .nav-indikationen-level-1 li:hover span,
	#nav-indikationen .nav-indikationen-level-1 li.active a,
	#nav-indikationen .nav-indikationen-level-1 li.active span { color:#355B75; }
	#nav-indikationen .nav-indikationen-level-1 li a::before,
	#nav-indikationen .nav-indikationen-level-1 li span::before { width:0; content:"\203A"; font-family:'MetaWeb W07 Medium',Helvetica,Arial,sans-serif; float:left; margin:-4px 5px 10px 0; font-size:1.75em; opacity:0; 
		-webkit-transition:all .3s ease-out;
		-moz-transition:all .3s ease-out;
		transition:all .3s ease-out;
	}
	#nav-indikationen .nav-indikationen-level-1 li:hover a::before,
	#nav-indikationen .nav-indikationen-level-1 li:hover span::before,
	#nav-indikationen .nav-indikationen-level-1 li.active a::before,
	#nav-indikationen .nav-indikationen-level-1 li.active span::before { opacity:1; width:15px; }

	/* ########## */

	#nav-indikationen .nav-indikationen-level-2 { margin:.5em 0 1em 10px; font-size:1rem; }
	#nav-indikationen .nav-indikationen-level-2 li a,
	#nav-indikationen .nav-indikationen-level-2 li span { padding:5px 20px; }
	#nav-indikationen .nav-indikationen-level-2 .active a,
	#nav-indikationen .nav-indikationen-level-2 .active span { color:rgb(142,180,204) !important; }

	#nav-indikationen .nav-indikationen-level-2 li a::before,
	#nav-indikationen .nav-indikationen-level-2 li span::before { width:0 !important; opacity:0 !important; visibility:hidden; margin:-3px 4px 4px 0; }
	#nav-indikationen .nav-indikationen-level-2 li:hover a::before,
	#nav-indikationen .nav-indikationen-level-2 li:hover span::before,
	#nav-indikationen .nav-indikationen-level-2 li.active a::before,
	#nav-indikationen .nav-indikationen-level-2 li.active span::before { width:13px !important; opacity:1 !important; visibility:visible; }

	/* ########## */

}



.list-indikationen-container .headline { margin-bottom:2rem; }
.list-indikationen { margin:0 0 2em; }
.list-indikationen .indikationen.col1 { border-right:1px solid #F4F6F8; padding-right:2em;}
.list-indikationen .indikationen.col2 { padding-left:3em; }
.link-indikation { display:block; }
.indikation-detail .headline { margin-bottom:2rem; }
.indikation-detail h2 { margin: .5em 0; }
.indikation-detail .picture.right { margin-top:.5em; }
.indikation-detail .button-1st-lvl { display:inline-block; width:auto; margin:1.5em 0 2em; text-decoration:none;}
.testimonial-container { margin:1em 0; }
.testimonial { border:1px solid rgba(0, 0, 0, .1); padding:1.5em;
	-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.testimonial-text { margin:0; font-style: italic; }
.testimonial-name { text-align:right; display: block; margin: 1em 0 0; }




.sticky-btn { padding:1.5em; background:#355B75; }
.sticky-btn-head { color:white; text-align: center; margin:0; font-size: 1rem; text-transform: none;}
.sticky-btn-button { margin-top:1em; background:#86b817; }
.sticky-btn-button:hover { background:#76a314; }

@media screen and (min-width:1000px){
	.sticky-btn-container { position:fixed; bottom:0; right:0; max-width:350px; }
	.sticky-btn { padding:1em 1.5em; }
}


/*
|--------------------------------------------------------------------------
|  Accordion
|--------------------------------------------------------------------------
*/

.accordion .button-2nd-lvl { display:inline-block; margin-bottom:0; }
.accordion .button-2nd-lvl:first-child { margin-right:2.5em; }
.accordion-block { margin:2em 0 0; }
.accordion-block h2 { font-size:1.325em; margin-bottom:.5em; }

.collapsible { padding:.5em 0; margin:0;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.collapsible:hover { cursor:pointer; background-color:rgba(102, 102, 102, 0.1); }
.collapsible h3 { margin:0 0 0 32px !important; font-size:1em; color:#666; text-transform:none; letter-spacing:.0525em; }

.collapse-open,
.collapse-open:hover { background-color:rgba(102, 102, 102, 1); }
.collapse-open span,
.collapse-close span { display:block; width:32px; height:30px; float:left; margin-top:-3px; background-image:url(../img/icons.png); background-repeat:no-repeat; }
.collapse-open span { background-position:-8px -511px; }
.collapse-close span { background-position:-8px -460px; }
.collapse-open h3 { color:#FFF; }

.collapsible-container { background-color:rgba(249,249,249,1) }
.collapsible-content { padding:1em; margin:0 0 1em; }
.collapsible-content h4 { font-size:1em; margin-top:.5em; }
.collapsible-content p { margin:1em 0; }
.collapsible-content img { margin:3em 0 !important; }


.collapsible-content .button-1st-lvl { margin: 1em 0 2em; display:inline-block; text-decoration: none; width:100%; text-align:center; }



@media screen and (min-width:600px){	
	.accordion-block h2 { font-size:1.5em; }
	.collapsible-content .button-1st-lvl { width:auto; }
}

@media screen and (min-width:1000px){
	.accordion .button-2nd-lvl { margin-bottom:1em; }
	.accordion-block h2 { font-size:2em; }
	.collapsible h3 { font-size:1.25em; }
	.collapse-open span,
	.collapse-close span { margin-top:0; }
	.collapsible-content { padding:2em; }
	.collapsible-content h4 { font-size:1.125em; }
}



/*
|--------------------------------------------------------------------------
| Slideout
|--------------------------------------------------------------------------
*/

.stickem-container { position:relative; }
.stickem { display:none; }
.stickit { display:block; position:fixed; right:0; z-index:10000; }
.stickit-end { bottom:0; right:0; position:absolute; }
.stickem.contact-slideout { top:100px; }

#contact-slideout-button { width:70px; height:70px; right:0px; background-color:#355B75; cursor:pointer; 
	-webkit-box-shadow:inset -5px 0 10px 0 rgba(19,33,42,.5);
	-moz-box-shadow:inset -5px 0 10px 0 rgba(19,33,42,.5);
	box-shadow:inset -5px 0 10px 0 rgba(19,33,42,.5);
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
}
#contact-slideout-button::before { content:""; width:50px; height:50px; position:absolute; top:10px; left:10px; background:url(../img/icons.png) no-repeat 10px -298px; }

.slideout { position:fixed; top:100px; right:0px; width:350px; height:340px; padding:1.5em 2em; margin-right:-350px; background-color:rgba(75,86,94,1); 	
	text-shadow:0 -1px 0 #000; 
	-webkit-box-shadow:inset 10px 0 10px 0 rgba(19,33,42,.25);
	-moz-box-shadow:inset 10px 0 10px 0 rgba(19,33,42,.25);
	box-shadow:inset 10px 0 10px 0 rgba(19,33,42,.25);
}
.slideout h3 { margin-bottom:1.5rem; font-size:2em; color:#FFF; letter-spacing:0; text-transform:none; }
.slideout h4 { margin-bottom:.5rem; color:rgb(142,180,204); }
.slideout section:first-child h4 { margin-bottom:.25rem; }
.slideout p { margin:0 0 .75em; color:#FFF; }
.slideout a.button-1st-lvl { display:block; padding:.75em; margin-top:1em; color:#FFF; text-align:center; letter-spacing:.075em; text-transform:uppercase; background:rgba(255,255,255,.1); 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.slideout a.button-1st-lvl:hover { color:#FFF; background:rgba(255,255,255,.05); }
.slideout.fancybox-margin { margin-right:-350px; }




/*
|--------------------------------------------------------------------------
| fancyBox v2.1.5
|--------------------------------------------------------------------------
*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:18020; }
.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.fancybox-opened { z-index:18030; }
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, 
.fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }

.fancybox-image, 
.fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }

#fancybox-loading { background-image:url(../img/fancybox_sprite.png); }
.fancybox-close,
.fancybox-prev span, 
.fancybox-next span { background-image:url(../img/icons.png); }

#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:18060; }
#fancybox-loading div { width:44px; height:44px; background:url(../img/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position:absolute; top:0; right:-3em; width:25px; height:30px; background-position:2px -550px; cursor:pointer; z-index:18040; }

.fancybox-nav { position:absolute; top:0; width:30%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(../img/blank.gif); /* helps IE */ z-index:18040;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-prev { left:0; }
.fancybox-next { right:0; }

.fancybox-nav span { position:absolute; top:50%; width:50px; height:100px; margin-top:-100px; cursor:pointer; z-index:18040; visibility:hidden; }
.fancybox-prev span { left:10px; background-position:0 -50px; }
.fancybox-next span { right:10px; background-position:0 -150px; }
.fancybox-nav:hover span { visibility:visible; }

.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; }


/* Overlay helper */

.fancybox-lock { overflow:hidden !important; width:auto; }
.fancybox-lock body { overflow:hidden !important; }
.fancybox-lock-test { overflow-y:hidden !important; }

.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:18010; background: url(../img/fancybox_overlay.png); }
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }

.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }

/* 
Title helper */

.fancybox-title { visibility:hidden; position:relative; text-shadow:none; z-index:18050; }
.fancybox-opened .fancybox-title { visibility:visible; }

.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:18050; text-align:center; }
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */  background:rgba(0, 0, 0, 0.8); text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; }
.fancybox-title-inside-wrap { padding-top:10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8); }




/*
|--------------------------------------------------------------------------
| jQuery App Folders Plugin 0.2
|--------------------------------------------------------------------------
*/

#content .row .columns .row#applikatoren .columns { margin-top:0; }
.app-folders-container { width:100%; margin:0 auto 2em; padding:1px; overflow:hidden; }
.app-folders-container .row { margin:0; }
.app-folders-container .columns { padding:2em; margin-bottom:0; }

.jaf-container > div.folder { position:relative; cursor:pointer; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jaf-container > div.folder:first-child { margin-left:0; }
.jaf-container { position:relative; }
.jaf-row { zoom:1; }

.folder { outline:1px solid rgba(0, 0, 0, .1); outline-offset:0; background-color:rgba(255,255,255,1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.folder .applikator-name { padding-left:1rem; padding-right:1rem; }
.folder .applikator-img-thumb { opacity:1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.folder:hover .applikator-img-thumb { opacity:.75; }

.folder::before,
.folder::after {
	position: absolute;
	bottom: -1px;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	margin-left: 7px;
	border-left: 0 solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 0 solid transparent;
	-webkit-transition: bottom 0.8s ease-in;
	-moz-transition: bottom 0.8s ease-in;
	transition: bottom 0.8s ease-in;
}

.active-tool { z-index:2; }

.active-tool::before,
.active-tool::after {
	bottom: -1px;
	margin-left: -7px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid rgba(0,0,0,.1);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.active-tool::after { bottom:-3px; border-bottom-color:#FFF; }

.folderContent { padding:1em; overflow:hidden; border:1px solid rgba(0,0,0,.1); background-color:#FFF; 
	-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	transition:all .3s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}


.folderContent .columns { padding:0 2em; }
.folderContent .applikator-text-headline { margin:2rem 0 1rem; }
.folderContent .applikator-text { padding-right:1em; }
.folderContent .applikator-img { padding:2em 1em 0 0; }
.folderContent .applikator-img img { margin:0; }


@media screen and (max-width:659px){
	h3.applikator-name { font-size:.875em; }
	.applikator-zusatz { display:none; }
	.app-folders-container .columns.folder { padding:.5em; }
	.folderContent .columns { padding:0; }
	.folderContent .applikator-text-headline { margin-top:1rem; }
	.folderContent .applikator-text p { margin:1rem 0; }
}

@media screen and (min-width:660px) and (max-width:999px){
	.folderContent .columns { padding:0 1em; }
	.folderContent .applikator-text-headline { margin-top:1rem; }
}




/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

footer { margin-top:2em; background:#EAEEF1; text-align:center; }
footer .wrapper { padding:2em 1em 0; }
footer .columns { margin-bottom:1.5em; }

footer a { color:inherit; }
footer a:hover { color:#323232; }
footer img { margin:1em 0; }
footer p { margin:1rem 0; }
footer h4 { margin-bottom:-.5rem; }
.button-2nd-lvl { margin-top:-1em; margin-bottom:1em; }

.footer-bottom { padding:0; }
.footer-nav ul { margin-left:0; list-style:none; }
.footer-nav li { display:inline-block; font-size:.875em; opacity:.5; }
.footer-nav li:first-child { display:block; }
.footer-nav li a,
.footer-nav li span { padding:.25em .5em; }

.herzstiftung-logo { padding:0 15%; }
.herzstiftung-logo img { width:100%; height:auto; max-width:250px; }

.social-logo { text-align:center; }
.social-logos ul { width:100%; padding:0 15%; margin:1.5em auto; }
.social-logos li { display:inline-block; margin:0 .5em 0 .5em; }
.social-logos li .icon { display:block; width:80px; height:80px; opacity:1;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.social-logos li .icon-facebook { background-color:#3B5897; }
.social-logos li .icon-googleplus { background-color:#DC4E40; }
.social-logos li .icon-youtube { background-color:#D24735; }
.social-logos li .icon-ebay { background-color:#355B75; }
.social-logos li .icon:hover { opacity:.8; }
.social-logos li [class*='icon-']:before { padding:23px; font-size:2.25em; color:#FFF; }
.social-logos li .icon-facebook:before { font-size:2.25em; top:-2px; left:-2px; }
.social-logos li .icon-googleplus:before { font-size:2.75em; top:-6px; left:-3px; }
.social-logos li .icon-youtube:before { font-size:2.5em; top:-4px; left:-2px; }
.social-logos li .icon-ebay:before { font-size:3.5em; top:-12px; left:-9px; }


@media screen and (min-width:600px){
	.footer-content { text-align:left; }
	.footer-nav li:first-child { display:inline-block; }
	.herzstiftung-logo { padding:0; }
	.social-logos ul { padding:0; }
	.social-logos li { margin:0 1em 0 0; }
}

@media screen and (min-width:600px) and (max-width:999px){
	.footer-content .columns:first-child { width:100%; text-align:center; }
}

@media screen and (min-width:1000px){
	.footer-bottom { padding:0; margin-top:1em; }
	.footer-nav.columns { margin:-1em 0 1em; }
	.footer-nav ul { text-align:left; }
	.footer-nav li:first-child { margin-left:0; }
	.footer-nav li a,
	.footer-nav li span { padding:3px 0; }

	.social-logos,
	.social-logos ul { text-align:left; }
	.social-logos li .icon-youtube:before { left:-4px; }
	.social-logos li .icon-ebay:before { left:-10px; }
}

@media screen and (min-width:1300px){
	footer .wrapper { padding:2em 0 0; }
}



/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/
.ir { background-color:transparent; border:0; overflow:hidden;
	/* IE 6/7 fallback */ 
	*text-indent:-9999px;
}
.ir:before { content:""; display:block; width:0; height:150%; }

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden { display:none !important; visibility:hidden; }

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible { visibility:hidden; }

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after { clear:both; }

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix { *zoom: 1; }


/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
	}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {

	* { background:transparent !important;  color:#000 !important; /* Black prints faster: h5bp.com/s */  box-shadow:none !important; text-shadow:none !important; }

	a,
	a:visited { text-decoration:underline; }

	/*    a[href]:after {
	content: " (" attr(href) ")";
}*/

	/*    abbr[title]:after {
	content: " (" attr(title) ")";
}*/


	/* Don't show links for images, or javascript/internal links */
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content: ""; }

	pre,
	blockquote { border:1px solid #999; page-break-inside: avoid; }

	thead { display:table-header-group; /* h5bp.com/t */ }

	tr,
	img { page-break-inside:avoid; }
	img { max-width:100% !important; }

	@page { margin:0.5cm; }

	p,
	h2,
	h3 { orphans:3; widows:3; }

	h2,
	h3 { page-break-after:avoid; }



	header { margin-top:3em; }
	header .wrapper { padding:0 50px; margin:auto; }
	header .logo { margin-right:18%; }
	header .logo a { display:block; width:380px; height:100px; background-image:url(../img/logo-institut_provital-magnetfeldsysteme.png) !important; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; }

	#nav .nav-lvl-1 li a, 
	#nav .nav-lvl-1 li span	{ color:#000 !important; }

	#content .wrapper { width:1024px; border:none; padding:1em 0;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;
	}

	.contact-slideout,
	#searchform,
	#manufactures-logos,
	.teaser,
	footer { display:none; }

}