<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> @font-face {
    font-family: 'fontHomeLight';
    src: url('./fontHomeLight.ttf');
    font-weight: 200;
    font-style: normal;

}
 @font-face {
    font-family: 'fontHomeBold';
    src: url('./fontHomeLight.ttf');
    font-weight: 500;
    font-style: normal;

}


 body{height:100%;
 margin:0; text-align:left; color:black; letter-spacing:0.5px; background-image:url(../images/body-bg.png);    font-family: "fontHomeLight", Arial, sans-serif;}

.header{max-width:1280px;text-align:left; min-width:1150px; width:100%; position:absolute;z-index:100; background-image:url(../images/headerBG.png); top:0; border-bottom:1px #2b2b2b solid;}
.logo{margin:45px 0 0 35px; float:left; cursor:pointer;}
.blueLine{width:100%; height:0px; background:#ff6633;}
.navi{max-width:1280px;  color:white; margin:0 0 0 0; font-size:15px; font-weight:100;}
.naviPoint{
    border-right:1px #2b2b2b solid;
    padding:0 25px 0 25px;cursor:pointer;color:#0099cc; text-align:center; line-height:160px; float:left; max-height:160px; overflow:hidden;}
.naviPoint:first-child{
    border-left:1px #2b2b2b solid;
    }
.naviPoint a{
    text-decoration:none;
    color:red;
}
.naviPoint:hover{color:#ff6633;}
.body{width:100%;}
.orange{color:#ff6633 !important;}
.blue{color:#0099cc !important;}
.page{
    width:100%; 
    min-width:1150px; 
    max-width: 1280px;  
    background-repeat:no-repeat; 
    background-image:url(../images/home.jpg); 
    max-width:1280px;
     background-size: 100% auto;
}
.bigBox{
    float:left;
    text-align:center; 
    margin-top:150px;
    margin-left:50px;
    position:relative;
}
.colorBoxTopLeft{
    cursor:pointer; 
    text-align:left; 
    float: left;
    margin-top:100px; 
    margin-left:520px;
    color:white; 
    line-height:35px; 
    font-size:17px; 
    letter-spacing:4px; 
    background-color:#ff6633; 
    width:180px;
    height:130px;
    
    -ms-transform:rotate(30deg);  -webkit-transform:rotate(30deg);  transform:rotate(30deg);
}
.colorBoxContentBox{
    color:white; display:none; float: left;width:0px; overflow:hidden; margin:250px 0 0 2px; height:263px; background-image:url(../images/navi-bg.png);
}
.colorBoxTopRight{
    cursor:pointer;float: left; margin:100px 0 0 122px; color:white; line-height:35px; font-size:13px; letter-spacing:4px; background-color:#0099cc; width:180px; height:130px;
    -ms-transform:rotate(70deg);  -webkit-transform:rotate(70deg);  transform:rotate(70deg);
    
}
.colorBoxBottomLeft{
    cursor:pointer;float: left;margin-top:2px; color:white; line-height:35px; font-size:13px; letter-spacing:4px; background-color:#0099cc; width:180px; height:130px;
    margin-left:100px;
     -ms-transform:rotate(120deg);  -webkit-transform:rotate(120deg);  transform:rotate(120deg);
}
.colorBoxBottomRight{
    cursor:pointer;float: left; margin:2px 0 0 2px; color:white; line-height:35px; font-size:17px; letter-spacing:4px; background-color:#ff6633; width:180px; height:130px;
     -ms-transform:rotate(20deg);  -webkit-transform:rotate(20deg);  transform:rotate(20deg);
}
.diaShowBox{ width:100%; min-width:1150px; text-align:center;  height:250px; background-image:url(../images/slide-bg.png); border-top:1px white solid; border-bottom:1px #ddd solid; overflow:hidden; padding:10px 0 10px 0;}

.animation_description{float:left; padding-top:10px;line-height:23px;text-align:justify; margin:0; width:620px; height:250px; font-size:30px;}
.animation_description h2{font-size:27px; font-weight:400; margin:0; float:left;}
.animation_div{float:left;}
.animation_img{width:500px;height:230px;}
.animation_header{color:#0099cc;margin-top:10px;margin-left:20px;float:left;}
.animation_body{margin-top:20px;margin-left:20px;color:#444;font-size:14px;float:left;}

.questionsContainer{
    margin-left: 0px; text-align:justify;  padding-left:30px;  width:1038px;font-size:13px; display:inline-block; margin-top:20px;
}
.firstQuestion{
    float:left;
    width:270px;
    text-align:justify; 
}
.nextQuestion{
    float:left; width:270px; margin-left:100px; text-align:inherit;
    
}
.questionsContainer .title{
    font-weight:100; color:#ff6633;  text-align:inherit; font-size:15px; font-style:italic; line-height:50px;
}
.trennLinie{
    width: 800px; margin-top:40px; border-bottom:1px #ddd solid; height:2px;
}
.answerBox{
    text-align:justify; 
    margin-left: 0px;   padding-left:30px;  width:1038px; font-size:13px; display:inline-block; margin-top:20px;
}
.firstAnswer{
    float:left; 
    width:200px;
}
.teamTitle{
    text-align:left;
    margin-left: 50px;
}
.teamDescription{
    padding:20px 50px 20px 50px;

}
.memberPhoto{
    float:left;
    margin:0 10px 10px 0;
    border:1px #ccc solid;
}
.spruch{
    margin-left:40px;
    width:200px;
    float:left;
}
.nextAnswer{
    float:left; width:220px; margin-left:50px;
}
.answerBox .title{
    color:#ff6633; font-weight:100;   font-size:15px; font-style:italic; text-align:center; line-height:50px;
}
.header a{
    text-decoration:none;
    
    color:#0099cc;
}
.bigImgContainer{
    position:relative;
   width:100%;
   min-width:1150px;
   height:690px;
   z-index:2;
   text-align:left;
   overflow:hidden;
}
.browser_img{
    float:left;
    margin-left:25px;
    width:30px;
    margin:20px 0 0 10px ;
}
.betriebssystem_img{
    float:left;
    margin-left:35px;
    width:30px;
    margin:20px 0 0 10px ;
}
#content{
    position:relative;
    padding:30px 0 50px 0;
    text-align:left;
    min-width:1050px;
    background: white;
    font-size:15px;
    text-align:justify;
    line-height:23px;
}
#content a, .diaShowBox a{
    color:#0099cc;
    text-decoration:none;
}
#content a:hover, .diaShowBox a:hover{
    color:#ff6633;
    text-decoration:none;
}

.content_description{
    font-size: 14px; 
    width:95%;
}

#content h1{
    font-size:30px;
    margin:0px;
    font-family: "fontHomeBold", Arial, sans-serif;
    color:#0099cc;
    
}
#content i{
    font-size:15px;
    margin:0px;
    color:#ff6633;
    
}
.hidden{

    clear:both;
    height:0px;
    color:#ff6633;
    overflow:hidden;
    opacity:0;
}
.header .selectedPoint{
    color:#ff6633;
    background-image:url(../images/navi-bg.png);
}
#optionSelectedDiv{
    margin-left:5px;
}
.optionDiv{
    padding-left:5px;
    cursor:pointer;
}
.optionDiv:hover{
    background-image:url(../images/navi-bg.png);
}
#selectBoxDiv{
    cursor:pointer;background:white;margin-right:5px; line-height:27px; float:left; height: 29px; color:#0099cc; width:100px; font-size:17px; opacity:0.4; background-image:url('../images/selectbox-bg.png');
}
#selectBoxDiv:hover{
    background-image:url('../images/selectboxHover-bg.png');
}



.pointTitle{
    width:1010px;
    border-bottom:1px #999 dotted;
    margin-left:100px;
    font-size:22px;
    padding:20px 0 5px 0;
    
}

.first{
    border-top:1px #999 dotted;
    margin-top:20px;
}
.pointBlock{
    width:270px;
    float:left;
    margin:30px 0 20px 100px;
}
.pointBlock .title{
    font-size: 17px;
    font-weight:600;
    line-height:25px;
    padding-left:0;
    color:#0099cc !important;
}
.leftTitle{
    text-align:left;
    margin-top:50px;
    padding-left:200px;
}
.contentValue{
    padding:20px 100px 0 50px;
}
.pointBlock .point{
    color:#0099cc;
    font-size: 15px;
    line-height:38px;
    cursor:pointer;
    border-bottom:1px #999 dotted;
    clear:both;
    height:38px;
}
.pointBlock .icon{
    width:25px;
    height:38px;
    background-repeat:no-repeat;
    background:url(../images/navi_icon.png);
    float:left;
}
.pointBlock .inline{
    display:inline-block;
    height:38px;
    margin-top:0 !important;
    float:left;
}

.pointBlock .point:hover{
   color:#ff6633;
}
.referenzFilter h2{
    margin:0;
    float:left;
    font-weight:400;
    font-size: 13px;
}

#points{
     
}
#unternehmen .description{
    float:left;
    width:460px;
    margin:0px 10px 0 20px;
}
#unternehmen .title{
    margin:20px 10px 0 20px;
}

