/*
*	cliclab³ miniFlex V1.0
*	Copyright 2018, c.schneider@e-sens-e.de
/******************************************************************************
*	css/styles.css
*	2018-22-01	(c) e.sens.e GmbH
*   mobile first
*	inkl. css-rset
*   open font
*   basics
*   tags
*   Allgemeine Klassen
*   Wrapper
*   Header
*   Top Navigation
*   Body
*   Left Navigation
*   Pane - Left, Center, Right
*   Content
*   Footer
*   Page Border
*   type color
*   red:                    #c70010;
*   blue:                   #292929;
*   lightgrey:              #c6c6c6;
*   grey:                	#b2b2b2;
*   blue                    #212637;

*   link					#627d95;
*   footer:                 #888888;


/*************************************************************
* Fonts
*************************************************************/

@font-face {
    font-family: 'vigaregular';
    src: url('../fonts/viga-regular-webfont.eot');
    src: url('../fonts/viga-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/viga-regular-webfont.woff2') format('woff2'),
         url('../fonts/viga-regular-webfont.woff') format('woff'),
         url('../fonts/viga-regular-webfont.svg#vigaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'utahregular';
    src: url('../fonts/utah-webfont.eot');
    src: url('../fonts/utah-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utah-webfont.woff2') format('woff2'),
         url('../fonts/utah-webfont.woff') format('woff'),
         url('../fonts/utah-webfont.svg#utahregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	

@font-face {
      font-family: 'fontello';
      src: url('../fonts/fontello.eot');
      src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'),
           url('../fonts/fontello.woff') format('woff'),
           url('../fonts/fontello.woff2') format('woff2'),
           url('../fonts/fontello.svg#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	



/******************************************************************************
* css-reset
* inspired by Stephan Heller [daik.de] <heller@daik.de>
******************************************************************************/

* {
	outline: medium none;
}

body {
    margin: 0;
}
blockquote,
dd,
figure {
    margin-right: 0;
    margin-left: 0; 
}
fieldset {
    padding-right: 0;
    padding-left: 0;
}

img, fieldset
{
	border-style:		none;
}

body,
blockquote,
button,
dd,
dl,
fieldset,
h1, h2, h3, h4, h5, h6,
hr,
input,
menu,
ol,
p,
pre,
select,
textarea {
    margin: 0;
    padding: 0;
}

address,
article,
aside,
audio,
blockquote,
canvas,
del,
div,
dl,
fieldset,
figcaption,
figure,
footer,
form,
h1, h2, h3, h4, h5, h6,
header,
hgroup,
li,
ol,
p,
pre,
section,
table,
td,
tfoot,
th,
ul,
video,
input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
	-webkit-overflow-scrolling: touch;
	*behavior: url(../boxsizing.htc);
}

ul, 
ol {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    text-align: left;
}
td, th {
    vertical-align: baseline; 
}

hr {
    height: 1px;
    background-color: #fff;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #ccc;
}

input, 
button,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;    
}

button,
input[type=button],
input[type=color],
input[type=email],
input[type=password],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=url],
textarea {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-image: url('');
}

textarea {
	overflow-y: auto;
    resize: vertical;
}

button,
input[type=button],
input[type=search],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
	cursor: pointer;
}

.br{border: 1px dotted red !important;}
.col_0{xbackground: red!important;}
.info,.info2{width:100%;height:50px; display:block;}

a:hover 				{ text-decoration: none; }
a:active			{ background: none; color: black; }

.scale-with-grid img,
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

.scale-with-grid img,
img.scale-with-grid{
	width: 100%;
}

.mobile_center {
	text-align: center;
}

/******************************************************************************
* basic
******************************************************************************/

html {
	overflow-x: hidden;
	overflow-y: scroll;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	text-rendering: optimizeLegibility;
}

body
{
	font-family: 				utahregular, sans-serif;
	color: 						#888;
	height: 					100%;
	background: 				white;
	font-size:                  16px;
}

html, body {
	font-size: calc(14px + 2 * (100vw - 320px) / 448);
    line-height: calc(20px + 5 * (100vw - 320px) / 448);
}


form
{
	display:		inline;		/* IE */
}

small { font-size: 80%;}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

h1{
    font-size: 1.750em;
    line-height: 1.5em; 
	text-rendering: optimizeLegibility;
}

h2,h3{
  font-size: 1.714em; 
  line-height: 1em; 
  text-rendering: optimizeLegibility;
}

.textblock,p{
	line-height: 1.5em;
}

a:link,
a:visited
{
	color:				#C70010;
	text-decoration: 	none;
	outline: 			0;
}

a:hover,
a:active
{
	text-decoration: none;
	outline: 0;
	color: #040603;
}

a.agrey:link,
a.agrey:visited {
	color: grey;
}


a:focus {
	outline: thin dotted;
}

.shortbrief,
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font:0/0 a;
}


/******************************************************************************
* header
******************************************************************************/

#header::after {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    bottom: 0;
    content: "";
    height: inherit;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}

#header {
    height: 3.57143rem;
    left: 0;
    padding: 1.42857rem 2.85714rem;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0px);
    transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
    width: 100vw;
    z-index: 1010;
}

#header {
    -moz-box-align: center;
    -moz-box-pack: justify;
    align-items: center;
    display: flex;
    height: 4.57143rem;
    justify-content: space-between;
}	

.header__brand{
    left: 0.42857rem;
    position: absolute;
    top: 1.72571rem;
    transform: translateY(-30%);
    width: 4.8rem;
}

.header__context-nav{
	position: absolute;
    right: 1.42857rem;
    top: 50%;
    transform: translateY(-50%);
	z-index: 101;
}

.header__main-nav {
	display: block;
	width: 100%;
}

#timer {
    display:none;
}


/******************************************************************************
* wrapper 
******************************************************************************/


.main_content {
	margin-top: 0px;
	position: relative;
	background-color: white;
	margin-bottom: 0;
}

.main_content.menu-opened {
	margin-top: 280px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 0;
    padding-right: 0;
	overflow: hidden;
}

.container.wide {
	  max-width: 1200px;
}

.section.nospace {
    padding-bottom: 0em;
	border-bottom: none;
}

.m-flex{
	letter-spacing: -0.31em;
	*letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
	 display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.noline {
	border: none;
}

.mobile-m-box,
.mobile-m-box2,
.m-box,
.m-box2 {
	padding: 0.093em 0.8125em 0.093em 0.8125em;
}

.lt-ie9 .m-box {
		padding: 0.093em 0.8125em 0.093em 0;
	}

.lt-ie8 .m-box {
		padding: 0;
	}
	
.alpha {
	padding-left:	0px;
}

.omega {
	padding-right:	0px;
}

.logo {
	display: block;
}

.logo:focus {
	outline: 0px solid;
}

.logo img {
	max-width: 100%;
    min-width: 70px;
    width: 100%;
}

.no-border {
	border:none;
}

/* Service
============================== */

.message {
	background: #80bb3f;
	text-align: center;
}

/* navBar
============================== */


/* Accordian
================================================== */

/* todo */
.textblockgrouptype_accordion,
.textblockgroup {
	width: 100%;
	overflow: hidden;
	float: left;
}

.collapsible-head,
.collapsible-header {
	display: block;
	letter-spacing: 0em;
	font-family: 'Viga',vigaregular,sans-serif;
	xfont-size: 1.5rem;
	color: #292929;
	font-size: 1.063em; /* 20 */
	height: 40px;
	background: transparent url(../img/plus-minus.png) 99% 10px no-repeat;
	padding-left: 0px;
	line-height:  40px;
	margin: 0;
	outline: none;
	text-decoration: none;
	cursor: pointer;
    margin-bottom: 5px;
	border-bottom: 2px solid #c50010;
	width: 100%;
}

.collapsible-head:hover {
	color: #c50010;
}

.collapsible-body {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: none;
}

.no-js .collapsible-body {
	display: block;
}

.lt-ie9 .collapsible-body {
		padding-left: 3em;
}

.collapsible-body .textblock_div1-2 img {
	margin: 0 0 0.5em;
}

.collapsible-head.active {
	color: #c50010;
	background: transparent url(../img/plus-minus.png) 99% -50px no-repeat;
}

.collapsible-body .textblock strong.textblock_subline{
	font-size: 1.000em;
}

/* todo end*/

/* Flexslider
============================== */

.flexslider .slides > li {
    border: none;
}

.main_content .flexslider  {
	border: none;
}

.flex-direction-nav .flex-prev{
     xleft: 10px;
}

.flex-direction-nav .flex-next {
    xright: 10px;
}

#slider,
.flexslider .slides {
	position: relative;
}

/* superwide */

#slider.superwide {
	margin-left: inherit;
    margin-right: inherit;
	max-width: inherit;
}

.flexslider .slides div {
	width: 100%;	
	position: absolute;
	z-index: 200;
	right: 0%;
	left: 0%;
	bottom: 33%;
	color: white;
	display: none;
	padding: 0 2em;
}
/*
.flexslider .slides img.mobile{
	display: block;
}

.flexslider .slides img.desktop{
	xdisplay: none;
}

.flexslider .slides div h3{
	text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
	font-size: 2em;
}

.flexslider .slides div h3 strong{
}
*/
.flex-direction-nav a {
    top: 40%!important;
	xoutline: none;
}

.flexslider.carousel{
	margin-left: 1em!important;
	margin-right: 1em!important;
	margin-bottom: 2.5em!important;
}

.flexslider.carousel .slides > li {
	min-width: 252px;
	min-height: 280px;
}

.flexslider.carousel .flex-active {
	background-color: #C70010;
}

/* Maps
============================== */

#map {width: 100%; height: 400px; }


