@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?55622129');
  src: url('fontello.eot?55622129#iefix') format('embedded-opentype'),
       url('fontello.woff?55622129') format('woff'),
       url('fontello.ttf?55622129') format('truetype'),
       url('fontello.svg?55622129#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fontello.svg?55622129#fontello') format('svg');
  }
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
   margin-right: 0.5em;

}
 
.icon-search:before { content: '\e80b'; } /* '?' */
.icon-menu:before { content: '\e800'; } /* '?' */
.icon-cancel-circled:before { content: '\e801'; } /* '?' */


body {
	background:#fff url(../img/himmel-hg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	font-family: 'Ubuntu', sans-serif;
	font-size:1em;
	line-height:1.500em;
	color:#6c6c6c;
	}
img {
	max-width: 100%;
	height:auto;
	width:auto;
	}
p {
    font-size: 1.125em;
    margin-bottom: 1em;
}

i {font-style: italic;}
b {font-weight:bold;}
a {
	text-decoration:none;
	color:#CC071E;
	
		-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}

a:hover {
	color:#de7380;
}
.toggle-down {
	text-decoration:none;
	color:#CC071E;
	
		-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}

.toggle-down:hover {
	color:#de7380;
	cursor: pointer;
}
.rechtespalte div.text {
	display:none;
}
.clear {
	clear:both;
	float:none;
	}
#mobile-header {
	display:none;
	}
	
.csc-textpic-caption {
    font-size: 0.8em;
    color:#aaaaaa;	
}
	
h1, h2, h3, h4, h5 {
    color: #cc071e;
    font-family: 'Courgette',cursive;
    font-size: 2.35em;
    line-height: 1.2em;
    margin-bottom: 0.8em;
}
h2, h3, h4, h5 {
    font-size: 1.688em;
    margin-bottom: 0.5em;
}

.wrap {
	width:96%;
	max-width:1100px;
	margin:0 auto;
	background:#fff;
	border-bottom: 6px solid #A50518;
	box-shadow: 0 1px 58px 1px rgba(166, 201, 244, 0.7);
	}
.wrap-header {
	width:96%;
	max-width:1100px;
	margin:0 auto;
	background:url(../img/sonne.png);
	background-repeat:no-repeat;
	background-size:cover;
	}
.logo {
    float: left;
    width: 50%;
}

.logo img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.subnavi {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
    float: right;
    height: 2.375em;
    margin-right: 0;
    margin-top: 2.3em;
    padding-right: 1.15em;
    z-index: 888;
}
li {
	display: block;
	float:left;
	}
	
.content li {
    background: url("../img/punkt.png") no-repeat scroll left 0.53em rgba(0, 0, 0, 0);
    padding-bottom: 0.5em;
    padding-left: 2em;
    float:none;
}

.csc-mailform li {
	background:none;
}

.content ul {
	
	margin-bottom:1em;
}
.csc-subheader {
    color: #CC071E;
    font-family: 'Courgette',cursive;
    font-size: 1.488em;
    line-height: 1.3em;
    margin-bottom: 0.8em;
    margin-top: -1.2em;
}
.subnavi a {
    color: #FFFFFF;
    font-size: 0.875em;
    line-height: 2.5em;
	opacity:1;
	display:block;
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}
.subnavi a:hover {
	opacity:0.5;
}
.subnavi li {
	padding: 0 0 0 1.15em;
	}
.navi-wrap {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	border-top:6px solid #cc071e;
	
	}


.navi {
    background: none repeat scroll 0 0 #FFFFFF;
	display:table;
	width:100%
}

.navi ul {
	display: table-row;
	}
.navi a {
    color: #3B3B3B;
    display: block;
    font-size: 1.125em;
    padding: 1.6em 2em;
    position: relative;
    text-align: center;
}
.navi li {
	border-left: 1px solid #E5E5E5;
	display: table-cell;
	float:none;
	}
.navi li:first-child {
	border-left: none;
}
.navi a:before{
	position: absolute;
	top: -6px;
	left: 0;
	width: 100%;
	content: '';
	background: #cc071e;
	background:rgba(245, 205, 210, 0);
	height: 6px;
	
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}

.navi a:hover:before{
	background: rgba(245, 205, 210, 1);
}


