/*
main.hoppe-content-page .intro-hero--content h1 {
	font-size:calc(1.325rem + 0.9vw);
	margin-bottom: var(--hoppe-h-2);
}
section > .container > .row > [class*="col-"] h2 {
	font-size:calc(1.295rem + 0.54vw);
	margin-bottom: var(--hoppe-h-2);
}
section > .container > .row > [class*="col-"] h3 {
	font-size:1.2rem;
	margin-bottom: var(--hoppe-h-2);
}
@media screen and (min-width:1200px) {
	main.hoppe-content-page .intro-hero--content h1 {
		font-size:2rem;
	}
	section > .container > .row > [class*="col-"] h2 {
		font-size:1.7rem;
	}
}
*/

@media (max-width:575.99px) {
    .wp-bootstrap-blocks-container .wp-bootstrap-blocks-row .wp-bootstrap-blocks-container .container {
    padding: 0;
}
}

ul {
    padding-left: 1rem;
}

.main-content {
	margin-top:10.8125rem;
	transition:margin-top .3s linear;
}
.main-content > section:not(.intro--hero,.mobile-breadcrumb),
.main-content > section#box_slider_arrone {
	background-color:var(--bs-body-bg);
	padding-top:var(--hoppe-h-4);
	padding-bottom:calc( var(--hoppe-h-4) - var(--hoppe-h-2) );
}
.main-content > section:not(.has--bg-white,.intro--hero,.mobile-breadcrumb) + section:not(.has--bg-white,.intro--hero,.mobile-breadcrumb),
.main-content > section.has--bg-white:not(.intro--hero,.mobile-breadcrumb) + section.has--bg-white:not(.intro--hero,.mobile-breadcrumb) {
	padding-top:0;
}
.breadcrumb a,
.hg--breadcrumb a,
.post-teaserbox a:not(.btn),
#hoppe-blog a:not(.btn),
main .container a:not(.btn):not(.postnavigation.active):not(.search-excerpts):not(.nocontent-link) {
    color: #0066CC;
    text-decoration: none;
}
.breadcrumb a:hover,
.hg--breadcrumb a:hover,
.post-teaserbox a:not(.btn):hover,
#hoppe-blog a:not(.btn):hover,
main .container a:not(.btn):not(.postnavigation.active):hover:not(.search-excerpts):hover:not(.nocontent-link):hover  {
    color: #09f;
    text-decoration: none;
}
main li {
    margin-bottom: 0.5em;
}
.fixed-header .main-content {
	margin-top:6.75rem;
}
/*
p:last-child {
	margin-bottom: 0;
}
*/
section.content-section#header_slider:before {
	background: none;
}

@media (max-width:991.96px) {
	.main-content {
		margin-top:4.5rem;
	}
	.fixed-header .main-content {
		margin-top:3rem;
	}
}

header.is--hero {
	background-position:center center;
	background-size:cover;
	padding-top:var(--header-height);
	padding-bottom:13.5rem;
	height:54rem;
}

.hg--breadcrumb {
	font-size:0.888889rem;
	margin:var(--hoppe-h-2) 0;
}

#produktfinder .hg--breadcrumb {
    overflow: unset;
    background: var(--bs-body-bg);
    margin: 0;
    padding: var(--hoppe-h-1) 0;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: inherit;
}

@media (max-width: 576px) {
	#produktfinder .hg--breadcrumb {
		padding: var(--hoppe-h-2);
	}
}

/* Breadcrumb kürzen */

/*.hg--breadcrumb {
	overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 1;
	}*/

	/* Breadcrumb kürzen */


.main-content.header-image{
	margin-top: 0;
}

@media (max-width: 767.98px) {
	#info_boxes img {
		max-width: 100%;
	}
}

.link_u {
	text-decoration-color: var(--hg-button-color);
	text-underline-offset: 5px;
}

.col-margin {
    margin: 0 -0.25rem;
}



.pt-6 {
	margin-top: 7.5rem !important;
}

/* header */
.topbar {
	z-index: 10000;
	/*position: relative;*/
	position:absolute;
	width:100%;
}

#header_slider {
	position: relative;
	/*min-height: 90vh;*/
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 70% 40%;
}

