/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child bildet die Basis für das Design dieser Webseite. Die finale Visualisierung wurde unter anderem mittels folgendem CSS-Code von der Firma ORTHOtechnik realisiert.
Author: Elementor Team, Ewald Littringer von ORTHItechnik Falkensammer
Author URI: https://elementor.com/
Template: hello-elementor
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.n
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
	font-family: "Pontano Sans";
	src: url(fonts/pontano-sans-v13-latin-regular.eot);
	src: url(fonts/pontano-sans-v13-latin-regular.eot#) format("eot"),
		 url(fonts/pontano-sans-v13-latin-regular.woff) format("woff"),
		 url(/httpdocs/wp-content/themes/hello-theme-child-master/fonts/pontano-sans-v13-latin-regular.woff2) format("woff2"),
		 url(fonts/pontano-sans-v13-latin-regular.ttf) format("truetype"),
		 url(fonts/pontano-sans-v13-latin-regular.svg#PontanoSans) format("svg");
	font-display: swap !important;
}


@font-face {
	font-family: "Oswald";
	src: url(fonts/oswald-v49-latin-regular.eot);
	src: url(fonts/oswald-v49-latin-regular.eot#) format("eot"),
		 url(fonts/oswald-v49-latin-regular.woff) format("woff"),
		 url(fonts/oswald-v49-latin-regular.woff2) format("woff2"),
		 url(fonts/oswald-v49-latin-regular.ttf) format("truetype"),
		 url(fonts/oswald-v49-latin-regular.svg#PontanoSans) format("svg");
	font-display: swap !important;
}

body {
	appearance: unset !important;
	max-width: 100% !important;
	color: #444447 !important;
	font-family: "Pontano Sans" !important;
	font-size: 18px !important;
}

body a {
	color: #444447 !important;
}

body a:hover {
	color: #54595F !important;
}

#header_area {
	appearance: none !important;
	background-color: #fff !important;
	padding: 5px !important;
	box-shadow: 0 5px 10px #999 !important;
}

#LogoHeader {
	display: block !important;
}

#LogoHeader img {
	max-height: 85px !important;
}

#LogoHeader a {
	display: block !important;
	max-width: 285px !important;
}

#LogoHeaderHolder {
	width: 27% !important;
	padding: 10px !important;
	float: left !important;
	box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

#HeaderNavHolder {
	width: 67% !important;
	padding: 10px 0 10px 0 !important;
	float: left !important;
	box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

#HeaderSearchHolder {
	width: 6% !important;
	padding: 10px 10px 10px 0 !important;
	float: left !important;
	box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

#FooterAlt .elementor-icon-list-icon i {
	color: #fff !important;
	font-size: 16px !important;
}

#FooterBox {
	background-color: transparent;
    background-image: linear-gradient(180deg, var( --e-global-color-5696bb76 ) 0%, #FFFFFF 100%);
	margin-top: 160px !important;
	padding: 75px 40px 75px 40px !important;
	font-size: 16px !important;
}

#FooterBox .elementor-icon-list-icon i {
	margin-top: 3px !important;
}

#FooterBox .elementor-icon-list-item, #FooterBox .elementor-icon-list-item a {
	align-items: start !important;
}

#FooterBox li a {
	transition: all 0.2s ease-in-out !important;
}

#FooterBox li a:hover {
	padding-left: 15px !important;
	transition: all 0.2s ease-in-out !important;
}

#FooterHolder .elementor-icon-list-icon i {
	color: #fff !important;
}

.FooterCopyrightBox {
	width: 100% !important;
	color: #F5F5F5 !important;
	font-size: 0.8em !important;
}

#FooterBox .elementor-icon.elementor-social-icon {
	width: none !important;
	height: none !important;
	padding: 8px !important;
}

.social-media-box {
	margin-top: .8em !important;
	margin-bottom: 1.5em !important;
	padding: 0px !important;
	flex-direction: row !important;
	justify-content: right !important;
	gap: 15px !important;
}

.social-media-box-standort {
	margin-top: 2rem !important;
	padding: 0px !important;
	flex-direction: row !important;
	gap: 15px !important;
}

.social-media {
	width: 35px !important;
    transition: all 0.3s ease-in-out;
}

.social-media a svg {
	width: 35px !important;
}

.social-media:hover {
	width: 35px !important;
    transition: all 0.3s ease-in-out;
}

.elementor-nav-menu li:last-child {
	border: #444447 2px solid !important;
	border-radius: 10px !important;
	transition: all .2s ease-in-out !important;
}

.elementor-nav-menu li:last-child:hover {
	background: #444447 !important;
	color: #fff !important;
	transition: all .2s ease-in-out !important;
}

.elementor-nav-menu li:last-child a:hover {
	color: #fff !important;
}

.elementor-nav-menu li:last-child .elementor-item:after {
	display: none !important;
}

.sub-menu {
	width: 100% !important;
	font-size: 1rem !important;
}

.sub-menu li:last-child {
	border: none !important;
}

.sub-menu li:last-child:hover {
	background: none !important;
}

.sub-menu a {
	padding: 20px !important;
}

.sub-menu li:last-child a:hover {
	color: #444447 !important;
}

.sub-arrow {
	font-size: 15px !important;
}

h1 {
	font-family: Oswald !important;
	font-weight: 600 !important;
}

h2 {
	font-family: Oswald !important;
	font-weight: 600 !important;
	line-height: 1.1em !important;
}

h3 {
	font-family: Oswald !important;
	font-size: 1.6em !important;
	line-height: 1.2em !important;
}

h4 {
	font-family: Oswald !important;
	font-size: 1.3em !important;
	padding: 0 !important;
}

