*{
    margin:0;
    padding:0;
}
html {
    background-color:white;
}
a:link{
    text-decoration: none;
    color:#002060;
}
a:visited {
 text-decoration: none;
    color:#002060;
}
.menu_top {
    background-color:#d1d5e1;
    color:#002060;
    position:fixed;
    height: 100%;
    width: 25%;
    box-shadow: 0px 0px 4px 2px grey;
    float:left;
    top:0px;
    z-index:50;
 
}
.menu_top p{
    display:none;
}
#cagentic {
    position:absolute;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    text-decoration: none;
    color:#002060;
    height:18%;
    top:3%;
    width:98%;
    text-align: center;
    font-size:180%;
    left:0px;
}

.topmenu_mobile {
    margin-top:30%;
    height:75%;
    
   
}
.topmenu_mobile img {
display:none;
}

.topmenu_mobile p{
    display:block;
    position:relative;
    height:14%;
    width:100%;
    text-align: center;
    font-size:120%;
    padding-top:5%;
    font-family: Railway-Light, sans-serif;
    font-weight:bold;
    box-shadow: 0px 0px 1px 2px grey;
   
}

#flagge_surround {
    border-bottom-style:none;
    box-shadow:0px 0px 0px 0px grey;
}
#flagge {
  display:block;
  height:50%;
  margin-top: 2%;
  margin-left: 45%;
  
}
#erster_banner{
  position:absolute;
    float:both;
    margin-left:25%;
    margin-right:0px;
    height:15%;
    z-index: 10;
    background-color: white;
    width:75%;
    display:flex;
    align-items:center;
    justify-content: center;
    animation: erster_banner 5s;
    padding-top:3%;
   
}

.erscheinende_buchstaben {
  margin-left:auto;
    margin-right:auto;
    color:#002060;
    height:auto;
    width:80%;
    font-family: Railway-Light, sans-serif;
    font-weight:bold;
    padding-left:15%;
    padding-right:0%;
    font-size:100%;
    
    
    
}
#wir {
    float:left;
    
    animation: wir 0.6s;
}
#führen {
    float:left;
    
    animation: fuehren 1.2s;
}
#zusammen {
    float:left;
    animation: zusammen 2.2s;
}
#sap_beratung {
    animation: sap_beratung 2.8s;
}
@keyframes wir {
    0% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}
@keyframes fuehren {
    0% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}
@keyframes zusammen {
    0% {
        opacity: 0;
    }
    80% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes sap_beratung {
    0% {
        opacity: 0;
    }
    88%{
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}

@keyframes erster_banner{
    0%{
        height:100%;
        padding-top:1.5%;
        
    
    }
    90% {
        height:100%;
        padding-top:1.5%;
        
        
    }
    100% {
        height:15%;
        padding-top:3%;
        
        
        
        
    }
}

.zweiter_banner {
    position:absolute;
    float:both;
    margin-left:0px;
    margin-right:0px;
    z-index:5;
    top:30%;
    width:100%;
    height:70%;
    background-image: url(/Cagentic/Justitia_landscape.jpeg);
    background-size:100%;
    background-repeat:no-repeat;
   
}

.zweiter_banner h3 {
    margin-top:5%;
    margin-left: 29%;
    font-family: Railway-Light, sans-serif;
    color:white;
    font-size:130%;
    z-index:20;
    width:70%;
}
.zweiter_banner a {
    font-family: Railway-Light, sans-serif;
    font-size:70%;
    color:#002060;
    font-weight: normal;
    padding-top:0.25%;
    padding-bottom: 0.25%;
    margin-left:26%;
    
    
}

.zweiter_banner h4 {
    display:none;
}

.zweiter_banner h2{
    margin-top:10%;
    width:97%;
    padding-right:2%;
    text-align:start;
    background-color:#d1d5e1;
    padding-left:1.5%;
}
#dritter_banner {
    position:absolute;
    float:both;
    top:115%;
    height:85%;
    left:25%;
    width:75%;
    background-color:white;
   
}
#dritter_banner h1{
    margin-top:7%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    font-weight: normal;
    font-size:180%;
    padding-left:4%;
    padding-right:4%;
    
}
#dritter_banner h3{
    margin-top:3%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    font-weight:normal;
    margin-bottom:6%;
    font-size:120%;
}
#dritter_banner p{
    font-family: Railway-Light, sans-serif;
    text-align: justify;
    hyphens:auto;
    padding-left:10%;
    padding-right:10%;
    font-size:130%;
    font-weight: lighter;
}
#vierter_banner {
    position:absolute;
    float:both;
    top:310%;
    left:25%;
    width:75%;
    background-color:#F2F2F2;
    height:auto;
    padding-bottom:10%;
}