/* Fancybox
============================== */

   #fancybox-left-ico, #fancybox-left:hover span { left: -20px!important;}
   #fancybox-right-ico, #fancybox-right:hover span  { right: -20px!important; left: auto!important; }
   
   .fancybox-next {
		background: red none repeat scroll 0 0;
		right: -60px!important;
		outline: medium none!important;
	}
	
   .fancybox-prev {
		background: green none repeat scroll 0 0;
		left: -60px!important;
		outline: medium none!important;
   }
   
   .fancybox-prev span,
   .fancybox-next span {
		visibility: visible!important;
	}
	
	.fancybox-close {
		right: -42px!important;
	}

	.fancybox-opened .fancybox-skin {
    box-shadow: none!important;
}



/* Tabpanel
================================================== */

/* vertcal Tabpanel
================================================== */

.vtabbox .contenttabs {
   display: none;
}

.vtabbox .tabpanel {
	float: inherit;
	display: block;
}

.vtabbox .tab,
.vtabbox h3.tabpanel,
.vtabbox .tabpanel .textblock {
	letter-spacing:0;
}

.vtabbox .tab {
	display: block;
	line-height: 3em;
	border-bottom: 2px solid #e3e3e3;
	color: #e3e3e3;
	outline: 0px solid;
	padding-left: .5em;
}

.vtabbox .tab:link,
.vtabbox .tab:visited{
	color: #9F9F9F;
	outline: 0px solid;
	text-decoration: none;
}

.vtabbox .tab.selectedTab {
	color: #fbb03b;
	background: #e3e3e3;
	xbackground: #fbb03b;
}

.vtabbox h3.tabpanel {
	display: none;
	margin: 0.375em 1.25em;
	padding: .25em;
	border-bottom: 2px solid #fbb03b;
	font-size: 1.4em;
    font-weight: normal;
    line-height: 1.25em;
	background: #fbb03b;
}


/* horizontal Tabpanel
================================================== */

.htabbox.tabpanel {
	background: aqua;
}

.htabbox .contenttabs {
	width: 100%;
	display: none;
	overflow: hidden;
	border-bottom: 4px solid #a08f62;
	margin-bottom: 0.5em;
}

.lt-ie8 .tabpanel .m-box {
	padding: 0;
}

.htabbox .tabbox .tab {
	position: relative;
	display: block;
	height: auto;
	width: 110px;
	width: 25%;
	color: #87888a;
	outline: none;
	float: left;
	font-size: 1em;
	xfont-weight: bold;
	letter-spacing:0em;
	text-decoration: none;
}

.htabbox .tabbox3 {
	padding: 0 0.675em;
}

.htabbox .tabbox3 .tab {
	width: 31%;
	background: #515151;
	color: white;
	margin-right: 18px;
}

.htabbox .tabbox3 .tab2 {
	margin-right: 0;
}

.htabbox .tabbox  h3.tabpanel {
	display: block;
	position: relative;
    border-bottom: 4px solid #a08f62;
	letter-spacing: 0;
	font-size: 1.250em;
	line-height: 20px;
	text-align: center;
	padding: .5em;
}

/* Butttonstyle
.htabbox .tabbox  h3.tabpanel {
	display: block;
	position: relative;
	background: #a50c07;
	color: white;
	letter-spacing: 0;
	font-size: 1em;
	line-height: 20px;
	height: 60px;
	text-align: center;
	padding: .5em;
}
*/

/* Butttonstyle width arrow button
div.textblock.boilerplate p a:last-child:before,
.tabbox .tab:before,
h3.tabpanel:before,
.tabbox .tab.selectedTab:before{
		content:' ';
		display: block;
		height: 12px;
		width: 100%;
		background: #E4E4E4;
		bottom: 0;
		position: absolute;
		left:0;
		right:0;
		z-index:0;
}



.htabbox h3.tabpanel:after,
.htabbox .tabbox .tab.selectedTab:after {
		content:' ';
		display: block;
		width: 0;
		height: 0;
		bottom: 0;
		left:0;
		right:0;
		z-index:1;
		position: absolute;
		border-style: solid;
		border-width: 13px 13px 0 13px;
		border-color: #a50c07 transparent transparent transparent;
		margin-left:auto;
		margin-right:auto;	
}
*/

.section.htabbox .tabbox{
	padding-top: 1em;
}

.htabbox .tabbox div.tabpanel {
	display: block;
}

.htabbox div.tabpanel div.textblock h3 {
	font-size: 1.250em;
	margin: 10px 0;
}

.htabbox .tabbox .tab0.selectedTab {

	}

.htabbox .lt-ie9.tabbox .tab {
	xheight: 120px;
	xbackground: yellow;
}


/******************************************************************************
* cliclab generic
******************************************************************************/

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:		uppercase;
}

.valign_top {
	display: block;
}

.valign_auto {
	text-align:		right;
	margin-left: 	1em;
	float: 			right;
}

.image-container.float_right,
.image-container.float_left
{
	margin-right: 	0em;
	width: 			100%;
}

.textblock img.float_right,
.textblock img.float_left,
.image-container.float_right img,
.image-container.float_left img
{
	width: 			100%;
}

.lt-ie9 .image-container.float_right,
.lt-ie9 .image-container.float_left,
.lt-ie9 .textblock img.float_left,
.lt-ie9 .textblock img.float_right,
.lt-ie9 .image-container.float_right img,
.lt-ie9 .image-container.float_left img
{
	width:auto;
}

.lt-ie9 .textblock img.float_right,
.lt-ie9 .image-container.float_right {
	margin-left: 2em;
}

.lt-ie9 .textblock img.float_left,
.lt-ie9 .image-container.float_left {
	margin-right: 2em;
}

.image-container.float_right
{
	margin-left: 	0em;
}

/*************************************************************
* textblocks global
*************************************************************/
div.textblock {
}

div.textblock b {
	font-weight: bold;
}

div.textblock h2,
div.textblock h5,
div.textblock h4,
div.textblock h3 {
    color:                      #292929;
	font-weight:                normal;
	margin:                     1em 0 0 0;
	font-family:           		'Viga',vigaregular,sans-serif;
	font-size: 					1.5rem;
	line-height: 				1.15em;
}

div.textblock.headline h2,
div.textblock.headline h3 {
	font-size: 					1.5rem;
	line-height: 				1.15em;
}

div.textblock.headline_border h3 {
	border-bottom: 4px solid #C70010;
	padding-bottom: .5em;
}

/*************************************************************
* section -> textblocks modules
*************************************************************/

.section.whitebg .container{
	background: white;
}

.section.greybg{
	background: #EFEFEF;
}

.section.darkgreybg{
	background: #292f39;
}

.section.redbg{
	background: #C70010;
}

.section.redbg .textblock h3,
.section.darkgreybg .textblock h3,
.section.redbg .textblock,
.section.darkgreybg .textblock{
	color: white;
}

.section.bgimage {
	min-height: 180px;
	background-size: cover;
	background-position: center top;
}

.section .img-box{
	display: flex;
	align-items: stretch;
}

.section .img-box.m-box {
	xpadding:0;
}

.section .text-center {
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 2rem 0;
}

.section .text-center div {
	width: 50%;
}

/*************************************************************
* kontakt
*************************************************************/


/*Select*/

.dropcontainer {
    position:relative;
    color: white;
    width: 100%;
    margin-bottom: 1.25em;
} 

.trigger {
    color: white!important;
    padding: 1em 0;
	font-size: 1em;
    width: 100%;
	outline: none;
    background: transparent url(../img/select-arrow-open.png) 98% center no-repeat;
    display: block;
    border: none;
    border-bottom: 1px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.5px;
	outline: 0px solid white dotted;
}

.activetrigger {
    color: white!important;
	letter-spacing: 0.5px;
    font-weight: bold;
    padding: 1em 0;
    width: 100%;
    background: transparent url(../img/select-arrow-close.png) 98% center no-repeat;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.trigger:focus,
.activetrigger:focus {
	outline: none;
}

div.section div.textblock .activetrigger a,
div.section div.textblock .dropcontainer a {
	color: white;
	letter-spacing: 0.5px;
}


div.section div.textblock .dropcontainer ul {
	display: block;
    border: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease;
}

div.section div.textblock .dropcontainer ul li {
    padding: 0;
	margin:0!important;
	background: none;
	font-weight: bold;
	display: block;
}

.dropcontainer ul li:hover {
    outline: none;
}

div.section div.textblock .dropcontainer ul li:first-child {
    display: none;
}

.dropcontainer ul li:last-child {
    border-bottom: none;
}

.dropdownhidden {
    xdisplay: none!important;
	opacity:0;
	height: 0;
}

.dropdownvisible {
    height: auto;
	xdisplay: block;
opacity:1;
}


/*Kontaktformular*/

input, textarea {
    padding: 0;
    font-size: 1.15em;
	letter-spacing: 0.5px;
	font-weight: bold;
	border: none;
	color: white;
    border-bottom: 1px solid white;
    margin-bottom: 1em;
    width: 100%;
	background: transparent;
}
input[type="text"],
input[type="tel"],
input[type="email"],
 textarea {
    padding: .25em 0;
}

label {
    font-size: 1em;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: white;
    padding: 0px;
    background: transparent;
	cursor:pointer;
}

/*Checkboxen */

input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: none;
    border: 1px solid white;
    outline: none;
    vertical-align: Middle;
    margin-bottom: 3px;
    margin-right: 5px;
    border-radius: 0px;
    outline: 0 none;
	cursor:pointer;
}

input[type="checkbox"]:checked {
	background: url(../img/checkbox_active.svg);
}

/*validator*/

label.error {
    display: none;
}

a.trigger.error,
input.error,
textarea.error {
    border: 1px solid red;
}

input.submit,
 .kontakt1, .kontakt2 {
        width: 100%;
    }

input.submit {
	background: #C70010;
	color: white;
	border:1px solid white;
	padding: .5em 0;
	margin-top: 1em;
	margin-bottom: 2em;
	font-weight:normal;
}


/*************************************************************
* content
*************************************************************/


div.textblock h3 b {
	font-weight:				bold;
}

div.textblock h3 i {
    display:                    block;
    float:                      right;
    font-size:                  inherit;
    font-style:                 normal;
    font-weight:                normal;
}

div.textblock img,
div.textblock object {
    margin-bottom:               15px;
    margin-left:                 0px;
    margin-right:                4px;
    margin-top:                  15px; 
}

