/*
 Theme Name: Divi-Child-Theme-KNOLLE-DESIGN
 Theme URI: https://www.knolle.biz/
 Description: Dies ist ein <b>ready-to-start</b> Child-Theme f&uuml;r Divi. Entwickelt und bereitgestellt von KNOLLE DESIGN Dieses Theme beinhaltet alle notwendigen Dateien, um den schnellen und einfach Start zu erm&ouml;glichen.
 Author: KNOLLE DESIGN - Jens Knolle
 Author URI: https://www.knolle.biz/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, easy-to-use, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */

/* Font settings 
body {
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-style: bold;
	
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* END Font settings */


/* KNOLLE DESIGN  */

:root {
	--kdac: #d4ea52;
	--c1: #3b4e60; /* Dunkelblau */
	--c2: #5fcfea; /* hellblau */
	--c3: #6ae5ec; /* quietschblau */
	--c4: #d4ea52; /* yellow */
	}

.yellow {
	color: var(--c4);
	}

.lightblue {
	color: var(--c2);
	}


html[lang="de-DE"] .hide-de {
	display: none;
	}

html[lang="en-US"] .hide-en {
	display: none;
	}

#page-container {
	overflow:hidden;
	}


.single .post {
	padding-bottom: 0;
	}

#pll_switcher {
	padding-bottom:0 !important;
	}

/* MENU SECTION ------------------------------------------------------------------------------------- */


/* NMS Main Menü */

/* Add a drop shadow to the SVG logo */

.et_pb_menu__logo {
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));
	}




@media (max-width: 1175px) {
	.nms-menu-mobile-breakpoint .et_pb_menu__menu {
		display: none;
	}
	.nms-menu-mobile-breakpoint .et_mobile_nav_menu {
		display: block;
	}
}

@media (max-width: 1175px) {
	.column2-nms-menu-mobile-breakpoint {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.column3-nms-menu-mobile-breakpoint {
		display: none!important;
	}
}



/* Eduards additional Menu CSS */
@media (min-width: 981px) and (max-width: 1175px) {
	.dt-header-row .et_mobile_nav_menu {
		display: flex;
		}
	.dt-header-row .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
		justify-content: flex-end;
		}
	.dt-header-row .et_pb_menu--style-left_aligned .et_pb_menu_inner_container {
		align-items: center;
		} 
}

/* Hamburger icon mobile no margin */
@media (max-width: 400px) {
	.et_pb_menu .et_mobile_nav_menu {
		margin: 0 !important;
	}
}
/* END Hamburger icon mobile no margin */

/* Mobile Menu ein bisschen nach unten, damit es passt */
.dtb-menu .et_mobile_menu{
	margin-top: 6px;
}

/* hamburger icon ipad 12 */
@media (max-width:1175px) and (min-width:981px) {
	#page-container header .dtb-menu {
		margin-top:-4px!important
	}	
}
/* END hamburger icon ipad 12 */



/* END Mobile Menu ein bisschen nach unten, damit es passt */

/* END NMS Main Menü */




/* Sticky behavior icons and language switcher */
header .has_et_pb_sticky #search-overlay-trigger .et-pb-icon, header .has_et_pb_sticky .gt-menu-switcher #menu-language-switcher a {
	color: #fff!important;
	}
/* END Sticky behavior icons and language switcher */








/* Accordeon icon in Mega Menü  */
#page-container #et-boc .de-mega-menu-container .et_pb_toggle_title:before {
	content: "\4c" !important;
	}
/* Accordeon icon in Mega Menü  */


/* NMS MEGA MENU Spalten hover */
.nms_mega_menu {
	border: 1px solid #fff;
	border-radius: 20px;
	padding:20px;
	}

.nms_mega_menu:hover {
	border: 1px solid #d4ea52;
	}
/* END NMS MEGA MENU Spalten hover */



/* NMS MEGA MENU Blog-Entries*/ 
.nms_mm_blog .et_pb_post {
	margin-bottom:15px!important;
	}
/* END NMS MEGA MENU Blog-Entries*/ 


/* Sprachweiche Breite anpassen */
.nms_lang_menu .nav li li {
	padding-left:8px !important;
	}

.nms_lang_menu ul.sub-menu li.lang-item {
	 padding-left:11px!important
	}
/* END Sprachweiche Breite anpassen */