.navi li ul.level2{
    opacity: 0;
    transition: all 0.3s ease 0s;
    z-index: 999 !important;
    display:block;
    position:absolute;
    background:rgba(255, 255, 255, 0.8);
    visibility: hidden;
}
.navi li:hover ul.level2 {
	visibility: visible;
    opacity: 1;
}
ul.level2 li {	
	display: block;
	border: none;
	border-bottom: 1px solid #d2d2d2;
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}

ul.level2 li:hover {
	background: #e9e9e9;	
}

ul.level2 li.last {
	border:none;
}

ul.level2 li a {
	
	text-align:left;
	font-size:0.8em;
	padding: 1.1em 1.9em;
}

.navi ul.level2 li a:before{
	display:none;
	height: 0px;
}

.slider-wrap {
    background: none repeat scroll 0 0 #CCCCCC;
    clear: both;
    float: none;
    height: auto;
    overflow: hidden;
}

.slider {
    clear: both;
    float: none;
    overflow: hidden;
}
.content-wrap {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
    padding-bottom: 1.5em;
}
.content {
    clear: both;
    float: none;
    margin: 3.125em auto 0;
    overflow: hidden;
    width: 90.909%;
}
.zweispaltig {
	width:65%; /* 650 / 1000 */
	float:left;
	margin-bottom: 2.5em;
	}
.einspaltig {
    float: right;
    margin-bottom: 2.5em;
    width: 30%;
}
.unten {
    border-top: 1px solid #E5E5E5;
    float: left;
    padding-top: 2em;
    width: 100%;
}
.wrap-teaser {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    clear: both;
    float: none;
    overflow: hidden;
    padding: 2em 0;
}
.teaser-inhalt {
    clear: both;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 90.9091%;
}
.teaser {
	width: 30%; /* 300 / 1000 */
	float:left;
	margin-left:5%; /* 50 / 1000 */
	}
.teaser:first-child {
	margin-left:0;
	}
.teaser h3 {
    margin-bottom: 0.5em;
}
.teaser h3 a {
    color: #CC071E
}
.teaser img {
    margin-bottom: 1em;
}

.teaser p {
    margin-bottom: 1.5em;
}

.teaser p a {
	background: none repeat scroll 0 0 #A50518;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #B3B3B3;
    color: #FFFFFF;
    font-family: 'Ubuntu',sans-serif;
    font-size: 0.95em;
    font-weight: 700;
    padding: 0.6em 1.2em 0.7em;
    text-decoration: none;
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}
.teaser p a:hover {
	background-color:#a50518;
    background: rgba(165, 5, 24, 0.75);
}



.footer {
    clear: both;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 90.9091%;
	padding: 1em 0;
}

.footer p {
	font-size:0.90em;
	}
.footer p strong {
	color: #CC071E;
    font-family: 'Courgette',cursive;
    font-size: 1.50em;
    line-height: 1.2em;
	}
	
.inhalt-schmal {
	width: 65%;
	float: left;
}

.csc-default, .konditionen {
	margin-bottom:2em;
}

.slider .csc-default {
    margin-bottom: 0;
}	

.slider div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}
tr:nth-child(odd) {
	background: #e7e7e8;
	}
tr:nth-child(even) {
	background: #f1f1f2;
	}
td {
    padding: 0.4em 0.8em;
}

.konditionen td:first-child {
    width: 75%;
}
.konditionen i {
	font-size: 0.8em;
}
.miete td:first-child {
	width:auto;
font-weight:bold;
}

table {
    color: #6C6C6C;
    margin-bottom: 1em;
    width: 100%;
}	