div.textblock img.float_left,
div.textblock object.float_left {
    margin-left:                 0px;
    margin-right:                10px;
    margin-top:                  0px;
    margin-bottom:               1em;
}

div.textblock img.float_right,
div.textblock object.float_right {
    margin-left:                 10px;
    margin-right:                0px;
    margin-top:                  4px;
	margin-bottom:               1em;
}

div.textblock strong {
    margin:                      0;
    padding:                     0;
	font-weight:                 normal;
}

div.textblock strong.textblock_subline{
    clear:                       both;
    display:                     block;
	font-family:                 utahregular, sans-serif;
	font-weight: 				 normal;
	font-size: 				     1rem;
	color: 						 #b3b3b2;
	line-height:                 1.75em;
}

div.textblock.text-center strong.textblock_subline
{
	margin-bottom: 0rem;
}


div.textblock ul
{
    margin:                     0;
    padding:                    0;
    display:                    inline;
}

div.section div.textblock ul li
{
    margin:                     0 0 6px;
	padding-left: 				18px;
	background: 				transparent url(../img/bullet_1.png) 0px 7px no-repeat;
}

div.section div.textblock ul.slides li {
	background: none;
	padding:inherit;
	margin:inherit;
}

div.section div.textblock ul li:first-child
{
    margin-top:                 10px;
}

div.section div.textblock ul.slides li:first-child{
	margin-top:0;
}

div.textblock img
{
    margin:                     0;
}


div.textblock div.image-container {
	position: relative;
	vertical-align: middle;
}

div.textblock span.image-title {
	position: absolute;
	top: 36%;
	left: 5%;
	right: 5%;
	display: block;
	color: black;
	width: 90%;
	height: auto;
	line-height: 40px;
	font-family: Montserrat, sans-serif;
	xfont-weight: bold;
	font-size: 1.225em;
	font-size: 1em;
	xfont-size: 1.5em;
	text-align: center;
	margin-top: 0%;
	background:white;
	border: 3px solid black;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}


div.textblock {
	xborder: black 1px solid!important;
}

/*************************************************************
* boilerplates
*************************************************************/


/*************************************************************
* global sections 
*************************************************************/

.vb,
.vb .container {
	margin-bottom: 3em;
}

.vb0,
.vb0 .container {
	margin-bottom: 1em;
}

.vb1 {
	margin-bottom: .75em;
}

.vb2,
.vb2 .container {
	margin-bottom: 11em;
}

.lt-ie9 .vspace1 {
	padding-left: 40px;
	padding-right: 40px;
}



.section.adown::before{
	content:' ';
	display: block;
	height: 20px;
	width: 100%;
	background: white;
	bottom: 0;
	position: absolute;
	left:0;
	right:0;
	z-index:0;
}

.section.adown::after{
	content:' ';
	display: block;
	width: 0;
	height: 0;
	bottom: 0;
	left:0;
	right:0;
	z-index:1;
	position:absolute;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #a50c07 transparent transparent transparent;
	margin-left:auto;
	margin-right:auto;	
}


div.section.wide,
div.textblock_wide {
	width: 100%;
	max-width: 100%;
}
div.section .waisted {
	padding: 0 1em;
}



/*************************************************************
* macrotemplates / textblocks
*************************************************************/

div.section .slides li {
	position: relative;
}

div.textblock_servicekachel,
div.section a.tile::before,
div.section a.tile {
	background: #292f39;
	padding: 1rem;
	display: block;
	border-radius: 10px;
	color: white;
	font-size: .85rem;
	line-height: 1.25rem;
	margin: 1rem;
	min-height: 220px;
}

div.section a.tile:hover{
	background: #C70010;
}

div.section a.tile::before {
	content: "";
	background: #DADADA;
	min-width: 200px;
	min-height: 220px;
	position: absolute;
	z-index: -1;
	margin: -1rem;
	-moz-transform: rotate(7deg); 
	-webkit-transform: rotate(7deg); 
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
}

div.section a.tile h3 {
	font-size: 1rem;
	font-family: vigaregular, sans-serif;
	font-weight: normal;
	line-height: 1.15rem;
	display: block;
	margin-top: 1rem;
	margin-bottom: .5rem;	
}

div.textblock_table {
	margin-top: 1rem;
}

div.textblock_table table {
	width:100%;
}

div.textblock_table tr {
	width: 100%;
}

div.textblock_table td {
	width: 50%;
}

div.textblock_table tr.even td {
    background-color: #eaeaea;
    color: black;
	line-height: 2.5em;
}

div.textblock_table tr.odd td {
	line-height: 2.5em;
}

div.textblock_table tr td:first-child {
    padding-left: .5rem;
}

div.textblock_servicediagramm {
	margin-top: 2em;
	margin-bottom: 0px;
}

div.textblock_servicekachel h3 {
	color: #C70010;
	margin:0.5em 0 .5em 0;
	font-size: 1.15em;
}

div.textblock_servicekachel {
	color: #292929;
	background: #ededed;
	margin: 0;
}

div.serviceangebot .container {
	position: relative;
}


div.textblock_servicekachel{
	position: relative;
	top: inherit;
	left: inherit;
	width: inherit;
	z-index: inherit;
}



/*************************************************************
* buttons
*************************************************************/

a.extlink {
	font-family: vigaregular, sans-serif;
	font-size: 1rem;
	line-height: 2.15rem;
	display: block;
	width: 100%;
	border-bottom: 2px solid #C70010;
	color: black;
	outline: none;
	font-weight: none;
}

a.extlink:hover {
	color: #C70010;
}

a.extlink:first-child {
	margin-top: 2rem;
	border: 1px solid green;
}

a.extlink::after {
	 content: "\e800";
     font-size: 1em;
	 font-family: "fontello", sans-serif;
	 color: #C70010;
	 float:right;
}

