/* 
 Theme Name:     DAS IT-WERK
 Author:         DAS IT-WERK
 Author URI:     https://www.das-it-werk.de/
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.8
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* MUST HAVE DIVI FIXES START */ 

/* VB: alle Inline-Edits hart blocken */
.et-fb [contenteditable],
.et-fb .et-fb-editable,
.et-fb .et-fb-inline-text,
.et-fb .et_fb_inline_text,
.et-fb [data-et-editable],
.et-fb [data-et-content],
.et-fb [data-placeholder]{
  pointer-events:none !important;
  user-select:none !important;
  caret-color:transparent !important;
}
/* Editor-Felder in Modals NICHT blocken */
.et-fb .et-fb-modal [contenteditable],
.et-fb .et-fb-modal .et-fb-editable,
.et-fb .et-fb-modal .et-fb-inline-text,
.et-fb .et-fb-modal .et_fb_inline_text{
  pointer-events:auto !important;
  user-select:text !important;
}

.et-fb .mce-inline-toolbar,
.et-fb .et_fb_inline_toolbar,
.et-fb .tox-tinymce-inline { display:none !important; }

h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal !important;
}

.et_boxed_layout #page-container {
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#page-container, #main-header {
	max-width: 2560px !important;
	width: 100% !important;
	margin: 0 auto !important;
}

#page-container {
	overflow: hidden !important;
}

#main-header {
	left: unset !important;
	box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.mfp-title{
	display: none !important;
}

/* Container fixen */
.mfp-container {
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box;
    max-width: 100vw !important;
    overflow: hidden !important;
}

/* Content-Wrapper ggf. auch resetten */
.mfp-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100vw !important;
    box-sizing: border-box;
}

/* Dein Bild */
.mfp-img {
    width: auto !important;
    height: auto !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    display: block;
    margin: 0 auto !important;
    box-sizing: border-box;
}

/* 1920px als Maximum nur auf sehr großen Screens */
@media (min-width: 1921px) {
    .mfp-img {
        max-width: 1920px !important;
    }
}

.mfp-counter {
  display: none !important;
}

.et_overlay:before {
    top: 50% !important;
    left: 50% !important;
    font-size: 52px !important;
}
/*
#mobile_menu .menu-item a {
	font-weight: 500 !important;
}

#mobile_menu .current-menu-item a,
#mobile_menu .menu-item:hover a,
#mobile_menu .menu-item:hover a:active,
#mobile_menu .menu-item:hover a:focus {
	background: #8fb014 !important;
	color: #FFF !important;
}

.mobile_menu_bar:before {
	font-size: 52px !important;
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: '\4d' !important;
}

#et_mobile_nav_menu:before {
    content: 'MENÜ';
    font-size: 18px !important;
    position: absolute !important;
    bottom: 38px !important;
    right: 48px !important;
    color: inherit !important;
    font-weight: 500 !important;
}
*/
* {
	word-break: break-word !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
}

.diw-bg-hover-switch,
.diw-bg-hover-switch * {
  transition: none !important;
  animation: none !important;
}

/* DIVI MOBILE FIXES START  

Large Desktop: 1405px and above
Standard Desktop: between 1100px and 1405px
Laptops and Large Tablets: between 980px and 1100px
Tablets: between 768px and 980px
Smartphones and small Tablets: between 320px and 768px;
Smartphones: between 320px and 480px;
*/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1406px) {
  
}

/*** Responsive Styles Standard Desktop and Below ***/
@media all and (max-width: 1405px) {

}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1101px) and (max-width: 1405px) {

}

/*** Responsive Styles Standard Desktop an Below ***/
@media all and (max-width: 1100px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1100px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_column.et_pb_column_empty.has-bg-img,
	.et_pb_column.et_pb_column_empty {
		display: block !important;
	}
	#page-container { 
		padding-top: 20px !important; 
	}
	#main-header { 
		background: transparent !important; 
	}/*
	.et_mobile_menu {
		top: 0px !important;
		left: -5% !important;
		width: 70% !important;
		border: 1px solid #000 !important;
        border-top: 1px solid #000 !important;
		box-shadow: 0 0px 90px rgba(0,0,0,0.5) !important;
		-moz-box-shadow: 0 0px 90px rgba(0,0,0,0.5) !important;
		-webkit-box-shadow: 0 0px 90px rgba(0,0,0,0.5) !important;*/
	}	
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}

/* DIVI MOBILE FIXES END */ 

/* MUST HAVE DIVI FIXES END */ 

/* PROJEKT CSS STYLES START */

/* Canvas-Container und Page-Container synchronisieren (nur Live-Modus) */
body:not(.et-fb) #main-menu-top .off-canvas-content,
body:not(.et-fb) #main-menu-top .off-canvas-content.open,
body:not(.et-fb) #page-container {
    transition: transform 1.5s ease-in-out !important;
}

