/* 
 * -----------------------------------
 * comp4site 3.04
 * C4S COMPOSITUM CSS
 *
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */




    .lavaLamp {position:absolute;z-index:10;top:0;left:0;width:100%;display:block;}
    .back {
            background-color:#e2001a;
            width: 0; 
            height: 43px;
            border-radius:7px;
            
            padding-left:15px;
            
            
            z-index: 8;
            position: absolute!important;
            top:5px;
            /*top:0.5rem;*/
            left:-20%;
            
        }
/* ------------------------------------
 * COMPETENCE SECTOR (landing page)
 * ------------------------------------  
 */
body.compositum .content-wrap #com_pageblock {float:left;width:45%;}
body.compositum .content-wrap #gf_pager {float:right;width:50%;}


/* PAGER LISTS (graphical/text) */
body.compositum .content-wrap ul.comlist {
    margin:0 auto;
    padding:0;
    list-style:none;
    position:relative;
    text-align:center;
    }
    
body.compositum .content-wrap #gf_pager {
    border-left:1px solid rgb(223,226,228);
    padding:30px 0;
    }
body.compositum .content-wrap #gf_pager ul.comlist {
    background-color:#e6e6e6;
    width:340px;
    /*width:34rem;*/
    height:340px;
    /*height:34rem;*/
    border-radius:50%;
    }
body.compositum .content-wrap #gf_pager ul.comlist::before {
    position:relative;
    margin:0 auto;
    content:'';
	/* content:'\e819'; */
    font-family:'fontello';
    color:#fff;
    vertical-align:middle;
    font-size:18px;
    /*font-size:18rem;*/
    top:15%;
    }


body.compositum .content-wrap ul.comlist li {
    list-style:none;
    vertical-align:middle;
    margin:0;
    padding:0;
    text-align:center;
    }
body.compositum .content-wrap #gf_pager ul.comlist li {
    position:absolute;
    display:block;
    width:114px;
    /*width:11.4rem;*/
    height:114px;
    /*height:11.4rem;*/
    border-radius:50%;
    border:7px solid #eee;
    }
    
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_1 {top:-30px;left:70px;}
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_2 {top:20px;left:244px;}
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_3 {top:205px;left:250px;}
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_4 {top:260px;left:52px;}
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_5 {top:115px;left:-50px;}

body.compositum .content-wrap ul.comlist li a {
    display:block;
    text-align:center;
    background-color:#848484;
    color:#fff;
    line-height:normal;
    text-transform:uppercase;
    font-size:14px;
    font-size:1.4rem;
    border:0 none;
    font-family:"FrutigerLTW02-57Condens", sans-serif;
    }
body.compositum .content-wrap #gf_pager ul.comlist li a {
    width:100px;
    height:100px;
    border-radius:50%;
    background-color:#848484;
    padding:0;
    padding-top:40%;
    }
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_1 a {
    padding-top:35%;
    }
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_4 a {
    padding-top:30%;
    }
body.compositum .content-wrap #gf_pager ul.comlist li.comitem_5 a {
    padding-top:24%;
    }
    
    
body.compositum .content-wrap #gf_pager ul.comlist li a:hover,
body.compositum .content-wrap #gf_pager ul.comlist li.current a {
    background-color:#e2001a;
    }




/* COM slider pager */
body.compositum .content-wrap #slider_pager {
    position:relative;
    text-align:center;
    width:100%;
    background-color:#848484;
    margin-top:50px;
    /*margin-top:5rem;*/
    border-radius:7px;
    overflow:hidden;
    }
body.compositum .content-wrap #slider_pager ul.comlist {
    /*background-color:#848484;*/
    width:100%;
    /*margin-top:50px;
    margin-top:5rem;
    border-radius:7px;*/
    }
    
body.compositum .content-wrap #slider_pager ul.comlist li {
    display:inline-block;
    /*border-left:1px solid #919191;*/
    /*border-left:1px solid rgba(255,255,255,0.1);*/
    margin:5px;
    /*margin:0.5rem;*/
    
    /*width:17%;*/
    }
