html { height: 100%; margin-bottom: 1px;} 
.nav_mobil, .header_mobil, .header_mobil.kreis, .header_mobil.container-nav{ display:none;}

@font-face {font-family: MyCustomFont;src: url("../fonts/trebuc.eot");}

@font-face {font-family: MyCustomFont;src: url("../fonts/trebuc.woff");}

@font-face {font-family: MyCustomFont;src: url("../fonts/trebuc.ttf");}

body { background:#A4A4A4; font-size:15px;	font-family:MyCustomFont,arial, tahoma; color:#4b4b4d;}

header {background:url(../img/verlauf.png)repeat-x; position:relative; background-size:100% 100%;}
div.header { background:#073E6B;padding:0em;margin:0em;z-index:1; position:relative; }
div.header img { z-index:1; position:relative;}


div.container { max-width:1200px; width:100%;padding:0px; background-color:#fff; box-shadow:0px 5px 5px 0px #000; position:relative; }

/*Navigation oben*/
.container-nav {background:rgba(9,43,76,0.7); position:absolute;min-height:50px; width:100%;z-index:2;bottom:0px; padding-right:1em;}
.navbar-nav li{ margin-right:2em; }
.navbar-nav  li  a {padding:15px 30px;color:#fff;font-size:1.1em;}
.navbar-nav  li  a:hover, .navbar-nav  li  a.active{text-decoration: none; background-color: rgba(110,181,224,1.0);color:rgba(255,255,255,1.0);}
/*Navigation oben*/


h1 {color:#87888A;font-size:2.6em; line-height:1.2em;margin-bottom:1.2em;position:relative; display:block;}
h2 {font-weight:bold;font-size:1.4em;}
h3 {font-size: 20px;color:#fff;padding:0.2em;padding-left:5em;}
a {color:#87888A;}

h1 span{ font-weight:bold;color: #6EB5E0;margin-right:20px;}


div.row.content {margin-left:2em;margin-right:2em;margin-top:0px;padding-left:3em;padding-right:3em; padding-top:4em;position:relative;} 
div.imgprodukte{margin-left:7em;}


a#branding { float:left; padding:0.5em 0;}

div.dropdown nav ul.open { position:relative;}
div.dropdown .dropdown-menu { position:absolute; top:37px; left:40px; background:#c0beb4; padding:0.5em;}
div.dropdown .dropdown-menu li { display:block; border-bottom:1px solid #a0a0a0; padding:0 1em;}
div.dropdown .dropdown-menu li a { color:#111830; background:none; border:none!important;}

div.dropdown 				{ padding:1em 0;}
div.dropdown > nav > ul > a  { color:#fff!important; border:1px solid #4c4f5c; font-size:18px;} 
div.dropdown > nav > ul > a:hover  { color:#d2cfc3!important;} 


div.dropdown nav ul 		{ float:right;}
div.dropdown nav ul li 		{ display:inline-block; padding-left:2em;}
div.dropdown nav ul li a 		{ display:block; color:#d2cfc3; border:1px solid rgba(0,0,0,0); text-decoration:none; padding:0.5rem 0.7rem; border-radius:4px; font-size:18px; height:40px;}
div.dropdown nav ul li a:hover 	{ border:1px solid #4c4f5c;}



div.produkte { width:50%;margin-left:4em;}
div.con { max-width:1200px; width:100%;padding:0em;}
div.kontaktbox{background-color:#6EB5E0;z-index:1;margin-top:2em;position:relative;}
div.box{margin-left:6.5em;}
div.smile{margin-left:-2em;}
checkbox, .radio { margin-top: 20px;}

/*Formular*/
.blau{float:right;padding:0.2em 0.5em;background:#6EB5E0; color:#FFF; font-size:18px; position:relative; left:-20%;}
.satz{font-size:18px;margin-bottom:2em;}
.line{ width:100%; display:inline-block;min-height:2px;margin-bottom:20px;}
.line_feed{ width:60%; display:inline-block;min-height:2px;margin-bottom:20px;}
.line h3{color:#4b4b4d;font-size: 1.1em;padding:0.2em;padding-left:0em;}
.links,.rechts,.label,.feld{width:50%;display:inline-block;float:left;color:#4b4b4d;font-size:15px; text-align:left;}
.label{padding: 0em 0em 0.6em 0em;}
.links .label, .rechts .label{width:45%;}
.form-control,.feld_select,.form-control_area {border: 1px solid #ddd;width:90%;height: 27px;padding: 6px 12px;font-size: 14px;line-height: 1.5;color: #555;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin-bottom:1em;
}
.feld_select {display: block;padding: 4px 12px; height:29px;}
.form-control_area {display: block;padding: 4px 12px; min-height:60px;}

.feed{float:left;width:25%; text-align:center;}
.feed img{margin:0px auto;width:30%;;margin-bottom:1.5em;}
.label ul,.feed ul{ list-style-type:none;}
.label ul li,.feed ul li{ margin-bottom:1.5em;margin-left:-2em;}
.feed ul li{ margin-bottom:1.5em;margin-left:-3em;}

.btn {background:#6EB5E0;margin-bottom:2em;color:#fff;box-shadow:0px 2px 2px 0px #333;}  
.btn-default a{color:#fff;}
/*Formular*/

div.kreis{position:absolute;left:8%;bottom:-15%; z-index:3;width:18%;}
div.kreis img{width:100%;}


div.boxangebot{background-color:#E3E4E4;}
div.boxangebot p {color:#A4A4A4;}
div.boxangebot{margin-left:2em;margin-right:2em;margin-top:1em;}


div.teaser { color:#fff; padding-top:215px;}
div.teaser h2	{color:#01DF3A; font-size:38px; margin-bottom:15px;}
div.teaser p	{ font-size:25px; font-weight:lighter; margin-bottom:30px;}

div.teaser a { background:#fff; border:1px solid #fff; padding:0.7em 1em; color:#32395d; font-weight:bold; font-size:18px; transition:all 0.3s ease-in-out;}
div.teaser a:hover { background:rgba(255,255,255,0.7)}

div.teaser a:last-child { background:none; color:#fff; margin-left:0.5em;}
div.teaser a:last-child:hover { background:#FFF; color:#32395d;}

div.teaserbar				{ padding-top:4em;}
div.teaserbar div div { background: url(../img/bg-teaserbar-div.png) no-repeat #f2f1ee; text-align:center; padding:1.5em; font-size:18px;}
	
div.teaserbar div:nth-child(1) div	{ background-position:-422px -320px}
div.teaserbar div:nth-child(2) div	{ background-position:-23px -320px}
div.teaserbar div:nth-child(3) div 	{ background-position:right -320px}

div.teaserbar div div strong { display:block;}
div.teaserbar div div span.glyphicon { font-size:48px; color:#ff6c00; margin-bottom:0.3em;}
div.teaserbar div:nth-child(2) div span.glyphicon { color:#f12801;}
div.teaserbar div:nth-child(3) div span.glyphicon { color:#3999b8;}


div.headline { text-align:left; color:#424242; }/*padding:140px 0 90px 0;*/
div.headline h1 { font-size:36px;}
div.headline p { font-size:25px; font-weight:lighter;}

div.headline { text-align:left; color:#424242; padding:140px 0 90px 0;}
div.headline h3 { font-size:36px;}




div.content ol.breadcrumb:before { content:'Sie befinden sich hier:'; font-weight:bold}
div.content ol.breadcrumb { background:none; padding:0; font-size:13px;}	
div.content ol.breadcrumb a { color:#fff;}	
div.content ol.breadcrumb li.active a { text-decoration:underline;}	

button.accordion, div.collapse div.well  { border-radius:0;}

button.accordion { background:#6EB5E0; border:none; display:block; width:100%; text-align:left; color:#24262d; font-weight:bold; padding:1em;}
button.accordion:hover { background:#6EB5E0;; color:#24262d;}
div.content div.well { background:#6EB5E0; border:none;}


/*footer*/

footer {  background-color:#6EB5E0; position:relative;color:#fff;padding:2em; z-index:1;}
footer ul img {width:80%;padding:0px;margin:0px;}
footer div { width:100%; text-align:center;color:#d2cfc3;background-color:#6EB5E0;}


footer ul { margin-left:-20px;list-style-type:none;text-transform:uppercase;}
footer ul li { display:inline-block; padding-left:0.5em;}
footer ul li a	{ color:#fff; }
footer ul li a:hover, footer ul li a.active{ text-decoration:none;color:#092B4C; }

.footer_right { position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;width:50%; display:inline-block;}
.footer_right ul{ margin-left:50%;list-style-type:none;text-transform: none; width:50%;}

footer p {font-weight: lighter; font-size:13px;background-color:#6EB5E0;color:#fff;}

footer ul{float:left;}
footer .row{width:1200px;margin: 0 auto;}
ul.zwei{margin-left:37%;float:left;}
ul.zwei_start{margin-left:0%;float:left;}

.col-md-6, .col-lg-12{padding-left: 0px;}

/*footer*/

  
.navbar-right {float: right!important;margin-right: 0px;}
.navbar-nav-right a:hover {background-color:#6EB5E0;}
.navbar-nav-right a {color:#fff;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:200px; height:129px; background: url(../img/button_etikett_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:25px 10px 10px 90px;font-size: 1.2em; color:#fff;}
.nav-pills li a.link2{ width:280px; height:109px;background: url(../img/button_transferfolien_hell.png)no-repeat top left; background-size:100%;border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link3{ width:315px; height:109px;background: url(../img/button_thermoleisten_hell.png)no-repeat top left; background-size:100%;border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link4{ width:217px; height:129px;background: url(../img/button_praegefolien_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}

.nav-pills li a.link1:hover, .nav-pills li a.link1f { background: url(../img/button_etikett_dunkel.png)no-repeat top left; background-size:100%;color:#fff;}
.nav-pills li a.link2:hover, .nav-pills li a.link2f  { background: url(../img/button_transferfolien_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link3:hover, .nav-pills li a.link3f  { background: url(../img/button_thermoleisten_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link4:hover, .nav-pills li a.link4f  { background: url(../img/button_praegefolien_dunkel.png)no-repeat top left; background-size:100%; color:#fff;}

.nav-pills li a.link1f {width:200px; height:129px; border-radius:0px; padding:25px 10px 10px 90px;font-size: 1.2em;}
.nav-pills li a.link2f{ width:280px; height:109px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link3f{ width:315px; height:109px; border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link4f{ width:217px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
/*Navigation Produkte*/

/*telefon*/
div.telefon{position:absolute;left:65%;top:0%; z-index:3;width:25%;}
div.telefon img{width:100%;}
/*telefon*/

/*sparen - footer*/
div.sparen{position:absolute;bottom:-80%;left:20%;z-index:3;width:40%; background:none;}
div.sparen img{width:100%;}
/*sparen - footer*/

/*Chef - Kontakt*/
div.chef{position:absolute;left:60%;bottom:100%; z-index:3;width:25%;}
div.chef img{width:100%;}
/*Chef - Kontakt*/

/*Chef - Feedback*/
div.feedback_chef{position:absolute;right:0%;bottom:0%; z-index:3;width:40%;}
div.feedback_chef img{width:100%;}
/*Chef - Feedback*/

/*Listen Produkte*/
.liste_zwei{width:100%; display:inline-block;}
.liste_zwei ul {float:left;margin-right:10%;}
.liste_zwei h3 {font-size: 17px;color:#6EB5E0;padding:0.2em;padding-left:0em;}


@media (min-width: 240px) and (max-width: 319px){ 


div.kreis{position:absolute;left:3%;bottom:-45%; width:40%;}

div.telefon{left:50%;top:0%;width:50%;}


h1 {font-size:2.0em; }
h2 {font-size:1.2em;}


h1 span{ font-weight:bold;color: #6EB5E0;margin-right:20px;}
	
.navbar-nav li{ margin-right:2em; }
.navbar-nav  li  a {padding:15px 10px;}

div.row.content {margin-left:1em;margin-right:1em;padding-left:0em;padding-right:0em;position:relative; } 

footer { padding: 0.5em 1em 0em 1em;}

footer .row { width: 100%; max-height:85px;}
.footer_right ul{ margin-left:20%; width:80%;}
div.sparen{width:45%;left: 18%; bottom: -110%;}
ul.zwei{margin-left:36%;}
footer ul { margin-left:-40px;list-style-type:none;text-transform:uppercase;}
.footer_right { width:30%;}
footer .col-md-6{width:70%;}
.footer_right ul{ text-align:right; font-size:1.1em;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:100%; height:129px; background: url(../img/button_etikett_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:25px 10px 10px 90px;font-size: 1.2em; color:#fff;}
.nav-pills li a.link2{ width:280px; height:129px;background: url(../img/button_transferfolien_hell.png)no-repeat top left; background-size:100%;border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link3{ width:315px; height:129px;background: url(../img/button_thermoleisten_hell.png)no-repeat top left; background-size:100%;border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link4{ width:217px; height:129px;background: url(../img/button_praegefolien_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}

.nav-pills li a.link1:hover, .nav-pills li a.link1f { background: url(../img/button_etikett_dunkel.png)no-repeat top left; background-size:100%;color:#fff;}
.nav-pills li a.link2:hover, .nav-pills li a.link2f  { background: url(../img/button_transferfolien_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link3:hover, .nav-pills li a.link3f  { background: url(../img/button_thermoleisten_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link4:hover, .nav-pills li a.link4f  { background: url(../img/button_praegefolien_dunkel.png)no-repeat top left; background-size:100%; color:#fff;}

.nav-pills li a.link1f {width:200px; height:129px; border-radius:0px; padding:25px 10px 10px 90px;font-size: 1.2em;}
.nav-pills li a.link2f{ width:280px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link3f{ width:315px; height:129px; border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link4f{ width:217px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
/*Navigation Produkte*/

.line_feed {width: 80%;position:relative;z-index:600000;}
.line{ position:relative;z-index:600000;}

.blau {
    float: right;
    padding: 0.2em 0.3em;
    background: #6EB5E0;
    color: #FFF;
    font-size: 16px;
    position: relative;
    left: -10%;

}

.col-md-6, .col-lg-12{width:100%;}

.header_mobil{
	
	display:block;
	padding:0px;
	margin-bottom: 0px;
	width: 100%; 

}

#hamburger {
    border: 0px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
	z-index:50000;
    height: 52px;
    padding: 3px 4px 3px;
    position: relative;
    width: 60px;
    background: url("../img/hamburger.png") no-repeat;
	background-size:100% 100%;
    top:0px;
	left:75%;
}

/*
The navigation container in the background
*/
.nav_mobil {
   display:block;
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 200;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #1a2938;

}

/*
Style the navigation menu
*/
.nav_mobil ul {
    list-style: none;
    margin: 0;
	margin-top: 20px;
    width: 100%;
    padding: 0;
	overflow-y: auto;
		text-align:left;
}

.nav_mobil li {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 7px 0px 7px 10px;
}

.nav_mobil li a {
    color: #fff;
    text-decoration: none;
	line-height:1.2em;
}

.nav_mobil ul li ul {margin: 0px 0px 0px 10%;}

/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	z-index: 20;

}
.line_feed {width: 80%;position:relative;z-index:600000;}
.line{ position:relative;z-index:600000;}

.blau{relative; left:0%;}
.links,.rechts,.label,.feld{width:50%;}
.links,.rechts{width:100%;}
.links .label, .rechts .label{width:50%;}


.navbar-nav,.footer_right,div.sparen, ul.zwei, ul.zwei_start, div.header{display:none;}
 } 
 
@media (min-width: 320px) and (max-width: 480px){ 


div.kreis{position:absolute;left:3%;bottom:-25%; width:50%;}

div.telefon{left:50%;top:0%;width:50%;}


h1 {font-size:2.0em; }
h2 {font-size:1.2em;}


h1 span{ font-weight:bold;color: #6EB5E0;margin-right:20px;}
	
.navbar-nav li{ margin-right:2em; }
.navbar-nav  li  a {padding:15px 10px;}

div.row.content {margin-left:1em;margin-right:1em;padding-left:0em;padding-right:0em; position:relative; } 

footer { padding: 0.5em 1em 0em 1em;}

footer .row { width: 100%; max-height:85px;}
.footer_right ul{ margin-left:20%; width:80%;}
div.sparen{width:45%;left: 18%; bottom: -110%;}
ul.zwei{margin-left:36%;}
footer ul { margin-left:-40px;list-style-type:none;text-transform:uppercase;}
.footer_right { width:30%;}
footer .col-md-6{width:70%;}
.footer_right ul{ text-align:right; font-size:1.1em;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:100%; height:129px; background: url(../img/button_etikett_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:25px 10px 10px 90px;font-size: 1.2em; color:#fff;}
.nav-pills li a.link2{ width:280px; height:129px;background: url(../img/button_transferfolien_hell.png)no-repeat top left; background-size:100%;border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link3{ width:315px; height:129px;background: url(../img/button_thermoleisten_hell.png)no-repeat top left; background-size:100%;border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link4{ width:217px; height:129px;background: url(../img/button_praegefolien_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}

.nav-pills li a.link1:hover, .nav-pills li a.link1f { background: url(../img/button_etikett_dunkel.png)no-repeat top left; background-size:100%;color:#fff;}
.nav-pills li a.link2:hover, .nav-pills li a.link2f  { background: url(../img/button_transferfolien_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link3:hover, .nav-pills li a.link3f  { background: url(../img/button_thermoleisten_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link4:hover, .nav-pills li a.link4f  { background: url(../img/button_praegefolien_dunkel.png)no-repeat top left; background-size:100%; color:#fff;}

.nav-pills li a.link1f {width:200px; height:129px; border-radius:0px; padding:25px 10px 10px 90px;font-size: 1.2em;}
.nav-pills li a.link2f{ width:280px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link3f{ width:315px; height:129px; border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link4f{ width:217px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
/*Navigation Produkte*/

.line_feed {width: 80%;}

.blau {
    float: right;
    padding: 0.2em 0.3em;
    background: #6EB5E0;
    color: #FFF;
    font-size: 16px;
    position: relative;
    left: -10%;

}
.line_feed {width: 80%;position:relative;z-index:600000;}
.line{ position:relative;z-index:600000;}

.col-md-6, .col-lg-12{width:100%;}

.header_mobil{
	
	display:block;
	padding:0px;
	margin-bottom: 0px;
	width: 100%; 

}

#hamburger {
    border: 0px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
	z-index:50000;
    height: 52px;
    padding: 3px 4px 3px;
    position: relative;
    width: 60px;
    background: url("../img/hamburger.png") no-repeat;
	background-size:100% 100%;
    top:0px;
	left:75%;
}

/*
The navigation container in the background
*/
.nav_mobil {
   display:block;
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 200;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #1a2938;

}

/*
Style the navigation menu
*/
.nav_mobil ul {
    list-style: none;
    margin: 0;
	margin-top: 20px;
    width: 100%;
    padding: 0;
	overflow-y: auto;
		text-align:left;
}

.nav_mobil li {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 7px 0px 7px 10px;
}

.nav_mobil li a {
    color: #fff;
    text-decoration: none;
	line-height:1.2em;
}

.nav_mobil ul li ul {margin: 0px 0px 0px 10%;}

/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	z-index: 20;

}

.blau{relative; left:0%;}
.links,.rechts,.label,.feld{width:50%;}
.links,.rechts{width:100%;}
.links .label, .rechts .label{width:50%;}

.navbar-nav,.footer_right,div.sparen, ul.zwei, ul.zwei_start, div.header{display:none;}

 } 
@media (min-width: 481px) and (max-width: 840px){  


div.kreis{position:absolute;left:3%;bottom:-15%; width:35%;}

div.telefon{left:60%;top:0%;width:40%;}


h1 {font-size:2.0em; }
h2 {font-size:1.2em;}


h1 span{ font-weight:bold;color: #6EB5E0;margin-right:20px;}
	
.navbar-nav li{ margin-right:2em; }
.navbar-nav  li  a {padding:15px 10px;}

div.row.content {margin-left:1em;margin-right:1em;padding-left:0em;padding-right:0em; position:relative; } 

footer { padding: 0.5em 1em 0em 1em;}

footer .row { width: 100%; max-height:85px;}
.footer_right ul{ margin-left:20%; width:80%;}
div.sparen{width:45%;left: 18%; bottom: -110%;}
ul.zwei{margin-left:36%;}
footer ul { margin-left:-40px;list-style-type:none;text-transform:uppercase;}
.footer_right { width:30%;}
footer .col-md-6{width:70%;}
.footer_right ul{ text-align:right; font-size:1.1em;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:100%; height:129px; background: url(../img/button_etikett_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:25px 10px 10px 90px;font-size: 1.2em; color:#fff;}
.nav-pills li a.link2{ width:280px; height:129px;background: url(../img/button_transferfolien_hell.png)no-repeat top left; background-size:100%;border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link3{ width:315px; height:129px;background: url(../img/button_thermoleisten_hell.png)no-repeat top left; background-size:100%;border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link4{ width:217px; height:129px;background: url(../img/button_praegefolien_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}

.nav-pills li a.link1:hover, .nav-pills li a.link1f { background: url(../img/button_etikett_dunkel.png)no-repeat top left; background-size:100%;color:#fff;}
.nav-pills li a.link2:hover, .nav-pills li a.link2f  { background: url(../img/button_transferfolien_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link3:hover, .nav-pills li a.link3f  { background: url(../img/button_thermoleisten_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link4:hover, .nav-pills li a.link4f  { background: url(../img/button_praegefolien_dunkel.png)no-repeat top left; background-size:100%; color:#fff;}

.nav-pills li a.link1f {width:200px; height:129px; border-radius:0px; padding:25px 10px 10px 90px;font-size: 1.2em;}
.nav-pills li a.link2f{ width:280px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link3f{ width:315px; height:129px; border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link4f{ width:217px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
/*Navigation Produkte*/

.line_feed {width: 80%;position:relative;z-index:600000;}
.line{ position:relative;z-index:600000;}

.blau {
    float: right;
    padding: 0.2em 0.3em;
    background: #6EB5E0;
    color: #FFF;
    font-size: 16px;
    position: relative;
    left: -10%;

}

.col-md-6, .col-lg-12{width:100%;}

.header_mobil{
	
	display:block;
	padding:0px;
	margin-bottom: 0px;
	width: 100%; 

}

#hamburger {
    border: 0px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
	z-index:50000;
    height: 52px;
    padding: 3px 4px 3px;
    position: relative;
    width: 60px;
    background: url("../img/hamburger.png") no-repeat;
	background-size:100% 100%;
    top:0px;
	left:75%;
}

/*
The navigation container in the background
*/
.nav_mobil {
   display:block;
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 200;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #1a2938;

}

/*
Style the navigation menu
*/
.nav_mobil ul {
    list-style: none;
    margin: 0;
	margin-top: 20px;
    width: 100%;
    padding: 0;
	overflow-y: auto;
		text-align:left;
}

.nav_mobil li {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 7px 0px 7px 10px;
}

.nav_mobil li a {
    color: #fff;
    text-decoration: none;
	line-height:1.2em;
}

.nav_mobil ul li ul {margin: 0px 0px 0px 10%;}

/*
The Layer that will be layed over the content
so that the content is unclickable while menu is shown
*/
#contentLayer {
    display: none;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	z-index: 20;

}

.blau{relative; left:0%;}
.links,.rechts,.label,.feld{width:50%;}
.links,.rechts{width:100%;}
.links .label, .rechts .label{width:50%;}


.navbar-nav,.footer_right,div.sparen, ul.zwei, ul.zwei_start, div.header{display:none;}

} 

@media (min-width: 841px) and (max-width: 989px){
	
div.kreis{position:absolute;left:3%;bottom:-15%; width:20%;}

h1 {font-size:2.0em; }
h2 {font-size:1.2em;}


h1 span{ font-weight:bold;color: #6EB5E0;margin-right:20px;}
	
.navbar-nav li{ margin-right:2em; }
.navbar-nav  li  a {padding:15px 10px;}

div.row.content {margin-left:1em;margin-right:1em;padding-left:0em;padding-right:0em;} 

footer { padding: 0.5em 1em 0em 1em;}

footer .row { width: 100%; max-height:85px;}
.footer_right ul{ margin-left:20%; width:80%;}
div.sparen{width:45%;left: 18%; bottom: -110%;}
ul.zwei{margin-left:36%;}
footer ul { margin-left:-40px;list-style-type:none;text-transform:uppercase;}
.footer_right { width:30%;}
footer .col-md-6{width:70%;}
.footer_right ul{ text-align:right; font-size:1.1em;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:200px; height:129px; background: url(../img/button_etikett_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:25px 10px 10px 90px;font-size: 1.2em; color:#fff;}
.nav-pills li a.link2{ width:280px; height:129px;background: url(../img/button_transferfolien_hell.png)no-repeat top left; background-size:100%;border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link3{ width:315px; height:129px;background: url(../img/button_thermoleisten_hell.png)no-repeat top left; background-size:100%;border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;color:#fff;}
.nav-pills li a.link4{ width:217px; height:129px;background: url(../img/button_praegefolien_hell.png)no-repeat top left; background-size:100%; border-radius:0px;padding:12px 10px 10px 95px;font-size: 1.2em;color:#fff;}

.nav-pills li a.link1:hover, .nav-pills li a.link1f { background: url(../img/button_etikett_dunkel.png)no-repeat top left; background-size:100%;color:#fff;}
.nav-pills li a.link2:hover, .nav-pills li a.link2f  { background: url(../img/button_transferfolien_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link3:hover, .nav-pills li a.link3f  { background: url(../img/button_thermoleisten_dunkel.png)no-repeat top left; background-size:100%;color:#fff; }
.nav-pills li a.link4:hover, .nav-pills li a.link4f  { background: url(../img/button_praegefolien_dunkel.png)no-repeat top left; background-size:100%; color:#fff;}

.nav-pills li a.link1f {width:200px; height:129px; border-radius:0px; padding:25px 10px 10px 90px;font-size: 1.2em;}
.nav-pills li a.link2f{ width:280px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link3f{ width:315px; height:129px; border-radius:0px; padding:13px 10px 10px 95px;font-size: 1.2em;}
.nav-pills li a.link4f{ width:217px; height:129px; border-radius:0px; padding:12px 10px 10px 95px;font-size: 1.2em;}
/*Navigation Produkte*/

.line_feed {width: 80%;position:relative;z-index:600000;}
.line{ position:relative;z-index:600000;}

.blau {
    float: right;
    padding: 0.2em 0.3em;
    background: #6EB5E0;
    color: #FFF;
    font-size: 16px;
    position: relative;
    left: -10%;

}

}




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

div.container { max-width:990px;}
div.row.content {margin-left: 1em;margin-right: 1em;padding-left: 1.5em; padding-right:1.5em; padding-top: 2em;}

h1 {font-size:2.3em; line-height:1.2em;margin-bottom:1.2em;}
.blau{left:-10%;}

/*Navigation Produkte*/
.nav-pills{margin-left:-1.4em;}
.nav-pills li a.link1{ width:175px; height:100px; padding:20px 10px 10px 70px;font-size: 1.0em;}
.nav-pills li a.link2{ width:245px; height:100px;padding:12px 10px 10px 75px;font-size: 1.0em;}
.nav-pills li a.link3{ width:280px; height:100px;padding:13px 10px 10px 75px;font-size: 1.0em;}
.nav-pills li a.link4{ width:192px; height:129px;padding:12px 10px 10px 75px;font-size: 1.0em;}

.nav-pills li a.link1f {width:175px; height:100px; padding:20px 10px 10px 70px;font-size: 1.0em;}
.nav-pills li a.link2f{ width:245px; height:100px;padding:12px 10px 10px 75px;font-size: 1.0em;}
.nav-pills li a.link3f{ width:280px; height:100px;padding:13px 10px 10px 75px;font-size: 1.0em;}
.nav-pills li a.link4f{ width:192px; height:129px;padding:12px 10px 10px 75px;font-size: 1.0em;}
/*Navigation Produkte*/

footer { padding: 1em;}

footer .row { width: 990px;}
.footer_right ul{ margin-left:20%; width:80%;}
div.sparen{width:40%;left: 17%;}
ul.zwei{margin-left:35%;}
footer ul { margin-left:-40px;list-style-type:none;text-transform:uppercase;}
.footer_right { width:40%;}
footer .col-md-6{width:60%;}
 }