/* Menü Termin vereinbaren Border */ 
.nms-termin-vereinbaren-button a span {
	border: 1px solid #3b4e60;
	border-radius: 23px;
	padding:12px;
	}

header .has_et_pb_sticky .nms-termin-vereinbaren-button a span {
	border: 1px solid #fff;
	border-radius: 23px;
	padding:12px;
	}
/* END Menü Termin vereinbaren Border */ 



/* Mobile Menu width */ 
@media (max-width:1175px){
	.dtb-menu .et_mobile_menu {
		left: -260px;
		width: 300px;
		top: 53px !important;
	}
}
/* END Mobile Menu width */ 



/* make mobile menu scrollable */
.et_mobile_menu {   
	overflow-y:scroll!important;
	max-height:80vh!important;
	-overflow-scrolling:touch!important;
	-webkit-overflow-scrolling:touch!important;
	}
/* END make mobile menu scrollable */


/*  Mobile Menu bg colors */ 
.et_pb_menu ul.et_mobile_menu ul.sub-menu {
	background: transparent!important;
	}

body .et_pb_menu ul.et_mobile_menu li > a, body .et_pb_menu ul.et_mobile_menu li > a:hover, body .et_pb_menu ul.et_mobile_menu li.current-menu-item a, body .et_pb_menu ul.et_mobile_menu li:hover > a {
	color: #3b4e60!important;
	}
/*  END Mobile Menu bg colors */ 


/* SEARCH OVERLAY TRIGGER */
#search-overlay-trigger {
	bottom: -7px;
	}
/* END SEARCH OVERLAY TRIGGER */


/* Mobile Menu  Cocde by ET */
@media all and (max-width: 1175px) {
	header > div:not(.has_et_pb_sticky) .dtb-hamburger-inner, 
	header > div:not(.has_et_pb_sticky) .dtb-hamburger-inner::before, 
	header > div:not(.has_et_pb_sticky) .dtb-hamburger-inner::after {
		background-color: #3B4E60!important;
	}
}

@media all and (max-width: 1175px) {
	.gt-menu-switcher .et_mobile_nav_menu{
		display:none;
	}
	.gt-menu-switcher .et_pb_menu__menu {
		display: block;
	}
	.dtb-menu.first .et_pb_menu__wrap {
		display: none;
	}
}

@media all and (min-width: 1175px)/*CHECK*/ {
	.dtb-menu.second{
		display:none;
	}
}

@media screen and (orientation:landscape)
	and (min-device-width: 481px) 
	and (max-device-width: 767px) {
	body.et-db .myheroimage .et_pb_image_wrap img{
		height: 60vh !Important;
	}
	body.et-db .myheroimage {
		bottom: -70px !important;
	}
}
/* END MOBILE MENU CODE BY ET */


/* Hamburger Icon Colors */ 
.dt-header-row .mobile_menu_bar:before {
	color: #3B4E60 !important;
}

.et_pb_sticky .dt-header-row .mobile_menu_bar:before {
	color: #fff !important;
}
/* Hamburger Icon Colors */ 



/*Proper Collapsable Mobile Menu*/

/*Style the icon's placeholder*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
	border-bottom: 0;
	text-align: center;
	}
	
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
	}
	
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
	}

/*Hide the Sub-menu*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
	}

/*Show the sub-menu when the + icon is clicked*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
	}

/*Create the opening/closing icon using the Divi's Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	}

/*Set the opening icon for custom Tax Pages*/
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "+";
	}

/*Set the opening icon for default WordPress Pages*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "\4c";
	}

/*Set the closing icon*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
	content: '\4d';
	}
/* END Proper Collapse Menu */


/* autom. Silbentrennung aktivieren */
body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
			hyphens: auto;
	}

.nohyphens {
	-moz-hyphens: none;
		-ms-hyphens: none;
	-webkit-hyphens: none;
			hyphens: none;
	}

.nohyphens.et_pb_module {
	word-wrap: normal!important;
	overflow: visible!important;
	}


@media (max-width:480px) {
	.fixformobile.h1_substitute h2 {
		font-size: 32px!important;
	}
}
/* END autom. Silbentrennung aktivieren */





/* Hochgestellt */
sup {
	font-size:10px !important;
	}
/* END Hochgestellt */