#vierter_banner h1{
    margin-top:6%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    font-weight: normal;
    font-size:200%;
    padding-left:4%;
    padding-right:4%;
}

#Leistungsteil {
    position:relative;
    width:100%;
    height: 80%;
    margin-top:10%;

}
#Leistungsteil img{
    width:80%;
    margin-bottom: 2%;
    margin-left:10%;
}
#Leistungsteil h4 {
    font-family: Railway-Light, sans-serif;
    color:#002060;
    margin-bottom:2%;
    margin-left:10%;
    margin-top:0.5%;
    font-size:170%;
}
#Leistungsteil p{
   font-family: Railway-Light, sans-serif;
    width:70%;
    margin-bottom:7%;
    margin-left:10%;
    font-size:120%;
    text-align:justify;
    hyphens:auto;
}

#button_leistung {
    box-sizing: content-box;
    position:relative;
    border-color:#002060;
    border-style:solid;
    border-width: thin;
    border-radius:0.5em;
    padding:1.5%;
    width:auto;
    font-family: Railway-Light, sans-serif;
     color:#002060;
    margin-bottom:20%;
    margin-left:10%;
}

#button_leistung:hover {
    background-color: #002060;
    color:white;
}

.fuenfter_banner {
    position:absolute;
    float:both;
    top:700%;
    left:25%;
    width:75%;
    background-color:white;
    height:auto;
    padding-bottom:10%;
}

.fuenfter_banner h1{
    margin-top:6%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    font-weight: normal;
    font-size:200%;
    padding-left:4%;
    padding-right:4%;
}
#sechster_banner{
    position:absolute;
    float:both;
    top:1150%;
    left:25%;
    width:75%;
    background-color: #002060;
}

#sechster_banner h1{
    margin-top:6%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:white;
    font-weight: normal;
    font-size:250%;
    margin-bottom:5%;
}
#mitglied {
    position:relative;
    margin-top:3%;
    margin-right:30%;
    margin-bottom:15%;
    margin-left:30%;
    width:40%;
    padding-bottom:11%;
    
}
#mitglied img{
    position:relative;
    opacity: 100%;
    width:100%;
    border-style:solid;
    border-color:white;
    

}


#mitglied:hover {
    width:60%;
    margin-right:20%;
    margin-left:20%;
    border-style:solid;
    border-color:white;
}

#mitglied:hover img{
    border-style:none;
}
#mitglied p{
    position:absolute;
    float:left;
    bottom:0%;
    width:100%;
    margin-bottom:0%;
    opacity:0%;
    text-align: center;
    font-family: Railway-Light, sans-serif;
    color:white;
    font-size:100%;
    background-color: #424242;
    padding-bottom: 10%;
    box-sizing: border-box;

}
#mitglied:hover p{
    opacity:100%;
}

#mitglied a{
    position:relative;
    float:left;
    height:10%;
    margin-top:6%;
    margin-left:3%;
    opacity:0%;
 
}
#mitglied:hover a{
    opacity:100%;
}
.siebter_banner{
    
    position:absolute;
    float:both;
    top:1850%;
    width:75%;
    left:25%;
    background-color: white;

}
#kontakt_zum_team {
    float:left;
    width:35%;
    height:70%;
    margin-bottom:5%;
    margin-left:30%;
    
   
}
#kontakt_zum_team h4{
    font-family: Railway-Light, sans-serif;
    font-weight: normal;
    color:#002060;
    margin-bottom:6%;
    font-size:200%;
    width:100%;
}

