.verfahrensgrid{
    display: grid;
    grid-template-columns: 620px 460px;
    max-width: 1080px;
}
.verfahrensbox{
    outline: 1px solid #1881d7; 
    max-width: 1080px
}

.verfahrenswitcher {
    position: relative;
    margin: 20px 0 0 0 ;
}



.mute{
    opacity: .5;
    cursor: not-allowed;
}

.verfahrenbuttonStatisch{
    background-color: #d8d8d8;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}
.verfahrenbuttonStatischXL{
    background-color: #d8d8d8;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.verfahrenbutton{
    background-color: #d8d8d8;
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
}

#na {
    top: 35%;
    left: 45%;
}

.R{
    left: 34%;
}
.L{
    left: 56%;
}
#axL, #axR {
    top: 26%;
}
#scR, #scL {top: 10%;}
#scR.R{ left: 28%;}
#scL.L{ left: 50%;}

#isR, #isL { top: 10%; }
#isR.R{ left: 40%; }
#isL.L{ left: 62%; }

#icR, #icL { top: 18%; }
#feR, #feL { top: 43%; }
#ipR, #ipL { top: 52%; }
#sR, #sL { top: 61%; }
#idR, #idL { top: 70%; }


.verfahrenbuttonXL{
    background-color: #d8d8d8;
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.xlR{
    left: 6%;
}
.xlL{
    left: 80%;
}

#verfahrenbuttonXL1R, #verfahrenbuttonXL1L { top: 9%;}
#verfahrenbuttonXL2R, #verfahrenbuttonXL2L { top: 22%;}
#verfahrenbuttonXL3R, #verfahrenbuttonXL3L { top: 32%;}
#verfahrenbuttonXL4R, #verfahrenbuttonXL4L { top: 42%;}
#verfahrenbuttonXL5R, #verfahrenbuttonXL5L { top: 68%;}
#verfahrenbuttonXL6R, #verfahrenbuttonXL6L { top: 86%;}

.div-align-center{
    margin: 0 auto;
}

.verfahrenbuttonStatischXL.aktiv{
    border: 1px solid #1881d7;
}
.btn-default{
    color:#1881d7;
    border-color:#1881d7;

}

.grid-vertical-2{
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.btn-primaer, .btn-primaer.btn-primary, .btn-primaer.btn-primary:hover {
    background-color: #FBBDDE;
    border: none;
    color: #000;
}
.btn-sekundaer, .btn-sekundaer.btn-primary, .btn-sekundaer.btn-primary:hover {
    background-color: #C3F5FA;
    border: none;
    color: #000;
}
.btn-reserve, .btn-reserve.btn-primary, .btn-reserve.btn-primary:hover {
    background-color: #C9FF94;
    border: none;
    color: #000;
}

.btn.btn-primary.btn-primaer,
.btn.btn-primary.btn-sekundaer,
.btn.btn-primary.btn-reserve{
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    color:#000;
}

.verfahrenbutton.primaer,
.verfahrenbuttonXL.primaer{
    background-color: #FBBDDE;
    border: 1px solid #FF0088;
}
.verfahrenbutton.sekundaer,
.verfahrenbuttonXL.sekundaer{
    background-color: #C3F5FA;
    border: 1px solid #00D5E8;
}
.verfahrenbutton.reserve,
.verfahrenbuttonXL.reserve{
    background-color: #C9FF94;
    border: 1px solid #82D92B;
}