/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.caption{max-width:100%}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/*
Theme Name: ibex
Theme URI: http://www.ibex-consulting.de
Author: Shampie
Author URI: http://www.facebook.com/ShampiePampie
Description: Theme für ibex human resources consulting
Version: 0.1
Text Domain: ibex
*/



/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
html {
    overflow-y: scroll;
}

/*
Setup a basic body
*/
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: Arial;
    font-size: 18px;
}

/*
Header is relative so z-index: 1 guarantees always displayed on top
*/
header {
    background-color: #3b5998;
    padding: 10px;
    text-decoration: none;
    position: fixed;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}

/*
using background color is important to cover the menu
position absolute isset to cover the whole viewport
*/
#content {
    background-color: #FFFFFF;
    padding: 52px 10px 10px 10px;
    position: relative;
    width: auto;
    height: 100%;
    -webkit-box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
    box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
}

/*
the hamburger button with a little gradient effekt
*/
#hamburger {
    border: 1px solid #374C77;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 3px 4px 3px;
    position: relative;
    width: 25px;
    background: #4569b2;
    background: -moz-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4569b2), color-stop(100%, #4062a5));
    background: -webkit-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -o-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: -ms-linear-gradient(top, #4569b2 0%, #4062a5 100%);
    background: linear-gradient(to bottom, #4569b2 0%, #4062a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4569b2', endColorstr='#4062a5', GradientType=0);
}

/*
The white stripes in the hamburger button
*/
#hamburger div {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px 2px 2px 2px;
    height: 2px;
    margin-top: 3px;
    width: 90%;
}

/*
The navigation container in the background
*/
nav {
    opacity: 0;
    left: 0px;
    top: 0px;
    position: fixed;
    z-index: 0;
    width: 70%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #3e3c3d;
    background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3c3d', endColorstr='#2d2c2d', GradientType=0);
}

/*
Style the navigation menu
*/
nav ul {
    list-style: none;
    margin: 0;
    width: 100%;
    padding: 0;
}

nav li {
    position: relative;
    font-size: 1em;
    font-weight: bold;
    border-bottom: 1px solid #222222;
    border-top: 1px solid #444444;
    padding: 15px;
}

nav li a {
    color: #fff;
    text-decoration: none;
}

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

html, body{
	margin:0;
	padding:0;
	background-color:#f5f5f5;
	overflow-x:none;

	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;
}


.total-container, .total-text{
	font-size: 2em;
}


#f11 .checkbox_container, #f9 .checkbox_container{
	background-color: #352c45;
	color: white;
	/*border-top: solid;
	border-color: white;*/
	
}

#f11 .checkbox_container, #f9  .checkbox-wrapper {
	padding: 0.5em;
}

.detail-symbol{
	cursor: pointer;
}

.detail-symbol img{
	margin: 0.5em;
}

/*remove double scrollbar*/
.modal { 
	overflow-y: hidden!important; /* <--- this guy right here */
}


body .modal-open {
	overflow: hidden!important; 
}    

.modal-body{
	background-color: #f8f8f8;
}


#f11 input[type='checkbox'], #f9 input[type='checkbox']  {
    width:30px;
    height:30px;
	margin: 2em;
}



#f11 .checkbox-price, #f9 .checkbox-price{
	padding-top: 0em;
	padding-left: 1em;
	padding-bottom: 1em;
	color: #888;
}

#f11 .checkbox-price, #f9 .checkbox-price, .checkbox_container label{
	font-family: 'Open Sans', sans-serif;
	background-color: #352c45;
}



.open-detail-symbol{
	margin-top: 0.35em;
	float: right;
	height: 1em;
	font-size: 1.5em;
	text-decoration: none;
	color: white;
	margin-right: 1em;
	border: solid;
	width: 1em;
	height: 1em;
	text-align: center;
	margin-bottom: 0.1em;
}

.detail-app-configurator{
	border: solid;
	padding: 1em;
	border-color: #2e2d44;
	margin-bottom: 1em;
}

.app-configurator-element{
	margin-top: 1em;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

form{
	padding: 1em;
}

form label{
	font-size: 1.2em;
}

 input[type='text'], input[type='email']{
 	margin-right: 1em;
 	width: 100%;
    color: #888;
    height: 2em;
    font-size: 1.2em;
    box-shadow: none;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 0.5em;
    font-family: 'Open Sans', sans-serif;
 }
 
 textarea{
 	margin-right: 1em;
 	margin-top: 1em;
 	margin-bottom: 1em;
 	color: #888;
    font-size: 1.2em;
 	width: 95%;
 	resize: vertical;
 	padding: 0.5em;
 	font-family: 'Open Sans', sans-serif;
 }

/* /////////////////// */

#panorama{
	width: 100%;
	height: 25em;
}