h5 {
	font-family: Oswald !important;
	font-size: 1.3em !important;
}

h6 {
	font-family: Oswald !important;
	font-size: 1em !important;
	font-weight: normal;
}

em {
	font-style: normal !important;
}

ul {
	list-style-position: outside;
	padding-left: 25px
}

ol {
	list-style-position: outside;
	margin-left: -20px !important;
}

li {
	padding-bottom: 0.6em;
	line-height: 1.2em;
}


/*--------------------------------------Buttons_1--------------------------------------*/

.elementor-button {
	background: #444447 !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	margin-top: 0.5em;
}

.elementor-button:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

.StartSliderBoxTop .elementor-button {
	background: #444447 !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	margin-top: 0.5em;
}

.StartSliderBoxTop .elementor-button:hover {
	background: rgba(255,255,255,0.8) !important;
	color: #444447 !important;
}

.StartShortMenue .elementor-inline-items {
	text-align: center !important;
	margin-top: 4em !important;
	justify-content: center !important;
}

.StartShortMenue li a {
	min-width: 130px !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 10px !important;
	margin: 0 !important;
	justify-content: center !important;
	transition: all .2s ease-in-out !important;
}

.StartShortMenue li a:hover {
	background: #444447 !important;
	color: #fff !important;
	transition: all .2s ease-in-out !important;
}

.TitelBox {
	min-height: 600px !important;
	background-size: cover !important;
	background-repeat: none !important;
	background-position: center !important;
	padding: 0px !important;
	margin-bottom: 4em;
	transition: all .2s ease-in-out !important;
}

.elementor-icon-list-icon i {
	color: #444447 !important;
}

.StartBanner .elementor-container.elementor-column-gap-default {
	margin: 0 !important;
}

.StartBanner {
	max-width: 1140px !important;
	background-size: cover;
    background-position: center top;
	padding: 50px !important;
	margin: 2rem auto 2rem auto !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

.StartBannerText {
	background: rgba(255,255,255,0.9) !important;
	padding: 35px !important;
}

.StartBanner h2 {
	font-size: 3rem;
	margin-bottom: 10px !important;
}

.SearchBoxHolder {
	padding: 0px;
	margin: 5em 0 5em 0 !important;
}

.SearchBox {
	background-color: #E2E3E4 !important;
	padding: 10px !important;
	border-radius: 10px;
}

#NewsInfoBox {
	background-color: #E2E3E4;
	padding: 25px;
	margin-top: 50px;
	border-radius: 10px;
}

.NewsTibi img {
	border-radius: 10px !important;
	margin-bottom: 1em !important;
}

#BeratungsterminBox {
	background: #E2E3E4 !important;
	color: #444447;
	border-radius: 10px;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 15px;
	align-content: center !important;
	align-items: center !important;
}

#BeratungsterminBox h5 {
	font-size: 1.3em !important;
	margin-top: -1px !important;
}

#BeratungsterminBox h5 a:hover {
	color: #7A7A7A;
}

#BeratungsterminBox .elementor-button {
	background: #444447 !important;
	color: #E2E3E4 !important;
	border: #444447 2px solid;
	border-radius: 6px;
	padding: 15px 25px 15px 25px !important;
}

#BeratungsterminBox .elementor-button:hover {
	background: #E2E3E4 !important;
	color: #444447 !important;
}

#PreisHolder {
	background-color: #e2e3e4;
	padding: 10px;
	border-radius: 6px;
}

#SymbolBox {
	width: 25%;
	max-width: 105px;
	padding: 0;
	border-radius: 6px;
	border: 1px solid #E2E3E4;
	margin-right: 5px;
	box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

#SymbolBox:last-child {
	margin-right: -15px;
}

#Produktanfrage {
	background-color: #444447;
	color: #ffffff;
	font-size: 16px;
	border: #444447 2px solid;
	border-radius: 6px;
	padding: 15px 30px;
}

#Produktanfrage:hover {
	background-color: #A6D0E6;
	color: #444447;
	font-weight: bold;
	border: #444447 2px solid;
}

.PageDescription {
	margin-top: 100px;
}

.page-numbers {
	min-width: 30px !important;
	min-height: 30px !important;
	border: #444447 2px solid !important;
    border-radius: 6px !important;
    padding: 2px 10px 2px 10px !important;
	margin-top: 5px !important;
	display: inline-block !important;
}

#button-kontaktformular {
	min-width: 190px;
}

#button-anrufen {
	min-width: 190px;
	background-color: #00AA46 !important;
	color: #ffffff !important;
	border: #00AA46 2px solid !important;
}

#button-anrufen:hover {
	background-color: #ffffff !important;
	font-weight: bold !important;
	color: #00AA46 !important;
}

#button-vCard {
	min-width: 190px;
	background-color: #fff !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

#button-vCard:hover {
	background-color: #444447 !important;
	font-weight: bold !important;
	color: #fff !important;
}

.TeamSampler {
	--image-border-radius: 10px !important;
}

.Hellgrau  {
	background-color: #F5F5F5 !important;
	border-radius: 10px !important;
	margin-top: 3em !important;
}


/*-------------------------------------- Produkt-Collector --------------------------------------*/

.ProduktCollectorHolderStart .elementor-grid-item, .ProduktCollectorHolderStart .has-post-thumbnail, .ProduktCollectorHolderStart .elementor-section-wrap, .ProduktCollectorHolderStart .elementor-top-section{
	display: flex !important;
	flex-wrap: wrap !important;
}

.ProduktCollectorSingleBox {
	background-color: #fff !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	overflow: hidden;
}