/*
main.hoppe-content-page .intro--hero {
	grid-template-rows: var(--header-height) 20rem auto 2rem;
	margin-bottom: var(--hoppe-h-2);
}
*/
main.hoppe-content-page .intro--hero {
	grid-template-rows: var(--header-height) calc(880px - var(--header-height)) var(--hoppe-h-5);
	margin-bottom: var(--hoppe-h-4);
}
main.hoppe-content-page .intro-hero--content {
	grid-row:span 2/ -1;
	align-self:end;
}
main.hoppe-content-page .intro-hero--image {
	grid-row:1/span 2;
}

/*
main .row:not(:last-child) {
	margin-bottom: var(--hoppe-h-2);
}
*/

@media (max-width:1200px) {
	main.hoppe-content-page .intro--hero {
		grid-template-rows: var(--header-height) 18rem var(--hoppe-h-4) auto;
	}
	main.hoppe-content-page .intro-hero--content {
		grid-row:3/span 2;
		align-self:start;
	}
	main.hoppe-content-page .intro-hero--image {
		grid-row:1/span 3;
	}
}
@media (max-width: 767.98px) {
	main.hoppe-content-page [class*="col-"] .btn {
		width:100%;
	}
}


main.hoppe-content-page h3 {
	margin-bottom: var(--hoppe-h-2);
}
main.hoppe-content-page h4:not(.card-title):not(.row:last-child h4) {
	margin-bottom: var(--hoppe-h-2);
}
main.hoppe-content-page ol,
main.hoppe-content-page ul {
	padding-left: var(--hoppe-h-1);
}
@media (max-width:991.96px) {
	main.hoppe-content-page ol, main.hoppe-content-page ul {
		padding-left:var(--hoppe-h-2);
	}
}
main.hoppe-content-page .btn {
	padding: calc(var(--hoppe-h-1) - 0.75em) var(--hoppe-h-1);
}

@media (max-width: 767.98px) {
	main.hoppe-content-page #header_slider {
		background-position: 2% 53% !important;
    	background-size: 160% !important;
	}
	main.hoppe-content-page .btn {
		padding: calc(var(--hoppe-h-2) - 0.75em) var(--hoppe-h-1);
	}
	.btn.w-75 {
		width: 100% !important;
	}
}
#header_slider .slider_infos {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
}
@media (max-width: 767.98px) {
	#header_slider .slider_infos {
		left: 50%;
	}
}
#header_slider .slider_infos h2{
	font-size:2.2rem;
	font-weight:var(--fw-light);
}
#header_slider .slider_infos h3{
	font-size:2.2rem;
	font-weight:var(--fw-bold);
	margin:.25rem 0 2.75rem;
}
#header_slider .slider_infos .btn {
	border-radius: 0;
	font-weight: normal;
}

#intro_boxes {
	margin-top: -540px;
	z-index: 0;
	position: relative;
}

@media (min-width: 768px) {
	.hoppe-content-page #intro_boxes {
		margin-top: auto !important;
		z-index: 0;
		position: absolute;
		bottom: 142px;
	}
}


@media (max-width: 767.98px) {
	#intro_boxes {
		margin-top: -140px;
	}
}

.intro_box .inner {
	background: var(--bs-white);
	height: 100%;
}
.news_box .inner {
	background: var(--bs-white);
	border-top: 10px solid rgb(var(--bs-dark-rgb));
	height: 100%;
}
.news_box_meta {
	font-size: var(--bs-topbar-font-size);
	display: inline-block;
	margin-bottom: 1rem;
}
.news_box p {
	margin-bottom: 0;
}
.div_link, .div_link p {
	text-decoration: none;
}
.teaser_box .inner {
	padding-top: 0;
}
.teaser_box .content.bg-dark,
.teaser_box .content.bg-dark h2,
.teaser_box .content.bg-dark h3,
.teaser_box.content.bg-dark h3,
.teaser_box .content.bg-dark h5 {
	color:var(--bs-white);
}
.img-fluid.fullwidth {
	width: 100%;
}
.text-right figcaption,
.wp-block-image.text-right figcaption {
    text-align: right;
}
.text-left figcaption,
.wp-block-image.text-left figcaption {
    text-align: left;
}

