/*
    Theme Name: Miet Mich
    Description: Theme für mietmich-anhaenger.com
    Author: rb-media
    Author URI: http://www.rb-media.com
    Version: 1.0
    Tags:
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans|Didact+Gothic);

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

body {
	font-family: 'Open Sans', 'sans-serif';	
	background: url("img/bg.jpg") repeat-x left top #c5c6c6;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   hyphens: auto;     
}

h1, h2, h3 {
	font-family: "futura-pt",sans-serif;
	font-style: italic;
   font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:inherit !important;
}

h1 {
	font-size: 2.4rem;
	color: #E31E24;
}

#branding h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 2.2rem;
	color: #222;
}

h2 {
	font-size: 1.8rem;
	color: #e31e24;
}

h3 {
	font-size: 1.0rem;
}

.bgy {
	background: #ffd500;
	padding-top: 20px;
	font-size: 0.9rem
}

header#branding h1  {
	margin-left: -29px;
}

.slogan {
	text-align: right;
	/*padding-top: 1.8rem;*/
}

.slogan p {
	margin-bottom: 0;
}
	

a, a:hover, a:focus {
	color: #e31e24;
}

.entry-title {
	margin-top: 1rem;
}

.box-inner a:hover, box-inner a:focus {
	font-weight: bold;
}

.site-content article {
	padding: 0 1rem;
}

/* Buttons */
button, .button {
	padding: 0.6rem 2rem;
	background-color: #e31e24;
}

button:hover, .button:hover, button.alert:hover, .button.alert:hover {
	background: #898989;
}

button.alert, .button.alert {
	background-color: #e31e24;
}

/* Tom Menü */

.top-bar .toggle-topbar a {
  color: #000;
  height: 38px;
  line-height: 38px;
}

.top-bar .toggle-topbar {
	background: #ddd;
}

.top-bar.expanded .toggle-topbar {
	background: #e31e24;
}

.top-bar.expanded .toggle-topbar a {
	color: #ddd;
}

.top-bar {
	margin-top: 14px;
}

.top-bar,
.top-bar.expanded .title-area,
.top-bar ul {
	background: transparent;
}



.top-bar:not(.expanded) .top-bar-section > ul > li {
	margin-left: 5px;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #e31e24;
	color: #fff;
	/*font-weight: bold;*/
	line-height: 2;
	font-size: 1rem;
}

.top-bar-section li:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button) ,
.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	background: #fff;
	color: #e31e24;
	line-height: 2;
}


/* Top Slider */
#slideshow {
	margin-top: 11rem;
	margin-bottom: 1rem;
}
#homeSlider {
	width: 100%;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.3);
}


#homeSlider .rsThumbsArrow {
	height: 94%;
}

#homeSlider .rsThumbsHor {
	height: auto;
	padding: 0;
	width: 98%;
   position: absolute;
   bottom: auto;
   top: -152px;
   margin: 0 1%;
}

#homeSlider .rsSlide {
	background: #FFF;
}

.rsDefaultInv .rsOverflow {
	height: 100% !important;
}

.rsDefaultInv .rsThumb.rsNavSelected {
	/*background: #dadada;*/
	color: #000;
}

.rsDefaultInv .rsThumb img {
	opacity: 0.5;
}

.rsDefaultInv .rsThumb.rsNavSelected img {
	opacity: 0.7 !important;
}

#homeSlider > .rsContent {
	height: auto;
}

#homeSlider .rsContent {
	margin: 0;
}

#homeSlider .rsContent .rs-left {
	padding: 20px 20px 10px 35px;
}

#homeSlider .rsContent .rs-left p {
	font-size: 0.95rem;
	line-height: 1.3;
}

#homeSlider .rsThumb {
	width: 172px;
	height: auto;
	cursor: pointer;
	text-align: center;
	line-height: 2.5;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 76%, rgba(241,241,241,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(76%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(241,241,241,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(241,241,241,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

#homeSlider .rsTmb h5 {
	min-height: 50px;
	margin-bottom: -30px;
	/*padding-bottom: 10px;*/
	font-size: 0.95rem;
	line-height: 1.3; 
	word-wrap: break-word;
}

#homeSlider .rsThumb img {
	width: 100%;
	max-width: 140px;
}

#homeSlider .rsThumb.rsNavSelected {
	border-bottom: 8px solid #fff;
	background: #fff;
}

#homeSlider .rsThumb i {
	font-style: normal;
	line-height: 1;
	padding: 10px;
}

