/*-- 
Name:          Startadvise, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Url:           https://startadvise.de
Description:   Startadvise, Kanzlei für Wirtschaftsrecht, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Version:       1.0 Neuumsetzung Responsive
______________ Webdesign by elf42 - Hameln Emmerthal */

/*-- 
_________________________ startadvise [© by elf42] -- */

input#menue { display:none; }
input[name="drop"] { display:none; }

/*-- menue toggle
_________________________ startadvise [© by elf42] -- */


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

label.menue {  margin:15px 0; /*padding: 10px;*/ max-width: 46px; height: auto; display: block; 
               background-color: var(--tr); border: 1px solid var(--tr); border-radius:0; }

.bar {        width: 24px; height: 3px; background-color: var(--ci03); border-radius: 1px; display: block; transition: 0.5s; transform-origin: center; }
.bar + .bar { margin: 5px 0 0 0;}

#menue:checked + .menue .bar:nth-child(1){ transform: translateY(8px) rotate(-45deg); }
#menue:checked + .menue .bar:nth-child(2){ opacity:0; }
#menue:checked + .menue .bar:nth-child(3){ transform: translateY(-8px) rotate(45deg); }

#menue:checked + .menue  {                  background-color: var(--tr); border: 1px solid var(--tr); }
#menue:checked + .menue .bar:nth-child(1), 
#menue:checked + .menue .bar:nth-child(3) { background-color: var(--ci03); }
}

/*-- kopf, header menue
_________________________ startadvise [© by elf42] -- */

.navsub {                   max-height:0; }  
input.auf:checked + input + label + label + span + .navsub { max-height: 900px; } /* open */

li.drop span:focus + .navsub {   max-height: 900px; } /* open */
li.drop:focus-within > .navsub { max-height: 900px; overflow: visible; }



.drop span {                         z-index:10; }
.drop label.zu {                     z-index:20; }
.drop label.auf {                    z-index:30; }
.drop input.auf:checked ~ label.zu { z-index:30; }
.drop input.zu:checked ~ label.auf { z-index:30; }


/*  */
nav#nav {           background: var(--no); }

ul.nav li {         color: var(--m82); 
                    background: none; border-bottom: none; }

ul.nav a:link, ul.nav a:visited { 
                    color: var(--m82); 
                    background: var(--no); border: var(--no); }
ul.nav a:hover, ul.nav a:focus, ul.nav a:active {
                    color: var(--ci02);
                    background: url(img/00--hg-menue-marked.png) center bottom no-repeat; border: var(--no); }

li.drop:hover, li.drop:focus, li.drop:active {
                    color: var(--ci02); cursor: pointer;
                    background: url(img/00--hg-menue-marked.png) center bottom no-repeat; border: var(--no); }

li.drop {           color: var(--m82); }


li.drop input.auf:checked ~ span { color: var(--m82); 
                    background: var(--tr); border: var(--no); }



ul.navsub {                 }
ul.navsub li {      color: var(--m82); 
                    background: var(--m255); border: var(--no); }
ul.navsub li:nth-last-child(1) { border: none; }

ul.navsub a:link, ul.navsub a:visited {
                    color: var(--m82); 
                    background: var(--no); border: var(--no); }

ul.navsub a:hover, ul.navsub a:focus, ul.navsub a:active {
                    color: var(--ci02); 
                    background: var(--no); border: var(--no); }


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


nav#nav {          height: auto; max-height:0; overflow: hidden; transition: 2s all; }
                              /* max-height */
#menue:checked + .menue + #nav { max-height: 1300px; width: 100%; height: auto; } /* open */

span.sr-only:focus + #nav {  max-height: 1300px;  } /* open */
li.drop span:focus + .navsub { max-height: 900px;  }  /* open */

nav#nav:focus-within {           max-height: 1300px; overflow: visible; }
li.drop:focus-within > .navsub { max-height: 900px;  overflow: visible; }


/* --- */

ul.nav {                             padding: 0; } 
ul.nav li {                margin:0; padding: 0; 
                                     list-style-type: none;}
ul.nav li:last-child { }


