@media screen and (max-width: 767px) {
    /* HEADER*/
    body {
		min-width: 500px;
         -webkit-overflow-scrolling: touch;
	}
	.navbar-light .navbar-toggler:focus {
		outline: none;
	}
	html #wpadminbar {
		min-width: 500px;
	}
    .navbar-expand-md .navbar-nav .nav-item {
        margin: 0px auto;
    }
    #mobile_menu > li {
        margin-bottom: 15px;
        display: list-item;
    }
    .contact_list li {
        display: inline-block !important;
        padding: 0px 10px;
    }
    #search_menu, #search_form_menu {
        display: none !important;
    }
    .mobile-menu{
        display: block;
    }  
    .header_logo {
        margin: auto;
        position: absolute;
        top: 108px;
        left: 15px;
        padding: 0px;
        max-width: 280px;
        z-index: 10;
    }
    .header_logo img {
        width: 100%;
    }
    .desktop-header-container{
        display: none;
    }
    .mobile-header-container{
        display: contents;
    }
    .right-logo{
        right: 0px;
        top: 0px;
        width: 50%;
        position: absolute;
    }
    .contact_list {
        font-size: 14px;
        padding: 10px 0px;
        margin-bottom: 0px;     
    }
    .contact_list #phone.hover .city {
        top: 10px;
		font-size: 12px;
    }
	
	.contact_list #phone.hover span,
	.contact_list #phone.hover a,
	.contact_list #email.hover a {
		padding-left: 10px;
	}
	
    .contact_list.search {
        border-bottom: none;
    }
    #phone img, #email img {
        width: 18px;
        margin-bottom: 4px;
    }
    .contact_list li span {
        margin-left: 2px;
    }
    .navbar-light .navbar-toggler {
        margin-top: 25px;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
    }
    .navbar-toggler-icon {
        width: 30px;
        height: 30px;
    }
    .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url(../img/Loh_Icon_Navi_BurgerMenu_close_red.svg);   
    }
    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url(../img/Loh_Icon_Navi_BurgerMenu_red.svg);
    }
    #masthead {
        height: var(--header-height);
    }
    #content {
        padding-top: calc(var(--header-height) - 1px);
    }
    .header_menu  {
        margin-top: 0px;
    }
    #masthead {
		min-width: 500px;
	}
    #site-navigation {
        padding: 0px;
    }
    .header_right_div {
        background-color: #F0F0EB;
        padding: 15px;
        margin-bottom: 0px;
    }
    .menu_right_div {
        padding: 0px;
    }
    #masthead #navbarCollapse {
        background-color: #1D303E;
        margin-top: 63px;
    }
    #masthead #navbarCollapse .navbar-nav {
		margin-left: 100px;
        height: 100vh;
	}
    .navbar-light .navbar-nav .nav-link {
        font-size: 26px;
        font-weight: 700;
        color: #fff;
        line-height: 2;
	}
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, #mobile_menu .current-menu-item a {
        color: var(--bright-red);
    }
    #search_bar {
        width: 80vw;
    }
    /* SEARCH TEMPLATE ERROR PAGE*/
    .menu_search_icon_mobile {
        margin-top: 30px;
        width: 30px;
        position: absolute;
        right: 60px;
        top: 0;
        display: block;
    }
    #mobile_search {
        display: block;
        padding: 40px 30px 40px 0px;
        margin-left: 100px;
    }
    #mobile_search .mobile_search_form .submit_button {
        background-image: url(../img/Loh_Icon_Kontakt_Search_white.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 26px;
        border: none;
        width: 35px;
        height: 35px;
        background-color: transparent;
        cursor: pointer;
        padding: 0px;
    }
    #mobile_search #mobile_search-input {
        color: #fff;
        font-size: 26px;
        font-family: 'PT Serif', serif;
        line-height: 2;
        font-style: italic;
        font-weight: 400;
        opacity: 1;
        border: none;
        padding: 2px 0px;
        border-radius: 0px;
        background-color: transparent;
        width: 100%;
    }
    #mobile_search input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
        color: #fff !important;
        font-size: 26px;
        font-family: 'PT Serif', serif;
        line-height: 2;
        font-style: italic;
        font-weight: 400;
        opacity: 1;
    }
    #mobile_search input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #fff !important;
        font-size: 26px;
        font-family: 'PT Serif', serif;
        line-height: 2;
        font-style: italic;
        font-weight: 400;
        opacity: 1;
    }
    #mobile_search input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #fff !important;
        font-size: 26px;
        font-family: 'PT Serif', serif;
        line-height: 2;
        font-style: italic;
        font-weight: 400;
        opacity: 1;
    }
    #mobile_search input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #fff !important;
        font-size: 26px;
        font-family: 'PT Serif', serif;
        line-height: 2;
        font-style: italic;
        font-weight: 400;
        opacity: 1;
    }
    #mobile_search .search-wrap {
        display: flex;
        align-items: center;
        border-bottom: 2px solid #fff;
    }
    #mobile_search-form input:focus{
        outline: none;
    }  
    /* END SEARCH TEMPLATE ERROR PAGE*/ 

    .menu_container{
        width: 50%;
    }
    
    /* END HEADER*/

    /* NEW HEADER */