/*

div.textblock.outline div {
	border: 1px solid #eee;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background: white;
	padding: 2em 1em;
	min-height: 200px;
	position: relative;
}

div.textblock.article {
	margin-bottom: 2em;
}

div.textblock.article .img-frame {
    display: block;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding: 0px;
	position: relative;
}

div.textblock.article .img-frame h5 {
    color: 						#80bb3f;
    font-size: 					1.625rem;
    font-size: 					2.625rem;
    font-family: 				reenie_beanieregular, sans-serif;
	font-weight:                100;
    margin: 					1em 0 .75rem;
	float:                      left;
	display:block;
	width:100%;
}

div.textblock.article .img-frame p {
    color: #666666;
    margin: 0;
    padding: 0px 5px 12px;
	float: left;
}

div.textblock.article .img-frame p span {
    color: #2F3035;
	font-weight: bold;
}

div.textblock.article .image-wrapper a.go-link, .image-wrapper a.go-details, .image-wrapper a.more-info {
    background: #80bb3f url("../img/more-details2.png") no-repeat scroll center center;
    border-radius: 38px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin: 0 16px;
    opacity: 1;
    width: 38px;
}

div.textblock.article .image-wrapper a.go-link {
    background: #80bb3f url("../img/go-shop2.png") no-repeat scroll center center;
}

div.textblock.article .image-wrapper {
    margin: 2em 0;
}

div.textblock.article .image-wrapper a {
    line-height: 0;
    margin: 0 0 0rem 0;
    padding: 0;
	float: left;
}

div.textblock.article.bio .image-wrapper::after {
    content: '';
	height: 80px;
	width: 80px;
	background: url(../img/bio-icon.gif) top left no-repeat #8cad45;
	background-size: 100%;
	position: absolute;
	right:0;
	top: 30px;
}

div.textblock.article .image-wrapper span a {
	margin: 0;
	float: inherit;
}

div.textblock.article .image-wrapper a img {
    float: left;
}

div.textblock.article .image-wrapper .mouse-effect,
div.textblock.article .image-wrapper .extra-links {
    display: block;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 26%;
    width: 100%;
    z-index: 100;
	xopacity:1!important
}

div.textblock.article .image-wrapper .mouse-effect {
	z-index: 1;
	top:0;
	bottom:0;
	xopacity:1!important;
	xbackground: #8cad45;
}
*/
/*mobile*/
/*
div.textblock.article .image-wrapper .extra-price,
div.textblock.article .image-wrapper .extra-badge {
    display: block;
    position: absolute;
    text-align: center;
    top: 58%;
    width: 100%;
    z-index: 1;
	opacity: 1!important;
}

div.textblock.article .image-wrapper .extra-price {
   float: left;
   position: relative;
   margin: 0;
}

div.textblock.article .image-wrapper .extra-badge {
   top: 8%;
}

div.textblock.article .image-wrapper .extra-price a,
div.textblock.article .image-wrapper .extra-badge a {
	background: #8cad45;
	background: #2F3035;
	height: 52px;
	line-height:52px;
	width: 220px;
	font-size: 1.325rem;
	display: block;
	text-transform:uppercase;
	color: white;
}

div.textblock.article.bio .image-wrapper .extra-badge a {
	background: #8cad45;
}

div.textblock.article .image-wrapper .extra-price a {
	width: 100%;
	background: #2F3035;
	font-size: 1rem;
	xheight: 30px;
	xline-height:30px;
	xfont-size: 0.75rem;
}


div.textblock.article .image-wrapper a.go-link:hover,
div.textblock.article .image-wrapper a.go-details:hover,
div.textblock.article .image-wrapper a.more-info:hover,
div.textblock.article .image-wrapper .extra-badge a:hover {
	background-color: #3E8125;
}
*/
/* Box Modul */
/*
div.textblock.blackbox,
div.textblock.greenbox {
    color: white;
	margin-bottom: 8px;
}
div.textblock.blackbox  div.inner,
div.textblock.greenbox div.inner {
	padding: 2rem 3.5rem 3rem 4rem;
	padding: 2rem 1.5rem 3rem 1.5rem;
	background: #17672A;
	width: 100%;
	height: 100%;
}

div.textblock.blackbox  div.inner {
	background: #2F3035;
}

div.textblock.blackbox h3,
div.textblock.blackbox strong.textblock_subline,
div.textblock.greenbox h3,
div.textblock.greenbox strong.textblock_subline{
	margin-top: .5rem;
	color: white;
}
*/
/* headline Modul */
/*
div.textblock.headline h3{
	xfont-family: amarillo, sans-serif;
}

div.textblock.headline.align_left h3{
	text-align: center;
}
*/
/* Flex Modul */
/*
div.textblock .flex-left,
div.textblock .flex-right,
div.textblock .flex-top,
div.textblock .flex-bottom{
	display: inline-block;
	width: 100%;
	min-height: 50px;
	xoutline: 1px solid red;
}

div.textblock .flex-top h5 {
	float: left;
	font-size: 					1.75rem;
    font-family: 				reenie_beanieregular, sans-serif;
	font-weight:                100;
	color: #80bb3f;
}


div.textblock .flex-right  strong.textblock_subline{
	xfont-size: 					1rem;
	xfont-family: muliregular, sans-serif;
}

div.textblock.totalprice button,
div.textblock .flex-right2 input {
	float: left;
	background-color: white;
    color: #888;
    display: inline-block;
    margin: 0;
    padding: 6px;
    width: 25px;
	margin-top: 3%;
	text-align: center; 
	border: 1px solid grey;
}

div.textblock.totalprice button {
	background: #7bb73b;
	border: none;
	color: white;
	margin: 0 auto;
	min-width: 300px;
	float: none;
	display:block;
	line-height: 2rem;
	font-size: 1.375rem;
}

div.textblock.totalprice {
		text-align: center;
}

div.textblock.totalprice .totalprice-box,
div.textblock.totalprice small {
	display: inline-block;
	padding: 2em;
	width: 200px;
}

div.textblock .flex-left{
	display:none;
}

div.textblock .flex-right{
	min-height: 50px;
	float: left;
	width: 100%;
}

div.textblock .flex-right2 {
	float:right;
	width: 100%;
	padding-top: 0rem;
}

div.textblock .flex-bottom{
	width: 100%;
	min-height: 1px;
	outline: none;
}

div.textblock.flexgrid {
	border-bottom: 1px solid #bbb;
	margin-top: 2rem;
}

div.textblock.flexgrid .price{
	font-family: muliregular, sans-serif;
	padding-top: .75rem;
	padding-bottom: .5rem;
	display:block;
	color:black;
	float:left;
	width:80%;
}

div.textblock.flexgrid .textblock_subline.align_left{
	text-align:left;
	font-weight: normal;
	margin-bottom: .1rem;
}

div.textblock.flexgrid .qty-picker {
	display:none;
	float:left;
	width: 100%;
}

div.textblock.subline h3 {
	font-family: reenie_beanieregular;
	font-size: 				     2.625rem;
	border-bottom: 1px solid #bbb;
	margin-bottom:0;
}

div.textblock.subline.green h3 {
	color: #8cad45;
}

div.textblock h4.bullet::before {
	content: '';
	float: left;
	width: 50px;
	height: 50px;
	display: block;
	margin-right: 10px;
    background: transparent url(../img/bullet.png) center left no-repeat;
}



div.textblock.newsletterbox {
	background: #bcae8c;
	min-height: 200px;
	position: relative;
}

div.textblock.newsletterbox {
	background: #bcae8c;
	min-height: 200px;
	position: relative;
}

div.textblock.newsletterbox .nl-form {
	background: transparent url(../img/konsum-weimar-wz.png) center 0px no-repeat;
	background-size: 100%;
	text-align: center;
	height: 100%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow: hidden;	
}

.nl-form  .textfield {
    border: none;
    margin-bottom: 15px;
    padding: .5em;
	-webkit-appearance: none;
	width: 70%;
	text-align: center;
}

.nl-form  #email {
	position: absolute;
	bottom: 4em;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.nl-form  .submit-button {
    padding: 0px;
    position: absolute;
	bottom: 1em;
	left:0;
	right:0;
	margin: 0 auto;
	-webkit-appearance: none;
	border:none;
}

	div.textblock.softbox span.image-title {
		top: 80%;
		margin-bottom: 1em;
	}
	
	div.textblock.softbox {
		margin-bottom: 2.5em;
		text-align: center;
		text-transform: uppercase;
		line-height: 1.5em;
		xoutline: grey 1px solid;
	}
	
	div.textblock.softbox a.imglink {
	    padding: 0;
	    position: relative;
	}
	
	div.textblock.softbox a.imglink::after {
	    content: " ";
	    width: 100%;
	    height: 98%;
	    left:0;
	    right:0;
	    background: #405365;
	    opacity: .3;
	    position: absolute;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	
	div.textblock.softbox.darkblue a.imglink::after {
	 background: #405365;
	 background-position: center;
	 opacity: .9;	 
	}
	

	
	div.textblock.softbox.softwhite a.imglink::after {
	 background: #e1e6ed;
	 background-position: center;
	 opacity: .9;	 
	}
	
	.ismobile div.textblock.softbox.softwhite a.imglink::after,
	div.textblock.softbox.softwhite a.imglink:hover::after {
	 background: #e1e6ed url(../img/news.png) center center no-repeat; 
	 opacity: .9;	 
	}
	
	
	
	div.textblock.softbox a:hover::after{
		opacity: 0;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	
	div.textblock.softbox a {
		text-decoration: none;
		color: #627d95;
		padding: .4em 0 0 0;
		xoutline: red 1px solid;
		margin: 0;
		display:block;
	}
	
	div.textblock.softbox a.textlink {
		background: white;
		margin:-.5em;
		position: relative;
	}
	
	div.textblock.softbox a span {
		color: #909090;
		background: transparent url(../img/trenner.gif) center left no-repeat;
		padding-left: .6em;
		margin-left: .6em;
		display: inline-block;
	}
	
	div.textblock.softbox a:hover span,
	div.textblock.softbox a:active span,
	div.textblock.softbox a:hover,
	div.textblock.softbox a:active{
        color: #7e4632;
	}
	
	*/
	/* events period */
	/*
	div.textblock.events {
	    margin-bottom: 2em;
	}
	
	div.textblock.events tr.ausverkauft td {
	    background: white url("../img/bg.gif") repeat scroll left top;
	}
	
	div.textblock.events td h4 span{
	    color: #BABCBC;
	}
	
	div.textblock.events tr td a {
	    color: #627d95;
		text-decoration: none;
		cursor: pointer;
	}
	
	div.textblock.events tr td:first-child,
	div.textblock.events tr td h4{
		color: #627d95;
	}
	
	div.textblock.events tr.ausverkauft td,
	div.textblock.events tr.ausverkauft td a,
	div.textblock.events tr.ausverkauft td ul li {
		color: #888;
	}	

	div.textblock.events tr ul li{
		background: transparent;
		padding:0;
		color: #627d95;
	}
	
	div.textblock.events tr ul li span{
		display: none;
	}
	
	div.textblock.events tr ul li.cta a{
		width: 90%;
		padding: 0;
		text-align: center;
		line-height: 2em;
		display: block;
		background: #E0E0E0;
		color: #627D95;
		outline: none;
	}
	*/
	/*
	div.section div.textblock.events tbody tr:hover td {
	    background: #E0E0E0;
	}
	*/


/************************************************************
* Layers + form
*************************************************************/
/*
input.input {
	border: 1px solid #c3c3c3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.938em;
	padding: 0.3em 0.6em;
	background: white;
	width: 100%;
	margin-top: 10px;
	display: block;
	float: left;
	color: #939393;
	font-weight: bold;
	line-height: 1.8em;
}

.lt-ie9 input.input {
	line-height: 1.5em;
	padding: 0.5em 0.6em 1em 0.5em;
}

.lt-ie9 .float_right .auto {
	float: right;
}

.size1 {
	width: 100%;
	margin-top: 1em;
}

.size2 {
		width: 100%;
		margin-top: 1em;
	}
	
.lt-ie9 .size2 {
	width: 48%;
	display: block;
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
	float: inherit;
	display: block;
	overflow: hidden;
	padding-top: 1em;
}
*/

/******************************************************************************
* Form (c) cliclab
******************************************************************************/

/*

.contactform .labelholder,
.contactform input,
.contactform textarea,
.contactform select
{
	background: transparent;
	font: normal 0.815em/2.5em cliclablight, sans-serif;
	margin: 0 10px 8px 0px;
	padding: 5px 15px 0px 20px;
	width: 100%;
	color: white;
	display: block;
	border: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}


select {
	display: block;
}

.contactform input[type="text"] ,
.contactform textarea {
    border-bottom: 2px solid #fbd082;
	font-size: .85em;
}

.contactform input[type="checkbox"] {
    display: none;
}

div.textblock .contactform  h4,
.contactform fieldset {
    margin-left: 4em;
}

div.textblock.contactform  h4 {
	color: white;
	font: bold 1em/2.5em cliclablight, sans-serif;
	margin-bottom: 0;
}

.contactform div {
    margin-left: 2em;
}

.contactform input[type="checkbox"] + label.with-text {
	-webkit-background-size: 42px auto;
	background-size: 42px auto;
    color: white;
    padding-left: 50px;
    width: auto;
	background-color: transparent;
	width: 100%;
	margin-bottom: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contactform input[type="checkbox"]:checked + label {
    background-position: left top;
    font-weight: bold;
}

.contactform input[type="checkbox"] + label {
    background-image: url(../img/checkbox.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: transparent;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    text-align: left;
    width: 32px;
	cursor: pointer;
}

.contactform select.error,
.contactform input.error {
    border: 1px solid #ff0033!important;
}
.contactform label.error {
   display: none;
   color: red!important;
}

.contactform email.error {
   display: block;
}

.contactform select[name="anrede"]:hover,
.contactform input[name="vorname"]:hover,
.contactform input[name="name"]:hover,
.contactform  input[name="adresse"]:hover,
.contactform  input[name="plzort"]:hover,
.contactform  input[name="telefon"]:hover,
.contactform  input[name="email"]:hover,
.contactform  input[name="betreff"]:hover,
.contactform  textarea[name="feedback"]:hover {

}

.contactform select[name="anrede"]:focus,
.contactform input[name="vorname"]:focus,
.contactform input[name="name"]:focus,
.contactform  input[name="adresse"]:focus,
.contactform  input[name="plzort"]:focus,
.contactform  input[name="telefon"]:focus,
.contactform  input[name="email"]:focus,
.contactform  input[name="betreff"]:focus,
.contactform  textarea[name="feedback"]:focus
{

}


.contactform .subm {
	background: #AA0B07;
	color: white;
}


.overlay {
background: #80bb3f;
width: 100%;
}
*/

