/*
*	cliclab³ miniFlex V1.0
*	Copyright 2016, c.schneider@e-sens-e.de
/******************************************************************************
*	css/styles.css
*	2016-08-11	(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
*   blue:                   #627d95;

*   type:               	#0d0d0d;
*   grey:                	#b2b2b2;
*   lightgrey:              #ececec;

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


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


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

}

@font-face {
    font-family: 'os-condlight';
    src: url('../fonts/opensans-condlight-webfont.eot');
    src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#os-condlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'osb-condlight';
    src: url('../fonts/opensans-condensedbold-webfont.eot');
    src: url('../fonts/opensans-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condensedbold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-condensedbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condensedbold-webfont.svg#open_sans_condensedbold') format('svg');
	font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'genericons';
    src: url('../fonts/genericons-regular-webfont.eot');
    src: url('../fonts/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/genericons-regular-webfont.woff') format('woff'),
         url('../fonts/genericons-regular-webfont.ttf') format('truetype'),
         url('../fonts/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

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;
}

nav ul, 
nav ol {
    list-style: none;
    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 {
    -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: 				opensans, sans-serif;
	font-size: 					1em;
	line-height:                1em;
	color: 						#222;
	height: 					100%;
	background: 				white url(../img/bg.gif) top left repeat;
}

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{
   font:0/0 a;
}

h3{
  font-size: 1.714em; 
  line-height: 1.7em; 
  text-rendering: optimizeLegibility;
}

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


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

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

a:focus {
	outline: thin dotted;
}

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


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

#header {
	height: 100px;
	width: 100%;
	z-index: 100;
	background: #627d95;
	font-family: opensans, sans-serif;
	overflow: inherit!important;
	-webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}

#header .menu {
}

#brand {
	display:none;
}

#header.superlogo {
    height: 200px;
	-webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -ms-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .5s ease;
}

#timer {
    display:none;
}

.superlogo #brand {
	display: block;
	width: 100%;
	height: 200px;
	margin: 2px;
	background: transparent url(../img/buergerhaus-neuermarkt.png) 50% 10px no-repeat;
	background-size: 25% auto;
	-webkit-background-size: auto 50%;
	-moz-background-size: 25% auto;
	-o-background-size: 25% auto;
	-ms-behavior: url(../css/backgroundsize.min.htc);
}
	
.superlogo #nav {
    top:100px;
}
.superlogo #branding {
    display: none;
}

#branding {
	margin: 22px auto 0;
	right: 0;
	top: 2em;
	top: 1em;
	position: absolute;
	width: 50%;
	text-align: right;
	float: none;
	z-index: 101;
	display: block;
}

#header h1,
#header h2{
	text-indent: -10000px;
	height: 0em;
}

/* breadcrump */

div.breadcrump {
	display: none;
}

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


.main_content {
	margin-top: 0px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 0em;
	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;
}

#header .container {
	text-align: center;
}

.logo {
	max-width: 150px;
	height: auto;
	display: inline-block;
	margin-left: 0em;
	margin-right: 1.5em;
	float: none;
	outline: 0px solid;
}


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

.logo img {
	height: auto;
    max-width: 100%;
}

.no-border {
	border:none;
}

#nav #menu-button span {
	display: none;
}


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


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


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


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

.flexslider .slides > li {
    border: none;

}

.main_content .flexslider  {
	border: none;
	max-width: 1024px!important;
}

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

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

.flexslider .slides {
		position: relative;
}

.flexslider .slides div {
	width: 100%;	
	height: 100px;
	position: absolute;
	z-index: 200;
	right:0;
	bottom: 1.8em;
	text-align: center;
	color: white;
	display: none;
}

.flexslider.black .slides div {
	color: #333;
}

.flexslider .slides div h3{
	font-family: osb-condlight, sans-serif;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	xfont-size: 1.750em;
}

.flexslider .slides div h4{
	font-family: opensans, sans-serif;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-weight: bold;
	font-size: 1.25em;
	margin-top: .7em;
	margin-bottom: .5em;

}

.flexslider .slides div h5{
	font-family: opensans, sans-serif;
	font-size: 1em;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
}

.flex-direction-nav a {
    top: 40%;
	outline: none;
}

.main_content.bigimgscroll {
    position: relative;
    z-index: 0;
}

/* 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;
}


/* Royalslider
============================== */
.rsBullet {
    background: #515151 none repeat scroll 0 0;
    background: transparent;
	border: 1px solid #C9C2AF;
    border-radius: 14px;
    display: inline-block;
    height: 14px;
    margin-left: 20px;
    width: 14px;
}

.rsBullet.rsNavSelected {
    background: #E0DCD2 none repeat scroll 0 0;
	border: 1px solid #E0DCD2;
}

.rsNav {
	width: 100%;
	overflow:hidden;
	text-align: center;
	position: absolute;
	bottom:0;
}

.gallery .rsOverflow {
	height: 500px;
}


