.limiter {
    width: 100%;
    /*height: 60vh;*/
    margin: 0 auto;
    padding: 0.5%;
}

.top_right{
    position: absolute;
    right: 2%;
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.container_frame{
    width: auto;  
    min-height: 99vh;
    margin-top: 10%;
    background: #A9A9A9;
    display: flex;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.container_frame{
    width: auto;  
    min-height: 99vh;
    margin-top: 10%;
    background: #A9A9A9;
    display: flex;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.container_frame{
    width: auto;  
    min-height: 94vh;
    margin-top: 7%;
    background: #A9A9A9;
    display: flex;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.container_frame{
    width: auto;  
    min-height: 89.5vh;
    margin-top: 4%;
    background: #A9A9A9;
    display: flex;
}
}

.container_left{
    width: 20%;
    margin-left: 2%;
    padding-top: 12%;
    background: #A9A9A9;
    flex-grow: 1;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
    flex-direction: column;
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
#settings_icons{
    margin-top: 20%;
    height: 13%;
    fill: currentcolor;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
#settings_icons{
    margin-top: 20%;
    height: 13%;
    fill: currentcolor;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#settings_icons{
    margin-top: 20%;
    height: 13%;
    fill: currentcolor;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
#settings_icons{
    min-height: 60px;
    max-height: 100px;
    fill: currentcolor;
}    
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.welcome_heading{
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin-top: 10%;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.welcome_heading{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-top: 10%;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.welcome_heading{
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-top: 10%;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.welcome_heading{
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-top: 10%;
}
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.welcome_text{
    font-size: 10px;
    font-weight: 400;
    color: #fff;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.welcome_text{
    font-size: 10px;
    font-weight: 400;
    color: #fff;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.welcome_text{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.welcome_text{
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
}

.container_right{
    width: 75%;
    background: #FFFFFF;
    flex-grow: 2;
    padding-left: 5%;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%;
}


/* -- Start navbar --*/
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.nav-tabs{
    align-content: center;
    align-items: center;
    margin-top: 3%;
    margin-right: 3%;
    padding: 0.5%;
    border: none;
    background: #A9A9A9;
    border-radius: 1.5rem;
    width: 45%;
    float: right;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.nav-tabs{
    align-content: center;
    align-items: center;
    margin-top: 3%;
    margin-right: 3%;
    padding: 0.5%;
    border: none;
    background: #A9A9A9;
    border-radius: 1.5rem;
    width: 45%;
    float: right;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.nav-tabs{
    align-content: center;
    align-items: center;
    margin-top: 1%;
    margin-right: 3%;
    padding: 0.5%;
    border: none;
    background: #A9A9A9;
    border-radius: 1.5rem;
    width: 48%;
    float: right;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.nav-tabs{
    align-content: center;
    align-items: center;
    margin-top: 1%;
    margin-right: 3%;
    padding: 0.5%;
    border: none;
    background: #A9A9A9;
    /*background: #A9A9A9;*/
    border-radius: 1.5rem;
    width: 27%;
    float: right;
}
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.nav-tabs .nav-link{
    padding: 3%;
    height: 25px;
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    /*color: #fff;*/
    color: #FFFFFF;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.nav-tabs .nav-link{
    padding: 3%;
    height: 25px;
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    /*color: #fff;*/
    color: #FFFFFF;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.nav-tabs .nav-link{
    padding: 0.5%;
    height: 34px;
    font-weight: 600;
    width: 100%;
    /*color: #fff;*/
    color: #FFFFFF;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.nav-tabs .nav-link{
    padding: 0.5%;
    height: 34px;
    font-weight: 600;
    width: 100%;
    /*color: #fff;*/
    color: #FFFFFF;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}
}
.nav-tabs .nav-link:hover{
    border: none;
}
.nav-tabs .nav-link.active{
    padding: 3%;
    width: 120px;
    color: #000000;
    /*color: #0062cc;*/
    border: 2px solid #0062cc;
    /*border: 2px solid #A9A9A9;*/
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
/* -- Ende navbar --*/

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.register_heading_navbar{
    text-align: left;
    margin-left: 1%;
    margin-top: 25%;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.register_heading_navbar{
    text-align: left;
    margin-left: 1%;
    margin-top: 25%;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.register_heading_navbar{
    text-align: left;
    margin-left: 1%;
    margin-top: 10%;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.register_heading_navbar{
    text-align: left;
    margin-left: 1%;
    margin-top: 6%;
    color: #000000;
}
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.register_heading_registry{
    text-align: left;
    margin-left: 1%;
    margin-top: 5%;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.register_heading_registry{
    text-align: left;
    margin-left: 1%;
    margin-top: 5%;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.register_heading_registry{
    text-align: left;
    margin-left: 1%;
    margin-top: 1%;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.register_heading_registry{
    text-align: left;
    margin-left: 1%;
    margin-top: 1%;
    color: #000000;
}
}

.registry_container{
    display: flex;
    align-content: space-between;
    width: 100%;
    padding: 1%;
    background: transparent;
    flex-direction: row;
    order: 9;    
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.registry_item{
    padding-right: 5%;
    display: flex;
    width: 100%;
    flex-direction: row;
    background: transparent;
    font-size: 12px;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.registry_item{
    padding-right: 5%;
    display: flex;
    width: 100%;
    flex-direction: row;
    background: transparent;
    font-size: 12px;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.registry_item{
    padding-right: 5%;
    display: flex;
    width: 100%;
    flex-direction: row;
    background: transparent;
    font-size: 14px;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.registry_item{
    padding-right: 5%;
    display: flex;
    width: 100%;
    flex-direction: row;
    background: transparent;
}
}

.wrap_input{
    border-bottom: 2px solid #adadad;
    padding: 1%;
    width: 100%;

}

/*
.input_number{
    -moz-appearance: textfield;
    -webkit-inner-spin-button, 
    -webkit-outer-spin-button { 
      -webkit-appearance: none;
      margin: 0; 
    }
}
*/

.input_number{
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
}
.input_number[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


/* Input Textfeld */
/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.input {
  font-family: Poppins-Regular;
  font-size: 12px;
  color: #000000; 
  line-height: 1.2;
  display: block;

  width: 100%;
  height: 25px;
  border: none;
  background: transparent; 
  outline: none;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.input {
  font-family: Poppins-Regular;
  font-size: 12px;
  color: #000000; 
  line-height: 1.2;
  display: block;

  width: 100%;
  height: 25px;
  border: none;
  background: transparent; 
  outline: none;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.input {
  font-family: Poppins-Regular;
  font-size: 14px;
  color: #000000; 
  line-height: 1.2;
  display: block;

  width: 100%;
  height: 25px;
  border: none;
  background: transparent; 
  outline: none;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.input {
  font-family: Poppins-Regular;
  font-size: 18px;
  color: #000000; 
  line-height: 1.2;
  display: block;

  width: 100%;
  height: 25px;
  border: none;
  background: transparent; 
  outline: none;
}
}

.focus_input {
    color: transparent; 
    pointer-events: none;
    width: 100%;
}

/*-- iPhpne 6/7/8 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
.btnRegister{
    float: right;
    border: none;
    border-radius: 1.5rem;
    background: #A9A9A9;
    color: #fff;
    font-weight: 600;
    width: 90%;
    cursor: pointer;
    border: 2px solid #0062cc;
}
}

/*-- iPhpne 6/7/8 Plus --*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px){
.btnRegister{
    float: right;
    border: none;
    border-radius: 1.5rem;
    background: #A9A9A9;
    color: #fff;
    font-weight: 600;
    width: 90%;
    cursor: pointer;
    border: 2px solid #0062cc;
}
}

/*-- iPad --*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.btnRegister{
    float: right;
    border: none;
    border-radius: 1.5rem;
    background: #A9A9A9;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
    border: 2px solid #0062cc;
}
}

/*-- PC Screen --*/
@media only screen and (min-device-width : 1025px) {
.btnRegister{
    float: right;
    border: none;
    border-radius: 1.5rem;
    background: #A9A9A9;
    color: #fff;
    font-weight: 600;
    width: 40%;
    cursor: pointer;
    border: 2px solid #0062cc;
}
}

#btnToggle_bootbesitzer{
    border: solid transparent;
    background: transparent;
}

#btnToggle_bootbesitzer_confirm{
    border: solid transparent;
    background: transparent;
}

#btnToggle_hafenmeister{
    border: solid transparent;
    background: transparent;
}

#btnToggle_hafenmeister_confirm{
    border: solid transparent;
    background: transparent;
}

.invisible{
    visibility: hidden;
}