#main{
	background-color:white;
}

#wrap{
	max-width:1280px;
	background-color:#2e2d44;
	margin-left:auto;
	margin-right:auto;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}

#header{
	max-width:1280px;
	z-index:1;
	background-color:#fff;
}

.mainmenu-right
{
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #2e2d44;
}

.clearer{
	height: 0px;
	clear: both;
}

form br{
	display: none;
}

#logo{
	float:left;
	max-width:364px;
	max-height:160px;
}

#logo2{
	float:left;
	max-width:364px;
	max-height:197px;
	display:none;
}

#logo3{
	float:left;
	max-width:345px;
	max-height:160px;
	display:none;
}

#menu{
	margin-right: 2em;
	float:right;
	margin-top:70px;
	max-height:36px;
	background-color:#ffffff;
	z-index:0;
}

.menuimg{
	max-width:175px;
	max-height:30px;
}

#strich{
	max-height:30px;
}

#content{
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	min-height:530px;
	position:relative;
	overflow:hidden;
	/*background-image:url(http://business.scorpius-forge.com/assets/images/hg03.png);*/
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:contain;
}

#boxleft{
	clear:both;
	float:left;
	max-width:30%;
	margin-left:20px;
	margin-right:auto;
	text-align:left;
}

#boxcenter{
	max-width:30%;
	float:left;
	margin-left:3.5%;
	margin-right:2%;
	text-align:left;
}

#boxright{
	float:right;
	max-width:30%;
	margin-right:20px;
	margin-left:auto;
	text-align:left;
}

#boximg{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

#boxtext{
	max-width:100%;
	margin-top:10px;
	padding:5%;
	padding-bottom:10%;
	background-color:#ffffff;
	height:60px;
	
}

#turnaround{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	width:100%;
	margin-top:0;
	float:left;
}

#more{
	float:left;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	width:100%;
	text-align:right;
	background-color:#ffffff;
	background-image:url(http://business.scorpius-forge.com/assets/images/hg02.2.png);
	background-position:top;
	background-repeat:no-repeat;
	height:50px;
}

.boxtext{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:120%;
}


p.boxtext strong{
	font-weight:bold;
	text-decoration:none;
}

.boxtext a{
	text-decoration:none;
	color:#ffffff;
	
}

#footer{
	clear:both;
	margin:0;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	max-width:100%;
	min-height:200px;
	background-color:#fff;
	/*margin-bottom:100px; */
	padding-bottom:100px;
}

#footboxleft{
	clear:both;
	float:left;
	min-width:280px;
	max-width:400px;
	/*margin: top right bottom left*/
	margin:55px 10px 0 5%;
	text-align:center;
	max-height:65px;
}

#footboxcenter{
	min-width:225px;
	max-width:400px;
	margin-top:15px;
	margin-left:45%;
	margin-right:auto;
	height:135px;
}

#footboxright{
	float:right;
	min-width:200px;
	margin-left:auto;
	margin-right:5%;
	margin-top:-15px;
}

#sitemapl{
	float:left;
}

#sitemapr{
	float:right;
	padding-top: 5px;
}

h1.footer{
	font-family: 'Merriweather', serif;
	font-size:20px;
	color:#9b7853;
}

p.footer{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#2e2d44;
	margin-top:10px;
}

p.footer a{
	text-decoration:none;
	color:#2e2d44;
}

#smimg{
	margin-right:5px;
	width:62px;
	height:62px;
}

/*###############Unterseiten################*/

#content2{
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	min-height:800px;
	position:relative;
	background-color:#ffffff;
	overflow:hidden;
}


#headimg{
	clear:both;
	max-width:100%;
	
}

#headimg img{
	display:block;
	max-width:100%;
}

#turnaround2{
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	width:100%;
	margin-top:0;
}

#headimg span{
	background-color:#000000;
	background-color: hsla(255, 0%, 100%, 0.5);
	position:absolute;
	bottom:0;
	max-width:90%;
	padding:10px;
	margin-left:15%;
	font-family: 'Merriweather', serif;
	font-size:60px;
	color:#ffffff;
	/*text-shadow: black 0.05em 0.01em 0.2em;*/
}

#headimg span strong{
	color:#2e2d44;
}

#contenttext{
	clear:both;
	margin-left:15%;
	margin-right:15%;
	padding:0;	
	padding-top:50px;
	width:70%;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

#contentimg{
	clear:both;
	float:left;
	width:230px;
	margin:0 30px 10px 0;
}