.rsArrow {
	height: 100%;
	width: 23px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsHor .rsArrowLeft { left: 0%; top: 0; }
.rsHor .rsArrowRight { right: 0%; top:0; }

.rsArrowIcn {		
	width: 40px;
	height: 84px;
	top:55%;
	left: 50%;
	margin-top:-32px;	
	margin-left: -22px;
	position: absolute;	
	cursor: pointer;
	background-size: 50%!important;	
}


.rsArrowIcn:hover {

}

.rsHor .rsArrowLeft .rsArrowIcn { background: url(../img/pfeil_links2.png) 0 0 no-repeat; left: 100%;}
.rsHor .rsArrowRight .rsArrowIcn { background: url(../img/pfeil_rechts2.png) 0 0 no-repeat; left:0;}
.rsHor .rsArrowLeft:hover .rsArrowIcn { background: url(../img/pfeil_links.png) 0 0 no-repeat;}
.rsHor .rsArrowRight:hover .rsArrowIcn { background: url(../img/pfeil_rechts.png) 0 0 no-repeat;}
.rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


.redarrow .rsArrowIcn {		
	display: none;
	width: 145px;
	height: 145px;
	margin-left: -145px;
	background: red!important;
}

.redarrow .rsArrowLeft .rsArrowIcn {		
	width: 145px;
	height: 145px;
	margin-left: 0px;
}


/* 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;
}

.offset-33 {
    margin-left: 0;
    *margin-left: 0;
}

/*************************************************************
* textblocks global
*************************************************************/

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

div.textblock h6,

div.textblock h3 {
    color:                      black;
    line-height:				1em;
	text-transform: 			uppercase;
	font-family: 				osb-condlight, sans-serif;
	font-weight: 				normal;
	font-size: 					1.923em;		
	font-size: 					2.154em;		
	color: 	           	        #627D95;
	text-align:                	center;
	margin: 1em 0 .5em 0;
}

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

div.textblock {
		font-family: 				opensans, sans-serif;
		line-height: 				1.71em;
		font-size:                  0.813em;
		text-align:                 justify;
}

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

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

/* brands */
.section.brands .textblock {
	vertical-align: middle;
	margin-top: .9em;
	margin-bottom: .9em;
}

.section.fullsize .textblock.m-box{
	padding:0;
	margin:0;
}

.textblock.tilestyle,
.section.tilestyle .textblock.m-box{
	line-height: 0em;
}

.section.filialen .textblock.m-box:first-child img{
	margin-bottom: 1em;
}

.section.filialen .textblock.m-box img{
	margin-bottom: .5em;
	max-width: 80%;
}

.section.outline {
	border: 2px solid black;
	margin: 0 1em 1em 1em;
}


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


.textfield {
    border: 1px #818181 solid;
    border-bottom-width: 1px;
    margin-bottom: 15px;
    padding: .5em;
	-webkit-appearance: none;
	width: 95%;
}

.text-area {
    border: 1px #818181 solid;
    padding: .5em;
	height: 5em;
	overflow: auto;
	-webkit-appearance: none;
	width: 95%
}

.contactform .submit-button {
    background-color: #627d95;
    border: 1px solid #818181;
    color: white;
    margin-top: 10px;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
	-webkit-appearance: none;
}

.contactform .submit-button:visited {
	 background-color: #CED8E0;
}

.contactform .submit-button:hover {
	background-color: #91A8BC;
}

.text-area:hover,
.textfield:hover {

}

.success-message {
    background-color: green;
	color: white;
    border-radius: 5px;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
	display: none;
}

.cl-form-fail.success-message{
	background-color: red;
}

.success-message p {
	margin: 1.5em 0;
}


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

div.textblock strong.textblock_subline {
	font-size: 1.176em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: .3em;
}

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

div.textblock h3 i {
    display:                    block;
    float:                      right;
    font-size:                  0.73em;
    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;
}

div.textblock strong.textblock_subline
{
    clear:                       both;
    display:                     block;
	text-transform:				 uppercase;
    font-size:                   inherit;
	font-weight: 				 normal;
	color: 						 #8E8E8E;
	line-height:                 1.231em;
	text-align:                  center;
	margin-bottom: 1em;
}

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 li:first-child
{
    margin-top:                     10px;
}

div.textblock img
{
    margin:                      0;
}

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

div.textblock span.image-title {
	/*position: absolute;
	bottom: 0%;
	left: 0%;
	right: 0%;*/
	display: block;
	color: black;
	width: 100%;
	height: auto;
	line-height: 2em;
	font-family:  sans-serif;
	font-size: 1.225em;
	font-size: 1em;
	text-align: center;
	xmargin-top: 0%;
	background: #DDDDDD;
	border: 0px solid black;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	float:left;
	margin-bottom:.5em;
}

div.textblock .image-container img {
	 float:left;	
}

div.textblock.softbox span.image-title {
	border: 0px solid black;
	background: white;
	color: #627d95;
	text-transform:uppercase;
	bottom: 0;
	top: 85%;
	left:0;
	right:0;
	width: 100%;
	line-height: auto;
	height: 40px;
}

div.textblock.softbox:hover span.image-title {
	xbackground: #BDBEB9;
}

div.textblock a span.image-title {
		xbackground:#AF0D08;
}

div.textblock span.image-title:before {
}

div.textblock a span.image-title:before {
}
	
div.textblock.pure-u-sm-1-3 span.image-title {
	font-size: 1.5em;
}

div.textblock.pure-u-sm-1-3 span.image-title:before {
	display: none;
}


div.textblock.sorttyp {
	padding: 2em 0;
}

div.section div.textblock.sorttyp ul {
	float: right;
	margin-right: 1.5em;
	
}

div.section div.textblock.sorttyp ul li{
	float: left;
	margin-top:0;
	margin-right:0;
	padding:0;
	background: transparent;
}

div.textblock.sorttyp li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0/0a;
	text-indent: -9999px;
	background:none;
}

