@import "css_min992.css";
:root {
   /* --farbe-umwelt : #82CFF5;*/
    --farbe-umwelt : #009EE0;
    --frabe-pseudo-umwwelt : #0078c4;
    --farbe-fehler : red;
}
* {
    box-sizing: border-box;
   /* font-size: clamp(.5em, 2.8vw, 1em);*/
    /*font-size: calc(6px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));*/
}

body {
  font-family:  Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";;
}

#navbar_top {

    background-color: #d1e7dd ;
    padding-top:2px;
    padding-bottom: 2px;
    border-radius: 5px;
}

#navbar_top.nav-item {
    border: 1px solid transparent;

    }

.nav-item a {
    color:black;
    font-weight: 600;
}

.my_mr-2 {
    margin-right: 1.0rem;
}

.my-mt-btn {
    margin-top:3rem !important;
}

form label {
    font-weight: 600;
}

form .frmbtn {
    min-width: 200px;
    border-width:2px ;
    background-color: #e8e5e5;
}

#sk_reset , #uk_reset {
    color : #01639d;
    border : 1px solid var(--farbe-umwelt);
}

#sk_reset:hover , #uk_reset:hover {
    color : white;
    background-color: var(--farbe-umwelt);

}

.barrfrei_h1 {
    font-weight: 600;
}
.barrfrei_HL {
    font-size: 1.7rem;
    font-weight: 600;
    border-bottom-width: 1px; border-bottom-style: solid; border-color: lightgray;
}

#barr_footer {
    text-align: end;
}
.linie {
    border-bottom-width: 1px; border-bottom-style: solid; border-color: lightgray;
}

a.navbar-brand {
    color: black !important;
    padding-left: 5px;
    padding-right: 5px;
}

a.navbar-brand:hover, a.navbar-brand:focus{
    color: white !important;
    text-shadow:  1px  1px 1px black,
    1px -1px 1px black,
    -1px  1px 1px black,
    -1px -1px 1px black;


    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



.textheadleft{
    font-weight: 600;
    font-size: 1.2rem;
    text-decoration: none;
color: black;
}

.my-fs {
    font-size: 1.6rem;
    font-weight: 600;
}

.my-fs2 {
    font-size: 1.2rem;
    font-weight: 600;
}

.my-fs3 {
    font-size: 1.0rem;
    font-weight: 400;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #147d4d;
    font-weight: 600;
}
.nav-pills .nav-link {
    background: 0 0;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid black;
    border-radius: .25rem;
}


/**************************************
   Footer
***************************************/

#footer{
    font-size: 75%;
    /*margin: 0px;*/
    margin: 50px 0;
    border: 0px solid cyan;
    padding: 5px 0px 5px 25px;
    background-color: #eee;
    color: #333;
    top: 95vh;

}


/****************
   fussNav (Impressum, Datenschutz)
*****************/

#fussNav {
    margin:0px 25px;
}

.serviceNav{
    float: right;
    font-weight: normal;

}
.serviceNav ul{
    list-style-type: none;
    margin:0;
    padding: 0;
}
.serviceNav li{
    float: left;
    border: 0px solid cyan;
}
.serviceNav a{
    margin: 0;
    border: 0px solid red;
    padding: 2px 6px;
    text-decoration: none;
    color: #333;
}
.serviceNav a:hover,
.serviceNav a:active{
    background-color:#fff;
    color:#333;
}


#header-navi-2 {
   min-height: 2px;
    margin: 0 10px 1rem 10px;
    padding: 0px;
    background-color: var(--farbe-umwelt);
}

nav#lanuknav .nav-link {
    padding: 0.5rem 1rem 0.2rem 1rem;
    margin-top: 0.5rem;

}

nav#lanuknav .nav-item :hover,
nav#lanuknav .nav-item :focus {
    color : white;
    background-color: var(--farbe-umwelt);
}

#img_abskenn {
    float: right;
    height: 4em;
    padding-top: 0.4rem;

}
@media screen and (max-width: 576px) {

}
.errcol {
    color : var(--farbe-fehler);
}

input[class*="errcol"] {
    border: 1px solid red;
}

a.link_ge_hinweis {
    color : #0078c4;
    font-weight: 400;
}

.input-control.error input {
    border-color: #ff3860;
}

.input-control div.error {
    /*color: #ff3860;  zu wenig Kontrast */
    color: black;
    background-color: #ff8383;
    font-size: 0.8rem;
    /*height: 13px;*/
}

div.error {
    white-space: nowrap;
}

.modal-content {
    font-size: calc(16px + (28 - 16) * ((100vw-320px) / (1920 - 320)));
}


#pills_uk_suche, #pills_sk_suche {
    min-width: 400px;
    margin-bottom: 1rem;
}

#pills_uk_suche {
    margin-left: 3px;
}

.toprint {
    display: none;
}

.overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.9;
    transform: translate(-50%, -50%);
}

#loading {
    display: none;
}

modal {
    max-width: 96vw !important;
}

.lnk_blau {
    color : #0036ff;
}

.form_color {
    border-color: #747474 !important;
}

.width_anzeigen {
    width:0px;
}




a.ds_anzeigen {
    text-decoration: underline;
    color:#0036ff;

}


a.ds_anzeigen.btn.focus,
a.ds_anzeigen.btn:focus,
a.ds_anzeigen.btn:hover  {

    color:black !important;
    border: 2px solid #009fe3;
}


.btnstart {
    float:right;
    margin-top:0.3rem;
}

.btnstart:hover, .btnstart:focus {
    color:black;
    font-weight: 600;
    background-color: white;
    outline-style: double;
    outline-width: 2px;
    outline-color: black;
}