ul.nav a {                 margin:0; padding: 1rem 2rem; 
                                     display: block; text-decoration: none; border: 0; }
ul.nav a:last-child  { }
ul.nav a:link, ul.nav a:visited { }


li.drop {                            position:relative; }

li.drop span {             margin:0; padding: 1rem 2rem; 
                                     position:relative; top: 0; left: 0; z-index:0; 
                                     display: block; text-decoration: none; border:0; }
li.drop label {            margin:0; padding: 1rem 2rem; 
                                     width: 100%; height:auto; 
                                     position:absolute; top: 0; left: 0; text-align:right;
                                     display: block; text-decoration: none; border:0; cursor: pointer; }



/* --- */

ul.navsub {                margin: 0; padding: 0; width: 100%; max-height:0; 
                                     position:relative; 
                                     overflow: hidden; transition: 1s all; } 
ul.navsub li {             margin:0; padding: 0; 
                                     list-style-type: none; }
ul.navsub li:last-child {            border: none; }


ul.navsub a {              margin:0; padding: 0.7rem 5rem; 
                                     display: block; text-decoration: none; text-align:left; 
                                     }
ul.navsub a:last-child  {            border: 0; }
ul.navsub a:link, ul.navsub a:visited { }

ul.navsub a:before {                 padding: 0 0.5rem 0 1.8rem; }


/* --- */

nav#nav {                 background: var(--no); }


ul.nav li {               color: var(--m82); 
                          background: var(--no); border: var(--no); }

ul.nav a:link, ul.nav a:visited { 
                          color: var(--m82); 
                          background-color: var(--m255); border: var(--no); }
ul.nav a:hover, ul.nav a:focus, ul.nav a:active {
                          color: var(--ci01); 
                          background-color: var(--m255); border: var(--no); }

ul.nav li a::before, 
li.drop > span::before {    color: var(--m255); padding-right: var(--a10); vertical-align: 2px;
                            content: "\f0c8"; font-size: 0.9rem; font-family: 'FontAwesome'; } 
ul.nav li a:hover::before, ul.nav li a:focus::before, ul.nav li a:active::before,  
li.drop span:hover:before { color: var(--ci01); }

ul.nav a:link, li.drop:hover { background-image:none; }



ul.navsub {               background: rgba(var(--m255t),0.2); }
ul.navsub li {            color: var(--m82); 
                          background: var(--tr); border: var(--no); }
ul.navsub li:last-child { border:none; }

ul.navsub a:link, ul.navsub a:visited {
                          color: var(--m82); 
                          background-color: var(--tr); border: var(--no); }

ul.navsub a:hover, ul.navsub a:focus, ul.navsub a:active {
                         color: var(--ci02); 
                         background-color: var(--tr); border: var(--no); }

ul.navsub li a:before {  color: var(--ci03); content: ""; padding:0; }
ul.navsub li:hover a:before, ul.navsub li:focus a:before, ul.navsub li:active a:before { 
                         color: var(--m0); }



} @media only screen and (min-width: 1024px ) {


ul.nav {                  margin:0; padding: 0; height: auto; 
                                     justify-content: space-between; }

ul.nav li {               margin:0; padding: 0; 
                                    height: auto; 
                                    border: 0; list-style-type:none; }
ul.nav li:last-child {              }

ul.nav a {                margin:0; padding: 3.8rem 0; 
                                    display: block; text-decoration: none; 
                                    border: 0; }
ul.nav a:last-child { }


li.drop {                            position:relative; }

li.drop span {             margin:0; padding: 3.8rem 0; 
                                     position:relative; top: 0; left: 0; z-index:0; 
                                     display: block; text-decoration: none; }
li.drop span.end {                    }

li.drop label.auf, 
li.drop label.zu {         margin:0; padding:0; 
                                     width: 100%; height: 100%; 
                                     position:absolute; top: 0; left: 0; 
                                     display: block; text-decoration: none; cursor: pointer; }


ul.navsub {                margin: /*var(--a10) 0 0*/ 0; padding:0; max-height:0; 
                                     position: absolute; left: -6rem; 
                                     overflow: hidden; transition: 1s all; } 
ul.navsub.ende {           margin:0; padding: 0; max-height:0; 
                                     position: absolute; right:0; margin-left:-300%;
                                     overflow: hidden; transition: 1s all; } 

/*   */

ul.navsub li {             margin:0; padding: 0; 
                                     width: 100%; white-space:nowrap;
                                     list-style-type: none; }
ul.navsub li:first-child {           padding: var(--a15) 0 0 0; }
ul.navsub li:last-child {            padding: 0 0 var(--a10) 0; }


ul.navsub a {              margin:0; padding: 0.5rem 2rem 0.5rem 2rem; 
                                     display: block; text-decoration: none; text-align:left; 
                                       }

ul.navsub a:link, ul.navsub a:visited { }

ul.navsub a:before {                 padding: 0 0.5rem 0 0; }

input.auf:checked ~ span {           border: 0; background: url(img/00--hg-menue-marked.png) center bottom no-repeat; }

} @media only screen and (min-width: 1260px ) {}