div.textblock.sorttyp li.tile a{
	background: transparent url(../img/tile_inactive.gif) center center no-repeat;
}
	
div.textblock.sorttyp li.list a{
    background: transparent url(../img/list_inactive.gif) center center no-repeat;
}

div.textblock.sorttyp li.tile.current a{
    background: transparent url(../img/tile_active.gif) center center no-repeat;
}

div.textblock.sorttyp li.list.current a{
    background: transparent url(../img/list_active.gif) center center no-repeat;
}

div.textblock.events {
    display:none;
}

div.textblock.sorttyp li.events.tile a,
div.textblock.sorttyp li.events.list a {
	outline: none;
	background-size:100%;
	-webkit-background-size: 100%t;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-ms-behavior: url(../css/backgroundsize.min.htc);
}

div.textblock table {
	width: 100%;
	border: none;
}

div.textblock table.period {
	margin-bottom: 1em;
}


div.textblock.eventbox {
	background: #ddd;
	margin:0;
	padding:0;
}

div.section div.textblock.eventbox ul li{
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 3em;
}

div.section div.textblock.eventbox ul li.event_headline {
	background: #627D95;
	color: white;
	text-transform: uppercase;
	display: none;
	padding: 0 3.05em;
}

div.section div.textblock.register h3{
	background: #627D95;
	color: white;
	text-transform: uppercase;
	padding: 1em 2em;
	font-family: opensans,sans-serif;
	font-size: 1.385em;
	width: auto;
	width: 100%;
	display: table;
	margin: 0;
}

div.section div.textblock.register {
	 margin: 2em 0em 2em 0em;
	 padding: 0;
	 width: 100%;
}

div.section div.textblock.register::after {
	content: " ";
	border-bottom: 2px solid #627D95;
	display: block;
	margin: 0;
}

.lt-ie9xxx div.section div.textblock.register {
	border-bottom: 2px solid #627D95;	
}


div.section div.textblock.register ul li {
	line-height: 1em;
}

div.section div.textblock.eventbox ul li.event_current {
	font-size: 1.53875em;
	width: 100%;
}

div.section div.textblock.eventbox ul li.event_parent,
div.section div.textblock.eventbox ul li.event_parent span {
	display: none;
	line-height: 1em;
}

div.section div.textblock.eventbox ul li.event_parent a {
	font-size: 2em;
	line-height: 1em;
}	


div.section div.textblock.eventcontrol {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}

div.section div.textblock.eventcontrol .event_prev{
	padding-left: 1em;
}
div.section div.textblock.eventcontrol .event_next{
	padding-right: 1em;
}

div.section div.textblock.eventcontrol ul {
	display: table;
	width: 100%;
	border-top: 1px solid #A8B8CF;
	padding-top: 1.5em;
}

div.section div.textblock.eventcontrol ul li {
	font-size: 1.5em;
	font-weight: bold;
	color: #627D95;
	margin: 0;
	xoutline: 1px solid red;
	display: table-cell;
    table-layout: fixed;
    border-spacing: 5px;
	text-align: center;
	text-align: left;
	background: none;
	padding-left:0;
	width: 25%;
}

div.section div.textblock.eventcontrol ul li.event_current {
   min-width: 50%;
}

div.section div.textblock.eventcontrol ul li.event_next {
	text-align: right;
}

div.section div.textblock.eventcontrol ul li.event_parent {
	display: block;
	float: inherit;
	width: 100%;
	background: #DDDDDD;
	line-height: 2em;
    font-weight: normal;
	color: #222;
	text-align: center;
}

div.section div.textblock.eventcontrol ul li.event_next a,
div.section div.textblock.eventcontrol ul li.event_prev a {
    font-weight: bold;
	font-size: 1.5em;
	font-size: 1.5385em;
}



div.section div.textblock.eventcontrol ul li.event_next a span,
div.section div.textblock.eventcontrol ul li.event_current,
div.section div.textblock.eventcontrol ul li.event_prev a span {
    display: none;
}
/*
div.section div.textblock.eventcontrol ul li.event_next a span:first-child,
div.section div.textblock.eventcontrol ul li.event_prev a span:first-child {
    display: inline;
}
*/


/*
div.section div.textblock.eventcontrol ul li.event_prev a::before {
	content: "<<";
	padding-right: .5em;
}

div.section div.textblock.eventcontrol ul li.event_next a::after {
	content: ">>";
	padding-left: .5em;
}
*/


div.section div.textblock.eventcontrol ul{
    border: none;
}

div.section div.textblock.eventcontrol ul:first-child{
	border-top: 3px solid #a8b8cf;
}

div.textblock_table tr {
	margin: 0.25em;
}
div.textblock_table tr:first-child {
	/*background: #F7F8F9;*/
}

div.textblock_table tr td {
	padding: 0.25em .5em 0.25em;
	width: 20%;
	text-align: center;
}

div.textblock_table tr td:first-child{
width: 60%;
padding-right: .5em;
text-align: left;
}

div.textblock_table tr td:nth-child(2){
/*width: 30%;*/
}