#portrait{
	max-width:230px;
	margin:0;
	margin-bottom:10px;
}

#galerie{
	max-width:100%;
	margin:0;
	margin-bottom:30px;
}

#portraitboxl{
	clear:both;
	float:left;
	max-width:30%;
	padding-right:5px;
}

#portraitboxl2{
	clear:both;
	float:left;
	max-width:30%;
	padding-right:5px;
}

#portraitboxc{
	max-width:30%;
	float:left;
	margin-left:4%;
	margin-right:4%;
	padding-left:2px;
}

#portraitboxc2{
	max-width:30%;
	float:left;
	margin-left:4%;
	margin-right:4%;
	padding-left:2px;
}

#portraitboxr{
	float:right;
	max-width:30%;
	padding-left:5px;
}

#portraitboxr2{
	float:right;
	max-width:30%;
	padding-left:5px;
}

h2.content{
	font-family: 'Merriweather', serif;
	font-size:30px;
	color:#9b7853;
	margin-bottom:15px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.content2{
	font-family: 'Merriweather', serif;
	font-size:24px;
	color:#9b7853;
	margin-bottom:15px;
	line-height:150%;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.content{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:160%;
	text-align:left;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

.contentR{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:160%;
	text-align:left;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

ul{
	list-style-type:square;
	margin-left:10%;
}

li{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:160%;
	text-align:left;
	padding-bottom:10px;
	list-style-position:outside;
}

li strong{
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	color:#888888;
}

li a{
	text-decoration:none;
	color:#96b8dc;
}

p.content em{
	font-family: 'Merriweather', serif;
	font-style:italic;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.content em strong{
	font-family: 'Merriweather', serif;
	font-style:italic;
	font-size:18px;
	color:#888888;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.content strong{
	font-weight: bold;
	/*font-family: 'Merriweather', serif;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;*/
}

p.content a{
	color:#96b8dc;
	font-weight:bold;
	text-decoration:none;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}


p.contentR em{
	font-family: 'Merriweather', serif;
	font-style:italic;
	font-size:24px;
	color:#888888;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.contentR em strong{
	font-family: 'Merriweather', serif;
	font-style:italic;
	font-size:18px;
	color:#888888;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.contentR strong{
	font-family: 'Merriweather', serif;
	font-size:20px;
	color:#96b8dc;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

p.contentR a{
	color:#96b8dc;
	font-weight:bold;
}
body {
  width: 100%;
}

table { border-collapse: collapse; border-spacing: 0; }

/** page structure **/

#navbar {
  max-width: 1000px;
  margin: 0 auto;
}

.menubtn {
	
  /* needs positioning for z-index http://stackoverflow.com/a/10600930/477958 */
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  top: 2px;
  padding: 15px;
  background-image: url("../../files/sf/css/hamburger.png");
  float:right;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url("../../files/sf/css/hamburger-active.png");
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

#pgcontainer {
  padding:0;
  margin:0;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}


#hamburgermenu {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right:0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    background: #2e2d44;
    background: -moz-linear-gradient(top, #2e2d44 0%, #2d2c2d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2e2d44), color-stop(100%, #2d2c2d));
    background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
    background: -o-linear-gradient(top, #2e2d44 0%, #2d2c2d 100%);
    background: -ms-linear-gradient(top, #2e2d44 0%, #2d2c2d 100%);
    background: linear-gradient(to bottom, #2e2d44 0%, #2d2c2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2d44', endColorstr='#2d2c2d', GradientType=0);
}
#hamburgermenu ul {
  margin-top:0;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-style:normal;
  font-weight:normal;
  border-bottom: 1px solid #222222;
    border-top: 1px solid #33404e;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 18px 8px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
@media only screen and (min-width:440px){
	.menubtn {
		display:none;
	}
}

@media only screen and (max-width:1250px){
	#formfeld{
	    margin-right:130px;
    }
    
    .open-detail-symbol{
		margin-top: 0.45em;
		float: right;
		height: 1em;
		font-size: 1.5em;
		text-decoration: none;
		color: white;
		margin-right: 1em;
	}

}


@media only screen and (max-width:1025px){
	.container{
		max-width: 65em;
	}
}



@media only screen and (max-width:1105px){
	.menuimg{
		max-height:25px;
	}
	
	#strich{
		max-height:25px;
	}
	#formfeld{
	    margin-right:80px;
    }
    
    #footboxcenter2{
    	margin-left:42%;
    }
    
    #footboxcenter{
    	margin-left:42%;
    }
}

@media only screen and (max-width:990px){
	.menuimg{
		max-height:18px;
	}
	
	#strich{
		max-height:18px;
	}
    
    #formfeld{
	    margin-right:50px;
    }
}

@media only screen and (max-width:960px){
	
	.row{
		max-width: 45em;
	}

#boxcenter{
	margin-left:3%;
}

	#portraitboxl{
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5px;
    }
	
	#portraitboxl2{
	    clear:none;
	    float:right;
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5%;
    }

    #portraitboxc{
	    max-width:40%;
	    float:right;
	    margin-left:0;
	    margin-right:5%;
    }
	
	#portraitboxc2{
	    max-width:40%;
	    padding-right:0;
	    margin-left:0;
	    margin-right:5px;
    }

    #portraitboxr{
	    clear:both;
	    float:left;
	    max-width:40%;
	    padding-left:0;
    }
	
	#portraitboxr2{
	    max-width:40%;
	    float:right;
	    margin-left:0;
	    margin-right:5%;
    }
    
        #footer2{
	    padding-top:50px;
    }
}