#footer{
    position:relative;
    background-image:url(../images/headerBG.png);
    color:#aaa;
     min-width:1150px;
     text-align:left;
     min-height:250px;
     font-weight:100 !important;
    font-family:fontHomeLight !important;
    clear:both;
}
#lightFooter{
    position:relative;
    background-image:url(../images/footerLight-bg.png);
    color:#333;
    min-width:1150px;
    text-align:center;
    width:800px;
   
    vertical-align:middle;
}
#lightFooter a{
   text-decoration:none;
   color:white;
   vertical-align:middle;
}

#unternehmen h1{
    padding:0;
    margin:0;
    font-size:15px;
    display:inline;
    font-weight:100;
}
#lightFooter p{
    
    margin:0;

}
#lightFooter p{
    margin:5px 0 0 0;
}
#lightFooter .title{
    font-weight:500;
    font-size:23px;
}
#lightFooter p{
    font-weight:500;
    color:#ccc;
}
#lightFooter .nextColumn{
    margin:20px 0 0 50px;
    float:left;
    width:200px;
    font-size:13px;
    font-weight:100;
    color:white;
}
.kontakt{
    float:left;
    margin:30px 0 0  60px;
    width:400px;
}
.facebook{
    float:left;
    margin:30px 0 0  200px;
}

