@charset "utf-8";
/* CSS Document */
/* ___CSS Stylesheet 2016 / Miete-6 / VAPS GmbH  */

/* ------------------------ Fonts für interne Nutzung  VWAG Fonts TheSans_____________                */

@font-face {
	font-family: "TheSans_Bold_Plain";
	src: url(../fonts/TheSans_Bold_Plain/TheSans_Bold_Plain.eot);
	src: url("../fonts/TheSans_Bold_Plain/TheSans_Bold_Plain.eot?#iefix")format("embedded-opentype"),
	url("../fonts/TheSans_Bold_Plain/TheSans_Bold_Plain.woff")format("woff"),
	url("../fonts/TheSans_Bold_Plain/TheSans_Bold_Plain.ttf")format("truetype");
	font-style: normal;
    font-weight: normal;
	}

@font-face {
	font-family: "TheSans_Light_Plain";
	src: url(../fonts/TheSans_Light_Plain/TheSans_Light_Plain.eot);
	src: url("../fonts/TheSans_Light_Plain/TheSans_Light_Plain.eot?#iefix")format("embedded-opentype"),
	url("../fonts/TheSans_Light_Plain/TheSans_Light_Plain.woff")format("woff"),
	url("../fonts/TheSans_Light_Plain/TheSans_Light_Plain.ttf")format("truetype");
	font-style: normal;
    font-weight: normal;
	}


/*______________________________________Screen_____________________________      */

@media all {
* {
	margin: 0;
	padding: 0;
	}
* html body * {
	overflow: auto;
	}  /*добавить если необходимо, управляет полосами прокрутки */
body {
	font-size: 100%;
	background: #fff;
	color: #000;
	text-align: left;
	}
div:target,  h1:target,  h2:target,  h3:target,  h4:target,  h5:target,  h6:target {
	outline: 0 none;
	}
/*header,*/ nav, main, section, article  {
	display: block;
	}
img {
	border: 0 solid;
	}	
svg:not(:root) { 	/*overflow: hidden;*/
	overflow: auto;
	}
[hidden] {
	display: none;
	}	

.is-clearfix:before {
	content: "";
	display: table;
	}
.is-clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
	} 
	
.is-grid { /*  erste classe in section */
	display: table;
	table-layout: fixed;
	width: 100%;
	/*list-style-type: none;*/
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	}
/*.is-gbox {    
	padding: 0 10px;    
	}*/
.is-gbox-left {
	padding: 0 10px 0 0;
	}
		} 

@media print {
.is-grid > .is-gl {  
	overflow: visible;
	display: table;
	table-layout: fixed;
	} 
		}
		
/*  ------------ elements ------------ */ 

.border {  /* bildramen gehört zu startseite bild */
	margin-bottom: 0em !important;
	border: 0px #eee solid  !important;
	border: 0px white solid !important;
	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.25) !important;
	}
.is-wrapper {
	margin: 0 auto;
	max-width: 2240px !important; /*2240px / 1920px */
	padding-left: 100px;
	padding-right: 100px;
	}
header {
	background: transparent /*!important*/;
	}
header .is-wbox {
	padding: 0em /*!important*/;
	}
.is-wbox { 			/* --- innere block für text und bild --- */
	position: relative;
	padding: 0;
	}
body {
	background-color: #ebefef;
	}
/*#nav {   --menu invisivle-- 
	background: #ebefef; 
	margin-top: 25px;
	margin-left: 0px;
	}	*/
.is-menu {
	background: transparent none repeat scroll 0 0 !important;
	line-height: 1em;
	overflow: hidden;
	position: relative;
	width: 100%;
	}
.is-menu ul li a, .is-menu ul li  strong {
	background: transparent;
	color: #676767 !important;
	display: block;
	font-size: 1em;
	font-weight: normal;
	line-height: 2em;
	padding: 0 0.5em;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 0 0px 0px rgba(0, 0, 0, 0.5)!important; 
	width: auto;
	}
.is-menu img {
	padding-right: 6px;
	padding-left: 0px;
	}
.is-grid {
	background-color: white;
	display: table;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	table-layout: fixed;
	width: 100%;
	} 