.rsSlideTitle {
	font-size: 24px;
	padding: 11px 13px 14px;
	background: #c00;
	background: rgba(220,0,0,0.6);
	color: #FFF;
	font-weight: normal;
	margin: 0;
	line-height: 21px;
}
.rsFirstSlideTitle {
	left: 12%;
	top: 74px;
}
.rsSecondSlideTitle {
	left: 12%;
	top: 124px;
}

#homeSlider  h3 {
	font-size: 1.85rem;
	margin-bottom: 0;
	color: #E31E24;
}

#homeSlider .rsContent .slidertabs {
	width: 100%;
	display: inline-block;
}


#homeSlider .rsContent .slidertabs .tabs dd > a {
	padding: 0.5rem;
	margin: 3px 0;
	background: #d9dada;
	line-height: 26px;
	text-align: center;
	white-space: pre;
}

#homeSlider .rsContent .slidertabs .tabs dd.active a {
	background: #ffd500;
}

#homeSlider .rsContent .slidertabs .tabs dd.active:after {
	background: url("img/arrow-right.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    	content: "";
    	height: 42px;
    	margin-top: -45px;
    	position: absolute;
    	width: 33%;
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical {
	width: 60%;
	margin-bottom: 0;
	float: right;
}

#homeSlider .rsContent .slidertabs .tabs.vertical {
	width: 33%;
	min-width: 82px;
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis {
	border: none;
	margin-bottom: 0;
	border-spacing: 0;
	width: 100%;
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis tr:nth-of-type(2n) {
	background: none;
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis td {
	border-bottom: 1px solid #d9dada;
	line-height: 1.5;
	font-size: 0.825rem;
	
	padding: 0.125rem 0.125rem;
	
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis td:nth-child(2) {
	text-align: right;
	font-weight: bold;
}

#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis tr:last-child td {
	border-bottom: none;
}

#homeSlider .orbit-container .orbit-bullets {
	cursor: auto;
}

#homeSlider .orbit-container .orbit-slides-container li .orbit-caption {
	background: none;
	text-align: center;
	color: #000;
}

#homeSlider .orbit-container .orbit-slides-container li,
#homeSlider .rs-right .img-trailer {
	height: 376px;
	line-height: 376px;
	text-align: center;
}

#homeSlider .orbit-container .orbit-slides-container img,
#homeSlider .rs-right img {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

#homeSlider .orbit-container .orbit-slides-container li .orbit-caption {
	/*bottom: -20px;*/
	/*position: relative;*/
	line-height: 1;
}

#homeSlider .rs-right {
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjRiNWI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(180,181,181,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(180,181,181,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(180,181,181,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(180,181,181,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(180,181,181,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(180,181,181,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b4b5b5',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

#homeSlider .rs-right,
#homeSlider .tabs-content.vertical > .content,
#homeSlider .rs-right .tabs-content.vertical,
#homeSlider .orbit-container {
	height: 100%;
}

#homeSlider .rs-left .tabs-content.vertical > .content {
	padding: 0;
}

#homeSlider .orbit-container {
	/*padding-top: 10%;*/
	overflow: hidden;
}

#homeSlider .rs-right .tabs-content.vertical {
	width: 100%;
}

#homeSlider .rsContent .rs-left button, 
#homeSlider .rsContent .rs-left .button {
	font-size: 1.3rem;
	margin: 0;
	line-height: 1;
}

#homeSlider .rsContent .rs-left .button span {
	font-size: 1rem;
}

#homeSlider .rs-left .button-row {
	margin-top: 10px;
	top: 100%;
   position: absolute;
   width: 95%;
}

.row div.box {
	margin: 0 -2% 1.3rem;
}

.box .columns {
	padding: 0;
}

.box .box-inner  {
	margin:5px;
	max-height: 350px;
}