.ProduktCollectorSingleBox .elementor-column-wrap {
	padding: 0px !important;
}

.ProduktCollectorSingleBox .elementor-widget-wrap {
	align-content: space-between !important;
}

.ProduktCollectorSingleBox .elementor-section-boxed {
	display: flex !important;
}

.ProduktCollectorSingleBox h3 {
	margin-bottom: 15px !important;
}

.ProduktCollectorFirma h4 {
	font-size: 1em !important;
	margin: 15px 0 5px 0 !important;
}

.ProduktCollectorFirma.elementor-widget {
	margin-bottom: 0 !important;
}

.ProduktCollectorSingleBoxImgBox {
	width: 50% !important;
	align-items: center !important;
	margin: 0 !important;
}

.ProduktCollectorSingleBoxImgBox .elementor-widget-wrap {
	padding: 0 !important;
}

.ProduktCollectorSingleBoxImgBox img {
	width: 100% !important;
	padding: 0 !important;
	transition: all 0.3s ease-in-out !important;
}

.ProduktCollectorSingleBoxImgBox img:hover {
	width: 90% !important;
	transition: all 0.3s ease-in-out !important;
}

.ProduktCollectorSingleDescriptionBox {
	width: 50% !important;
	margin-top: 0 !important;
	align-items: stretch !important;
	flex-grow: 1 !important;
}

.ProduktCollectorSingleBoxTextBox {
	margin-bottom: 1em !important;
}

.ProduktCollectorSingleBoxButtonBox {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 25px !important;
}

.ProduktCollectorSingleBoxButtonBox .elementor-button-wrapper {
	margin-top: 0 !important;
}

/*-------------------------------------- Flex --------------------------------------*/

.FlexBox .elementor-container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: left !important;
	margin-bottom: 2em !important;
}

#FlexBoxStandortPageKontakt {
	margin-top: 40px !important
}

.Flex50zu100, .Flex33zu100, .Flex25zu100 {
	border-radius: 10px !important;
}

.Flex50zu100 {
	width: calc(100% / 2 - 20px ) !important;
	padding: 15px;
	margin: 10px !important;
}

.Flex33zu100 {
	width: calc(100% / 3 - 20px ) !important;
	padding: 0 !important;
	margin: 10px !important;
}

.Flex25zu100 {
	width: calc(100% / 4 - 20px ) !important;
	margin: 10px !important;
}

.Sparte {
	width: calc(100% / 3 - 20px) !important;
	background: #f5f5f5 !important;
	text-align: center !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px !important;
	padding: 20px !important;
	margin: 10px !important;
	box-sizing: border-box !important;
}

.Sparte img {
	width: 50% !important;
	margin: 1rem auto 1rem auto !important
}

.Sparte .elementor-widget-wrap {
	align-content: space-between !important;
}

/*-------------------------------------- Produktueberseite --------------------------------------*/

.ProduktTopPage25zu100 {
	width: calc(100% / 4 - 20px ) !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px;
	text-align: center;
	display: flex !important;
	box-sizing: border-box !important;
	align-items: flex-start !important;
	padding: 0 0 1em 0 !important;
	margin: 10px !important;
}

.ProduktTopPage25zu100 h3 {
	font-size: 1.4em !important;
}

.ProduktTopPage25zu100 img {
	margin-bottom: 10px !important;
	transition: all 0.3s ease-in-out !important;
}

.ProduktTopPage25zu100 img:hover {
	transform: scale(0.9);
	transition: all 0.2s ease-in-out !important;
}

/*-------------------------------------- Produktseite --------------------------------------*/

.ProductTitleBox {
	margin: 5em 0 5em 0 !important;
}

.ProduktFlexBox .elementor-container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	margin: 0 !important;
}

.ProduktFlex50zu100 {
	width: calc(100% / 2 - 8px ) !important;
	padding: 0 !important;
}

.prod-accesories .swiper-slide img {
	border: #999 1px solid !important;
	border-radius: 10px !important;
}

#InfoBoxProdukt {
	background: #E2E3E4 !important;
	color: #444447;
	border-radius: 10px;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 20px !important;
	align-content: center !important;
	align-items: center !important;
}

#InfoBoxProdukt h3 {
	font-size: 1.3em !important;
}

.InfoBoxProdukt {
	background: #E2E3E4 !important;
	color: #444447;
	border-radius: 10px;
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 20px !important;
	align-content: center !important;
	align-items: center !important;
}

.InfoBoxProdukt .elementor-icon {
    background-color: transparent !important;
    color: #444447 !important;
    border: 3px solid #444447 !important;
	border-radius: 50% !important;
	padding: 0.4em !important;
	margin-right: 15px !important;
}

.InfoBoxProdukt .elementor-icon i {
	color: #444447 !important;
}

.InfoBoxProdukt h3 {
	font-size: 1.3em !important;
}

.HighlightsListProd ul {
	margin: 2em 0 2em 0;
}

.HighlightsListProd li {
	margin-top: 1.5em;
}

.HighlightsListProd h4 {
	margin-bottom: 0.3em;
}

#DownloadBox {
	background: #E2E3E4;
	padding: 20px;
	margin: 3em 10px 2em 10px;
	border-radius: 10px;
}

#VideoBox {
	background: #E2E3E4 !important;
	color: #444447;
	border-radius: 10px;
	margin: 3em 10px 3em 10px;
	padding: 20px;
	align-content: center !important;
	align-items: center !important;
}

#VideoBox h5 {
	font-size: 1.5em !important;
	line-height: 0.7em;
	margin-top: -1px !important;
}

#VideoBox h5 a:hover {
	color: #7A7A7A;
}