.page-id-59 figcaption,
.page-id-11719 figcaption {
	font-size: var(--bs-body-font-size);
}
.page-id-11719 figure {
	margin-bottom: 8px !important;
}
/* blog */

#hoppe-blog .intro--hero {
    grid-template-rows: var(--header-height) 5.5rem auto;
}
a.postnavigation:not(.active) {
    text-decoration: none;
}

/* product card */

.product-card.card {
	position: relative;
}
.product-card.card.is_new:before {
	content: attr(data-new-title);
    position: absolute;
    top: 4px;
    left: 8px;
    color: red;
    font-size:  20px;
    font-weight: bold;
}

/* slider */
.card {
	margin:0 calc(var(--hoppe-base-gutter-x) * .5);
	border: none;
	border-radius: 0;
}
.card-tagline {
	margin-bottom:var(--hoppe-h-1);
}
.card .card-title {
	margin-bottom: 0;
}
.card.has-subtitle .card-title {
	margin-bottom:var(--hoppe-h-1);
}
.card-text {
	margin-bottom:var(--hoppe-h-2);
}
.card.postlist p.card-tagline a {
    margin-bottom: calc(var(--hoppe-h-1)/4) !important;
}

.carousel-control-prev, .carousel-control-next {
	width: 4rem;
	height: 4rem;
	z-index: 0;
	position: relative;
	color: rgb(var(--bs-dark-rgb));
	opacity: 1;
}
.carousel-control-prev:hover, .carousel-control-next:hover {
	color: rgb(var(--bs-dark-rgb));
}
.info_boxes_slider_controls,
#news_slider .info_boxes_slider_controls {
	/*margin-left: 68%;*/
	padding-right:calc(25% - 1.5rem);
	display:flex;
	justify-content:flex-end;
	position:relative;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

#news_slider a {
	text-decoration: none !important;
}
#news_slider .card {
	border-top: 10px solid rgb(var(--bs-dark-rgb));
}
#news_slider a .card-body {
	color: var(--bs-body-color);
}

.info_boxes_slider_controls::before {
	content: '';
	position: absolute;
	/*top: 28px;*/
	left: 0;
	right: 0;
	bottom:2rem;
	border-bottom: 1px solid rgba(var(--bs-dark-rgb),.5);
	transform:translateY(50%);
}
.info_boxes_slider_controls button {
	float: left;
	background-color:var(--bs-body-bg);
}
.info_boxes_slider_controls button:hover, .info_boxes_slider_controls button:focus {
	opacity: 1;
	background-color:var(--bs-body-bg);
	color:var(--bs-dark);
}

.unsere-ausbildungsberufe .col-12 {
    flex: 0 0 auto;
    width: auto;
    display: flex;
    flex-wrap: wrap;
}

.unsere-ausbildungsberufe .col-12 {
    gap: var(--hoppe-h-1)!important;
    margin-bottom: var(--hoppe-h-1)!important;
}

.unsere-ausbildungsberufe .col-12 .wp-bootstrap-blocks-button {
    margin-bottom: 0 !important;
}

.page-id-14890 .ausbildungsberufe .col-md:nth-child(3) {
    display: none;
}

@media (min-width: 768px) {
	.carousel-item {
		margin-right: 0;
		flex: 0 0 25%;
		display: block;
	}
	.carousel-item-3{
		margin-right: 0;
		flex: 0 0 33.3333%;
		display: block;
	}
	.carousel-inner {
		display: flex;
	}
}
.card .img-wrapper {
	max-width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.card img {
	max-height: 100%;
}

figure {
	overflow: hidden;
}

@media (max-width: 1410px) {
	/*
	.p-1 {
		padding-right: calc(var(--bs-gutter-x) * .5) !important;
		padding-left: calc(var(--bs-gutter-x) * .5) !important;
	}
	#box_slider .p-0 {
		padding-right: 0.75rem !important;
		padding-left: 0.75rem !important;
	}
	*/
}

@media (max-width: 576px) {
	figure.wp-block-media-text__media {
		display: flex;
		justify-content: center;
	}
	.wp-block-media-text__media img {
		padding-bottom: var(--hoppe-h-2);
		max-width: 50%;
	}
	.wp-block-media-text__content {
		padding: 0 !important;
	}
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        min-height: 80px;
    }
}
.btn-dark {
	color: var(--bs-white);
	background-color: rgb(var(--bs-dark-rgb));
	border-color: rgb(var(--bs-dark-rgb));
	/* font-weight: 600; */
}
.btn-dark:hover {
	color: var(--bs-white);
	background-color: rgb(var(--bs-dark-rgb));
	border-color: rgb(var(--bs-dark-rgb));
}

