*{
    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: 75px;
    width: 100%;
    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;
    margin-left:2%;
    text-decoration: none;
    color:#002060;
    height:80%;
    top:80%;
    transform:translate(0%,-80%);
    width:10%;
    text-align: center;
    font-size:250%;
    
}

.topmenu_mobile {
    position:relative;
    visibility:hidden;
    height:1000%;
    width:80%;
    left:20%;
    top:74px;
    background-color:#d1d5e1;
    border-left-color:#002060;
    border-left-style:solid;
}

.topmenu_mobile img {
visibility:visible;
position:fixed;
z-index:5000;
height: 60px;
top:7.5px;
left:80%;
padding-bottom:7.5px;
}

.topmenu_mobile a{
    position:relative;
    z-index:8000;
    width:100%;
    background-color:#d1d5e1;
    
}

.topmenu_mobile p{
    display:none;
    float:right;
    padding-top:5%;
    padding-bottom:5%;
    padding-left:2%;
    padding-right:2%;
    position:relative;
    width:96%;
    background-color:#d1d5e1;
    margin-bottom:0;
    font-family: Railway-Light, sans-serif;
    text-align: center;
    font-size:150%;
    color:#002060;
    font-weight:bold;
    z-index:100;
    margin-top:0px;
    border-bottom-color: #002060;
    border-bottom-style:inset;
    border-top-color: #002060;
    border-top-style:inset;


}

.topmenu_mobile:hover {
    visibility: visible;
}
.topmenu_mobile:hover p{
    display:block;
    
}

.topmenu_mobile:hover a{
    display:block;

    z-index:8000;
  
}

#flagge_surround {
    border-bottom-style:none;
}
#flagge {
  height:3%;
  border-style:
  border-color:red;
  top: 63%;
  left:57%;
  
}

#erster_banner{
  position:absolute;
    float:both;
    margin-left:0px;
    margin-right:0px;
    height:15%;
    z-index: 10;
    background-color: white;
    width:100%;
    display:flex;
    align-items:center;
    animation: erster_banner 5s;
    top:85px;
}

.erscheinende_buchstaben {
  margin-left:auto;
    margin-right:auto;
    color:#002060;
    height:auto;
    width:auto;
    font-family: Railway-Light, sans-serif;
    font-weight:bold;
    
    padding-left:3%;
    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:85%;
        
    
    }
    90% {
        height:85%;
        
        
    }
    100% {
        height:15%;
        
        
        
    }
}

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


.zweiter_banner h3 {
    margin-top:8%;
    margin-left: 2%;
    font-family: Railway-Light, sans-serif;
    color:white;
    font-size:200%;
    z-index:20;
    width:80%;
}

.zweiter_banner a {
    font-family: Railway-Light, sans-serif;
    font-size:90%;
    color:#002060;
    font-weight: normal;
    padding-top:0.25%;
    padding-bottom: 0.25%;
    margin-left:0%;
    
    
}
.zweiter_banner h4 {
    display:none;
}

.zweiter_banner h2{
    margin-top:30%;
    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%;
    width:100%;
    background-color:white;
   
}

#dritter_banner h1{
    margin-top:12%;
    text-align:center;
    font-family: Railway-Light, sans-serif;
    color:#002060;
    font-weight: normal;
    font-size:200%;
    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:4%;
    font-size:150%;
}

#dritter_banner p{
    font-family: Railway-Light, sans-serif;
    text-align: justify;
    hyphens:auto;
    padding-left:10%;
    padding-right:10%;
    font-size:150%;
    font-weight: lighter;
}

#vierter_banner {
    position:absolute;
    float:both;
    top:265%;
    width:100%;
    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: 90%;
    margin-top:10%;

}

#Leistungsteil img{
    width:80%;
    margin-bottom: 4%;
    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:450%;
    width:100%;
    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%;
    margin-bottom:20%;
}

#sechster_banner{
    position:absolute;
    float:both;
    top:670%;
    width:100%;
    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:20%;
    margin-bottom:15%;
    margin-left:20%;
    width:60%;
    padding-bottom:11%;
    
}
#mitglied img{
    position:relative;
    opacity: 100%;
    width:100%;
    border-style:solid;
    border-color:white;
    

}


#mitglied:hover {
    width:90%;
    margin-right:5%;
    margin-left:5%;
    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: 7%;
    height:35%;

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

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

}
#kontakt_zum_team {
    width:80%;
    height:70%;
    margin-bottom: 20%;
    margin-left:10%;
}
#kontakt_zum_team h4{
    font-family: Railway-Light, sans-serif;
    font-weight: normal;
    color:#002060;
    margin-bottom:6%;
    text-align:center;
    font-size:200%;
    width:100%;
}
#kontakt_zum_team p{
    font-family: Railway-Light, sans-serif;
    font-weight:lighter;
    text-align: center;
    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-left:35%;
    margin-right:35%;
    
}
#button_kontakt:hover {
    background-color: #002060;
    color:white;
}
.footer {
    display:none;
}
.datenschutz{
    position:absolute;
    top:18%;
    font-family: Railway-Light, sans-serif;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:10%;
    width:70%;
    text-align: justify;
    hyphens:auto;
}
.datenschutz h1,h2,h3 {
    color:#002060;
}

.datenschutz ol,ul {
    margin-left:6%;
}
.impressum{
    position:absolute;
    top:18%;
    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;
}
.kontakt {
    position:absolute;
    top: 20%;
    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%;
}

#leistungen_erster_banner_pc {
    position:absolute;
    top:75px;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:80%;
    width:100%;
    background-image:url(/Cagentic/PC_gross_mobile.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:25%;
    font-weight:normal;
}
#leistungen_erster_banner_pc h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:10%;
    font-size:150%;
}
#leistungen_zweiter_banner {
    position:absolute;
    top:90%;
    width:80%;
    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:25%;
    font-weight:normal;
}
#leistungen_erster_banner_ac {
    position:absolute;
    top:75px;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:80%;
    width:100%;
    background-image:url(/Cagentic/AC_gross_mobile.jpeg);
    background-size:100%;
    background-repeat: no-repeat;
    background-blend-mode:luminosity;
    text-align:center;
}
#leistungen_erster_banner_ac h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:10%;
    font-size:150%;
}
#leistungen_erster_banner_risiko {
    position:absolute;
    top:75px;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:80%;
    width:100%;
    background-image:url(/Cagentic/risiko_gross_mobile.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:25%;
    font-weight:normal;
}
#leistungen_erster_banner_risiko h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:10%;
    font-size:150%;
}
#leistungen_erster_banner_audit {
    position:absolute;
    top:75px;
    float:both;
    margin-left:0px; 
    margin-right:0px;
    height:80%;
    width:100%;
    background-image:url(/Cagentic/lupe_gross_mobile.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:25%;
    font-weight:normal;
}
#leistungen_erster_banner_audit h3{
    color:#002060;
    font-family: Railway-Light, sans-serif;
    margin-top:10%;
    font-size:150%;
}