body.compositum .content-wrap #slider_pager ul.comlist li::before {
    display:block;
    float:left;
    content:'.';
    width:10px;
    /*width:1rem;*/
    border-left:1px solid #919191;
    border-left:1px solid rgba(255,255,255,0.1);
    margin-right:5px;
    /*margin-right:0.5rem;*/
    height:43px;
    /*height:4.3rem;*/
    
    font:1px/0px serif;
    padding:0;
    }
    
body.compositum .content-wrap #slider_pager ul.comlist li span {
    display:block;
    float:left;
    margin-right:10px;
    /*margin-right:1rem;*/
    width:24px;
    /*width:2.4rem;*/
    height:43px;
    /*height:4.3rem;*/
    /*line-height:43px;*/
    /*padding-top:5px;*/
    }
body.compositum .content-wrap #slider_pager ul.comlist li span svg {
    vertical-align:middle;
    fill:#fff;
    }
body.compositum .content-wrap #slider_pager ul.comlist li:first-child::before {
    border-left:0 none;
    margin:0;
    width:0;
    }

body.compositum .content-wrap #slider_pager ul.comlist li a {
    font-size:16px;
    font-size:1.6rem;
    border-radius:7px;
    padding:0 15px 0 20px;
    /*padding:0 1.5rem 0 2rem;*/
    line-height:43px;
    /*line-height:4.3rem;*/
    display:block;
    float:left;
    
    
            outline:none;
    }
    
body.compositum .content-wrap #slider_pager ul.comlist li a {}
body.compositum .content-wrap #slider_pager ul.comlist li a:hover,
body.compositum .content-wrap #slider_pager ul.comlist li a:focus {
    background-color:#e2001a;
    }







/* COM slider contents */
body.compositum .content-wrap .slider_content_wrap {margin-top:40px;/*margin-top:4rem;*/}


body.compositum .content-wrap .slider_content_wrap ul {width:32%;list-style:none;float:left;}
body.compositum .content-wrap .slider_content_wrap ul li {padding-bottom:10px;/*padding-bottom:1rem;*/}
    
    
body.compositum .content-wrap .slider_content_wrap ul li a {
    border:0 none;
    padding:10px 20px 10px 40px;
    /*padding:1rem 2rem 1rem 4rem;*/
    position:relative;
    display:inline-block;
    left:-20px;
    /*left:-2rem;*/
    border-radius:0 10px 10px 0;
    /*border-radius:0 1rem 1rem 0;*/
    z-index:1; 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
    color:#646464;
    color:rgb(100,100,100);
    }
    
body.compositum .content-wrap .slider_content_wrap ul li a::after {
    background: #e42f44;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index:-1;
    box-sizing: border-box;
    border-radius:0 10px 10px 0;
    /*border-radius:0 1rem 1rem 0;*/
    box-shadow:inset -1px 2px 0 rgba(0,0,0,0.1);
    }
body.compositum .content-wrap .slider_content_wrap ul li a::before {
    content:'\e818';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center; 
    font-variant: normal;
    text-transform: none;     
  
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    font-size:14px;
    padding-top:14px;
    /*padding-top:1.4rem;*/
    margin-left:16px;
    /*margin-left:1.6rem;*/
    vertical-align:middle;
    color:#999;
    color:rgb(153,153,153);
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    }
    
    
body.compositum .content-wrap .slider_content_wrap ul li a:hover,
body.compositum .content-wrap .slider_content_wrap ul li a:hover::before,
body.compositum .content-wrap .slider_content_wrap ul li a.active,
body.compositum .content-wrap .slider_content_wrap ul li a.active::before {
    color:#fff;
    background:none;
    outline:none;
    }
body.compositum .content-wrap .slider_content_wrap ul li a:hover::after,
body.compositum .content-wrap .slider_content_wrap ul li a.active::after {
    width:100%;
    }
    
body.compositum .content-wrap .slider_content_wrap .slider_content_el {
    float:left;
    width:66%;
    }