/*
Theme Name:   fwdigitalmedia
Description:  Write here a brief description about your child-theme
Author:       lopux
Author URL:   madebylopux.com
Template:     twentytwentyone
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  fwdigitalmedia
*/
/* Google Webfonts Local */

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8SL2V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Qb2V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Sb2V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rr2V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Sr2V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8S72V-ggZS-Zs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rb2V-ggZSw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDujMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDunMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDubMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDurMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuvMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMR7eS2Ao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR7eS2AopSg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/fwdigitalmedia/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMR7eS2Ao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Write here your own personal stylesheet */
body {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #3f3f3f;
	font-size: 1.875rem;
	font-weight: 300;
	font-style: normal;
}
a {
	color: #3697b0;
	outline: none;
	transition: all .3s linear;
}
a:hover {
	color: #66c4d0;
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	font-family: 'Open Sans Condensed', sans-serif!important;
	font-weight: 700!important;
	color: #3697b0;
}
.page #content h2 {
	font-size: 3rem;
	color: #fff;
	display: inline-block;
	margin-bottom: 4rem;
	padding: .5rem 1rem;
    line-height: 1;
	background: rgb(0,155,177);
	background: linear-gradient(90deg, rgba(0,155,177,1) 0%, rgba(0,164,184,1) 50%, rgba(0,155,177,1) 100%);
}
.page #content h2.bg-yellow {
	background: rgb(250,166,26);
	background: linear-gradient(90deg, rgba(250,166,26,1) 0%, rgba(246,139,31,1) 100%);
}
#content h3 {
	margin-bottom: 2rem;
}
.h2-double {
	margin-top: -4rem;
}
p, ul li {
	color: #3f3f3f;
	font-family: 'Open Sans Condensed', sans-serif!important;
	font-weight: 300!important;
	font-size: 1.875rem;
}
#content ul {
    padding-left: 0;
    list-style-type: none;
}
#content ul br {
	display: none;
}
#content ul li {
	line-height: 1;
	margin-bottom: 1.5rem;
}
mb-2 {
	margin-bottom: 2rem;
}
.text-green {
	color: #3697b0;
}
.text-yellow {
	color: #f6a800;
}
.text-underlined {
	text-decoration: underline;
}
#masthead {
    padding-top: 0;
    padding-bottom: 0;
	justify-content: space-between;
}
#masthead .site-branding {
    margin-top: 0;
	margin-right: auto;
}
#masthead .site-logo {
    margin: .5rem 0;
}
#masthead .site-logo a {
    display: block;
}
#masthead a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
#masthead a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    background: transparent!important;
    color: transparent;
    outline: none;
    border: none!important;
    box-shadow: none;
}
header * {
    max-width: inherit!important;
}
#masthead .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
	background: #f6a800;
    color: #fff;
    border-radius: 2rem;
    padding: .6rem 1.5rem;
    margin-left: .75rem;
}
#masthead .primary-navigation .primary-menu-container > ul > .menu-item:last-child > a {
	background: #3697b0;
}
#masthead .primary-navigation .primary-menu-container > ul > .menu-item > a:hover {
	background: #66c4d0;
}
.header-phone {
	background: url(/wp-content/uploads/icon-phone.png) left center no-repeat;
	padding-left: 3rem;
}
.header-phone p {
	font-weight: 700!important;
	color: #3697b0;
	font-size: 1.25rem;
	line-height: 1;
}
.header-phone p span {
	font-size: 1.5rem;
}
.header-phone p a {
	color: #3697b0;
	text-decoration: none;
}
.header-phone p a:hover {
	opacity: .6;
	text-decoration: none;
}
#main.site-main {
    padding-top: 0;
    padding-bottom: 0;
}
#main .page-header {
    border-bottom: none;
    padding-bottom: 0;
}
#top-img h1 {
	font-size: 4.5rem;
	line-height: 1.1;
	padding-left: 1.5rem;
	color: #fff;
}
#top-img .vce-hero-section--wrap {
	margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    width: 100%;
}
#top-img .vce-hero-section--wrap > .vce-hero-section--content {
    margin-left: 0;
    width: 50%;
	padding-top: 14rem;
	padding-bottom: 14rem;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 1240px!important;
    width: 100%!important;
}
.two-cols-txt, 
.one-col-txt,
.two-cols-img-left,
.two-cols-img-right {
	padding-top: 5rem;
}
.two-cols-txt .left-col {
	padding-right: 2rem;
}
.two-cols-txt .right-col {
	padding-left: 2rem;
}
.btn-block {
    text-align: center;
	padding-bottom: 2rem;
    padding-top: 2rem;
}
.btn-primary {
	font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: #3697b0;
    color: #fff;
    border-radius: 2rem;
	padding: .6rem 4rem;
}
.btn-primary.btn-yellow {
    background: #f6a800;
    color: #fff;
}
.btn-primary:hover {
	text-decoration: none;
	color: #fff;
	background: #66c4d0;
}
#page .btn-primary:focus {
    outline: none;
    border: none;
    text-decoration: none;
	color: #fff;
	background: #66c4d0;
}
body.singular #page .entry-header,
body.blog #page .page-header {
    border-bottom: 3px solid #3697b0;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
    margin-top: 2rem;
	text-align: center;
}
body.singular #page .entry-title,
body.blog #page .page-title {
    font-size: 4rem;
    color: #3697b0;
}
body.blog .entry-title a {
	color: #3697b0;
	text-decoration: none;
}
body.blog #content a:focus:not(.wp-block-button__link):not(.wp-block-file__button), 
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: #fff;
	text-decoration: none;
    background: rgb(0,155,177)!important;
	background: linear-gradient(90deg, rgba(0,155,177,1) 0%, rgba(0,164,184,1) 50%, rgba(0,155,177,1) 100%)!important;
}
body.single #main > article > .entry-footer {
    border-top: 3px solid #f6a800;
}
.full-width-img {
	padding-top: 5rem;
}
.full-width-img div {
    width: 100%!important;
}
ul.leistungen-list {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.leistungen-list li {
	background: #eee;
	padding: 1rem;
	width: 32%;
	display: flex;
    align-items: center;
	position: relative;
	transition: all .3s linear;
}
ul.leistungen-list li:hover {
	background: #3697b0;
	color: #fff;
}
ul.leistungen-list .list-icon {
	width: 60px;
	height: 48px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: 1rem;
	z-index: 2;
}
ul.leistungen-list li:hover .list-icon {
	background-position: center -50px;
}
ul.leistungen-list .list-icon.icon-01 {
	background-image: url(/wp-content/uploads/was-icon-01.png);
}
ul.leistungen-list .list-icon.icon-02 {
	background-image: url(/wp-content/uploads/was-icon-02.png);
}
ul.leistungen-list .list-icon.icon-03 {
	background-image: url(/wp-content/uploads/was-icon-03.png);
}
ul.leistungen-list .list-icon.icon-04 {
	background-image: url(/wp-content/uploads/was-icon-04.png);
}
ul.leistungen-list .list-icon.icon-05 {
	background-image: url(/wp-content/uploads/was-icon-05.png);
}
ul.leistungen-list .list-icon.icon-06 {
	background-image: url(/wp-content/uploads/was-icon-06.png);
}
ul.leistungen-list .list-icon.icon-07 {
	background-image: url(/wp-content/uploads/was-icon-07.png);
}
ul.leistungen-list .list-icon.icon-08 {
	background-image: url(/wp-content/uploads/was-icon-08.png);
}
ul.leistungen-list .list-icon.icon-09 {
	background-image: url(/wp-content/uploads/was-icon-09.png);
}

ul.leistungen-list .circle {
	position: absolute;
    left: 1.25rem;
    top: calc(50% - 24px);
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 36px;
    background-color: #fff;

}
.two-cols-img-left .vce-text-block {
	padding-left: 5rem;
}
.two-cols-img-right .vce-text-block {
	padding-right: 5rem;
}
#content ul.check-bullet-list {
	list-style-image: url(/wp-content/uploads/list-bullet.png);
	padding-left: 3rem;
}
ul.check-bullet-list li {
	padding-left: 1rem;
}
.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-66-66p {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-basis: calc(39% - 10px);
    -ms-flex-preferred-size: calc(39% - 10px);
    flex-basis: calc(39% - 10px);
    max-width: calc(39% - 10px);
}
.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-33-33p {
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-basis: calc(61% - 20px);
    -ms-flex-preferred-size: calc(61% - 20px);
    flex-basis: calc(61% - 20px);
    max-width: calc(61% - 20px);
}
#colophon.site-footer {
    background: #eee;
    padding: 1.5rem;
    width: 100%;
    margin: 0;
	margin-top: 7.5rem;
    max-width: 100%;
}
#colophon.site-footer .footer-container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1240px;
	font-size: 1.5rem;
    color: #5b5e60;
}
.h2-double + br {
	display: none;
}
.leistungen-list .caption {
	width: calc(100% - 60px);
}
.site-info a {
    color: #5b5e60;
	text-decoration: none;
}
.site-info a:hover {
    color: #3697b0;
}

