/*
*	cliclab³ miniFlex V1.0
*	Copyright 2016, c.schneider@e-sens-e.de
/******************************************************************************
*	css/styles.css
*	2016-03-20	(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
*   grey:                    #535f6b;
*   lightgrey:               #9e9e9e;
*   blue:                	 #55c4ef;
*   green:                   #56d400;
*   link					 #378ae8;

*   footer:                  #888888;




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

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

}
*/


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

}

@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#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensanscond';
    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#opensanscond') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'opensanscondbold';
    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-CondBold.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#opensanscond') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


@font-face {
    font-family: 'biryaniheavy';
    src: url('../fonts/biryani-heavy-webfont.woff2') format('woff2'),
         url('../fonts/biryani-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'biryaniultralight';
    src: url('../fonts/biryani-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/biryani-ultralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'biryaniregular';
    src: url('../fonts/biryani-regular-webfont.eot');
    src: url('../fonts/biryani-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/biryani-regular-webfont.woff2') format('woff2'),
         url('../fonts/biryani-regular-webfont.woff') format('woff'),
         url('../fonts/biryani-regular-webfont.ttf') format('truetype'),
         url('../fonts/biryani-regular-webfont.svg#biryaniregular') 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;
}

@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.ttf') format('truetype'),
           url('../fonts/fontello.svg#fontello') 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; }


.scale-with-grid img,
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}
.mobile_center.scale-with-grid img,
.wide 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: 				biryaniregular, opensans, sans-serif;
	font-family: 				opensans, sans-serif;
	font-size: 					0.875em;	
	line-height:                2em;
	color: 						#222;
	height: 					100%;
	background-color: 			black;
}

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-size: 1em; 
  line-height: 1em; 
  text-rendering: optimizeLegibility;
  font:0/0 a;
}

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


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

a:hover,
a:active
{
	text-decoration: underline;
	outline: 0;
	color: red;
}

a:focus {
	outline: thin dotted;
}

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


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

#header::before,
#header {
	padding-top: 1em;
	padding-bottom: 1em;
		xborder: 1px solid red;
	display: inline-block;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1000;
	background: none;
}

#header::before {
	background: white;
	position: absolute;
	z-index: -1;
	content:' ';
	margin: 0 auto;
	width: 100%;
	height: 100%;
	top:0;
	opacity: 0;
}

#header h1{
	text-indent: -10000px;
	height: 0em;
}
	
#header h2{
	display: block;
	background: transparent url(../img2/thomasbechtold-architekten.png) top left no-repeat;
	background-size: 100%;
	width: 120px;
	height: 20px;
	float: left;
	float: right;
	margin: 50px 10px 0 40px;
}

noscript .message {
	display: block;
	text-align: center;
	background: black;
	color: white;
	padding: .3em;
	font-size: 0.875em;
}

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


.main_content {
	margin-top: 0px;
}

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

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

.section.hidden {
	max-height: 0;
    overflow: hidden;
}

.no-js .section.hidden {
	max-height: inherit;
	 overflow: inherit;
}

.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 1.625em 0.375em 1.625em;
}

.lt-ie9 .m-box {
		padding: 0 1.625em 0.375em 0;
	}

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

.alpha {
	padding-left:	0px;
}

.omega {
	padding-right:	0px;
}

.logo {
	width: 90px;
	display:inline-block;
	margin-left: 1.5em;
	float: left;
}

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

.no-border {
	border:none;
}


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


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


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


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


/* rs slider
============================== */
.contentslider  {
	position: relative;
}

/* MOBILE */
.contentpage .textblock p {
	margin-left: 2em;
}

.contentpage .textblock b{
	display: block;
}

.contentbox {
	position: static;
	margin-bottom: 2em;
	width: 100%!important;
}

.textblockgrouptype_contentslider2,
.textblockgrouptype_contentslider3,
.contentbox .rsOverflow {
	position: static;
	width: 100%!important;
}

.contentbox div.textblock.m-box {
	padding: 0 .675em;
}

.rsBullets {
	display: block;
	text-align: center;
}