/*-- bc
_________________________ startadvise [© by elf42] -- */


body#beratung-wirtschaftsrecht-anwalt-koenigstein #bc li.beratung-wirtschaftsrecht-anwalt-koenigstein-a a,
body#beratung-agb-recht-anwalt-koenigstein-taunus #bc li.beratung-agb-recht-anwalt-koenigstein-taunus-a a,
body#beratung-agb-recht-plattform-agb-anwalt-koenigstein-taunus #bc li.beratung-agb-recht-anwalt-koenigstein-taunus-a a,
body#beratung-handels-gesellschaftsrecht-koenigstein #bc li.beratung-handels-gesellschaftsrecht-koenigstein-a a,
body#beratung-it-recht-anwalt-koenigstein-frankfurt #bc li.beratung-it-recht-anwalt-koenigstein-frankfurt-a a,
body#beratung-e-commercerecht-bad-soden-frankfurt #bc li.beratung-e-commercerecht-bad-soden-frankfurt-a a,
body#beratung-urheberrecht-anwalt-bad-soden-frankfurt #bc li.beratung-urheberrecht-anwalt-bad-soden-frankfurt-a a,
body#beratung-telekommunikationsrecht-koenigstein-frankfurt #bc li.beratung-telekommunikationsrecht-koenigstein-frankfurt-a a,
body#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt #bc li.beratung-energierecht-rechtsanwalt-koenigstein-frankfurt-a a,
body#beratung-vertragsrecht-anwalt-koenigstein-bad-soden #bc li.beratung-vertragsrecht-anwalt-koenigstein-bad-soden-a a,
body#beratung-rechtsberatung-anwalt-startup-frankfurt #bc li.beratung-rechtsberatung-anwalt-startup-frankfurt-a a,

body#vortraege-rechtsanwalt-it-recht-frankfurt #bc li.vortraege-rechtsanwalt-it-recht-frankfurt-a a, 
body#webinare-rechtsanwalt-it-recht-frankfurt #bc li.webinare-rechtsanwalt-it-recht-frankfurt-a a, 

body#news-rechtsanwalt-koenigstein-bad-soden #bc li.news-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-arbeitsrecht-"] #bc li.news-arbeitsrecht-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-compliance-"] #bc li.news-compliance-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-e-commerce-recht-"] #bc li.news-e-commerce-recht-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-agb-recht-"] #bc li.news-agb-recht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-urheberrecht-"] #bc li.news-urheberrecht-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-rechtsberatung-"] #bc li.news-rechtsberatung-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-energierecht-"] #bc li.news-energierecht-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-it-recht-"] #bc li.news-it-recht-rechtsanwalt-koenigstein-bad-soden-a a, 
body[id*="news-handelsrecht-gesellschaftsrecht-"] #bc li.news-handelsrecht-gesellschaftsrecht-rechtsanwalt-koenigstein-bad-soden-a a, 

/* --- */

body#xxx #bc li.xxx-a a, 
body[id*="yyy"] #bc li[class*="yyy"] a 
{
color: var(--m182); 
border: 1px solid rgba(var(--ci01t),0.5);
}