/******************* RESPONSIVE *******************/
@media only screen and (max-width: 1399px) {
	#top-img .vce-hero-section--wrap {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.two-cols-txt, .one-col-txt, .two-cols-img-left, .two-cols-img-right, .blog article, .single-post article {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media only screen and (max-width: 1199px) {
	#masthead {
		width: 100%;
		max-width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#masthead .site-logo img {
		max-width: 220px!important;
	}
	.header-phone p {
		font-size: 1.125rem;
	}
	{
		font-size: 1.25rem;
	}
	#masthead .primary-navigation > div > .menu-wrapper {
		flex-wrap: nowrap;
	}
	#top-img .vce-hero-section--wrap > .vce-hero-section--content {
		width: 52%;
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.page #content h2 {
		font-size: 2.5rem;
	}
	#top-img h1 {
		font-size: 4rem;
	}
	body.singular #page .entry-title, body.blog #page .page-title {
		font-size: 3rem;
	}
	.full-width-img div {
		height: 400px;
	}
}
@media only screen and (max-width: 991px) {
	.primary-navigation {
		margin-left: 0;
		margin-right: 0;
		margin-top: -1rem!important;
		width: 100%;
		padding-bottom: 1rem;
	}
	.primary-navigation .primary-menu-container {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	#masthead .primary-navigation > div > .menu-wrapper {
		justify-content: center;
	}
	.page #content h2 {
		font-size: 2rem;
	}
	#top-img h1 {
		font-size: 3rem;
		padding-left: 1rem;
	}
	.two-cols-txt, .one-col-txt, .two-cols-img-left, .two-cols-img-right {
		padding-top: 3rem;
	}
	.two-cols-txt .right-col {
		padding-left: 1rem;
	}
	.two-cols-txt .left-col {
		padding-right: 1rem;
	}
	p, ul li, .btn-primary {
		font-size: 1.5rem;
	}
	.btn-block {
		padding-bottom: 0;
		padding-top: 0;
	}
	ul.leistungen-list li {
		width: 48%;
	}
	.two-cols-img-left .vce-text-block {
		padding-left: 2rem;
	}
	.two-cols-img-right .vce-text-block {
		padding-right: 2rem;
	}
	#colophon.site-footer .footer-container {
		font-size: 1.25rem;
	}
	#masthead .primary-navigation .primary-menu-container > ul > .menu-item > a {
		font-size: 1.25rem;
	}
	.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-66-66p {
		-webkit-flex-basis: calc(60% - 10px);
		-ms-flex-preferred-size: calc(60% - 10px);
		flex-basis: calc(60% - 10px);
		max-width: calc(60% - 10px);
	}
	.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-33-33p {
		-webkit-flex-basis: calc(40% - 20px);
		-ms-flex-preferred-size: calc(40% - 20px);
		flex-basis: calc(40% - 20px);
		max-width: calc(40% - 20px);
	}
	body.singular #page .entry-title, body.blog #page .page-title {
		font-size: 2.25rem;
	}
}
@media only screen and (max-width: 767px) {
	#top-img .vce-hero-section--background-position-center-center {
		background-position: 28% center!important;
	}
	#top-img .vce-hero-section--wrap > .vce-hero-section--content {
		width: 70%;
		padding-top: 7rem;
		padding-bottom: 7rem;
	}
	.two-cols-txt .left-col {
		padding-right: 0;
	}
	.two-cols-txt .right-col {
		padding-left: 0;
	}
	ul.leistungen-list li {
		width: 100%;
	}
	#page .img-mobile-hidden {
		display: none!important;
	}
	.two-cols-img-left .vce-text-block {
		padding-left: 0;
	}
	.two-cols-img-right .vce-text-block {
		padding-right: 0;
	}
	.page #content h2 {
		margin-bottom: 3rem;
	}
	.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-33-33p,
	.vce-row.two-cols-img-right.cols-40-60 > .vce-row-content > .vce-col--md-66-66p {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size:100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.two-cols-img-right .vce-col:first-child {
		order: 2;
	}
	.h2-double {
		margin-top: -3rem;
	}
}
@media only screen and (max-width: 575px) {
	#page #masthead .site-logo img {
		max-width: 170px!important;
		height: 67px!important;
    	max-height: none;
	}
	#page #masthead .site-logo {
		padding-top: 0;
	}
	#page #masthead {
		height: 82px;
	}
	.header-phone {
		display: none;
	}
	#top-img .vce-hero-section--wrap {
		padding-left: 0;
		padding-right: 1rem;
	}
	#top-img .vce-hero-section--wrap > .vce-hero-section--content {
		width: 100%;
		padding-top: 1rem;
		padding-bottom: 25rem;
	}
	.page #content h2 {
		margin-bottom: 2rem;
		font-size: 1.75rem;
	}
	#top-img h1 {
		font-size: 2.5rem;
	}
	#top-img .vce-hero-section--background-position-center-center {
		background-position: center bottom!important;
		background-image: url(/wp-content/uploads/top-img-mobile.jpg)!important;
    	background-size: 100% auto!important;
	}
	#masthead .menu-button-container #primary-mobile-menu {
		font-size: 1.5rem;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #3697b0;
	}
	#masthead #site-navigation {
		top: 13px;
	}
	.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
		height: 40px;
		width: 40px;
	}
	#masthead .primary-navigation > div > .menu-wrapper {
		flex-wrap: wrap;
		align-items: center;
		height: auto;
		padding-bottom: 0;
		margin-top: auto;
    	margin-bottom: auto;
	}
	#masthead .primary-navigation .primary-menu-container {
		display: flex;
		flex-direction: column;
	}
	#masthead .primary-navigation .primary-menu-container > ul > .menu-item > a {
		font-size: 2rem;
	}
	#masthead .primary-navigation > div > .menu-wrapper li {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.two-cols-txt, .one-col-txt, .two-cols-img-left, .two-cols-img-right {
		padding-top: 1rem;
	}
	.page #content #top-img h2 {
		font-size: 1.5rem;
	}
	.h2-double {
		margin-top: -2rem;
	}
	.site-copyright, .site-info {
		width: 100%;
	}
	#colophon.site-footer .footer-container {
		flex-direction: column;
	}
	#content h3 {
		font-size: 1.5rem;
	}
}