/* Gravity Forms Starseite */
.home_wrapper input[type="text"], 
.home_wrapper input[type="url"], 
.home_wrapper input[type="email"], 
.home_wrapper input[type="tel"], 
.home_wrapper input[type="number"], 
.home_wrapper input[type="password"], 
.home_wrapper textarea {
    color: #222222;
    padding: 5px 10px !important;
    margin-bottom: 0.6em;
}

.home_wrapper .gform_footer {
	margin: 10px 0 0 0 !important;
	padding: 5px !important;
	text-align: center;
}

.home_wrapper .gfield_description {
  font-size: 0.8rem !important;
}

#gform_submit_button_5 {
	line-height: 1;
	font-size: 0.8rem;
}

.site-content {
	margin: 15px auto;
}

.box .box-inner,
footer, .inquiry, .white {
	background: #fff;
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
}

.box > div:nth-child(2) .box-inner {
	/*margin: 0 10px;*/
}


#anmietzeiten table {
	width:100%;
	border:none;
}
#anmietzeiten table td {
	padding:0;
	font-size:13px;
}


.box .box-inner .headline {
	background: #ffd500;
	padding: 65px 0 0 0;
	margin-bottom: 25px;
}

.box .box-inner .headline-text {
	font-family: "futura-pt",sans-serif;
	background: #898989;
	color: #fff;
	font-weight: bold;
	font-style: italic; 
	font-size: 1.3rem;
	padding: 5px 10px 5px 20px; 
	display: block;
	width: 90%;
	margin-top: -50px;
	margin-bottom: 20px;
}

.box .box-inner p {
	line-height: 1.4;
	font-size: 0.93rem;
	padding: 5px 10px 20px 20px; 
}

/* Formular */
.inquiry {
	margin: 1.3rem auto;
	padding: 1.3rem 1.875rem;
}

div.gform_wrapper ul li.two-column-wrapper.left-column select {
	height: auto;
	padding: 2px !important;
	margin: 0;
	width: 59%;
	font-size: 0.9rem;
}

div.gform_wrapper input[type="text"], div.gform_wrapper input[type="url"], div.gform_wrapper input[type="email"], div.gform_wrapper input[type="tel"], div.gform_wrapper input[type="number"], div.gform_wrapper input[type="password"] {
	font-size: 0.9rem;
	padding: 5px 8px;
}

div .gform_wrapper .gfield_time_hour label,
div .gform_wrapper .gfield_time_minute label {
	padding: 0 !important;
}

div.gform_wrapper ul li.two-column-wrapper .two-column > li:first-child  {
	/*margin-bottom: 20px !important;*/
	
}

.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
	padding: 5px;
	height: auto;
	font-size: 0.9rem;
	color: #000;
}

.gform_wrapper input {
	margin: 0;
	height: auto;
}

div.gform_wrapper label {
	/*padding-bottom: 1rem;*/
	font-size: 0.75rem;
	line-height: 2.5;
	color: #4d4d4d;
	font-size: 0.8rem;
}

.gfield_time_hour label {
	float: left;
	clear: both; 
}

.gfield_time_hour input {
	float: left;
	margin-right: 7px;
}

div.gfield_time_minute input,
div.gfield_time_hour input {
	color: #000;
	font-size: 0.9rem;
	text-align: center;
}

.gfield_time_minute input {
	/*float: right;*/
}


div .gform_wrapper {
	max-width: 100%;
}

div.gform_wrapper ul li {
	padding: 0 1rem;
}

div.gform_wrapper form ul li.two-column-wrapper {
	clear: none;
	display: block;
	float: left;
	width: 50%;
	list-style: none; 
}

div.gform_wrapper ul li.two-column-wrapper.left-column,
div.gform_wrapper ul li.two-column-wrapper.right-column {
	width: 50%;
	margin-left: auto !important;
}

div.gform_wrapper ul li.two-column-wrapper.left-column > ul > li {
	margin-bottom: 0.5rem !important;
}
.gform_wrapper.gf_browser_ie .gform_footer input.button {
	padding: 10px 20px !important;
}


div.gform_wrapper ul li.two-column-wrapper.right-column {
	/*width: 60%;*/
}

.gform_wrapper .two-column-wrapper li,
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul.two-column li, 
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul.two-column li {
	list-style: none !important;
	padding-right: 0;
}
div.gform_wrapper ul li.two-column-wrapper.right-column ul li.gplaceholder {
	margin-top: 13px !important;
}