.rsBullet {
	background: #515151;
	width: 14px;
	height: 14px;
	display: inline-block;
	margin-left: 15px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.contentslider .rsBullets {
}


.rsBullet.rsNavSelected {
	background: #AF0D08;
}

.rsArrow {
	bottom: 3%;
	width: 40px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsHor .rsArrowLeft { 
	left: 35%;
 }
 
.rsHor .rsArrowRight {
	right: 35%;
}

.rsArrowIcn {		
	width: 40px;
	height: 40px;
	cursor: pointer;	
	background: black;
	border-radius: 40px;
}

.rsArrowIcn:hover {
	background-color: #fe0000;
}

.rsHor .rsArrowLeft .rsArrowIcn { background: black url(../img2/arrow_left.png) 50% 50% no-repeat; background-size: 40%;}
.rsHor .rsArrowRight .rsArrowIcn { background: black url(../img2/arrow_right.png) 50% 50% no-repeat; background-size: 40%;}
.rsHor .rsArrowLeft:hover .rsArrowIcn { background-color: #AAAAAA;}
.rsHor .rsArrowRight:hover .rsArrowIcn { background-color: #AAAAAA;}
.rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


.redarrow .rsArrowIcn {		
	display: none;
	width: 145px;
	height: 145px;
	margin-left: -145px;
	background: red url(../img3/rs-default.png);
}

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

.contentslider.gallery .image-title {
	display: none;
}

.contentslider.gallery .textblock a {
	text-decoration:  none;
	border: none;
}

.contentslider.gallery .contentbox {
	min-height: 200px;
}

.rsOverflow {
	margin-bottom: 4em;
}

.contentbox  .textblock,
.contentbox  p {
	margin:0;
}

.contentbox  p {
	margin-bottom: 1em;
}



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


.main_content .flexslider  {
	border: none;
	border-bottom: 4px solid #f1f2f4;
}


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

div#footer {
    margin-top: 4em;
}


div#footer  hr {
	display:none;
}

div#footer div.textblock {
	margin-bottom:0;
}

.footer-list ul {
}

div.textblock ul.footer-list li {
	padding-left: 0;
	background: none;
}
/*
.lt-ie9 .footer-list {float: right;}

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

.footer-list a {
	text-decoration: none;
	display: block;
	text-align: center;
	border: 1px solid #aaa;
	padding: 0.5em;
	outline: 0;
	font-family: opensans, arial, sans-serif;
}

#footer .credits-list{
	line-height: 1em;
	margin-top: 2em;
	float: left;
	width: 100%;
	border-top: 1px solid #aaa;
	padding-top: 1em;
}

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


#footer .credits-list a {
	color: #aaa;
	margin:0;
	padding:0;
	font-family: opensans, arial, sans-serif;
	
}

.footer-list a:hover {
    text-decoration: underline;
}

.lt-ie9 .footer-list a {
    background: none;
    display: inline;
    float: left;
}
	
.sitemap-list {
	margin-top: 2.5em;
	margin-bottom: 1em;	
}

.sitemap-list li {
	display: block;
	float: inherit;
	padding: 0;
	margin: 0 0 6px;
	text-align: center;
}

.sitemap-list li a{
	line-height: 1.588em;
	padding: 0;
	font-size: 1em;
	font-family: opensans, sans-serif;
	display: block;
	width: auto;
	float: none;
	text-align: left;
	color:#424242;
	color:#850909;
	background: white;
	display: block;
	padding: 0.5em;
	text-align: center;
}

.sitemap-list li.first a{
	line-height: 1em;
	font-family: muli-regular,sans-serif;
	font-weight: bold;
	font-size: 1.625em;
	color: #A50C07;
	text-decoration: none;
	cursor: default;
	text-transform: uppercase;
	background: transparent;
	text-align: center;
}

#toTop {
	text-align: right;
	float: right;
    cursor: pointer;
    padding: 10px 0;	
    text-align: center;
    width: 64px;
    width: 100%;
	line-height: 1.588em;
	display: block;
	border: 1px solid #aaa;
	margin-top: 1.5em;
}

#toTop::before {
	content: "go Top";
}




/******************************************************************************
 * contact footer
******************************************************************************/
.contact-footer {
    background-color: rgba(51, 60, 69, 0.99);
    bottom: 0;
    display: none;
    left: 0;
    padding-bottom: 30px;
    padding-top: 0px;
    position: fixed;
    right: 0;
    z-index: 2000;
}

.contact-footer .content {
	border: none;
}

.social_footer {
	margin-top:10px;
}

.close-footer {
    border: 2px solid #818181;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
    border-radius: 30px;
    bottom: -13px;
    float: right;
    height: 40px;
    margin-right: 30px;
    opacity: 0.3;
    padding-top: 6px;
    position: relative;
    text-align: center;
	-webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 40px;
}

.circle_footer {
    border: 1px solid #818181;
    border-radius: 50px;
    height: 34px;
    margin-bottom: 10px;
    margin-right: 10px;
    opacity: 0.6;
    padding-top: 2px;
    text-align: center;
	-webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 34px;
	display: inline-block;
    max-width: 100%;
}

.close-footer:hover ,
.circle_footer:hover {
    opacity: 1;
}

.info_footer {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.info-icon {
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.contact {
	line-height: 26px;
	margin-right: 1em;
	color: #bdbdbd;
}

.info_footer p {
    display: inline-block;
    margin-bottom: 5px;
	color: #bdbdbd;
	line-height: inherit;
}

.info_footer a {
	color: #bdbdbd;
}

.close-text_footer {
	height: 50px;
}

.close-text {
	color: #818181;
	float: right;
	margin: 20px 25px 0 0;
	display: none;
	-webkit-transition: all 500ms ease 2s;
    transition: all 500ms ease 2s;
}

.footer_logo  {
	margin-bottom: 10px;
}

h5 {
    color: #585858;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
	color: white;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 23px;
    margin-top: 10px;
    text-transform: uppercase;
}

.cl-input {
    display: block;
    height: 38px;
    line-height: 1.42857;
    padding: 8px 12px;
    vertical-align: middle;
    width: 98%;
}

.textfield {
    background-color: transparent;
    border-bottom: 2px #818181 solid;
    border-bottom-width: 2px;
    font-size: 1.5em;
    margin-bottom: 15px;
    padding-left: .5em;
    padding-top: 0;
	color: white;
	-webkit-appearance: none;
}

.text-area {
    background-color: transparent;
    border-bottom: 2px #818181 solid;
    color: white;
    font-size: 1.5em;
    padding-bottom: 20px;
    padding-left: .5em;
    padding-top: 0;
	height: 5em;
	overflow: auto;
	-webkit-appearance: none;
}


.submit-button {
    background-color: #818181;
	border: 0px solid;
    color: white;
    font-size: 13px;
    font-weight: 600;
    margin-top: 10px;
    padding: 1rem;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
	-webkit-appearance: none;
	width:100%;
	margin-bottom: 2rem;
}

.submit-button:hover {
    background-color: #716F96;
    color: white;
}

.text-area:hover,
.textfield:hover {
   background: #322347;
}

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




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

.textblock a.image {
	margin-right: 1.5em;
}

.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 {
	line-height: 2em;
	color: white;
	position: relative;
}

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

div.textblock h2 {
	font-size: 3.100em;
	line-height: 1.15em;
	font-family: muli-regular, sans-serif;
	font-weight: normal;
	margin-bottom: .25em;
}

div.textblock small {
	display: block;
}

div.textblock a:link,
div.textblock a:visited
{
	color: grey;
}

div.textblock  a:hover,
div.textblock  a:active
{
	color: white;
	text-decoration: none;
}

div.image-wrapper div.mouse-effect {
	background-color: #2F2D52;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
	opacity: 0!important;
    width: 100%;
    z-index: 1;
}

div.image-wrapper .extra-links {
    display: block;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 100;
	background-color: grey;
	opacity: 0!important;
}

div.image-wrapper  a.overlay {
	color: black;
}

div.image-wrapper  .extra-links a {
	color: white;
}

div.image-wrapper  .extra-links h3,
div.image-wrapper  .extra-links h4 {
	font-size: 2em;
	opacity: 0;
}


div.textblock a.button {
	color: white;
}

div.textblock a.button:hover {
	color: white;
}

div.textblock h6,
div.textblock h3 {
	color: #1F80AB;
	xcolor: #716F96;
	font-size: 					1.65em;	
	text-transform: 			none;
	font-family: 				biryaniheavy, muli-regular, sans-serif;
	font-weight: 				normal;
	text-transform: 			uppercase;
}

div.textblock.headline {
	margin-bottom: 0;
}

div.relative,
div.textblock.relative {
	position: relative;
}

div.textblock.headline h3 {
	font-size: 					3.5em;
	color: 						#2D85BC;
	color: 						#716F96;
	line-height: 				1.3em;
	margin-top: 				0.3em;
	font-family: 				biryaniultralight, sans-serif;
}

div.textblock.bg {
	background: transparent url(../img/bg.gif) top left repeat;
}

div.textblock.bg h3 {
	color: white;
	line-height: 3em;
}

div.textblock div.left {
	float: left;
	margin-left: 10px;
	width: 48%;
}
div.textblock div.right {
	float: right;
	width: 48%;
}

div.textblock.linetop {
	border-top: 4px solid #C1C5C4;
	padding-top: 5em;
	margin-top: 2em;
}

div.textblock strong.textblock_subline {
	font-size: 1.176em;
	margin-bottom: .3em;
	font-family: biryaniultralight, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

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

div.textblock strong
{
    margin:                      0;
    padding:                     0;
}

div.textblock strong.textblock_subline
{
    clear:                       both;
    display:                     block;
}

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

div.textblock ul li
{
    margin:                      0 0 6px;
}

div.textblock ul li::before {
		content: "___";
		display: inline-block;
}

div.footer div.textblock ul li::before {
		content: "";
}

div.textblock div.image-container {
	position: relative;
	margin-bottom: .5em;
}

div.textblock span.image-title {
	position: absolute;
	bottom: 0;
	display: block;
	color: white;
	width: 100%;
	height: 45px;
	line-height:45px;
	font-family: muli-regular, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	text-align: center;
	background:#C1C5C4;
}

div.textblock a span.image-title {
	background: black;
	color: white;
}

div.textblock span.image-title:before {
	position:absolute;
	bottom: 55px;
	content:' ';
	background: blue;
	display: block;
	width: 100%;
	height: 28px;
	margin-top: -28px;
	background: transparent url(../img/image-title-bg-grey.png) center top no-repeat;
}

div.textblock a span.image-title:before {
	background: transparent url(../img/image-title-bg.png) center top no-repeat;
}
	
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.fpicts.m-box {
	margin: 0;
	padding-bottom: 0;
}

div.footer a::before,
div.textblock.fpicts a::before {
		content:"";
		margin: 0 ;
		padding:0 0 10px 0;
}

div.textblock.fpicts img {
		width: 100%;
		height: auto;
}




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


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

/
.vspace0 .section,
.vspace0 {
	
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	
	
	.vspace1 {
		padding-bottom: 40px;
		padding-top: 40px;
		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.redbg2{
	background: #a50c07 url(../img/kreuz3.gif) top left repeat;
}

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

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

.section.twhite .textblock h3,
.section.twhite .textblock{
	color: white;
}

div.textblock.smallerhl h3 {
	font-size: 1.250em;
}

/*
wide
bgwide
bgimage
bgdesktop
*/

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.bgimage.bigsize {
	min-height: 420px;
}

.lt-ie9 div.section.bgimage.bigsize {
	min-height: 540px;
}
	
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
*************************************************************/

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

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

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

.left {
	float: left;
}

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

input.size1.last {
	margin-bottom: 10px;
	float: left;
}



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


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

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


.redbutton,
.contactform .labelholder,
.contactform input,
.contactform textarea,
.contactform select
{
    background: white;
    font: normal 1em/1.3em opensans,sans-serif;
    margin: 0 10px 8px 0px;
    padding: 14px 15px 14px 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;	
}

.redbutton {
	background: #AA0B07;
	color: white;
	margin-top: .4em;
}

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

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

select {
	display: block;
}


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

.contactform input[type="checkbox"] + label.with-text {
    background-size: 52px auto;
    color: inherit;
    font-weight: normal;
    line-height: 52px;
    padding-left: 40px;
    width: auto;
	background-color:white;
	width: 100%;
	 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

.feedback label{
	display: block;
	margin: 0 10px 0 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;}
.lt-ie9 .mobile {display: none;}


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

a.button {
	display: block;
	text-align: center;
	height: 40px;
	background: #A50C07;
	color: white;
	text-decoration: none;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	outline: none;
	position: absolute;
	bottom: 9%;
	width: 45%;
}

a.button:hover {
	background-position: 0px -1434px;
}

.section .close {
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

i.close-btn:before { content: '\f405'; font-size: 2em; line-height: 40px; color:white }


/*************************************************************
* 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;
	xline-height:inherit;
	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
************************************************************/

.fontello,
.genericon {
	xfont-size: 16px;
	vertical-align: top;
	text-align: center;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	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;
}

/**
 * IE7 and IE6 hacks
 */
 
.fontello {
	font-family: "fontello";
}

.fontello,
.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'; }


.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: 5px solid red; }
.noborder .main_content {border:none!important;}

@media screen and (min-width: 35.5em) {
	.info {background: yellow;}
	.info:before{content: "35.5em";}
	.main_content {border-color: yellow;}
	
	.rsHor .rsArrowLeft { 
		left: 40%;
	}
	 
	.rsHor .rsArrowRight {
		right: 40%;
	}
	
		
	.m-box,
	.mobile-m-box {
		padding: 0 2em 0.375em 2em;
		padding: 0 1em 0.375em 1em;
	}
	
	.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;
	}
		
	.vspace0 {
		padding-top: 30px;
		padding-bottom: 10px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.vspace1 {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.vspace2 {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.vspace4 {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
	.vspace5 .section {
		padding: 60px 40px;
	}
	
	.vspace6 {
		padding: 20px 0 30px 30px;
	}	
	
	.mobile.scale-with-grid img {
		width: auto;
	}
	

	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%;
		padding-right: 10px;
		height: auto;
		margin:0;
	}
	
	div.textblock.f3picts img {
		width: 31.42%;
	}	
	
	div.textblock.f2picts img {
		width: 48.45%;
	}
	
	div.textblock.fpicts img:last-child{
		padding:0;
	}
	
	
	div#footer {
		 margin-top: 4em;
		 margin-bottom: 4em;
	}
	
	
	.footer-list {
	}
	
	.footer-list a {
		display: inline;
		float: left;
		background: none;
		padding: 0.5em;
		border: none;
	}
	
	.footer-list li{
		float: left;
		margin-right: 10px;
	}
	

	#toTop {
		padding: 0;
		margin-top:0;
		text-align: center;
		width: 50px;
		height: 50px;
		line-height: 50px;
		display: block;
		border: none;
	}
	
	#toTop::before {
		content: "^";
	}
		
	
/*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.shift-1-12 {
		margin-left: 8.3333%;
		*margin-left: 8.3023%;
	}
	
	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 {
		text-align: left;
	}
	
	div.textblock.boilerplate h6 {
		margin-bottom: .5em;
		text-align: left;
	}
		
	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;
	}
	
	

}

@media screen and (min-width: 48em) {
	.info {background: green;}
	.info:before{content: "48em - 768px";}
	.main_content {border-color: green;}
	.mobile {display: none;}
	.desktop {display: inline-block;}
	
	.rsHor .rsArrowLeft { 
		left: 42%;
	}
	 
	.rsHor .rsArrowRight {
		right: 42%;
	}
	.contentpage .textblock p {
		margin-left: 0em;
		text-align: center;
	}

	#header {
		border-top:none;
	
	}
	
	.logo {
		margin-left: 1em;
	}
	
			
	.vspace0 {
		padding:0;
	}
	
	.vspace4 {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	.vspace5 .section {
		padding: 60px 40px;
	}




	
/*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.headline h3 {

	}
	
	div.textblock strong.textblock_subline {
		line-height: 1.35em;
		padding-bottom: 1em;
	}
		
	div.textblock.f4picts img{
		width: 23.40%;
	}
	
	div.textblock.f3picts img{
		width: 31.89%;
	}
	
	div.textblock.f2picts img{
		width: 48.8%;
	}
	/*green*/
	
	

}

@media screen and (min-width: 64em) {
	.info {background: blue;}
	.info:before{content: "64em";}
	.main_content {border-color: blue;}
	
	.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%;
	}
	
	/* 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: 40%; }
	.rsHor .rsArrowRight { right: 5%; top: 40%; }
		

}

@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: 40%; }
	.rsHor .rsArrowRight { right: 12%; top: 40%; }

}