/*  FOOTER KEIN HAMBURGER MENU */
.et-l.et-l--footer .et_pb_menu__menu {
	display: block !important;
	}
.et-l.et-l--footer .et_mobile_nav_menu {
	display: none !important;
	}
/* END FOOTER KEIN HAMBURGER MENU */




/* MENU SECTION END --------------------------------------------------------------------------------- */










/* CONTENT SECTION ---------------------------------------------------------------------------------- */

/*  Dynamische Fontgrößen Headlines */

.dynhead .header-content h1, .dynhead .et_pb_column .et_pb_module h1, .dynhead h1 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(40px, 8vw, 80px);
	}

.dynhead .header-content h2, .dynhead .et_pb_column .et_pb_module h2, .dynhead h2 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(30px, 3vw, 40px);
	}

.dynhead .header-content h3, .dynhead .et_pb_column .et_pb_module h3, .dynhead h3 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(22px, 2.5vw, 30px);
	}

.dynhead .header-content h4, .dynhead .et_pb_column .et_pb_module h4, .dynhead h4 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(20px, 2.2vw, 26px);
	}

.dynhead .header-content h5, .dynhead .et_pb_column .et_pb_module h5, .dynhead h5 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(18px, 2vw, 22px);
	}

.dynhead .header-content h6, .dynhead .et_pb_column .et_pb_module h6, .dynhead h6 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(16px, 1.8vw, 18px);
	}



.dynhead.et_pb_button {
	font-size: clamp(20px, 1.8vw, 40px);
	}


/* END Dynamische Fontgrößen Headlines */


/*  Dynamische Fontgrößen Substitutes */
.nms_title, .nms_title h1 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(40px, 8vw, 160px) !important;
	}

.h1_substitute, .h1_substitute h2 {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(40px, 8vw, 80px) !important;
	}

.h2_substitute {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(30px, 3vw, 40px);
	}

.h3_substitute {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(22px, 2.5vw, 30px);
	}

.astronaut_substitute {
	/* font-family:"din-2014", sans-serif; */
	font-size: clamp(40px, 8vw, 60px) !important;
	}

/* END Dynamische Fontgrößen Substitutes */


/* Herosection Bilder anpassung damit Breite funktioniert */
.myheroimage {
	width: 100% !important;
}

@media (max-width: 1100px) and (min-width: 981px) {
	#page-container .myheroimage img{
		height: 700px;
		width: auto;
	}
}

/* hero row for ipad 12 */
@media (max-width:1100px) and (min-width:981px) {
	.hero_tablet_row > .et_pb_column{
	height: 700px;
	}
}


@media only screen /* ipad 12 */
	and (min-device-width: 1023px) 
	and (max-device-width: 1366px)
	and (orientation:portrait) {
		#page-container .myheroimage {
			bottom: 5vh;
		}
}


