#tab_panel * {
-webkit-transition: all .75s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .75s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .75s cubic-bezier(.23,1,.32,1);
    -o-transition: all .75s cubic-bezier(.23,1,.32,1);
    transition: all .75s cubic-bezier(.23,1,.32,1);}

.tabText.notShown {display: none}

#tab_panel {padding-top: 1%}
#tab_panel ul {width: 90%; padding-left: 0;padding: 20px 1% 0 2px;border-bottom: 1px solid rgba(204,204,204,0.4); margin-bottom: -1px;
-webkit-transition: all .0s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .0s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .0s cubic-bezier(.23,1,.32,1);
    -o-transition: all .0s cubic-bezier(.23,1,.32,1);
    transition: all .0s cubic-bezier(.23,1,.32,1);}
 
#tab_panel li {width: 14.2857%; float: left; list-style-type: none; text-align: center;border: 1px solid rgba(204,204,204,0.4);padding: 20px 10px; cursor: pointer;
opacity: 0.8;border-bottom: 1px solid #b3b3b3;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
height: 100px}
#tab_panel li.active {background: #fff;opacity: 1; 
    border-bottom: 1px solid #fff;
    position: relative;
    height: 110px;
    margin-top: -10px;
    padding-top: 40px;} 
#tab_panel li.active:after {content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 110px;
box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
border: 1px solid #b3b3b3;z-index: 9999;
    width: 100%;}
#tab_panel li.last {border-right: 1px solid rgb(204, 204, 204)}
#tab_panel li p {margin: 5px 0 0 0;font-weight: bold;color: #464646;font-size: 1.2em}
#tab_panel img { -webkit-filter: grayscale(100%);filter: grayscale(100%); max-width: 50px; margin: 0 auto}
#tab_panel li.active img, #tab_panel img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%); }

.tabText {padding: 0 2px 20px 1px; margin-top: -2px}
.tabText.nonactive {display: none}
.tabTextInner {padding: 4% 5%; margin-top: -1px;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);border: 1px solid #b3b3b3;} 
.tabTextInner h3 {font-size: 1.2em}


#metropolkonzept #tab_panel li {line-height: 24px}

#Kitab li .smalltext {line-height: normal; margin-top: 5px; display: inline-block}

@media (max-width: 1180px)
{
	#metropolkonzept #tab_panel li {width: 20%; font-size: 13px;line-height: 22px }
}	
@media (max-width: 768px)
{
	#tab_panel li {height: 60px}
	#tab_panel li.active {height: 80px; margin-top: -20px;padding-top: 20px;}
}