.miete tr:nth-child(1) {
	background:#f1f1f2;
}
.miete tr:nth-child(2), .miete tr:nth-child(6) {
	background:#e7e7e8;
}
.miete tr:nth-child(3), .miete tr:nth-child(5) {
	background:#cadff8;
}
.miete tr:nth-child(4) {
	background:#f5cdd2;
}
.miete {
	margin-bottom:2em;
}
.hinweis a {
	background: none repeat scroll 0 0 #A50518;
    border-radius: 3px;
    box-shadow: 2px 2px 0 #B3B3B3;
    color: #FFFFFF;
    font-family: 'Ubuntu',sans-serif;
    font-size: 0.95em;
    font-weight: 700;
    padding: 0.6em 1.2em 0.7em;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.hinweis p {
	margin-bottom:2em;
}
.hinweis i {
	color:#898989;
	font-size: 0.8em;
}

.hinweis {
	
	line-height: 1.2em;
}
	
/*Eigene Rahmen*/


.rahmen1 {
    background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #c7c7c7;
    margin-bottom: 2em;
    padding: 1em;
}
.rahmen2 {
    background: none repeat scroll 0 0 #cb071f;
    border: 1px solid #5a000b;
    margin-bottom: 2em;
    padding: 1em;
    color:#fff;
}

.rahmen2 h1, .rahmen2 h2, .rahmen2 h3, .rahmen2 h4, .rahmen2 h5 {
	color:#fff;
	margin:0;
}

.rahmen1 h1, .rahmen1 h2, .rahmen1 h3, .rahmen1 h4, .rahmen1 h5 {
	margin:0;
}
.linieunten {
	border-bottom: 1px solid #E2E2E2;
	margin-bottom:2em;
}
.teaser-anfahrt {
	position: relative;
}
.teaser-anfahrt a {
	color: #cc071e;
}

.teaser-anfahrt p {
	margin-bottom:0.4em;
	display: none;	
}

.teaser-anfahrt p:last-child {
	margin-bottom:0;	
}
.teaser-anfahrt h3 {
    background: #cc071e;
    background:rgba(204, 7, 30, 0.9);
    color: #FFFFFF;
    font-size: 1.5em;
    margin-bottom: 0;
    padding: 0.5em 0.9em;
    position: absolute;
    top: 0;
    width: 100%;
}

.teaser-anfahrt h3 a {
    color: #FFFFFF;
    display: block;
}
.rechtespalte {
	width: 30%;	
	float:right;
	margin-bottom: 1em;
}

.fahrzeug-1-links, .fahrzeug-2-links, .fahrzeug-3-links {
	width:48%;
	float:left;
}

.fahrzeug-1-rechts, .fahrzeug-2-rechts, .fahrzeug-3-rechts {
	width:48%;
	float:right;
}

.fahrzeug-1, .fahrzeug-2, .fahrzeug-3 {
    border-bottom: 1px solid #E2E2E2;
    clear: both;
    float: none;
    margin-bottom: 2em;
    overflow: hidden;
    padding-bottom: 2em;
}

.fahrzeug-infos{
	width:48%;
	float:left;
}

.fahrzeug-bilder {
	width:48%;
	float:right;
}
/*Eigene Rahmen Ende*/

/* Mailform Anfang */

.csc-mailform {
    max-width: 70%;
    overflow: hidden;
}
.csc-mailform em {
    display: none;
}

label, textarea, input {
    display: block;
    float: none !important;
    margin-top: 0.2em;
    width:94%;
}

textarea, input, select {
    border:1px solid #dfdfdf;
    color:#6C6C6C;
}

textarea:focus, input:focus {
    border:1px solid #CC071E;
}

.csc-mailform ol {
	margin:0 !important;
	padding:0 !important;
}

.csc-mailform li.csc-form-4 label, .csc-mailform li.csc-form-4 input,
.csc-mailform li.csc-form-5 label, .csc-mailform li.csc-form-5 input, .csc-mailform li.csc-form-5 textarea {
    width:94.3%;
}

.csc-form-10.csc-form-element.csc-form-element-textarea,
.csc-form-11.csc-form-element.csc-form-element-submit {
	width:100%;
}

.csc-mailform ol, div.csc-mailform ol li {
    margin:0 5.4% 0.4em 0;
}

.csc-mailform .csc-form-2 {
    float:left;
}

.csc-mailform li label {
    width:100%;
}
.csc-form-6.csc-form-element.csc-form-element-select > label {
    width: 100%;
}
.csc-mailform form {
    width:100%;
}

.csc-mailform .csc-form-element-textarea textarea {
    width:95.2%;
    padding:0.5em 2%;
}


.csc-mailform form li.csc-form-2,
.csc-mailform form li.csc-form-3,
.csc-mailform form li.csc-form-4,
.csc-mailform form li.csc-form-5 {
    width:47.2%;
    float: left;
}

.csc-mailform form li.csc-form-3,
.csc-mailform form li.csc-form-5 {
	margin-right:0;
}
.csc-mailform form li.csc-form-6 {
    clear: both;
    float: none;
    margin-top: 0.5em;
    overflow: hidden;
    width: 100%;
}

textarea,
input,
select {
    padding:0.5em 2%;
    font-family: 'Ubuntu', sans-serif;
    font-size:100%;
}

.csc-form-element-submit input {
    background:none repeat scroll 0 0 #CC071E;
    border:none;
    color:#fff;
    font-family: 'Ubuntu', sans-serif;
    font-size:100%;
    cursor: pointer;
    width:30%;
    font-weight: bold;
    margin-top:0.8em;
}
select {
	width:100%;
}
.csc-form-element-submit input:hover {
    opacity:0.7;
}

#c48 ul {
	margin-top:0;
}