div.gform_wrapper li.no-label > label {
	display: none;
}

div.gform_wrapper ul li.two-column-wrapper > ul > li.split-column li {
	width: 40%;
	float: left;
}

div.gform_wrapper ul li.agb {
	/*padding-top: 1rem;*/
}
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label {
  padding: 0 0 10px 38% !important;
}

div.gform_wrapper .right_label div.ginput_complex, div.gform_wrapper .left_label div.ginput_complex,
div.gform_wrapper .right_label input.medium, div.gform_wrapper .right_label select.medium, div.gform_wrapper .left_label input.medium, div.gform_wrapper .left_label select.medium {
	width: 100%;
}

.gform_wrapper.gf_browser_ie .gfield_time_hour {
	width: 4em !important;
}

#field_4_2,
#field_4_25 {
	padding-bottom: 15px;
}

#field_4_23,
#field_4_25 {
	width: 100%;
}

#field_4_23 ul,
#field_4_25 ul { 
	/*margin-left: 33% !important;*/
}

#field_4_23 li,
#field_4_25 li {
	float: left;
	clear: none;
}

#field_4_23 li label,
#field_4_25 li label {
	width: 49%;
}

.gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_year, .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute {
	width: 35% !important;
}

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
	margin-top: 20px;
}

#field_4_3,
#field_4_20 {
	width: 60%;
}

li#field_4_4,
li#field_4_21 {
	width: 40% !important;
}

#field_4_21 {
	padding-left: 0;
}

#field_4_4 label,
#field_4_21 label {
	display: none;
}

#field_4_4:before,
#field_4_21:before {
	 content: "um";
    float: left;
    font-size: 0.7em;
    font-weight: bold;
    line-height: 2.8;
    padding-right: 15px;
    color: #4d4d4d;
}

#field_4_12 {
	padding-top: 20px;
}
 
#field_4_13 {
	padding-top: 10px;
}

/* Footer */


footer {
	padding: 15px 0;
	margin-bottom: 0.5rem !important;
}
footer p {
	line-height: 1.4;
	font-size: 0.93rem;
}


.gform_confirmation_wrapper {
 	background-color: #efe;
    border: 2px solid #080;
    color: #030;
    font-size: 1.5rem;
    margin: 10px;
    padding: 30px;
    text-align: center;
}


@media screen and (min-width: 0px) and (max-width: 960px) {

	.slogan {
		padding-top: 0.3rem;
	}
	
	.slogan p {
		font-size: 0.8rem;
		margin-bottom: 0;
	}
	
	#branding h3 {
		font-size: 1.5rem;
	}

	#homeSlider .rsThumbsHor {
		top: -108px;
		height: 108px;
	}
	
	#homeSlider .rsThumb {
		width: 115px;
		margin-top: 0;
	}
	
	#homeSlider .rsThumb i {
		padding: 5px;
	}
	
	#homeSlider .rsTmb h5 {
	  	font-size: 0.75rem;
	  	line-height: 1.3;
	  	min-height: 35px;
	  	padding-bottom: 0;
	  	margin-bottom: -22px;
	}
	
	#homeSlider .rsContent .rs-left p {
		font-size: 0.84rem;
	}
	
	#slideshow {
  		margin-top: 8rem;
	}
	
	#homeSlider h3 {
		font-size: 1.4rem;
	}
	
	.rsSlideTitle {
		font-size: 18px;
		padding: 10px 12px 12px;
	}
	.rsFirstSlideTitle {
		left: 8%;
		top: 54px;
	}
	.rsSecondSlideTitle {
		left: 8%;
		top: 99px;
	}
	
	#homeSlider  .rsContent {
		height: auto;
	}
	
	#homeSlider .rsContent .slidertabs .tabs.vertical {
		float: left;
		width: 35%;
	}
	#homeSlider .rsContent .slidertabs .tabs-content.vertical {
		float: right;
	}
	
	#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis td  {
		font-size: 0.8rem;
	}
	
	div.gform_wrapper .right_label div.ginput_complex, div.gform_wrapper .left_label div.ginput_complex {
		width: 100%;
	}
	div.gform_wrapper .right_label input.medium, div.gform_wrapper .right_label select.medium, div.gform_wrapper .left_label input.medium, div.gform_wrapper .left_label select.medium {
		width: 98%;
	}
	
	.box .box-inner  {
		max-height: 100%;
	}
	
}