.is-grid p {
	color: #8b8b8b;
	font-size: 0.7em;/*xx-small*/
	line-height:1.8em;
	font-stretch: condensed;
	max-width: 100%; /* für drei zelen 1050px; */
	padding: 12px 5px 0 15px;
	}
.is-gbox-left {
	padding: 0 0em 0 0 /*!important*/;
	}
h6 {
	color: #8b8b8b;
	font-weight: normal !important;
	padding: 6px 0px 0px 15px;
	}

/* ----------------------NAVIGATION------------------ */
@media all {
.is-menu {
	max-width: 90%;
	overflow: hidden;
	position: relative;
	line-height: 1em;
	background: #222;
	margin-left: 280px;
	}
.is-menu ul {
	margin: 0;
	padding: 0.5em 15em 0.5em 0;
	display: inline;
	float: left;
	}
.is-menu ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	line-height: 1;
	list-style-type: none;
	margin: 0 0.2em 0 0;
	padding: 0;
	}
.is-menu ul li a, .is-menu ul li strong {
	background: transparent;
	color: #aaa;
	display: block;
	font-size: 1em;
	line-height: 2em;
	padding: 0 0.8em 0 0;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	width: auto;
	}
.is-menu ul li a:focus,  .is-menu ul li a:hover,  .is-menu ul li a:active {
	color: #ccc;
	background: #ebefef;
	/*background: #666;
	background: rgba(255, 255, 255, 0.25);*/
	border-radius: 0.2em;
	text-decoration: none;
	outline: 0 none;
	}
.is-menu ul li.active { /* background überprüfen */
	background: #666;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 0.2em;
	color: #fff;
	}
.is-menu ul li.active strong,  .is-menu ul li.active a:focus,  .is-menu ul li.active a:hover,  .is-menu ul li.active a:active {
	background: transparent;
	color: #fff;
	text-decoration: none;
	}
		}

/*       ------------------TYPO---------------------         */

@media all {
html * {
	font-size: 100%;
	}
body, body #impressum {
	font-family: "TheSans_Light_Plain", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", Verdana, sans-serif; 
	font-size: 87.5%;
	color: #444444;
	}
h1,  h2,  h3,  h4,  h5,  h6 { 	 /* font-family: "Droid Sans", Arial, Helvetica, sans-serif; */
	font-family: "TheSans_Bold_Plain", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; /*"DroidSansBold"*/
	font-weight: 400;
	color: #161e21;
	margin: 0;
	}
h1 {  	/* font-size: 48px; */
	font-size: 342.85714%;
	line-height: 0.875;
	margin: 0 0 0.4375em 0;
	}
h2 {   	/* font-size: 32px; */
	font-size: 228.57143%;
	line-height: 1.3125;
	margin: 0 0 0.65625em 0;
	}
h3 {   	/* font-size: 24px; */
	font-size: 171.42857%;
	line-height: 0.875;
	margin: 0 0 0.875em 0;
}
h4 {   	/* font-size: 21px; */
	font-size: 150%;
	line-height: 1;
	margin: 0 0 1em 0;
	}
h5 {   	/* font-size: 18px; */
	font-size: 128.57143%;
	line-height: 1.16667;
	margin: 0 0 1.16667em 0;
	}
h6 {   	/* font-size: 14px; */
	font-family: "TheSans_Light_Plain", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", Verdana, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: normal; 
	margin: 0 0 1.0em 0; 
}

/* --- Listen  -------------------------------------------------------------------------------- */
ul {
	font-family: "TheSans_Light_Plain", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	list-style-type: disc;
	}
li {
	font-size: 100%;
	line-height: 1.5;
	margin-left: 1.2em;
	}

/* ---  Allgemeine Typo ------------------------------------------ */
p {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.0em 0;
	}
strong,  b {
	font-weight: bold;
	}
big {   	/* font-size: 16px; */
	font-size: 114.28571%;
	line-height: 1.3125;
	}
small {    	/* font-size: 12px; */
	font-size: 85.71429%;
	line-height: 1.75;
	}

/*--- Links ----------------------------------------------------------------------------------------- */
a {
	color: #4d87c7;
	background: transparent;
	text-decoration: none;
	}
