:root {--max-width:1240px;}
body {background-color:white; display:flex; flex-direction:column; font-family:Calibri; margin:0; position:relative; top:90px; color:black; text-decoration:none;}
.nav-element {text-align:center; flex-grow:1; width:100%; font-size:1.25em;}
.nav-element2 {text-align:center; flex-grow:1; width:100%; font-size:1em;}
header {display:flex; justify-content:center; width:100%; height:90px; position:fixed; top:0; background-color:white; border-bottom:2px solid #002860;}
.header_author {display:flex; flex-direction:column; justify-content:center;}
.header_author:hover {cursor:pointer;}
#Fachanwalt {font-size:2em; padding:0 20px 0 20px; width:100%; max-width: var(--max-width); display:flex; flex-direction:row; align-items:center;} @media only screen and (max-width:1115px) {#Fachanwalt {padding:0 0 0 20px;}}
#main {max-width: var(--max-width); width:100%; padding:0 20px 0 20px; display:flex; justify-content:space-between; height:100%;} @media only screen and (max-width:1115px) {#main {width:100%; justify-content:center;}}
.textrechts {padding:20px 20px; width:310px; height:100%; display:block;}  @media only screen and (max-width:1115px) {.textrechts {display:none;}}
.header_in {max-width: var(--max-width); width:100%; padding:10px 20px; justify-content: space-between; align-items:center;}
.header_in a {margin:0 2% 0 2%;}
button {cursor:pointer; width:44px; height:38px; background-color:transparent; border:none; display:none; padding:10px; margin:0px;} @media only screen and (max-width:1115px) {button {display:flex;}}
.menu {}
nav, #menu_dropdown, .button_LA_dropdown, .nav_LA_dropdown {width:100%; text-align:center; height:inherit; display:flex; flex-direction:row; align-items:center;}  @media only screen and (max-width:1115px) {nav {display:none;}}
nav a, .nav_LA a, #menu_dropdown a, .button_LA_dropdown a, .nav_LA_dropdown a {color:black; text-decoration:none; margin:20px 40px 20px 40px; height:100%; display:flex; flex-direction:row; align-items:center; border-bottom:2px inset transparent;}
nav a:hover, #menu_dropdown a:hover, .button_LA_dropdown a:hover, .nav_LA_dropdown a:hover {color:#002860; border-bottom:2px inset #002860;}
#menu_dropdown {display:none; max-width:209px; flex-direction:column; position:absolute; left:0px; top:0px; background-color:white; width:max-content; height:max-content !important;}
.anfahrt {margin: auto 20px !important; height:50px; color:black; text-decoration:none; display:flex; flex-direction:row; align-items:center; border-bottom:2px inset transparent;}
.anfahrt:hover {color:#002860; border-bottom:2px inset #002860;}
.button_LA_dropdown {display:none; font-size:1em !important;  flex-direction:column; position:absolute; left:209px; top:0px; background-color:white; width:max-content; height:max-content !important;}
button:hover #menu_dropdown, button:active #menu_dropdown {display:flex;}
.button_LA:active .button_LA_dropdown, .button_LA:hover .button_LA_dropdown, .button_LA_dropdown:hover {display:flex;}
.button_LA {justify-content:center; flex-grow:1; width:100%; font-size:1.25em;}
.button_LA:hover {width:210px;}
.nav_LA {font-size:1.25em; margin:0 2% 0 2%; position:relative;}
.nav_LA_dropdown {display:none; font-size:1em !important;  flex-direction:column; position:absolute; top:1.3em; padding-top:19px; background-color:white; width:max-content; height:max-content !important;}
.nav_LA:hover .nav_LA_dropdown, .nav_LA:active .nav_LA_dropdown, .nav_LA_dropdown:hover {display:flex;}
#main_content, #main_content_us {display:flex; flex-direction:column; height:100%; border-right:5px solid #002860;} @media only screen and (max-width:1115px) {#main_content {border:none;} #main_content_us {border:none; padding-left:100px;}} @media only screen and (max-width:700px) {#main_content_us {padding:0 3em 0 3em;}}
.zeile1 {display:flex; flex-direction:row; line-height:normal; margin-top:2em; width:100%;}  @media only screen and (max-width:1115px) {.zeile1 {justify-content:center;}} @media only screen and (max-width:648px) {.zeile1 {flex-direction:column; align-items:center;}}
.bild_gross {border:0; height:500px;} @media only screen and (max-width:648px) {.bild_gross {max-width:389px; width:100%; height:auto;}}
.zeile1_text {max-width:230px; width:auto; margin-left:-50px; padding:20px; color:#002860; font-size:1.56em; background-color:white;} @media only screen and (max-width:648px) {.zeile1_text {margin:-50px 0 0 0;}}
.zeile2, .zeile2b {margin-top:70px; line-height:1.5em; font-size:1,13em; flex-direction:row;} @media only screen and (max-width:763px) {.zeile2 {flex-direction:column; margin-top:0; align-items:center;} .zeile2b {flex-direction:column-reverse; margin-top:0; align-items:center;}}
.section1 {max-width:calc(442px - 3em); border-bottom:0.2em solid #002860; border-left:0.2em solid #002860; border-bottom-left-radius:1em; padding:0em 0em 0em 2em; margin-right:1em; text-decoration:none; color:black;} @media only screen and (max-width:763px) {.section1, .call_section {margin-top:4em; margin-right:auto;}}
.section1 a, .call_section a {color:black; text-decoration:none;}
.call_section {color:black; font-size:1.56em; padding:1em 0em 0em 1.5em; margin-right:1em; text-decoration:none; border-left:0.15em solid #002860;}

h2 {color:#002860; font-size:1.56em; text-decoration:underline;}
.h2 {font-family:calibri; font-weight:normal; padding-left:0px; padding-top:15px; padding-bottom:0px;}
.text_bild {max-width:250px; width:auto; height:100%; object-fit:contain;}
div {display:flex;}
.section_2 {width:calc(442px - 3em); justify-content:center; margin-right:4em; margin-left:1em}  @media only screen and (max-width:763px) {.section_2 {margin-top:4em; width:fit-content; margin-right:auto; margin-left:auto;}}
#bottom {width:100%; margin-top:100px; flex-direction:column; justify-content:center;}
.link_bottom {color:grey;}
footer {margin-top:50px; margin-bottom:20px; text-align:center; background:white;}
footer a {border-right:1px solid white; color:#002860; margin-left:2px;}

.text_us {margin-top:20px; line-height:150%; font-size:13pt; padding-right:100px; flex-direction:column;} @media only screen and (max-width:700px) {.text_us {padding:0;}}
.ared {color:#ab0006;}
.servicenummer {font-weight:bold; color:#002860;}