/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05rem;
}

header {
	border-bottom: 4px solid #81AF0C;
}

#tx-google-reviews p.text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
}

a {
	color: #00368c;
	text-decoration: underline;
}

a.btn,
footer a,
.tel-link {
	text-decoration: none;
}

.mail-link {
	text-decoration: none;
	color: #FFF;
}

.btn-success {
	color: #FFF !important;
	background-color: #218838;
}

.btn-primary {
	background-color: #005abb;
	border-color: #005abb;
}



.btn-success:hover {
	color: #FFF !important;
	background-color: #196e2b;
}

.frame-subnavi ul {
	padding-left: 1em;
}

.frame-subnavi ul li a {
	color: #FFF;
	font-size: 1.2em;
}

.frame-subnavi ul li a:hover {
	text-decoration: underline;
}

.thumb-list {
	list-style-type: none;
	padding-left: 20px;
}

.thumb-list li {
	font-size: medium;
	padding-bottom: 10px;
}

.thumb-list li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f164";
	position: absolute;
	left: 10px;
	color: #A5D22E;
}

footer {
	background-color: #333;
	border-top: 1em outset #81AF0C;
	color: #FFF;
}

footer .trenner {
	border-color: #81AF0C !important;
	margin-top: 0em;
}

.footer_x {
	margin: 0 30px;
}

.footer-logo {
	max-width: 350px;
	width: 100%;
	height: auto;
}

.frame-space-before-extra-large {
	margin-top: 4em;
}

.frame-space-before-large {
	margin-top: 3em;
}

.frame-space-after-large {
	margin-bottom: 3em;
}

.hersteller-logo {
	width: 100%;
	filter: opacity(0.5);
	height: 50px;
}

.responsive {
	width: 100%;
	height: auto;
}

.card-img img {
	width: 100%;
	height: auto;
}

.card_325 .card-title {
	height: 60px;
}

.card_325 {
	min-height: 540px;
}


#card_2502 {
	height: 465px !important;
	margin: 0;
}

#card_2654 .card-img {
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

ul.allin {
	padding-left: 1em;
}

.allin li {
	position: relative;
	padding-left: 20px;
	padding-bottom: 0.5em;
	list-style-type: none;
}

.allin li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f14a";
	font-size: 1.1em;
	position: absolute;
	left: -15px;
	color: #84B418;
}

.navbar-nav .active {
	border-bottom: 2px solid #94C11F;
}

.nav-item {
	font-size: 1.15em;
}

a.nav-link,
a.dropdown-item {
	color: #000 !important;
	text-decoration: none;
}

.banner {
	position: relative;
}

.banner img {
	width: 100%;
	border-bottom: 15px solid #81AF0C;
}

.fancybox-nav span {
	visibility: visible;
}

#page327 p,
#page427 p {
	font-size: 1.1rem;
}

#engels-img {
	max-width: 225px;
}

.typed-field {
	position: absolute;
	bottom: 15%;
	left: 15%;
	right: 15%;
	text-shadow: 1px 1px 1px #FFF;
	color: #218838;
}

h1,
h2,
h3 {
	margin-bottom: 0.8em;
}

.h-bold {
	font-weight: bolder;
	color: #333;
}

#page327 .galery-item {
	display: grid;
	place-items: center;
	height: 120px;
	background-color: #fff;
}


.featured-header::before {
	background-color: #81AF0C;
	block-size: .2rem;
	content: "";
	display: block;
	inline-size: min(100%, 3em);
	margin-block-end: 1.5rem;
}

.featured-header-bottom::after {
	background-color: #81AF0C;
	block-size: .2rem;
	content: "";
	display: block;
	inline-size: min(100%, 3em);
	margin-block-start: 1.5rem;
}

.frame-alertgreen {
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	border-radius: .25rem;
	padding: 1.5rem;
}

.bigger i {
	font-size: 2em !important;
	padding-right: 10px;
}

.card,
.alert {
	margin: 1em 0;
}

.breadcrumb {
	background-color: #94C11F !important;
	padding: 0.5rem 1rem;
	border-radius: 0;
}

#breadcrumb ol {
	padding-left: 0;
	margin-bottom: 0;
}

#breadcrumb li {
	padding-left: 1em;
}

#breadcrumb a {
	color: #000 !important;
}

#breadcrumb span.active {
	color: #212529;
}

.breadcrumb>li+li::before {
	padding: 0 5px;
	content: "/\00a0";
}

#breadcrumb {
	margin-bottom: 1rem;
	border-radius: 0;
}

.tafel-left {
	padding: 2em;
	border-top-left-radius: 30px;
}

.tafel-right {
	padding: 2em;
	border-bottom-right-radius: 30px;
}

.tellink {
	color: #212529 !important;
	padding-left: 10px;
}

.__card {
	border: 1px solid #94C11F;
}

.jobcard {
	min-height: 700px;
}

#jobfragen {
	display: none;
}

.media-jobs {
	background-color: #FFF;
	border: 1px solid #94C11F;
	border-radius: 15px;
	padding: 1.5em;
	margin-bottom: 2em;
}

