/* Designfixes Ratgeber / Blog - START */

/* Ratgeber - Fontsize anpassen (Überschrift Einleitung) - 1024px - 1440px Displays */
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	.heading-ratgeber {
		font-size: 30px;
	}
}

.hover_cta_box > div > a:hover {
	background: white !important;
	color: black !important;
}

/*Zeilenhöhe Absatztext Blogbeiträge*/
article.post p{
	font-size: 16px;
	line-height: 1.65;
}

.wir-helfen-bei {
	font-size: 48px !important;
}

/* Ratgeber Header anpassen - START */
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.non-transparent-header #mobile-header > div > div > div > div > div > div > div > div.site-header-main-section-left.site-header-section.site-header-section-left {
	margin: 0 0 0 5vw;
	padding: 0;
}
.non-transparent-header #mobile-header > div > div > div > div > div > div > div > div.site-header-main-section-right.site-header-section.site-header-section-right > div {
	padding: 0;
}
.non-transparent-header .site-main-header-wrap .site-header-row-container-inner>.site-container {
	padding: 0 0 5vh 0;
}
.non-transparent-header .kadence-svg-iconset svg {
	width: 2em;
	height: 2em;
}
}

/* Mobile */
@media only screen and  (max-width: 767px) {
.non-transparent-header #mobile-header > div > div > div > div > div > div > div > div.site-header-main-section-left.site-header-section.site-header-section-left {
	margin: 0 0 0 5vw;
	padding: 0;
}
.non-transparent-header #mobile-header > div > div > div > div > div > div > div > div.site-header-main-section-right.site-header-section.site-header-section-right > div {
	padding: 0;
}
}
.non-transparent-header .kadence-svg-iconset svg {
	width: 2em;
	height: 2em;
} 
/* Ratgeber Header anpassen - ENDE */

/* ADD Margin / Abstand hinzfügen - START */
.add-margin-inline-two {
	margin: 0 2vw 0 2vw;
}

.add-margin-left-twenty {
	margin-left: 20vw !important;
}

.add-margin-top-one {
	margin-top: 1vh !important;
}
.add-margin-bottom-one {
	margin-bottom: 1vh !important;
}
.add-margin-top-three {
	margin-top: 3vh !important;
}
.add-margin-bottom-three {
	margin-bottom: 3vh !important;
}
.add-margin-top-five {
	margin-top: 5vh !important;
}
.add-margin-bottom-five {
	margin-bottom: 5vh !important;
}
.add-margin-top-three {
	margin-top: 3vh !important;
}
.add-margin-bottom-three {
	margin-bottom: 3vh !important;
}
.add-margin-top-eight {
	margin-top: 8vh !important;
}
.add-margin-bottom-eight {
	margin-bottom: 8vh !important;
}
.add-margin-top-ten {
	margin-top: 10vh !important;
}
.add-margin-bottom-ten {
	margin-bottom: 10vh !important;
}
.add-margin-top-fifteen {
	margin-top: 15vh !important;
}
.add-margin-bottom-fifteen {
	margin-bottom: 15vh !important;
}
.add-margin-top-twenty {
	margin-top: 20vh !important;
}
.add-margin-bottom-twenty {
	margin-bottom: 20vh !important;
}

/* Margin hinzufügen nur Mobile / Tablet */
@media only screen and (max-width: 1024px) {
	.add-margin-top-five-mobile {
		margin-top: 5vh !important;
	}
	.add-margin-top-eight-mobile {
		margin-top: 8vh !important;
	}
	.add-margin-bottom-five-mobile {
		margin-bottom: 5vh !important;
	}
}
/* ADD Margin / Abstand hinzfügen - ENDE */

/* ADD Padding / Abstand hinzfügen - START */
.add-padding-inline-two {
	padding: 0 2vw 0 2vw;
}