/* switches */
body.btn2 .btn-dark {
	color:var(--bs-white);
	background-color: rgb(var(--bs-dark-rgb));
	border-color: rgb(var(--bs-dark-rgb));
	font-weight: initial;
	border: 2px solid rgb(var(--bs-dark-rgb));
	background: transparent;
	color: rgb(var(--bs-dark-rgb));
	padding: 10px 24px;
}

@media (min-width: 768px) {
	#box_slider .card-body a.btn {
		/* min-height: 80px; */
	}
}

.splide.contentmodule_6_1_slider {
}
.splide.contentmodule_6_1_slider .splide__arrow--prev {
	transform: translate(-150%,-50%);
}
.splide.contentmodule_6_1_slider .splide__arrow--next {
	transform: translate(150%,-50%);
}
.contentmodule_14_1_iconlist i {
	min-width: 90px;
}

.contentmodule_12_1_slider .splide__track {
	overflow: visible;
}
.contentmodule_12_1_slider .splide__list li .card {
	box-shadow: 0px 6px 17px #d7d7d7;
}
.contentmodule_7_ytvideo-box {
	position: relative;
	height: 0;
	padding-top: 56%;
	overflow: hidden;
	max-width: 100%;
}
.contentmodule_7_ytvideo-box iframe, .contentmodule_7_ytvideo-box object, .contentmodule_7_ytvideo-box embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contentmodule_7_ytvideo-box .fluid-vids {
	position: initial !important
}

a.card .card-title {
    color: var(--bs-primary);
}
a.card .card-subtitle {
	color: var(--bs-body-color);
}

/****** Image Hotspot Tooltips *******/
a.image-hotspot-tooltip {
    position: absolute;
    display: block;
    text-decoration: none;
    /*z-index: 900;*/
}

a.image-hotspot-tooltip label {
    width: var(--hoppe-h-1);
    height: var(--hoppe-h-1);
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: var(--hoppe-h-1);;
    border: 1px solid #666;
    font-weight: bold;
    /*z-index: 1000;*/
    position: absolute;
    cursor: pointer;
}

a.image-hotspot-tooltip span {
    opacity: 0;
    transition: all 0.5s ease-in-out;
    background: white;
    padding: 8px;
    background: var(--bs-primary);
    color: white;
    position: absolute;
    padding-left: var(--hoppe-h-2);
    font-size: 14px;
    top: -9px;
    z-index: 900;
    left: -9px;
    min-width: 200px;
}

a.image-hotspot-tooltip.tooltip-text-left {
	position: absolute;
}
a.image-hotspot-tooltip.tooltip-text-left label {
	position: absolute;
}
a.image-hotspot-tooltip.tooltip-text-left span {
	position: absolute;
	right: -32px;
    left: auto;
    padding-left: 12px;
    padding-right: var(--hoppe-h-2);
}

a.image-hotspot-tooltip:hover label, 
a.image-hotspot-tooltip-active label {
    background: white;
    border: 1px solid white;
    color: var(--bs-primary);
    z-index: 950;
}

a.image-hotspot-tooltip:hover span,
a.image-hotspot-tooltip-active span {
    opacity: 1;
}
@media (min-width: 992px) {
	a.image-hotspot-tooltip span {
	    min-width: 300px;
	}
}
@media (max-width: 991.98px) {
	a.image-hotspot-tooltip label {
	    width: var(--hoppe-h-2);
	    height: var(--hoppe-h-2);
	}
	a.image-hotspot-tooltip.tooltip-text-right span {
	    padding-left: 40px;
	}
	a.image-hotspot-tooltip.tooltip-text-left span {
	    padding-right: 40px;
	}
}

/* FAQ */