div.textblock_table tr td:nth-child(3){
/*width: 30%;*/
text-align: right;
}

div.textblock_table tr.even {
 xbackground: #EFEFEF;
 border-bottom: 1px solid #d5dde2;

}

div.textblock_table tr.odd {
	 border-bottom: 1px solid #d5dde2;
 xbackground: #D5DDE2;
}

div.textblock.labellinks {
	font-size: 0.875em;
	color: #bab3a9;
	text-transform:uppercase;
	line-height: 1.563em;
	text-align:		justify;	
}

div.textblock.labellinks b {
	color: #333;
	font-weight: 200;
}

div.textblock.labellinks i {
	color: #A49261;
}

div.textblock.linkbox  {
	font-size: 1em;
}

div.textblock.exclusive h3  {
	color: #a08f62;
	font-size: 1.231em;
	 font-family: opensans, arial, sans-serif;
}

div.textblock.exclusive.greyline h3  {
	color: #b5152b;
	font-size: 1.231em;
}

div.textblock.exclusive.greyline  {
	border-bottom: 3px solid #867d72;
	margin-bottom: 4em;
}


div.textblock.exclusive i,
div.textblock.exclusive b {
	font-size: 1.231em;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
	margin-top: 1em;
	font-style: normal;
}

div.textblock.exclusive i {
	color: #a08f62;
}

div.textblock.exclusive strong.textblock_subline{
	color: #333;
	font-size: 1.538em;
	margin-top: 1em;
}

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

/* textblock service */
	
	div.textblock.service {
		padding: 10px;
		margin-top: 1em;
		margin-bottom: 0em;
		float: left;
	}
	
	div.textblock.service .textblock_subline {
		text-align: left;
		display: block;
	}

	/* textblock headline */
	

	div.textblock.headline h3{
		display: block;
		padding: .5em 0;
		margin-bottom: 1em;
		border-bottom: 3px solid #627D95;
		border-bottom: 2px solid #aaa;
	}
	
	div.textblock.fpicts img{
		margin:0!important;
		width: 100%!important;
	}
	
	
/*************************************************************
* lazy
*************************************************************/
	.no-js img.lazy {
	    display:none;
	}

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


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


.vspace0 .section,
.vspace0 {
	
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.vspace-bottom,
	.vspace-bottom .container {
		padding-bottom: 3em;
	}
	
	.vspace-top	{
		padding-top: 1em;
	}
		
	
	.vspace1 {
		padding-bottom: 40px;
		padding-top: 2em;
		padding-left: 20px;
		padding-right: 20px;
	}
	
.lt-ie9 .vspace1 {
	padding-left: 40px;
	padding-right: 40px;
}
	
.vspace2 {
		padding-bottom: 30px;
		padding-top: 30px;
		padding-left: 20px;
		padding-right: 10px;
	}
	
.vspace3 {
		margin-top: 2em;
		padding-bottom: 100px;
}

.vspace3 .container {
	padding-top: 50px;}
}
	
.vspace4 {
		padding-top: 20px;
		padding-bottom: 10px;
	}

.lt-ie9 .vspace2,
.lt-ie9 .vspace4 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	
.vspace5 .section {
		padding: 20px;
	}
	
.vspace6 {
		padding: 20px 20px 30px 20px;
	}
	
.lt-ie9 .vspace6 {
		padding: 40px 20px 30px 40px;
	}
	
	
.section.redbg {
	background: #a50c07;
	border: none;
}

.section.greybg {
	background: #e4e4e4;
	border: none;
}

.section.redbg.compact {
	height: auto;
	overflow:hidden;
	position: relative;
}

.section.redbg.compact .textblock {
	padding-bottom: 10px;
	margin-bottom:0;
}

.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;	
}

.section.redbg.adown::after{
	border-color: #a50c07 transparent transparent transparent;
}

.section.greybg.adown::after{
	border-color: #E4E4E4 transparent transparent transparent;
}

.section.greybg {
	background: #e4e4e4;
	position: relative;
}

.section.tblack .textblock{
	color: black;
}

div.section.wide,
div.textblock_wide {
	width: 100%;
	max-width: 100%;
}

/* complicated to determine via cms todo */
div.section.bgimage {
	min-height: 420px;
	min-height: 210px;
	background-size: cover!important;
	/* to do */
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	-ms-behavior: url(../css/backgroundsize.min.htc);
}

.lt-ie9 div.section.bgimage {
    min-height: 450px;
}