#VideoBox .elementor-button {
	background: #444447 !important;
	color: #E2E3E4 !important;
	font-weight: bold;
	border: #444447 2px solid;
	border-radius: 6px;
	padding: 15px 25px 15px 25px !important;
}

#VideoBox .elementor-button:hover {
	background: #E2E3E4 !important;
	color: #444447 !important;
}

.BoxAnmerkung {
	background-color: #E2E3E4 !important;
	text-align: center !important;
	border-radius: 10px;
	padding: 30px !important;
	margin: 3em 0 3em 0 !important;
}

.BoxAnmerkung h5 {
	font-size: 1.3em !important;
	margin-bottom: 0.5em;
}

/*-------------------------------------- Formulare --------------------------------------*/

.FormHolder {
	background: #F5F5F5 !important;
	border-radius: 10px !important;
	padding: 30px 20px !important;
	margin: 2.5em auto !important;
}


/*----------------------------------- Passwort Login --------------------------------------*/

.post-password-form {
	padding: 15px !important;
	
}

.post-password-form p {
	display: block !important;
}

.post-password-form input[type="button"], .post-password-form input[type="submit"], .post-password-form .elementor-button {
	background: #444447 !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 10px 25px 10px 25px !important;
	margin: 1em 0 2em 0;
	display: block !important;
}

.post-password-form input[type="button"]:hover, .post-password-form input[type="submit"]:hover, .post-password-form .elementor-button:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

/*----------------------------------- Bestellformular Kliniken --------------------------------------*/

.HinweisBestellKlinik {
	background: #FDEBE9 !important;
	color: #C22626 !important;
	text-align: center !important;
	padding: 20px !important;
	margin: 2em 0 2em 0 !important;
	border: #C22626 2px solid !important;
	border-radius: 6px !important;
}

.HinweisBestellKlinik a {
	color: #C22626 !important;
}

.FormularKliniken .elementor-field-label {
	font-weight: bold !important;
	padding-bottom: 0.5em !important;
	margin-top: 1em !important;
}

.FormularKliniken h3 {
	font-size: 2em !important;
	text-transform: uppercase !important;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
}

.FormularKliniken .elementor-button {
	width: 300px !important;
	margin: 3em auto 0 auto !important;
}


/*-------------------------------------- Iframe KayserBetten --------------------------------------*/

.HolderKonfigurator-KayserBetten {
	width: 100% !important;
	background-color: #f4f7f7 !important;
	left: unset !important;
}

.HolderKonfigurator-KayserBetten .elementor-row {
	width: 90% !important;
	max-width: 1300px !important;
	padding: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.iframeKayserbetten {
	height: 2800px !important;
}

/*-------------------------------------- Diverse --------------------------------------*/

.BannerStartPage {
	width: 100% !important;
	max-width: 1140px !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	color: #fff !important;
	text-align: center !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px !important;
	padding: 3em 15px 3em 15px !important;
	margin: 2em auto 3.5em auto !important;
}

.BannerStartPage .elementor-button {
	background: #fff !important;
	color: #444447 !important;
	font-weight: normal !important;
	border: #ffff 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	margin-top: 0.5em;
}

.BannerStartPage .elementor-button:hover {
	background: transparent !important;
	color: #fff !important;
	border: #ffff 2px solid !important;
}

.integra-banner {
	width: 100% !important;
	max-width: 2600px !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	padding: 5em 15px 5em 15px !important;
	margin: 2em auto 3.5em auto !important;
	align-content: center !important;
}

.integra-banner>.elementor-column-gap-default {
    justify-content: space-evenly !important;
}

.integra-banner-contentbox {
	width: 33% !important;
	text-align: center !important;
    align-items: center !important;
}

.integra-banner .elementor-button {
	background: #B90065 !important;
	color: #fff !important;
	font-size: 1.5rem !important;
	font-weight: bold !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 20px 25px 20px 25px !important;
	margin-top: 0.5em;
}

.integra-banner .elementor-button:hover {
	background: #fff !important;
	color: #B90065 !important;
	border: 0 !important;
}

.integra-banner img {
	min-width: 250px !important;
}

.Leistungen {
	background: #fff !important;
	padding: 30px !important;
	border: #E2E3E4 1px solid;
}

.JobStartFlexBox .elementor-container {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	margin: 0 !important;
}

.JobStartElementBox.elementor-column {
	width: calc(100% / 2 - 10px ) !important;
	padding: 0 !important;
	margin: 0 !important;
}

.JobStartElementBox .elementor-widget-wrap {
	padding: 0 !important;
	margin: 0 !important;
}

.Rahmen {
	border: #E2E3E4 1px solid !important;
}

.ProduktBox50 {
	padding: 0px !important;
}

.ProduktExtraBox50 {
	background-color: #E2E3E4 !important;
	padding: 20px !important;
}

.ProduktPicBox25 > .elementor-column-wrap {
	padding: 0px !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px !important;
	overflow: hidden !important;
}

#BG_Grau {
	background-color: #F5F5F5 !important;
}

.StandortStartDetailsElement {
	background-color: #F5F5F5 !important;
	border: #E2E3E4 1px solid !important;
	padding: 35px !important;
}

.elementor-post__read-more {
	background: #444447 !important;
	color: #fff !important;
	font-size: 15px !important;
	text-transform: none !important;
	font-weight: normal !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 5px 15px 5px 15px !important;
	margin: 0.5em 0 1.5em 0 !important;
	transition: all 0.2s ease-in-out !important;
}

.elementor-post__read-more:hover {
	background: #fff !important;
	color: #444447 !important;
	transition: all 0.2s ease-in-out !important;
}