@media only screen and (max-width:900px){
	#formfeld{
	    margin-right:auto;
    }
    
    	#footboxcenter2{
		clear:both;
	    margin-top:250px;
	    margin-left:35%;
		width:250px;
    }
	
	#footboxright2{
	    margin-top:50px;
		width:250px;
    }
    
    #footboxcenter{
		clear:both;
	    margin-left:35%;
		width:250px;
    }
	
	#footboxright{
		width:250px;
    }
}

@media only screen and (max-width:840px){
	
	.row{
		max-width: 35em;
	}
	
	#logo{
		display:none;
	}
	
	#logo2{
		display:inline;
	}
	
	#menu{
		padding-top:10px;
		padding-bottom:10px;
		clear:both;
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:440px;
	}
	
	.menuimg{
		max-height:18px;
	}
	
	#strich{
		max-height:18px;
	}
	h2.content{
    	clear:both;
    }
	p.content em{
	    font-size:20px;
    }

    p.content em strong{
    	font-size:16px;
    }
    
    .contentR{
	    font-size:14px;
    }

#boxcenter{
	margin-left:3%;
	margin-right:1%;
}


	
}

@media only screen and (max-width:785px){
	#formfeld{
	    clear:both;
	    float:left;
    }
    
      .open-detail-symbol{
		margin-left: 0.0em;
		padding-top: 0.2em;
      }
      
      #f7 .checkbox-price , #f9 .checkbox-price, #f7 .checkbox_container label, #f9 .checkbox_container label{
			font-size: 1.8em;
			font-family: 'Open Sans', sans-serif;
		}
	.container{
		max-width: 37em;
	}
	
}

@media only screen and (max-width:765px){

	#boxleft{
	max-width:52%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#f7 .checkbox-price, #f9 .checkbox-price, #f7 .checkbox_container label, #f9 .checkbox_container label{
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
}

#boxcenter{
	clear:both;
	max-width:52%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxright{
	clear:both;
	float:none;
	max-width:52%;
	margin-right:auto;
	margin-left:auto;
}

#boxtext{
	background-size:contain;
}
#broschuere{
	width:200px;
}



	
/* App-Konfigurator */
#f7 .checkbox_container input[type='checkbox'], #f9 .checkbox_container input[type='checkbox']    {
    width: 15px;
    height: 15px;
    border-color: #fff;
    margin: 0.5em;
}


.open-detail-symbol{
	margin-top: 0.15em;
	float: right;
	height: 1em;
	font-size: 1.5em;
	text-decoration: none;
	color: white;
	margin-right: 1em;
}

.container h2{
	font-size: 1.5em;
}

}
@media only screen and (max-width:660px){
	#f7 h3, #f9 h3{
		font-size: 1.25em;
	}
	
    #footboxright2{
		clear:both;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
		width:250px;
    }

	#footboxcenter2{
		clear:both;
	    margin-top:225px;
	    margin-left:auto;
	    margin-right:auto;
		width:250px;
    }
    
    	#footboxleft2{
	    float:none;
	    margin:50px auto 0 auto;
	    min-width:230px;
	    max-height:62px;
    }

    #footboxright{
		clear:both;
	    float:none;
	    margin:50px auto 50px auto;
		width:250px;
    }

	#footboxcenter{
		clear:both;
	    margin:225px auto 50px auto;
		width:250px;
    }
    
    	#footboxleft{
	    float:none;
	    margin:50px auto 0 auto;
	    min-width:230px;
	    max-height:62px;
    }	
    
        #sitemapl{
		width:120px;
    }

    #sitemapr{
	    width:130px;
		text-align:left;
		margin-bottom:50px;
    }
    
    #contentimg{
    	clear:both;
	float:none;
	margin:0 auto 30px auto;
	
	
}
    .open-detail-symbol{
		padding-top: 0.0em;
      }
	
}