/*-- nav-2
_________________________ startadvise [© by elf42] -- */



body#verguetung-rechtsanwalt-koenigstein-frankfurt li#verguetung-rechtsanwalt-koenigstein-frankfurt-a a,

body#kontakt ol.nav2 li.kontakt-a a, 
body#impressum li#impressum-a a,
body#datenschutz li#datenschutz-a a 
{
color: var(--ci01);
background: var(--tr); font-weight:500;
}


/*-- you are here
_________________________ startadvise [© by elf42] -- */



/* u ... marked */

/* beratung */ 
body#beratung-wirtschaftsrecht-anwalt-koenigstein li#beratung-wirtschaftsrecht-anwalt-koenigstein-a a,
body#beratung-agb-recht-anwalt-koenigstein-taunus li#beratung-agb-recht-anwalt-koenigstein-taunus-a a,
body#beratung-agb-recht-plattform-agb-anwalt-koenigstein-taunus li#beratung-agb-recht-anwalt-koenigstein-taunus-a a,
body#beratung-handels-gesellschaftsrecht-koenigstein li#beratung-handels-gesellschaftsrecht-koenigstein-a a,
body#beratung-it-recht-anwalt-koenigstein-frankfurt li#beratung-it-recht-anwalt-koenigstein-frankfurt-a a,
body#beratung-e-commercerecht-bad-soden-frankfurt li#beratung-e-commercerecht-bad-soden-frankfurt-a a,
body#beratung-urheberrecht-anwalt-bad-soden-frankfurt li#beratung-urheberrecht-anwalt-bad-soden-frankfurt-a a,
body#beratung-telekommunikationsrecht-koenigstein-frankfurt li#beratung-telekommunikationsrecht-koenigstein-frankfurt-a a,
body#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt li#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt-a a,
body#beratung-vertragsrecht-anwalt-koenigstein-bad-soden li#beratung-vertragsrecht-anwalt-koenigstein-bad-soden-a a,
body#beratung-rechtsberatung-anwalt-startup-frankfurt li#beratung-rechtsberatung-anwalt-startup-frankfurt-a a,

/* vortraege */ 
body#vortraege-rechtsanwalt-it-recht-frankfurt li#vortraege-rechtsanwalt-it-recht-frankfurt-a a, 
body#webinare-rechtsanwalt-it-recht-frankfurt li#webinare-rechtsanwalt-it-recht-frankfurt-a a, 

/* news */ 
body[id*="news-arbeitsrecht-"] li#news-arbeitsrecht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-compliance-"] li#news-compliance-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-e-commerce-recht-"] li#news-e-commerce-recht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-agb-recht-"] li#news-agb-recht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-urheberrecht-"] li#news-urheberrecht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-rechtsberatung-"] li#news-rechtsberatung-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-energierecht-"] li#news-energierecht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-it-recht-"] li#news-it-recht-rechtsanwalt-koenigstein-bad-soden-a a,
body[id*="news-handelsrecht-gesellschaftsrecht-"] li#news-handelsrecht-gesellschaftsrecht-rechtsanwalt-koenigstein-bad-soden-a a,


body#xxx li#xxx-a a, 
body[id*="yyy"] li[id*="yyy"] a
{
color: var(--ci02);
background: var(--no); 
}



/* firstmenue */