.elementor-message.elementor-message-success {
	background-color: #B8F7AB;
	color: #1E9C3E !important;
	font-weight: bold !important;
	text-align: center !important;
	line-height: 1.3em !important;
	border: #1E9C3E 2px solid;
	border-radius: 6px;
	padding: 15px;
}

.elementor-message.elementor-message-success:before {
	width: 30px;
	height: 30px;
	background-color: #1E9C3E;
	color: #B8F7AB !important;
	text-align: center;
	border-radius: 15px;
	padding: 5px 7px 7px 7px;
	margin-bottom: 10px;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

.elementor-message.elementor-message-danger {
	background-color: #FFCECE;
	color: #C7081D !important;
	font-weight: bold !important;
	text-align: center !important;
	line-height: 1.4em !important;
	border: #C7081D 2px solid;
	border-radius: 6px;
	padding: 15px;
}

.elementor-message.elementor-message-danger:before {
	width: 30px;
	height: 30px;
	background-color: #C7081D;
	color: #FFCECE !important;
	text-align: center;
	border-radius: 15px;
	padding: 5px 7px 7px 7px;
	margin-bottom: 10px;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
}

.elementor-message.elementor-message-danger a {
	background-color: #C7081D;
	color: #FFCECE !important;
	border-radius: 6px;
	padding: 2px 8px 2px 8px;
	margin: 3px 4px 3px 4px;
}

.ContentBoxColored {
	padding-top: 80px !important;
	padding-bottom: 80px !important;
}

.ColorboxSattledt, .ausbildung {
	padding: 10px 25px !important;
	margin-top: 1.5em !important;
	border-radius: 10px !important;
}

.ColorboxSattledt {
	background: rgb(40,167,196) !important;
	background: linear-gradient(135deg, rgba(40,167,196,1) 0%, rgba(0,140,186,1) 100%) !important;
	color: #fff !important;
}


/*--------------------------------------Popup Bewertung--------------------------------------*/

.PopupBox .dialog-widget-content {
	width: 500px !important;
	max-width: 90% !important;
	height: fit-content !important;
	max-height: unset !important;
	border-radius: 10px !important;
	padding: 40px 40px 40px 40px;
	margin: 20px !important;
	top: 10px !important;
	bottom: 10px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

.PopupBox form {
	margin-bottom: 100px !important;
}

.PopupBox .dialog-message {
	max-width: 100% !important;
}

.PopupBox .elementor-message.elementor-message-success {
	background-color: #ffffff;
	color: #444447 !important;
	border: #444447 2px solid;
}

.PopupBox .elementor-message a {
	background: #444447 !important;
	width: fit-content !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	display: block !important;
	margin-top: 0.5em;
}

.PopupBox .elementor-message a:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

.PopupBox .elementor-field-group, .PopupBox .elementor-field-subgroup {
    justify-content: center;
    text-align: center;
}

.PopupBox input[type="radio"]{
   opacity: 0;
   pointer-events: none;
   user-select: none;
   position: absolute;
}

.PopupBox input[type="radio"] {
	height: 20px;
	width: 20px;
	background: #444447;
	
}

.PopupBox label {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	user-select: none;
	margin: 20px 0 10px 0;
}


.PopupBox input[type="radio"] + label:after{
	content: '';
	display: block;
	background: #E2E3E4;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 5px;
	transform: scale(0.9);
	transition: all 0.2s ease-in-out;
}

.PopupBox input[type="radio"]:checked + label:after{
	content: '★';
	background: #444447;
	color: #fff;
	font-size: 25px;
	padding: 2px;
	transform: scale(1);
	transition: all 0.2s ease-in-out;
}

/*--------------------------------------Teaser--------------------------------------*/

.elementor-posts .elementor-post {
	flex-direction: unset !important;
}

.TeaserHolderStart {
	padding: 60px 0 80px 0 !important;
    flex-direction: unset !important;
}

.TeaserHolderStart .elementor-grid-item, .TeaserHolderStart .has-post-thumbnail, .TeaserHolderStart .elementor-section-wrap, .TeaserHolderStart .elementor-top-section{
	display: flex !important;
	flex-wrap: wrap !important;
}

.TeaserSingleBox .elementor-widget-wrap {
	padding: 0 !important;
}

.TeaserSingleBox {
	background-color: #fff !important;
	text-align: center !important;
	border: #E2E3E4 1px solid !important;
	border-radius: 10px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	overflow: hidden;
}

.TeaserSingleBox .elementor-widget-wrap {
	align-content: space-between !important;
}

.TeaserSingleBox .elementor-section-boxed {
	display: flex !important;
}

.TeaserSingleBox h3 {
	margin-bottom: 0.5em !important;
	padding: 0 15px 0 15px;
}

.TeaserSingleImgBox {
	height: 150px !important;
	margin-bottom: 2em !important;
	overflow: hidden;
}

.TeaserSingleTextBox {
	padding: 0 15px 0 15px;
}

.TeaserButtonBox {
	padding: 15px;
	margin-top: 10px !important;
	margin-bottom: 1em !important;
}

.TeaserButtonBox .elementor-button {
	background: #444447 !important;
	border: #444447 !important;
	color: #fff !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 10px 15px 10px 15px !important;
}

.TeaserButtonBox .elementor-button:hover {
	background: #fff !important;
	border: #444447 !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
	border-radius: 6px !important;
	padding: 10px 15px 10px 15px !important;
}

.TeaserHolderNews {
	background-color: #E2E3E4 !important;
	font-size: 16px !important;
	padding: 60px 0 80px 0 !important;
}

.TeaserHolderNews .elementor-grid-item, .TeaserHolderNews .has-post-thumbnail, .TeaserHolderNews .elementor-section-wrap, .TeaserHolderNews .elementor-top-section {
	display: flex !important;
	flex-wrap: wrap !important;
}

#TeaserSingleBoxNews {
	background-color: #fff !important;
	border: 0 !important;
}

#TeaserSingleBoxNews h3 {
	text-align: left !important;
	font-size: 1.3em !important;
	padding: 0 25px 0 25px !important;
	margin-bottom: 0.75em !important;
}