@media only screen and (max-width:610px){
	#headimg span{
	    font-size:40px;
    }
	
	#portraitboxl{
		float:none;
	    max-width:230px;
	    padding-right:0px;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxc{
		clear:both;
	    max-width:230px;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxr{
	    clear:both;
	    float:none;
	    max-width:230px;
	    padding-left:0;
		margin-left:auto;
		margin-right:auto;
    }
	
	#portraitboxl2{
		float:none;
	    max-width:230px;
	    padding-right:0px;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxc2{
		clear:both;
	    max-width:230px;
	    float:none;
	    margin-left:auto;
	    margin-right:auto;
    }

    #portraitboxr2{
	    clear:both;
	    float:none;
	    max-width:230px;
	    padding-left:0;
		margin-left:auto;
		margin-right:auto;
    }
    
    #leftcontent{
	    clear:both;
	    float:none;
	    width:80%;
	    margin-bottom:50px;
	    margin-left:15%;
	    margin-right:auto;
    }

    #rightcontent{
    	clear:both;
	    float:none;
	    width:80%;
	    margin-left:auto;
	    margin-right:auto;
    }
    
    .contentR{
	    font-size:18px;
    }
    
    #smcontact{
	    display:none;
    }
    
    #broschuere{
    	display:none;
    }
}

@media only screen and (max-width:550px){
    
    #footer{
	    padding-top:10px;
    }
	
	
	#menu{
		padding-top:10px;
		padding-bottom:10px;
		clear:both;
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:392px;
	}
	
	.menuimg{
		max-height:16px;
	}
	
	#contenttext{
	margin-left:10%;
	margin-right:10%;
	width:80%;
}

    #headimg span{
    	margin-left:10%;
    }

#boxleft{
	max-width:70%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxcenter{
	clear:both;
	max-width:70%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:50px;
}

#boxright{
	clear:both;
	float:none;
	max-width:70%;
	margin-right:auto;
	margin-left:auto;
}


}

@media only screen and (max-width:440px){
	
	#f7 .open-detail-symbol, #f9 .open-detail-symbol {
    	margin-bottom: 0.2em;
	}
	
	#f7 .checkbox-price, #f9 .checkbox-price{
		padding-left: 0.5em;	
	}
	
	#menu{
		display:none;
	}
	
	#logo3{
		display:inline;
		margin-left:10%;
		max-height:132px; 
	}
	
	#logo2{
		display:none;
	}
	
	body{
		overflow-x:hidden;
		width: 100%;
	}
	
	#headimg span{
	    font-size:30px;
    }

    h2.content{
	    font-size:20px;
    }

    p.content{
	    font-size:14px;
    }
	
	p.content strong{
	    font-size:14px;
    }
	
	.content2{
		font-size:18px;
    }

    li{
	font-size:16px;
	padding-bottom:10px;
    }
	
	li strong{
	    font-size:14px;
    }
	
	p.content em{
	    font-size:20px;
    }

    p.content em strong{
    	font-size:16px;
    }
	
	#sitemapl{
		width:120px;
    }

    #sitemapr{
	    width:130px;
		text-align:left;
    }
	
	table{
		border-collapse: collapse;
		border-spacing: 0;
	}
	#contenttext{
	padding-top:30px;
}


}

@media only screen and (max-width:350px){
	#logo3{
	    max-height:123px; 
	}
    
    #smimg{
    	width:50px;
    	height:50px;
    }
}


@media only screen and (max-width:320px){
	#logo3{
	    max-height:97px;
	}
	
	input{
	width:95%;
}
}

@media only screen and (min-width:1024px){
	.row{
		max-width: 85em;
	}
}


h1.sf_datenschutz{
	font-family: 'Merriweather', serif;
	font-size:25px;
	color:#9b7853;
	line-height: 1.7em;
	margin-bottom:25px;
	margin-top:25px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

h2.sf_datenschutz{
	font-family: 'Merriweather', serif;
	font-size:20px;
	color:#9b7853;
	margin-bottom:20px;
	line-height: 1.4em;
	margin-top:15px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

h3.sf_datenschutz{
	font-family: 'Merriweather', serif;
	font-size:17px;
	color:#9b7853;
	line-height: 1.2em;
	margin-bottom:15px;
	margin-top:15px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}


p.sf_datenschutz{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:160%;
	margin-bottom:10px;
	text-align:left;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-epub-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

strong.sf_datenschutz{
	font-weight: bold;
}