div.section.bgdesktop {
	background-color: black;
	background-size: 115% auto!important;
	-webkit-background-size: 115% auto!important;
	-moz-background-size: 115% auto!important;
	-o-background-size: 115% auto!important;
	padding-bottom: 0;
}


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


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;
	}
	
	div.textblock.softbox div.frame {
		max-height: inherit;
		overflow: hidden;
	}
	
	div.textblock.softbox.ausverkauft {
	     position: relative;
	}
	
	div.textblock.softbox.ausverkauft::after {
		content: "ausverkauft";
		width: 100%;
		height: 30px;
		position: absolute;
		top:0;
		left:0;
		right:0;
		background: white;
		line-height: 3em;
		font-weight:bold;
		color: #627D95;
		opacity:.7;
	}
	
	div.textblock.softbox a.imglink {
	    padding: 0;
	    position: relative;
	}
	div.textblock.softbox.upright a.imglink {
	    margin-top: -40%;
	}
	
	div.textblock.softbox a.imglink::after {
	    content: " ";
	    width: 100%;
	    height: 100%;
	    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.softgrey a.imglink::after {
	    height: 77%;
	}
	
	div.textblock.softbox.darkblue a.imglink::after {
	 background: #405365;
	 background-position: center;
	 opacity: .9;	 
	}
	
	.ismobile div.textblock.softbox.darkblue a.imglink::after,
	div.textblock.softbox.darkblue a.imglink::after {
	 background: #405365 url(../img/mail.png) center center no-repeat; 
	}
	
	div.textblock.softbox.softgrey a.imglink::after {
	 background: #b2bbc7;
	 background-position: center;
	 opacity: .9;	 
	}
		
	.ismobile div.textblock.softbox.softgrey a.imglink::after,
	div.textblock.softbox.softgrey a.imglink::after {
	 background: #b2bbc7 url(../img/download.png) center center no-repeat; 
	 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::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;
		font-weight: bold;
	}
	
	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 right no-repeat;
		padding-right: .6em;
		margin-right: .6em;
		display: inline-block;
		font-weight: normal;
		font-weight: bold;
	}
	
	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;
		text-align: left;
	}
	
	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.textblock.credits {
	    display:none;
		background: white;
		padding-bottom: 8em;
		margin: 4em 0 0;
	}	
	
	div.textblock.trust {
	    margin: 0 0 2em 0;
		text-align: center;
	}
	
	div.textblock.credits img {
	    width: 32%;
		height: auto;
	}
	
	div.textblock.trust img {
	    width: 50%;
		height: auto;
	}
	
	/*
	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
******************************************************************************/


.contact .tabpanel .m-box {
	padding: 2em 0 0 0;
}

.contact .tabpanel div.m-box:last-child {
	padding-right: 0;
}


.contactform .labelholder,
.contactform input,
.contactform textarea,
.contactform select
{
	background: white;
	font: normal 1em/1.3em opensans,sans-serif;
	margin: 0 10px 8px 0px;
	padding: 5px 15px 5px 20px;
	width: 100%;
	color: #333;
	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;	
}

.contactform select
{
	padding: 13px 15px 13px 16px;
}

.contactform .hidden {
	display:none;
}

.contactform .grey {
	background: #c1c5c4;
	color: white;
}

select {
	display: block;
}


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

.contactform input[type="checkbox"] + label.with-text {
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
    color: #333;
    font-weight: normal;
	font: normal 1em/32px opensans,sans-serif;
    padding-left: 20px;
    width: auto;
	background-color: white;
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

.feedback label{
	display: block;
	margin: 0 10px 10px 0;
}

.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  input[name="feedback"]:hover {
	background-color: #F2F2F2;
	border: 1px solid white;
	color: black;
}

.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  input[name="feedback"]:focus
{
	border: 1px solid #C4C2C2;
	background-color: #F2F2F2;
	color: black!important;
	font-weight:bold;
}

.contactform .inline {
	float:left;
}

.contactform .inline.last {
	margin: 0;
	float:right;
}

.contactform .omega {
	margin: 0;
}


.contactform .size2 {
	width: 32%;
}

.contactform .size3 {
	width: 238px;
}

.contactform .size4 {
	width: 276px;
}

.contactform .size5 {
	width: 347px;
}

.contactform .size6 {
	width: 385px;
}

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

.radiogroup input {
	height: 60px!important;
	width: 60px!important;
}
/******************************************************************************
* 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%;
	}


.desktop {display: none;}
.lt-ie9 .desktop {display: inline-block;}

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


/*************************************************************
* 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%;
	/* temp */
	width: 95.5%;
	/* temp */
	text-align: center;
}

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

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

a.button.ticketonsite {
	float: right;
}

.eventNoBookable a.button.ticketonsite,
.eventNoBookable a.button.ticketonline {
    display: none;
}
/* temp */
a.button.ticketonline,
a.button.ticketonline::before {
     display: none!important;
}

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;
	display:none!important;
}

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

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

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


div#footer .container {
 	background: #d7d9db;	
}


div#footer hr {
	display:none;
}

div.footerbox {
	background: #F6F6F6;
	margin-bottom: 2em;
}

div.footerbox li {
	text-align: center;
}
div.textblock.footerbox h3{
	margin-bottom: .5em;
}

div.footerbox .map {
	position: relative;
}

div.footerbox .map::after{
	content: ' ';
	left: 0;
	right: 0;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: transparent url(../img/standort.png) center 50% no-repeat;
	background-size: 10%;
	z-index: 100;
	position: absolute;
}