.copyright{
    background:#bbb;
    border-top:1px #ddd solid;
    font-size:14px;
    padding-left:50px;
    line-height:20px;
   
}
.impressum{
    float:left;
    margin:30px 0 0  240px;
    width:500px;
    font-size:12px !important;
    line-height:18px;
    text-align:justify;
    font-weight:100 !important;
    font-family:fontHomeLight !important;
}
.impressum a{
    text-decoration:none;
    border:none;
    color:#aaa;
}
.impressum a:hover{
    color:white;
}
.impressum h3{
    display:block !important;
    font-size:14px;
    color:white;
}
#hiddenAnimation{
    display:none;
}


#greetingDiv{
    width:400px;
    height:300px;
    padding:50px 0 0 70px;
}
#greetingDiv .box{
    float:left;
    padding:0 20px 0 20px;
    background:white;
    border: 1px #ccc solid;
    line-height:35px;
    border-radius:5px;
    height:70px;
    text-align:center;
    opacity:0.6;
    line-height:70px;
}


.convinceTitle{
    text-align:center;
    font-size:27px;
    margin:40px 0 0 0 ;
}

.header h1{
    margin:0;
}


.header h1 a{
    text-indent:-999em; display:block; margin:-2px 0 0 0;overflow:hidden; width:261px; height:50px; background:url('http://www.excellent-websolutions.de/images/logo.png') no-repeat;
    margin:0;
}
.header h2{
    margin:0;
    padding:0;
}
.header h2 a{
    text-indent:-999em; display:block; margin:-2px 0 0 0;overflow:hidden; width:261px; height:20px; background:url('http://www.excellent-websolutions.de/images/werbeagentur_bonn_und_aachen.png') no-repeat;

}
.clear{
    clear:both;
}




.referenzBox{
    text-align:center;
   width:252px;
   float:left; 
   font-size:11px;
   margin:50px 0 0 50px;
   cursor:pointer;
}
.referenzBox strong{
    font-weight:400;
}
.referenzBox .bottomLine{
    height:6px;
     width:252px;
}
.referenzBox .descriptionContentBox{
    margin:20px;
       
    line-height:17px;
}
.referenzBox .description{
    height:100px;
    clear:both;
    width:250px;
    background-image:url(../images/referenz-bg.png);
    border:1px #eee solid;
}
.referenz{
    border:1px #eee solid;
    width:250px;
    height:180px;
    background:white;
    overflow:hidden;
    float:left;
    cursor:pointer;
}

.referenz_header{
    font-weight:900;
    font-style:italic;
    color:#333;
    width:250px;
    line-height:25px;
}
.referenz_select{
    height:2px;
    background:#0099cc;
    
}

.leftImage{
    float:left;
    width:800px;
    margin:0 10px 10px 0;
}
.left{
    float:left;
    padding-left:150px;
    width:900px;
}

.keywordsBox{
    border:1px #fff solid;
    padding:5px 10px 5px 10px;
    margin-top:20px;
    background:#f9f9f9;
    border-radius:5px;
    color:#888;
}
.keywordsBox h1{
    display:inline;
    margin: 0 !important;
    font-size:14px !important;
    padding:0 !important;
    font-weight:100;
    color:#888 !important;
}
.keywordsBox:hover{
    color:#333;
}
.animation_header a{
   color:#0099cc;
   text-decoration:none;
}










#blog h1{
    font-size:25px;
    margin:0px;
    color:#0099cc;
}
#blog h2{
    font-size:20px;
    color:#0099cc;
}



