/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Theme for Actifloor by mh-6
Version:            1.0
Author:             mh-6
Author URI:         https://mh-6.de/
Text Domain:        sage

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

/* CSS HEX */
/*
--charcoal: #37556b;
--persian-green: #9bb5b7ff;
--#ea6463-yellow-crayola: #e9c46aff;
--sandy-brown: #ea6463ff;
--burnt-sienna: #e76f51ff;
*/


@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Hind-Regular.ttf'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/Hind-Regular.ttf') format('truetype')
}

@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/Hind-Bold.ttf'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/Hind-Bold.ttf') format('truetype')
}

@font-face {
	font-family: 'Hind';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/Hind-Light.ttf'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/Hind-Light.ttf') format('truetype')
}

@font-face {
	font-family: 'Permanent Marker';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/PermanentMarker-Regular.ttf'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/PermanentMarker-Regular.ttf') format('truetype')
}



/* ALLGEMEIN */

*:focus {
	outline: none;
}

img {
	width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

body {
	font-family: 'Hind', sans-serif;
	font-size: 1.5rem;
	color: #37556b;
	font-weight: 300;
	position: relative;
}

a {
	color: #37556b;
}

h1, .h1 {
	color: #37556b;
	font-size: 5rem;
}

h2, .h2 {
	color: #37556b;
	font-size: 34px;
	/* font-weight: 700;

	 */
}

.start-header p {
	font-size: 3rem;
	font-weight: 300;
	margin: 0;
	color: #9bb5b7;
}

.start-header h1 {
	margin: 0.5rem 0;
	color: #ea6463;
	font-size: 4rem;
}

.start-header h2 {
	font-size: 3rem;
}

.start-header h3 {
	margin-top: 8px;
}


@media (max-width: 767px) {
	.start-header h1 {
		font-size: 4rem;
	}
	.start-header h3 {
		font-size: 2rem;
		margin-top: 4px;
	}
	.start-header ul {
		margin-top: 4rem;
	}
	.start-header {
		padding-top: 0;
	}
	.appvorstellung  .slick-next {
		right: -2px!important;
		display: block!important;
		position: absolute!important;
	}
	.slick-next, .slick-prev {
		width: 70px;
		height: 104px;
	}
	.slick-prev {
		left: -39px!important;
	}
	.slick-slide {
		padding: 30px!important;
	}
	h1, .h1 {
		font-size: 3.5rem;
		margin: 8px 0 0 0;
	}
	h2, .h2 {
		font-size: 3rem;
		margin-top: 12px;
	}
}



h3, .h3, h4, .h4 {
	/* color: #37556b; */
	font-weight: 200;
	/*font-weight: bold;*/
}

.justCenter {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.ctaBtn{
	color: #d2d2d2;
	background: #243743;
	padding: 1.4rem 3rem;
	position: relative;
	display: inline-block;
}

.ctaBtn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: rgba(0,0,0,.05);
	z-index: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ctaBtn span {
	z-index: 2;
	position: relative;
}

.ctaBtn:hover:after {
	width: 100%;
	background: rgba(0,0,0,.05);
}

.ghostBtn{
	background: transparent;
	color: #d2d2d2;
	border: 1px solid #d2d2d2;
	padding: 1.4rem 3rem;
	position: relative;
	display: inline-block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.ghostBtn:hover {
	background: #d2d2d2;
	color: #243743;
}


.flexRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.alignItemsCenter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.alignItemsEnd {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.opacity0 {
	opacity: 0!important;
	visibility: hidden;
}

.padTo3 {
	padding-top: 3rem;
}

.maTo3 {
	margin-top: 3rem;
}

.maTo2 {
	margin-top: 2rem;
}

.maTo1 {
	margin-top: 1rem;
}

.maTo6 {
	margin-top: 6rem;
}

.maTo4 {
	margin-top: 4rem;
}


.maBo3 {
	margin-bottom: 3rem;
}

.maBo1 {
	margin-bottom: 1rem;
}

.maBo0 {
	margin-bottom: 0;
}

.maBo6 {
	margin-bottom: 6rem;
}

@media (max-width: 1199px){
	.maToMD3 {
		margin-top: 3rem;
	}

	.maToMD6 {
		margin-top: 6rem;
	}
}

@media (max-width: 991px){
	.maToSM3 {
		margin-top: 3rem;
	}

	.maToSM6 {
		margin-top: 6rem;
	}
}

@media (max-width: 767px){
	.maToXS3 {
		margin-top: 3rem;
	}

	.maToXS6 {
		margin-top: 6rem;
	}

	html {
		font-size: 9px;
	}

	.order2mobile {
		order: 2;
	}
}


/* Fixed Contact */

.fixedContactWrap {
	position: fixed;
	right: 0;
	top: 50%;
	overflow: hidden;
	margin-top: -52px;
}

.fixedContactWrap > div{
	height: 44px;
}



@media (max-width: 767px){
	.fixedContactWrap > div{
		height: 40px;
	}
}

.fixedContactWrap a{
	color: #fff;
	font-size: 1.8rem;
	vertical-align: middle;
	height: 4.4rem;
}

.fixedContactWrap img, .fixedContactWrap img{
	background: RGB(234, 100, 99,1);
	width: 4.4rem;
	height: 4.4rem;
	padding: 0.5rem;
	display: inline-block;
	position: relative;
	z-index: 2;
	border-radius: 5px 0 0 5px;
	cursor: pointer;
}

.fixedContactWrap p{
	background: RGB(234, 100, 99,.8);
	display: inline-block;
	margin-bottom: 0;
	height: 4.4rem;
	vertical-align: middle;
	padding-top: 1.1rem;
	position: absolute;
	z-index: 1;
	right: -100%;
	-webkit-transition: right 0.5s ease;
	-o-transition: right 0.5s ease;
	transition: right 0.5s ease;
	padding-left: 2rem;
	padding-right: 2rem;
	border-radius: 5px 0 0 5px;
	visibility: hidden;
}

.fixedContact, .fixedRegistration{
	margin-top: 1.5rem;
}

.contactToLeft p, .fixedContact:hover > p, .fixedPhone:hover > p, .fixedRegistration:hover > p{
	right: -3px;
	visibility: visible;
	position: relative;
}

.contactToLeft img{
	border-radius: 0;
}

@media (max-width: 991px){
	.fixedContactWrap {
		top: unset;
		bottom: 0;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/*	background: #8a6d3b;*/
		padding: 0.5rem 0;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.fixedContactWrap>div{
		margin-right: 20px;
	}

	.fixedContactWrap img{
		border: 1px solid #fff;
		border-radius: 5px;
	}

	.fixedContactWrap>div:last-of-type{
		margin-right: 0px;
	}

	.fixedContact, .fixedRegistration {
		margin-top: 0;
	}

}

/* Header Batch */

.headerBatch {
	position: absolute;
	right: -120px;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	bottom: -5rem;
	font-size: 2rem;
	background: #be9d54;
	color: #fff;
	padding: 2rem;
	border-radius: 100%;
	z-index: 999999999999;
	-webkit-box-shadow: 10px 10px 10px -2px rgba(207,207,207,1);
	box-shadow: 10px 10px 10px -2px rgba(207,207,207,1);
	display: none!important;
}

.headerBatchWrap {
	position: relative;
}

.headerBatch strong {
	font-size: 2.8rem;
}

@media (max-width: 1500px) {
	.headerBatch {
		right: 20px;
		bottom: -120px;
	}
}

@media (max-width: 991px) {
	.headerBatch {
		bottom: -9rem;
		font-size: 1.4rem;
		right: 0;
	}
}

@media (max-width: 767px) {
	.headerBatch {
		right: 30px;
	}
}

/* HEADER */

header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

/* Top Header */

.topHeader {
	background: #37556b;
	color: #fff;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.topHeader a{
	color: #8a6d3b;
	text-decoration: none;
	line-height: 1;
}

.topHeader a:hover{
	text-decoration: underline;
}

.topHeader .container > p {
	display: inline-block;
	margin-left: 1.5rem;
	position: relative;
	line-height: 1;
	margin-bottom: 0;
}


.topHeader .container p {
	margin-bottom: 0;
}


.topHeader .container > .leftPart > p:first-of-type {
	margin-left: 0;
	float: left;
	color: #8a6d3b;
}

.topHeaderPhone, .topHeaderMail {
	padding-left: 2.6rem;
	position: relative;
	float: left;
	margin-left: 2rem;
}

.topHeaderPhone:before, .topHeaderMail:before{
	position: absolute;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.6rem;
	height: 1.6rem;
	left: 0;
	top: 5px;
}

.topHeaderInstagram, .topHeaderFacebook {
	padding-left: 1.6rem;
	position: relative;
	float: left;
	margin-left: 1rem;
}

.topHeaderInstagram img, .topHeaderFacebook img {
	width: 1.6rem;
	height: 1.6rem;
}


.menuWrapper:after, .menuWrapper:before {
	display: none;
}

.topHeaderPhone:before {
	background-image: url('../images/telephone-topheader.svg');
}

.topHeaderMail:before {
	 background-image: url('../images/email-topheader.svg');
 }


.mainHeader {
	background: #37556b;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	-webkit-transition: top 1.5s ease;
	-o-transition: top 1.5s ease;
	transition: top 1.5s ease;
	width: 100%;
	color: white;
}

.navbar-nav a{
	color: white;
}


.navbar-header {
	margin-right: 11rem;
}

.navbar-brand img {
	width: 22rem;
}

header + .wrap {
	margin-top: 60px;
}

.weddinglocations-template-default header + .wrap {
	margin-top: 0;
}

header .dropdown-menu li a{
	color: #37556b;
	font-size: 1.6rem;
}

/*
header .dropdown-menu li.current-menu-item a{
	color: ;
}
*/
header .dropdown-menu li {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

.navbar-brand {
	padding: 7px 15px;
}

header .dropdown-menu li:hover a, header .dropdown-menu li.active a {
	color: #37556b;
}



header .dropdown-menu > li:last-of-type {
	border-bottom: none;
}

header .dropdown-menu {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.navbar-nav > li {
	font-size: 2rem;
}

.navbar-default .navbar-toggle .icon-bar {
	background: white;
}

.mobileLangSwitcher {
	display: none;
}

@media (min-width: 992px){
	header .dropdown-menu li.current-menu-item, header .dropdown-menu li:hover, header .dropdown-menu li:active {
		background: rgba(0,0,0,.06);
	}
	nav.navbar {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.mainHeader .container:before, .mainHeader .container:after, .mainHeader .navbar:before {
		display: none;
	}

	.menuWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
	}

	.navbar-collapse.collapse {
		padding-right: 0;
	}

	.navbar-nav > li.current-menu-item > a, .navbar-nav > li:hover > a, .navbar-nav > li.active > a {
		font-weight: bold;
	}

	.navbar-nav > li > a {
		padding: 20px!important;
		margin-top: 11px;
		color: white;
		/*padding: 20px 25px;*/
		/*border-right: 1px solid rgba(0,0,0,.05);*/
		/*margin-top: 0px;*/
		padding-top: 0px;
		margin-bottom: 15px;
	}

	.navbar-nav > li  {
		position: relative;
	}



	.navbar-nav > li.current-menu-item:after , .navbar-nav > li:hover:after, .navbar-nav > li.active:after {
		width: 100%;
	}

	.navbar-nav > li:last-of-type > a {
		 background-color: #ea6463;
		 padding: 20px!important;
		 border-radius: 4px;
		 margin-top: 11px;
		font-weight: 400!important;
		margin-left: 35px;
	 }

	.navbar-nav > li:last-of-type > a:hover, .navbar-nav > li:last-of-type > a:active {
		background-color: white;
		color: #ea6463;
		border: 1px solid #ea6463;
		font-weight: 400;
	}
}

.btn-cta {
	background-color: #ea6463;
	padding: 20px!important;
	border-radius: 4px;
	margin-top: 11px;
	font-weight: 400!important;
	color: white;
	font-size: 2rem;
	display: inline-block;
}

.btn-cta:hover {
	background-color: white;
	color: #ea6463;
	border: 1px solid #ea6463;
	font-weight: 400;
}

.modal {
	z-index: 999999999;
}

.modal-header .close {
	margin-top: -2px;
	position: absolute;
	right: 16px;
	top: 16px;
}

.modal-content {
	margin-top: 80px;
}

.navbar-nav > li.current-menu-item > a{
	color: #37556b;
}


@media (min-width: 992px) and (max-width: 1500px) {
	.navbar-header {
		margin-right: 4rem;
	}

	.navbar-nav > li > a {
		padding: 20px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-header {
		margin-right: 3rem;
	}

	.navbar-nav > li > a {
		padding: 20px 15px;
	}

	.navbar-brand img {
		/*width: 12.5rem;*/
	}
}

/* Stick Header */

header.scrolled {
	top: -140px;
	-webkit-transition: top 1.5s ease;
	-o-transition: top 1.5s ease;
	transition: top 1.5s ease;
	position: fixed;
	width: 100%;
}

header.scrolled .topHeader{
	display: none;
}

header.scrolled.sticky {
	top: 0;
}

.wrap.scrolled {
	margin-top: 169px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-header {
		margin-right: 2rem;
	}

	.navbar-nav > li > a {
		padding: 20px 15px;
	}
}

@media (max-width: 991px){
	header.scrolled .mainHeader {
		//background: #fafafa;
	}

	.navbar-default .navbar-toggle {
		position: absolute;
		right: 0;
	}

	.langSwitcher {
		position: absolute;
		right: 12rem;
		top: 0;
	}

	.current-menu-item > a, .current-menu-parent > a {
		color: #8a6d3b;
	}

	header .dropdown-menu li {
		border-bottom: unset;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	/* Animation Burgermenü */

	.navbar-toggle > span {
		margin-bottom: 4px;
		-webkit-transition: top 0.5s ease, -webkit-transform 0.5s ease;
		transition: top 0.5s ease, -webkit-transform 0.5s ease;
		-o-transition: transform 0.5s ease, top 0.5s ease;
		transition: transform 0.5s ease, top 0.5s ease;
		transition: transform 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
	}

	.navbar-toggle > span:first-of-type, .navbar-toggle > span:last-of-type{
		margin-bottom: 0px;
	}

	.navbar-toggle span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 7px;
		position: relative;
	}

	.navbar-toggle span:nth-child(3) {
		opacity: 0;
		/* width: 0; */
		/* height: 0; */
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.navbar-toggle span:nth-child(4) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: -5px;
		position: relative;
	}
	.navbar-toggle.collapsed span {
		opacity: 1;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
		top: 0;
	}

	header.headerHelper {
		max-height: 100vh;
		overflow-y: scroll;
	}
}

@media (max-width: 767px){
	.header.scrolled .mainHeader {
		//background: #fff;
	}

	.navbar-default .navbar-toggle {
		position: absolute;
		right: -15px;
		background: transparent;
	}

	.topHeader {
		display: none;
	}

	.mobileLangSwitcher {
		display: block;
	}

	.mobileLangSwitcher > div{
		float: right;
	}

	.langSwitcher {
		display: none;
	}

	/*.navbar-brand  {*/
		/*padding-top: 0;*/
	/*}*/

	.navbar-brand img {
		width: 12rem;
	}

	.navbar-brand {
		padding: 8px;
		background: #37556b;
		border-bottom-right-radius: 12px;
	}

	.navbar-header {
		background: inherit;
	}


	.wrap.scrolled {
		margin-top: 70px;
	}

	.navbar-nav a {
		color: white;
	}

	header + .wrap {
		margin-top: 10px;
	}
}


/* STOCKWERKE */

/* Voll breites Bild */

.fullWidthPicSection {
	background-repeat: no-repeat;
	background-size: cover;
}

@media (min-width: 992px){
    .fullWidthPicTextWrap {
        /* margin-top: 10vh; */
    }
}

.fullWidthPicTextWrap {
	padding: 1.5rem 3rem;
}

@media (min-width: 1025px){
	.fullWidthPicSection.paraxify {
		background-attachment: fixed;
	}
}

/* Freier Text */

@media (min-width: 992px){
	.freeTextSection .twoCols {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
	.freeTextSection .threeCols {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
	.freeTextSection .fourCols {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
	}
}

/* animierte Karten */

.aniCardWrap {
	overflow: hidden;
	position: relative;
}

.aniCardTextWrap {
	background-color: rgba(23,23,23,0.5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	top: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	font-family: 'Dancing Script';
	font-size: 2.6rem;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.aniCardInnerWrap {
	padding: 15px 15px 0;
	border-radius: 0px;
	height: 100%;
}

/*.aniCardWrap {
	border-radius: 8px;
}*/

.aniCardTextWrap p{
	margin-bottom: 0;
	color: #fff;
}

.aniCardWrap:hover .aniCardTextWrap {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.aniCardWrap img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.aniCardWrap:hover img {
	/*-webkit-transform: scale(1.1);*/
	/*-ms-transform: scale(1.1);*/
	/*transform: scale(1.1);*/

	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.aniCardDownText {
	padding: 1rem 0;
}




/* Icons */

.iconImgOutterWrap {
	width: 12.6rem;
	height: 12.6rem;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	border: 0.8rem solid #f8f8f8;
	-webkit-box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08);
	box-shadow: inset 0 0 7px 0 rgba(0,0,0,.08);
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	-o-transition: transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.iconImgWrap {
	width: 11rem;
	height: 11rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	border-radius: 100%;
	border: 2px solid #45a4a0;
	background-image: url(../images/stripes_3_b.png);
	-webkit-transition: background-color 0.4s ease;
	-o-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}

.iconImgWrap .iconImgInnerWrap{
	width: 4.5rem;
	height: 3.4rem;
	display: inline-block;
	margin: 0 auto;
	position: relative;

}

.iconImgWrap .iconImgInnerWrap img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -2.3rem;
	margin-top: -1.7rem;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

.iconsSection .hoverImg {
	opacity: 0;
}

.iconsSection .iconCol:hover .hoverImg{
	opacity: 1;
}

.iconsSection .iconCol:hover .standardImg{
	opacity: 0;
}

.iconsSection .iconCol:hover .iconImgWrap{
	background-color: #45a4a0;
	background-image: unset;
}

.iconsSection .iconCol:hover .iconImgOutterWrap{
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

/* Karten mit Text */

.picWithTextSection h1, .picWithTextSection h2, .picWithTextSection h3, .picWithTextSection h4 {
	margin-top: 0;
	line-height: 1;
}

.cardTextWrap {
	overflow: hidden;
}

.cardImgWrap {
	position: relative;
}

.cardIconWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: #45a4a0;
}

.cardTextWrap .cardImg{
	-webkit-transform: translate(20px);
	-ms-transform: translate(20px);
	transform: translate(20px);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.cardTextWrap .cardIcon{
	padding-left: 8px;
	padding-right: 8px;
}

.cardTextWrap:hover .cardImg {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

.cardTextWrap:hover .cardIconWrap {
	-webkit-transform: translate(-90px);
	-ms-transform: translate(-90px);
	transform: translate(-90px);
}

.cardTextWrap .cardText {
	margin-left: 60px;
}

.picWithTextSection ul li{
	margin-bottom: 1rem;
}

.picWithTextSection ul li:last-of-type {
	margin-bottom: 2rem;
}

@media(max-width: 992px){
	.cardIconWrap {
		width: 50px;
	}
	.cardTextWrap .cardText {
		margin-left: 50px;
	}
}

@media(max-width: 767px){
	.cardIconWrap {
		width: 90px;
	}
	.cardTextWrap .cardText {
		margin-left: 90px;
	}
}

/* Zähler */

.counterWrap {
	position: relative;
}

.counterText {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.counterText {
	padding: 0 15px;
	color: #ededed;
	font-weight: bold;
}

.counterText > div {
	width: 100%;
}

.counterNumber {
	font-size: 5rem;
	margin-bottom: 0;
}

.counterUnit {
	font-size: 2.5rem;
}

/* Aktuelles & Jobs */

.newsHeadline {
	background: #8a6d3b;
	color: #fff;
	font-size: 2.2rem;
	padding: 10px;
	margin: 0;
}

.singleNewsHeadline{
	font-size: 20px;
	margin-bottom: 1.5rem;
}

.singleNewsTextWrap img {
	width: auto;
	max-width: 100%;
}

.singleNewsHeadline a{
	color: #000;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.singleNewsHeadline:hover a{
	color: #8a6d3b;
}

.newsInnerWrap {
	color: #737E86;
	/* padding: 1rem 1rem 4rem;
	margin-bottom: 20px; */
}


.readMoreLink a:hover{
	text-decoration: underline;
}

.newsDate {
	color: #373737;
	font-size: 13px;
	margin-bottom: 0.7rem;

}

.job-listing .job-preview .job-cta .apply-btn {
	border-radius: 5px!important;
	font-size: 14px!important;
	padding: 8px 26px!important;
}

.slick-next {
	right: -140px;
}

.slick-prev {
	left: -140px;
}

@media (max-width: 991px){
	.newsSlider button.slick-arrow{
		display: none!important;
	}
}

@media (max-width: 767px){
	.newsInnerWrap img{
		margin-left: 0;
		margin-bottom: 1rem;
	}
}

/* Bild und Text */

.picWithTextSection {
	overflow: hidden;
}

.roundImg {
	border-radius: 100%;
}

.picWithTextImg.fadeToLeft {
	-webkit-transform: translate(100%);
	-ms-transform: translate(100%);
	transform: translate(100%);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.picWithTextImg.fadeToRight {
	-webkit-transform: translate(-100%);
	-ms-transform: translate(-100%);
	transform: translate(-100%);
	opacity: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.picWithTextImg.fadeToLeft.fixMe, .picWithTextImg.fadeToRight.fixMe {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	opacity: 1;
}


@media (min-width: 992px){
	.textRight {
		text-align: right;
	}
}

/* Bild-Galerie */

#swipebox-overlay {
	background: rgba(13, 13, 13, 0.74);
}

.galleryRow img {
	width: 0;
	height: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.galleryRow.fixMe img {
	width: 100%;
	height: auto;
}

/* Kundenübersicht */

.customerSection {
	background-size: cover;
	background-repeat: no-repeat;
}

.customerName, .customerSection a{
	background: #ddd;
	color: #626262;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.customerName {
	padding: 2.2rem;
	font-size: 2.2rem;
}

.customerName:hover, .customerSection a:hover {
	background: rgba(69, 164, 160, 0.8);
	color: #fff;
}

/* Timeline */

.timelineRow h1, .timelineRow h2, .timelineRow h3, .timelineRow h4 {
	margin-top: 0;
}

.timelineRow {
	position: relative;
}

.timelineSection > div > div:nth-child(odd) {
	background: #f2f2f2;
}

.timelineSection > div > div:nth-child(even) {
	background: #fff;
}

.timelineRow:before {
	position: absolute;
	content: '';
	width: 0.4rem;
	left: 50%;
	margin-left: -0.2rem;
	height: 100%;
	background: #45a4a0;
}

.timelineRow:after {
	position: absolute;
	content: '';
	background: #cfcfcf;
	border-radius: 100%;
	border: 4px solid #45a4a0;
	width: 1.8rem;
	height: 1.8rem;
	left: 50%;
	margin-left: -0.9rem;
	top: 1.2rem;
}

.timelineSection > div > div:nth-child(odd) .timelineRightPart, .timelineSection > div > div:nth-child(even) .timelineRightPart {
	position: relative;
}

.timelineSection .timelineRightPart:after {
	position: absolute;
	content: '';
	width: 1.8rem;
	height: 2.4rem;
	left: 0;
	margin-left: -0.9rem;
	top: 0.9rem;
}

.timelineSection > div > div:nth-child(odd) .timelineRightPart:after {
	background: #f2f2f2;
}

.timelineSection > div > div:nth-child(even) .timelineRightPart:after {
	background: #fff;
}

.timelineRightPart {
	padding: 1rem 1.5rem 3rem 5rem;
}

.timelineLeftPart {
	padding: 1rem 5rem 3rem 1.5rem;
}

.timelineSection > .container {
	position: relative;
}

.timelineSection > .container:before, .timelineSection > .container:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 0.4rem;
	margin-left: -0.2rem;
	height: 1.2rem;
	border-radius: 6px;
	background: #45a4a0;
}

.timelineSection > .container:before {
	top: -1rem;
}

.timelineSection > .container:after {
	bottom: -1rem;
}

.timelineHeadline {
	font-size: 2rem;
	font-weight: 700;
	color: #45a4a0;
}

@media (min-width: 992px){
	.timelineRow > div {
		width: 50%;
	}

	.timelineRightPart.wantAborder {
		position: relative;
	}

	.timelineRightPart.wantAborder:before {
		position: absolute;
		content: '';
		left: 1.4rem;
		width: 2.6rem;
		border-radius: 4px;
		top: 1.8rem;
		background: #45a4a0;
		height: 4px;
	}

	.timelineLeftPart.wantAborder {
		position: relative;
	}

	.timelineLeftPart.wantAborder:before {
		position: absolute;
		content: '';
		right: 1.4rem;
		width: 2.6rem;
		border-radius: 4px;
		top: 1.8rem;
		background: #45a4a0;
		height: 4px;
	}
}


@media (max-width: 991px){
	.timelineRow > div {
		width: 100%;
	}

	.timelineRightPart {
		position: relative;
	}

	.timelineRightPart:before {
		position: absolute;
		content: '';
		left: 1.4rem;
		width: 2.6rem;
		border-radius: 4px;
		top: 1.8rem;
		background: #45a4a0;
		height: 4px;
	}

	.timelineRow:before {
		left: 0;
	}

	.timelineRow:after {
		top: 5.2rem;
		left: 0;
	}

	.timelineSection .timelineRightPart:after {
		width: 0.4rem;
		left: 0.7rem;
	}

	.timelineSection > .container:before, .timelineSection > .container:after {
		left: 15px;
	}
}

/* Kontakt */

.contactSecIcon {
	width: 2rem;
	margin-right: 1rem;
}


/* Icons 4-Col */

.icon4ColIcon {
	width: 5rem;
	height: 5rem;
}

.icon4ColIcon.centerMe {
	margin: 0 auto;
	display: block;
}

/* St-18 Tabelle */



.tableSection .container > div:first-of-type {
	margin-top: 0;
}

.tableSection .tableContainer > .tableRow > div {
	border-right: 1px solid #45A4A0;
	border-top: 1px solid #45A4A0;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.tableSection .tableContainer > .tableRow  p {
	margin-bottom: 0;
}

.tableSection .tableContainer > .tableRow > div:last-of-type {
	border-right: none;
}

.tableSection .tableContainer > .tableRow:first-of-type > div {
	border-top: none;
}

@media(max-width: 767px){
	.tableSection .fourColTable .col-xs-3 {
		min-width: 175px;
	}
	.tableSection .fourColTable  {
		min-width: 700px;
	}
	.tableSection {
		overflow: scroll;
	}
}

@media(max-width: 767px){
	.tableSection .threeColTable .col-xs-4 {
		min-width: 230px;
	}
	.tableSection .threeColTable  {
		min-width: 690px;
	}
	.tableSection {
		overflow: scroll;
	}
}




/* Video Section */

.videoSection + .fullWidthPicSection {
	margin-top: 7rem;
}
.videoSection {
	position: relative;
}

.videoSection.heroVideo {
	width: 100%;
	max-height: 90vh;
    height: 90vh;
	overflow: hidden;
	position: relative;
	top: 0;
	right: 0;
	z-index: -100;
}

@media(max-width: 991px){
    .videoSection.heroVideo {
        max-height: 85vh;
        height: 85vh;
        margin-top: -30px;
    }
	.videoTextInnerWrap {
		padding: 0.5rem 1rem!important;
		position: absolute;
		bottom: 2vw;
		max-width: 96vw;
	}
	.section-color-overlay {
		/*opacity: 0!important;*/
	}
}


.videoTextWrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}


video {
	width: 100%;
}

.heroVideo video{
	position: relative;
	width: auto;
	min-width: 100%;
	height: auto;
}

.videoTextInnerWrap {
	padding: 1rem 2rem;
	margin-top: auto;
	margin-bottom: auto;
}


/* Accordion */

.accordionHeadline p, .accordionHeadline h1, .accordionHeadline h2, .accordionHeadline h3, .accordionHeadline h4{
	font-size: 20px;
	padding: 9px 16px;
	line-height: 1.3;
	font-weight: 400;
	margin: 0;
}

.accordionWrap {
	border: 1px solid #dfe1e5;
	border-radius: 8px;
}

.accordionSection .accordion-title {
	margin: 0;
	padding: 9px 40px 9px 16px;
	border-top: 1px solid #dfe1e5;
}

.accordionSection .accordion-content {
	padding: 16px 16px 10px;
}

.accordionSection .accordion-title a{
	position: relative;
	color: #333;
	display: block;
}

.accordionSection .accordion-title a:after{
	position: absolute;
	content: '';
	background-image: url('../images/arrow.png');
	width: 12px;
	height: 7px;
	background-size: cover;
	background-repeat: no-repeat;
	top: 50%;
	right: -10px;
}

.accordionSection .accordion-title a.collapsed:after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Bild, Text mit Hintergrundbild */

.ctaSection2 {
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow-y: hidden;
}

.ctaSection2 .innerWrap{
	padding: 5rem 3.5rem;
	margin-bottom: 1rem;
}

.ctaSection2 .ctaCard{
	padding: 15px;
}

.ctaSection2 .ctaCardInner{
	margin-top: 0;
	margin-bottom: 0;
}

.ctaName {
	position: absolute;
	color: #fff;
	z-index: 99;
}

/* Kundenmeinungen#2 - Testimonials */

.testimonialsSection2 {
	overflow: hidden;
}


.testimonialsSection2 .slick-prev, .testimonialsSection2 .slick-next {
	width: 41px;
	height: 78px;
}

@media(max-width: 991px){
	.testimonialsSection2 .slick-prev, .slick-next {
		display: none!important;
	}
}

.testimonialsSection2 .slick-prev {
	background: url(../images/control-left.png);
	left: -60px;
	background-size: contain;
}

.testimonialsSection2 .slick-next {
	background: url(../images/control-right.png);
	right: -60px;
	background-size: contain;
}

.testimonialsSection2 .slick-slider li:before {
	display: none;
}

.testimonialsSection2 .slick-dots {
	bottom: -40px;
}

.testimonialsSection2 .slick-dots li button:before {
	opacity: 1;
	content: '';
	height: 8px;
	background: rgba(65, 83, 93, 0.2);
}

.testimonialsSection2 .slick-dots li.slick-active button:before {
	background: #45a4a0;
	opacity: 1;
}

.testimonialsSection2 .testimonialTextWrap img {
	max-width: 200px;
	margin-left: 30px;
}

.testimonialsSection2 .vorteileWrap {
	background: #45a4a0;
	color: #fff;
	padding: 1rem 2rem;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -40px;
	font-size: 22px;
}

.testimonialsSection2 .vorteileWrap strong{
	font-size: 30px;
}

.posRel {
	position: relative;
}

@media(max-width: 991px){
	.testimonialsSection2 .testimonialTextWrap img {
		display: none!important;
	}

	.testimonialsSection2 .vorteileWrap {
		display: none;
	}
}


/* Google Maps */

.gmapsSection iframe{
	width: 100%;
	height: 67.6rem;
	margin-bottom: -6px;
}

.mapsContent {
	color: rgba(45,41,38,0.5);
	font-size: 1.6rem;
}

.mapsSwitcher {
	padding-left: 15px;
	padding-right: 15px;
}

.slider.round {
	border-radius: 34px;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 26px;
}

.switch input {
	display: none;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.slider.round:before {
	border-radius: 50%;
}

input:checked + .slider {
	background-color: #45a4a0;
}

input:checked + .slider:before {
	-webkit-transform: translateX(14px);
	-ms-transform: translateX(14px);
	transform: translateX(14px);
}

.contactSection iframe {
	width: 100%;
}

/* FOOTER */

footer {
	background: #37556b;
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: 5px solid #ffffff;
}

.page-template-news footer, .page-template-team footer, .single-news footer, .category footer{
	margin-top: 6rem;
}

footer a, footer p{
	color: white;
	margin-right: 12px;
}

footer img{

}

.footerHeadline, .footerHeadline a{
	color: #f5f5f5;
	text-decoration: underline;
}

footer img.footerContactIcon {
	width: 2rem;
	margin-right: 1rem;
}

.footerHeadline{
	margin-bottom: 2rem;
}

.bottomFooter {
	margin-top: 4rem;
	border-top: 1px solid #cccccc;
	padding-top: 2rem;
}

.bottomFooter > .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bottomFooter > .container:before, .bottomFooter > .container:after {
	display: none;
}

.impressumFooter {
	margin-right: 1.5rem;
}

/* Team Profilseite Bild verkleinern */

.page-id-1899 .picWithTextSection img {
	width: 60%;
	height: auto;
	float: right;
}

/*Bild bei Anmeldung verkleinern und rechtsbündig setzen*/
.page-id-1834 .picWithTextSection img {
	max-width: 20rem;
	float: right;
}

/* Google Bewertungen */

.topHeaderWrapper {
	background: #d2d2d2;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

.topHeaderWrapper .leftPart a{
	margin-top: 3px;
	display: inline-block;
}

.topHeaderWrapper .leftPart a:last-of-type{
	margin-left: 20px;
}

.innerRating {
	position: absolute;
	height: 100%;
	background-image: url(../images/star-white.svg);
	background-size: contain;
}

.starRating {
	background-repeat: repeat-x;
	width: 109px;
	height: 19px;
	background-size: contain;
	margin-right: 0.8rem;
	display: inline-block;
	position: relative;
	background-image: url(../images/star-gray.svg);
	top: 3px;
	margin-left: 15px;
}

@media (max-width: 991px){
	.topHeaderWrapper .leftPart {
		display: block;
		width: 100%;
		text-align: center;
	}
	.topHeaderWrapper .rightPart {
		display: block;
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 380px){
	.topHeaderWrapper .leftPart a:last-of-type{
		margin-left: 0px;
		display: block;
		margin-bottom: 5px;
	}
}

@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("../fonts/fa-regular-400.eot");
	src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url("../fonts/fa-solid-900.eot");
	src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa, .fab, .fad, .fal, .far, .fas, .fa-solid {
	font-family: 'Font Awesome 5 Pro'!important;
}

/* WooCommerce */

.topBarCart {
	position: relative;
}
.topBarCart a {
	position: relative;
	padding: 0.8rem 1rem 0.6rem 4rem;
	display: inline-block;
	color: white;
	font-size: 16px;
}

.topBarCart a:hover {
	text-decoration: none;
}

.cross-sells h2, .related.products h2 {
	margin-bottom: 3rem;
}

.productImgWrap > img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.categoryName, .productName {
	color: #8a6d3b;
	font-weight: 700;
	margin-top: 1rem;
	font-size: 2.4rem;
}

.productImgWrap {
	overflow: hidden;
	border-radius: 8px;
}

.productImgWrap:hover > img {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

@media (min-width: 768px){
	.mobileCart{
		display: none;
	}
	.mt-md-7 {
		margin-top: 7rem!important;
	}
}

@media (max-width: 767px){
	.mobileCart {
		position: absolute;
		right: 50px;
		top: 12px;
	}
	.mobileCart a {
		border: none;
		color: #fff;
	}

	.mobileCart a span {
		background: #fff;
		color: #8a6d3b;
		border-radius: 100%;
		width: 20px;
		height: 20px;
		display: inline-block;
		text-align: center;
		line-height: 1.5;
		font-size: 12px;
	}

	.topBarCart a:before {
		background-image: url('../images/cart-icon-white.png');
		left: 0.8rem;
	}
}

/* WooCommerce Sidebar */

#sidebar {
	border-left: 1px solid #8a6d3b;
}

#sidebar h3{
	margin-top: 0;
}

#sidebar .widget_product_categories > ul{
	padding-left: 0;
}

#sidebar .widget_product_categories ul{
	list-style: none;
}

#sidebar .widget_product_categories ul.product-categories > li.cat-item {
	font-weight: 700;
}

#sidebar .widget_product_categories ul.product-categories > li.cat-item ul li.cat-item {
	font-weight: 400;
}

#sidebar .widget_product_categories ul.product-categories > li.cat-item a {
	text-decoration: none;
}

@media (max-width: 991px){
	#sidebar {
		margin-top: 2rem;
		margin-bottom: 6rem;
	}
}



.wpforms-form button {
	background-color: #243743 !important;
	color: #fff !important;
}

.top-content .text {
	color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover,
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control {
	height: 50px;
	margin: 0;
	padding: 0 12px;
	vertical-align: middle;
	background: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
}
.form-box .btn {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	line-height: 50px;
	font-weight: 700;
}
.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #37556b;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #fff;
	line-height: 100px;
	text-align: right;
	opacity: 0.3;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #37556b;
	background: rgba(255, 24,112, 0.3);
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #19b9e7;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}

.middle-border {
	min-height: 300px;
	margin-top: 170px;
	border-right: 1px solid #fff;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.w-100 {
	width: 100%!important;
}

.float-right {
	float: right;
}

.mt-3 {
	margin-top: 3rem!important;
}

.mb-3 {
	margin-bottom: 3rem!important;
}

.mb-5 {
	margin-bottom: 5rem!important;
}

.mt-2 {
	margin-top: 2rem!important;
}

.mt-5 {
	margin-top: 5rem!important;
}

.mt-7 {
	margin-top: 7rem!important;
}

.pb-5 {
	padding-bottom: 5rem!important;
}

.pt-5 {
	padding-top: 5rem!important;
}

.acf-field-group>.acf-label>label, .acf-field-google-map>.acf-label>label {
	color: #37556b;
	font-size: 20px!important;
}

.header-container {
	position: relative;
}

.header-container .logo {
	width: auto /* 179px */;
	height: 125px;
	position: absolute;
	right: 30px;
	bottom: 50%;
	object-fit: contain;
	transform: translateY(50%);
	border: 1px solid #37556b;
	padding: 3px;
	background: #fff;
}

.header-container .header-image {
	max-height: 600px;
	object-fit: cover;
}

.headline-container {
	transform: translate(0, -50%);
	position: absolute;
	width: 100%;
	top: 40%;
	left: 10%;
	text-align: left;
	padding: 30px;
	margin: 0 auto;
}

.headline-inner-container {
	position: relative;
}

.h1-container {
	/*
    background-color: rgb(201, 201, 201, 0.8);
     padding: 30px 40px; */
	margin-bottom: 10px;
}

.h1-container h1 {
	text-align:left !important;
	background: #37556b;
	display: inline;
	padding: 20px 14px!important;
	box-decoration-break: clone;
	line-height: 1.4em;
	margin: 0 !important;
	color: #fff;
}

.h2-container-desktop h2 {
	border: 3px solid #37556b;
}


@media (min-width: 768px){
	.h2-container-mobile {
		display: none;
	}

	.h2-container-desktop {
		display: inline;
		margin-left: 14px;
	}

	.h2-container-desktop h2 {
		color: #37556b;
		padding: 12px;
		background: white;
		box-decoration-break: clone;
		display: inline;
	}

	.headline-inner-container {
		padding: 0 250px 0 30px;
	}
}

@media (max-width: 767px){
	.h2-container-desktop {
		display: none;
	}

	.h2-container-mobile {
		margin-left: 32px;
		margin-right: 32px;
		margin-top: 55px;
		margin-bottom: -40px;
	}
	.headline-container {
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;
		transform: translate(0px, -50%)
	}
}

@media (min-width: 768px) and (max-width: 1200px){
	.h1-container h1 { font-size: 4rem; }
	.h2-container-desktop h2 { font-size: 22px; }
}

.h1-container h1 {
	margin: 0;
}

p {
	/*color: #37556b; */
	font-size: 18px;
}

.color-primary {
	color: #37556b;
}

.background-primary {
	background-color: #37556b;
}

.text-cursiv {
	font-style: italic;
}

.text-20 {
	font-size: 20px;
}

.media-container .picture-item {
	padding: 15px;
}

/*  Bootstrap 4 Card */

.box-text {
	margin-left: 14px;
	text-align: left;
	overflow: hidden;
	color: #37556b;
	font-size: 20px;
	line-height: 1;
}

.card-body .center-childs:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.card-body h3 {
	margin: 0;
}

.card-body i.fas, .card-body i.far {
	width: 25px;
	min-width: 25px;
	margin-left: 5px;
	color: #37556b;
	text-align: center;
	font-size: 20px;
}

.card-body .center-childs {
	padding: 10px 0;
	border-bottom: 1px solid #ecebeb;
}

.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem
}

.card-title {
	margin-bottom: .75rem
}

.card-subtitle {
	margin-top: -.375rem;
	margin-bottom: 0
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-link+.card-link {
	margin-left: 1.25rem
}

.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0,0,0,.03);
	border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
	border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: rgba(0,0,0,.03);
	border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
	margin-right: -.625rem;
	margin-bottom: -.75rem;
	margin-left: -.625rem;
	border-bottom: 0
}

.card-header-pills {
	margin-right: -.625rem;
	margin-left: -.625rem
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem
}

.card-img {
	width: 100%;
	border-radius: calc(.25rem - 1px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
	height: 250px;
	object-fit: cover;
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(.25rem - 1px);
	border-bottom-left-radius: calc(.25rem - 1px);
}

.salespartner-list .card-body h3 {
	color: inherit;
	font-size: inherit;
	margin-top: inherit;
	margin-bottom: inherit;
}

.card-body img {
	margin-top: 16px;
}

.form-select {
	height: 50px;
	margin: 0;
	padding: 0 12px;
	vertical-align: middle;
	background: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 4px;
}

ul.ui-menu {
	color: #37556b;
	font-family: inherit;
}

ul.ui-menu .ui-menu-item {
	padding: 6px 10px;
}

ul.ui-menu .ui-menu-item:hover {
	color: white;
	background-color: #37556b;
	cursor: pointer;
}

ul.ui-menu .ui-menu-item:hover div {
	color: white;
	background-color: #37556b;
	background: #37556b;
}

.ui-menu .ui-menu-item div {
	color: #37556b;
	font-family: inherit;
}

ul.ui-menu .ui-state-active {
	border: inherit;
}

.rangeslider__fill {
	background: #37556b!important;
}

.range-output {
	margin-top: 10px;
	text-align: center;
}

.checkbox-row div {
	font-size: 20px;
	margin-bottom: 6px;
}

.checkbox-row .unchecked {
	color: #c4c4c4;
}

.checkbox-row .checked i {
	color: #3c763d;
	font-weight: bold;
}

table {
	width: 100%;
}

thead tr {
	border-bottom: 1px solid #37556b;
}

table td, th {
	padding-top: 5px;
	padding-bottom: 5px;
}

tbody tr:first-of-type td {
	padding-top: 15px;
}

.acf-tab-wrap {
	position: sticky;
	top: 0px;
}

.background-primary h2, .background-primary p {
	color: white;
}

.sticky-button-wrapper {
	position: sticky;
	bottom: -3px;
	margin-right: auto;
	margin-left: auto;
	width: 220px;
}

.sticky-button-wrapper a {
	padding: 14px 0px;
	font-size: 20px;
	width: 100%;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
	max-width: 700px;
}

.mh-modal {
	position: relative;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #fefefe;
	border-radius: 4px;
}

.mh-modal .modal-header {
	background: #37556b;
	border: none;
	color: #fff;
	padding: 12px 16px;
	font-size: 22px;
	font-weight: bold;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.mfp-close-btn-in .mfp-close {
	color: white!important;
}

.mh-modal .modal-body {
	padding: 34px;
}

.mt-0 {
	margin-top: 0!important;
}

.form-row {
	margin-left: -15px;
	margin-right: -15px;
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem;
}

.form-check-label {
	margin-left: 20px;
}

textarea.form-control {
	height: auto!important;
}

.acf-form .acf-fields.-border {
	border: inherit;
}

.acf-form .acf-field .acf-label {
	margin: 0 0 2px;
}

.acf-form .acf-fields>.acf-field {
	padding: 8px 6px;
}

.acf-form ul.acf-radio-list li, .acf-form ul.acf-checkbox-list li {
	font-size: 16px;
	line-height: 24px;
}

.acf-form .form-control {
	font-size: 16px;
}

.acf-form {
	font-size: 16px;
}

.acf-fields>.acf-tab-wrap .acf-tab-group li a {
	font-size: 18px!important;
}
.acf-form .acf-field-true-false {
	display: inline-flex;
	width: 100%;
}

.acf-form .acf-field-true-false .acf-label {
	order: 1;
	margin-left: 9px;
}

.acf-form label {
	font-weight: inherit;
}

.acf-form-submit.text-center {
	position: sticky;
	bottom: 0;
	z-index: 999999999;
}

.acf-field p.description {
	font-size: 14px;
}

.acf-field.acf-field-group, .acf-field.acf-field-google-map {
	border: 1px solid #37556b!important;
	margin: 16px 10px!important;
	padding: 14px!important;
	border-radius: 6px;

}

.fab-container {
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 999;
	cursor: pointer;
}

.fab-icon-holder {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #016fb9;

	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.fab-icon-holder:hover {
	opacity: 0.8;
}

.fab-icon-holder i {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 100%;
	font-size: 25px;
	color: #ffffff;
}

.fab {
	width: 60px;
	height: 60px;
	background: black;
}

.fab-options {
	list-style-type: none;
	margin: 0;

	position: absolute;
	bottom: 70px;
	right: 0;

	opacity: 0;

	transition: all 0.3s ease;
	transform: scale(0);
	transform-origin: 85% bottom;
}

.fab:hover+.fab-options,
.fab-options:hover {
	opacity: 1;
	transform: scale(1);
}

.fab-options li {
	display: flex;
	justify-content: flex-end;
	padding: 5px;
}

.fab-label {
	padding: 2px 5px;
	align-self: center;
	user-select: none;
	white-space: nowrap;
	border-radius: 3px;
	font-size: 16px;
	background: #666666;
	color: #ffffff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
	margin-right: 10px;
}

.content .acf-form .acf-gallery-sort {
	display: none;
}

.acf-gallery[data-columns="8"] .acf-gallery-attachment {
	width: 25%!important;
}

.acf-form input.form-control {
	height: 34px;
	margin: 0;
	padding: 0 8px;
}

.freeTextSection p {
	color: inherit;
}

body .btn-success {
	background-color: #ea6463;
	border-color: #ea6463;
}

body .btn-success:hover {
	background-color: #9bb5b7;
	border-color: #9bb5b7;
}

.trennlinie {
	width: 100%;
	height: 10px;
	background-color: #37556b;
}

.angebot {
	background-color: #9bb5b7;
}

.angebot .container .row {
	padding: 24px;
	background-color: #e0efee;
	border-radius: 24px;
	border: 14px solid white;
}

/*.angebot .img-container {*/
	/*padding: 20px 60px;*/
/*}*/

.angebot .text-container {
	padding: 20px;
}

.angebot h3 {
	font-family: "Permanent Marker";
	color: #9bb5b7;
}

.angebot p {
	color: #9bb5b7;
}

@media (min-width: 768px) {
	.to_bottom {
		margin-top: auto;
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

body ul, body ol {
	margin-left: -22px;
}

.preise h4 {
	color: #37556b;
	font-size: 22px;
	margin-bottom: 0;
}


.paket-wrap .paket {
	text-align: center;
	background-color: #37556b;
	padding: 20px 14px;
	border-radius: 8px;
	font-weight: 700;
}

.paket-wrap {
	padding: 20px;
}

.paket .price {
	font-size: 20px;
}

.bold {
	font-weight: 700;
}

ul li {
	font-size: 20px;
	list-style-type: none;
}

section ul li:before {
	content: "\f6e3";
	font-family: 'Font Awesome 5 Pro';
	padding-right: 10px;
}

.interesse h2, .interesse .h2, .interesse a {
	color: white;
	text-align: center;
}

.interesse a {
	border-color: white;
	font-size: 20px;
	margin-top: 11px;
	background-color: #be6661;
}

.interesse {
	text-align: center;
}

.interesse .btn:hover {
	background-color: white;
	color: #37556b;
}

.contactSection h2, .contactSection p {
	color: white;
}

.contactSection {
	text-align: center;
}

@media(min-width: 768px) {
	.slick-slide p {
		min-height: 185px;
	}

	.kundenbereich .slick-slide p {
		min-height: 100px;
	}
}

.contact img {
	width: 3rem;
	height: 3rem;
}

.contact a {
	color: white;
	font-size: 24px;
}

.exclusive-description {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 18px;
	padding: 0 18px;
}

.col-md-12 .generic_content {
	padding: 14px 0;
}

#preise .col-md-12 .generic_content .generic_price_btn {
	margin: 20px 0 20px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background: #ea6463!important;
	border: #ea6463!important;
}

.slider-wrapper {
	padding: 0 20px;
}

#WAButton {
	position: fixed;
	bottom: 15px;
	right: 15px;
	font-size: 14px;
	transition: bottom .2s;
}

#WAButton .floating-wpp-button {
	position: relative;
	border-radius: 50%;
	box-shadow: 1px 1px 4px rgba(60,60,60,.4);
	transition: box-shadow .2s;
	cursor: pointer;
	overflow: hidden;
	width: 72px;
	height: 72px;
	background-color: rgb(37, 211, 102);
}

#WAButton .floating-wpp-button img, .floating-wpp .floating-wpp-button svg {
	border-radius: 72px;
	position: absolute;
	width: 100%;
	height: auto;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}

@media (max-width: 767px) {
	#WAButton {
		bottom: 5px;
		right: 5px;
	}

	#WAButton .floating-wpp-button {
		width: 50px;
		height: 50px;
	}
}

.box {
	box-shadow: 4px 2px 12px 3px #d5d5d5;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: white;
}

.box h2 {
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 24px;
}

.box div {
	font-size: 18px;
	line-height: 1.7;
}

.box i {
	color: #ea6463;
	margin-right: 6px;
	font-size: 24px;
}

.box svg {
	margin-right: 6px;
	padding-top: 4px;
}

/* Style the tab */
.tab {
	float: left;
	background-color: #38546b;
	width: 30%;
	/*
	height: 300px;
	border: 1px solid #ccc;

	 */
}

/* Style the buttons inside the tab */
.tab button {
	display: block;
	background-color: inherit;
	color: white;
	width: 100%;
	border: 1px solid white;
	padding: 12px 14px;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #eb6462;
}

/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #eb6462;
}

/* Style the tab content */
.tabcontent {
	float: left;
	padding: 0px 22px 8px;
	border: 1px solid #ccc;
	width: 70%;
	display: none;
}

@media (max-width: 767px) {
	.tab {
		width: 40%;
	}
	.tabcontent {
		width: 60%;
	}
	.tab button {
		font-size: 14px;
	}
	.iphone-x {
		height: 325px;
		width: 150px;
		box-shadow: 0px 0px 0px 3px #1f1f1f, 0px 0px 0px 5px #191919, 0px 0px 0px 6px #111;
	}
	h3, .h3 {
		font-size: 20px;
	}
}

.tabcontent.open {
	display: block;
}

.flexRow.maTo6 {
	box-shadow: 4px 2px 12px 3px #d5d5d5;
	padding: 40px 30px;
}

img.picWithTextImg {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.picWithTextImgWrap {
	text-align: center;
}

.flexRow.maTo6 .h3 {
	margin-top: 0;
}

.strong-view.wpmtst-default .wpmtst-testimonial-heading {
	font-size: 22px;
}

.strong-view.wpmtst-default .wpmtst-testimonial.t-slide {
	box-shadow: 4px 2px 12px 3px #d5d5d5;
	border-radius: 10px;
	padding: 6px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color: white;
}

.strong-view.wpmtst-default .wpmtst-testimonial-heading {
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	padding-left: 30px!important;
	text-transform: uppercase;
	line-height: 24px;
	background: none!important;
}

h3.wpmtst-testimonial-heading.testimonial-heading:before {
	content: "\f10e";
	position: absolute;
	left: 25px;
	font-size: 24px;
	font-family: 'Font Awesome 5 Pro'!important;
	color: #ea6463;
}

.wpmslider-wrapper {
	margin-top: 30px!important;
}

.strong-view.wpmtst-default .wpmtst-testimonial.t-slide {
	margin-top: 10px!important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {
	padding-bottom: 2px!important;
}

.wpmslider-viewport {
	min-height: 435px!important;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
	-webkit-mask: url(https://mein-handwerker-app.de/wp-content/plugins/strong-testimonials/public/svg/chevron-right-solid.svg) center center no-repeat!important;
	mask: url(https://mein-handwerker-app.de/wp-content/plugins/strong-testimonials/public/svg/chevron-right-solid.svg) center center no-repeat!important;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
	-webkit-mask: url(https://mein-handwerker-app.de/wp-content/plugins/strong-testimonials/public/svg/chevron-left-solid.svg) center center no-repeat!important;
	mask: url(https://mein-handwerker-app.de/wp-content/plugins/strong-testimonials/public/svg/chevron-left-solid.svg) center center no-repeat!important;
}

.container.post-container {
	max-width: 900px;
	width: 100%;
	margin-top: 120px;
}


@media (max-width: 767px) {
	.container.post-container {
		margin-top: 30px;
	}
}

.container.post-container ul li {
	font-size: 19px;
	line-height: 1.9em;
	margin: 0.6em 0;
	padding: 0;
	list-style-type: circle;
}

.container.post-container p {
	font-size: 19px;
	line-height: 1.9em;
	display: inline-block;
	margin: 1.6em 0 0.8em;
	padding: 0;
}

.container.post-container h1 {
	font-weight: bold;
}

.container.post-container h2 {
	margin-top: 2.4em!important;
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: bold;
}

.container.post-container h3 {
	margin-top: 2.4em!important;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
}

.container.post-container .antwort p {
	margin: 0;
}

.faqs {
	margin-bottom: 60px;
}

.container.post-container a {
	text-decoration: underline;
}

.grecaptcha-badge {
	display: none;
}

#preise .table td:first-child, #preise .table th:first-child {
	text-align: left;
}
#preise .table td, #preise .table th {
	text-align: center;
	padding: 5px 15px;
	font-size: 18px;
	border: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
	#preise .generic_content {
		overflow-x: scroll;
	}
	#preise .table td:first-child, #preise .table th:first-child {
		max-width: 155px;
		padding: 5px 9px;
		font-size: 14px;
		padding-top: 10px;
		line-height: 1;
	}
	#preise .table td, #preise .table th {
		font-size: 14px;
		padding-top: 6px;
	}
}

#preise tbody tr:first-of-type td {
	padding-top: 8px;
}
#preise .booking_button {
	text-align: center!important;
	background-color: #ea6463;
	border: 2px solid #ea6463 !important;
}
#preise .booking_button:hover {
	background-color: white;
}
#preise .booking_button a {
	color: white;
	font-weight: bold;
	padding: 14px !important;
	display: block;
}
#preise .booking_button:hover a {
	color: #ea6463;
}