/* desktop */
@media (min-width: 1080px) {
	.if6_homepagearea p { font-size: 20px; }
	.if6_homepagearea ul, .if6_homepagearea ol { font-size: 20px; }
	.if6_homepagearea .btn { font-size: 1em; }
	#sm_menu_ham { right: 30px; }
}

/* tablets */
@media (min-width: 768px) and (max-width: 1079px) { 

	.opener { font-size: 27px; line-height: 1.1; } 
	h1,.h1 { font-size: 30px; font-size: 8vw; line-height: 1.2; } 
	h2,.h2 { font-size: 20px; font-size: 8vw; line-height: 1.2; }
	h1.small,.h1.small { font-size: 28px; font-size: 6.5vw; } /* SP4 Sparkasse Head */
	h2.small,.h2.small { font-size: 26px; font-size: 6.5vw; } /* SP6 Sparkasse Web Bold */
	h3,.h3 { font-size: 16px; line-height: 1.3; } 
	h4,.h4 { font-size: 16px; line-height: 1.1; }
	h5,.h5 { font-size: 16px; line-height: 1.3; } 
	h6,.h6 { font-size: 13px; line-height: 1.5; } 

	.if6_homepagearea p { font-size: 18px; }
	p.small {}
	p.teaser {}
	p.disclaimer {}
	.if6_homepagearea ul, .if6_homepagearea ol { font-size: 18px; }
	.if6_homepagearea .btn { font-size: 1em; }

	.row.equal-height [class*="col-"] header { background-color: #fff; padding: 10px 0}
	.row.equal-height [class*="col-"] .ce-bodytext,
	.news.news-single .news_innerwrap { background-color: #fff; padding: 10px; }

	.if6_sitemap .if6_inner .deep-footer-menu { width: 100%; }
	.if6_sitemap .if6_inner .deep-footer-menu li { width: 50% }
	.if6_sitemap .if6_inner .deep-footer-menu li a { font-weight: 400; }

	.if6_footer .if6_inner .footerlinks li a {color: #fff; text-decoration: none; font: 14px/1.1 "Sparkasse Web",Helvetica,Arial,sans-serif; line-height: 180%; white-space: nowrap;}

    .contentcontener.column3 .items-cfilter {
        flex: 0 0 calc((100% - 1rem) / 2);
        max-width: 50%;
    }
}

/* big mobile */
/* smartphones */
@media (min-width: 576px) and (max-width: 767px) { 

	.opener { font-size: 22px; line-height: 1.1; } 
	h1,.h1 { font-size: 18px; font-size: 9.5vw; line-height: 1.2; } 
	h2,.h2 { font-size: 18px; font-size: 9.5vw; line-height: 1.2; }
	h1.small,.h1.small { font-size: 16px; font-size: 12vw; } /* SP4 Sparkasse Head */
	h2.small,.h2.small { font-size: 16px; font-size: 12vw; } /* SP6 Sparkasse Web Bold */
	h3,.h3 { font-size: 15px; line-height: 1.3; } 
	h4,.h4 { font-size: 14px; line-height: 1.1; } 
	h5,.h5 { font-size: 16px; line-height: 1.3; } 
	h6,.h6 { font-size: 13px; line-height: 1.5; }

	.contentcontener.column3 .items-cfilter {
		flex: 0 0 calc((100% - 1rem) / 2);
    	max-width: 50%;
	} 
}
/* smartphones */
@media (min-width: 376px) and (max-width: 575px) { 

	.opener { font-size: 22px; line-height: 1.1; } 
	h1,.h1 { font-size: 18px; font-size: 14vw; line-height: 1.2; } 
	h2,.h2 { font-size: 18px; font-size: 14vw; line-height: 1.2; }
	h1.small,.h1.small { font-size: 16px; font-size: 12vw; } /* SP4 Sparkasse Head */
	h2.small,.h2.small { font-size: 16px; font-size: 12vw; } /* SP6 Sparkasse Web Bold */
	h3,.h3 { font-size: 15px; line-height: 1.3; } 
	h4,.h4 { font-size: 14px; line-height: 1.1; } 
	h5,.h5 { font-size: 16px; line-height: 1.3; } 
	h6,.h6 { font-size: 13px; line-height: 1.5; } 

    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4 { margin-top: 10px; margin-bottom: 10px; }

	p {}
	p.small {}
	p.teaser {}
	p.disclaimer {}

	.t3-layout-metro-grid li,
    .t3-layout-metro-grid .inner_wrap .frame {  min-height: 5rem;  }

	.row.equal-height [class*="col-"] header { background-color: #fff; padding: 10px 0}
	.row.equal-height [class*="col-"] .ce-bodytext,
	.news.news-single .news_innerwrap { background-color: #fff; padding: 10px; }

	.if6_sitemap .if6_inner .deep-footer-menu { width: 100%; }
	.if6_sitemap .if6_inner .deep-footer-menu li { width: 100% }
	.if6_sitemap .if6_inner .deep-footer-menu li a { font-weight: 400; }

	.if6_footer .if6_inner .footerlinks li a {color: #fff; text-decoration: none; font: 13px/1.1 "Sparkasse Web",Helvetica,Arial,sans-serif; line-height: 180%; white-space: nowrap;}

    .contentcontener.column3 .items-cfilter {
        flex: 0 0 calc((100% - 0rem) / 1);
        max-width: 100%;
    }

	.t3-layout-flip-cards .frame .ce-bodytext h2 { font-size: clamp(24px, 3.0em, 3.0vw); };
	#sm_menu_ham { display:block!important; top: 42px; }

	.t3-layout-grid-display h3 {
		font-size: 14px;	
	}
	.t3-layout-grid-display .inner_wrap .frame > header h3 a {
		padding: .375em .5em .25em;
	}
}

/* smartphones */
@media (min-width: 0) and (max-width: 375px) { 

	.opener { font-size: 22px; line-height: 1.1; } 
	h1,.h1 { font-size: 18px; font-size: 14vw; line-height: 1.2; } 
	h2,.h2 { font-size: 18px; font-size: 14vw; line-height: 1.2; }
	h1.small,.h1.small { font-size: 16px; font-size: 12vw; } /* SP4 Sparkasse Head */
	h2.small,.h2.small { font-size: 16px; font-size: 12vw; } /* SP6 Sparkasse Web Bold */
	h3,.h3 { font-size: 15px; line-height: 1.3; } 
	h4,.h4 { font-size: 14px; line-height: 1.1; } 
	h5,.h5 { font-size: 16px; line-height: 1.3; } 
	h6,.h6 { font-size: 13px; line-height: 1.5; } 

    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4 { margin-top: 10px; margin-bottom: 10px; }

	p {}
	p.small {}
	p.teaser {}
	p.disclaimer {}

	.t3-layout-metro-grid li,
    .t3-layout-metro-grid .inner_wrap .frame {  min-height: 5rem;  }

	.row.equal-height [class*="col-"] header { background-color: #fff; padding: 10px 0}
	.row.equal-height [class*="col-"] .ce-bodytext,
	.news.news-single .news_innerwrap { background-color: #fff; padding: 10px; }

	.if6_sitemap .if6_inner .deep-footer-menu { width: 100%; }
	.if6_sitemap .if6_inner .deep-footer-menu li { width: 100% }
	.if6_sitemap .if6_inner .deep-footer-menu li a { font-weight: 400; }

	.if6_footer .if6_inner .footerlinks li a {color: #fff; text-decoration: none; font: 13px/1.1 "Sparkasse Web",Helvetica,Arial,sans-serif; line-height: 180%; white-space: nowrap;}

    .contentcontener.column3 .items-cfilter {
        flex: 0 0 calc((100% - 0rem) / 1);
        max-width: 100%;
    }

	.t3-layout-flip-cards .frame .ce-bodytext h2 { font-size: clamp(24px, 3.0em, 3.0vw); };
	#sm_menu_ham { display:block!important; top: 42px; }

	.t3-layout-grid-display h3 {
		font-size: 13px;
	}
	.t3-layout-grid-display .inner_wrap .frame > header h3 a {
		padding: .375em .5em .25em;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	#sm_menu_ham { display:block!important; top: 42px; }
	.leadmagnet-button { right: 2.5vw; }
}
@media (min-width: 0) and (max-width: 575px) {
	body { background-position: 90% 100%!important; }
	h1,.h1 { font-size: 18px; font-size: 9vw; line-height: 1.2; } 
	h2,.h2 { font-size: 18px; font-size: 9vw; line-height: 1.2; }
	h1.small,.h1.small { font-size: 16px; font-size: 7.75vw; } /* SP4 Sparkasse Head */
	h2.small,.h2.small { font-size: 16px; font-size: 7.75vw; } /* SP6 Sparkasse Web Bold */

	.t3-layout-flip-cards .frame .ce-bodytext h2 { font-size: clamp(20px, 2.5em, 2.5vw); };

	p a.link-to-instagram, li a.link-to-instagram,
	p a.link-to-facebook, li a.link-to-facebook,
	p a.link-to-youtube, li a.link-to-youtube {
	    display: inline-block;
	    width: 80px;
	    text-align: center;
	    font-size: 1em;
	    line-height: 1.5;
	    color: #ffffff;
	    font-weight: 700;
	    text-decoration: none;
	    margin-left: 12px;
	    margin-right: 12px;
	}
	#sm_menu_ham { display:block!important; top: 35px; }
	.leadmagnet-button { right: 0; }
	.leadmagnet-button a { font-size:  .75em; width: 75px; height: 75px; padding: 1.3125rem .5625rem; }
	.leadmagnet-button a:hover { padding: 1.3125rem .5625rem; }
}