/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width : 1400px) {

}

/* lg <= Extra large (xl) */
@media (max-width : 1200px) {

	.accordion {
    flex-direction: column;
  }

	.accordion__header h2 {
		font-size: 30px;
	}

	.accordion__description {
		width: 100%;
	}

	.accordion__content {
		padding: 40px;
	}

	.top-line img.verband {
		max-width: 80px;
		height: 80px;
	}

	.top-line img.zertifikate {
		max-width: 100px;
		height: 88px;
	}

	.top-line img.fka {
		max-width: 80px;
	}

	.top-line p.fka {
		font-size: 18px;
	}

	.top-line .logo img {
		max-width: 216px;
	}

	.main-menu {
		display: none;
		background-color: #121117;
		border-radius: 0px 0px 20px 20px;
	}

	.mobile-menu-button {
		display: block;
	}

	ul.sub-menu {
		visibility: visible;
		opacity: 1;
		position: relative;
		top: 0;
		left: 0;
		padding: 0 15px;
	}

	.leistung_descr {
		bottom: 108px;
		margin-bottom: -76px;
	}

	.vorteile .action_item .action_descr h1 {
		font-size: 40px;
	}

	.ablauf .ablauf_content, .kurzportrait .kurzportrait_content, .kontakt .kontakt_content {
		bottom: 82px;
		margin-bottom: -80px;
		margin-right: 0;
		margin-left: 0;
	}

	.kurzportrait .shadow_descr {
		margin-left: 0
	}

	.kurzportrait .kurzportrait_content {
		border-radius: 0 0 20px 20px;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
		position: relative;
		padding: 77px 77px 25px 77px;
	}

	.zertifikate img.verband {
		max-width: 180px;
	}

	.zertifikate img.azav {
		max-width: 230px;
	}

	.zertifikate img.hza {
		max-width: 225px;
	}

	.kontakt .kontakt_content {
		bottom: -120px;
		margin-bottom: 0;
	}

	.footer {
		margin-top: 155px;
	}

	.footer .footer_content .footer_item {
		margin-bottom: 20px;
	}

	.footer .footer_content .footer_item:last-child {
		margin-bottom: 0;
	}

	.footer .footer_content .footer_item .social_icons li{
		display: inline-block;
	}

	.footer .footer_content .footer_item .social_icons li:first-child{
		margin-right: 20px;
	}

	.popup_content {
		width: 100%;
		padding: 45px;
	}

	.popup_content h1 {
		font-size: 22px;
	}
	
}

/* md <= Large (lg) */
@media (max-width : 992px) {

	.top-line img.verband, .top-line img.zertifikate {
		display: none;
	}

	.layer-2 {
		transform: none;
	}

	.leistungen {
		margin: 68px 0 0 0;
	}

	.vorteile .action_item {
		padding: 70px 70px 130px 70px;
	}

	.vorteile .action_item .action_descr h1 {
		font-size: 40px;
	}

	.vorteile .action_item .action_descr .button {
		position: relative;
		top: 40px;
	}

	.zertifikate img.verband {
		max-width: 145px;
	}

	.zertifikate img.azav {
		max-width: 190px;
		margin-left: 70px;
	}

	.zertifikate img.hza {
		max-width: 185px;
	}

}

/* sm <= Medium (md) */
@media (max-width : 768px) {

	.telefon li.mail{
		display: none;
	}

	.kurzportrait .kurzportrait_content {
		bottom: 100px;
		clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%);
	}

	.zertifikate img.verband {
		max-width: 145px;
	}

	.zertifikate img.azav {
		max-width: 190px;
		margin-left: 70px;
	}

	.zertifikate img.hza {
		max-width: 185px;
	}

}

/* xs <= Small (sm) */
@media (max-width : 576px) {

	.top-line p.fka {
		display: none;
	}

	.top-line img.fka {
		max-width: 70px;
	}

	.top-line .logo img {
		max-width: 200px;
	}

	.telefon li.fax{
		display: none;
	}

	h1 {
		font-size: 42px;
	}

	.mobile-menu-button {
		margin-right: 13px;
	}

	.hero-content {
		width: 310px;
		margin-left: 0;
	}

	.top-line {
		padding: 20px 0;
	}

	.top-line .logo, .telefon {
		padding-left: 8px;
	}

	.sub_telefon {
		width: 310px;
	}

	.mfp-content .mfp-close:after {
		top: 8px;
		right: -10px;
	}

	.vorteile .shadow_descr {
		margin-left: 0;
	}

	.vorteile .vorteil_descr {
		margin-left: 0;
		margin-bottom: -105px;
		bottom: 108px;
		border-radius: 0 0 20px 20px;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
	}

	.vorteile .action_item .action_descr h1 {
		font-size: 22px;
		margin-right: 0;
	}

	.preise .preis_item .preis_descr span{
		top: -24px;
		left: 40px;
		width: initial;
	}

	.leistungen .action_item .action_descr {
    width: 260px;
    bottom: 45px;
    left: 18%;
	}

	.vorteile .action_item {
		padding: 40px 40px 110px 40px;
	}

	.ablauf .ablauf_content {
		padding: 45px 30px 10px 30px;
	}

	.kurzportrait .kurzportrait_content, .kontakt .kontakt_content {
		padding: 45px 45px 10px 45px;
	}

	.kontakt .kontakt_content .form_kontakt {
		width: initial;
	}

	form select {
		background-position: 91% center;
	}

	.form_kontakt button.button {
		padding: 32px 20px 30px 20px;
    font-size: 14px;
	}

	.footer .footer_content {
		padding: 45px;
	}

	.zertifikate img {
		display: block;
		margin: auto;
		padding-bottom: 30px;
	}

	.zertifikate img.azav {
		margin: 0 20% 0 auto;
	}

	.kontakt_descr {
		clip-path: polygon(0 0, 100% 3%, 100% 100%, 0 100%);
		margin-top: -100px;
		padding: 45px;
	}

}


/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width : 0) {

}

/* Small (sm) */
@media (min-width : 576px) {

}

/* Medium (md) */
@media (min-width : 768px) {

}

/* Large (lg) */
@media (min-width : 992px) {

}

/* Extra large (xl) */
@media (min-width : 1200px) {

}

/* Extra extra large (xxl) */
@media (min-width : 1400px) {

}