/* ------------------------------------------------------------------------------- Grid */
.dwgrid { width:calc(100% / 4 - 20px); float: left; margin-right: 10px; margin-bottom: 10px; padding-right: 10px;}

@media (min-width: 768px) {
	.dwgrid:nth-child(4n+1) { clear: left; }
}

.dwgriddescription { height: 140px; }

@media (max-width: 767px) and (min-width: 481px) {
	.dwgrid { width:calc(100% / 3 - 20px); }
	.dwgrid:nth-child(3n+1) { clear: left; }
	.dwgriddescription { height: 160px; }
}
@media (max-width: 480px) {
	.dwgrid { width:calc(100% / 2 - 20px); }
	.dwgrid:nth-child(2n+1) { clear: left; }
	.dwgriddescription { height: 140px; }
}


/* ------------------------------------------------------------------------------- CSS */
	h3 {
		text-align: center;
		border-bottom:1px solid #dddddd;
	}
	
	.trenner {
		padding: 160px 0 160px 0;
		min-height:450px;
		margin:0 0 2px 0;
		/*border-bottom: solid 1px #FFF;
		border-top: solid 1px #FFF;*/
		/*background:url(../../media/content/bg_trenner.png) no-repeat 50% 90%;*/
	}
	#home.trenner {
		padding: 80px 0 1000px 0;
	}
	
	.bggerade,
	.hero-unit {
		background-color:#f2f2f2;
		background:url(../../media/content/bg_u.png);
	}
	.bgungerade {
		background-color:#e5e5e5;
		background:url(../../media/content/bg_g.png);
	}

	.thumbnail { background-color: #fff; padding: 20px; }
	
	/*
	#K0 div.thumbnail:hover,
	#K1 div.thumbnail:hover,
	#K2 div.thumbnail:hover,
	#K3 div.thumbnail:hover,
	#K4 div.thumbnail:hover,
	#K5 div.thumbnail:hover {
		cursor:pointer;
	}
	*/
	div.thumbnailmakebig:hover {
		cursor:pointer;
	}
	
	.keinerundenecken > span {
		border-radius:0 !important;
		-webkit-border-radius:0 !important;
		-moz-border-radius:0 !important;
	}
	
	.pp_social .facebook {
		width: 85px;
	}
	
	.dw-thumb {
		height:50px;
	}
	
	.dwpfeil {
		position: absolute;
		width: 47px;
		margin-top: -35px;
		margin-left: -14px;
		transform: rotate(25deg);
	}
	
	
/* ------------------------------------------------------------------------------- CSS Animations */
	.thumbnailmakebig
	/*.thumbnailseleted*/ {
		opacity:0;
		
		/* HOVER OFF */
   		transition: opacity 1s;
		-moz-transition: opacity 1s;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
	}
	.thumbnailmakebig:hover
	/*.thumbnailseleted:hover*/ {
		opacity:1;
		
		/* HOVER ON */
   		transition: opacity .2s;
		-moz-transition: opacity .2s;
		-webkit-transition: opacity .2s;
		-o-transition: opacity .2s;
	}


/* ------------------------------------------------------------------------------- Bootstrap */
	.jumbotron {
	  background: #009ee0; /* Old browsers */
	  background: -moz-linear-gradient(45deg,  #009ee0 0%, #f29400 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#009ee0), color-stop(100%,#f29400)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(45deg,  #009ee0 0%,#f29400 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(45deg,  #009ee0 0%,#f29400 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(45deg,  #009ee0 0%,#f29400 100%); /* IE10+ */
	  background: linear-gradient(45deg,  #009ee0 0%,#f29400 100%); /* W3C */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ee0', endColorstr='#f29400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.jumbotron:after {
		background: url(../../media/header/header_jumbo.jpg) no-repeat center center;
        background-size: cover;
		opacity: .65;
	}
@media (min-width: 768px) {
    .jumbotron .lead {
        width: 65%;
}
}
	
	.btn-toolbar .btn {
		text-shadow: 1px 1px 0px rgba(255, 255, 255, 1.00);
		padding:4px 8px;
	}
	.btn-toolbar .btn-success {
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1.00);
		padding:4px 8px;
		border:4px solid #0044cc !important;
	}

	.input-append, .input-prepend { margin-bottom: 0px;}
	
	.input-mini {
		width: 50px;
		/*font-size:9px !important;*/
	}
	
	.collapse { overflow: visible; }											/* IE Hack */
	.accordion-body { overflow: hidden; }										/* IE Hack */


/* ------------------------------------------------------------------------------- jQuery UI */
	.ui-dialog-titlebar-close {
		visibility: hidden;
	}
	.ui-widget-overlay {
		opacity:.85;
		filter:Alpha(Opacity=85);
	}


/* ------------------------------------------------------------------------------- Landscape phones and down */
@media (max-width: 480px) {
	
	.trenner {
		padding: 20px 0 160px 0;
	}
	#home.trenner {
		padding: 20px 0 500px 0;
	}
	.bggerade, .bgungerade {
		background-color:transparent;
		background:none;
	}
	
	.bggerade ol, .bgungerade ol { display: none; }
}


/* ------------------------------------------------------------------------------- Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.mglogo {
		display:none;
	}
	.jumbotron:after {
		background: none;
	}
	.bggerade, .bgungerade {
		background-color:transparent;
		background:none;
	}
}


/* ------------------------------------------------------------------------------- Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	
}


/* ------------------------------------------------------------------------------- Large desktop */
@media (min-width: 1200px) {
	
}

ul.thumbnails ul { margin: 0 10px 10px 25px; }

/* Tooltip */
.tooltipp {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipp .tooltipptext {
	visibility: hidden;
    width: auto;
    background-color: #0069cc;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
}

.tooltipp:hover .tooltipptext {
  visibility: visible;
}

/* Menü Highlight */
li.highlight { padding: 10px 15px 10px; }
li.highlight a { border-bottom: 3px solid #d1d14c; padding: 0; } 
.navbar .nav > li.highlight > a { padding:0; }