::-webkit-scrollbar{height:2px; margin:0;overflow:visible;width:16px}
::-webkit-scrollbar:vertical{height:20px; margin:0;overflow:visible;width:16px}
::-webkit-scrollbar-button{height:0;width:0; margin:0;}
::-webkit-scrollbar:horizontal{height:16px; width:16px;}

::-webkit-scrollbar-track{background-clip:padding-box; margin:0; border:solid transparent; border-width:0 0 0 4px}
::-webkit-scrollbar-track:hover{ margin:0; background-color:rgba(0,0,0,.05); box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}
::-webkit-scrollbar-track:active{ margin:0; background-color:rgba(0,0,0,.05);box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb{margin:0; background-color:#0099cc;background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 6px;min-height:28px;padding:100px 0 0;box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)}
::-webkit-scrollbar-thumb:hover{margin:0; background-color:rgba(0,0,0,.4);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}
::-webkit-scrollbar-thumb:active{margin:0; background-color:#ff6633;box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}

body::-webkit-scrollbar-track-piece{margin:0; background-clip:padding-box;background-color:#f5f5f5;border:solid #fff;border-width:0 0 0 3px;box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.07)}
body::-webkit-scrollbar-thumb{margin:0; border-width:1px 1px 1px 5px}
body::-webkit-scrollbar-thumb:horizontal{border-width:5px 1px 1px}
body::-webkit-scrollbar-corner{background-clip:padding-box; margin:0;background-color:#f5f5f5;border:solid #fff;border-width:3px 0 0 3px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.14)}





.orange{color:#ff6633;}
.blue{color:#0099cc;}
.searchBox{
    width:500px;
    height:70px;
    background:#f6f6f6;
    border: 1px #ddd solid;
    color:white;
    border-radius:5px;
}
.fLeft{
    float:left;
}
.inputIndex{
    width:300px;
    margin-top:25px;
}
.submitIndex{
    margin-top:25px;
}
#result{
    clear:both;
    width:100%;
    margin-top:50px;
    display:none;
}

.resultBox{
    margin:0px 0 0px 50px;
    border-bottom:1px #eee solid;
    padding-bottom:5px;
    width:1000px;
    padding:5px;
}
.resultBox:hover{
   background:#eee;
}
.resultBox .title{
    max-width:600px;
    font-size:25px;
    line-height:40px;
    cursor:pointer;
}

.resultBox .description{
    max-width:1000px;
    font-size:12px;
    line-height:17px;
    max-height:32px;
    overflow:hidden;
    cursor:pointer;
}

.resultBox .mark{
   background: #ccc;
}

.keywordsBoxWiki{
    border:1px #fff solid;
    padding:5px 10px 5px 10px;
    margin:20px 0 0 50px;
    background:#f9f9f9;
    border-radius:5px;
    width:1000px;
    color:#888;
}
.hs h2,h3,h4{
    display:none;
}
.keywordsBoxWiki:hover{
  color:#333;
}

.referenzLogo{
    margin:10px 0 20px 50px;
}
.referenzLogos{
    
    width:100%;
    background:#eee;
    vertical-align:middle;
}
.referenzTitle h2{
    font-size:15px;
}




#team .imgBox{
    width:100px;
    height:100px;
    max-width:100px;
    max-height:100px;
    border-radius:50px;
    overflow:hidden;
}
#team .person:first-child{
    margin-left:30px !important;
}
#team .person{
    float:left;
    width:120px;
    margin-left:30px;
}




.contentBoxWebdesign{
    width:100%;
    height:0px;
    position:fixed;
    overflow:hidden;
    top:0;
    left:0;
    text-indent:-99999999px;
}



.freeBlock{
    width:900px;
    height:40px;
    background:#f4f6f7;
    margin-top:15px;
}
.alloc{
    background: #0099cc;
    color:white;
    font-size:15px;
    line-height:40px;
    width:0px;
    overflow:hidden;
    font-weight:600;
}
.alloc p{
    margin:0 0 0 50px;
    max-height:40px;
    overflow:hidden;
    min-width:600px;
}


.kugel{
    position:absolute;
    font-size: 25px;
    font-weight:600;
    padding:5px;
    width:30px;
    height:30px;
    border-radius:15px;
    text-align:center;
    color:white;
    top:250px;
    left:400px;
    
}
.findNowStudents{
    width: 100%; height:40px; line-height:40px; margin-bottom:30px; background:#143e4f;color:white; border:none; font-size:20px; border-radius:5px; border:1px #eee solid; cursor:pointer;
}
#footer .logo-f{
    width:160px !important;
}

span.captcha_label{width:100px; line-height:31px; background:white; margin-right: 10px; border-radius:5px; display:inline-block; text-align:center;}
input.captcha{height:30px; border:1px #ddd solid; border-radius:5px; margin-bottom:20px; width:300px; padding-left:5px;}</pre></body></html>