.csc-frame-frame1:nth-child (4n+2) {
	margin-right:0;
}


/* Mailform Ende */

.flex-captions {
    display: block;
    float: right;
    position: relative;
    width: 31%;
}

.flex-caption {
    background: #e5e5e5;
    background:-moz-linear-gradient(bottom,#e5e5e5,#f3f3f3); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#f3f3f3)); /* Chrome, Safari */
    bottom: 0;
    color: #535353;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    margin: 0;
    padding: 1.1em 8.01%;
    position: inherit;
    text-shadow: none;
    width: 84%;
    height: 5.74em;
}

.flex-caption h3 {
	font-family:'Ubuntu', sans-serif;
	font-size:1.2em;
	font-weight: bold;
}
.flex-caption p {
	margin-bottom: 0.5em;
}

.flex-caption p a{
	color: #535353;
}


.flex-control-nav {
    height: 20.9em;
    position: absolute;
    right: 30.45%;
    text-align: center;
    top: 0;
    width: 6px;
}

.flex-control-nav li {
    margin: 0;
}
.flex-control-nav li a {
	background: #fff;
    background: rgba(204, 7, 30, 0);
    cursor: pointer;
    display: block;
    height: 6.94em;
    text-indent: -999em;
    width: 6px;
    -webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	transition: 0.3s;
}

.flex-control-nav li a.active, .flex-control-nav li a:hover {
    background:rgba(204, 7, 30,1);
    cursor: pointer;
    display: block;
    height: 6.94em;
    text-indent: -999em;
    width: 6px;
}

.flexslider .slides {
    float: left;
    width: 69%;
}

.button {
    float: right;
    padding-top: 0.7em;
    width: 8.7em;
    z-index:999;
    display:none;
    opacity: 0;
    visibility: hidden;
}

.rechtespalte .csc-mailform{
    max-width: 100%;
}

/*BREAKPOINT*/
@media only screen and (max-width: 1050px) {
	body {
	font-size:0.9em;
	line-height:1.48em;
	}
	

h1, h2, h3, h4, h5 {
    font-size: 2.25em;
}

h2, h3, h4, h5 {
    font-size: 1.488em;
    margin-bottom: 0.8em;
}

.teaser-anfahrt h3 {
    font-size: 1.3em;
}

.content {
    width: 95%;
}

.teaser-inhalt {
	width: 95%;
}

.footer {
	width: 95%;
}

	.footer p {
    font-size: 0.90em;
}
.flex-captions {
    display: none;
   }
   
   .flex-control-nav {
    display:none;
}

.flexslider .slides {
    width: 100%;
}
}

/*BREAKPOINT*/
@media only screen and (max-width: 860px) {
	
.navi a {
    padding: 1.6em 1em;
}
}

/*BREAKPOINT*/
@media only screen and (max-width: 700px) {
	
	body {
	font-size:0.75em;
	line-height:1.6em;
	}
	
.inhalt-schmal {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2em;
    padding-bottom: 1.6em;
    width: 100%;
    margin-bottom: 1em;
}
.rechtespalte {
    width: 100%;
}
.teaser-anfahrt p {
    display: block;
}
.teaser-anfahrt .csc-textpic-text {
    clear: right !important;
    float: right;
    padding-top: 1em;
    width: 62%;
}
.teaser-anfahrt h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #CC071E;
    font-size: 1.7em;
    margin-bottom: 0.7em;
    padding: 0;
    position: relative;
}

.teaser-anfahrt h3 a {
    color: #CC071E;
    display: block;
}
.teaser-anfahrt DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
    width: 35%;
}

.teaser {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 1.5em;
    padding-bottom: 0.6em;
    width: 100%;
}
.teaser DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
	width:35%;
	float: right;
}

