/*  ITG Styles */

/*  Hintergrund downloads*/
.cell-64:hover { background:#fffefc; color:#303030; opacity:1; -webkit-box-shadow: 0 0 0 1px rgba(41,41,41,0.2); box-shadow: 0 0 0 1px rgba(41,41,41,0.2);}
.cell-64:hover svg { stroke:#fffefc;}


/*  Hintergrund formular und pads */
.pad {
  border-radius:20px;
  padding:6% 10%;
  border:4px solid #fff;
  color:#303030;
  background: #fffefc;
  overflow:hidden;
}

 .gridShowcase ul  li {
	 font-family:'Source Sans Pro', sans-serif;
	list-style:circle;
    padding:1px;
    text-align:left;
    font-size:20px !important;
    margin-bottom:10px;
	opacity:1;
	
  }
  
  .gridShowcase p{
font-family:'Source Sans Pro', sans-serif;
  font-size:20px ;
  line-height:1.385;
  margin-bottom:10px;
  opacity:1;
 padding:10px;
    text-align:left;
  }
  
 
  
/*   .trennung {
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
	  
	  .trennung{
 -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
} */


/* Mobile Nav von oben */
.sidebar.top {
   top: 0;
   width: 100%;
   max-width: 100%;
   height: auto;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
}




<!-- @media screen and (max-width: 600px) { #slidy-container figcaption { font-size: 1rem !important; } } -->

#slidy-container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/* Kein Logo auf Slide # */
/* .slides:not(.firstSlide) .panel .logo { display:none; } */

/* .firstSlide  .itglogo {display:none !important; }    */   
 


.wrap:not(.noSpaces),
.spaceWrap {
  padding:calc(4.56% + 0px) calc(8% + 15px);
  


/* set color for the panel */
.slides .panel.top {
	background: rgba(10,11,12,.975);
  box-shadow:0 1px 1px rgba(0,0,0,0.20);
	color: #fff;
}
/* set color for a button for different colored slides */
.slides .panel.top .button.menuButton {
  color:#303030;
  background:#fff;  
}

.page-loaded .slides.whiteSlide .panel.top {
  background:rgba(255,255,255,.975);
  color:#303030;
}
.page-loaded .slides.whiteSlide .panel.top svg {
  fill:#303030;
}
.page-loaded .slides.whiteSlide .panel.top .button.menuButton {
  background:#303030;
  color:#fff;
}

/* transparent for the first slide */
.slides.firstSlide .panel.top {
  background:transparent;
  box-shadow:none;
}

/* swap panels on last slide */
.slides:not(.lastSlide) .panel.bottom.customPanel,
.slides.lastSlide .panel.bottom:not(.customPanel) {
  opacity:0;
  -webkit-transform: translate3d(0,100%,0) !important;
  transform: translate3d(0,100%,0) !important;
}

/* ignore */
.slides.scroll .menuToggle.scrollEffectToggle,
.slides:not(.scroll) .menuToggle.slideEffectToggle { background: rgba(123, 123, 123, 0.5); padding: 11px 7px; margin: -5px 0 !important; border-radius: 5px; }
.slides.scroll .menuToggle.scrollEffectToggle *,
.slides:not(.scroll) .menuToggle.slideEffectToggle * { cursor: default !important; opacity:1; pointer-events:none;}}
/* ignore */


.itgblue { background-color:#fff!important; color:#000!important;}


/* phone portrait and smaller */
@media screen and (max-width:435px) {
  .hideForPhone {
     display:none !important;
  }
  .showForPhone {
     display:block !important;
  }
  h2.small, 
.h2.small {
  font-size: 12px;
}
p {
  font-family:'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height:1.385;
  margin-bottom:30px;
  opacity:0.8;
}

.sidebar .mainMenu li a {
  font-size: 12px;
  font-weight:700;
}
}


/* Links mit Unterstrich */

.aunderline {
  color:inherit;  
  text-decoration:underline;
  -webkit-transition:0.35s;
  transition:0.35s;
}




/* Unterstriche Nav from Top mobile */

.sidebar.top li{
   border-bottom:1px solid #c5c5d0;
}