/************************************************************
* tabelle / build with cms
*************************************************************/

/*
.col-btn{
	float: left;
	text-align: left;
}

div.textblock .icon img{
	width: 20px;
	height: auto;
	text-align: left;
}

.table-list-item {
    align-items: center;
	display: -webkit-flex; 
    -webkit-align-items: center; 
    display: flex;
	border-bottom: 1px solid #D6D6D6;
	padding: .5rem 0;
}

.table-list-item:first-child{
	border-top: 1px solid #D6D6D6;
}
*/

/******************************************************************************
* Skin select 
******************************************************************************/
/*
div.cmf-skinned-select {
    background: url(../img/select_bg.gif) right 0px no-repeat ;
	display:-moz-inline-stack;
    display: inline-block;
    *display:inline;
	height: 60px!important;
	margin: 0 0 10px 40px;
	padding: 0px;
	line-height: 21px;
	-webkit-margin-start: 19px;
}

div.cmf-skinned-text {
    padding-left: 0px;
}
*/

/************************************************************
* inline background definitons / build with cms
*************************************************************/

/************************************************************
* flexslider ipad fix todo
*************************************************************/

/************************************************************
* shift & states
*************************************************************/




.lt-ie9 div.shift-1-2 {
        margin-left: 50%;
        *margin-left: 49.9690%;
	}
	
.lt-ie9 div.shift-1-12{
         margin-left: 8.3333%;
		*margin-left: 8.3023%;
	}

div.shift-4-12 {
        margin-left: 0;
        *margin-left: 0;
	}
	
	
.desktop, .isdesktop, .istablet {display: none;}
.lt-ie9 .desktop {display: inline-block;}

.mobile{display: inline-block; width: 100%;}
.lt-ie9 .mobile {display: none;}
.ismobile {display: inline-block;}


/*************************************************************
* buttons
*************************************************************/
/*
a.button {
	background: #627D95;
	display: inline;
	float: left;
	color: white;
	line-height: 2.5em;
	margin: 0;
	padding: 0 .5em;
	text-decoration: none;
	width: 42%;
	text-align: center;
}

a.button::before {
	content: ">> ";
}

a.button:hover {
	background: #A5B8C9;	
}

a.button.ticketonsite {
	float: right;
}
*/

a.fb-share-button {
    background: #627D95;
	display: inline-block;
	margin: 1em 0;
	color: white;
	padding: .5em 2em;
	font-size: inherit;
	line-height: 2em;
}

a.fb-share-button {
    background: #627D95;
    background: #ACAFB8;
	display: block;
	margin: 1em 0;
	color: white;
	padding: 0.35em 2em 0.4em 3em;
	font-size: 1em;
	line-height: 2em;
	position: relative;
	margin: 1.75em auto 1em;
	width: 150px;
	font-family: opensans, sans-serif;
}

a.fb-share-button:hover {
	background: #627D95;
}

a.fb-share:before {
     font-size: 2em;
	 position: absolute;
	 bottom: 15%;
	 left: 10px;
	 font-family: "fontello", sans-serif;
}


/******************************************************************************
* footer 
******************************************************************************/

div.footer {
    display: block;
    width: 100%;
 	background: #A4B5C8;	
	color: white;
	padding-top: 2rem;
	padding-bottom: 0;
}

div.subfooter {
	margin-top: 2rem;
	background: black;
}

div.footer hr {
	display: none;
}

ul.footer-list {
	text-transform: uppercase;
	font-size: .9rem;
}


/*
.lt-ie9 .footer-list {float: right;}

.lt-ie9 .footer-list li{	
	float: right;
	margin-right: 10px;
}
*/

/*red*/
.footer-list a:link,
.footer-list a:visited {
	text-decoration: none;
	display: block;
	text-align: center;
	outline: 0;
	color: white;
	margin: .95em 0;
	background: #292929;
	line-height: 1.85;
	padding-top: .5em;
	padding-bottom:.5em;
	text-transform: uppercase;
}

.footer-list a:hover,
.footer-list a:active {
	text-decoration: none;
    background: #6C7D91;
}

.footer-list a.ig,
.footer-list a.fb {
	font-size: 1.5rem;
	background: none;
	margin: 1rem auto 0;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	text-align: center;
	display: block;
	margin-top: 0px;
}

.footer-list a.copyright span{
	font-size: 0rem;
	text-indent: -10000px;
	display: inline-block;
	width: 1.5rem;
	height: 1rem;
	background: transparent url(../img/copyright.png) center center no-repeat;
	background-size: 50%;
	background-position: cover;
	text-align: center;
	vertical-align: middle;
	margin-bottom: .2rem;
}

#footer .credits-list{
	margin: 4em 0 2em;
	font-family: opensans, arial, sans-serif;
	line-height: 2em;
	float: left;
	width: 100%;
	font-size: 0.923em;
	border-top: 1px solid #aaa;
}

#footer .credits-list li {
	float: left;
}
#footer .credits-list li:last-child {
	float: right;
}

#footer .credits-list,
#footer .credits-list a {
	color: #627D95;
	padding:0;
	outline: none;	
}

.lt-ie9 .footer-list a {
    background: none;
    display: inline;
    float: left;
}


#toTop {
	height: 1.5em;
	width: 1.5em;
	display: block;
	text-align: center;
	color: white;
	font-size: 1.5em;
	text-decoration:none;
	outline: none;
	margin: 1em auto;
	position: fixed;
	right: 10px;
	bottom: -20px;
	z-index: 200;
}

#toTop span {
	line-height: 1.35em;
	padding-left: .05em;
	display:inline-block;
}

/*************************************************************
* fontellos
*************************************************************/

.fontello {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
}

span.fb-share:hover,
span.tw-share:hover,
span.pin-share:hover {
	background-position: 0px -1910px;
}

span.fb-share:before { content: '\f204'; }
span.tw-share:before { content: '\f202'; }
span.pin-share:before { content: '\f209'; }
span.close-alt:before {	content:"\f406"; }
span.neue-close:before {	content:"\f405"; }


a.mediumbutton,
a.superbutton {
	display: block;
	width: 200px;
	height: 60px;
	background-image: url(../img/sprite.png);
	background-position: 0px -712px;
	background-repeat: no-repeat;
	color: white;
	text-decoration: none;
	line-height: 3.529em;
	margin: 0 auto;
}