a:active {
	outline: none;
	}	
a:hover,  a:focus {
	background-color: transparent/*#4d87c7*/;
	color: #676767;
	text-decoration: none;
	}

/* ________________images____________________________________________________________________________ */
img {
	margin: 0;
	}
* html {
	width: 98%;
	}
.border {
	margin-bottom: 1.5em;
	border: 2px #eee solid;
	border: 2px white solid;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	}
.float-left {
	float: left;
	display: inline;
	margin: 0 1em 1.5em 0;
	}
		}
	
/* ------------------ FULLPAGE-layout ---------------------- */
@media screen {
/* force vertical scrollbar */
body {
	overflow: auto;
	float: left;
	}
/* Layout Module Configuration */
.is-wrapper {
	max-width: 100em;
	margin: 0 auto;
	}
/* fallback for missing media queries support*/
body > header, body > nav, body > main, body > main, #impressum {
	min-width: 760px;
	}
header .is-wbox img {
	display:block;
	float:left;
	max-width:100%;
	height: auto;
	margin-bottom: 3%;
	}
header .is-wrapper .is-wbox .rentsignet img { /* HOME */
	position:relative;
	display:block;
	max-width:100%;
	height: auto;
	float:right;
	margin-top:65px;
	}
.is-wrapper .is-wbox .vwlogo img, 
#impressum .is-impressum .is-imrbox .vwlogo img {
	display:none;
	}
.is-gbox {
	padding: 0 1.5em;
	}
.is-gbox-left {
	padding: 0 0em 0 0;
	}
		}
		
/* _________Responsive_________ */
@media screen and (min-width: 0px) {
body > header, body > nav, body > main, body > main, #impressum {
	min-width: 0;
	}
		}
@media screen and (max-width: 1024px) {
.is-wrapper {
    padding-left: 8%;
	padding-right: 8%;
	}
#impressum header .is-impressum {
	padding-left:8% !important;
	padding-right: 8%  !important;
	}
#impressum main .is-wrapper {
	padding-left: 8% /*!important*/;
	padding-right: 8% /*!important*/;
	}
.is-menu {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	line-height: 1em;
	background: #222;
	margin-left: 0%;
	}
header .is-wbox img { /*home seite*/
	display:block;
	float:left;
	max-width:80%;
	height: auto;
	margin-bottom: 6%;
	}
#impressum header .is-impressum .is-imrbox .erstlogo img { /*impressum seite*/
	display:block;
	float:left;
	max-width:80% !important;
	height: auto;
	}
header .is-wrapper .is-wbox .rentsignet img { /*home seite*/
	display:block;
	max-width:80%;
	height: auto;
	float:right;
	/*margin-top:10%;*/	
	}
#impressum header .is-impressum .is-imrbox .rentsignet img { /*impressum seite*/
	display:block;
	max-width:80% !important;
	height: auto;
	float:right;
	/*margin-top:15%;*/
	}
		}
@media screen and (max-width: 760px) {
.linearize-1 { 
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: auto;
	}
.linearize-1 > [class*="is-gbox"] {
	margin: 0;
	padding: 0;
	overflow: hidden; /* optional for containing floats */
	}

header .is-wbox img { /*home seite */
	display:block;
	float:left;
	max-width:40%;
	height: auto;
	margin-bottom: 6%;
	}
#impressum header .is-impressum .is-imrbox .erstlogo img  { /* impressum seite */
	display:block;
	float:left;
	max-width:42% !important;
	height: auto;
	margin-bottom:2% !important;
	}
header .is-wrapper .is-wbox .rentsignet img { /*HOME */
	display:block;
	max-width:40%;
	height: auto;
	float:right;
	margin-top:10%;
	}
#impressum header .is-impressum .is-imrbox .rentsignet img { /* impressum seite */
	display:block;
	max-width:42% !important;
	height: auto;
	float:right;
	margin-top:11%;
	}
.is-wrapper {
    padding-left: 6%;
	padding-right: 6%;
	}
.is-wrapper .is-wbox .vwlogo img, 
#impressum header .is-impressum .is-imrbox .vwlogo img  {
	display:none;
	}