.add-padding-top-one {
	padding-top: 1vh !important;
}
.add-padding-bottom-one {
	padding-bottom: 1vh !important;
}
.add-padding-top-three {
	padding-top: 3vh !important;
}
.add-padding-bottom-three {
	padding-bottom: 3vh !important;
}
.add-padding-top-five {
	padding-top: 5vh !important;
}
.add-padding-bottom-five {
	padding-bottom: 5vh !important;
}
.add-padding-top-three {
	padding-top: 3vh !important;
}
.add-padding-bottom-three {
	padding-bottom: 3vh !important;
}
.add-padding-top-eight {
	padding-top: 8vh !important;
}
.add-padding-bottom-eight {
	padding-bottom: 8vh !important;
}
.add-padding-top-ten {
	padding-top: 10vh !important;
}
.add-padding-bottom-ten {
	padding-bottom: 10vh !important;
}
.add-padding-top-fifteen
 {
	padding-top: 15vh !important;
}
.add-padding-bottom-fifteen
 {
	padding-bottom: 15vh !important;
}
.add-padding-right-six
 {
	padding-right: 6% !important;
}
/* ADD Padding / Abstand hinzfügen - ENDE */

/*Schritfgröße der Listen anpassen*/
.lists {
	font-size:16px;
}
/*Schriftgröße H3 kleiner machen*/
.small-heading {
	font-size:20px;
}
/* Beispiel in Retgeberartikel auf Desktop einrücken*/ 

@media only screen and (min-width: 1025px) { .zitationstyle {
	margin-right: 5%;
	margin-left: 5%;
}
}

/* Divider grafisch wie Ursprungsdivider (Bild) gestalten */
.divider {
	border-width: 20px !important;
	-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(white), color-stop(0.5, #fff), color-stop(0.5, white)) 21 30 30 21 repeat repeat;
}

/* Mitarbeiter & Fachkräfte finden */
.mitarbeitersuche-im-internet > div {
	background-size: 10% !important;
}

/* H3/H4 - Abstand anpassen + Schriftfarbe + "Unfett" */
.h3-ratgeber, .h4-ratgeber {
	margin-top: 0.5em !important;
}
.h3-ratgeber-black, .h3-black {
	color: black !important;
}

/* H3 - Font-Family anpassen*/
.h3-lightweight {
	font-weight: 500;
}

/* "Heading"-Bilder (Über den Überschriften) */
@media only screen and (min-width: 1025px) {
	.desktop-heading-image {
		width: 65vw;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Content Width Desktop */
@media only screen and (min-width: 1025px) {
.content-width-desktop {
	width: 66.6vw !important;
}
}

/* Content Width Mobile/Tablet */
@media only screen and (max-width: 1024px) {
.content-width-tablet-mobile {
	flex: 1 !important;
}
}

/* Add Shadow */
.container-shadow {
	box-shadow: 0px 5px 15px 0px rgb(33 40 48 / 16%);
}

/* Add Shadow - Mobile/Tablet */
@media only screen and (min-width: 1025px) {
.container-shadow-desktop {
	box-shadow: 0px 5px 15px 0px rgb(33 40 48 / 16%);
}
}

/* Überschrifts-Nummern hinzufügen und ausrichten */
.heading-1::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-2f35dc69-ecd2-4246-8604-cf2aa53a81c5),var(--wpr-bg-06ac1159-2df9-4f5e-96b3-91f7953a85e7);
	margin: 0 0 1vh -0.3vw;
}
.heading-2::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-4aa1df2b-070d-412d-9683-ce22b5892257),var(--wpr-bg-ccf5b99e-35e4-4bde-bdfb-b6af97e1ccc8);
	margin: 0 0 1vh -0.3vw;
}
.heading-3::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-9a1440c6-6285-4bf4-8905-e3ffc32630f3),var(--wpr-bg-85cacdce-85a8-4616-a482-5c5a67d1277e);
	margin: 0 0 1vh -0.3vw;
}
.heading-4::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-e6b14881-7e9a-4353-ae15-b708e9f63233),var(--wpr-bg-6956d4f0-22a7-4b47-9973-bf9f77b092a2);
	margin: 0 0 1vh -0.3vw;
}
.heading-5::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-d305d479-63c7-4c17-b24b-6d3f5e99f10c),var(--wpr-bg-513885b3-cb17-49cd-9c89-18edaa24f3e3);
	margin: 0 0 1vh -0.3vw;
}
.heading-6::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-40cce17d-0770-43cf-8d51-403b5ef37a4a),var(--wpr-bg-019b653a-6df2-4ee0-a9f3-acd13db2b2f6);
	margin: 0 0 1vh -0.3vw;
}
.heading-7::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-bf4832f6-9dda-49ac-9327-01cffe854a9e),var(--wpr-bg-db2b65e7-0580-4bbd-93f1-c34261509516);
	margin: 0 0 1vh -0.3vw;
}
.heading-8::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image:var(--wpr-bg-6d470476-c31c-4013-8ace-ec8b717102ef),var(--wpr-bg-06a8a541-3a97-4e22-9de7-b41d397ac622);
	margin: 0 0 1vh -0.3vw;
}
.heading-9::before {
		content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
	background-image: var(--wpr-bg-524fc7e4-2228-4e86-8947-6490044286f6), var(--wpr-bg-7de8b8bb-09fc-4c0f-8807-9ba6b23aa0a3);
	margin: 0 0 1vh -0.3vw;
}
.heading-10::before {
	content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
		background-image: var(--wpr-bg-ac4a204c-2699-41ae-b9e9-07ea7252c144),var(--wpr-bg-2c9bdb2e-ec27-4f7a-9565-c96416173cc7);
	margin: 0 0 1vh -0.3vw;
}
.heading-11::before {
	content: "";
	background-repeat: no-repeat;
	width: 75px;
  height:30px;
		background-image: var(--wpr-bg-25267402-6707-4cbb-80d7-46efa6e3df66),var(--wpr-bg-53658165-9fed-4277-8ace-23c9d80aa9dd);
	margin: 0 0 1vh -0.5vw;
}