#kontakt_zum_team p{
    font-family: Railway-Light, sans-serif;
    font-weight:lighter;
    font-size:150%;
    margin-bottom:10%;
    width:100%;
}
#button_kontakt {
    box-sizing: border-box;
    position:relative;
    border-color:#002060;
    border-style:solid;
    border-width: thin;
    border-radius:0.5em;
    padding:2%;
    width:30%;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    bottom:5%;
    text-align: center;
  
    margin-right:35%;
    
}
#button_kontakt:hover {
    background-color: #002060;
    color:white;
}
.kontakt {
    position:absolute;
    top: 20%;
    left:25%;
    font-family: Railway-Light, sans-serif;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:10%;
    
}
.kontakt h1{
    color:#002060;
}
.kontakt p{
    font-size: 120%;
    font-style: oblique;
    color:#002060;
}
.inputc {
    border-radius:0.5em;
    margin-left:2%;
    padding:0.5%;
    width:100%;
    font-size:150%;
    
}
.button_kontakt {
    border-radius:0.5em;
    margin-left:2%;
    padding:2%;
    background-color:#d1d5e1;
    font-size:120%;
}
.kontakt table{
    width:100%;
  
}
.kontakt tr{
    width:100%;
    
}
.kontakt td{
    width:100%;
   
    padding-top:2%;
    padding-bottom:2%;
}
.datenschutz{
    position:absolute;
    top:18%;
    left:25%;
    font-family: Railway-Light, sans-serif;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:10%;
    width:60%;
    text-align: justify;
    hyphens:auto;
}
.datenschutz h1,h2,h3 {
    color:#002060;
}
.datenschutz ol,ul {
    margin-left:6%;
}
.impressum{
    position:absolute;
    top:18%;
    left:25%;
    font-family: Railway-Light, sans-serif;
    margin-left:10%;
    margin-right:10%;
    padding-bottom:10%;
    text-align: justify;
    hyphens:auto;
}
.impressum h1,h2,h3 {
    color:#002060;
}
#leistungen_erster_banner_pc {
    position:absolute;
    top:5%;
    left:25%;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:90%;
    width:75%;
    background-image:url(/Cagentic/PC_gross.jpeg);
    background-size:100%;
    background-repeat: no-repeat;
    background-blend-mode:luminosity;
    text-align:center;
}
#leistungen_erster_banner_pc h1{
    color:#002060;
    font-size:250%;
    font-family: Railway-Light, sans-serif;
    margin-top:10%;
    font-weight:normal;
}
#leistungen_erster_banner_pc h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:5%;
    font-size:150%;
}
#leistungen_zweiter_banner {
    position:absolute;
    top:100%;
    left:25%;
    width:60%;
    margin-left:10%;
    margin-right:10%;
    float:both;
    
}
#leistungen_zweiter_banner p{
    font-family: Railway-Light, sans-serif;
    font-weight:lighter;
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    font-size:150%;
    text-align:justify;
    hyphens: auto;
    margin-bottom:5%;
}
#leistungen_zweiter_banner h3{
    font-family: Railway-Light, sans-serif;
    font-weight:normal;
    margin-top:3%;
    margin-bottom:5%;
    margin-left:5%;
    margin-right:5%;
    color:#002060;
    font-size:200%;
}
#leistungen_zweiter_banner ul{
    font-family: Railway-Light, sans-serif;
    font-weight:lighter;
    margin-left:7%;
    margin-right:5%;
    font-size:150%;
    margin-bottom:20%;
    line-height: 200%;
    list-style-type: none;
   
}
#leistungen_zweiter_banner li:before {
    content: "\2713" " " " ";
    color:#002060;
}
#leistungen_zweiter_banner li {
    margin-top:3%;
    line-height: 120%;
}
#leistungen_erster_banner_ac h1{
    color:#002060;
    font-size:250%;
    font-family: Railway-Light, sans-serif;
    margin-top:15%;
    font-weight:normal;
}
#leistungen_erster_banner_ac h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:5%;
    font-size:150%;
}
#leistungen_erster_banner_ac {
    position:absolute;
    top:5%;
    left:25%;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:90%;
    width:75%;
    background-image:url(/Cagentic/AC_gross.jpeg);
    background-size:100%;
    background-repeat: no-repeat;
    background-blend-mode:luminosity;
    text-align:center;
}
#leistungen_erster_banner_risiko h1{
    color:#002060;
    font-size:250%;
    font-family: Railway-Light, sans-serif;
    margin-top:15%;
    font-weight:normal;
}
#leistungen_erster_banner_risiko h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:5%;
    font-size:150%;
}
#leistungen_erster_banner_risiko {
    position:absolute;
    top:5%;
    left:25%;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:90%;
    width:75%;
    background-image:url(/Cagentic/risiko_gross.jpeg);
    background-size:100%;
    background-repeat: no-repeat;
    background-blend-mode:luminosity;
    text-align:center;
}
#leistungen_erster_banner_audit h1{
    color:#002060;
    font-size:250%;
    font-family: Railway-Light, sans-serif;
    margin-top:15%;
    font-weight:normal;
}
#leistungen_erster_banner_audit h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:5%;
    font-size:150%;
}
#leistungen_erster_banner_audit {
    position:absolute;
    top:5%;
    left:25%;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:90%;
    width:75%;
    background-image:url(/Cagentic/lupe_gross.jpeg);
    background-size:100%;
    background-repeat: no-repeat;
    background-blend-mode:luminosity;
    text-align:center;
}
.footer {
    display:none;
}