@media screen and (max-width: 767px) { 
    /* General CSS */
    body {
        font-size: 20px;
    }
    
    .content-wrapper {
        padding: 20px 15px;
    }
    
    .copyright-wrapper {
        padding: 20px 15px;
        font-size: 15px;
    }
    
    .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    } 
    
    .section-title,
    .error-section .section-content,
    .impressum h1 {
        font-size: 30px;
    }

    .mobile-header {
        display: block;
    }

    .desktop-display-only {
        display: none;
    }

    .main-navigation {
        display: block;
    }

    .nav-link {
        padding: 0px;
    }

    .toggle-button-image {
        margin-right: 8px;
    }
	
	.services.toggle-button {
		margin-bottom: 25px;
	}
    /* End General CSS */
    
    /* Language switcher */
    #language-switcher {
        font-size: 16px;
    }
      
      
    /* END of Language switcher */

    /* Header section */     
    #site-navigation ul li a span:after {
        border-bottom-width: 2px;
        bottom: -2.5px;
    }
    
    .header-wrapper {
        display: flex;
        justify-content: flex-start;
    }
    .header-wrapper.end {
        display: flex;
        justify-content: flex-end;
    }
    
    .contact-list {
        display: flex;
        justify-content: flex-start;
    }
    
    #site-navigation ul li a {
        font-size: 13px;
        line-height: 2;
    }

    .contact-list li a,
    .contact-list li a:visited,
    .contact-list li a:hover {
        font-size: 22px;
    }
    
    .contact-list li.location {
        padding-left: 10px;
    }
    
    .contact-list li .phone-number {
        margin: 0 auto;
        font-size: 22px;
        padding-left: 0px;
        font-family: 'Isidora-Medium', sans-serif;
    }
    .phone-number.purple-text{
        font-size: 30px !important;
    }
    
    .main-navigation ul {
        display: flex;
        justify-content: space-between;
    }

    .location img {
        width: 22px;
    } 

    .purple-text{
        color: #927CBC;
    }

    #menu-item-370{
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .contact-list li{
        padding-left: 0px;
    }
    .oncall-menu-wrapper{
        margin-right: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .phone-menu .header-wrapper{
        padding-right: 0;
    }
    /* End Header section */
    
  
    /* Home page  */   
    .slider-arrow {
        top: calc(50% - 15px);
        width: 30px;
        height: 30px;
        background-size: 30px 30px !important;
    }
    
    .btn-right {
        right: 50px;
    }
    
    .btn-left {
        left: 30px;
    }
    
    .home-slider,
    .section-slider {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .slider.section-content {
        padding: 20px 15px 0px 15px;
    }
    
    .slider-item {
        margin-bottom: 20px;
        text-align: center;
    }
    
    .home-slider.slick-dotted.slick-slider {
        margin: 0px;
    }
    
    .section-slider .slick-dots {
        bottom: -20px;
    }
    
    .section-content {
        padding-top: 20px;
    }
    
    .section-slider-container {
        padding-bottom: 0px;
        margin-top: 0px;
    }
    
    .section-row {
        padding-top: 0px;
    }
    
    .section-slider .slick-list {
        margin-top: 0px;
    }

    .quote h3 {
        font-size: 40px;
        font-weight: 300;
    }

    .section-services-content {
        border-bottom: 10px solid white;
    }

    .section-vita-content {
        padding: 15px;
    }
	
    .section-vita-maximize-img{
        padding-left: 0px;
        padding-right: 0px;
    }
	
	.services .stroke-wrapper {
		padding-right: 15px;
	}

    /* End Home page */
    
    /* Impressum */
    .privacy .column-text,
    .privacy .column-blue {
        padding-right: 15px;
        padding-bottom: 15px;
        font-size: 22px;
    }
    /* End Impressum */

    /* Bereitschaftsdienst page */
    #oncall-page{
        margin-top: 45px;
    }
    .home-visit-title{
        font-size: 22px;
    }
    .home-visit-subtitle{
        padding-bottom: 20px;
        line-height: 30px;
    }
    .services{
        margin-top: 0px;
    }
    .services-title{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .assurances-title{
        font-size: 30px;
        padding-left: 15px;
        margin-top: 15px;
    }
    #oncall-page .service-repeater-number{
        font-size: 60px;
    }
    #oncall-page .section-services-content{
        padding-left: 45px;
        padding-bottom: 15px;
        padding-top: 0;
    }
    #services-accordion{
        padding: 15px;
    }
    #services-accordion .accordion-title{
        font-size: 30px;
    }
    #services-accordion .accordion-description{
        font-size: inherit;
    }
    #services-accordion .ui-icon, .ui-widget-content .ui-icon {
        width: 3vw !important;
        height: 3vw !important;
    }
    #services-accordion .ui-state-active .ui-icon, .ui-button:active .ui-icon{
        background-size: 4.5vw 4.5vw;
    }
    .oncall-arrow{
        width: 88px;
    }
    .emergency-section{
        padding-top: 0;
    }
    .emergency-section .services{
        margin-top: 22px;
    }
    #oncall-page .section-title.black{
        line-height: 30px;
    }
    #oncall-page .service-link{
        padding-top: 20px;
    }
    /* End Bereitschaftsdienst page */

    /* Popup section */
    .popup-logo{
        margin-top: 0px;
        /* width: 260px; */
        width: 59.7vw;
    }
    .popup-content{
        padding: 25px;
        width: 100%;
        height: 85%;
        padding-top: 0;
        padding-left: 30px;
    }
    .popup-content span{
        font-size: 30px;
    }
    .cf-group{
        width: 100%;
        margin-top: 20px;
    }
    .cf-group-short {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    .cf-text, .cf-text:focus, .cf-text-label, .cf-agree-label{
        font-size: 20px !important;
    }
    .cf-text-label{
        height: 0;
    }
    .cf-group-short span, .cf-group span{
        font-size: 0;
    }

    /* End Popup section */
    
    /* Footer section */   
    .footer-section .section-content.title {
        margin-top: 40px;
        font-size: 20px;
    }
    
    /* .copyright-wrapper p:first-child {
        display: block;
    }
    
    .copyright-wrapper p {
        margin-bottom: 0.5rem;
    } */
    
    .footer-contact-list .contact-list {
        margin-top: 20px;
        position: static;
        right: 0;
    }
    
    .section-links {
        margin-bottom: 0px;
    } 
    
     #map {
        display: block;
        padding-bottom: 100%;
        max-width: none;
    }
    
    #kontakt .section-title {
        margin-bottom: 20px;
    }

    #kontakt img {
        width: 65%;
    }

    #kontakt h2 {
        font-size: 25px;
    }

    .map-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
        
    .section-title-footer{
        font-size: 30px;
        line-height: 38px;
    }
    #bereitschaftsdienst-kontact h2{
        font-size: 30px;
    }
    #bereitschaftsdienst-kontact img{
        width: 66%;
    }
    /* End Footer section */ 

    /* Error page */
    .error-section {
        padding: 50px 20px 20px 15px;
        font-size: 16px;
    }

    .error-text {
        font-size: 22px;
        color: #BCB613;
    }
    
    .error-section a {
        font-size: 16px;
    }
    
    .error-section h1 {
        font-size: 22px;
    }
    
    .error-section .highlighted-background br {
        display: none;
    }

    .error-navigation .toggle-button-image {
        background-size: 50px 25px;
        width: 80px;
        margin-top: 12px;
        padding-right: 0px;
    }
    
    .menu-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        padding-left: 0;
    }
    
    .menu-items {
        flex: 1;
        text-align: center;
        display: contents;
    }
    
    .menu-items a {
        padding: 7px;
    }
    /* End Error page */
}