a.mediumbutton {
	background-position: 0px -2115px;
	width: 138px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

a.superbutton:hover {
	background-position: 0px -776px;
}

a.mediumbutton:hover {
	background-position: 0px -2159px;
}

a.read-more-button-inline,
a.read-more-button,
a.read-more {
	color: #a50c07;
	margin: 1.5em 0 .5em;
	display: block;
	outline: none;
}

.lt-ie9	a.read-more-button-inline {
		display: none;
	}
	
a.read-more-button-inline,
a.read-more-button {
	 text-decoration: none;
	 padding-left: 60px;
	 padding-top: 0;
	 background: transparent url(../img/read-more.png) 0 0 no-repeat;
	 line-height: 1.471em;

	 color: black;
	 margin: 0;
	 padding-bottom: 10px;
	 font-weight: bold;
	 min-height: 45px;
}

a.read-more-button {
	display: inline-block;
	width: 80%;
	line-height: 2.5em;
}

div.read-more-button {
	margin-left: 60px;
	display: block;
}

a.read-more.close {
	text-indent: -10000px;
	background:   transparent url(../img/sprite.png) 0 -848px no-repeat;
}

a.read-more-button.close {
	background: transparent url(../img/read-more-b.png) 0 0 no-repeat;
}

a.read-more-button-inline.close {
	background: transparent url(../img/read-more-inline-b.png) 0 0 no-repeat;
}

a.read-more-button-inline {
	display: inline-block;
	background: transparent url(../img/read-more-inline.png) 0 0 no-repeat;
	text-indent: -10000px;
	outline: none;
	padding-bottom: 10px;
    padding-top: 0;
	margin-bottom: 10px;
	line-height: 1.471em;
	 min-height: inherit;
}

a.download {
	display: block;
	height: 45px;
	background: red;
	padding-left: 55px;
	width: 100%;
	font-weight: bold;
	color: black;
	line-height: 1.3em;
	text-decoration: none;
}

a.download:hover {
	color: #a50c07;
}


/************************************************************
 * fontello
************************************************************/

.fontello {
	vertical-align: top;
	text-align: center;
	display: inline-block;
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: inherit;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
	margin-left: .2em;
	margin-right: .2em;
	width: 1em;
}

.fontello {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
}

.icon-angle-double-right:before { content: '\e800'; } 
.icon-angle-double-left:before { content: '\e801'; } 
.icon-left-open-big:before { content: '\e802'; } 
.icon-right-open-big:before { content: '\e803'; } 
.icon-down-open-big:before { content: '\e804'; } 
.icon-up-open-big:before { content: '\e805'; }
.icon-right-dir:before { content: '\e806'; } 
.icon-left-dir:before { content: '\e807'; }
.icon-facebook:before { content: '\e808'; }
.icon-twitter-circled:before { content: '\e809'; }
.icon-twitter:before { content: '\e80a'; }
.icon-facebook-circled:before { content: '\e80b'; }
.icon-gplus:before { content: '\e80c'; }
.icon-gplus-circled:before { content: '\e80d'; }
.icon-pinterest:before { content: '\e80e'; }
.icon-pinterest-circled:before { content: '\e80f'; }
.icon-instagram:before { content: '\e810'; }
.icon-home:before { content: '\e811'; }
.icon-phone:before { content: '\e812'; }
.icon-cog:before { content: '\e813'; }
.icon-down-open:before { content: '\e814'; }
.icon-left-open:before { content: '\e815'; } 
.icon-right-open:before { content: '\e816'; } 
.icon-up-open:before { content: '\e817'; } 
.icon-down-open-mini:before { content: '\e818'; } 
.icon-left-open-mini:before { content: '\e819'; } 
.icon-right-open-mini:before { content: '\e81a'; }
.icon-vimeo-circled:before { content: '\e81b'; }
.icon-vimeo:before { content: '\e81c'; } 
.icon-home-1:before { content: '\e81d'; } 
.icon-home-outline:before { content: '\e81e'; } 
.icon-location:before { content: '\e81f'; } 
.icon-attention-filled:before { content: '\e820'; }
.icon-warning-empty:before { content: '\e821'; } 
.icon-basket:before { content: '\e822'; } 
.icon-th-list:before { content: '\e823'; } 
.icon-search:before { content: '\e824'; } 
.icon-youtube-squared:before { content: '\e825'; } 
.icon-youtube:before { content: '\e826'; } 
.icon-angle-double-up:before { content: '\e827'; } 
.icon-angle-double-down:before { content: '\e828'; }
.icon-menu:before { content: '\e829'; } 
.icon-wordpress:before { content: '\e82a'; } 
.icon-instagram-1:before { content: '\e82b'; } 
.icon-instagram-filled:before { content: '\e82c'; } 
.icon-share:before { content: '\e830'; }
.icon-align-justify:before { content: '\e831'; } 
.icon-forward:before { content: '\e832'; } 
.icon-link-ext:before { content: '\e833'; } 
.icon-mail:before { content: '\e834'; } 
.icon-mail-alt:before { content: '\f0e0'; } 
.icon-linkedin:before { content: '\f31a'; } 
.icon-linkedin-rect:before { content: '\f31b'; } 


.arrow:after { 
	content: '\f432';
	display: inline-block;
	font-size: 1em;
    margin-left: -15px;
	padding-bottom: 16px;
	width: 40px;
	font-family: 'fontello';
	transform: rotate(90deg);
    -moz-transform: rotate(90.0deg);  /* FF3.5+ */
    -o-transform: rotate(90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(90.0deg);  /* Saf3.1+, Chrome */
}
	
.lt-ie9 .arrow:after {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
	content: '\f429';
	display: inline-block;
	font-size: 1em;
	vertical-align: top;
    margin-left: -5px;
	width: 40px;
	font-family: 'fontello';
}


/************************************************************
* breakpoints
*************************************************************/

.info { height: 20px; display: block;}
.info {background: red;}
.info:before{content: "30em - 480px";}
.main_content {border: 3px solid red;}
.noborder .main_content {border:none!important;}

@media screen and (min-width: 21.875em) {

	.main_content {border-color: pink;}
	
	/*
	.mobile-m-box, .mobile-m-box2, .m-box, .m-box2 {
		padding: 0.375em 1.625em;
	}
	
	
	.flexslider .slides div {
		display: block;
	}
	
	div.textblock span.image-title {
		top: 43%;
		left: 15%;
		right: 15%;	
		width: 70%;
		font-size: 1.225em;
	}
	
	
	.section.mobile-scale .textblock.m-box img{
		width: auto;
	}
	*/
	


}

@media screen and (min-width: 35.5em) {

	.main_content {border-color: yellow;}
	.tablet, .istablet, .istablet.ismobile {display:inline-block;}
    .mobile, .ismobile {display:none;}
	
	
	div.textblock.headline h2,
	div.textblock.headline h3 {
		margin:                     1em 0 0 0;
		font-size: 					2rem;
		line-height:                1.15em;
	}
	
	div.textblock.headline strong.textblock_subline{
		line-height:				1.75em;
		font-size:					1.15rem;
	}
	
	.section.bgimage {
		min-height: 280px;
	}
	
	div.shift-4-12 {
        margin-left: 33.3333%;
        *margin-left: 33.3023%;
	}

	/*
	
	
	h2{
		font-size: 1.875em; 
		line-height: 1.5em;
	}
	
	.flexslider .slides div {
	   margin: 0 auto 0 auto;
	   bottom: 0;
	   top: 30%;
	   width: 550px;
	}
	
	.flexslider .slides div h3 {
	   font-size: 1.5em;
	}
		
		
	.flexslider .slides img.mobile{
		display: none;
	}

	.flexslider .slides img.desktop{
		display: block;
	}
	
	div.textblock.box .image-container a:hover::before {
		line-height: 170px;
	}
		
	.m-box,
	.mobile-m-box {
		padding: 0em .75em 0em .75em;
	}
	
	.m-box.pure-u-md-1-3:nth-child(2) {
	    padding: 0.375em 0em 0.375em 0em;
	}
	
	.m-box.compact {
		padding-bottom:0;
		margin-bottom:0;
	}
	.m-box2,
	.mobile-m-box2 {
		padding: 0 1em 0.375em 1em;
	}

	.container .m-box2:last-child {
		padding: 0 1em 0.375em 1em;
	}
	
	.vspace-bottom,
	.vspace-bottom .container {
		padding-bottom: 3em;
	}
	
	div.footer.narrow .container,
	div.section.narrow .container {
		padding-left: 2em;
		padding-right: 3em;
	}
		
	.vspace0 {
		padding-top: 2.5em;
	}
	
	.vb1 {
	    margin-bottom: .75em;
    }
	
	.mobile.scale-with-grid img {
		width: auto;
	}
	
	div.textblock img {
	    width: 100%;
	    margin: 0;
	}
	
	div.textblock.full-img-height  img {
		margin:0;
		padding:0;
	}
	
	div.textblock.full-img-height  img {
		height: 100%;
	}
	
	div.textblock img.float_left {
		width: 50%;
		margin: .5em 1em .1em 0;
		float: left;
	}
	
	div.textblock img.float_right {
		width: 50%;
		margin: .5em 0 .1em 1em;
		float: right;
	}
	

	div.textblock.fpicts {
		margin:0;
	}
	
	
	div.textblock.fpicts a {
		margin: 0;
	}
	
	div.textblock.fpicts a img:last-child {
		padding-right: 10px;
	}
	
	div.textblock.fpicts a:last-child  img{
		padding-right: 0;
	}
	
	div.textblock.fpicts.m-box {
		padding-top: 0;
		padding-bottom: 10px;
		margin: 0;
		line-height :.5em;
	}
	
	div.textblock.fpicts img{
		width: 22.854%!important;
		padding-right: 5px!important;
		height: auto!important;
		margin:0!important;
	}
	
	div.textblock.f3picts img {
		width: 31.42%;
	}	
	
	div.textblock.f2picts img {
		width: 48.45%;
	}
	
	div.textblock.fpicts img:last-child{
		padding: 0;
	}
	div.textblock.fpicts img:first-child{
		padding-left: 1em;
	}
	
	div.textblock.hspace1 {
		padding-left: 8em;
		padding-right: 8em;
	}
	*/
	/*yellow footer*/
	/*
	div.subfooter {
		 padding-top: 3em;
		 padding-bottom: 3em;
	}
	
	div#footer {
	background: #2F3035;
	}
	
	div.footer .footer-list a:link,
	div.footer .footer-list a:visited {
		display: block;
		background: none;
		padding: .1em;
		text-align: left;
		text-transform: inherit;
		color: grey;
	}
	
	div.footer .footer-list li,
	div.footer .footer-list a{
		font-size: inherit;
		line-height: 1.5em;
		padding:0;
		margin:0;
	}
	
	
	div.footer .footer-list li {
		float: left;
		margin-right: 3rem;
	}
		
	div.footer .footer-list.social li {
		margin-top: .5rem;
		margin-right: 1rem;
	}
	
	div.footer .footer-list.social li a {
		font-size: inherit;
		text-align: center;
		display: inline-block;
		line-height: 1.7rem;
		background-color: #cfd1d2;
		text-align: center;
		width: 2rem;
		height: 2rem;
		border-radius: 2em;
		-moz-border-radius: 2em;
	}
	
	div.footer .footer-list.social li a:hover {
		background-color: #bababa;
	}
	
	div.footer .textblock h3 {
		margin:0;
		color: #627D95;
		font-family: opensans,sans-serif;
		font-size: 1.255em;
		margin-bottom: .5em;
	}
	
	#toTop {
		float: right;
        margin-right: 1.25rem;
	}
	
	.button-round  span,
	#toTop span {
		xline-height: 1.5em;
	}
	
	.relative {
	    position: relative;
	}
	
	.button-round {
		height: 1.5em;
		width: 1.5em;
		display: block;
		text-align: center;
		color: white;
		border-radius: 1.5em;
		border: 2px solid gregrey: ;		font-size: 1.5em;
		text-decoration: none;
		outline: none;
	}
	
	.button-round.button-yellow {
	     border: 2px solid #fbd082;
	}
	
	a.button-round.button-yellow {
	color: #fbd082;
	float: right;
	right: 0;
	top:0;
	position:absolute;
	}
	
	a.button-round.button-yellow:hover  {
	color: black;
	}
	
	*/
	
/*yellow*/	
		/*
	.sitemap-list li a{
		font-family: verdana, sans-serif;
		text-align: left;
		color:#424242;
		background: transparent;
		padding:0;
	}

	.sitemap-list li.first a{
		text-align: left;
		padding-left:0;
	}

	div.textblock.light h3 {
		font-size: 2.059em;
	}	
	
	div.textblock.light h3 {
		font-size: 2.053em;
		line-height: 1em;
		font-weight: normal;
		font-family: sanslight, sans-serif;
		margin-bottom: 0.4em;
	}

	.collapsible-header{
		background: transparent url(../img/sprite.png) 0px -1683px no-repeat;
		font-size: 1.471em; 
		padding-left: 60px;
		margin-bottom: 15px;
		height: 45px;
	}
	
	.collapsible-header.active{	
		color: black;
		background-position: 0px -1731px;
	}
	
	.collapsible-content {
		padding-left: 3.8em;
	}
	

	div.textblock img.float_left,
	.image-container.float_left
	{
		margin-right: 2em;
		margin-top: .3em;
		width: auto;
	}

	div.textblock img.float_right,
	.image-container.float_right
	{
		margin-left: 2em;
		margin-top: .3em;
		width: auto;
	}

/*yellow*/
/*
	.image-container.float_right img,
	.image-container.float_left img
	{
		width: auto;
	}

	*/
	
	/* Boilerplates */
	/*	
	div.textblock.boilerplate div {
		text-align: left;
		color: #939393;
		border: 1px solid #eceded;
		background: #f6f6f6;
		padding:.5em;
	}
	
	div.textblock.boilerplate h3 {
		margin: .5em;
		padding-bottom: .5em;
		text-align: center;
		border-bottom: 1px solid #fbb03b;
		color: #1b1464;
	}
	
	div.textblock.boilerplate a {
		color: #fbb03b;
	}
		
	div.textblock.boilerplate p a:last-child{
			border-bottom: 1px dotted #222;
			outline: none;
			font-weight: normal;
			background: none;
			color: #222;
			display: inline-block;
			width: auto;
			line-height: inherit;
			margin-top: 0;
	}

	div.textblock.boilerplate p a:hover:last-child{
				color: #AE0D07;
	}
	
	div.textblock.boilerplate p a:last-child:before {
		display: none;
	}
	/*  *boilerplates  */
	
	
	/*yellow*/
	/*
	div.textblock.events {
	    margin-bottom: 2em;
	}
	
	div.textblock.events tr td:first-child {
	    font-size: 2em;
		line-height: 2em;
		padding: 0.25em .25em .25em .5em;
		vertical-align: center;
	}
	
	div.textblock.events tr td {
	    vertical-align: top;
	}
	
	div.section div.textblock.events tr ul li:first-child {
		margin: 0;
	}

	div.textblock.events tr ul li {
		float: left;
		padding: 0;
		line-height: auto;
		margin: 0;
	}
	
	div.textblock.events tr:hover td {
	   background: #DCDDDD;
	}
	
	div.textblock.events tr ul li span{
		display: inline;
		margin: 0 1em;
	}
	
	div.textblock.events tr ul li.cta {
	    float: right;
	}
		
	div.textblock.events tr ul li.cta a{
		width: 90%;
		padding: 0;
		text-align: center;
		line-height: 2em;
		display: block;
		background: transparent;
		color: #627D95;
	}
	

	.footer-list.social li {
		margin-left: 0em;
		margin-right: 1.1em;
	}
	*/
		/* Verical tabbox */
	/*
	.vtabbox .contenttabs {
		width: 25%;
		*width: 24.9690%;
		float: right;
		display: inline;
	}

	.vtabbox .tabpanel {
		width: 75%;
		*width: 74.9690%;
	}
	
*/
	
	/* textblock service */
	/*
	div.textblock.service {
		position: relative;
		padding: 0 40px 0 0;
		margin-top: 4em;
		margin-bottom: 0em;
		float: none;
	}
	
	div.textblock.service::after {
		content: " ";
		display: block;
		bottom: 20px;
		border-bottom: 4px solid #867E73;
		clear:both;
	}
	
	div.textblock.service .textblock_subline {
		display: inline;
	}
	
	div.textblock.service .textblock_subline::after {
		content: " ";
		display: block;
		height: 0;
	}
		
	div.textblock.service .image-container {
		width: 48%;
		float: left;
	}
	
	div.textblock.service .image-container img {
		max-width: 100%;
		height: auto;
		float: left;		
	}
	
	div.textblock h6,
	div.textblock h4,
	div.textblock h3 {
		margin-top:                 0;
		margin-bottom:              0.75em;
		margin-bottom:              0.25em;
		margin:0;
		font-size:                  2.625rem;
	}
	
	div.textblock h4 {
		font-size:                  inherit;
		line-height:                1.125em;
		margin-bottom:               0.7em;
		xwidth: 60%;
	}
	
	div.textblock h5 {
		font-size:                  inherit;
		font-weight:                normal;
		line-height:                1.125em;
	}
		
	

	a.fb-share-button {
	    display: inline-block;
    }
	*/
		/* yellow */
		/*
	div.textblock.article .image-wrapper .extra-badge {
		top: 9%;
	}

	div.textblock.article .image-wrapper .extra-badge a {
		width: 110px;
		height: 30px;
		font-size: 0.75rem;
		line-height: 32px;
	}
	

	.section div.textblock.text-center strong.textblock_subline {
		margin-bottom: 0;
	}
	
	.main_content {
	margin-bottom: 200px;
	}	
	
	
*/


}

/*@media screen and (min-width: 48em) {*/
@media screen and (min-width: 56.3em) {

	.main_content {border-color: green;}
	.mobile {display: none;}
	.mobile-flex {display: none!important;}
	.ismobile {display: none;}
	.tablet, .istablet {display: none;}
	.desktop {display: block; margin: 0 auto; /*width: 100%;*/}
	.desktop-flex {display: flex!important;}
	.isdesktop {display: block;}
	div.textblock.desktop {display: inline-block;}
	
	
	.main_content {
		margin-bottom: 450px;
	}
	
	div.footer {
		bottom: 0;
		left: 0;
		position: fixed;
		z-index: -1;
	}

	.flexslider .slides img.mobile{
		display: none;
	}

	.flexslider .slides img.desktop{
		display: block;
	}

	#header {
		height: 5.57143rem;
	}

	#header.fixed {
		transform: translate3d(0px, -100.1%, 0px);
	}

	.header__brand{
		flex-basis: 8.57143rem;
		margin-top: 0px;
		position: relative;
		transform: translateY(-30%);
	}

	.logo img {
		min-width: 140px;
	}

	.header__main-nav {
		-moz-box-flex: 2;
		flex-grow: 2;
	}

	.section.bgimage {
		min-height: 280px;
	}

	.flexslider.carousel{
		margin-left: 4em!important;
		margin-right: 4em!important;
		margin-bottom: 2.5em!important;
	}
	
	div.footer {
		background: #292929;	
	}
	
	.footer-list li.first {
	   
	}

	.footer-list a:link,
	.footer-list a:visited {
		background: none;
		padding-top:0em;
		padding-bottom:0em;
		text-align: left;
		text-transform: none;
		color: #91949D;
		line-height: 1.4em;
		font-size: .9em;
	}
	
	.footer-list a {
		xborder: 1px solid green;
		line-height: 1.4em;
	}
	
	.subfooter .footer-list a {
		float:left;
		margin-right: 1rem;
		text-decoration: underline;
	}
	
	.footer-list a.ig,
	.footer-list a.fb {
		font-size: .9rem;
		text-decoration: none;
		margin-top: 0.95em;
	}
	
	.footer-list a.fb {
		margin-right: 0rem;
		margin-left: .5rem;
	}
	
	.footer-list a.copyright span{
		background: transparent url(../img/copyright-g.png) center center no-repeat;
		background-size: 50%;
		background-position: cover;
	}


	
	/*
	h2{
		font-size: 2rem; 
		line-height: 1.850rem;
	}
	
	.flexslider .slides div {
	   margin: 0 auto 0 auto;
	   bottom: 0;
	   top: 30%;
	   width: 655px;
	}
	
	.flexslider .slides div h3{
	   font-size: 1.850em;
	}
	
	.flexslider .slides img.mobile{
		display: none;
    }

	.flexslider .slides img.desktop{
		display: block;
		border: 1px solid green;
	}


	.scale-with-grid img,
	img.scale-with-grid {
		
	}
	*/
	/* topbar */
	/*
	#topbar {
		background: white;
		align-items: center;
		-webkit-align-items: center; 
		/*display: -webkit-flex; 
        display: flex;
		cursor: pointer;
		justify-content: space-around;
		align-content: strech;
		padding: .4rem 0rem .4rem 0rem;
	}
	
	#topbar span {
		display: block;
		float: left;
		min-width: 20%;
		margin: auto;
		font-style: normal;
	}
	
	#topbar span.adress {
		text-align: center;
		min-width: 38%;
	}
	
	#topbar span.distributors a {
		margin-left:1rem;
	}
	
	#topbar span.telefon {
		text-align: center;
	}
	
	#topbar span.basket {
		text-align: right;
	}
	
	#topbar a {
		font-size: 0.875rem;
	}
		
	#header {
		min-height: 160px;
		position: absolute;
		background: transparent;
	}
	
			/* desktop logo position */
	/*
	.brand {
		position: relative;
		width: auto;
		top: inherit;
		right: inherit;
		z-index: -1;
	}
	
	.brand.ismobile {
		display: none;
	}
	
	.brand.isdesktop {
		display: block;
		padding-left: 1em;
	}	
	
	div.textblock .flex-right{
		width: 36%;
		padding-right: 0%;
		padding-left: 1.25rem;
	}
	
	
	div.textblock .flex-left{
		width: 18%;
	}
*/

	/* breadcrump */
	
/*
	div.breadcrump {
		display: block;
		height: 40px;
		background: #f4f4f4;
		bottom: 0;
		position: absolute;
		margin: 0 auto;
		right: 0;
		left: 0;
	}
	
	div.breadcrump ul {
		float:left;
	}
	
	.breadcrump li {
		float: left;
		padding-right: 0em;
	}
	
	.subpage ul#breadcrump li {
	
	}
	
	.breadcrump li:last-child{
		background: none;
		padding-right: 1em;
	}
	
	.breadcrump a {
		color: #80bb3f;
		margin-left: 1.75em;
		display: block;
		line-height: 40px;
	}
	
	.breadcrump li.current a {
		text-decoration: none;
		cursor: default;
	}
	
	.breadcrump a:link,
	.breadcrump a:visited {
		color: 80bb3f;
		outline: 0;
	}
	
	.breadcrump a:hover,
	.breadcrump a:acive {
		color: #80bb3f;
		outline: 0;
	}
	ul#shopservice {
	     float:right;
	}
	
	.vspace0 {
		padding-top: 2.5em;
	}
	
	div.section.dottedbg {
		background: #e7e8e7 url(../img/dotted-bg-grey.png) center top no-repeat;
		background-size: contain;
	}
	
	div.contentslider.waisted,
	div.section .waisted {
	    padding: 0 6em;
    }
	
	.section .text-center div {
	  text-align: inhinherit: ;   
    }
	*/
	

	
/* Horizontal Tabgroup Tablet */

/* Tablet Style */
/*
	.section.htabbox .tabbox{
		padding-top: 2em;
	}

	.htabbox .tabbox .tab {
		text-align: center;
		line-height: 40px;
		text-transform: uppercase;
	}
	
	.htabbox .tabbox3 .tab {
		width: 31.5%;
	}
	
	.section..htabbox  .tabbox h3.tabpanel {
		display: none;
	}
	
	.section.htabbox  .contenttabs  {
		display: block;
	}
	
	
	.htabbox .tabbox div.textblock.greybox {
		background: transparent;
		border:none;
	}
	
	.htabbox .tabbox .textblock.greybox div{
		background: #f0f0f0;
		margin: .5em .5em 0 .5em;
	}
	
	.htabbox .tabbox .textblock.greybox img {
		margin:0;
	}
	*/
	/* Buttonstyle
	.htabbox .tabbox .tab.selectedTab {
		background: #aa0b07;
		color: white;
		position: relative;
	}
	*/
	/*
	.htabbox .tabbox .tab.selectedTab {
		color:  #a08f62;
		font-weight: bold;
		position: relative;
	}
	
		
	.htabbox .tabbox .tabpanel0 {
		display:block;
	}
	
	.htabbox .tabbox .tabpanel3,
	.htabbox .tabbox .tabpanel2,
	.htabbox .tabbox .tabpanel1 {
		display: none;
	}
	
	.section.htabbox h3.tabpanel {
		display: none;
	}
*/
/* Horizontal Tabgroup Tablet */

	
/*green*/	

	
	.size1 {
		width: 100%;
		display: block;
		margin-top: 1em;
	}

	.size2 {
		width: 48%;
		display: block;
		overflow: hidden;
	}
/*
	.right {
		float: right;
		padding: 0;
	}
		
	.float_right .auto {
		float: right;
	}
	*/
	
	/*green ------------------------------------------------- textblock tgreen   -------------------------*/
	
	div.textblock img.float_left,
	div.textblock img.float_right {
	    width: 33%;
	}
		
	div.textblock h3.align_left {
	    text-align: left;
    }
	
	div.textblock_servicediagramm {
	margin-bottom: 300px;
	}

	div.serviceangebot .servicekachel0{
		position: absolute;
		top: 35%;
		left: 1%;
		width: 300px;
		z-index: 1000;
	}
	div.serviceangebot .servicekachel1{
		position: absolute;
		top: 65%;
		left: 35%;
		width: 300px;
		z-index: 1000;
	}

	div.serviceangebot .servicekachel2{
		position: absolute;
		top: 35%;
		left: 70%;
		width: 300px;
		z-index: 1000;
	}

	

	
	/*
	
	div.textblock.article.bio .image-wrapper::after {
		height: 50px;
		width: 50px;
		}
		
	div.textblock.article .image-wrapper .extra-price a {
		height: 30px;
		line-height:30px;
		font-size: 0.75rem;
	}
	
	div.textblock.article .image-wrapper > a {
		overflow:hidden;
		height:200px;
	}
	
	div.textblock.blackbox div.inner,
	div.textblock.greenbox div.inner {
		padding: 2rem 3.5rem 3rem 4rem;
	}
	*/
	
	div.textblock .flex-left{
		width: 28%;
		min-height: 50px;
		float: left;
		display: inline-block;
		height:238px;
		overflow:hidden;
	}
	
	div.textblock .flex-right{
	   width: 68%;
	}
	
	div.textblock .flex-right{
	   width: 35%;
	}
	
	div.textblock .flex-right2 {
    	width: 33%;
	    padding-top: 4rem;
    }
	/*
	div.textblock.totalprice button {
		min-width: 200px;
	line-height: inherit;
	font-size: 1rem;
	}

	div.textblock.totalprice small {
		width: 400px;
	}
	*/

	div.textblock.premium h3 {
		background: black;
		color: white;
		display: inline-block;
		padding: .2em .5em .2em .5em;
		margin-left: -.5em;
	}
	
	div.textblock strong.textblock_subline
	{
	   
	}
	
	.section div.textblock.text-center div  {
		text-align:inherit;
	}
	
	

	div.textblock.premium  strong.textblock_subline {
		margin-top: .5em;
	}
	
	/*	
	div.textblock.f4picts img{
		width: 23.40%;
	}
	
	div.textblock.f3picts img{
		width: 31.89%;
	}
	
	div.textblock.f2picts img{
		width: 48.8%;
	}
	*/
	/*green*/
	/*
	div.textblock.linkbox {
		position: relative;
	}
	
	div.textblock.linkbox ol {
		position: absolute;
		top: 30%;
		display: block;
		left: 2em;
		right: 12em;
		bottom: 0;
	}
	
	div.textblock.linkbox li a {
		display: block;
		width: 100%;
		background: white;
		border: 1px solid black;
		padding: 1em;
		text-align: center;
		outline: none;
	}
	
	div.textblock.linkbox li a:link,
	div.textblock.linkbox li a:active {
		text-decoration: none;
	}
	
	div.linkbox li a:hover,
	div.textblock.linkbox li a:visited {
		color: white;
		background: #A49261;
	}
	
	div.section div.textblock ul li {
 	}
	
	div.section.narrow .container {
		padding-left: 2em;
		padding-right: 2em;
	}

	
	div.shift-1-12 {
		margin-left: 8.3333%!important;
		*margin-left: 8.3023%!important;
	}
	
	div.desktopnarrow .textblock  span.image-title{
		 font-size: .85em;
		 right: 0;
		 bottom: 0;
		 left: inherit;
		 top:inherit;
		 height: 20px;
		 line-height: 20px;
		 width: 60%;
		 border: 1px solid black;
		 font-weight: normal;
	}
	
	div.textblock.trenner {
		padding-right: 40%;
		padding-left: 40%;
		position: relative;
	}
	
	div.textblock.trenner::after {
		content: " ";
		top: 0px;
		right: 0;
		width: 100%;
		height: 38%;
		position: absolute;
		border-bottom: 1px solid black;
		z-index: -10;
	}
	
	div.textblock.service {
		padding: 0 10px 0 0;
	}
	
    div.textblock.greenbox {
	
	}
	
	div.footer .footer-list li {
		margin-right: 4rem;
	}
	
	#header.fixed div#nav {
		background: white url(../img/fernands-flammkuchen-xs.gif) 98% 11px no-repeat;
		background-size: 90px auto;
		border-bottom: 1px solid #03552E;
		height: 38px;
		max-width:100%;
		padding: .7rem 0 0 0;
		position: fixed;
		top: 0;
	}
	
	#header.fixed div#nav li > a {
		color: black;
		font-size: 0.875rem;
		
	}
	

	#timer {
		display:none;
	}
	
	
	*/
	
	/************************************************************
	* Tabelle / build with cms
	*************************************************************/

	/*
	.col-btn{
		float:right;
		text-align: right;
	}
	
	.table-list-item .col1  {
        align-items: center;
    }
	*/


	
/*green */
	

}