/* Additional css for hero section 2023-10-02 */
@media only screen and ( max-width: 767px ) {
	.dynhead.nms_title {
		position: relative !important;
		top: auto !important;
		transform: none !important;
		left: auto !important;
	}
	
	.et_pb_row.hero_tablet_row .et_pb_column {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
/* Additional css for hero section 2023-10-02 */


/* END Herosection Bilder anpassung damit Breite funktioniert */


/* Dynamische Fontgröße longcopy */
.dynamic_p p {
	font-size: clamp(14px, 1vw, 18px) !important;
	}
/* END Dynamische Fontgröße longcopy */

/* NMS Ordered Lists */
.nms_ol ol li::marker {
	font-weight:bold !important;
	}
.nms_ol ol li {
	padding-bottom:10px;
	}


/*Underline Links*/
p a:hover {
	text-decoration:underline !important;
	}
/*END Underline Links*/



/* Links*/
.whitelinks a {
	color:#ffffff;
}

.darklinks a {
	color: var(--c1);
}

/*END  Links*/



/* Dateinamen unter Gallerybild entfernen */
.mfp-title {
	display:none !important;
}
/* END Dateinamen unter Gallerybild entfernen */


/* Videoslider thumbnails centered */
.et_pb_video_slider .et_pb_carousel_items .et-carousel-group {
	margin-left: 12%!important;
	margin-right:12%!important;
	}

@media (max-width: 767px) {
	.et_pb_video_slider .et_pb_carousel_items .et-carousel-group {
    	max-width: 76%;
	}
}
/* END Videoslider thumbnails centered */


/* Blurp / informations-Text Icon vertikal zentrieren */
.blupr_icon_v_zentrieren .et_pb_main_blurb_image {
	margin: 0;
	}
/* END Blurp / informations-Text Icon vertikal zentrieren */


/* News anpassen */

@media only screen and (min-width: 980px) {
	.nms_news .et_pb_post {
		margin-bottom:0 !important;
	}

	.nms_news .entry-featured-image-url {
		margin-bottom:0 !important;
		padding-right:0 !important;
		padding-left:0 !important;
	}

	.nms_news .dtb-post-wrap {
		padding-left: 60px !important;
		padding-right: 60px !important;
	}	
}

/* END News anpassen */


/* NMS LEXIKON */

.nms_lexikon .az-letters > ul.az-links > li {
	border:0 !important;
	color: #adadad;
	border-radius:50%;
	/* font-family:"din-2014", sans-serif; */
	color:#fff;
	text-decoration:none !important;
	}

li.odd.has-posts, li.even.has-posts {
	background: var(--c2) !important;
	}

.nms_lexikon .az-letters > ul.az-links > li a {
	color: var(--c1);
	}

.nms_lexikon div.letter-section h2.letter_title {
	/* font-family:"din-2014", sans-serif; */
	color: var(--c2) !important;
	}

.nms_lexikon h2.letter-title {
	color: var(--c2) !important;
	}



.nms_lexikon code, pre {
	/* font-family:"din-2014", sans-serif; */
	color: var(--c2) !important;
	}
.nms_lexikon .letter-section a {
	color: var(--c1) !important;
	text-decoration: underline !important;
	}

.nms_lexikon .back-to-top a {
	padding:10px;
	border-radius:20px;
	background: var(--c1);
	color: #fff !important;
	text-decoration: none !important;
	}

/* Breadcrump und back button im Lexikon Eintrag anpassen, damit sie nicht hässlich einzeilig sind mit internen umbrüchen */

@media (min-width:768px) and (max-width:1080px){
	.et_pb_row.et_pb_row_3.nms_lex_upper_row {
		width: 95% !important;
	}

	.nms_lex_upper_row a.et_pb_button.et_pb_button_0.nms_back_button.et_pb_bg_layout_light {
		width: 115px !important;
		margin-top: 8% !important;
	}
}
/* END Breadcrump und back button im Lexikon Eintrag anpassen, damit sie nicht hässlich einzeilig sind mit internen umbrüchen */

/* END NMS LEXIKON */

.az-letters {
	margin-bottom:80px;
}

/* Lexikon Content 2-spaltig */
@media (min-width:768px) {
	.items-inner {
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		flex-grow: 1;
		gap: 5%;
	}
	.letter-section {
		width:47.5%;
	}
	.max-1-columns {
		column-count:1 !important;
		max-width:100% !important;
		width:100% !important;
	}
}

.back-to-top {
	display:none !important;
	}
/* END Lexikon Content 2-spaltig */



/* Flexbox Modules für 3-2-1 */

/* root-settings */

.flexbox_column {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	}

/* smartphone */
@media all and (max-width: 479px) {
	.flexbox_3_2_1_module {
		 flex-basis: 100%;
	}	
	.flexbox_column {
		column-gap:20px;
		row-gap:100px;
	}
}

/* tablet */
@media all and (min-width: 480px) and (max-width: 1349px) {
	.flexbox_3_2_1_module {
		flex-basis: calc(50% - 40px);
	}	
	.flexbox_column {
		column-gap:20px;
		row-gap:100px;
	}
}

/* desktop */
@media all and (min-width: 1350px) {
	.flexbox_3_2_1_module {
		flex-basis: calc(33.33% - 40px);
	}	
	.flexbox_column {
		column-gap:20px;
		row-gap:100px;
	}
}



/* ipad 12pro */
@media all and (min-device-width: 1023px) and (max-device-width: 1366px) and (orientation:portrait) {
	.flexbox_3_2_1_module {
		flex-basis: calc(50% - 40px) !important;
	}	
	.flexbox_column {
		column-gap:20px;
		row-gap:60px;
	}
}

/* ############## VARIANTE 2 */ 

/* root-settings */

.flexbox_column_v2 {
	display:flex;
	flex-wrap:wrap;
	}

/* smartphone */
@media all and (max-width: 479px) {
	.flexbox_3_2_1_module_v2 {
		 flex-basis: 100%;
	}	
	.flexbox_column_v2 {
		row-gap:100px;
	}
}

/* tablet */
@media all and (min-width: 480px) and (max-width: 1349px) {
	.flexbox_3_2_1_module_v2 {
		flex-basis: calc(50% - 40px);
	}	
	.flexbox_column_v2 {
		column-gap:20px;
		row-gap:60px;
	}
}

/* desktop */
@media all and (min-width: 1350px) {
	.flexbox_3_2_1_module_v2 {
		flex-basis: calc(33.33% - 120px);
	}	
	.flexbox_column_v2 {
		column-gap:60px;
		row-gap:100px;
	}
}



/* ipad 12pro */
@media all and (min-device-width: 1023px) and (max-device-width: 1366px) and (orientation:portrait) {
	.flexbox_3_2_1_module_v2 {
		flex-basis: calc(50% - 40px) !important;
	}	
	.flexbox_column_v2 {
		column-gap:20px;
		row-gap:60px;
	}
}

/* END Flexbox Modules für 3-2-1 */



/* END Flexbox Modules für 3-2-1 */



/* Flipboxes */
@media only screen /* ipad 12 */ and (min-device-width: 800px) and (max-device-width: 1366px) {
	.et_pb_column .et_pb_column_4_4 .et_pb_column_16 .flipbox_row {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		column-gap:40px;
		row-gap:220px;
	}
	.dsm_flipbox {
		flex-basis: calc(50% - 40px) !important;
  	}	  
}

.flipboxlink a {
	background-color: var(--c1);
	border-radius:15px;
	color:#fff;
	padding:0 8px 0 8px;
	margin:2px;
	hyphens:none;
	display: inline-block;
	}

.flipboxlink a:hover {
	background-color: var(--c1);
	border-radius:15px;
	color: var(--c4);
	padding:0 8px 0 8px;
	margin:2px;
	text-decoration:none !important;
	}
		
.dsm_flipbox_child {
	align-items: flex-start;
	}



/* END Flipboxes */





/* Bloglayout */
.dtb-blog.et_pb_module .et_pb_post .entry-featured-image-url{
	flex-basis: 50%;
	}
	
.dtb-blog.et_pb_module .et_pb_post .dtb-post-wrap{
	flex-basis: 50%;
	}
	
.pagination{
	display: flex;
	justify-content: center;
	margin-top:40px;
	}
	
.pagination .alignleft{
	margin-right: 15px;
	}
	
.pagination .alignright{
	margin-left: 15px;
	}
/* END Bloglayout */




/* Footer Social icons */
@media (min-width:600px) and (max-width:1175px) {
	.et-db #page-container #et-boc .et-l .et_pb_column .footer_social_icons_row {
		margin-bottom:30px!important
	}
}
/* END Footer Social icons */




/* DSGVO MAPS Overlay FIX*/

@media all and (max-width: 767px) {
	.custom_map_overlay .et_pb_map {
		height: 400px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.custom_map_overlay .et_pb_map {
		height: 600px !important;
	}
}

@media (min-width:981px) {
	.custom_map_overlay .et_pb_map {
		height: 850px !important;
	}
}

/* END DSGVO MAPS Overlay FIX*/




/* iPad 12 Pro Portrait Content einspaltig und Text trotzdem zweispaltig*/
@media only screen 
and (min-device-width: 1023px) 
and (max-device-width: 1366px)
and (orientation:portrait) {
	.one_col_ipad12 .et_pb_column {
		width:100% !important;
		max-width: 100% !important;
	}
	.et_pb_text.one_col_ipad12 {
		column-count:2;
		column-gap: 5%;  
  	}
}
/* END iPad 12 Pro Portrait */



/* Akkordeon */
.kdakkordeon .et_pb_toggle {
	margin-bottom:0 !important;
	}

.nmsakkordeon .et_pb_toggle.et_pb_module.et_pb_accordion_item {
	display: flex;
	flex-direction:column;
	justify-content: center;
	}

.nmsakkordeon .et_pb_toggle.et_pb_module.et_pb_accordion_item h4.et_pb_toggle_title {
	padding-right: 20px;
	}


@media (max-width: 479px) {
	.nmsakkordeon .et_pb_toggle_title {
		max-width: 80%;
	}
	.nmsakkordeon .et_pb_toggle_title:before {
		right: -20% !important;
	}
}

/* END Akkordeon */


/* Line-Height W-Fragen */	
.w_fragen h3, .w_fragen h4  {
	margin-bottom: 15px;
	}
/* END Line-Height W-Fragen */	



/* Ordered Lists stylen - > Class to sections advanced css  */
.NMS_ordered_list ol li::marker {
	font-weight:bold !important;
	}
.NMS_ordered_list ol li {
	padding-bottom:10px;
	}
/* END Ordered Lists stylen - > Class to sections advanced css  */



/* Karriere-Profil List style type icon */

.nms_karriere_list_style ul {
	padding-left: 0 !important;
	}

.nms_karriere_list_style ul li {
	padding-left: 35px;
	list-style:none;
	margin-bottom: 10px;
	}

.nms_karriere_list_style ul li::before {
	content: '\45';
	display: inline-block;
	margin-right: 7px;
	margin-left: -35px;
	padding-right: 5px;
	font-family:'ETmodules';
	font-size: 1.2em;
	vertical-align: middle;
	color: var(--c2);
	}


/* END Karriere-Profil List style type icon */



/* Karriere-Profil List style type icon */
.add_karriere_icon .et_pb_post h3 a:before{
	content: "\45";
	font-family: ETModules;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--c4);
	}
/* END Karriere-Profil List style type icon */





/* Akkordeon in Navi Stylen */

/* von ET-Support*/
.my_accordion .et_pb_toggle {
	margin-bottom: 5px!important;
	}
/* von ET-Support*/


.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "\e04b";
	}