/*
.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: #0d0d0d;
	margin: .95em 0;
	background: #aaa;
	line-height: 1.85;
	padding-top:.5em;
	padding-bottom:.5em;
	text-transform: uppercase;
	transition: color 0.2s ease 0s;
}

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

.footer-list.social a {
	color: white;
	font-size: 1.5em;
	line-height: 1.75em;
	background: none;
	padding:0;
	width: 100%;
}

.footer-list.social a:link,
.footer-list.social a:visited,
.footer-list.social a:hover {
	color: white;
	border: none;
}

.footer-list.social li {
	display: inline-block;
	margin-left: .75em;
	margin-right: .75em;
	margin-top: 1.5em;
	background-color: #cfd1d2;
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	border-radius: 2.5em;
	-moz-border-radius: 2.5em;
	border-radius: 2.5em;
}

.footer-list.social .s_mail {
	background-color: #a6a6a6
;
}

.footer-list.social .s_gplus:hover,
.footer-list.social .s_twitter:hover,
.footer-list.social .s_mail:hover {
	background-color: #1b1464;
}

.footer-list.social .s_twitter{
	background-color: #5c5793;
}

.footer-list.social .s_gplus {
	background-color: #fbb03b;
}


#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;	
}

#footer h3.bnm {
    margin-bottom: 0;
}

#footer h4 {
    font-style:italic;
	font-weight:normal;
}

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

#toTop {
		/*red*/
		-webkit-border-radius: 1.5em;
	    -moz-border-radius: 1.5em;
	    border-radius: 1.5em;
		background: #627d95;
		height: 1.5em;
		width: 1.5em;
		display: block;
		text-align: center;
		color: white;
		float: inherit;
		font-size: 1.5em;
		text-decoration:none;
		outline: none;
		margin: 1.5em auto;
	}
	
	#toTop span {
			line-height: 1.4em;
			padding-left: .05em;
			display:inline-block;
	}

/*************************************************************
* genericons
*************************************************************/

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

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

a.fb-share:before { content: '\f204'; }
a.tw-share:before { content: '\f202'; }
a.pin-share:before { content: '\f209'; }

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;
}


/************************************************************
 * genericon
************************************************************/

.genericon {
	vertical-align: top;
	text-align: center;
	display: inline-block;
	font-family: "Genericons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}
 
.genericon {
	*overflow: auto;
	*zoom: 1;
	*display: inline;
}

.genericon-menu:before { content: '\f419'; }
.genericon-twitter:before { content: '\f202'; }
.genericon-facebook:before { content: '\f203'; }
.genericon-facebook-alt:before { content: '\f204'; }
.genericon-wordpress:before { content: '\f205'; }
.genericon-googleplus:before { content: '\f206'; }
.genericon-linkedin:before { content: '\f207'; }
.genericon-linkedin-alt:before { content: '\f208'; }
.genericon-mail:before { content: '\f410'; }
.genericon-expand:before { content: '\f431'; }
.genericon-collaps:before { content: '\f432'; }
.genericon-top:before {content: '\f432'; }
.genericon-home:before {content: '\f409'; }



.arrow:after { 
	content: '\f432';
	display: inline-block;
	font-size: 1em;
    margin-left: -15px;
	padding-bottom: 16px;
	width: 40px;
	font-family: 'genericons';
	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: 'genericons';
}


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

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

@media screen and (min-width: 21.875em) {
	.info {background: pink;}
	.info:before{content: "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 {
		/*font-size: 1.225em;*/
	}
	
	div.textblock.softbox span.image-title {
		top: 90%;
		font-size: inherit;
	}
	
	
	.section.mobile-scale .textblock.m-box img{
		width: auto;
	}
	
	.section.filialen .textblock.m-box:first-child img{
		margin-bottom: 2em;
	}
	
	.section.filialen .textblock.m-box img{
		margin-bottom: .5em;
		max-width: 100%;
	}
	
	
	div.textblock.newsletterbox .nl-form {
		background-position: center -10px ;
	}
	
	.nl-form  #email {
		bottom: 3.5em;
	}
	
	div.textblock.newsletterbox {
		min-height: 250px;
	}
	
	#nav #menu-button span {
		display: block;
	}
	


}

@media screen and (min-width: 35.5em) {
	.info {background: yellow;}
	.info:before{content: "35.5em";}
	.main_content {border-color: yellow;}
		
	h2{
		line-height: 70px;
		font-size: 1.25em;
		height: 70px;
		text-align: center;
		padding: 0;
	}
	
	.flexslider .slides div {
		width: 55%;	
		bottom: 0em;
		text-align: left;
	}

	.flexslider.black .slides div {
		color: #333;
	}

	.flexslider .slides div h3{
		font-family: osb-condlight, sans-serif;
		font-size: 1.50em;
	}

	.flexslider .slides div h4{
		font-family: osb-condlight, sans-serif;
		font-weight: bold;
		font-size: 1.25em;
		margin-top: .2em;
		margin-bottom: .5em;
	}

	.flexslider .slides div h5{
		font-family: osb-condlight, sans-serif;
		font-size: 1em;
	}
	
	div.textblock.box .image-container a:hover::before {
		line-height: 170px;
	}
	
	#header .container {
		text-align: left;
	}
	
	.m-box,
	.mobile-m-box {
		padding: 0.375em 3em 0.375em 0em;
	}
	
	.m-box.compact {
		padding-bottom:0;
		margin-bottom:0;
	}
	.m-box2,
	.mobile-m-box2 {
		padding: 0 1em 0.375em 1em;
	}
	/*todo implement cliclab textblockcounter */
	.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: 0em;
	}
		
	.vspace0 {
		padding-top: 30px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.vspace1 {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.offset-33 {
        margin-left: 50%;
        *margin-left: 49.9690%;
    }
	
	.mobile_center {
	     text-align: left;
    }
	
	
	
	.mobile.scale-with-grid img {
		width: auto;
	}
	
	div.textblock img {
	    width: 100%;
	    margin: 0;
	}
	
	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;
	}
	
	div.textblock.softbox div.frame {
		max-height: 178px;
		min-height: 178px;
	}

	
	/*yellow footer*/
	
	div.subfooter {
		 padding-top: 3em;
		 padding-bottom: 3em;
	}
	
	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: #0d0d0d;
	}
	
	div.footer .footer-list li,
	div.footer .footer-list a{
		font-size: inherit;
		line-height: 1.5em;
		font-family: opensans,sans-serif;
		padding:0;
		margin:0;
	}
	
	div.footer .footer-list a:hover,
	div.footer .footer-list a:active {
		color: #7e4632;
	}
	
	div.footer .textblock h3 {
		margin:0;
		color: #627D95;
		font-family: opensans,sans-serif;
		font-size: 1.255em;
		margin-bottom: .5em;
	}
	
	#toTop {
		border-radius: 1.5em;
		background: #627d95;
		height: 1.5em;
		width: 1.5em;
		display: block;
		text-align: center;
		color: white;
		float: right;
		font-size: 1.5em;
		text-decoration:none;
		outline: none;
		margin-top: 1.5em;
		margin-right: .5em;
	}
	
	#toTop span {
		line-height: 1.4em;
	}
	
	