@media screen and (min-width:500px) and (max-width:880px) {
	#homeSlider .rsContent .rs-left button, #homeSlider .rsContent .rs-left .button,
 	#homeSlider .rsContent .rs-left .button span {
 		font-size: 0.8rem ;
 		margin-right: 0.2rem;
 		padding: 0.6rem ;
 	}
 	
 	#homeSlider .rsContent p {
 		font-size: 0.8rem;
 	}
 	
 	.box .box-inner .headline-text {
 		font-size: 1.1rem;
 		width: 97%;
 		padding-left: 3px;
 	}
}

@media screen and (min-width:640px) and (max-width:880px) {
 	#field_4_4:before,
 	#field_4_21:before {
		margin-left: 35%;
		/*width: 50%;*/
	}
	
	#field_4_23 li,
	#field_4_25 li {
		float: none;
		width: 100%;
	}
	
	#field_4_23 li label,
	#field_4_25 li label {
		width: 29%;
	}
}

@media screen and (min-width: 0px) and (max-width: 40em) {
	
	#slideshow {
  		/*margin-top: 7rem;*/
	}
	#homeSlider {
		height: 700px;
	}
	#homeSlider .rsContent .slidertabs .tabs dd.active:after {
 		width: 35%;
 	}
 	
 	.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium {
 		width: 55%;
 	}
 	
 	.row div.box {
		margin: 0 0 1.3rem;
	}
 	
 	.top-bar-section {
 	}
 	
 	header#branding h1 {
 		margin-left: -14px;
   	max-width: 90%;
   	margin-top: -8px;
   	padding-bottom: 6px;
 	}
 	
 	.slogan-wrapper {
 		/*position: absolute;*/
 		top: 0;
 		background: #fff;
 		padding-top: 10px;
 	}
 	
 	.slogan { 
 		text-align: left;
 		padding-top: 0;
 		/*background: #fff;*/
 		border-bottom: 1px solid #fff;
 		padding-bottom: 4px;
 	}
 	
 	#branding h3 {
 		font-size: 0.7rem;
 		font-weight: bold;
 	}
 	
 	.top-bar .name,
 	.top-bar {
		height: 38px;
	}
 	
 	.top-bar {
	  	position: absolute;
	  	right: 0;
	  	width: 50%;
	  	z-index: 999;
	  	top: 0;
	  	margin-top: 1px;
	  	
	}
	
	.top-bar.expanded section ul {
	  	box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
	}
	
	.inquiry {
		padding: 0;
	}
	
	div.gform_wrapper ul li.two-column-wrapper,
	div.gform_wrapper ul li.two-column-wrapper.left-column, div.gform_wrapper ul li.two-column-wrapper.right-column {
		width: 100% !important;
	}
	
	div#homeSlider .rs-left .button-row {
		position: relative;
		width: 100%;
	}
	
	
	div.gform_wrapper label {
		font-size: 0.6rem;
	}
	div.gform_wrapper ul li.two-column-wrapper.left-column select,
	.gform_wrapper .right_label input.medium, .gform_wrapper .right_label select.medium, .gform_wrapper .left_label input.medium, .gform_wrapper .left_label select.medium,
	div.gfield_time_minute input, div.gfield_time_hour input {
		font-size: 0.7rem;
	}
	
	
	
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	
	#homeSlider {
    	height: 645px;
	}	
	
	.rsSlideTitle {
		font-size: 14px;
		padding: 8px 10px 8px;
	}
	.rsFirstSlideTitle {
		left: 24px;
		top: 24px;
	}
	.rsSecondSlideTitle {
		left: 24px;
		top: 63px;
	}
	
	#homeSlider .rsContent .slidertabs .tabs dd > a,
	#homeSlider .rsContent .slidertabs .tabs-content.vertical .preis td {
		font-size: 0.8rem;
	}
	
	#homeSlider .rsContent .slidertabs .tabs dd.active:after {
		width: 36%;
 	}
 	
 	#homeSlider .rsContent p {
 		font-size: 0.8rem;
 	}
 	
 	#homeSlider .rsContent .rs-left button, #homeSlider .rsContent .rs-left .button,
 	#homeSlider .rsContent .rs-left .button span {
 		font-size: 0.8rem;
 		margin-right: 0.2rem;
 		padding: 0.6rem;
 	}
 	
 	#homeSlider .rsContent .rs-left {
    padding: 20px 10px 10px;
	}
	
	#homeSlider .orbit-container .orbit-slides-container li,
	#homeSlider .rs-right .img-trailer {
		height: 245px;
		line-height: 245px;
	}
	
	#homeSlider .orbit-container .orbit-slides-container img {
		margin-left: 0;
	}
	
	.gform_wrapper .left_label .gfield_label,
	div.gform_wrapper input[type="text"], div.gform_wrapper input[type="url"], div.gform_wrapper input[type="email"], div.gform_wrapper input[type="tel"], div.gform_wrapper input[type="number"], div.gform_wrapper input[type="password"] {
		font-size: 0.7rem;
	}
	
	div.gform_wrapper .gform_footer.right_label, div.gform_wrapper .gform_footer.left_label {
		padding: 16px 0 !important;
		text-align: center;
	}
		
	.box .box-inner .headline {
		padding-top: 40px;
	}
	
	.box .box-inner .headline-text {
		font-size: 1.1rem;
	}
	
	#field_4_4:before,
	#field_4_21:before {
		margin-left: 24%;
	}
	
	
	#field_4_23 li,
	#field_4_25 li {
		float: none;
		width: 100%;
	}
	
	#field_4_23 li label,
	#field_4_25 li label {
		width: 29%;
		margin-right: 17px;
	}
	
}