@media screen and (min-width: 64em) {
	.info {background: blue;}
	.info:before{content: "64em";}
	.main_content {border-color: blue;}
	
	.main_content {
		margin-bottom: 490px;
	}
	
	.flexslider .slides div {
	   top: 29%;
	   width: 700px;
	}
	
	.flexslider .slides div h3{
	   font-size: 2em;
	}
	
	div.section .flexslider .slides a.tile h3 {
	   font-size: 18px;
	}
	
	
	.flex-direction-nav a {
          top: 40%;
    }

	.rsArrowIcn   {display:block;}

	.vspace0 {
		padding-top: 2.5em;
	}
	
	.vb0 {
	    margin-bottom: 4em;
    }

	.vb1 {
	    margin-bottom: .75em;
    }

	div.section.bgimage.bigsize {
		min-height: 560px;
	}
	
	div.section.bgimage.bigsize {
		min-height: 650px;
	}
	/*
	div.textblock.f4picts img{
		width: 23.8%;
	}
	
	div.textblock.f3picts img{
		width: 32.25%;
	}
	
	div.textblock.f2picts img {
		width: 49.20%;
	}
	*/
	
	div.textblock.hspace1 {
		padding-left: 12em;
		padding-right: 12em;
	}
	
	div.textblock.trenner {
		padding-right: 41%;
		padding-left: 41%;
	}
	
	div.textblock.trenner::after {
		top: 0px;
		height: 40%;
	}
	
	div.textblock.service {
		padding: 0 40px 0 0;
	}
	
	/* blue */
	

}

@media screen and (min-width: 80em) {
	.info {background: violet;}
	.info:before{content: "80em - 1280px"}
	.main_content {border-color: violet;}
	
	.rsHor .rsArrowLeft { left: 5%; top: 0; }
	.rsHor .rsArrowRight { right: 5%; top:0; }
	
	.section.bgimage {
		min-height: 380px;
	}
		

}

@media screen and (min-width: 93.75em) {
	.info {background: aqua;}
	.info:before{content: "93.75em - 1500px"}
	.main_content {border-color: aqua;}
	
	.rsHor .rsArrowLeft { left: 12%; top: 0; }
	.rsHor .rsArrowRight { right: 12%; top:0; }
	
	.flexslider .slides div {
	   top: 40%;
	}
	
	.flexslider .slides div h3{
	   font-size: 2.5em;
	}
	.section.bgimage {
		min-height: 480px;
	}

}