#nav {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 5%;
	margin-left: 0%;
	font-size: 80%;
	}	
.is-menu {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	line-height: 1em;
	background: #222;
	margin-left: 0%;
	}
.is-menu ul li a, .is-menu ul li strong {
	background: transparent;
	color: #aaa;
	display: block;
	font-size: 1em;
	line-height: 2.1em;
	padding: 0 1em 0 0;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	width: auto;
	}
.is-menu ul {
    display: inline;
    float: left;
    margin: 0;
    padding: 0.5em 1.5em 0.5em 0;
	}
.is-menu img {
    padding-left: 0px;
    padding-right: 6px;
	}
.is-grid p {
    font-size: 60%;
	max-width: 500px; /* für drei zeilen 1050px; */
	}
.is-grid linearize-2, h6 {
	/*padding-top: 1%;*/
	font-size: 80%;
	}
/*  ________Impressum Seite_______  */
#impressum .is-wrapper {
	margin: 0% auto /*!important*/;
	padding-left: 6% /*!important*/;
	padding-right: 6% /*!important*/;
	}
#impressum main .is-wrapper .is-wbox { 
	margin-top:10% /*!important*/;
	margin-bottom:4%;
	padding-top: 2% /*!important*/;
	padding-right: 5% /*!important*/;
	padding-bottom: 1% /*!important*/;
	padding-left: 5% /*!important*/;
	}
.is-wrapper h5 {
	font-size: 95%;
	padding: 0.7em 2em 0.8em 0.8em;
	}
.is-wrapper p.inhaltim {
	font-size: 70%;	
	color:#686868;
	}
.rutch  {
	margin-left:5% /*!important*/;
	font-size: 105% /*!important*/;
	}
		}
@media screen and (max-width: 480px) {
.linearize-2 {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: auto /*!important*/;
	} 
.linearize-2 > [class*="is-gbox"] {
	/* reset defined gutter values */
	margin: 0;
	padding: 0;
	/* optional for containing floats */
	overflow: hidden;
	}
.is-wrapper {
    padding-left: 2%;
	padding-right: 2%;
	}
#impressum header {
    margin: 0 auto 2em !important;
}
#impressum .is-wrapper {
	margin: 0% auto /*!important*/;
	padding-left: 2% !important;
	padding-right: 2% !important;
	}
header .is-wrapper .is-wbox img, 
header .is-wrapper .is-wbox .rentsignet img   { /* home seite */
	display: none;	
	}
#impressum header .is-impressum .is-imrbox .erstlogo,
#impressum header .is-impressum .is-imrbox .rentsignet img { /* impressum seite */
	display: none;	
	}
header .is-wrapper .is-wbox .vwlogo img { /* home seite */
	display:block;
	margin-bottom:3%;
	padding-left:30%;
	padding-right:30%;
	max-width: 38%;	
	height:auto;
	}

#impressum header .is-impressum .is-imrbox .vwlogo img { /* impressum seite */ 
	display:block;	
	padding-left:27%;
	padding-right:27%;
	max-width: 45% !important;
	height:auto;
	}  
	
#nav {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 0%;	
	margin-bottom:0.5em;
	margin-left:30%;
	margin-right:30%;
	font-size: 75%;
	line-height: 1em;
	}
.is-menu ul li a, .is-menu ul li strong {
	background: transparent;
	color: #aaa;
	display: block;
	font-size: 0.9em;
	line-height: 2em;
	padding:0;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	width: auto;
	}
.is-menu img {
	margin-top:0.15em;
    padding-left: 0px;
    padding-right: 6px;
	}
header .is-wbox img {
	max-width: 100%;
	height: auto;
	}
.is-wbox, nav .is-menu ul {
	padding-left: 0px;
	padding-right: 0px;
	}
nav .is-menu ul, nav .is-menu li {
	display: block;
	float: none;
	width: auto;
	text-align: left;
	}
.is-grid p {
    font-size: 50%;
    padding-top:38%;
	max-width: 90%;
	}
.is-grid linearize-2, h6 {
	padding-top: 1%;
	font-size: 70%;
	}