/* calculator */

#calculated-pricegroup {

}

#calculated-pricegroup.error #calculated-price {
	display:none;
}

#calculated-pricegroup.error #calculated-price-info {
	color:#800;
}

#calculated-pricegroup.success #calculated-price {
	color:#080;
}

#calculated-pricegroup.success #calculated-price {
	color:#080;
}

#calculated-price {
	display:block;
	font-weight:bold;
	font-size:1.25rem;
	line-height:1;
}

#calculated-price-info {
	display:block;
	font-size:0.625rem;
	color:#888;
}


/* front page form */

.box-inner .gform_wrapper .top_label .gfield_label {
	display:none;
}


.box-inner .gform_wrapper select {
	margin-bottom:0.6em;
	padding:0 !important;
	height:2rem;
	font-size:0.813rem;
	background-color:#fff;
}

.box-inner .gfield_description {
	display:none;
}

.box-inner button {
	margin-bottom:0.75rem;
}

.box-inner .validation_error {
	display:none;
}

.box-inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin: 0 !important;
	padding: 0 1rem !important;
	background:none;
}

.box-inner .gform_wrapper .top_label .gfield_error {
	width:100%;
}

.box-inner .gform_wrapper li.gfield.gfield_error, 
.box-inner .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	border:none;
	margin:0 !important;
}

.box-inner .gform_wrapper .top_label .gfield_error input.large, 
.box-inner .gform_wrapper .top_label .gfield_error select.large, 
.box-inner .gform_wrapper .top_label .gfield_error textarea.textarea {
    width: 99.2%;
    background-color: #ffdfe0;
}

.reveal-modal {
    margin-left: -25%;
    width: 50%;
}


.inquiry .gform_wrapper div.validation_error {
	background-color: #ffdfe0;
	border: 1px solid #790000;
	text-align:center;
	color: #790000;
	padding: 1rem;
}

.inquiry .validation_message {
	display:none;
}

.inquiry  .gform_wrapper li.gfield.gfield_error, 
.inquiry .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding: 0px !important;
}


/*
#homeSlider .rsContent {
	position:absolute;
}
*/

#field_4_9 {
    display: inline-block;
    margin: 0 !important;
    padding: 0;
    width: 48%;
}

#field_4_10 {
	display: inline-block;
    margin: 0 !important;
    padding-left: 3%;
    width: 49%;
}

#field_4_8 {
	margin: 0 !important;
}

#field_4_27 {
	margin-top: 20px !important;
}

#input_4_27 {
    font-size: 0.9rem;
    height: auto;
    margin: 0;
    padding: 2px !important;
}