/* --------------------------------------- der body ---------- */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,output,ruby,section,summary,time,mark,audio,video {font-size:100%;font-family:Arial,sans-serif;line-height:1.5;color:#1d1305;vertical-align:baseline;margin:0;padding:0;border:0}
section,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
ol,ul,dl {list-style:none}
blockquote:before,blockquote:after {content:none}
table {border-collapse:collapse;border-spacing:0}
img,embed,object,video {width:100%;height:auto}
/* --------------------------------------- der container ---------- */
#container {display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:1fr;border-top:.1rem solid maroon;border-right:.5rem solid maroon;border-bottom:.1rem solid maroon;border-left:.5rem solid maroon}
/************/
@media only screen and (min-width:50rem) {
#container {max-width:56.25rem;margin:0 auto;display:grid;grid-template-rows:auto auto auto;grid-template-columns:20% 80%}
}
/************/
/* --------------------------------------- der header ---------- */
header {grid-column:1;grid-row:2;padding:.4rem 0 1.4rem 0;color:dimgray}
header img {width:100%;height:auto;border-top:.05rem solid maroon;border-bottom:.05rem solid maroon}
/* ---------- der kopf ---------- */
.frankfurtlegal {padding:0;display:block;margin-bottom:-.5rem;text-align:center;font-size:1.875rem;color:maroon;text-transform:none}
.namen {display:block;margin-bottom:-1.2rem;text-align:justify;text-align:center;font-size:1.1rem;letter-spacing:.1rem;text-transform:uppercase}
.anwaelte {display:block;margin:0 auto;text-align:center;font-size:.78rem;letter-spacing:.1rem;text-transform:uppercase}
/************/
@media only screen and (min-width:50rem) {
header {grid-column:1/3;grid-row:1;padding:1.4rem 0 1.6rem 0}
}
/************/
/* --------------------------------------- die navigation --- */
nav {grid-column:1;grid-row:1}
#nav-menue {display:block;min-height:3.6rem}
/* --- der hamburger --- */
.oben,.mitte,.unten {width:2.188rem;height:.313rem;background-color:maroon;margin:.375rem .375rem .375rem 1rem;transition:all .6s}
.change .oben {-webkit-transform:rotate(-45deg) translate(-.563rem,.375rem);transform:rotate(-45deg) translate(-.563rem,.375rem);transition:all .6s}
.change .mitte {opacity:0}
.change .unten {-webkit-transform:rotate(45deg) translate(-.5rem,-.5rem);transform:rotate(45deg) translate(-.5rem,-.5rem);transition:all .6s}
/* --- der button --- */
.menue-button {display:block;width:95%;position:absolute;top:.6rem;cursor:pointer;background:white;transition:all .6s}  
.menue-button:hover {background:maroon}
.menue-button:hover .oben {background-color:white}
.menue-button:hover .mitte {background-color:white}
.menue-button:hover .unten {background-color:white}
/* --- das ein- und ausbelnden der steuerung --- */
#nav-menue:target #steuerung {display:block}
#nav-menue:target .menue-button-beschr-open {display:none}
/* --- der navigationblock --- */
#steuerung {float:left;width:100%;margin-top:3.5rem;display:none;background:white}  
#steuerung li {width:100%}
#steuerung li a:link {display:block;padding:.8rem .8rem .8rem .4rem;font-size:.9rem;color:dimgray;text-decoration:none;border-bottom:.05rem solid maroon}
#steuerung li a:visited {color:dimgray;text-decoration:none}
#steuerung li a:hover {color:white;background:maroon}
#steuerung li a:focus {color:white;background:maroon}
#steuerung li a:active {color:white;background:maroon}
#steuerung li:first-child a:link {border-top:.05rem solid maroon}
#steuerung li.cur a:link {color:white;background:maroon}
#steuerung li.cur a:visited {color:white;text-decoration:none}
#steuerung li ul li a:link {color:dimgray;background:white;text-align:right}
#steuerung li ul li:first-child a:link {border-top:0}
#steuerung li ul li a:hover {color:white;background:maroon}
#steuerung li ul li a:focus {color:white;background:maroon}
#steuerung li ul li a:active {color:white;background:maroon}
#steuerung li.cur ul li a:link {color:dimgray;background:white;text-align:right}
#steuerung li.cur ul li:first-child a:link {border-top:0}
#steuerung li.cur ul li a:visited {color:dimgray;background:white;text-align:right}
#steuerung li.cur ul li a:hover {color:white;background:maroon;text-align:right}
#steuerung li.cur ul li a:focus {color:white;background:maroon;text-align:right}
#steuerung li.cur ul li a:active {color:white;background:maroon;text-align:right}
/************/
@media only screen and (min-width:50rem) {
nav {grid-column:1;grid-row:2}
/* --- der button --- */
.menue-button {display:none}
/* --- der navigationblock --- */
#steuerung {display:block;margin-top:0}
#steuerung li a:link {font-size:.75rem}
}
/************/
/* --------------------------------------- die inhalte --- */
main {grid-column:1;grid-row:3;padding:0 1.2rem 1.2rem 1.2rem}
main header {padding:0}
main .frame-layout-1 {margin:1rem 1rem 2rem 1rem}
main h1 {margin-bottom:.6rem;font-size:1.2rem;letter-spacing:.1rem}
main h2 {margin-bottom:0;font-size:1.1rem}
main .frame-layout-1 header h1 {margin-bottom:.2rem;font-size:.95rem;text-align:center;color:maroon;letter-spacing:0}
main h3 {margin-bottom:0;font-size:1rem}
main p {margin-bottom:.6rem}
main .frame-layout-1 p {font-weight:bold;color:maroon}
main b {font-size:.96rem}
main a:link {color:maroon;text-decoration:none}
main a:visited {color:maroon;text-decoration:none}
main a:hover {color:black;text-decoration:underline}
main a:focus {color:black;text-decoration:underline}
main a:active {color:black;text-decoration:underline}
main ul {margin-bottom:.6rem;padding:0 0 0 2rem;list-style:disc}
main ol {margin-bottom:.6rem;padding:0 0 0 2rem;list-style:disc}
main li {padding:0}
.frame-type-menu_subpages a:link span {color:maroon;text-decoration:none}
.frame-type-menu_subpages a:visited span {color:maroon;text-decoration:none}
.frame-type-menu_subpages a:hover span {color:black;text-decoration:underline}
.frame-type-menu_subpages a:focus span {color:black;text-decoration:underline}
.frame-type-menu_subpages a:active span {color:black;text-decoration:underline}
main .align-justify {text-align:right}
main figcaption {padding-top:.2rem;font-size:.8rem}
/* --- die bilder --- */
.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:46%;margin-left:.6rem}
.ce-left.ce-above .ce-gallery[data-ce-columns="5"][data-ce-images="5"] .ce-row .ce-column {width:30%;height:auto;padding-bottom:1rem}
.ce-left.ce-above .ce-gallery[data-ce-columns="5"][data-ce-images="5"] .ce-row .ce-column figure {width:100%}
/************/
@media only screen and (min-width:50rem) {
main {grid-column:2;grid-row:2;padding:0 2.2rem 0 4.2rem}
main h1 {margin-bottom:.2rem;font-size:1.1rem;letter-spacing:.1rem}
main h2 {font-size:.9rem}
main h3 {font-size:.8rem}
main p {margin-bottom:.6rem;font-size:.8rem}
main b {font-size:.9rem}
main li {font-size:.8rem}
main li li {font-size:.8rem}
main figcaption{font-size:.7rem}
}
/* --- die bilder --- */
@media only screen and (min-width:50rem) {
.ce-right.ce-intext .ce-gallery[data-ce-columns="1"] {width:auto;margin-left:auto}
.ce-left.ce-above .ce-gallery[data-ce-columns="5"][data-ce-images="5"] .ce-row .ce-column {width:auto;height:11rem}
.ce-left.ce-above .ce-gallery[data-ce-columns="5"][data-ce-images="5"] .ce-row .ce-column figure {width:100%}
}
/************/
/* --------------------------------------- der fuss --- */
footer a {color:dimgray;text-decoration:none}
footer a:hover {text-decoration:underline}
footer {margin:0;white-space:nowrap;color:#1d1305;font-size:.78rem} 
footer {display:grid;gap:1rem 2rem;grid-template-areas:"adresseeins adresseeins" "adressezwei adressedrei";padding:1rem}  
.adresseeins {grid-area:adresseeins;text-align:center}
.adressezwei {grid-area:adressezwei}
.adressedrei {grid-area:adressedrei} 
/************/
@media only screen and (min-width:50rem) { 
  
fffooter {text-align:center;grid-column:3;grid-row:1}
ffffooter {font-size:.7rem}
.aaaadresseeins {fffloat:left;wwwidth:15%;mmmmargin-left:15%;padding:2.6rem 0 2rem 0rem;text-align:left}
.aaaadressezwei {fffloat:left;wwwidth:28%;padding:2.6rem 0 2rem 0rem;text-align:left}
.aaaadressedrei {fffloat:left;wwwidth:30%;padding:2.6rem 0 2rem 0rem;text-align:left}

footer {margin:0;padding:2rem 0;white-space:nowrap;color:#1d1305;font-size:.78rem} 
footer {display:grid;gap:4rem;grid-template-areas:"adresseeins adressezwei adressedrei"}  
.adresseeins {grid-area:adresseeins;text-align:left}
.adressezwei {grid-area:adressezwei}
.adressedrei {grid-area:adressedrei}  
 
#c22 figure {margin-left:1rem}
#c71 figure {margin-left:1rem}
#c54 figure {margin-left:1rem}
#c26 figure {margin-left:1rem}
#c134 figure {margin-left:1rem}
  
}