.search-icon.bi-search::before {
    content: "\f52a";
    left: 12px;
    top: 12px;
    position: absolute;
    /* z-index: 10000000000; */
    pointer-events: none;
}

/* CENTERPAGES */

.contentmodule_15_2_kacheln_centerpage img {
	object-fit: cover;
    aspect-ratio: 3/2;
}

.mmdatalist ul {
    margin-bottom: 0px;
	display: grid;
}
.mmdatalist i {
   padding-left: var(--hoppe-h-1) !important;
}	



/* NINJA FORMS */

.nf-field-label .nf-label-span, .nf-field-label label {
    font-weight: 400 !important;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    border: 1px solid var(--bs-primary);
    padding: var(--hoppe-h-05);
}

.nf-row {
    margin: 0 -5px;
}

.nf-field-element .ninja-forms-field {
    -webkit-appearance: auto;
}

/* LOADING */
.hg--loading-anim {
	margin: 0 auto;
}
.hg--loading-anim, .hg--loading-anim:before, .hg--loading-anim:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	animation-fill-mode: both;
	animation: hgDotsFadeInOut 1.8s infinite ease-in-out;
}
.hg--loading-anim {
	color: var(--hg-button-color);
	font-size: 7px;
	position: relative;
	text-indent: -9999em;
	transform: translateZ(0);
	animation-delay: -0.16s;
}
.hg--loading-anim:before,
.hg--loading-anim:after {
	content: '';
	position: absolute;
	top: 0;
}
.hg--loading-anim:before {
	left: -3.5em;
	animation-delay: -0.32s;
}
.hg--loading-anim:after {
	left: 3.5em;
}

@keyframes hgDotsFadeInOut {
	0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em }
	40% { box-shadow: 0 2.5em 0 0 }
}
 
main.hoppe-search .card {
	background: none;
}

a.searchpage-group-link.highlighted {
	font-weight: bold;
}

/* scrollable Tables */

@media (max-width: 767px) {
	.has-adv-table {
		overflow: auto;
	}
}

.wp-block-media-text {
    gap: var(--hoppe-h-2);
}

.wp-block-media-text__content {
    padding: 0 !important;
}

/*    DOWNLOADS   */

section.wp-bootstrap-blocks-container.kataloge-download .container > div {
    width: 100%;
}

section.wp-bootstrap-blocks-container.kataloge-download {
    display: block;

}

section.wp-bootstrap-blocks-container.kataloge-download .container {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: var(--hoppe-h-2);
}

@media (min-width:576px) {
    section.wp-bootstrap-blocks-container.kataloge-download .container {
    grid-template-columns: 1fr 1fr;
}
}

@media (min-width:992px) {
    section.wp-bootstrap-blocks-container.kataloge-download .container {
    grid-template-columns: 1fr 1fr 1fr;
}
}

@media (min-width:767px) {

    div.catfilter > div:last-child {
        padding-right: calc(var(--hoppe-h-1)*0.5) !important;
        padding-left: calc(var(--hoppe-h-1)*0.5) !important;
    }
}


.teaser_box.mm_module {
    cursor: pointer;
}

/* copeid from publish press blocks.css */
table.advgb-table-frontend {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 auto 1em;
    width: 100%;
    max-width: 100%
}

table.advgb-table-frontend.aligncenter {
    display: table;
    text-align: left
}

table.advgb-table-frontend td,table.advgb-table-frontend tr {
    border: 1px solid transparent;
    padding: .5em
}

/*    Custom Column Width    */
.hoppe-adv-table-60-20-20 tr td:first-child {
    width: 60%;
}

.hoppe-adv-table-60-20-20 tr td:last-child {
    width: 20%;
}
/*    Custom Column Width    */

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

@media (max-width:336px) {
    .col-md-20 {
        flex: 1 0 100% !important;
    }
}





@media (max-width:991px) {
    .col-md-20 {
        flex: 0 0 50%;
    }
}

.splide__slide.is-active.is-visible:focus {}

.hoppe-lightbox:focus {
  border: #002e5b solid 1px;
}

.icon-dark {
  --bs-text-opacity: 1;
  color: rgb(var(--bs-dark-rgb),var(--bs-text-opacity)) !important;
}

.wp-block-image.img-fluid img {
	max-width: 100%;
}