/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v34-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


body { background-color: #fff; margin: 0; padding: 0 5%;	color: #000; }

html {    height: 100.1%;    }
a, a:visited, a:hover { text-decoration: none;  outline:  0; color: #000}	
a.phonesave, a.phonesave:visited, a.phonesave:hover { color: #fff; cursor: default;}	

.nobr {white-space: nowrap; }
.mobil-fb, .desk-no {display: none;}

/* Menu - Impressum*/

.menu {  width: 100%;  max-width: 1400px; height: auto; margin: 0 auto; overflow: hidden; position: relative; padding: 0; background-color: #fff; display: block; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-smoothing: antialiased; font-weight: 400;  }
.menu.topnavi {padding-top: 3px; height: 80px; z-index: 88; }
.menu img.logo {float: right; padding: 18px 1px 0 0; height: 20px; width: auto; max-width: 95%; }

.menu table {clear: both; padding: 10px 2px 7px 1px; position: absolute; bottom: 0; border: 0; border-spacing: 0;}
.menu table tr { padding: 0; border: 0; margin: 0; }
.menu table  td {  font-size: 16px; vertical-align: top;}
.menu.topnavi table  td { padding: 0 20px 0 0;  }
.menu.topnavi table  td a {line-height: 16px; margin-bottom: 1px; padding-bottom: 1px; display: inline-block;}

div.menu.imprint {background: #fff; }
.menu.imprint table {float: right; position: relative;}
.menu.imprint table td { padding: 0;  font-size: 16px; padding-bottom: 8px; }

.menu table td span, .menu table td a, .menu table td a:visited {color: #000; border-bottom: 2px #fff solid;}
.menu table td span { border-color: #005ca7; }
.menu table td a:hover, .menu table td a.active:hover {color: #555; }

/* Bild */
.container {height: auto; width: 100%;  max-width: 1400px;  margin: 0 auto; overflow: hidden; position: relative; padding: 0; clear:both; }
.part-container {height: auto; min-width: 840px; width: 100%;  float: right; margin-bottom: 0; padding: 0; clear:both; }
.part-container img {width: 100%; height: auto; margin-bottom: 0; padding: 0; display: block; clear:both;}
.part-container img.topimg {display: none;}


#all table.function  { margin: 0 0 1em 0; padding: 0; border-spacing: 0; border-collapse: separate;}
#all table.function td { margin: 0; padding: 0.55em 0 0.35em 0; border-bottom: 1px solid rgba(255, 255, 255, 0.7); vertical-align: bottom}
#all table.function td:first-child { vertical-align: top; padding-right: 0.9em; }
#all table.function td p { margin: 0; padding: 0; }
#all table.function td.function-head  {font-size: 1.3em; padding-top: 1em;}

/* Text */
.textcontainer {font-size: 1em; text-align: left; }
.fade { opacity: 0; }
.textcontainer.normal {position: absolute; bottom: 1.5em; left: 2.5em;  width: 20.5em; }
.textcontainer .function td, .textcontainer p {line-height: 1.6em; padding: 0; margin: 1.6em 0 1em 0; color: #fff;  opacity: 0.8; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-smoothing: antialiased; font-weight: 400; }

.textcontainer p.head {font-size: 1.2em; }
.textcontainer p.fliess {font-size: 0.7em; }
.textcontainer li.fliess {font-size: 0.7em; }


a.inline-link::before {content: ">"; padding: 0 0.4em 0 0; }
a.inline-link, a.inline-link:visited { color: #fff; opacity: 0.67; }
a.inline-link:hover { color: #fff; opacity: 1;}

.textcontainer.mobil {position: absolute; top: 10px; left: 5%; font-size: 1em; width: 50%; display: none; z-index: 3333; }
.textcontainer.mobil.logopos {top: 10px; left: 3%; width: 58%; }
.textcontainer.mobil p {line-height: 1.6em; padding: 0;  color: #fff; opacity: 1; }


/* Overscroll*/
body#all.profil { 	padding: 0; }
.canvas { width: 100%; max-width:1400px; padding:0 5%; top: 0; margin: 0; font-size: 0; margin: 0 auto;}

#overscroll .menu { position: fixed; width: 90%; }
#overscroll .menu.imprint {position: relative; z-index: 999; clear: both; width: 100%}
#overscroll .container {height: auto; left: auto; width: 90%; top: 83px; max-width: 1400px;  margin: 0 auto; overflow: hidden; position: fixed; padding: 0; clear: both;}
#overscroll .textcontainer { position: absolute; top: 0; left: auto;  width: 21em; z-index: 20; padding: 100px 0 0 2.5em; height: 100%; }

#overscroll .textcontainer p {line-height: 1.6em; padding: 0; margin: 2em 0 1em 0; color: #fff;  opacity: 0.8; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-smoothing: antialiased;  font-weight: 400;  }
.space {clear: both; width: 100%}

/* imprint-button*/
 .imprint-back {	display: none;	font-size: 16px;		border-radius: 4px;	padding: 7px 12px;
	background: #435c70; font-size: 0.65em; color: #e3eef7; line-height: 1.3em; text-transform: uppercase; 
    letter-spacing: 0.03em; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-smoothing: antialiased; font-weight: 400;  letter-spacing: 0.03em;}
.imprint-back:visited { color: #e3eef7; }
.imprint-back:hover { background: #587187; color: #e3eef7; }
.afterclear { display: none; width: 100%; height:30px;  clear: both;}

/* Adresse */
.kontakt-data .url b {display: none; }
.kontakt-data .url::after {content: "E-Mail"}
.kontakt-data .domain span::before { content: "rupert.";  }
.kontakt-data .domain span::after { content: "\40rh-immoconsult.de";  }
.kontakt-data .domain span:first-child {display: none; }
.kontakt-data .domain b {opacity: 0}
.kontakt-data span.last- child::after { content: ".com"; opacity: 0; }

a.site-link { color: #fff;}

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

body#all.profil  { padding: 0 5%; }
.fade { opacity: 1;}
.mobil-fb {display: block;}
.canvas {display: none;}
a.phonesave, a.phonesave:visited, a.phonesave:hover { color: #000;}	

.textcontainer.normal { position: relative; clear: both; float: left; width: 100%; bottom: 0; left: 0; box-sizing: border-box; padding: 1em; background: #fff;}	
.textcontainer.normal p {line-height: 1.4em; margin-top:0; color: #000; opacity: 1;  }
.textcontainer.normal p.fliess {font-size: 0.8em }
.textcontainer p.head {font-size: 1.4em; margin: 0.2em 0 0.7em 0; }

a.site-link, a.site-link:visited  { color: #000; }


a.inline-link, a.inline-link:visited { color: #3c7297; opacity: 1; }
a.inline-link:hover { color: #4e6473; opacity: 1; }
 

#all table.function td { border-bottom: 1px solid rgba(0, 0, 0, 0.7); }
#funktion .textcontainer p  {margin-bottom: 0}

}

@media only screen and (max-device-width: 1280px) {
	
body#all, body#all.profil { padding: 0; }
.fade { opacity: 1;}

.fade { opacity: 1;}
.mobil-fb {display: block;}
.canvas {display: none;}

.textcontainer.normal { position: relative; clear: both; float: left; width: 100%; bottom: 0; left: 0; box-sizing: border-box; padding: 1em; }	
.textcontainer.normal p {line-height: 1.6em; margin-top:0; color: #000; opacity: 1;  }
.textcontainer.normal p.fliess {font-size: 0.85em }
.textcontainer.normal li.fliess {font-size: 0.85em }

.menu.topnavi {height: 50px;}
.menu.topnavi table {display: none;}
.menu.imprint table td {font-size:14px; padding-right: 10px}

.menu img.logo {width:80%; height: auto; padding: 10px 10px 0 0;}

.mobi2-no {display: none;}
.desk-no {display: block;}

a.site-link, a.site-link:visited,
a.phonesave, a.phonesave:visited, a.phonesave:hover { color: #000;}

.textcontainer.normal {font-size: 16px; position: relative; clear: both; float: left; width: 100%; bottom: 0; left: 0; box-sizing: border-box; padding: 1em; }	
.textcontainer.normal p {line-height: 1.6em; margin-top:0; color: #000; opacity: 1;  }
.textcontainer.normal p.head {font-size: 1.4em; margin: 0.4em 0 0.6em 0; }
.textcontainer.normal p.fliess {font-size: 1em; }
.textcontainer.normal li.fliess {font-size: 1em; }
.part-container {  width: 150%;  float: right; min-width: 150%; overflow: hidden; }

.imprint-back {display: inline-block;}
.afterclear { display: block; }

a.inline-link, a.inline-link:visited { color: #3c7297; opacity: 1; }
a.inline-link:hover { color: #4e6473; opacity: 1; }
 

#all table.function td { border-bottom: 1px solid rgba(0, 0, 0, 0.7); }
#funktion .textcontainer p  {margin-bottom: 0}

}

@media only screen and (max-device-width: 1280px) and (orientation: landscape) {

.fade { opacity: 1;}

.textcontainer.normal { position: relative; clear: both; float: left; width: 100%; bottom: 0; left: 0; box-sizing: border-box; padding: 1.5em 1em 1em 1em; }	
.textcontainer.normal p {line-height: 1.6em;  color: #000; opacity: 1;  }
.textcontainer.normal p.fliess {font-size: 0.85em }
.textcontainer.normal li.fliess {font-size: 0.85em }
.textcontainer.normal p.head {margin-top: 0; }
.textcontainer.mobil p.head { margin-top: 1.6em; }

.mobi-no {display: none;}
.desk-no {display: block;}

.menu.topnavi {display: none;}
.textcontainer.mobil { display: block; }
.menu.imprint table td {font-size:16px; padding-right: 10px}

.container {height: 100%; width: 100%;  }
.part-container {  width: 105%; min-width: 105%; height: auto; overflow: hidden;  }
.part-container img.topimg { margin-bottom: 0;  display: block; }
.part-container img.defaultimg {   display: none; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: landscape) {
.menu img.logo {width:40%; height: auto; padding: 30px 10px 0 0;}
.textcontainer  p.head {font-size: 1.6em; }
.part-container img.topimg { margin-bottom: 0;  display: none; }
.part-container img.defaultimg {   display: block; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: portrait) {
.menu img.logo {width: 52%; height: auto; padding: 20px 17px 0 0;}

.menu.topnavi {height:70px}
.textcontainer.normal p.fliess {font-size: 0.76em; }
.textcontainer.normal li.fliess {font-size: 0.76em; }
.textcontainer.normal p.head {font-size: 1.2em; }
}
	 
@media print {
html {    height: 100%; } body#all { padding: 0; }
body#all {	margin-top: 1.5cm;	margin-right: 1cm;	margin-bottom: 1.5cm; margin-left: 1cm;  }

.mobi2-no {display: none;}
p {page-break-inside: avoid}

.mobil-fb {display: block;}
.menu.imprint, .menu table, .canvas {display: none;}
.menu.topnavi { height: 60px;}

a.phonesave, a.phonesave:visited { color: #000;}

.textcontainer.normal { position: relative; clear: both; float: left; width: 102%; bottom: 0; left: -2px; box-sizing: border-box; padding: 1em 0.5em 0 4px;  z-index: 1000;  }
.textcontainer.normal p { line-height: 1.6em; margin-top:0; color: #000; opacity: 1;  }

.textcontainer.normal p.fliess {font-size: 0.6em }
.textcontainer.normal li.fliess {font-size: 0.6em }
.textcontainer.normal p.head {font-size: 0.8em; margin: 0 0 1em 0; }

a.site-link, a.site-link:visited {text-decoration: none; color: #000; }

}