.egg { 
    display:block; width: 126px; 
    height: 180px; 
    background-color: blue; 
    opacity: 0.2;
    -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; 
    border-radius: 50% 50% 18% 18% / 40% 40% 65% 65%; 
}
.layer1 {
    position: absolute; 
    z-index: 0; 
    left: 100px; 
    top: 100px; 
    width: 200px; 
    height: 200px; 
    background:white; 
    -webkit-box-shadow: 0 0 5px; 
    -webkit-transform: rotate(0deg);
}
.layer2 {
    position: absolute; 
    z-index: 1; 
    left: 100px; 
    top: 100px; 
    width: 200px; 
    height: 200px; 
    background:white; 
    -webkit-box-shadow: 0 0 5px; 
    -webkit-transform: rotate(5deg);
}
.layer3 {
    position: absolute; 
    z-index: 2; 
    left: 100px; 
    top: 100px; 
    width: 200px; 
    height: 200px; 
    background:white; 
    -webkit-box-shadow: 0 0 5px; 
    -webkit-transform: rotate(-8deg);
}
.layer4 {
    position: absolute; 
    z-index: 3; 
    left: 100px; 
    top: 100px; 
    width: 200px; 
    height: 200px; 
    background:white; 
    -webkit-box-shadow: 0 0 5px; 
    -webkit-transform: rotate(-3deg);
}
.abstand {
    padding-top:60px;
}
.rahmen {
    border-color:#000;
    border:1px;
    border-style:solid;
    border-radius: 8px;
}

.ps {
    font-size:0.7em;
}

.dropdown-submenu{
    position:relative;
}
.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
.dropdown-submenu .pull-left{
    float:none;
}
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

ul.nav > li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin-top:0px
}

.r {

    border-style: dotted;
    border-color: black;
    border-width: 1px;
}
.left {
    text-align: left;
}
.fett{
    font-weight: bold;
}
.csc-header{
    color:red;!IMPORTANT

}
.articletype-0 {
    float:left;!IMPORTANT
}
.list-group-item {
    min-width:95px;!IMPORTANT
}

.header {
    color:red;!IMPORTANT
    text-shadow: 1px 1px white, -1px -1px #333;!important
}
/*Video Abstand Anfang*/
.csc-default {
    margin-left: 5px;
    float:left;!important
}
/*Video Abstand Ende*/
.abstand {
    margin-top:80px;	
}
/*Breadcrumb Anfang*/

.bread_abstand {
    margin-top:-30px;
}
.breadcrumb {
    background-color:#fff; !important
}

/*Punkt Farbe */
.my_dot {
    color:#fff;
}
/*Breadcrumb Ende*/
.mycenter {
    text-align: center;

}

.col-md-4-my {
    width: 8%;
}

.col-md-8-my {
    width: 92%;
}
.bp_pic {
    -webkit-box-shadow:0 0 8px #e2e2e2;
    -khtml-box-shadow:0 0 8px #e2e2e2;
    -moz-box-shadow:0 0 8px #e2e2e2;
    box-shadow:0 0 8px #e2e2e2;
    position:relative;
    overflow:hidden;
    display:inline-block;
    padding:10px;
    border:1px solid #e2e2e2;
    background:#fff;
    margin:10px 0;
    text-align:center;

}
.bp_pic:after {
    content:attr(title);
    display:block;
    clear:both;
    text-align:center;
    font-size:20px;
    line-height:28px;
    margin-top:15px;
    font-weight:bold;

}

.bp_pic.bp_rahmen:nth-child(even) {
    transform:rotate(2deg);
    -ms-transform:rotate(2deg);
    -moz-transform:rotate(2deg);
    -webkit-transform:rotate(2deg);
    -o-transform:rotate(2deg);

}
.bp_pic.bp_rahmen:nth-child(odd) {
    transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    -webkit-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);

}
.bp_pic.bp_rahmen:nth-child(even):hover,
.bp_pic.bp_rahmen:nth-child(odd):hover {
    transform:rotate(0);
    -ms-transform:rotate(0);
    -moz-transform:rotate(0);
    -webkit-transform:rotate(0);
    -o-transform:rotate(0);

}

.radiusb8 {
    -webkit-border-radius:8px;
    -khtml-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;

}

.bp_verwandlung_green img {
    border: 1px solid #31cdce;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    -ms-transition: 400ms;

}
.bp_verwandlung_black:hover img {
    -webkit-box-shadow: 0 0 10px #5bc560;
    -khtml-box-shadow: 0 0 10px #5bc560;
    -moz-box-shadow: 0 0 10px #5bc560;
    box-shadow: 0 0 10px #5bc560;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

}
.bp_verwandlung_black img {
    border: 1px solid  #31cdce;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    transition: 400ms;
    -ms-transition: 400ms;

}
.bp_verwandlung_green:hover img {
    border: 2px solid  #31cdce;
    -webkit-box-shadow: 0 0 10px #5bc560;
    -khtml-box-shadow: 0 0 10px #5bc560;
    -moz-box-shadow: 0 0 10px #5bc560;
    box-shadow: 0 0 10px #5bc560;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

}