#masthead .container-fluid{
    height: inherit;
}
.logo_container{
    width: 80%;
}
.offset_logo_container{
    margin-right: 20vw;
}
.header-logo-container{
    right: 0px;
    width: 50%;
    height: var(--header-height);
    position: absolute;
}
.burger_button {
    width: 35px;
    right: 20px;
    top: 0px
}
.header_animation {
    background-color: transparent;
    height: var(--header-height);
    width: 50%;
    left: 0px;
    position: absolute;
}
/* END NEW HEADER */
  
    /* GENERAL CSS */
    #tobottom {
        display: none;
    }
    .image_content {
        margin-left: 0px;
    }
    .single_expertise .image_content {
        margin-left: calc(16.66%);
    }
    .header_image_container .motto {
        font-size: 32px;
    }
    .header_image.desktop {
        display: none;
    }
    .header_image.mobile {
        display: block;
    }
    .slider_text .slider_bottom_text, .section_title, #footer ul, #expertise ul li a, #karriere .subcategory,
    #kontakt, #single_lawyer .right_content, #search_results {
        font-size: 20px; 
    }
    #impressum{
        font-size: var(--copytext-size-mobile);
    }
    #karriere_accordion .job_content{
        font-size: var(--copytext-size-mobile);
    }
    .news_post_links{
        font-size: var(--copytext-size-mobile);
    }
    #karriere .subcategory{
        font-size: 3vw;
        font-weight: 400;
    }
    #footer .copyright {
        font-size: 2.9vw;
    }
    .desktop-menu li a {
        font-size: 20px;
    }
    
    #footer .left_content {
        font-size: var(--copytext-size-mobile);
    }
    .excerpt, #anwalte .lawyer_description, 
    #anwalte .lawyer_sekretariat, #anwalte .lawyer_contact, .subcategory_list ul li a,
    #single_expertise_subcategory .right_content .expertise_lawyers ul li a, #single_news .news_content {
        font-size: var(--copytext-size-mobile);
    }
    #single_news .right_content {
        font-weight: 400;
        font-size: var(--copytext-size-mobile);
    }
    #single_news .right_content .lawyer_phone{
        margin-bottom: -10px;
    }
    #overview .lawyer_list{
        font-size: 20px;
    }
    #anwalte .lawyer_contact img, #karriere .lawyer_contact img, #karriere .lawyer_phone img {
        width: 20px;
    }
    #anwalte .lawyer_contact .phone, #anwalte .lawyer_contact .phone a, #anwalte .lawyer_contact .phone a:hover,
    .lawyer_phone span, .lawyer_phone span a, .lawyer_phone span a:hover {
        color: #000000;
		font-weight: 700;
    }
    #single_lawyer .lawyer_contact .phone a, #single_lawyer .lawyer_contact .phone a:hover {
        color: #fff;
		font-weight: 700;
    }
    .anchor_link {
        font-size: var(--button-font-size-mobile);
        padding: 0.5em 0.5em;
    }
    .single_news_link {
        width: 40px;
        height: 40px;
        background-size: 40px;
    }
    .content, #error .content {
        font-size: 22px;
    }
    #single_lawyer .lawyer_content{
        font-size: var(--copytext-size-mobile);
    }
    #single_expertise_subcategory .left_content .section_title, #single_news .article_title a, #single_news .post_date,
    #kontakt .contact_title, #anwalte .lawyer_name a, .article_title a, .post_date {
        font-size: 26px;
    }
    #karriere_accordion .job_title{
        padding-top: 7%;
        font-size: var(--copytext-size-mobile);
        border-top: 1px solid var(--bright-red);
        border-bottom: 0px;
        padding-bottom: 30px;
        margin: 0px;
    }
    #karriere_accordion .job_title_description{
        font-size: var(--copytext-size-mobile);
    }
    #expertise .parent_expertise .expertise_title, #kontakt .intro_text, #single_lawyer .lawyer_description, #single_expertise_content .intro_text,
    #impressum .intro_text, #karriere .intro_text,  .single_lawyer .header_text {
        font-size: 18px;
    }
    #single_expertise_subcategory .subcategory_content {
        font-size: var(--copytext-size-mobile);
    }
    #single_news .lawyer_name{
        font-size: 22px;
    }
    .parent_expertise .toggle_expertise {
        width: 24px;
    }
    .parent_expertise .expertise_title {
        width: 80%;
        padding-top: 7%
    }
    .accordion_content, .accordion_content.vita {
        font-size: 20px !important;
    }
    .accordion_content.vita .vita_footnote {
        font-size: 16px !important;
    }
    .section_headline, #error .section_headline {
        font-size: 30px;
        margin-right: 40px;
    }   
    /* END GENERAL CSS */

    /* HOME PAGE */
    .slickSlider .slide.desktop {
        display: none;
    }
    .slickSlider .slide.mobile {
        display: block;
    }
    .article_row.desktop {
        display: none;
    }
    .news_article_row.mobile {
        display: block;
    }
    .slider_text .slider_description {
        font-size: 18px;
        margin-top: 20px;
    }
    .slider_text .motto {
        font-size: 30px;
        margin-top: 10px;
    }
    .slider_text {
        margin-top: 25vh;
    }
    #main .slider_text {
        margin-top: 5vh;
    }
    .slider_buttons .anchor_link {
        padding: 0.3em 0.3em;
    }
    .slick-current .slider_content, .slick-clone-current .slider_content {
        margin-left: 0px;
    }
    .slickSlider .anchor_link:first-child {
        margin-right: 5px;
    }
    .slider_text .slider_bottom_text {
        line-height: normal;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .news_button {
        margin-top: 50px;
    }
    #search .search_form .submit_button {
        background-size: 50px;
        width: 35px;
        height: 35px;
    }
    #search #search-input {
        font-size: var(--copytext-size-mobile);
    }
    #search #search-input::placeholder {
        font-size: var(--copytext-size-mobile) !important;
    }
    #search input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
        font-size: 22px;
    }
    #search input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 22px;
    }
    #search input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 22px;
    }
    #search input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 22px;
    }
    /* END HOME PAGE */
    
    /* ANWALTE PAGE  */
    #anwalte {
        padding-top: 20px;
    }
    .row_wrapper.desktop {
        display: none;
    }
    .row_wrapper.mobile {
        display: block;
    }  
    #anwalte .row_wrapper.desktop {
        display: none;
    }
    #anwalte .row_wrapper.mobile {
        display: block;
    }
    #career_expertise {
        background: none;
        padding: 0px;
    }
    .career_expertise_red {
        background-color: #FB0000;
    }
    .career_expertise_blue {
        background-color: #FB0000;
    }
    #career_expertise .section_content {
        padding-bottom: 50px;
        padding-top: 20px;
        margin-bottom: 2px;
    }
    /* END ANWALTE PAGE  */
    
    /* SINGLE ANWALTE PAGE  */
    .lawyer_news_article_row.mobile {
        display: flex;
    }
    .lawyer_news_article_row.desktop {
        display: none;
    }
    .accordion_header {
        font-size: 24px !important;
    }
    .ui-icon, .ui-widget-content .ui-icon {
        background-size: 24px 24px !important;
        width: 24px !important;
        height: 24px !important;
    }
    .lawyer_expertise_link {
        width: 24px;
    }
    #single_lawyer .lawyer_content {
        margin-bottom: 30px;
    }
    #single_lawyer .lawyer_contact{
        flex-direction: column;
    }
    #single_lawyer .phone{
        margin-bottom: 5px;
    }
    .lecture_list {
        font-size: 20px;
    }
    .section_title.single_lawyer_category {
        font-size: 24px;
    }
    .publications_button {
        font-size: 16px;
    }
    .publications_button img {
        width: 16px;
    }
    .lawyer_news_article_row.mobile {
        display: flex;
    }
    .lawyer_news_article_row.desktop {
        display: none;
    }
    #single_lawyer .lawyer_contact img {
        width: 18px;
    }
    .single_lawyer .image_content {
        width: 100%;
        margin-left: 0px;
    }
    #single_lawyer .lawyer_title {
        font-size: 35px;
    }
    .single_lawyer .header_text {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .single_lawyer .header_text_container {
        width: 100%;
        height: 50%;
    }
    /* END SINGLE ANWALTE PAGE  */
    
    /* EXPERTISE PAGE  */
    #expertise {
        padding-top: 20px;
    }
    #expertise ul {
        border-spacing: 0px 5px;
    }
    .row_wrapper {
        margin-bottom: 20px;
    }
    .header_image_container.single_expertise .section_title {
        margin-top: 5px;
    }
    .single_expertise .header_text {
        line-height: 1.25;
    }
    .row_wrapper.expertise.desktop {
        display: none;
    }
    .row_wrapper.expertise.mobile {
        display: block;
    }
    #expertise .children_expertise ul li::before {
        background-size: 8px 15px;
        background-position: 0px 10px;
    }
    #expertise .mobile_article_item{
        margin-bottom: 65px;
        border-top: 1px solid var(--bright-red);
    }
    #expertise .section_title{
        font-size: var(--subtitle-size-mobile);
    }
    #expertise .expertise_lawyers ul li a{
        line-height: 1.6;
    }
    .back_expertise .anchor_link {
        font-weight: 400;
    }
    /* END EXPERTISE PAGE  */
    
    /* SINGLE EXPERTISE PAGE  */
    #single_expertise_subcategory .subcategory_list ul li a {
        font-size: var(--copytext-size-mobile);
    }
    #single_expertise_subcategory{
        padding: 0px;
    }
    #single_expertise_subcategory .right_content .section_title{
        margin-bottom: 0px;
    }
    .single_expertise .header_text {
        font-size: 30px;
    }
    .mobile.back_expertise {
        display: flex;
    }
    .content_links.desktop.back_expertise {
        display: none;
    }
    .expertise_lawyers .section_title {
        color: var(--bright-red);
        letter-spacing: 0.35px;
        margin-bottom: 1em;
        font-weight: 400;
    }
    #single_expertise_subcategory .right_content .expertise_lawyers ul li a {
        color: #000000;
        text-decoration: none;
        font-weight: 500;
        line-height: 1.95;
        border-bottom: 1px solid #000000;
    }
    .expertise_lawyers.mobile {
        display: block;
    }
    .expertise_lawyers.desktop {
        display: none;
    }
    .single_expertise .slider_text {
        margin-top: 0px !important;
    }
    #single_expertise_subcategory .left_content .section_title{
        font-size: var(--subtitle-size-mobile);
        font-weight: 500;
        margin-top: 40px;
    }
    #single_expertise_subcategory .right_content .section_title {
        font-size: var(--copytext-size-mobile);
    }
    #single_expertise_subcategory .right_content .experts .section_title {
        font-size: var(--subtitle-size-mobile);
        text-transform: uppercase;
        font-weight: 400;
        color: var(--bright-red);
    }
    .empty-space{
        height: 10px;
    }
    .single_expertise_back.desktop{
        display: none;
    }
    /* END SINGLE EXPERTISE PAGE  */

    /* SINGLE NEWS PAGE  */
    .latest_news {
        margin-bottom: 40px;
    }   
    /* END SINGLE NEWS PAGE  */
    
    /* KARRIERE PAGE  */
    #karriere {
        padding-top: 20px;
    }
    #karriere_accordion .job_content {
        width: 100%;
    }
    #karriere_accordion .lawyer_contact_details{
        padding-top: 0px;
    }
    
    #karriere_accordion .lawyer_contact_details .lawyer_name{
        padding-top: 20px;
    }
    #karriere_accordion .job_by_title {
        margin-bottom: 0px;
    }
    #karriere .subcategory_end{
        font-size: var(--copytext-size-mobile);
    }
    #karriere_accordion .lawyer_image {
        width: 50vw;
    }
    /* END KARRIERE PAGE */
    
    /* KONTAKT PAGE  */
    .contact_city_row {
        padding: 0px 15px;
        margin-top: 30px;
    }
    .contact_city a, .contact_city a:hover {
        color: #1D303E;
        font-weight: 700;
    }
    #kontakt .contact_city:first-child {
        margin-bottom: 40px;
    }
    .map.desktop {
        display: none;
    }
    .map.mobile {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }
    .map.mobile embed,iframe,object {
        width: 100%;
        }
    /* END KONTAKT PAGE  */
    
    /* NEWS PAGE */
    #news {
        padding-top: 20px;
    }
    #news .filter_row {
        margin-bottom: 0px;
    }
    #news_search {
        padding: 0px 15px;
    }
    #news_search .search-wrap {
        width: 100%;
        margin: 40px 0px;
    }
    .select2-results__option {
        font-size: 22px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
    }
    .expertise_filter_div, .lawyer_filter_div {
        padding-right: 15px;
        margin-bottom: 20px;
    }
	.page_navigation {
        margin-top: 40px;
    }
    #news_search #news_search-input {
        font-size: var(--copytext-size-mobile);
    }
    #news_search #news_search-input::placeholder {
        font-size: var(--copytext-size-mobile) !important;
    }
    /* END NEWS PAGE */
    
     /* OVERVIEW PAGE  */
    #overview .lawyer_button {
        margin-top: 50px;
    }
    .lawyer_list_content {
        margin-top: 30px;
    }
    /* END OVERVIEW PAGE  */ 
    
    /* IMPRESSUM/DATENSCHUTZ PAGE */
    .impressum .header_text {
        font-size: 36px;
        margin-top: 10px;
    }
    /* END IMPRESSUM/DATENSCHUTZ PAGE */
    
    /* FOOTER  */
    #footer ul {
        margin-bottom: 20px;
    }
    .right_content{
        padding-top: 0px;
    }
    /* END FOOTER  */
    
    /* COOKIE NOTICE */
    #cookie-notice {
        font-size: 20px;
    }
    .cookie-notice-container #cn-notice-text {
        width: auto;
        margin-bottom: 25px;
    }
    .cookie-notice-container {
        display: block;
        padding: 15px 10px 30px;
        text-align: center;
    }   
    #cookie-notice .cn-button {
        margin-left: 8.33%;
    }
    /* END COOKIE NOTICE */
    
    /*404 PAGE */
    #error .content_links {
        text-align: center;
    }
    #error .anchor_link {
        display: inline-block;
        width: 50%;
        margin: 10px 0px;
    }
    #error_search .error_search_form .submit_button {
        background-size: 22px;
        width: 25px;
        height: 25px;
    }
    #error_search #error_search-input {
        font-size: 22px;
    }
    #error_search input[type="search"]::-webkit-input-placeholder { /* WebKit browsers */
        font-size: 22px;
    }
    #error_search input[type="search"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-size: 22px;
    }
    #error_search input[type="search"]::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-size: 22px;
    }
    #error_search input[type="search"]:-ms-input-placeholder { /* Internet Explorer 10+ */
        font-size: 22px;
    }
    /* END 404 PAGE */ 
    
    /* SEARCH RESULTS PAGE */
    #search_results {
        padding-bottom: 130px;
    }
    /* END SEARCH RESULTS PAGE */
}
/*iPhone 6, 7, & 8 in landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
    #masthead #navbarCollapse .navbar-nav {
        padding: 16px 0px;
    }
    #mobile_menu > li {
        margin-bottom: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 3px 0px;
        line-height: 1.3;
    }
}
/*iPhone 6, 7, & 8 Plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
    #masthead #navbarCollapse .navbar-nav {
        padding: 16px 0px;
    }
    #mobile_menu > li {
        margin-bottom: 0px;
    }
    .navbar-light .navbar-nav .nav-link {
        padding: 3px 0px;
        line-height: 1.3;
    }
}

:root {
    --header-height: 70px; /* The new shade of red provided by Manuella */
    --copytext-size-mobile: 18px;
    --subtitle-size-mobile: 20px;
    --button-font-size-mobile: 18px
}