/* @media Responsive Startseite */

@media (max-width: 689px){
h2 {	    font-size: 22px;
    line-height: 1.5;
}
.av-py-default {
	padding: 15px 0;
	margin: 5px 0px;
}
.c3av-container, .c3av-container-fluid {
    padding: 0 10px;
}
.heading-default h3 {
	font-size: 22px;
	font-family: inherit;
	position: relative;
	max-width: max-content;
	padding: 0 5px;
}
	.service-item {
	padding: 10px 10px;
	min-height: 80px;
}
.service-item .service-icon {
	font-size: 25px;
}
.service-item h5 {
	font-size: 14px;
}
.features-icon {
    margin-right: 5px;
    
}
.features-item h6 {
	font-size: 14px;
}
.c3av-containerHeight {
    min-height: 420px;
}
.info-wrapper2 {
    margin-top: 10px;
}
.info-wrapper .widget, 
.info-wrapper2 .widget {
    padding: 21px 36px;
}
.info-wrapper .widget {
    
}
.info-wrapper .contact-icon, .info-wrapper2 .contact-icon {
    padding: 0px 10px;
}
}

@media (min-width: 690px) and (max-width: 871px) {
	
.av-py-default {
	padding: 15px 0;
	margin: 15px 0px;
}
.heading-default {
    margin: 0 auto 10px;
}
.heading-default h3 {
	font-size: 16px;
	font-family: inherit;
	position: relative;
	max-width: max-content;
	padding: 0 5px;
}
.service-item {
	padding: 10px 10px;
}
.service-item .service-icon {
	font-size: 25px;
}
.service-item h5 {
	font-size: 14px;
}
.features-icon {
    margin-right: 5px;
    
}
.features-item h6 {
	font-size: 14px;
}
.features-content {
	hyphens: auto;
}
.features-section.bg-primary .features-item {
    color: var(--sp-white);
    padding: 10px  0px;
}
.service-item {
	min-height: 120px;
}
.service-item p {
    font-size: 12px;
}
.c3av-container, .c3av-container-fluid {
	padding: 0 10px;
}
.features-section.bg-primary .features-icon {
    font-size: 25px;
}
.c3av-containerHeight {
    min-height: 500px;
}
.info-wrapper2 {
    margin-top: 10px;
}
.info-wrapper .widget, 
.info-wrapper2 .widget {
    padding: 10px 10px;
}
.cta-content h5 {
	font-size: 18px;
}
.c3cs-grid-row {
	display: grid;
    grid-template-columns: repeat( auto-fit, minmax(33.33%, 1fr) );
	grid-auto-flow: column;
	max-width: 1200px;	
	margin: auto;
}
}

@media (max-width: 870px) {

.breadcrumb-content2 {
    width: 0%;
    height: 0%;
    padding: 0px;
    min-height: 0px;
}

}
@media (min-width: 870px) and (max-width: 1200px) {
	
.heading-default h3 {
	font-size: 20px;
	font-family: inherit;
	position: relative;
	max-width: max-content;
	padding: 0 5px;
}
.service-content h5 {
	font-size: 18px;
}
.features-item h6 {
	font-size: 18px;
}	
.info-wrapper .widget, 
.info-wrapper2 .widget {
    padding: 10px 20px;
}
.mobile-logo,
.theme-mobile-menu {
    display: none;
}

}