/* Sichtbarkeit des Canvas-Inhalts immer beibehalten (nur Live-Modus) */
body:not(.et-fb) #main-menu-top .off-canvas-content {
    display: block !important;
    visibility: visible !important;
    overflow-y: auto !important; /* Scrollen im Canvas aktivieren */
    max-height: calc(100vh - 32px) !important; /* Begrenzung der Höhe */
}

/* Animation bei Entfernen der Klasse “open” (nur Live-Modus) */
body:not(.et-fb) #main-menu-top .off-canvas-content:not(.open),
body:not(.et-fb) #page-container:not(.open) {
    transition: transform 1.5s ease-in-out !important;
    display: block !important; /* Verhindert unsichtbare Inhalte */
    visibility: visible !important; /* Sichtbarkeit bleibt erhalten */
}

/* Schließen-Button (nur Live-Modus) */
body:not(.et-fb) #main-menu-top .off-canvas-close-btn {
    transition: transform 1.5s ease-in-out !important;
}

/* Scrollen im Body aktivieren */
body.off-canvas-open {
    overflow-x: visible !important; /* Horizontales Scrollen */
    overflow-y: auto !important;    /* Vertikales Scrollen */
}

/* Sicherstellen, dass das Canvas sichtbar bleibt */
body.off-canvas-open .off-canvas-content {
    position: fixed !important;
    width: 100%;          /* Volle Breite */
    display: block !important;
    visibility: visible !important;
    overflow-y: auto !important; /* Scrollen im Canvas */
    max-height: calc(100vh - 32px) !important; /* Dynamische max. Höhe */
}

/* MAIN NAV BUTTUNS START */

body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-start,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-projekt-referenzen,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-ausbildung-karriere,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-kontakt {
  color: #000 !important;
  border-bottom: 3px solid transparent !important;
}

body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-start:hover,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-projekt-referenzen:hover,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-ausbildung-karriere:hover,
body #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-kontakt:hover,
body.page-id-1011977 #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-start,
body.page-id-27397853 #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-ausbildung-karriere,
body.post-type-archive-project #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-projekt-referenzen,
body.single-project #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-projekt-referenzen,
body.page-id-OFF #page-container header .et_pb_section .et_pb_button_module_wrapper a.diw-nav-kontakt {
  background: #FFF !important;
  color: #000 !important;
  border-bottom: 3px solid #e30613 !important;
}

/* BLOG */

#block-2 {
}

#block-2 .wp-block-categories-list,
#block-3 .wp-block-categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #FFF;
}

#block-2 .wp-block-categories-list > li.cat-item-1 {
  font-size: 21px !important;
}

#block-2 .wp-block-categories-list > li.cat-item-1 > a {
  font-size: 0px !important;
  color: transparent !important;
  font-weight: 900 !important;
  margin-bottom: 20px !important;
  display: inline-block;
  padding-bottom: 5px !important;
  padding-right: 5px !important;
}

#block-2 .wp-block-categories-list > li.cat-item-1 > a:before {
  font-size: 21px !important;
  content: "Alle Beiträge" !important;
  color:#FFF !important;
}

#block-2 .wp-block-categories-list > li.cat-item-624 > a,
#block-2 .wp-block-categories-list > li.cat-item-625 > a,
#block-2 .wp-block-categories-list > li.cat-item-626 > a,
#block-2 .wp-block-categories-list > li.cat-item-627 > a,
#block-2 .wp-block-categories-list > li.cat-item-628 > a,
#block-2 .wp-block-categories-list > li.cat-item-629 > a,
#block-2 .wp-block-categories-list > li.cat-item-630 > a,
#block-3 .wp-block-categories-list > li.cat-item-631 > a,
#block-3 .wp-block-categories-list > li.cat-item-632 > a,
#block-3 .wp-block-categories-list > li.cat-item-633 > a {
  font-weight: 500 !important;
  color: #BCBDBD !important;
  font-size: 18px !important;
  text-decoration: none;
}

#block-2 .wp-block-categories-list .children {
}

#block-2 .wp-block-categories-list .children li,
#block-3 .wp-block-categories-list li {
  margin-bottom: 15px !important;
  color: #BCBDBD !important;
}

#block-2 .wp-block-categories-list .children li a,
#block-3 .wp-block-categories-list li a {
  font-weight: 500 !important;
  text-decoration: none;
  color: #BCBDBD !important;
  font-size: 18px !important;
  padding-right: 5px !important;
}

