/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2025 | 05:51:46 */
/* ALLGEMEIN
----------------------------------------------------------------------------------------------------- */
/* OW-BUTTON COLOR: dd-Design */
.ow-button-base a { border: 1px solid #fff !important; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.none, #none { display: none !important ; }
.b { font-weight: bold; }
.font-12 { font-size: 12px; } .font-14 { font-size: 14px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; }
.font-20 { font-size: 20px; } .font-22 { font-size: 22px; } .font-24 { font-size: 24px; } .font-26 { font-size: 26px; } .font-28 { font-size: 28px; } 
.font-30 { font-size: 30px; } .font-32 { font-size: 32px; } .font-34 { font-size: 34px; } .font-36 { font-size: 36px; } .font-38 { font-size: 38px; }
.font-40 { font-size: 40px; } .font-42 { font-size: 42px; }

.text-center { text-align: center;}

hr { border-top: 1px solid #ddd !important; }

blockquote { padding: 10px 20px;  margin: 0 0 20px; border-left: 0px solid #eee; font-style: italic; font-size: inherit;  }
blockquote p:before {  content: ' „ ' ' ';  }	
blockquote p:after {  content: ' ' ' “ '; }

/* BUTTON SCROLL */
.roll-button { font-weight: normal; text-transform: none; }
.roll-button.text-link { padding: 0; line-height: inherit; border: none; background-color: transparent; color: #97bf0d; font-size: inherit; } 
.roll-button.text-link:hover { color: #f7a800; }

/* PRELOADER 
----------------------------------------------------------------------------------------------------- */
.preloader .spinner { width: 60px; height: 60px; }
.preloader .pre-bounce1, .preloader .pre-bounce2 { border: 1px solid rgba(0,0,0,0.1); background-image: url(https://www.double-d-it.de/wp-content/uploads/2017/12/preloader.png); background-repeat:no-repeat; background-position:center center; background-size: 70%; border-radius: 10%; opacity: 0.7; }
.preloader .pre-bounce1 { background-color: #97bf0d !important; left:  40%; }
.preloader .pre-bounce2 { background-color: #f7a800 !important; left: -40%;  }

/* WRAPPER 
---------------------------------------------------------------------------------------------------- */
.page-template-page_front-page .page-wrap .content-wrapper , .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper { padding-top: 0; padding-bottom: 0; }

/* ENGLISH DEACTIVE
----------------------------------------------------------------------------------------------------- */
   /* HEADER + HEADER MUSS IN WP-CSS EINGEFÜGT WERDE WENN TRANSLATE NICHT DA 
   #responsive-menu-container li.lang-item a[lang="en-GB"], .footer-widgets li.lang-item a[lang="en-GB"] { pointer-events: none !important; cursor: default !important; opacity: 0.2 !important; }
   */
/*
	
/* H1 *****************************************************/
.widget-title h1, .widget-title h2, .widget-title h3 { text-align: center !important; position: relative; font-weight: 600; line-height: normal;  text-transform: uppercase; margin:0; }
.panel-grid-cell .widget-title:after { height: 0px; }

/* PAGE 
----------------------------------------------------------------------------------------------------- */
.contact select {width: 100%; }

/* SMARTHOME / IT-SYSTEMHAUS 
----------------------------------------------------------------------------------------------------- */
a[href^=tel]{ -webkit-text-size-adjust: none }

/* HEADER 
----------------------------------------------------------------------------------------------------- */
.header-clone { height: 70px !important; } 

/*
#page:before { content: " "; position: fixed;  top: 0; height: 3px; width: 100%;
  background-color: #97bf0d;
    background: -webkit-gradient(linear,50% 50%, 0 0, from(#97bf0d), to(#f7a800));
    background: -moz-linear-gradient(left, #97bf0d 0%, #97bf0d 50%, #f7a800 50%, #f7a800 100%); 
    background: -webkit-linear-gradient(left, #97bf0d 0%,#97bf0d 50%,#f7a800 50%,#f6a800 100%); 
    background: linear-gradient(to right, #97bf0d 0%, #97bf0d 50%,#f7a800 50%,#f7a800 100%); 
    z-index: 1002;
}
*/
.site-header, .site-header.float-header  { transition: all 0.8s linear; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; -ms-transition: all 0.8s linear; padding: 15px 0; }
.site-header, .site-header.fixed  { background-color: rgba(255,255,255,1); box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.1); }
.site-header.float-header { padding: 10px 0 5px; position: fixed; }

.site-header .fw-menu-container { padding-left: 2%; }

/* JR-AKTUALISIERUNG  */
.col-sm-4 { width: 25%; text-align: center; }
.col-sm-8 { width: 75%; }
/* /JR-AKTUALISIERUNG  */


/* HEAD NAVSIDE - JOB */
header .jobs_head   { padding: 0px 0 0; position:absolute; top: 5px; left: calc(-100% - 35px);  -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg);  }
header .jobs_head a { display: block; width: 70px; height: 32px; background-image: url("/wp-content/uploads/sites/10/2016/09/jobs.png"); background-repeat: no-repeat; background-position: left top; background-size: 100%; text-indent: 100%; white-space: nowrap;overflow: hidden;}


/* LANG 
----------------------------------------------------------------------------------------------------- */
#lang-header .widget_polylang select { height: 30px;}
#lang-header .widget_polylang select [value=de] { content:  "attr(value)"; background-image: url('https://www.double-d-it.de/wp-content/uploads/2016/09/de.png') ; background-position: 0% 50%; background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: cover; background-position: center; }
.widget_polylang select option::before {content: "attr(selected)"; background-image: url('https://www.double-d-it.de/wp-content/uploads/2016/09/de.png') ; background-position: 0% 50%; background-repeat: no-repeat; background-size: 100% 100%; }
#lang-header .widget_polylang selecttt option[selected] { content: "selected(selected)"; background-image: url('https://www.double-d-it.de/wp-content/uploads/2016/09/de.png') ; background-position: 0% 50%; background-repeat: no-repeat; background-size: 100% 100%; }

#lang-header { display: inline-block; padding: 0 10px; margin-top:5px; }
#lang-header aside { vertical-align: middle;}
#lang-header aside, #lang-header aside ul > li {display: inline-block;}
#lang-header aside ul  { margin-bottom: 0px;}
#lang-header aside ul > li { padding: 0 5px;}
#lang-header ul > li > a {color: #666;}

/* LANG NEW 
----------------------------------------------------------------------------------------------------- */
li.lang-item a[lang="en-GB"] { pointer-events: all; cursor: pointer; opacity:1;}
li.lang-item a img { background: url(https://www.double-d-it.de/wp-content/uploads/2016/09/de.png) no-repeat; width: 22px !important; height: 15px !important; box-sizing: border-box; padding-left: 22px;}
li.lang-item a[lang="de-DE"] img { background: url(https://www.double-d-it.de/wp-content/uploads/2016/09/de.png) !important; }
li.lang-item a[lang="en-GB"] img { background: url(https://www.double-d-it.de/wp-content/uploads/2016/09/gb.png) !important; }
.footer-widgets li.lang-item.current-lang span { color: #eee; border-bottom: 1px solid #eee; }
.footer-widgets .widget ul li.lang-item:last-child { padding-bottom: 5px; }

/* TOP-SUBMENU 
----------------------------------------------------------------------------------------------------- */
.btn-menu { display: block; padding-top: 7px; margin-right: 20px; color: #555; text-shadow: 0px 1px 1px #fff; }
.btn-menu:before { padding: 0px; border: 0px solid rgba(255,255,255, 0.5); }
.btn-menu.active:before { content: "\f00d"; }

#mainnav, #mainnav-mobi { display: none; }
#mainnav-mobi { top: 55px; padding: 10px; min-height: 100%; min-width: 400px; max-width: 400px; right: 0px; border: solid #fff; border-width: 0px 0px; box-shadow: 0px 5px 10px -3px rgba(0,0,0,0.4), inset 0px 5px 10px -3px rgba(0,0,0,0.0); box-sizing: border-box; } 
#mainnav-mobi, #mainnav-mobi ul.sub-menu  {background-color: #fff; }
.site-header.float-header #mainnav-mobi { top: 45px; }
.menu-menu-1-container:after, .menu-menu-1-container:before, .mainnav:after, .mainnav:before { content: " "; display: table; }
#mainnav-mobi ul { text-align: left; }
#mainnav-mobi ul > li.lang-item { display: none; border: none; }
#mainnav-mobi ul > li.lang-item a {  }
#mainnav-mobi ul li:first-child { border-top: none;}
#mainnav-mobi ul li:last-child { border-bottom: none;}
.menu-search { padding: 0 0 10px;}
.menu-search input[type=submit] { padding-left: 10px; padding-right: 10px; } 
#mainnav-mobi ul li { border-bottom: 0px solid #ddd; border-top: 0px solid #fff; }
#mainnav-mobi ul li:hover { background-color: #ddd; border-top-color: #ddd; border-bottom-color: #ddd; transition: 500ms ease-in-out; -webkit-transition: 500ms ease-in-out;  -moz-transition: 500ms ease-in-out;  -o-transition: 500ms ease-in-out;  -ms-transition: 5300ms ease-in-out;}
#mainnav-mobi ul > li > a { padding: 7px 10px; color: #333; text-shadow: 0px 1px 1px #fff }
#mainnav-mobi ul li ul li { border: none; }
#mainnav-mobi ul li ul li a:hover { color: #555 !important; }
#mainnav-mobi .btn-submenu { right: 0px; line-height: 40px;  width: 40px; height: 40px; font-weight: bold; } 
#mainnav-mobi .btn-submenu:before { color: #555; }
#mainnav-mobi ul.sub-menu > li > a { padding: 3px 10px 3px 30px; font-size: 14px; }

/* NAVISIDE - MENU  
----------------------------------------------------------------------------------------------------- */
.rmp_menu_trigger .rmp-trigger-label { padding-right: 10px; }
.rmp-container { border-top: 0px solid #f7a800; }
.rmp-container #responsive-menu a.responsive-menu-item-link .responsive-menu-item-description { position: absolute; font-size:12px; color: #777; top: 30px; left: calc(40px + 7%); font-weight: normal; }
.rmp-container #responsive-menu-title { text-align: center; padding: 15px 0px; border-bottom: 0px solid #ccc;}
.rmp-container #responsive-menu-title #responsive-menu-title-image { background-color: none; border: 0px solid #ccc; padding: 0px; border-radius: 0%; box-shadow: 0 0 0px 0px #fff inset; }

	/* NAVI-OVERLAY
	----------------------------------------------------------------------------------------------------- */
	.rmp-container.rmp-slide-right.rmp-menu-open, .rmp-container.rmp-push-right.rmp-menu-open { box-shadow: 0px 0px 0px 5000px rgba(0,0,0,.8); }
	/* MAIN-POINT 
	----------------------------------------------------------------------------------------------------- */
	.rmp-container .mainpoint > a.rmp-menu-item-link > span, .rmp-container .mainpoint > a.rmp-menu-item-link { font-weight: bold !important; margin: 10px auto; }
	.rmp-container .mainpoint:nth-of-type(3) > a.rmp-menu-item-link { margin-top: 0px !important; }
	.rmp-container .mainpoint a .rmp-menu-subarrow:hover { cursor: pointer !important; }
	.rmp-container .mainpoint > a:hover, .rmp-container .mainpoint.teamveiwer .title > a:hover { background: transparent !important; }		
	.rmp-container .menu-item i._before , .rmp-container .rtl .menu-item i._after,
	.rmp-container .menu-item img._before._image, .rmp-container .menu-item img._after._image { margin-right: 15px !important;}
	/* NAVISIDE TEAMVIEWER 
	----------------------------------------------------------------------------------------------------- */
	.rmp-container .mainpoint.teamveiwer .title > a { padding-left: 12% !important; font-weight: bold; margin: 10px 0 5px 0 !important; }
	.rmp-container .mainpoint.teamveiwer .title > a { padding-left: 12% !important; font-weight: bold; margin: 10px 0 5px 0 !important; }
	.rmp-container .mainpoint.teamveiwer > ul li a { padding-left: 23% !important; }

	/* NAVISIDE LANG 
	----------------------------------------------------------------------------------------------------- */ 
	.rmp-container .lang-item { display: inline-block; width: 70px !important; margin: 0px auto 15px auto; position: relative; left: 0%; border-bottom: 0px solid #999; padding: 0px; box-sizing: border-box; }
	.rmp-container .lang-item .rmp-menu-item-link { padding: 15px 10px !important; text-align: center !important; display: inline-table !important; }
	.rmp-container .lang-item-first .rmp-menu-item-link  { margin-left: 0px !important; padding-left: 12px !important; border-right: 0px solid #ccc !important; }

/* TOP NAVI 
----------------------------------------------------------------------------------------------------- */
  /* FLAG */
  li.lang-item a img { background: url(https://www.double-d-it.de/wp-content/uploads/2016/09/de.png) no-repeat; width: 22px !important; padding-left: 22px !important; height: 15px !important; box-sizing: border-box; margin-right: 12px; }
  li.lang-item a[lang=de-DE] img {background-image: url(https://www.double-d-it.de/wp-content/uploads/2016/09/de.png) !important;}
  li.lang-item a[lang=en-GB] img {background-image: url(https://www.double-d-it.de/wp-content/uploads/2016/09/gb.png) !important;}
  li.lang-item a span { }

  .rmp-container li.lang-item a img { opacity: 0.3; margin-right: 0px; }
  .rmp-container li.current-lang a img, .rmp-container li.lang-item a:hover img { opacity: 1;
/*   background: url(https://www.double-d-it.de/wp-content/uploads/2018/02/navi-arrow_.png) no-repeat center -5px; */
  }
   
/* JOBS - BUTTON 
----------------------------------------------------------------------------------------------------- */  
  #mainnav { float: none; left: calc((100% / 2) - (33% + 38px)); position: relative; background-color: rgba(0,0,0,0.1); }
  #mainnav .menu .menu-item.jobs a { padding: 5px; }
  #mainnav .menu .menu-item.jobs a span { padding: 0px 10px; background-color: #fff; display: inline-block; border-radius: 5px; color: var(--color); color: #97bf0d; }
  #mainnav .menu .menu-item.jobs a i { margin-top: 0px; margin-left: 10px; margin-right: 10px; }
  

/* HOMEPAGE
----------------------------------------------------------------------------------------------------- */
.text-slider {  margin-bottom: 20px; padding-top: 30px;
    box-shadow: 0 0px 59px -3px rgba(255,255,255, 0.9); 
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 15%, rgba(0,0,0, 0.5) 45%,rgba(0,0,0, 0.5) 55%, rgba(0,0,0,0) 85%); /* Chrome10-25,Safari5.1-6 */
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.5) 55%, rgba(0,0,0,0) 85%); /* FF3.6-15 */
    background:  linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.5) 55%, rgba(0,0,0,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* DDIT SLIDER HOME + PAGE 
----------------------------------------------------------------------------------------------------- */	
	/* SLIDER */
		#slider.homepage .sow-slider-image-wrapper { height: calc(100vh - 70px) !important;  }
		#slider .slider-shadow { box-shadow:  0 0px 60px -3px rgba(255,255,255, 0.9); background: linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 85%); }
		#slider .slider-shadow.light { background: linear-gradient(to right, rgba(0,0,0,0) 15%, rgba(0,0,0,0.4) 45%, rgba(0,0,0,0.4) 55%, rgba(0,0,0,0) 85%); }
		#slider p.sow-headline, p.sow-sub-headline { margin: 0 0; }
		#slider p.sow-headline { font-size: 60px; font-weight: 600; }
		#slider p.sow-sub-headline { font-size: 20px !important; }

			@media only screen and (max-width: 780px) {
				#slider .panel-grid-cell { padding-right: 0px !important; padding-left: 0px !important; }
			}
		
		/* HOMEPAGE ****/
			#slider.homepage p.sow-headline 	{  }
			#slider.homepage p.sow-sub-headline	{  }
						

		/* PAGE ****/
			#slider.page p.sow-headline 	{ font-size: 50px; }
			#slider.page p.sow-sub-headline	{  }

			/* CALL TO ACTION - CTA ****/
				@media only screen and (max-width: 780px) {
                  .sow-cta-base .sow-cta-wrapper .sow-cta-text, .sow-cta-base .sow-cta-wrapper .so-widget-sow-button  { float: none !important; text-align: center !important; }
                  .sow-cta-base .sow-cta-wrapper .sow-cta-text { display: block; }
				}
			/* ODOMETERS ****/
.widget_lsow-odometers .lsow-grid-container { margin-left: 0px; margin-right: 0px; width: 100%;}
		
		/* BACKGROUND-TRANSPARENT */
			#slider .back-trasparent-01 { background-color:rgba(30,20,0,0.1); }		
			#slider .back-trasparent-03 { background-color:rgba(30,20,0,0.3); }		
			#slider .back-trasparent-05 { background-color:rgba(30,20,0,0.5); }		
			#slider .back-trasparent-07 { background-color:rgba(30,20,0,0.7); }		
			#slider .back-trasparent-08 { background-color:rgba(30,20,0,0.8); }		
		
		
		@media (max-width: 1024px) 	{ 
			#slider p.sow-headline 		{ font-size: 44px !important; } 
			#slider p.sow-sub-headline 	{ font-size: 16px !important; } 
		}
		@media (max-width: 768px) 		{ 
			#slider p.sow-headline 		{ font-size: 34px !important; } 
			#slider p.sow-sub-headline 	{ font-size: 16px !important; } 
		}
		@media (max-width: 500px) 	{ 
			#slider p.sow-headline 		{ font-size: 24px !important; } 
			#slider p.sow-sub-headline 	{ font-size: 16px !important; } 
		}	
			
			
	@media(max-width:768px) and (min-width:520px){

		#start #icon .sow-features-list.sow-features-responsive .sow-features-feature { width:50% !important; float: left; margin-bottom:40px; }
		#start #icon .sow-features-list.sow-features-responsive .sow-features-feature:last-child { margin-bottom:0; } 

	}

/* TOPICS - SERVICES NEW 05.02.2018
----------------------------------------------------------------------------------------------------- */
	@media (min-width: 1024px) 
	/* SETTING 3-COLUMNS */
	{ 
		.ddit-topic { flex-wrap: wrap !important; -ms-flex-wrap: wrap !important;  -webkit-flex-wrap: wrap !important; } 
		.ddit-topic > div { -ms-flex: 0 1 33%;  -webkit-flex: 0 1 33% !important;  flex: 0 1 33% !important; }	
	
	}
	/* SETTING ---------------------------------------------*/
	.ddit-topic > .panel-grid-cell  { margin-bottom: 10px; }
	.ddit-topic .panel-grid-cell { overflow:hidden; position: relative; bottom: 0px; }
	.ddit-topic .panel-grid-cell .widget_sow-headline { height: 0px; }
	.ddit-topic .panel-grid-cell .topic-title-p { position: relative; top: -50px; height: 215px; background-color: rgba(0,0,0,0.5); transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out; }
	.ddit-topic .panel-grid-cell .topic-title-p .decoration { top: 0px; box-shadow: 0 0px 0 0px #fff, inset 0 0px 0 0px #fff; }		
	.ddit-topic .topic-title-p h1, .ddit-topic .topic-title-p h2, .ddit-topic h3, .ddit-topic h4, .ddit-topic .topic-title-p h5, .ddit-topic .topic-title-p h6 { margin-bottom: 0px !important; height: 50px; text-shadow: 0px 1px 0px #000; padding: 5px 15px; }
	.ddit-topic .topic-title-p p { font-size: 16px; padding: 0px 15px; }
	.ddit-topic .topic-title-p:after { margin-bottom: 0px !important; content: ""; background: none; width: 25px; height: 25px; top: 15px; right: 10px; background-image: url("https://www.double-d-it.de/wp-content/uploads/2016/09/arrow_up.png"); background-repeat: no-repeat; background-size: cover; opacity: 1; position: absolute; }
	/* LINKS */ 
	.ddit-topic .topic-title-p:hover .sow-headline a, .ddit-topic .topic-title-p.down .sow-headline a { color: #97bf0d !important; }
	.ddit-topic .topic-title-p .sow-sub-headline a:hover { color: #fff; }
	
	/* HOVER - DESKTOP + MOBILE -----------------------------*/
		/* DESKTOP */
		@media (min-width: 1024px) and (max-width: 1200px) {
			.ddit-topic .topic-title-p:hover p  { margin-top: -10px; } 
		}
		@media (min-width: 1024px) {	
			.ddit-topic .topic-title-p:hover { top: -215px; background-color: rgba(0,0,0,0.85); box-shadow: 0 0 0 400px rgba(0,0,0,0.85);  }
			.ddit-topic .topic-title-p:hover:after { background-image: url("https://www.double-d-it.de/wp-content/uploads/2016/09/arrow_down.png");}	
			.ddit-topic .topic-title-p:hover .decoration { top: -53px; border-top: none; position: relative; box-shadow: 0 0px 0px 0px #fff; transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out; -moz-transition: 600ms ease-in-out; -o-transition: 600ms ease-in-out; -ms-transition: 600ms ease-in-out;  }
		}
		/* MOBILE */
		@media (max-width: 1024px) {	
			.ddit-topic .topic-title-p { cursor:pointer; }
			.ddit-topic .topic-title-p.down { top: -215px; background-color: rgba(0,0,0,0.6); }
			.ddit-topic .topic-title-p.down:after { background-image: url("https://www.double-d-it.de/wp-content/uploads/2016/09/arrow_down.png");}
			.ddit-topic .topic-title-p.down .decoration { top: -53px; border-top: none; position: relative; box-shadow: 0 0px 0px 0px #fff; }
		}
		
		@media (max-width: 767px) {
			.ddit-topic .sow-headline-container .topic-title-p h1, .ddit-topic .sow-headline-container .topic-title-p h2, .ddit-topic .sow-headline-container h3, .ddit-topic .sow-headline-container h4, .ddit-topic .sow-headline-container .topic-title-p h5, .ddit-topic .sow-headline-container .topic-title-p h6 { font-size: 24px !important; }
		}
		
		@media (max-width: 400px) { 
			.ddit-topic .topic-title-p p { font-size: 14px; } 
			.ddit-topic .topic-title-p.down p {  margin-top: -10px; } 
		}
	
		/* NOT ACTIVE ---------------------------------------*/	
		.ddit-topic .panel-grid-cell .not-active { pointer-events: none;  cursor: default; opacity: 0.35; }
		.ddit-topic .panel-grid-cell .not-active .so-widget-sow-image:after { content: url("https://www.double-d-it.de/wp-content/uploads/2016/09/uc_icon_6.png"); background-position: 50% 50%; background-repeat: no-repeat; display: block;  opacity: 1; -webkit-animation:spin 50s linear infinite; -moz-animation:spin 50s linear infinite; animation:spin 50s linear infinite; position:absolute; top: 32%; left: calc(50% - 32px); }
		.ddit-topic .panel-grid-cell .topic-title-p.not-active { background-color: transparent; }
		@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } 
		@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } 
		@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
		
	/* TOPIC END
----------------------------------------------------------------------------------------------------- */

/* WP-GALLERY
----------------------------------------------------------------------------------------------------- */
.gallery .gallery-item img { border: 5px solid #fff; box-shadow: 0 0 0 1px #ddd; border-radius: 3px; }

	
/* HOMEPAGE PARTNER + SUPPORT
----------------------------------------------------------------------------------------------------- */

	.wpl-logo-carousel .wpl-logo, .sp-logo-carousel .sp-lc-logo  { border: 0px solid #CCC !important; background-color: #fff; }
	
	ul.roll-list { padding-left: 0px; margin-left: 0px; }
	ul.roll-list li { padding-left: 30px; }
	
	
/* BLOG ARCHIVE
----------------------------------------------------------------------------------------------------- */
	/* TITLE */
	.archive-title { text-transform: uppercase; font-size: inherit; }
	.archive-title:after { content: ""; width: 100px; height: 1px; background-color: #97bf0d; display: block; margin-top: 15px; }

	/* HEADER */
	body.blog h1 {}
	body.category .post-wrap > header  { border-bottom: 3px solid #EEE; margin-bottom: 20px; }
	
	/* META-POST */
	.posts-layout article .meta-post .posted-on, .posts-layout article .meta-post .byline, .posts-layout article .meta-post .comments-link { display: none; }

	/* POST GRID - LISTENANSICHT*/
	body.blog .content-area .posts-layout .hentry, body.category .content-area .posts-layout .hentry { padding-top: 30px; }
	
	/*
	.category-it-systemhaus-berlin h2 a, .category-it-systemhouse-berlin h2 a { color: #f7a800; }
	.category-it-service-berlin h2 a { color: inherit !important; }
	*/
	.posts-layout h2 a:hover, .posts-layout h2 a:focus { color: #443f3f; }
	.posts-layout article { clear: both; }
	.posts-layout .has-post-thumbnail .entry-thumb { width: 200px; margin-right: 2%; display: inline-block; float: left;  }
	.posts-layout .entry-header .title-post { font-size: 30px; font-weight: 500; }
	.posts-layout .hentry .meta-post { margin-bottom: 10px; }
	.post-wrap > .has-post-thumbnail .entry-thumb {  width: 30%; }
	.site-main > .has-post-thumbnail .entry-thumb {  width: 30%; display: inline-block; float: left; }	

	.posts-layout .has-post-thumbnail .entry-thumb img { transition: transform .2s; }
	.posts-layout .has-post-thumbnail .entry-thumb img:hover { -ms-transform: scale(1.05); /* IE 9 */  -webkit-transform: scale(1.05); /* Safari 3-8 */  transform: scale(1.05); }
	
		/* TEILER */
			.content-area .hentry:before, .content-area .hentry:after { background-color: #eee; }
			.content-area .hentry:before	{ content: ""; position: absolute; left: 0; top: 0;  width: 100%; height: 1px;  }
			.content-area .hentry:after		{ height: 4px; top: -4px; }
			.content-area .hentry:first-child:before { height: 0; }

		@media (max-width: 600px) { .posts-layout .has-post-thumbnail .entry-thumb { float: none; } }
	
	/* BLOG - ARTIKEL */
		#smarthome-einsatzbeispiele > div {border: solid 3px #97bf0d; padding: 75px 0; background: #fff; }
		
		/* ICON TEXT - MARGIN 10px 0px */
			#icon-service .textwidget { margin: 0; }
	
	/* WEITERE ARTICLE */
	/*FOO-GALLERY */
	.gallery-no-border .su-custom-gallery-slide img, .gallery-no-border .su-custom-gallery-slide:hover img	{ border: transparent; background: none; padding-bottom: 15px; }
	.gallery-no-border .su-custom-gallery-slide .su-custom-gallery-title { background: none; color: #666;  }
	
	/* CONTENT VIEWS */
	.pt-cv-content { font-size: 13px!important;  }
	.pt-cv-readmore { background-color: transparent !important; border: none !important; }
	
	/* GRAU-COLOR DARSTELLUNG */
	 #klassisches-backup img, #virtuelles-backup img, #disaster-backup img { 
		filter: gray;	filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); opacity: 0.4; 
	}
	#klassisches-backup:hover img, #virtuelles-backup:hover img, #disaster-backup:hover img { 
		filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(0); opacity: 1; }

	
		/* Remove meta from post */
			.entry-meta { display:none !important;}
			.entry-footer { }
		/* Remove meta from home page */
			.home .entry-meta { display: none; }
			.home .entry-footer { display: none; }

/* TABS VERICAL
----------------------------------------------------------------------------------------------------- */

	.ddit-tabs .lsow-tab-mobile-menu i { font-size: 28px; text-shadow: 0px -1px 0px #777,0px -2px 0px #777; }
	/* TABS-COLOR */
	.ddit-tabs.systemhaus 			.lsow-tabs .lsow-tab-nav, .ddit-tabs.systemhaus .lsow-tabs.style9 .lsow-tab-nav .lsow-tab			{ background: #F7A800; }
	.ddit-tabs.smarthome 			.lsow-tabs .lsow-tab-nav, .ddit-tabs.smarthome .lsow-tabs.style9 .lsow-tab-nav .lsow-tab			{ background: #97BF0D; }
	.ddit-tabs.messwerterfassung 	.lsow-tabs .lsow-tab-nav, .ddit-tabs.messwerterfassung .lsow-tabs.style9 .lsow-tab-nav .lsow-tab	{ background: #BBBBBB; }
	.ddit-tabs.sicherheitstechnik 	.lsow-tabs .lsow-tab-nav, .ddit-tabs.sicherheitstechnik .lsow-tabs.style9 .lsow-tab-nav .lsow-tab	{ background: #ff5454; }
	
	.ddit-tabs .lsow-tabs.style9 	.lsow-tab-panes { max-width: 800px;}
		@media (min-width: 767px) and (max-width: 1024px) {
			.ddit-tabs.systemhaus .lsow-tabs .lsow-tab-nav, .ddit-tabs.smarthome .lsow-tabs .lsow-tab-nav { max-width: 30%; }
		}
	.ddit-tabs.systemhaus .lsow-tabs .lsow-tab-nav .lsow-tab span.lsow-tab-title { white-space: normal; letter-spacing: normal; }
	
	/* TABS-SHADOW INSET */
	.ddit-tabs .lsow-tabs.style9 { box-shadow: 0px 1px 5px rgba(0,0,0,0.3); box-shadow: none; }
	.ddit-tabs .lsow-tabs.style9 { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4) inset; border: 1px solid #f9f9f9; box-shadow: none; border: 1px solid #ddd;   }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav { border-right: none; margin: 5px 6px 5px 5px; box-sizing: border-box; }

	/* TABS-NAVI */
	.ddit-tabs .lsow-tabs.style9, .ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab.lsow-active {  background: #ffffff; }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab.lsow-active { box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.2);  position: relative; }
	.ddit-tabs .lsow-tabs .lsow-tab-nav .lsow-tab { text-align: left; }
	.ddit-tabs .lsow-tabs .lsow-tab-nav, .ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab {  box-shadow: -3px 0px 3px -3px rgba(0, 0, 0, 0.2) inset; }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab { border-bottom: 1px solid #fff; }
	.ddit-tabs .lsow-tabs .lsow-tab-nav .lsow-tab span.lsow-tab-title { text-transform: none; font-size: 18px; white-space: nowrap;  }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab a { padding: 20px 20px 20px 15px; color: #fff; }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab a:hover { background-color: rgba(0, 0, 0, 0.1); }
    .ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab.lsow-active a { color: #666; }
	.ddit-tabs .lsow-tabs.style9 .lsow-tab-nav .lsow-tab.lsow-active a:hover {  background: #ffffff; }
	.ddit-tabs .lsow-tabs .lsow-tab-nav .lsow-tab span.lsow-icon-wrapper span { margin-right: 15px; }
	
	/* TABS-CONTENT */
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane { padding: 25px 40px; box-sizing: border-box; text-align: justify; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane p		{ margin: 10px 0 20px; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic		{ margin: 20px 0; padding-left:0;  }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic li	{ margin:  0; padding: 20px 10px; display: inline-block; width: 100%; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic article:nth-child(odd) li { padding: 20px 15px; background-color: #fff;  border: solid #eee; border-width: 1px 0; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic article:first-child li {  }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic article:last-child li { border-bottom: none; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic li img.size-full	{ float: left; margin-right: 1.5em; width: 120px; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic article:nth-child(odd) li img.size-full	{ float: right; margin-left: 1.5em; margin-right: 0em; }
		@media (max-width: 460px) {
			.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic li img { display: block; float: none !important; margin: 0 auto 20px !important; }
			.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic .title { text-align: center; }
		}
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic.hr li	{  padding: 30px 0px; border-bottom: 1px solid #eee; }			
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic.hr li:nth-child(odd) { padding: 30px 0px; background: none !important; border-width: 0 0 1px  0; }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane ul.topic.hr li:first-child { border-top: 1px solid #eee !important; }
	.ddit-tabs .su-service-title { text-decoration: underline; color: #555 !important; }
	.ddit-tabs .su-service-title, .ddit-tabs .su-service-content { padding-left: 60px !important; }
	.ddit-tabs .su-service-title i { color: #999!important; font-size: 40px !important; text-shadow: 0 0px 0px #777; padding-top: 10px;}
	.ddit-tabs .su-spoiler-title { font-size: 16px; }
	.ddit-tabs .su-spoiler-content  { font-size: 14px; }
	.ddit-tabs .su-row.row-gray  { background-color: #eee; padding: 20px; box-sizing: border-box;  }
	.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane hr { clear: both;}
	
	/* TABS-TOOLTIP */
	.ddit-tabs .container .topic 
		{
			-webkit-animation: scale 5s ease infinite alternate,  scale 5s linear infinite alternate; 
			-moz-animation: scale 5s ease infinite alternate,  scale 5s linear infinite alternate; 
  			 animation: scale 5s ease infinite alternate,  scale 5s linear infinite alternate; 
		}

        @keyframes scale 
			{
				0%, 100% { transform: scale(0.7); }
					 50% { transform: scale(1.0); opacity: 1; filter:Alpha(Opacity=100); /* box-shadow: 0 0 5px rgba(0,0,0,0.6); */   }
            } 

	.ddit-tabs .container { max-width: 720px; width: 100%; position:relative; }
	.ddit-tabs .container img { max-width: 100%; }
	.ddit-tabs .container.sm, .ddit-tabs .container.bs { padding-left: 0px; padding-right: 0px; }
	.ddit-tabs .container.sm {  }
	.ddit-tabs .container.bs {  }
	.ddit-tabs .container .topic {  position: absolute; border-radius: 50%; background-color: rgba(255,255,255, 0.0); opacity: 0.0; filter:Alpha(Opacity=0); border: 0px solid rgba(0,0,0,0.0) ; background-image: url(https://smarthome.double-d-it.de/wp-content/uploads/sites/10/2016/07/help-icon.png); background-repeat: no-repeat; background-position:  right top; background-size: cover; }
	.ddit-tabs .container .topic:hover { opacity: 0; filter:Alpha(Opacity=0); background-image: none; }
	.ddit-tabs .container .topic .tooltips { width: 100%; height: 100%; display:block; border: 0px solid #000;}
	
	.ddit-tabs .gallery-no-border .su-custom-gallery-slide img, .ddit-tabs .gallery-no-border .su-custom-gallery-slide:hover img { border: transparent; background: none; padding-bottom: 15px; }
	.ddit-tabs .gallery-no-border .su-custom-gallery-slide .su-custom-gallery-title { background: none; color: #666;  }
		
	/* EXAMPLE TABS-TOOLTIP */
		.ddit-tabs .container .topic.exa {  width: 5%; height: 9%; border-radius: 50%; background-color: rgba(255,255,255, .0);}
		.ddit-tabs .container .topic.exa.hg { top: 20%; left:  17%; }
		.ddit-tabs .container .topic.exa.li { top: 20%; right: 11.3%; }
		.ddit-tabs .container .topic.exa.wo { bottom: 34%; right: 11.3%; }
		.ddit-tabs .container .topic.exa.ge { bottom: 34%; left:  17%; }
		
	/* SMARTHOME TABS-TOOLTIP */
		.ddit-tabs .container .topic.wis {  width: 5%; height: 9%; border-radius: 50%; background-color: rgba(255,255,255, .0);}
		.ddit-tabs .container .topic.wis.ja { top: 41%; left: 1.8%;  }
		.ddit-tabs .container .topic.wis.be { top: 10%; left: 35.2%; }
		.ddit-tabs .container .topic.wis.tu { top: 38%; right: 40.7%; }
		.ddit-tabs .container .topic.wis.lu { top: 17.7%; right: 20.0%; }
		.ddit-tabs .container .topic.wis.tv { top: 36.5%; right: 7.3%; }
		.ddit-tabs .container .topic.wis.he { bottom: 12.5%; right: 24%; }
		
		.ddit-tabs .title { font-size: 20px; line-height: 1; font-weight: 400; display:block; padding-bottom: 15px !important; margin-bottom: 0 !important;}
	
			@media (max-width: 1024px) 
				{
					.siteorigin-panels-stretch { padding-left: 0px !important; padding-right: 0px !important;}
					.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane { padding: 25px 10px; text-align: justify; text-align: start !important; }
					.ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane h3, .ddit-tabs .lsow-tabs .lsow-tab-panes .lsow-tab-pane h4 { text-align: left; }
				}
			@media (max-width: 780px) 
				{
					.ddit-tabs.systemhaus .lsow-tabs .lsow-tab-nav { max-width: 100%;}
				}
				
								
	/* DDIT ODOMETER-ribbon */	
	@media (min-width: 780px) 
		{
			.ddit .lsow-odometers .lsow-odometer .lsow-number {  line-height: 50px; }
			.ddit .lsow-odometers .lsow-odometer .lsow-number span {  font-size: 36px; }
			.ddit .lsow-odometers .lsow-odometer .lsow-prefix, .ddit .lsow-odometers .lsow-odometer .lsow-suffix { font-size: 20px; line-height: 38px;}
		}
	
	/* STORY OF SUCCESS */
	.sos .su-custom-gallery:after, .sos .su-custom-gallery:before { display: none; }
	.sos .lsow-heading .lsow-title {  font-size: 20px; line-height: 24px; }
	.sos .lsow-heading .lsow-text { font-size: 14px; line-height: 1.4; text-align:justify; }
	.sos p { float: left; margin: 0 0px;}
	.sos p .tooltips img {margin: 0.5em; margin-left: 0.7em; padding: 3px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.sos a.su-button span	{line-height: 20px !important; padding: 6px 16px !important;}	
	

/* WIDTH + HEIGFT + MARGIN + PADDING *****************************************************/
.height500 { height: 500px;}
.transition300 { transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out;  -moz-transition: 300ms ease-in-out;  -o-transition: 300ms ease-in-out;  -ms-transition: 300ms ease-in-out; }

/* TEAMVIEWER DOWNLOAD 
----------------------------------------------------------------------------------------------------- */
#tv-download .lsow-tabs.style4 .lsow-tab-nav {border-bottom-width: 0px; background:  #dddddd; margin: 0 0px; }
#tv-download .lsow-tab.lsow-active { background: rgba(0, 0, 0, .0); }
#tv-download .lsow-tab.lsow-active:after { content: ''; width: 0px; height: 0px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #666; position:absolute; right:calc(50% - 15px); }
#tv-download .lsow-tab-title { display: block; margin-top: 15px; }
#tv-download .lsow-tabs.style4 .lsow-tab-nav .lsow-tab {  width: calc(50% - 0px); margin-right: 0px; }
#tv-download .download-button { background-image: url(/wp-content/uploads/2021/08/download.png); background-repeat: no-repeat;
background-position: 25px 25px; text-shadow: none; border: transparent; box-shadow: none;
padding-left: 75px;  margin-top: 50px; margin-bottom: 50px; max-width: 500px; background-color: #666;}
#tv-download .download-button:hover { background-color: #a6d20e; background-color: #97bf0d; }

/* CAPTCHA-BUTTON 
----------------------------------------------------------------------------------------------------- */
.so-widget-sow-contact-form-default-6a807b2a355a .sow-contact-form .sow-submit-styled .sow-submit:disabled { background-color: #bbe232;}

/* FORMULAR - TERMINANFRAGE  
----------------------------------------------------------------------------------------------------- */
.dd-form-container {}
.dd-form-element { padding: 30px 0px !important; margin-top: 0px !important; max-width: 100% !important; }

.calendar-s .pikaday__container::after, .calendar-e .pikaday__container::after { content: "\f073"; color: #fff; font-family: FontAwesome; font-size: 20px; position: absolute; top: 1px; right: 1px; bottom: 1px; height: 48px; width: 50px; line-height: 50px; text-align: center; transition: all .5s; }
.calendar-s .pikaday__container::after { background-color: #97bf0d; }
.calendar-e .pikaday__container::after { background-color: #97bf0d; }

.dd-form-container .nf-form-content .dsgvo .checkbox-wrap { background: #f9f9f9; border: 1px solid #ccc; padding: 20px 15px 10px; }
.dd-form-container .nf-form-content .dsgvo .checkbox-wrap.nf-error, .dd-form-container .nf-form-content .dsgvo .checkbox-wrap.nf-error .nf-field-label label:after  { border-color: #e80000 !important; }
.dd-form-container .nf-form-content .dsgvo .checkbox-wrap.nf-error:before { background: #e80000; color: #fff; font-family: FontAwesome; font-size: 20px; content: "\f12a"; position: absolute; top: 0px; right: 0px; bottom: 0px; height: 48px; width: 50px; line-height: 50px; text-align: center; transition: all .5s;}
.dd-form-container .nf-form-content .dsgvo .checkbox-wrap label {font-size: 13px; margin-right: 20px; }
.dd-form-container .nf-form-content .dsgvo .checkbox-wrap .nf-field-description { margin-right: 0px; }
.dd-form-container .nf-form-content .dsgvo .checkbox-wrap .nf-field-label label::after { background: #fff; border-color: #c1c1c1; border-width: 2px; box-sizing: content-box; border-radius: 2px; }

/* CLIENTS-POST ***************************************
----------------------------------------------------------------------------------------------------- */
#partner .lsow-posts-carousel .lsow-posts-carousel-item .lsow-project-image > a { pointer-events: none !important; cursor: default !important; }
#partner .lsow-posts-carousel .lsow-posts-carousel-item .lsow-project-image .lsow-post-title > a { display: none !important; }

/* FOOTER
----------------------------------------------------------------------------------------------------- */
.footer-widgets { padding-bottom: 40px !important; font-size: 14px; }
.footer-widgets.widget-area .widget-title { font-size: 16px; }
#sidebar-footer h5 { font-size: 16px; color: #fff; text-transform: uppercase; }
.site-footer, .site-info.container { display: block; text-align: center; }
.go-top.show { bottom: 45px; }
.footer-widgets .widget { padding-top: 15px; margin-bottom: 0px; }
.footer-widgets .widget.widget_polylang .lang-item { display: inline-block; margin-right: 30px;}
#cookie-notice { background-color: rgba(0,0,0,0.7) !important; padding: 20px; font-size: 16px; }

#sidebar-footer .teamveiwer-footer, #sidebar-footer .social-media-button-container > a, #sidebar-footer li:not(.current-lang) a img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1);}
#sidebar-footer .teamveiwer-footer:hover, #sidebar-footer .social-media-button-container > a:hover, #sidebar-footer li.lang-item a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(0);}

/* COOKIE LAW-INFO
----------------------------------------------------------------------------------------------------- 
#cookie-law-info-bar { border-radius: 5px; font-size: 14px; }
#cookie-law-info-bar, #cookie-law-info-bar h5 { color: #fff; }
.cli-plugin-main-link, .cli_settings_button { font-weight: 100; text-decoration: none; }
*/

/* COOKIE-CONTAINER */
#cookie-law-info-bar { border: 1px solid #bbbbbb; width: 340px !important; line-height: 1.2; }
#cookie-law-info-bar #cookie_action_close_header { width: 100%; padding: 15px; }
#cookie-law-info-bar .cli_settings_button { width: calc(35% - 5px); }
#cookie-law-info-bar #cookie_action_close_header_reject { width: 65%; }

/* ANIMATION 
----------------------------------------------------------------------------------------------------- */
@-webkit-keyframes fadeInLeft {  0% { opacity: 0; -webkit-transform: translateX(-30px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-30px); } 100% { opacity: 1; transform: translateX(0); } }
@-webkit-keyframes fadeInRight {  0% { opacity: 0; -webkit-transform: translateX(30px); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(30px); } 100% { opacity: 1; transform: translateX(0); } }

h1, h2, h3 { -webkit-animation-duration: 1s; -moz-animation-duration: 1s;   -o-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;   -moz-animation-fill-mode: both;  -o-animation-fill-mode: both;  animation-fill-mode: both;  -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight;  animation-name: fadeInRight; }

/* PLUGINS
----------------------------------------------------------------------------------------------------- */
	/* ZEBRA - TOOLTIP */
	.Zebra_Tooltip { font-family: "Source Sans Pro", sans-serif;}
	.Zebra_Tooltip .Zebra_Tooltip_Message { font-size: inherit; line-height: 1.4; }
	.Zebra_Tooltip .Zebra_Tooltip_Message h1, .Zebra_Tooltip .Zebra_Tooltip_Message h2, .Zebra_Tooltip .Zebra_Tooltip_Message h3, .Zebra_Tooltip .Zebra_Tooltip_Message h4, .Zebra_Tooltip .Zebra_Tooltip_Message h5, .Zebra_Tooltip .Zebra_Tooltip_Message h6 {  color: #fff;  margin: 0 0 10px 0; font-size: 20px;}


/**  RESPONSIVE - MAX - 1024 
----------------------------------------------------------------------------------------------------- */
@media (max-width: 1024px) 
{
	#page .header-image { height: 100px !important;  display: none; }
	#mainnav-mobi {  } 
	#responsive-menu-button { position: absolute !important; }
	.roll-client .client-item { width: 49%; padding: 0 15px; box-sizing: border-box;}
	[id^="pg-2-"] .ddit-topic .panel-grid-cell {  width: 100% !important; }
}

/**  RESPONSIVE - MAX - 991 
----------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) 
{
  .site-header.fixed { /* position: fixed !important; */  }
}

/**  RESPONSIVE - MAX - 767 
----------------------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* HEADER */
	.site-header { padding: 10px 0;}
	.site-header.float-header { padding-bottom:5px;  }
	.site-header.fixed { }
	.site-header .site-logo { max-width: 95%; margin-left: calc(25% + 25px);}
	header .jobs_head { display: none;  }

	.site-header.float-header #mainnav-mobi { top: 35px; }
	.btn-menu { padding-top: 0px; margin-top: 10px;}
	#lang-header { display: none;}
	#mainnav-mobi ul > li.lang-item { display: inline-block; border: none;}
	#mainnav-mobi ul > li.lang-item a { display: inline-block; }
	#mainnav-mobi ul li { border-bottom: 1px solid #ddd;}
	#mainnav-mobi ul > li > a { padding: 4px; }
	.mainnav .jobs:before { content: " "; position: absolute; height: 100%; width: 10%; right: 40%; top: 0%;  background-image: url("/wp-content/uploads/sites/10/2016/09/jobs.png"); background-repeat: no-repeat; background-position: center center; background-size: 100%; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }

	.site-title { text-align: left; }
	.site-title a { padding-top: 5px; padding-left: 45px; background-size: 35px; background-position: left center;  }

	/* TOPIC 
	----------------------------------------------------------------------------------------------------- */
	.ddit-topic h1.sow-headline, .ddit-topic h2.sow-headline, .ddit-topic h3.sow-headline, .ddit-topic h4.sow-headline, .ddit-topic h5.sow-headline, .ddit-topic h6.sow-headline { padding-top: 10px !important;}



	/* TOP-SUBMENU 
	----------------------------------------------------------------------------------------------------- */
	#mainnav-mobi { top: 50px; }  
	.site-header.float-header #mainnav-mobi { top: 45px; }
}


/** RESPONSIVE - MAX - 500px
----------------------------------------------------------------------------------------------------- */
@media (max-width: 500px) {
	/* HEADER */
	.site-header .site-logo {width: 50px; height: 40px; background-image: url("/wp-content/uploads/2016/07/dd-logo_header.png"); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 50px; }

	
}

/** RESPONSIVE - MAX - 520px TABLET
----------------------------------------------------------------------------------------------------- */
		
	@media (max-width: 520px) {
		
	/* ICONS FEATURES TABLET */
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-feature { float: left !important;  width: 50% !important; margin-bottom: 40px !important;  }
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-clear { clear: none !important; }
}

/** RESPONSIVE - MAX - 768px TABLET
----------------------------------------------------------------------------------------------------- */
		
	@media (max-width: 768px) and (min-width: 520px) {
		
	/* ICONS FEATURES TABLET */
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-feature { float: left !important;  width: 33% !important; margin-bottom: 40px !important;  }
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-clear { clear: none !important; }
}

		
	@media (max-width: 960px) and (min-width: 768px) {
		
	/* ICONS FEATURES TABLET */
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-feature { float: left !important;  width: 20% !important; margin-bottom: 40px !important;  }
	#ddit-icons .sow-features-list.sow-features-responsive .sow-features-clear { clear: none !important; }
}

/** END RESPONSIVE 
----------------------------------------------------------------------------------------------------- */


/* ERROR 404 
----------------------------------------------------------------------------------------------------- */

.not-found { background-image: url(https://www.double-d-it.de/wp-content/uploads/2018/02/error-404.png); background-repeat: no-repeat; background-position: center top; padding-top: 250px; background-size: 350px; text-align: center; }
.not-found .page-content p:first-child, .not-found .page-content p:first-child { display: none;  }
.not-found .search-form { display: none; }