#impressum main .is-wrapper .is-wbox { 
	margin-top:5% /*!important*/;
	margin-bottom:2%;
	padding-top: 4% /*!important*/;
	padding-right: 4% /*!important*/;
	padding-bottom: 1% /*!important*/;
	padding-left: 4% /*!important*/;
	}
.is-wrapper h5 {
	font-size: 80%;
	margin-left:0;
	margin-top:5%;
	padding: 0.5em 1.6em 0.3em 0.5em;
	}
.is-wrapper p.inhaltim {
	font-size: 60%;	
	color:#696969;
	line-height:1.5em;
	}
.rutch  {
	margin-left:5% /*!important*/;
	}
		}
@media screen and (max-width: 270px) {
.is-wrapper {
    padding-left: 1% /*!important*/;
	padding-right: 1% /*!important*/;
	}
#impressum .is-wrapper {
	margin: 0% auto /*!important*/;
	padding-left: 1% /*!important*/;
	padding-right: 1% /*!important*/;
	}
header .is-wrapper .is-wbox img {
	display:none;	
	}
#nav {
	padding-left: 0%;
	padding-right: 0%;
	margin-top: 0%;	
	margin-bottom:1em;
	margin-left:5%;
	margin-right:5%;
	font-size: 70%;
	line-height: 1em;
	}
#impressum main .is-wrapper .is-wbox { 
	margin-top:2% /*!important*/;
	margin-bottom:1%;
	padding-top: 2% /*!important*/;
	padding-right: 1% /*!important*/;
	padding-bottom: 1% /*!important*/;
	padding-left: 1% /*!important*/;
	}
.is-wrapper h5 {
	font-size: 75%;
	margin-left:0;
	margin-top:3%;
	}
.is-wrapper p.inhaltim {
	font-size: 60%;	
	}
}
/* ------------------PRINT--------------- */
@media print {
body {
	font-size: 10pt;
	padding: 0 5px;
	}	
h1,  h2,  h3,  h4,  h5,  h6 {
	page-break-after: avoid;
	}	
		}

/*    ------------- Stylesheet IMPRESSUM Seite -----------------   */
body #impressum {
	background-color: #ebefef;
	}
#impressum header {
	margin: 0px auto;
	max-width: 2240px; /*2240px / 1920px */
	background:#ebefef;
	margin-bottom: 200px;
	}
#impressum header .is-impressum {
	padding-left: 100px;
	padding-right: 100px;
	}
#impressum header .is-impressum .is-imrbox .erstlogo img { /*header bildbereich oben */
	position:relative;
	display:block;
	float:left;
	max-width:100%;
	height: auto;
	}
#impressum header .is-impressum .rentsignet img {
	display:block;
	max-width:100%;
	height: auto;
	float:right;
	margin-top:65px;
	}
#impressum .is-wrapper .is-wbox { /* für textinhalt */
	position:relative;
	background-color:#fff;
	margin-bottom: 20px;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	}
h5 {
	font-family: "TheSans_Bold_Plain", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", Verdana, sans-serif;
	display: inline-block;
	width:auto;
	height:auto;
	text-transform: none;
	font-size:130%;
	background-color:#005a7f;
	color:#fff; /*#005a7f;*/
	margin: 1.3em 0 0.6em 3em;
	padding: 0.7em 2em 0.9em 0.8em;
	}
h6.impressum {
	margin-top:20px;
	padding: 0px 0px 0 0px;
	}	
/*  h5 {   	 <!-- /*font-size: 18px; -->  
			font-size: 128.57143%;   	line-height: 1.16667;   	margin: 0 0 1.16667em 0; }   */
p.inhaltim {
	font-size: 80%;
	font-stretch:normal;
	line-height:1.2em;
	color: #676767;
	margin-top:1em;
	}
.rutch  {
	display:block;
	margin-left: 4em;
	margin-bottom: 1.3em;
	font-size: 105%;
	font-stretch:normal;
	color: #676767;
	}
strong {
	font-weight:600;
	font-size: 110%;
	margin-top: 1.2em;
	display:inline-block;
	color:#005a7f;
	}
strong.norm {
	font-weight:600;
	font-size: 100%;
	color:#005a7f;
	line-height: normal;
	margin: 0;
	}