#block-2 .wp-block-categories-list li.current-cat > a,
#block-3 .wp-block-categories-list li.current-cat > a {
  text-decoration: none !important;
  border-bottom: 2px solid #FFF !important;
  padding-bottom: 5px !important;
  font-weight: 900 !important;
  color: #FFF !important;
  margin-bottom: 20px !important;
}

#block-2 .wp-block-categories-list li.current-cat,
#block-3 .wp-block-categories-list li.current-cat {
  margin-bottom: 20px !important;
}


/* MAIN NAV BUTTUNS END */



/*
.et_pb_button_0_wrapper.et_pb_sticky, .et_pb_button_1_wrapper.et_pb_sticky, .et_pb_button_2_wrapper.et_pb_sticky, .et_pb_button_3_wrapper.et_pb_sticky {
    max-width: 260px !important;
    margin-left: -9% !important;
    z-index: 99999999 !important;
}

@media(max-width:767px){
.et_pb_button_0_wrapper.et_pb_sticky a, .et_pb_button_1_wrapper.et_pb_sticky a, .et_pb_button_2_wrapper.et_pb_sticky a, .et_pb_button_3_wrapper.et_pb_sticky a {
    padding: 5px !important;
    padding-right: 22px !important;
    padding-left: 9px !important;
}
.et_pb_button_0_wrapper.et_pb_sticky:hover a, .et_pb_button_1_wrapper.et_pb_sticky:hover a, .et_pb_button_2_wrapper.et_pb_sticky:hover a, .et_pb_button_3_wrapper.et_pb_sticky:hover a {
    padding: 5px !important;
    padding-right: 22px !important;
    padding-left: 9px !important;
}
}

body #page-container .et_pb_section .et_pb_button_0_wrapper.et_pb_sticky a {
  color: #000 !important;
  border-width: 3px !important;
  border-color: #000 !important;
  background-color: #FFF !important;
}

body #page-container .et_pb_section .et_pb_button_0_wrapper.et_pb_sticky a:after {
    color: #000 !important;
}

.et_pb_menu__wrap {
justify-content: end !important;
}

.et_mobile_nav_menu {
background: #892964 !important;
padding: 0px 5px 0px 15px !important;
text-align: right !important;
float: right !important;
}

.et_mobile_nav_menu:before {
    content: 'MENÜ';
    font-size: 20px !important;
    bottom: 38px !important;
    right: 48px !important;
    color: #FFF !important;
    font-weight: 800 !important;
    padding-top: 5px !important;
    /*text-shadow: 0px 0px 10px #FFF !important;*/
}
/*
#mobile_menu1 .menu-item a {
  font-weight: 500 !important;
  text-shadow: none !important;
  color: #000 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  font-size: 18px !important;
  line-height: 20px !important;
}

#mobile_menu1 .current-menu-item a,
#mobile_menu1 .menu-item:hover a,
#mobile_menu1 .menu-item:hover a:active,
#mobile_menu1 .menu-item:hover a:focus {
  background: #892964 !important;
  color: #FFF !important;
}

.mobile_menu_bar {
  padding-bottom: 3px !important;
}

.mobile_menu_bar:before {
  font-size: 37px !important;
  color: #FFF !important;
  /*text-shadow: 0px 0px 10px #FFF !important;*/
}
/*
.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d' !important;
}

@media(min-width:2560px){
    .et_pb_button_0_wrapper.et_pb_sticky, .et_pb_button_1_wrapper.et_pb_sticky, .et_pb_button_2_wrapper.et_pb_sticky, .et_pb_button_3_wrapper.et_pb_sticky {
        max-width: 260px !important;
        margin-left: -23% !important;
    }
}

@media(max-width:1024px){
    .et_pb_button_0_wrapper.et_pb_sticky, .et_pb_button_1_wrapper.et_pb_sticky, .et_pb_button_2_wrapper.et_pb_sticky, .et_pb_button_3_wrapper.et_pb_sticky {
        max-width: 260px !important;
        margin-left: -5% !important;
    }
}
*/
/*** Responsive Styles Standard Desktop and Below ***/
@media all and (min-width: 981px) and (max-width: 1700px) {
}
/*
@media all and (min-width: 768px) and (max-width: 2200px) {
.et_pb_menu .et-menu>li {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.et_pb_menu .et-menu>li>a {
 font-size: 15px !important;
}
}
@media all and (min-width: 768px) and (max-width: 1800px) {
.et-l.et-l--header .et_pb_column_3_5 {
  width: 100% !important;
}

.et-l.et-l--header .et_pb_column_2_5 {
  width: 100% !important;
  max-width: 800px !important;
}
.et-l.et-l--header .et_pb_column_3_5 > div {
  margin-top:30px !important;
}

.et_pb_menu__menu {
  width: 100% !important;
  margin-left: 2% !important;
}
.et_pb_menu .et-menu>li {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
}
*/