#TeaserSingleBoxNews .TeaserSingleImgBox {
	height: unset !important;
}

#TeaserSingleBoxNews .TeaserSingleTextBox {
	text-align: left !important;
	padding: 0 25px 0 25px !important;
}

#TeaserSingleBoxNews .TeaserButtonBox {
	text-align: left !important;
	padding: 0 25px 0 25px !important;
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

#TeaserSingleBoxNews .TeaserDatumBox {
	padding: 13px 25px 15px 25px !important;
}

/*-------------------------------------- Job --------------------------------------*/

.JobTitelbild {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
	
.JobCollectorElement {
	background-color: #fff !important;
	border: #E2E3E4 1px solid;
	border-radius: 10px !important;
	padding: 25px !important;
}

.JobCollectorElement h3 {
	font-size: 1.3em !important;
}

.ausbildung {
	border: #444447 1.5px solid !important;
}

.Picturebreak {
	height: 500px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
	background-attachment: fixed !important;
	margin: 50px 0 50px 0 !important;
}

/*--------------------------------------Buttons--------------------------------------*/

.ButtonMoreManuell .elementor-button {
	width: 100% !important;
	background-color: #B5B5B5 !important;
	font-family: "Oswald", Pontano Sans !important;
	color: #fff !important;
	border: #B5B5B5 2px solid !important;
	border-radius: 10px !important;
	margin-top: 20px !important;
}

.ButtonMoreManuell .elementor-button:hover {
	background-color: transparent !important;
	color: #444447 !important;
	border-color: #444447 !important;
}

.topbutton {
	height:60px;
	width:60px;
	background: #444447;
	color: #fff !important;
	text-align: center;
	border: #fff solid 2px;
	border-radius: 10px !important;
	padding: 5px;
	position:fixed;
	right:15px;
	bottom:15px;
	Z-index:9999 !important;
	display:none;
}

/*-------------------------------------- Links --------------------------------------*/

.elementor-location-single p a, [data-elementor-type|="wp-page"] p a {
    background-color: #e2e3e4 !important;
    padding: 0 5px;
    font-weight: 700;
    text-rendering: optimizeSpeed;
    text-decoration: underline !important;
    text-decoration-style: dashed !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: #444447 !important;
}

.integra-banner-contentbox p a {
	color: #fff !important;
	background-color: transparent !important;
    padding: 0;
    text-decoration-style: solid !important;
    text-decoration-color: #fff !important;
	text-shadow: 0px 0px 4px #000;
}
/*--------------------------------------Standort_Design--------------------------------------*/

.sattledt h3, .sattledt h4 {
	color: #008cba !important;
}

.sattledt .elementor-button {
	background: #008cba !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #008cba 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	margin-top: 0.5em;
}

.sattledt .elementor-button:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

.walding h3, .walding h4 {
	color: #C7081D !important;
}

.walding .elementor-button {
	background: #C7081D !important;
	color: #fff !important;
	font-weight: normal !important;
	border: #C7081D 2px solid !important;
	border-radius: 6px !important;
	padding: 15px 25px 15px 25px !important;
	margin-top: 0.5em;
}

.walding .elementor-button:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

.m4.info h3 {
	background: #C7081D;
    color: #fff;
    font-weight: 600;
    width: 320px;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 10px;
    transform: rotate(-3deg);
}


/*--------------------------------------StandortStarTeaser--------------------------------------*/

.FlexBoxStanorteStart .Anrufen .elementor-button {
	background-color: #61CE70 !important;
	border: #61CE70 2px solid !important;
	border-radius: 10px !important;
}

.FlexBoxStanorteStart .Anrufen .elementor-button:hover {
	background: transparent !important;
	color: #444447 !important;
	border: #444447 2px solid !important;
}

.FlexBoxStanorteStart:after {
	content: "";
	background-color: #e2e3e4;
	width: 40%;
	height: 16px;
	border-radius: 8px;
	margin:5em auto 5em auto;
	display: block;
}

.StartTeaserStandort-Sattledt, .StartTeaserStandort-Walding {
	width: calc(100% / 2 - 10px) !important;
	text-align: center;
	border-radius: 10px;
	padding: 2em 0 0 0 !important;
	margin: 5px !important;
	overflow: hidden;
}

.StartTeaserStandort-Sattledt {
	border: #A6D0E6 3px solid;
}

.StartTeaserStandort-Walding {
	border: #FFCECE 3px solid;
}

.stepin .elementor-button, .stepin .elementor-button {
	width: 100% !important;
	color: #444447 !important;
	border-radius: 0px !important;
	margin: 0.5em 0 0 0 !important;
}

.StartTeaserStandort-Sattledt .stepin .elementor-button {
	background-color: #A6D0E6 !important;
	border: #A6D0E6 3px solid !important;
}

.StartTeaserStandort-Sattledt .stepin .elementor-button:hover {
	color: #008cba !important;
}

.StartTeaserStandort-Walding .stepin .elementor-button {
	background-color: #FFCECE !important;
	border: #FFCECE 3px solid !important;
}

.StartTeaserStandort-Walding .stepin .elementor-button:hover {
	color: #C7081D !important;
}

.StandortLogo img {
	width: 70% !important;
	max-height: 65px !important;
	margin-bottom: 0.5em;
}

.StandortLogo a {
	width: 100% !important;
}

/*--------------------------------------Standort Page--------------------------------------*/

.StandortTitelbild .elementor-widget-wrap {
	height: 600px !important;
	background-size: cover !important;
	background-repeat: none !important;
	background-position: top center !important;
	padding: 0px !important;
	margin-bottom: 4em;
}

.StandortTitelbild img {
	width: auto !important;
	height: 500px !important;
}

.StandortTitelHolder .elementor-widget-wrap {
	padding: 0px !important;
	margin-bottom: 4em;
}

.StandortTitel1 .elementor-heading-title {
	font-size: 4.5em !important;
	font-weight: bold !important;
	text-align: center !important;
	text-transform: uppercase !important;
	padding: 0 !important;
	margin: 0 0 -0.1em 0 !important;
}

.StandortTitel2 .elementor-heading-title {
	font-size: 4.5em !important;
	font-weight: bold !important;
	text-align: center !important;
	text-transform: uppercase !important;
	padding: 0.5em 0 0.5em 0 !important;
	margin: 0 !important;
}

.StandortUeberschrift h3 {
	font-size: 3.5em !important;
	font-weight: bold !important;
	text-align: center !important;
}

/*-------------------------------------- Design Allgemein --------------------------------------*/

.Trenner:after {
	content: "";
	background-color: #e2e3e4;
	width: 40%;
	max-width: 400px;
	height: 16px;
	border-radius: 8px;
	margin:5em auto 5em auto;
	display: block;
}

@media (min-width: 1920px) {
	
	.integra-banner {
		height: 800px !important;
	}

	.integra-banner-contentbox {
		width: 33% !important;
	}

	.integra-banner .elementor-button {
		font-size: 2rem !important;
	}
	
}

@media (max-width: 1202px) {
	
	#LogoHeaderHolder {
		width: 60% !important;
		padding: 0px !important;
	}

	#HeaderNavHolder {
		width: 34% !important;
		padding: 0px 0px 0px 0px !important;
	}

	#HeaderSearchHolder {
		width: 6% !important;
		padding: 0px 10px 0px 0px !important;
	}
	
	.FooterCopyrightBox {
		text-align: center !important;
	}
	
	h3 {
		font-size: 1.4em !important;
	}
	
	h6 {
		font-size: 0.8em !important;
	}
	
	.ContentBox { /*--- Main ---*/
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	
	.elementor-nav-menu li:last-child {
		width: 80% !important;
		margin: 15px auto !important;
		overflow: hidden !important;
	}
	
	.elementor-nav-menu--dropdown li:last-child a {
		background: #444447 !important;
		color: #fff !important;
		padding: 20px !important;
		transition: all .2s ease-in-out !important;
	}
	
	.elementor-nav-menu--dropdown li:last-child a:hover {
		background: #F5F5F5 !important;
		color: #444447 !important;
		transition: all .2s ease-in-out !important;
	}
	
	.sub-menu li, .sub-menu li:last-child  {
		background: #fff !important;
	}
	
	.sub-menu li:last-child  {
		width: unset !important;
		margin: unset !important;
	}
	
	.sub-menu li a  {
		font-family: Pontano Sans, Arial, Times !important;
		font-size: 1.1rem !important;
		padding: 25px !important;
	}
	
	.sub-menu li:last-child a {
		background: none !important;
		color: #444447 !important;
		padding: 25px !important;
	}
	
	.sub-menu li:last-child a:hover {
		background: #E2E3E4 !important;
		color: none !important;
	}
	
	.social-media-box {
		margin-top: 1.2em !important;
		margin-bottom: 1.2em !important;
		justify-content: center !important;
	}
	
	/*-------------------------------------- Produktseite --------------------------------------*/

	.PicBox50zu100 .elementor-container {
		flex-direction: column-reverse !important;
	}

	.ProduktFlex50zu100 {
		width: 100% !important;
		margin-bottom: 1em !important;
	}
	
	/*-------------------------------------- Produkt-Collector --------------------------------------*/

	.ProduktCollectorSingleBoxImgBox {
		width: 100% !important;
	}

	.ProduktCollectorSingleDescriptionBox {
		width: 100% !important;
		padding: 0 15px 0 15px !important;
	}

	.ProduktCollectorSingleBoxButtonBox {
		width: 100% !important;
	}
	
	/*--------------------------------------Teaser--------------------------------------*/

	.TeaserHolderStart {
		padding: 60px 40px 80px 40px !important;
	}
	
	.Flex33zu100 {
		width: calc(100% / 2 - 20px ) !important;
	}
	
	.Flex25zu100 {
		width: calc(100% / 3 - 10px ) !important;
		margin: 5px !important;
	}
	
	.ProduktPicBox25 {
		width: calc(100% / 2 - 10px ) !important;
	}
	
	.BannerStartPage {
		border: 0 !important;
		border-radius: 0 !important;
		padding: 3em 15px 3em 15px !important;
		margin: 2em auto 3.5em auto !important;
	}
	
	/*-------------------------------------- Produktueberseite --------------------------------------*/

	.ProduktTopPage25zu100 {
		width: calc(100% / 2 - 20px ) !important;
	}

	/*-------------------------------------- Diverse --------------------------------------*/
	
	.Leistungen {
		padding: 10px !important;
	}
	
	/*-------------------------------------- ______ --------------------------------------*/
	
	.StandortLogo img {
		width: 90% !important;
		max-height: 40px !important;
		margin-bottom: 0.5em;
	}
	
	.TeaserBoxStart {
		padding: 60px 40px 20px 40px;
		margin: 0 0 60px 0 !important;
	}
	
	.JobStartElementBox.elementor-column, {
		margin-bottom: 10px !important;
	}
	
	.JobStartElementBox .elementor-widget-wrap {
		margin-bottom: 10px !important;
	}
	
	
	/*--------------------------------------Standorte--------------------------------------*/

	.StandortTitelbild .elementor-widget-wrap, .StandortTitelbild img {
		height: 400px !important;
	}
	
	#FlexBoxStandortPageKontakt {
		padding: 40px !important;
	}
	
	.StandortKontaktElement {
		width: 100% !important;
		padding: 10px !important;
		margin-top: 2em !important;
		margin-bottom: 2em !important;
	}

}