@media (max-width: 870px) {
		
	.badge {
	    line-height: 1.2;
	    vertical-align: text-top;
	}
	.not-included {
		margin-top: -10px;
	}
	div.theme-mobile-nav {
	    display: block;
	}
	.hide-mobile-tablet.sticky-menu {
		position: relative;
	}
	.hide-mobile-tablet {
		display : none;
	}
    .mobile-menu .login-btn {
        display: none;
    }
    .header .widget_info li {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .header-widget .widget_social li a {
        margin-bottom: 4px;
    }
    
    .theme-content h1 {
	    font-size: 28px;
	}
	.theme-content h3 {
	    font-size: 22px;
	}
	.theme-content p {
	    font-size: 14px;
        margin-bottom: 10px;
	}
	.info-section {
    	margin-top: 40px;
    	margin-bottom: 40px;
    }
    .footer-info-wrapper li,
    .info-wrapper li {
	    flex: 1 1 100%;
	}
	.footer-info-wrapper li:not(:last-child),
    .info-wrapper li:not(:last-child) {
	    margin-bottom: 15px;
	}
	.footer-info-wrapper li:not(:last-child),
	.info-wrapper li:not(:last-child) {
	    margin-right: 0;
	}

	.widget-left .widget:nth-child(2n+3),
	.widget-left .widget:first-child,
	.widget-right .widget:nth-child(n+2),
	.widget-right .widget, .widget-left .widget {
    	padding: 0 10px;
    }
    .widget-left, .widget-right {
	    justify-content: center;
	}
	.av-text-404 h1, .av-text-404 img {
	    max-width: 670px;
	}
	.av-text-404 h1 {
	    font-size: 350px;
	}
	.av-text-404 h2 {
	    margin: 35px 0 22px;
	}
	
	.team-member:hover .team-footer {
		justify-content: center;
	}
}

@media (min-width: 480px) and (max-width: 768px) {
	.hide-tablet {
		display : ;
	}
	.hide-tablet.sticky-menu {
		position: relative;
	}
}

@media (max-width: 767px) {
	.av-container-fluid,
	.av-container {
		padding: 0 25px;
	}
	.hide-mobile-tablet.sticky-menu {
		position: relative;
	}
	.hide-mobile-tablet {
		display : none;
	}
	
	.breadcrumb-right .breadcrumb-content,
	.breadcrumb-content {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
	.breadcrumb-right h2 {
		text-align: center;
	}
	
	.breadcrumb-content .breadcrumb-heading,
	.breadcrumb-content .breadcrumb-list {
		max-width: 100%;
		text-align: center;
	}

    .header-widget .widget:nth-child(1n+2) {
        margin-left: 0;
    }
    .header-widget .widget_social li:first-child a {
        padding-left: 0;
    }
    .mobi-head-top {
    	width: 100%;
    }
	.mobile-logo {
	    text-align: center;
	}
	.site-description {
	    white-space: normal;
	}
	.site-title, .site-description {
	    text-align: left;
	}
	.footer-copyright .widget-left,
	.footer-copyright .widget-right {
	    justify-content: center;
	}
	.cta-wrapper {
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .cta-text-content .cta-wrapper {
	    padding: 25px;
	}
    .cta-img-icon {
	    width: auto;
	}
	.cta-content {
	    flex: auto;
	}
    .av-text-404 h1 {
	    font-size: 310px;
	}
	.av-text-404 img {
	    width: 230px;
	}
	.av-text-404 h2 {
	    margin: 25px 0 22px;
	}
	.heading-default h3:before {
	    left: -32px;
	    width: 40px;
	}
    
    .footer-main .widget {
	    margin-bottom: 1.2rem;
	}
    .footer .widget + .widget {
	    padding-top: 1.2rem;
	}
	.cta-content p {
	    margin-bottom: 10px;
	}
	.headtop-mobi {
    	width: 32px;
    }
    .headtop-mobi:after {
    	top: 25px;
    	border-width: 16px;
    }
    .theme-mobile-menu .header-wrap-right .av-button-area {
	    display: none;
	}
	.main-slider .owl-item .item {
	    padding: 14px 0;
	    min-height: 182px;
	}
}

@media (max-width: 699px) {
	.av-text-404 h1 {
	    font-size: 250px;
	}
	.av-text-404 img {
	    width: 180px;
	}
	.av-text-404 h2 {
	    margin: 18px 0 22px;
	}
	.team-member:hover .team-footer {
	    justify-content: center;
	}

}

@media (max-width: 436px) {
	.heading-default h3:before {
	    left: 0;
	    width: 40px;
	}
	.calendar_wrap table th,
	.calendar_wrap table td {
    	line-height: 43px;
    }

    .comments-area .comment-meta .comment-author img {
	    position: unset;
	    width: 100px;
		margin-bottom: 15px;
	}
	.comments-area .comment-body {
	    padding: 25px 25px 25px 25px;
	}
}

@media (max-width: 540px) {
	.comment-list .children {
	    margin-left: 1rem;
	}
    .widget_media_gallery .gallery-item {
        width: 100%;
        margin-bottom: 30px;
    }
	.hide-mobile {
		display : none;
	}
	.hide-mobile.sticky-menu {
		position: relative;
	}
	.theme-content h3 {	    
	    font-size: 15px;
	    margin-top: 5px;
	    margin-bottom: 3px;
	}
	.theme-content h1 {
	    font-size: 22px;
	    margin-bottom: 3px;
	}
	.theme-content p {
	    font-size: 13px;
	    margin-bottom: 5px;
	}
	.theme-content .av-btn {
	    font-size: 13px;
	    padding: 0 14px;
	    line-height: 2.3;
	}
	.theme-content .av-btn:not(:last-child) {
	    margin-right: 18px;
	}

	.breadcrumb-content-below {
		padding: 16px 0;
	}
	.breadcrumb-widget {
	    margin-top: 14px;
	}
	.breadcrumb-content-below .breadcrumb-list,
	.breadcrumb-content-below .breadcrumb-widget {
	    flex: auto;
	}
	.breadcrumb-content-below .breadcrumb-list,
	.breadcrumb-content-below .breadcrumb-widget {
		max-width: 100%;
		text-align: center;
	}
	.breadcrumb-widget .widget {
		max-width: 100%;
	}
	.av-text-404 h1 {
	    font-size: 150px;
	}
	.av-text-404 img {
	    width: 100px;
	}
	.av-text-404 h2 {
		font-size: 24px;
	}
	.widget-left, .widget-right {
	    flex-wrap: wrap;
	}
	.widget-right .widget,
	.widget-left .widget {
    	width: 100%;
	    padding: 0 10px;
    }
	.widget-right .widget:not(:last-child),
	.widget-left .widget:not(:last-child) {
	    padding: 0;
    	padding-bottom: 10px;
    }
    .site-description {
	    padding-top: 2px;
	}
	.widget_social_widget li:not(:last-child) {
	    margin-right: 6px;
	}
	.cta-img-icon {
	    width: 100%;
	    margin: 0 0 15px 0;
	}
	.cta-img-icon img {
		margin: 0 auto;
	}
	.cta-content {
	    flex: auto;
	}
	.cta-wrapper {
	    text-align: center;
        padding: 56px 15px;
	}
	.cta-btn-wrap {
	    margin: 0 auto;
	}
	.av-btn-wrapper {
	    text-align: center;
	}
	.av-btn-wrapper .av-btn:not(:last-child) {
	    margin-right: 10px;
	}
	.av-btn-wrapper .av-btn:nth-child(2) {
		margin-right: 0;
	}
	.av-btn-wrapper .av-btn:last-child {
	    margin-top: 10px;
	}
}


@media only screen and (min-width: 700px) {
      
.c3cs-grid-row {
		display: grid;
        grid-template-columns: repeat( auto-fit, minmax(33.33%, 1fr) );
		
		grid-auto-flow: column;
		max-width: 1200px;	
		margin: auto;
	}
}

@media only screen and (max-width:420px) {
    .mobile-logo .logo {
        max-width: 170px;
    }
    .mobile-logo .logo img {
        max-width: 100%;
    }
    .logo a, .mobile-logo a, .site-title {
        display: flex;
        font-size: 23px;
        align-items: center;
    }
    .mobile-menu-right .header-search-toggle{
        font-size: 14px;
    }
    .hamburger-menu .menu-toggle {
        padding: 4px 5px 4px;
    }
    .hamburger-menu,
    .mobile-menu-right .header-search-toggle{
        width: 32px;
        height: 32px;
        line-height: 1.65;
    }
}

@media only screen and (max-width: 343px) {
	.cta-more {
		margin: 0;
		display: block;
		text-align: left;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 330px) {
    .theme-mobile-menu .header-wrap-right li {
        margin-right: 6px;
    }
    .mobile-logo .logo {
        max-width: 168px;
    }
}

/* @media Responsive End */