:where( 
body#beratung-wirtschaftsrecht-anwalt-koenigstein,
body#beratung-agb-recht-anwalt-koenigstein-taunus,
body#beratung-agb-recht-plattform-agb-anwalt-koenigstein-taunus,
body#beratung-handels-gesellschaftsrecht-koenigstein,
body#beratung-it-recht-anwalt-koenigstein-frankfurt,
body#beratung-e-commercerecht-bad-soden-frankfurt,
body#beratung-urheberrecht-anwalt-bad-soden-frankfurt,
body#beratung-telekommunikationsrecht-koenigstein-frankfurt,
body#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt,
body#beratung-vertragsrecht-anwalt-koenigstein-bad-soden,
body#beratung-rechtsberatung-anwalt-startup-frankfurt ) li.drop input#drop-1 ~ span,

body#projekte-agb-it-energierecht-koenigstein-taunus li#projekte-agb-it-energierecht-koenigstein-taunus-a a, 

:where( 
body#vortraege-rechtsanwalt-it-recht-frankfurt, 
body#webinare-rechtsanwalt-it-recht-frankfurt ) li.drop input#drop-2 ~ span,

body#rechtsanwalt-stegemann-koenigstein li#rechtsanwalt-stegemann-koenigstein-a a, 

body[id*="news-"] li.drop input#drop-3 ~ span,

body#home li#home-a a, 
body#kontakt li#kontakt-a a, 
body#sitemap li#sitemap-a a 
{ 
color: var(--ci02);
background: url(img/00--hg-menue-marked.png) center bottom no-repeat;
}


/*-- mobile
_________________________ startadvise [© by elf42] -- */

/* firstmenue */
 @media only screen and (max-width: 1023px ) {

body#home li#home-a a, 

:where( 
body#beratung-wirtschaftsrecht-anwalt-koenigstein,
body#beratung-agb-recht-anwalt-koenigstein-taunus,
body#beratung-agb-recht-plattform-agb-anwalt-koenigstein-taunus,
body#beratung-handels-gesellschaftsrecht-koenigstein,
body#beratung-it-recht-anwalt-koenigstein-frankfurt,
body#beratung-e-commercerecht-bad-soden-frankfurt,
body#beratung-urheberrecht-anwalt-bad-soden-frankfurt,
body#beratung-telekommunikationsrecht-koenigstein-frankfurt,
body#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt,
body#beratung-vertragsrecht-anwalt-koenigstein-bad-soden,
body#beratung-rechtsberatung-anwalt-startup-frankfurt ) li.drop input#drop-1 ~ span, 

body#projekte-agb-it-energierecht-koenigstein-taunus li#projekte-agb-it-energierecht-koenigstein-taunus-a a, 

:where( 
body#vortraege-rechtsanwalt-it-recht-frankfurt, 
body#webinare-rechtsanwalt-it-recht-frankfurt ) li.drop input#drop-2 ~ span, 

body#rechtsanwalt-stegemann-koenigstein li#rechtsanwalt-stegemann-koenigstein-a a, 

body[id*="news-"] li.drop input#drop-3 ~ span,

:where( 
body#iza1, body#iza2, body#iza3, 
body#iza4 ) li.drop input#drop-1 ~ span
{ 
color: var(--ci02);
background: var(--no);
}

/*   ::before !  */
body#home li#home-a a::before, 

:where( 
body#beratung-wirtschaftsrecht-anwalt-koenigstein,
body#beratung-agb-recht-anwalt-koenigstein-taunus,
body#beratung-agb-recht-plattform-agb-anwalt-koenigstein-taunus,
body#beratung-handels-gesellschaftsrecht-koenigstein,
body#beratung-it-recht-anwalt-koenigstein-frankfurt,
body#beratung-e-commercerecht-bad-soden-frankfurt,
body#beratung-urheberrecht-anwalt-bad-soden-frankfurt,
body#beratung-telekommunikationsrecht-koenigstein-frankfurt,
body#beratung-energierecht-rechtsanwalt-koenigstein-frankfurt,
body#beratung-vertragsrecht-anwalt-koenigstein-bad-soden,
body#beratung-rechtsberatung-anwalt-startup-frankfurt ) li.drop input#drop-1 ~ span::before, 

body#projekte-agb-it-energierecht-koenigstein-taunus li#projekte-agb-it-energierecht-koenigstein-taunus-a a::before,

:where( 
body#vortraege-rechtsanwalt-it-recht-frankfurt,
body#webinare-rechtsanwalt-it-recht-frankfurt ) li.drop input#drop-2 ~ span::before, 

body#rechtsanwalt-stegemann-koenigstein li#rechtsanwalt-stegemann-koenigstein-a a::before,

body[id*="news-"] li.drop input#drop-3 ~ span::before, 

:where( 
body#iza1, body#iza2, body#iza3, 
body#iza4 ) li.drop span::before 
{
color: var(--ci01); 
}

} /* -- max-width: 1023px -- */