.media-jobs img {
	border-radius: 15px;
	margin: -1.5em 1.5em -1.5em -1.5em;
}

.bg-grey {
	background-color: #F5F7FA;
}

.bg-blue {
	background-color: #B5C0DE;
	color: #FFF;
}

.bg-red {
	background-color: #FF311C;
}

.bg-green {
	background-color: #94C11F;
}

.font-color {
	color: #F5F7FA;
}

.icon-red {
	color: #F00;
}

.fas-height {
	font-size: 33px;
}

.image-caption {
	text-align: center;
	font-size: 0.8em;
	color: #999;
}

.border-bottom {
	border-color: #81AF0C !important;
}

.trenner {
	margin-top: 4em;
	border-color: #81AF0C !important;
}

.alert-notdienst {
	color: #FFF;
	background-color: #94C11F;
	border-color: #c3e6cb;
}

.alert-rhz {
	background-color: #92CA00;
	border-color: #81AF0C;
}

.akord-pad {
	padding-top: 0;
	padding-left: 0;
}


.imgboxdesc,
.bild-desc {
	font-size: 10px;
	color: #000;
	position: absolute;
	bottom: 0;
	right: 2px;
	text-shadow: 3px 3px 4px #777;
}

.imgboxdesc {
	padding-top: 2px;
}

#page427 .imgboxdesc {
	display: none;
}

.imgbox,
.card-img {
	position: relative;
}

#accordionAnlagenmechaniker .card {
	margin: 0;
}

#accordionAnlagenmechaniker .card-header {
	background-color: #92CA00;
}

#accordionAnlagenmechaniker .card-header h2 {
	margin-top: 0;
	font-weight: bold;
}

#accordionAnlagenmechaniker .card-header button {
	color: #000 !important;
}

#accordionAnlagenmechaniker .card-body {
	padding-top: 1em;
}

#bewerbungsform label {
	font-weight: bold;
}

#bewerbungsform #AB_Freitext {
	display: none;
}

.white {
	color: #FFF !important;
}

.white:hover {
	color: #007bff !important;
}

.back-to-top {
	background: #85bc21;
	position: fixed;
	bottom: 100px;
	right: 30px;
	padding: 1em;
	border-radius: 10px;
	color: #FFF;
}

/* Heizungsshop */
.tooltip-inner {
	background-color: #066C2A;
	border: 2px solid #A2D237;
}

#angebotsstoerer {
	background-color: #218838;
	position: absolute;
	width: 180px;
	height: 180px;
	top: 22%;
	right: 16%;
	border: 1px solid #CCC;
	text-align: center;
	border-radius: 100px;
	color: #FFF;
	transform: rotate(15deg);
	z-index: 1000;
}

#foerdermittel {
	position: relative;
	background-color: #218838;
	width: 168px;
	height: 168px;
	border: 1px solid #CCC;
	text-align: center;
	border-radius: 100px;
	color: #FFF;
	transform: rotate(15deg);
	z-index: 1000;
}

#foerdermittel h3 {
	margin-bottom: 0;
}

#foerdermittel a,
#angebotsstoerer a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFF;
}

#angebotsstoerer {
	background-color: #007bff;
	top: -20px;
	right: -20px;
	transform: rotate(15deg);
}

#angebotsstoerer p {
	margin-top: 1rem;
	margin-bottom: 0;
	color: #FFF;
}

#stoerer_messe {
	position: absolute;
	top: 50px;
	right: 35px;
}

#stoerer_wartung {
	background-color: #FF311C;
	position: absolute;
	top: 50px;
	left: 17%;
	padding: 15px;
	border: 1px solid #CCC;
	text-align: center;
	color: #FFF;
	transform: rotate(-15deg);
}

#stoerer_notdienst {

	position: absolute;
	/*
	background-color: #FF311C;
	border: 1px solid #CCC;
	width: 200px;
	height: 200px;
	padding-top: 50px;
	**/
	top: 35px;
	left: 17%;
	text-align: center;
	/*border-radius: 100px; **/
	color: #FFF;
	transform: rotate(-15deg);
	z-index: 100;
}

#stoerer_notdienst .tellink {
	color: #fff !important;
	padding-left: 0;
}

#stoerer_notdienst .fa-tools {
	font-size: 26px;
}

.alert-danger {
	color: #fff;
	background-color: #d00015;
	border-color: brown;
}

@media (max-device-width: 1078px) {
	.typed-field {
		text-shadow: 1px 1px 2px #333;
	}

	.display-3 {
		font-size: 24px !important;
	}

	.display-4 {
		font-size: 18px !important;
	}

	.banner img {
		max-width: 100%;
		height: 100%;
		object-fit: cover
	}
}

@media (max-device-width: 480px) {

	.footer_x {
		margin: 0 !important;
	}

	.typed-field {
		position: absolute;
		top: 1%;
		left: 5%;
	}

	#stoerer_notdienst {
		display: none;
	}

	.arrow-field {
		display: none;
	}

	#page327 .galery-item {
		height: auto;
	}

	#engels-img {
		align-self: center;
	}
}

@media screen and (max-width: 360px) {

	.hidden-xs,
	.hidden-md {
		display: none;
	}
}