@media (max-width: 650px) { 
	
	h5 {
		font-family: Oswald !important;
		font-size: 1.2em !important;
	}
	
	#LogoHeaderHolder {
		width: 65% !important;
		padding: 0px !important;
	}
	
	#LogoHeaderHolder img {
		max-width: 600px !important;
	}

	#HeaderNavHolder {
		width: 20% !important;
		text-align: right !important;
		padding: 0px 0px 0px 0px !important;
	}

	#HeaderSearchHolder {
		width: 15% !important;
		padding: 0px 10px 0px 0px !important;
	}
	
	.TitelBox {
		min-height: 300px !important;
		background-attachment: scroll !important;
		margin-bottom: 2em;
	}
	
	.ContentBox { /*--- Main ---*/
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.ContentBoxColored {
		padding-top: 40px !important;
		padding-bottom: 30px !important;
	}
	
	.SearchBoxHolder {
		margin: 3em 0 0em 0 !important;
	}
	
	.StartBanner {
		border-radius: 0 !important;
		padding: 20px !important;
	}
	
	.StartShortMenue .elementor-inline-items {
		margin-top: 2em !important;
	}
	
	/*-------------------------------------- Flex --------------------------------------*/

	.FlexBox .elementor-container {
		padding: 0px !important;
	}
	
	#FlexBoxStandortPageKontakt {
		padding: 15px !important;
	}
	
	.Flex50zu100 {
		width: 100% !important;
		padding: 15px;
		margin-top: 1em !important;
	}
	
	.Flex33zu100 {
		width: 100% !important;
		margin-bottom: 1em !important;
	}
	
	.Flex25zu100 {
		width: 100% !important;
		margin-bottom: 1em !important;
	}
	
	/*-------------------------------------- Produktueberseite --------------------------------------*/

	.ProduktTopPage25zu100 {
		width: 100% !important;
		margin-bottom: 1em !important;
	}
	
	.Leistungen {
		padding: 15px 10px 15px 10px !important;
	}

	.SearchBox {
		padding: 0 20px 0 20px;
		margin: 0px 0 50px 0;
	}

	
	/*--------------------------------------Teaser--------------------------------------*/

	.TeaserHolderStart {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	#DownloadBox {
		padding: 10px;
	}
	
	#NewsInfoBox {
		padding: 20px;
	}
	
	#BeratungsterminBox {
		padding: 20px 15px 20px 15px;
	}
	
	#SymbolBox {
		width: 24%;
	}
	
	#PreisHolder {
		padding: 20px 20px 20px 20px;
	}
	
	.StartTeaserStandort-Sattledt, .StartTeaserStandort-Walding {
		width: 100% !important;
		padding: 2em 0 0 0 !important;
		margin-top: 20px !important;
	}
	
	.StandortLogo img {
		width: 90% !important;
		max-height: 45px !important;
		margin-bottom: 0.5em;
	}
	
	.StandortStartDetailsElement {
		background-color: #E2E3E4 !important;
		padding: 10px !important;
	}
	
	.TeaserSingleBox {
		margin-bottom: 1em;
	}
	
	
	/*--------------------------------------Standort Page--------------------------------------*/

	.StandortTitelbild .elementor-widget-wrap, .StandortTitelbild img {
		height: 350px !important;
	}
	
	.StandortTitel1 .elementor-heading-title {
		font-size: 3em !important;
		margin: 0 0 -0.1em 0 !important;
	}

	.StandortTitel2 .elementor-heading-title {
		font-size: 3em !important;
	}
	
	.StandortUeberschrift h3 {
		font-size: 2.5em !important;
		font-weight: bold !important;
		text-align: center !important;
	}
	
	.JobStartElementBox.elementor-column {
		width: 100% !important;
		margin-bottom: 15px !important;

	}
	
	#button-kontaktformular {
		min-width: 100%;
	}
	
	#button-anrufen {
		min-width: 100%;
	}
	
	#button-vCard {
		min-width: 100%;
	}
	
	#button-vCard .elementor-button-content-wrapper {
		display: flex !important;
	}
	
	#VideoBox {
		padding: 35px 0 35px 0;
	}
	
	#VideoBox h5 {
		font-size: 1.5em !important;
		line-height: 1em;
	}
	
	.BoxAnmerkung {
		padding: 40px 15px 40px 15px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.Picturebreak {
		height: 300px !important;
		background-position: 40% center !important;
		background-size: cover !important;
		background-attachment: scroll !important;
	}
	
	.Sparte {
		width: 100% !important;
		margin: 1rem 0 !important;
	}
	
	.Sparte img {
		width: 30% !important;
		margin: 1rem auto 0 auto !important
	}

	.integra-banner-contentbox {
		width: 100% !important;
	}
	
	.integra-banner>.elementor-column-gap-default {
		flex-direction: column !important;
	}
	
	.integra-banner .elementor-button {
		font-size: 1.2rem !important;
	}

}