/*********************************************************************************
* Ersteller: EDV-Beratung Winfried Maschke
* Projekt:   Kanzlei Ebel-Philippi
* Modul:     style.css
* Funktion:  Allgemeines Stylesheet zum Projekt
* --------------------------------------------------------------------------------
* History:
* 2018-09-22 Erstellung
*********************************************************************************/
@font-face{
font-family:"FirtaSans";
src:url("fonts/FiraSans-Regular.eot?#iefix");
src:url("fonts/FiraSans-Regular.eot?#iefix") format("eot"),url("fonts/FiraSans-Regular.woff") format("woff"),url("fonts/FiraSans-Regular.ttf") format("truetype"),url("fonts/FiraSans-Regular.svg") format("svg");
}
@font-face{
font-family:"FirtaSansLight";
src:url("fonts/FiraSans-Light.eot?#iefix");
src:url("fonts/FiraSans-Light.eot?#iefix") format("eot"),url("fonts/FiraSans-Light.woff") format("woff"),url("fonts/FiraSans-Light.ttf") format("truetype"),url("fonts/FiraSans-Light.svg") format("svg");
}
@font-face{
font-family:"FirtaSansBold";
src:url("fonts/FiraSans-Bold.eot?#iefix");
src:url("fonts/FiraSans-Bold.eot?#iefix") format("eot"),url("fonts/FiraSans-Bold.woff") format("woff"),url("fonts/FiraSans-Bold.ttf") format("truetype"),url("fonts/FiraSans-Bold.svg") format("svg");
}
body { font-family: FirtaSans, sans-serif;color:#606060;background:#ffffff;overflow:hidden;padding:0;margin:0; }
a {text-decoration:none;}
.horizontal-scrolling  { overflow:auto;position:relative;}
.full_image {display:block;height:100vh;position:absolute;left:50%;transform:translate(-50%);z-index:10;}
.red {color:#CF2929;}
a.active {color:#CF2929;}
a.inactive {color:#000000;}
a.redi {color:#CF2929;}
a.greyi {color:#606060;}
.white {color:#ffffff;}
.grey {color:#606060;}
a.white:hover,
a.grey:hover {color:#000000;}
.men {width:100vw;overflow:hidden;position:fixed;top:0;z-index:20;}
.men .home_logo {display:block;float:left;height:208px;width:118px;margin-left:88px;background:url(../img/Logo.png) no-repeat;background-size:contain;opacity: 0.65;}
.men .home_line {display:block;float:left;height:208px;width:calc(100vw - 206px);position:relative;}
.men .home_line::after {position:absolute;top:0;left:0;bottom:0;right:0;background:url(../img/Line.png) repeat-x;background-size:contain;opacity: 0.65;content: "";z-index: -1;}
.men .home_text {display:block;margin-left:68px;margin-top:34px;height:103px;font-size:5.60em;font-family: FirtaSansLight, sans-serif;color:#ffffff;opacity: 0.65;}
.men .home_text .lowhead {font-size:0.83em;}
.men .home_text .lowdash {font-size:0.93em;}
.men .home_text2 {display:block;margin-left:68px;margin-top:10px;height:80px;font-size:3.20em;font-family: FirtaSansLight, sans-serif;color:#000000;}

#pi .men .home_logo {display:block;float:left;height:208px;width:118px;margin-left:88px;background:url(../img/Logo_i.png) no-repeat;background-size:contain;opacity: 0.65;}
#pi .men .home_line::after {position:absolute;top:0;left:0;bottom:0;right:0;background:url(../img/Line_i.png) repeat-x;background-size:contain;opacity: 0.65;content: "";z-index: -1;}
#pi .men .home_text {color:#A7989D;opacity: 0.65;}

.topmen {position:fixed;top:57px;right:38px;z-index:25;font-size:1.2em;color:#000000;}
.topmen a {color:#000000;}
.topmen a:hover {color:#ffffff;}
.topmen a.redi:hover {color:#606060;}
.topmen a.greyi:hover {color:#ffffff;}
#pi .topmen a.greyi:hover {color:#000000;}
#startpage .topmen {color:#A5999D;}
#startpage .topmen a {color:#A5999D;}
#startpage .topmen a:hover {color:#000000;}
#startpage .topmen a.redi:hover {color:#606060;}
#startpage .topmen a.greyi:hover {color:#000000;}
#menuo {position:fixed;top:280px;left:274px;z-index:510;}
#startpage #menuo {display:none;}
#startpage .men {display:none;}
#menu, #menu ul {margin:0;padding:0;list-style:none;}
#menu:before,
#menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu {zoom:1;}
#menu li {position:relative;}
#menu-trigger {display:none;}
#menu a { display:block;font-family: FirtaSansLight, sans-serif;font-size:2.4em;line-height:1.7em;}
#menu a.inactive {color:#ffffff;}
#menu a.inactive_grey {color:#606060;}
#menu a.active {color:#000000;}
#menu a:hover {color:#000000;}
/* Menue als Burger */
.fa-my {font-size: 20px; }
/*a.cdown {position:absolute;top:calc(100vh - 45px);left:calc(50vw - 20px);z-index:900;color:#000000;background:#ffffff;border-radius: 20px;text-align:center;width:40px;height:40px;}*/
a.cdown {position:absolute;bottom:5px;left:calc(50vw - 20px);z-index:900;color:#000000;background:#ffffff;border-radius: 20px;text-align:center;width:40px;height:40px;}
a.cdown:hover {color:#606060;}
.fa-cdown {font-size: 38px;}
.ueber_uns {float:left;}
.rechtsgebiete { float:left; }
.ueber_uns_outer {width:calc(100% - 309px);float:left;position:absolute;bottom:0px;padding-left:274px;padding-right:35px;font-family: FirtaSansLight, sans-serif;color:#000000;font-size:1.5em;line-height:1.3em;padding-bottom:30px;background-color:rgba(255, 255, 255, 0.6);max-height:calc(100vh - 510px);overflow:auto;}
.rechtsgebiete_outer {width:calc(100% - 309px);float:left;position:absolute;bottom:0px;padding-left:274px;padding-right:35px;font-family: FirtaSansLight, sans-serif;color:#000000;font-size:1.5em;line-height:1.3em;padding-bottom:30px;background-color:rgba(255, 255, 255, 0.6);max-height:calc(100vh - 510px);overflow:auto;}
.kontakt_outerk {width:calc(100% - 309px);float:left;position:absolute;bottom:0px;padding-left:274px;padding-right:35px;font-family: FirtaSansLight, sans-serif;color:#000000;font-size:1.5em;line-height:1.3em;padding-bottom:30px;background-color:rgba(255, 255, 255, 0.6);max-height:calc(100vh - 510px);overflow:auto;}
.impressum { width:calc(100% - 570px); margin-left:570px;max-width:1000px;background-color:rgba(255, 255, 255, 0.8);font-family: FirtaSansLight, sans-serif;color:#000000;font-size:1.5em;line-height:1.3em; }

.rechtsgebiete h2 { font-size:1.0em;line-height:1.0em;padding-bottom:0;padding-top:1.0em;margin-bottom:0;margin-top:0;font-family: FirtaSans, sans-serif;font-weight:bold; }
.rechtsgebiete p { line-height:1.0em;padding-bottom:0;padding-top:0.5em;margin-bottom:0;margin-top:0; }
.rechtsgebiete ul { line-height:1.0em;padding-bottom:1.5em;padding-top:0.5em;margin-bottom:0;margin-top:0; }
.rechtsgebiete li { line-height:1.0em;padding-bottom:0;padding-top:0.5em;margin-bottom:0;margin-top:0; }

.kontakt_outerk a { color:#000000; }
.kontakt_outerk a:hover { color:#CF2929; }
.kontaktk { float:left;width:100%; }
.kontaktk h2 { font-size:1.0em;line-height:1.5em;padding-bottom:0;padding-top:1em;margin-bottom:-1em;margin-top:0;font-family: FirtaSans, sans-serif;font-weight:bold; }
.kontaktk p { line-height:1.5em;padding-bottom:0;padding-top:1em;;margin-bottom:0;margin-top:0; }
.kontakt_innen {float:left; }
.kontakt_innen2 {float:right;margin-right:50px;max-width:calc(100vw - 730px); }

.kontakt_outerx { float:left;width:calc(100vw - 560px);position:absolute;bottom:0px;left:560px;margin-left:0;margin-right:0;overflow:auto;background-color:rgba(255, 255, 255, 0.6); 
font-family: FirtaSansLight, sans-serif;color:#000000;font-size:1.2em;
overflow:auto;}
.kontakt_outerf { float:left;width:calc(50vw - 285px);overflow:hidden; 
max-height:calc(100vh - 200px);}
.kontakt_outerf h2 { font-size:1.0em;line-height:1.5em;padding-bottom:0;padding-top:1em;margin-bottom:-1em;margin-top:0;font-family: FirtaSans, sans-serif;font-weight:bold; }
.kontakt_outerf a { color:#000000; }
.kontakt_outerf a:hover { color:#CF2929; }
.kontaktformular {float:left;width:calc(50vw - 285px);padding:0;margin:0;padding-bottom:40px;padding-top:10px;overflow:none;}
.kontaktf_innen2 {float:left;width:calc(50vw - 305px);padding-left:10px;padding-right:10px;display:none; }
.kontaktf_innen {float:left;width:calc(50vw - 305px);padding-left:10px;padding-right:10px; }

.kontakt_outer_map { float:left;width:calc(50vw - 285px);overflow:hidden; 
position:absolute;top:0;bottom:0;right:0; }
.kontakt_outer_map a { color:#000000; }
.kontakt_outer_map a:hover { color:#CF2929; }
.kontakt_map { width:calc(50vw - 285px);height:100%;}

.reds {color:#CF2929;font-size:0.4em;line-height:2.4em;padding:0;margin:0;text-align:left;}
.ar-ul {padding:0.5em;margin:0.5em;padding-bottom:0;padding-top:0;display:none;}
.ar-ul li {padding-bottom:0.2em;padding-top:0;}
.ar2-ul {padding:0.5em;margin:0.5em;padding-bottom:0;padding-top:0;display:none;}
.ar2-ul li {padding-bottom:0.2em;padding-top:0;}
.ars {overfow:auto;cursor: pointer;}
.ars:hover {color:#CF2929;}
.dl-ul {padding:0.5em;margin:0.5em;padding-bottom:0;padding-top:0;}
.dl-ul li {padding-bottom:0.2em;padding-top:0;}
.dls {overfow:auto;}
.impressum_outer { width:100vw;position:absolute;top:270px;height:calc(100vh - 300px);overflow:auto; }
.impressum h2 { font-size:1.0em;line-height:1.0em;padding-bottom:0;padding-top:1.0em;margin-bottom:0;margin-top:0;font-family: FirtaSans, sans-serif;font-weight:bold; }
.impressum p { line-height:1.4em;padding-bottom:0;padding-top:0.5em;margin-bottom:0;margin-top:0; }
.impressum a { color:#000000; }
.impressum a:hover { color:#CF2929; }
.bgimg div {min-height:100vh;min-width:100vw;}
.kontakt_outer { width:100vw;float:left;position:absolute;bottom:0px;padding-left:2vw;padding-right:2vw;padding-top:2vw;background-color:rgba(255, 255, 255, 0.8); }
.kontakt_outer a { color:#606060; }
.kontakt_outer a:hover { color:#CF2929; }
.kontakt { width:92vw;float:left;padding-left:2vw;padding-right:2vw;padding-bottom:2vw;padding-bottom:2vw; }
.kontakt h2 { font-size:1.1em;line-height:1.1em;padding:0;margin:0;margin-bottom:7px;padding-bottom:0;font-weight:normal; }
.email_home {display:none;}

.kontaktformular h2 { font-size:1.1em;line-height:1.1em;padding:0;margin:0;margin-bottom:7px;padding-bottom:0;font-weight:normal; }
.kontaktformular p {margin:0;padding:0;}
.kontaktformular-radio {margin:0;vertical-align:-1px;padding:0;}
.kontaktformular_err {color:#CF2929;}
.kontaktformular-field,
.kontaktformular-field_err {float:left;border:0px;margin-top:2px;margin-bottom:2px;min-height:18px;width:100%;}
.kontaktformular-anzeige {float:left;width:30%;}
.kontaktformular-left {float:left;width:30%;}
.kontaktformular-right {float:left;width:70%;}
.kontaktformular-pfeld,
.kontaktformular-pfeld_err {height:17px;}
.kontaktformular-parea_anz {height:80px;width:calc(100% - 30px);float:left;display:block;}
.kontaktformular-parea,
.kontaktformular-parea_err {height:80px;width:calc(100% - 30px);padding:3px;float:left;background:#606060;color:#ffffff;}
.kontaktformular-pfeld,
.kontaktformular-pfeld_err,
.kontaktformular-parea,
.kontaktformular-parea_err {width:calc(100% - 30px);padding:3px;float:left;background:#606060;color:#ffffff;font-size:14px;}
.kontaktformular-pfeld,
.kontaktformular-parea {border:2px solid #606060;}
.kontaktformular-pfeld_err,
.kontaktformular-parea_err  {border:2px solid #CF2929;}
.kontaktformular-submit1 {float:left;display:block;width:90px;height:27px;}
.kontaktformular-submit2 {float:right;display:block;width:90px;height:27px;margin-right:20px;}
#submit_left {display:none;}
#submit_right {display:block;}

/* FullPage */
html.fp-enabled,
.fp-enabled body {margin: 0;padding: 0;overflow:hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#superContainer {height: 100%;position: relative;-ms-touch-action: none;touch-action: none;}
.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout:fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev {left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next {right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable {overflow: scroll;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul,
.fp-slidesNav ul {margin: 0;padding: 0;}
#fp-nav ul li,
.fp-slidesNav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,
.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}

/* startseite */
.spage {background:url(/img/startseite.jpg) center no-repeat;background-size:cover;}
@media (max-width:940px) {
.spage {background:url(/img/startseite_k.jpg) center no-repeat;background-size:contain;}
}

/* ------------------------------------------------------ */
@media (max-width:940px) {
	#menuo {position:fixed;top:20px;left:0px;z-index:25;font-size:20px;}
	#menu-wrap {position: relative;}
	#menu-wrap * {box-sizing: border-box;}
	#menu-trigger {display: block;padding-left:20px;cursor:pointer;color:#000000;font-weight:normal;font-size:20px;text-decoration:none;}
	#menu-trigger:hover {color:#ffffff;}
	#pi #menu-trigger:hover {color:#606060;}
	#menu {margin: 0; padding: 10px;position: absolute;top:200px;width: 190px;z-index: 1;display: none;background:#ffffff;color:#606060;border-left:0;}
	#menu ul {position: static;visibility: visible;margin: 0;background: none;box-shadow: none;}
	#menu li {position: static;display: block;float: none;border: 0;margin:0;padding:0px 10px;line-height:50px;box-shadow:0 -1px 0 rgba(255,255,255,.6);}
	#menu a{display: block;float: none;padding: 0;font-size:18px;}
	#menu a.inactive {color:#606060;}
	#menu a:hover{color: #CF2929;}
	#menu ul a{padding: 0;width: auto;}
	#menu ul a:hover{background: none;}
	
	.men .home_logo {margin-left:20px;}
	#pi .men .home_logo {margin-left:20px;}
	.men .home_line {width:calc(100vw - 138px);}
	.ueber_uns_outer {width:calc(100% - 55px);padding-left: 20px;max-height:calc(100vh - 250px);}
	.impressum {width:calc(100% - 55px);margin-left: 20px;}
	.rechtsgebiete_outer {width:calc(100% - 55px);padding-left: 20px;max-height:calc(100vh - 250px);}
	.kontakt_outerk {width:calc(100% - 55px);padding-left:20px;max-height:calc(100vh - 250px);}
	.kontakt_innen2 {clear:both;float:none;margin-top:30px;margin-right:30px;max-width:calc(100vw - 40px);width:calc(100vw - 40px); }

	.kontakt_outerx {width: 100vw;left: 0px;}
	.kontaktf_innen {width: 50vw;}
	.kontaktformular {width: 50vw;}
	.kontakt_outerf {width: 50vw;}
	.kontakt_outer_map {width: 50vw;}
	.kontakt_map {width: 50vw;}
	#menu {top:17vw;}
}
@media (min-width:941px) {
	#menu {display:block !important;}
}
@media (max-width:1170px) {
	.topmen {top:10px;right:20px;}
}
@media (max-width:870px) {
	.men .home_logo {height:18.00vw;width:10.21vw;margin-top: calc(30px - 2vw);}
	.men .home_line {height:18.00vw;margin-top: calc(30px - 2vw);width:calc(89.78vw - 20px);}
	.men .home_text {margin-left:5vw;margin-top:4.3vw;height:9vw;font-size:6vw;}
	.men .home_text2 {margin-left:5vw;margin-top:0.3vw;height:9vw;font-size:3.43vw;}
	
.smallno {display:none;}
	
	.ueber_uns_outer {position:absolte;top:calc(7vh + 19vw);bottom:0;left:0;right:0;width:93vw;max-height:100vh;}
	.rechtsgebiete_outer {position:absolte;top:calc(7vh + 19vw);bottom:0;left:0;right:0;width:93vw;max-height:100vh;}
	.kontakt_outerk {position:absolte;top:calc(7vh + 19vw);bottom:0;left:0;right:0;width:93vw;max-height:100vh;}
	.kontakt_outerx {position:absolte;top:calc(7vh + 19vw);bottom:0;left:0;right:0;width:100vw;max-height:100vh;}
	.kontakt_outerf {max-height:100%;width:100%;height:100%;overflow:hidden;}
	.impressum_outer {position:absolute;top:calc(7vh + 19vw);bottom:0;left:0;right:0;width:100%;max-height: 100%;height: calc(93vh - 19vw);}
	
	#pi .men .home_logo {height:18.00vw;width:10.21vw;margin-top: calc(30px - 2vw);}
	#pi .men .home_text {margin-left:5vw;margin-top:4.3vw;height:9vw;font-size:6vw;}


	.kontaktf_innen {width:100%;height:100%;}
	.kontaktformular {width: 100%;padding-bottom:10px;}
/*	.kontakt_outerf {width: 95vw;} */
	.kontakt_outer_map {width: 95vw;height:95vw;position:relative;}
	.kontakt_map {width: 95vw;height: 95vw;}
	#menuo {top:10px;}
	.rechtsgebiete {width: 93vw;}
	.rechtsgebiete ul { padding-left: 1em;}
	.impressum ul { padding-left: 1em;}

}

@media (max-width:480px) {
	.topmen {right:5px;}
}


@media (device-height: 736px) and (device-width: 414px) and (orientation:landscape),
(device-height: 667px) and (device-width: 375px) and (orientation:landscape),
(device-height: 568px) and (device-width: 320px) and (orientation:landscape),
(device-height: 480px) and (device-width: 320px) and (orientation:landscape) {
/* iPhone */
	a.cdownx {top:calc(100vh - 95px);}
}
@media (device-height: 736px) and (device-width: 414px) and (orientation:portrait),
(device-height: 667px) and (device-width: 375px) and (orientation:portrait),
(device-height: 568px) and (device-width: 320px) and (orientation:portrait),
(device-height: 480px) and (device-width: 320px) and (orientation:portrait) {
/* iPhone */
a.cdownx {top:calc(100vh - 110px);}
}

@media (device-width: 640px) and (device-height: 361px) and (orientation:landscape) {
/* S4 */
a.cdownx {top:calc(100vh - 95px);}
}
@media (device-height: 640px) and (device-width: 361px) and (orientation:portrait) {
/* S4 */
a.cdownx {top:calc(100vh - 110px);}
}