/*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; /* 25 */
		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;
	}
		
	div.textblock.boilerplate div {
		text-align: left;
		color: #939393;
		border: 1px solid #eceded;
		background: #f6f6f6;
		padding:.5em;
	}
	
	div.textblock.footerbox div.box {
		padding:0;
		border: none;
		text-align: left;
	}
	
	div.textblock.footerbox div.box div {
		padding:.5em;
	}
	
	div.textblock.footerbox  img {
		margin: 0;
	}
	
	div.textblock.footerbox div.box h3 {
		padding: .5em;
		color: #1b1464;
		font-size: inherit;
		font-weight: normal;
	}
	
	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;
	}
	
	/*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;
	}
	
	div.textblock{
		text-align: left;		
	}
	
	div.footerbox ul li {
		text-align: left;
		background: none;
		margin: 0;
		padding:0;
	}	

	.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%;
	}
		
	div.footerbox .map::after{
		background-position: center 25%;
	}
	
	/* 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 h3 {
		font-size: 					1.923em;
		margin-top:                 0;
		text-align:                 left;
	}
	
	div.textblock h3 {
		margin-top:                 inherit;
	}
	
	div.textblock h4,
	div.textblock strong.textblock_subline
	{
	    text-align: left;
	}

	a.fb-share-button {
	    display: inline-block;
    }
	
	div.section div.textblock.eventcontrol ul li.event_current {
	    /*display: table-cell;*/
	    text-align: center;
		display:none;
	}
	
	 div.textblock.eventbox {
	   background: transparent;
	   color: #627d95;
	}
	
	div.textblock.eventbox ul{
	      border-bottom: 3px solid #627d95;
		  display: block;
		  margin: 0 0em 1em 0em;
	}
	
	div.section div.textblock.eventbox ul li.event_current {
		
	}
	
	
	

	

	


}