.teaser .csc-textpic-text {
    clear: left !important;
    float: left;
    padding-top: 0;
    width: 62%;
}

.csc-mailform {
    max-width: 100%;
}

}

/*BREAKPOINT*/
@media only screen and (max-width: 575px) {
	
	.navi {
	display:none;
	}
#mobile-header {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    display: block;
    text-align: right;
    width: 100%;
}
#mobile-header a {
    color: #3B3B3B;
    display: block;
    font-weight: bold;
    padding: 1.1em 1.4em;
    text-align: left;
    text-decoration: none;
	font-size: 1.3em;
}
.icon-menu:before {
    float: right;
    font-size: 2.7em;
    line-height: 1em;
    position: relative;
    right: -0.6em;
    top: -0.25em;
}

.sidr ul li {
    float: none;
}

.sidr-inner li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    line-height: 3.8em;
    margin: 0;
    padding: 0;
    width: 100%;
}

.sidr-inner li.sidr-class-sub a{
	border:none;
}
.sidr-inner a {
	padding: 0 1.2em;
	border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #FFFFFF;
	display:block;
	color:#CC071E;
	}
	
.sidr-inner a:hover {
	box-shadow: 0 0 15px 3px #EBEBEB inset;
	}
.sidr ul li a, .sidr ul li span {
    color: #333333;
    display: block;
    padding: 0 1.8em;
    text-decoration: none;
	border:none;
	color:#a2a2a2;
}
.sidr ul li, .sidr ul li span {
	border:none;	
}
.sidr ul {
	border:none;
	margin:0;
	}

.sidr ul li.sidr-class-last {
	border-bottom: 1px solid #DFDFDF;
	}

.fahrzeug-1-links, .fahrzeug-2-links, .fahrzeug-3-links {
    float: left;
    width: 100%;
}

.fahrzeug-1-rechts, .fahrzeug-2-rechts, .fahrzeug-3-rechts {
    float: right;
    width: 100%;
}

.fahrzeug-infos {
    width: 100%;
}

.fahrzeug-bilder {
    width: 100%;
}
}
/*BREAKPOINT*/
@media only screen and (max-width: 500px) {

.teaser-anfahrt .csc-textpic-text {
	padding:0;
}
.teaser-anfahrt h3 {
    margin-bottom: 0.4em;
   }

}
/*BREAKPOINT*/
@media only screen and (max-width: 400px) {
	
	.button {
    margin-top: -12em;
    padding-top: 0;
    width: 20%;
}

.subnavi {
    float: left;
    height: 2.5em;
    margin-top: -2.4em;
    padding-top: 0.3em;
    width: 100%;
    background: none repeat scroll 0 0 rgba(120, 173, 238, 0.4)
}
.subnavi ul {
	}
.subnavi li {
	padding:0 5%;
	}
	
	
.logo {
    float: left;
    text-align: center;
    width: 100%;
}
.teaser-anfahrt p {
    display: block;
}

.teaser-anfahrt a {
    color: #fff;
    font-weight: bold;
}
.teaser-anfahrt .csc-textpic-text {
    background: none repeat scroll 0 0 rgba(204, 7, 30, 0.8);
    clear: right !important;
    color: #FFFFFF;
    float: right;
    padding: 1.7em 1.3em;
    position: absolute;
    width: 90.8%;
}
.teaser-anfahrt h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 1.7em;
    margin-bottom: 0.3em;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

  .teaser-anfahrt h3 a {
    color: #fff;
    display: block;
}

.teaser-anfahrt img {
	width:100%;
	
}
.teaser-anfahrt DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
    width: 100%;
}

.teaser {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 1.5em;
    padding-bottom: 0.6em;
    width: 100%;
}
.teaser DIV.csc-textpic-above DIV.csc-textpic-imagewrap {
	width:100%;
	float: right;
}

.teaser .csc-textpic-text {
    clear: left !important;
    float: left;
    padding-top: 0;
    width: 100%;
}
.teaser img {
	width:100%;
}

}
.csc-form-11 {
    display: flex;
}

.csc-form-11 label {
    width: 100% !important;
    order: 1;
}

#field-11 {
    width: auto;
    align-self: flex-start;
    margin-right: 1rem;
    position: relative;
    top: 6px;
}

.cc-window {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}