/* END Akkordeon in Navi Stylen */







/* Lite YouTube Embed – Ultra Performance */
.yt-lite {
  position: relative;
  background-color: #000;
  cursor: pointer;
  display: block;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  overflow: hidden;
}

.yt-lite::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
  filter: brightness(0.85);
}

.yt-lite .lty-playbtn {
  width: 68px;
  height: 48px;
  background-color: #212121;
  opacity: 0.8;
  border-radius: 14%;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

.yt-lite .lty-playbtn::before {
  content: "";
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 24px;
  top: 12px;
}

.yt-lite iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
}





/* CONTENT SECTION END ------------------------------------------------------------------------------ */







/* KUDOS ------------------------------------------------------------------------------ */


.kd-heart::after {
	content: "\e089";
	font-family: 'ETmodules';
	color: var(--kdac);
	}




/* KUDOS END ------------------------------------------------------------------------------ */


/* IT Lösungem mobile als opener statt nix */
@media (max-width:980px) {
	li.it-menu-de.et_pb_menu_page_id-241833 a.mobile-toggle, li.it-menu-en.et_pb_menu_page_id-243159 a.mobile-toggle {
		width: 100% !important;
		text-align: right !important;
		margin-right: 15px !important;
	}
	li.it-menu-de.et_pb_menu_page_id-241833 li a.mobile-toggle, li.it-menu-en.et_pb_menu_page_id-243159 li a.mobile-toggle {
		width: 44px!important;
	}
}

/* show logo on firefox */
.et_pb_menu__logo img[src$=".svg"] {
	height: 100px !important;
	}

video {
	object-fit: cover !important;
  object-position: top center;
}
.et_pb_section_video_bg .mejs-video{
	left:0;
	position:absolute;
	max-width:none;
	width:100%;
	margin:0 auto !important;
}
.et_pb_mega_menu_section_4 video,.mm-added .top-vid .et_pb_section_video_bg {
	display:none;
}




/* ===============================================
   NMS – Optimierte Hero Sektion (DIVI4)
   =============================================== */

/* Hero-Sektion 
.nms-hero {
  position: relative;
  z-index: 2;
  overflow: visible !important;
  background-color: var(--c2);
  height: 820px;           
  padding-top: 120px;
}


/* Inhalt (Text) 
.nms-hero__content {
  position: relative;
  z-index: 20;
}

/* Astronaut 
.nms-hero__astronaut {
  position: absolute;
  left: 50%;
  bottom: -6%;
  transform: translateX(-50%);
  z-index: 10;
  width: clamp(360px, 46vw, 680px);
  max-width: 90vw;
}