/*@media screen and (min-width: 48em) {*/
@media screen and (min-width: 56.3em) {
	.info {background: green;}
	.info:before{content: "48em - 768px";}
	.main_content {border-color: green;}
	.mobile {display: none;}
	.desktop {display: block; margin: 0 auto; /*width: 100%;*/}
	div.textblock.desktop {display: inline-block;}
	.brands .desktop {display: inline-block; margin: 0;}
	
	
	h2{
		font-size: 2em; 
		line-height: 70px;
	}
	
	.flexslider .slides div {
	width: 55%;
	bottom: 2em;
	}
	.flexslider .slides div h3{
	font-size: 2.125em;
	}

	.flexslider .slides div h4{
	font-size: 1.563em;
	margin-top: .2em;
	margin-bottom: .7em;
	}

	.flexslider .slides div h5{
	font-size: 1.3em;
	}

	.scale-with-grid img,
	img.scale-with-grid {
		
	}
	
	#header {
		min-height: 320px;
		position: relative;
	}
	
	#branding {
		/* desktop logo position */
		margin: 0 auto;
		right: 0;
		left:0;
		top: 1em;
		width:100%;
		min-height: 250px;
		background: transparent url(../img/buergerhaus-neuermarkt.png) center center no-repeat;
		background-size: 20% auto;
		-webkit-background-size: 20% auto;
		-moz-background-size: 20% auto;
		-o-background-size: 20% auto;
		-ms-behavior: url(../css/backgroundsize.min.htc);
	}

	.logo img{
		display: none;
	}
	
	.logo {
		bottom: 0;
		display: block;
		float: left;
		height: 100%;
		outline: 0 solid;
		overflow: hidden;
		position: absolute;
		width: 100%;
		max-width: 100%;
	}
	
	.logo:link,
	.logo:visited {
		outline: 0px solid;
	}
	
	/* breadcrump */
	
	div.breadcrump {
		/* breadcrump position */
		display: block;
		height: 30px;
		width: 960px;
		background: black;
		bottom: 0;
		position: absolute;
		margin: 0 auto;
		right:0;
		left:0;
	}
	
	.fixed div.breadcrump {
		/* display: none; */
	}
	
	.subpage div.breadcrump {
		background: #009EE0;
	}
	
	.subpage ul#breadcrump a:link, .subpage ul#breadcrump a:visited {
		color: white;
	}
	
	.subpage ul#breadcrump  li.current a  {
		color: white;
		text-decoration: underline;
	}
	
	ul#breadcrump {
		margin-left: 1em;
	}
	
	ul#breadcrump li {
		float: left;
		padding-right: 0em;
	}
	
	.subpage ul#breadcrump li {
	
	}
	
	ul#breadcrump li:last-child{
		background: none;
	}
	
	ul#breadcrump a {
		color: white;
		display: block;
		line-height: 30px;
		font-size: 0.938em;
	}
	
	ul#breadcrump li.current a {
		text-decoration: none;
		cursor: default;
	}
	
	ul#breadcrump a:link,
	ul#breadcrump a:visited {
		color: white;
		outline: 0;
	}
	
	ul#breadcrump a:hover,
	ul#breadcrump a:acive {
		color: #01aef2;
		outline: 0;
	}
	
	.offset-33 {
        margin-left: 33.3333%;
        *margin-left: 33.3023%;
    }
		
			
	.vspace0 {
		padding:0;
	}
	
	.vspace4 {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.vspace5 .section {
		padding: 60px 40px;
	}
	
	.vspace-bottom-up-green,
	.vspace-bottom-up-green .container {
		padding-bottom: 3em;
	}
	
	div.section.dottedbg {
		background: #e7e8e7 url(../img/dotted-bg-grey.png) center top no-repeat;
		background-size: contain;
	}
	
/* 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*/
	
	div.textblock img.float_left,
	div.textblock img.float_right {
	    width: 33%;
	}
	
	
	div.textblock.premium h3 {
		background: black;
		color: white;
		display: inline-block;
		padding: .2em .5em .2em .5em;
		margin-left: -.5em;
		
	}
	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.footerbox .map::after{
		background-position: center 28%;
	}
	
	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.footer.narrow .container,
	div.section.narrow .container {
		padding-left: 5em;
		padding-right: 4em;
	}

	
	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.eventbox{
		xmargin: 4em 0;
		margin: 4em 1em 4em 0;
		background: transparent;
	}
	
	
	div.textblock.eventbox ul{
	border-bottom: 2px solid #627D95;
	display: block;
	overflow: hidden;
	
	}
	
	div.textblock.eventbox li {
		float: left;
	}
			
	div.section div.textblock.eventbox ul li.event_headline,
	div.section div.textblock.eventbox ul li.event_parent,
	div.section div.textblock.eventbox ul li.event_current  {
		display: inline;
		float: left;
		font-size: 1.6em;
		font-family: osb-condlight;
		width: auto;
	}
	
	div.section div.textblock.eventbox ul li.event_current {
		font-weight: normal;
		margin-left: 1em;
		color: #627D95;
	}
	
	div.section div.textblock.eventbox ul li.event_parent {
	    float: right;
	   padding-top: 1em;
	}

	div.section div.textblock.eventcontrol ul li.event_parent{
	    display:none;
	}
	
	div.section div.textblock.eventcontrol ul li.event_next,
	div.section div.textblock.eventcontrol ul li.event_prev{
	padding-left: 0em;
	padding-right: 0em;
	}

	div.textblock.softbox.ausverkauft::after {
	line-height: 2.5em;
	}
	
	div.textblock.softbox div.frame {
		max-height: 178px;
		min-height: 178px;
	}
	
	div.textblock.softbox div.frame img {
		min-height: 178px;
	}



	
		
	#header.superlogo {
		height: inherit;
		min-height: 320px;

	}

	#timer {
		display:none;
	}

	/*superlogo reset*/

	.superlogo #brand {
		display:none;
	}
		
	.superlogo #nav {
		top: inherit;
		bottom:0;
	}

	.superlogo #branding {
		display: block;
	}
	
	.flex-direction-nav a {
	    top:40%;
	}
	

	
div.section div.textblock.register h3{
width: auto;
}
div.section div.textblock.register::after {
		margin: 0 1em 0 0;
}


	
	

}

@media screen and (min-width: 64em) {
	.info {background: blue;}
	.info:before{content: "64em";}
	.main_content {border-color: blue;}
	
	h2{
		width: 962px;
	}
	
	.flexslider .slides div {
		bottom: 3em;
		width: 56%;
	}
	
	.flexslider .slides div h3{
	   font-size: 2.333em;
	}

	.flexslider .slides div h4{
		font-size: 2em;
		margin-top: .2em;
		margin-bottom: .7em;
	}

	.flexslider .slides div h5{
	    font-size: 1.75em;
	}
	
	.flex-direction-nav a {
          top:47%;
    }

	
	.rsArrowIcn   {display:block;}

	.vspace0 {
		padding: 0;
	}
	
	.vspace1 {
		padding-bottom: 30px;
		padding-top: 40px;
	}
	
	.vspace3 {
		padding-top: 34px;
	}
	
	.vspace4 {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	
	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; }
		

}

@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; }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.textblock.softbox a.imglink::after {
	height: 100%;
	}
	div.textblock.softbox.softgrey a.imglink::after {
	height: 66%;
	}
}