body {
font-weight: 350;
}
.alink {
color:#000; 
text-decoration:underline;
} #page-container #main-header {
box-shadow: unset ;
}
#page-container .et-fixed-header#main-header {
box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1) !important;
}
#top-menu {
margin-top:10px;
}
.et-fixed-header #top-menu {
margin-top:0px;
}
.et_header_style_centered #top-menu > li > a {
padding-bottom: 20px !important;
}
#main-header .container {
width: 100% !important;
}
nav > ul > li > a {
font-weight: 400 !important;
letter-spacing: 0.3px !important;
}
#top-menu li li a {
font-weight: 400 !important;
}
.sub-menu {
left: -20px;
width: 160px !important;
border:0px !important;
}
#top-menu li .sub-menu li {
padding: 0px !important;
}
.sub-menu:before {
content:"";
position:absolute;
width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 0 12.5px 10px 12.5px;
border-color: transparent transparent #ffffff transparent;
top: -10px;
left: 60px;
}
#top-menu li {
padding-right: 30px !important;
}
#top-menu > li:last-child {
padding-right: 0 !important;
}
#top-menu li li a {
width: 100% !important;
}
#top-menu li li {
padding: 0 20px !important;
display: block !important;
}
#top-menu .current-menu-item a:after {
content:"";
position:absolute;
bottom:5px;
left:0;
right:0;
margin:auto;
width:100%;
height:2px;
background:#fff;
}
#top-menu .sub-menu .current-menu-item a:after {
content:"";
position:absolute;
bottom:5px;
left:0;
right:0;
margin:auto;
margin-left: 20px;
width: calc(100% - 30px);
height:2px;
background:#d2d2d2;
}
#top-menu .menu-item:last-child a:after {
display:none !important;
}
#top-menu .sub-menu a:hover {
background:#000!important;
color:#fff !important;
}
@media only screen and (min-width: 980px) {
.menu-termin {
border: 2px solid #fff;
background: #fff;
color: #333 !important;
border-radius: 100px;
padding: 6px 15px;
}
.et-fixed-header .menu-termin {
border: 2px solid #74191a;
background: #74191a;
color: #fff !important;
}
} ._brlbs-google-maps {
width: 100vw;
background: #e4f4e4;
text-align: center;
}
.et_pb_map_container .BorlabsCookie ._brlbs-content-blocker ._brlbs-google-maps ._brlbs-thumbnail{
display:inline-block;
}
#button {
transform: scale(1.5);
}
#button span {
font-size:10px;
}
@media only screen and (max-width: 1100px) {
#button {
transform: scale(1.2);
}
}
@media only screen and (max-width: 980px) {
#button {
transform: scale(1);
}
}
@media only screen and (max-width: 768px) {
#button {
transform: scale(0.75);
}
}
.et_pb_section_first {
padding-top: 120px !important;
padding-bottom: 80px !important;
}
.sticky-kontakt-wrapper {
left: -320px;
overflow: hidden;
position: fixed;
z-index: 999;
top: calc(50% - 120px);
width: 320px;	
transition: all 0.4s ease-out;
}
.sticky-kontakt-wrapper-show {
left:-290px;
}
.sticky-kontakt-wrapper-click {
left:0px !important;
}
.sticky-kontakt-content {
padding: 20px;
margin-right: 30px;
background: #fff;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-right: 1.5px solid #d5aa6d;
box-shadow: 0px 0px 10px #0000002b;
margin-top: 10px;
margin-bottom: 10px;
}
.sticky-kontakt-button-open {
transform: rotate(-90deg);
background:#d5aa6d;
color:#fff;
width:80px;
line-height: 30px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-top: 40px;
text-align: center;
margin: 0 !important;
font-size: 14px;
font-weight: 500;
position: absolute;
top: calc(50% - 15px);
right: -25px;
cursor: pointer;
}
.sticky-kontakt-button {
display:block;
margin: 12px 0px;
color: #212121 !important;
font-size:14px;
font-weight: 400;
height: 32px;
line-height: 32px;
}
.sticky-icon {
font-size: 16px;
color: #212121;
padding: 8px;
border-radius: 100%;
border: 1px solid;
float:left;
margin-right: 10px;
}
.referenz-hover:hover h2 {
color:#74191a;
}
.text-slider {
position: relative;
overflow: hidden;
height: 124px;
width: 124px;
display: flex;
align-items: center;
justify-content: center;
}
.text-slide {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
#button .et_pb_text {
display: flex;
align-items: center;	
}
.zoom-button-h-big, .zoom-button-h-small {
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
font-weight: 300;
text-transform: uppercase;
line-height: 1.3em;
text-align: center;
font-size: 10px;
color: #fff !important;
margin-bottom:5px;
}
.zoom-button-h-small {
font-size: 18px;
line-height: 1.2em;
margin-bottom:0px;
}
.standort .zoom-button-h-small {
font-size: 16px;
}
.subline-thin {
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
font-weight: 300;
color: #afaaa6 !important;
font-size: 18px;
padding-bottom: 10px;
display: block;
}
.usp ul { 
list-style-type: none;
}
.usp li:before { 
content: "✓";
margin-left: -18px;
position: absolute;
}
.et_pb_accordion .et_pb_toggle_title {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
.et_pb_accordion .et_pb_toggle_open {
padding: 0px 20px 20px !important;
}
.et_pb_accordion .et_pb_toggle_close {
padding: 0px 20px !important;
}
.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: "\e04f";
}
#page-container {
padding-top:0px !important;
margin-top:0px !important;
}
.dsm_flipbox_child_image {
margin-bottom: 15px !important;
}
#ssb-container {
top: calc(50% - 70px) !important;
}
#ssb-container.ssb-btns-left ul li a {
font-size: 16px;
}
.et_pb_scroll_top {
border-radius: 100% !important;
right: 20px !important;
}
.et_pb_scroll_top::before {
content: "6";
}
.scroll-downs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width :24px;
height: 35px;
}
.mousey {
width: 3px;
padding: 8px 10px;
height: 23px;
border: 1.4px solid #fff;
border-radius: 25px;
opacity: 0.75;
box-sizing: content-box;
}
.scroller {
width: 2px;
height: 6px;
border-radius: 25%;
background-color: #fff;
animation-name: scroll;
animation-duration: 1.6s;
animation-timing-function: cubic-bezier(.15,.41,.69,.94);
animation-iteration-count: infinite;
}
@keyframes scroll {
0% { opacity: 0; }
10% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(8px); opacity: 0;}
}
.bg-pattern.parallax {
background-position: 50% 21px !important;
}
.button-inline  {
text-align: center;
}
.button-inline .et_pb_button_module_wrapper {
display:inline-block;
margin:0 10px;
}
.kontakt-icon .et-pb-icon {
border: 1px solid;
padding: 15px;
}
.kontakt-icon .et_pb_blurb_container {
padding-top: 10px;
}
.kontakt-icon h4 {
padding-bottom: 3px;
}
.referenzen-anzeigen {
display:none;
}
.referenzen-anzeigen-show {
display:block;
}
.referenzen-button-hide {
display:none !important;
}
.readmore-wrapper .et_pb_toggle_title {
width: 160px;
border: 2px solid #333;
border-radius: 50px;
padding: 2px 20px !important;
text-align: center;
}
.readmore-wrapper .et_pb_toggle_title:before {
display:none !important;
}
.readmore-button-hide {
display:none !important;
}
.et_pb_toggle_content {
padding-top: 0px !important;
}
.footer-icon a{
font-size: 18px;
border: 1px solid #4d4d4d;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
margin: -15px 6px;
cursor:pointer;
color:#fff;
}
.footer-link {
line-height: 30px;
vertical-align: top;
}
.footer-trenner {
display: inline-block;
height: 30px;
width: 1px;
background: #424242;
margin: 0 10px;
line-height: 30px;
}
.footer-logo {
max-width:320px;
margin:auto;
}
.widget_text {
width: 100%;
text-align: center;
}
#footer-bottom {
display:none;
}
.kontakt .et_pb_contact_form p:last-of-type {
margin: -10px 0 20px;
}
.kontakt .et_pb_contact_form p:last-of-type .et_pb_contact_field_options_title{
display:none;
}
.animation-headline {
display: block;
width: 0;
background: #74191a;
height: 3px;
-webkit-transition: .5s cubic-bezier(.175,.885,.32,1.275).9s;
transition: .5s cubic-bezier(.175,.885,.32,1.275).9s;
margin: 10px auto;
}
.headline-animated {
width: 100px;
}
@keyframes play90 {
0% {
background-position: 0px 0px;
}
100% {
background-position: -14400px 0px;
}
}
.c-logo {
animation-duration: 1600ms;
animation-timing-function: steps(96);
animation-fill-mode: forwards;
width: 150px;
height: 150px;
background-repeat: no-repeat;
transform: scale(0.5) !important;
background-image: url(//hamburgeranwaelte.de/wp-content/themes/Divi-child/svg/c-logo.svg);
margin: auto;
transform-origin: top;
}
.c-logo.play {
animation-name: play90;
}
.scroll-horizontal .et-pb-icon{
position: relative;
animation: horizontal 3s infinite;
}
@keyframes horizontal {
0%,100%,90%{
left: -12px;
}
40%,50%{
left: 12px;
}
}
.circle-referenzen {
padding-top: 60px;
padding-right: 20px;
padding-bottom: 60px;
padding-left: 20px;
width: 23.7vw !important;
height: 23.7vw;
max-width: 350px !important;
max-height: 350px;
}
.circle-referenzen-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 0px;
}
.circle-referenzen:hover .et_pb_text_inner {
color:#fff !important;
}
.circle-referenzen:hover h2 {
color:#fff !important;
}
@media only screen and (min-width: 1980px) {
.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
max-width: 1580px !important;
}
}
@media only screen and (max-width: 1120px) and (min-width: 981px)  {
.et_header_style_centered #top-menu > li > a {
font-size: 14.5px !important;
}
#top-menu li {
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1250px) {
.circle-referenzen {
padding-top: 30px;
}
}
@media only screen and (max-width: 1050px) {
.circle-referenzen {
padding-top: 10px;
}
}
@media only screen and (max-width: 980px) {
.circle-referenzen {
padding-top: 40px;
padding-right: 20px;
padding-bottom: 60px;
padding-left: 20px;
width: 280px !important;
height: 280px !important;
max-width: 350px !important;
max-height: 350px;
display: inline-block !important;
float: none !important;
margin: 8px 10px !important;
}
.logo_container a {
background:url(//hamburgeranwaelte.de/wp-content/uploads/2020/04/kenkel_logo.png);
display: block;
height: 80px;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
}
#logo, .logo_helper{
display:none !important;
}	
.et_header_style_centered #logo {
max-height: 80px;
}
#page-container .et-fixed-header#main-header {
box-shadow: unset !important;
-moz-box-shadow: unset !important;
-webkit-box-shadow: unset !important;
}
.mobile_nav .select_page {
display: block !important;
position: absolute;
right: 0;
top: -10px;
font-size: 8px !important;
padding: 40px 28px 10px 28px;
}
#et_mobile_nav_menu {
margin-top: 32px !important;
}
#et-top-navigation {
top: -4px !important;
bottom:unset !important;
position: absolute !important;
}
.container { 
width: 100% !important;
}
.et_header_style_left .logo_container{
padding-left: 25px;
}
.et_header_style_centered #main-header .mobile_nav {
background-color: transparent;
}
.et-fixed-header#main-header {
background-color: transparent !important;
}
.et_mobile_menu {
top: 65px !important;
border-top: 0px !important;
background-color: #fff !important;
padding: 30px 0;
}
.mobile_menu_bar {
padding-bottom: 24px !important;
width: 30px;
right: 25px !important;
border-bottom: 2.5px solid #fff;
cursor: pointer;
transition: all 0.1s ease;
}
.mobile_menu_bar::before {
content: "";
position: absolute;
right: 0;
top: 10px;
cursor: pointer;
height: 2.5px;
width: 30px;
background: #fff;
display: block;
transition: all 0.3s ease;
}
.mobile_menu_bar::after {
content: "";
position: absolute;
right: 0;
top: 17px;
cursor: pointer;
height: 2.5px;
width: 30px;
background: #fff;
display: block;
transition: all 0.3s ease;
}
.opened .mobile_menu_bar::before {
top: 15px;
transform: rotate(45deg);
}
.opened .mobile_menu_bar::after {
top: 15px;
transform: rotate(-45deg);
}
.opened .mobile_menu_bar {
border-bottom: 2px solid #fff0;
}
.et_mobile_menu li a {
text-align: center;
font-size: .8em;
border: 0;
padding: 15px 0;
letter-spacing: 1px;
color:#000 !important;
font-weight: 350 !important;
text-transform: uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
color: #000;
font-weight: 600 !important;
}
.mobile_nav ul#mobile_menu li ul li a {
font-size: .8em !important;
margin: auto;
padding-top: 0.2em;
}
.mobile_nav.opened .mobile_menu_bar:before {
z-index: 99999;
}
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
content: '5'; 
}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
position: relative; 
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
position: absolute;
background-color: unset;
z-index: 1;
width: 100%;
height: 53px;
line-height: 53px;
top: 0px;
right: 0px !important;
cursor: pointer;
text-align: center;
}
.sub-menu-toggle:hover + a {
background-color: #e5e5e5 !important;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
font-family: "ETmodules" !important;
font-weight: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 36px;
text-transform: none;
speak: none;
content: '\33';
width: 36px;
height: 36px;
border-radius:100%;
background-color: rgba(0,0,0,0.1);
right: 15px;
top:8px;
position: absolute;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
content: '\32';
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
display: none !important;
padding-left: 0;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
display: block !important;
background-color: rgba(0,0,0,0.03);
}
#main-header #mobile_menu.et_mobile_menu li li {
padding-left: 0;
}
#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
padding-left: 20px;
padding-right: 20px;
}
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
padding: 10px 20px;
}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
padding-right: 20px;
}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
font-weight: inherit;
}
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
font-weight: bolder;
}
.mobile_nav .sub-menu {
left: unset !important;
width: 100% !important;
border: 0px !important;
padding: 15px 0;
}
.mobile_nav .sub-menu:before {
display:none !important;
}
.scrolling-wrapper-flexbox {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
width: 100% !important;
}
.scrolling-wrapper-flexbox .et_pb_column_1_3 {
flex: 0 0 auto;
width: 80% !important;
}
.scrolling-wrapper-flexbox .et_pb_column_1_3:first-child {
margin-left: 10vw !important;
}
.scrolling-wrapper-flexbox .et_pb_column_1_3:last-child {
margin-right: 10vw !important;
}
.scrolling-wrapper-flexbox .et_pb_column_1_3 .et_pb_blurb {
height: 100%;
}
.kontakt-aufnehmen {
margin-top: 0px !important;
}
.trenn-middle {
margin-left:auto !important;
}
}
@media only screen and (max-width: 767px) {
#et-top-navigation {
height:0px;	
}
.kontakt-icon .et_pb_blurb_container{
display:block !important;
}	
#terminbuchung-iframe {
height:2250px !important;
}
}
@media only screen and (max-width: 580px) {
body {
font-size:16px !important;
}
#ssb-container.ssb-btns-left ul li a {
font-size: 14px;
line-height: 35px;
}	
#ssb-container ul li span {
line-height: 35px;
width: 30px;
}	
.et_mobile_menu {
top: 60px !important;
}	
.mobile_menu_bar {
right: 20px !important;
}
.mobile_nav:after {
right:20px;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
right: 15px;
}
.background-mobile {
background-position-x: 65%;
}
.sticky-kontakt-wrapper {
left: -320px;
width: 320px;
}
.sticky-kontakt-wrapper-show {
left:-290px;
}
.mobile_nav .select_page {
padding: 40px 24px 10px 28px;
}
}
@media only screen and (max-width: 480px) {
.usp-mobil-erbrecht-width {
width:100% !important;
max-width:100% !important;
}
.usp-mobil-width .et_pb_column_1_3{
width:100% !important;
margin-right:0 !important;
left:0 !important;
}
}	
.scrolling-wrapper {
scrollbar-width: none !important;
-ms-overflow-style: none;
}
.scrolling-wrapper::-webkit-scrollbar {
width: 0px !important;
display: none !important;
}