
@media only screen and (max-width: 990px) {
	
}
 @media (max-width: 850px) {
            .hide-for-medium { display: none !important; }
            .show-for-medium { display: flex !important; }
            .header-inner { justify-content: space-between; }
            
            #logo {
                padding-right: 0;
                text-align: center;
                flex-grow: 1;
            }
            #logo img { max-height: 45px; }

            .mobile-menu {
                display: block;
                padding: 5px 10px; 
            }
        }
@media only screen and (max-width: 768px) {
.th, td {
padding: 0;
font-size:12px;
}
.contact-button {
    right: 18px;
}
.phonering-alo-phone .number::after{
    right: 124px;
}
    .hotline {
        bottom: 20px;
        left: 0;
    }
}


@media only screen and (max-width: 540px) {
	
}
@media only screen and (max-width: 400px) {
    .hotline {
        bottom: 77px;
    }
    .box-list-view .box .box-text, .box-vertical .box-text {
    	padding-left: 10px;
    	padding-right: 10px;
    }
    .box-image {
    	width: 40%;
    }
    #content {
        flex: 2;
        padding: 5px;
    }
    .timeline .badge-inner {
    	transform: translateY(-168px);
    	left: 6px;
    	width: 35px;
    	height: 35px;
    }
   .is-xsmall {
    	font-size: 8px;
    }
    .post-date-day {
    	font-size: 12px;
     }
}