/*iPhone 5 */
@media (device-height : 568px) 
   and (device-width : 320px) 
   and (-webkit-min-device-pixel-ratio: 2) {
    
    #site-navigation ul li a,
    .contact-list li {
        font-size: 11px;
    }
    
    #site-navigation ul li a span:after {
        bottom: -1.5px;
    }
}

/*iPhone 6, 7, & 8 in landscape*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 667px) 
    and (orientation : landscape) {
        
    }


/*iPhone 6, 7, & 8 Plus in landscape*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) { 
		#appointment{
			top: calc(100vh / 2 - 60px);
		}
		
		.appointment-img {
			width: 20px;
		}
       
    }
    
    /*iPhone 6, 7, & 8 Plus*/
@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px)  { 
       #appointment{
			top: calc(100vh / 2 - 60px);
		}
		
		.appointment-img {
			width: 20px;
		}
    }

/*iPhone X in landscape*/
@media only screen 
    and (min-device-width : 375px) 
    and (max-device-width : 812px) 
    and (-webkit-device-pixel-ratio : 3)
    and (orientation : landscape) { 
		#appointment{
			top: calc(100vh / 2 - 60px);
		}
		
		.appointment-img {
			width: 20px;
		}
    }
	
@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 370px) {
		#appointment{
			top: calc(100vh / 2 - 60px);
		}
		
		.appointment-img {
			width: 20px;
		}
	
	}