/* Graue CTA Boxen/Cards anpassen */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.gray-cta-cards > div {
		width: 86vw !important;
	}
}

/* Background Images hinzufügen - START */
/* Nur ab 1440px */
@media only screen and (min-width: 1440px) {
/* Rotate falls Background auf anderer Seite genutzt werden soll ---- Content-Div und Background-Image Div müssen diese Klasse erhalten */
	.rotate {
		transform: rotate(180deg);
	}
/* Roter Halbkreis */
.background-circle-red {
	    background-image: var(--wpr-bg-8c7d752e-e6e7-4998-a39e-b5a072da1e98), var(--wpr-bg-ceb2c9c2-056e-4653-b4b0-299449433d86);
    background-size: auto 500px;
    background-position: 0% 150px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

/* Grauer Halbkreis - Klein */
.background-circle-gray {
background-image: var(--wpr-bg-e345b417-0100-4a59-a823-0c10f473615d), var(--wpr-bg-e345b417-0100-4a59-a823-0c10f473615d), var(--wpr-bg-e345b417-0100-4a59-a823-0c10f473615d), var(--wpr-bg-e345b417-0100-4a59-a823-0c10f473615d), var(--wpr-bg-66ef003d-798a-4d76-917a-fb4fd2491bb4);
    background-size: auto 350px;
    background-position: 100% 0px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

/* Grauer Halbkreis - Groß */
.background-circle-gray-big {
background-image: var(--wpr-bg-93b86fe6-8950-42c7-9536-c42aca0b25f3), var(--wpr-bg-93b86fe6-8950-42c7-9536-c42aca0b25f3), var(--wpr-bg-93b86fe6-8950-42c7-9536-c42aca0b25f3), var(--wpr-bg-93b86fe6-8950-42c7-9536-c42aca0b25f3), var(--wpr-bg-79a63f45-e191-4142-8fad-8e9e2bccdb12);
    background-size: auto 750px;
    background-position: top right;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

/* Blauer Halbkreis */
.background-circle-blue {
background-image: var(--wpr-bg-d700008c-fb36-497d-974c-9ec8aae311df), var(--wpr-bg-bbde964c-a42d-409b-8904-1c2d312b52c5);
		background-size: auto 650px;
    background-position: 0% 100px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

/* Gestrichelter Halbkreis - Schwarz */
.background-circle-dotted {
background-image: var(--wpr-bg-5fbc2666-3078-4e86-abcc-288378380ed5), var(--wpr-bg-5fbc2666-3078-4e86-abcc-288378380ed5), var(--wpr-bg-726f8026-b862-4310-bc62-c9dacecc974a);
    background-size: auto 700px;
    background-position: 100% 200px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}

/* Gestrichelter Halbkreis - Rot */
.background-circle-dotted-red {
    background-image: var(--wpr-bg-c9cfd4e3-634f-409e-ba10-9b7cea2fa0fe), var(--wpr-bg-d638f158-64f1-4a61-8639-2709a592f4e7);
    background-size: auto 500px;
    background-position: 0% 150px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}
}

@media only screen and (min-width: 1921px) {
	/* Grauer Halbkreis - Klein */
.background-circle-gray {
background-image: url(https://www.hr-rocket.com/wp-content/uploads/2022/01/kreis-grau.webp), url(https://www.hr-rocket.com/wp-content/uploads/2022/01/kreis-grau.webp), url(https://www.hr-rocket.com/wp-content/uploads/2022/01/kreis-grau.webp), url(https://www.hr-rocket.com/wp-content/uploads/2022/01/kreis-grau.webp), url(https://www.hr-rocket.com/wp-content/uploads/2022/01/kreis-grau.png);
    background-size: auto 300px;
    background-position: 100% 0px;
    background-attachment: scroll;
    background-repeat: no-repeat;
}
}

/* Background Images hinzufügen - ENDE */


/* Accordion - Schriftfarbe weiß (Aktive Überschrift) - START */
.kt-blocks-accordion-header.kt-accordion-panel-active {
	color: white !important;
}


/* Accordion - Schriftfarbe weiß (Aktive Überschrift) - ENDE */
/* Designfixes Ratgeber / Blog - ENDE */

button.noLink {
	background-color: unset;
	font-weight: unset;
	padding: 0;
}

button.noLink:hover{
	color: var(--global-palette-highlight);
	text-decoration: underline;
}

ul.sub-menu li a {
    width: 340px !important;
}

/* Footer */
@media only screen and (max-width: 1500px){
	.site-footer-row.site-footer-row-columns-5 {
		margin-left: 5%;
		margin-right: 5%;
	}

	.site-bottom-footer-wrap .site-footer-row-container-inner {
		margin-left: 3%;
		margin-right: 3%;
	}
}

@media only screen and (max-width: 1400px){
	.site-footer-row.site-footer-row-columns-5 {
		margin-left: 3%;
		margin-right: 3%;
	}
}

@media only screen and (max-width: 1200px){
	.site-footer-row.site-footer-row-columns-5 {
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media only screen and (max-width: 1620px){
	.site-top-footer-inner-wrap ul li::before {
		/*
		content: "";
		display:  unset !important;
		*/
	}
}

@media only screen and (max-width: 1650px){
	#bottom-footer {
    display: unset;
	}
	
	.beliebte-artikel {
    position: relative;
	}
}
/* button landingpage */
.kt-btn-1-action  {
	padding-right:44px !important;
}

/* Google Reviews - Anzahl ausblenden */
div.ti-footer.source-Google > div.ti-rating-text > span {
	display: none;
}

/* Tabelle (Stellenbeschreibung Muster) linksbündig ausrichten */
#tabelle-stellenbeschreibung th {
	text-align: left ;
	vertical-align: top
}

#tabelle-stellenbeschreibung td {
	padding-left: 10px;
}


.post-1710 .kt-blocks-accordion-title {
	color: #212830 !important
}

.post-1710 .kt-accordion-header-wrap {
	box-shadow: 0px 5px 15px 0px rgb(33 40 48 / 16%);
}

.post-4658 .kt-blocks-accordion-title {
	color: #212830 !important
}
@media only screen and (max-width: 1000px) {
#employer-branding-strategie {
	padding-bottom: 5%;
	margin-top: 10%!important;
	}}

@media only screen and (max-width: 1000px) {
#employer-branding-kennzahlen {
	margin-bottom: 0px!important;
	margin-top: 10%!important;
	}}

@media only screen and (max-width: 1000px) {
#ziele-vorteile-employer-branding {
	margin-top: 0px!important;
	}}

@media only screen and (max-width: 1000px) {
#einleitung-employer-branding {
	padding-bottom: 0px!important;
	}}


@media only screen and (max-width: 1000px) {
#zielgruppe-employer-branding {
	margin-top: 15%!important;
	}
}

/* Content (des Ratgebers) Scrollbar machen - Overflow hidden auf unset setzen */
html.pum-open.pum-open-overlay, html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay {
	overflow: unset !important;
}