/** main colors

Onesty Blue :	#457b9d
ONESTY Sky Blue:	#8bb5cd
ONESTY Dark Blue : #2e2e3a

 */

@font-face {
    font-family: barlow;
    src: url(../webfonts/BarlowCondensed-ExtraBoldItalic.ttf);
}

@font-face {
    font-family: inter;
    src: url(../webfonts/Inter-Regular.ttf);
}
@font-face {
    font-family: interbold;
    src: url(../webfonts/Inter-SemiBold.ttf);
}

body {
    background-image: none;
    overflow-x: hidden;
    font-family: inter, serif;

}
#content_home  div.col-md-12{
    scroll-snap-type: y mandatory;
    max-height: 90vh;
    overflow-y: scroll;
}

#page {
    margin: 0 1rem;

}


.newpage{
    background:  url(../images/ring.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: fixed ;
    width: 100%;
    height: 60vh;
    top:20vh;
    opacity: .4;
    z-index: -5;

}
.inner{
    scroll-snap-align: start;
    margin: auto;
    vertical-align: middle;
    display: table;
    height: 90vh;
    position: relative;

}

 @media (orientation: landscape) {
     .inner {
         padding-top: 18%;
     }
}
@media (orientation: portrait) {
    .inner {
        padding-top: 56%;
    }

}

.btn-primary{
    color: white;
    background-color: #457b9d;
    border-color: #2e2e3a;
}
 .inner h1{

    font-size: 36pt;
    color:#2e2e3a;
     padding-left: 12rem;
}
 .inner h3{

    font-size: 70pt;
    color:#2e2e3a
}
#random_pos a, .inner a{
    text-decoration: none !important;
    color : #2e2e3a !important;

}
#random_pos a {
    font-size: 24px;
}

#page_content {
    width: 100%;
    background-image: none;
}

#page_position {
    width: 100%;
}

#abschluss_oben {
    display: none;
}

#navi_oben {
    width: 100%;
    position: fixed;
    top:0px;
    right: 0px;
    background-image: none;
    height: auto;
    z-index: 50;

}

#navi_oben p {
    display: none;
}

#content {
    background-image: none;
}

#navi_oben_pos {
    float: right;
    top:4px;
}
#navi_oben_pos li a{
    display: none !important;
}
#navi_oben_pos li a.anmelden{
    display: initial !important;
}
#navi_oben p{
    font-family: inter, serif;
}
#content p{
    font-family: inter, serif;
    font-size: 13px;
}
#content_verlauf p{
    font-family: inter, serif;
}
h1,h2,h3,h4,h5,h6{
    font-family: barlow, serif;
    text-transform: uppercase;

}

#navi_oben_pos a, #navi_oben_pos a:link, #navi_oben_pos a:visited, #navi_oben_pos a:hover, #navi_oben_pos a:focus {
    color:white;
    background-image: none;
    background-color: #457b9d;
    font-family: inter, serif;
    color : white;
    padding: 1rem;
    border-radius: 4px;
    margin-left: 10px;
    height:auto;
    width:160px;
}
.anmelden{
    background-image: none;
    background-color: #457b9d;
    color:white !important;
}


#bild_menschen1{
    display: none;
}
#bild_oben {
    background:  url(../images/logo2023.png);
    background-repeat: no-repeat;
    background-position: 3% 50%;

    background-size: auto 72px;
    height: 150px;
    width: 100%;
    position: fixed;
    left:5vh;
    top:0vh;

}

#content_verlauf {
    display: none;
    width: 100%;
    background-image: none;
    background-color: #AFCBFF;
}

#content_verlauf p {
    font-size: 15px;
    color: black;
    padding-top: 12px;
}

#content_verlauf a, #content_verlauf a:link, #content_verlauf a:visited {
    text-decoration: none;
    color: black;

}

#form_navi {
    width: 100%;
    background-color: transparent !important;
    z-index: -6;
}

#hauptnavi_pos {
    width: auto;
    height: auto;
    position: relative;
    padding-bottom: 35px;
}

#hauptnavi_pos a span {
    display: inherit;
}

#hauptnavi_pos a.angebot_aktiv,
#hauptnavi_pos a.vertrag_aktiv,
#hauptnavi_pos a.verwaltung_aktiv,
#hauptnavi_pos a.abschluss_aktiv {
    background-color: #005E7C;
    color: white;

}

#hauptnavi_pos a {
    background-image: none !important;
    text-decoration: none;
    height: auto;
    width: auto;
    padding: 8px 20px;
    border-radius: 12px 12px 0px 0px;
    color: black;
    font-size: 18px;
    background-color: #AFCBFF;
    margin-right: 4px;
}

#suche {
    position: absolute;
    top: 0px;
    float: right;
    right: 1rem;

}

#content {
    width: 100%;
}
#content p{
    color:#212529;
}
a.dok_pdf, a.dok_pdf:link, a.dok_pdf:visited, a.dok_pdf:hover, a.dok_pdf:focus {
    color:#212529 !important;
    width: auto;
}
a.msg_erledigt, a.msg_erledigt:link, a.msg_erledigt:visited, a.msg_erledigt:hover, a.msg_erledigt:focus {
    float: none;
    width: auto;
}
#abschluss_unten {
    display: none;
}

#tarif_content {
    width: 100%;
}

#form_navi {
    background-image: none !important;
    width: 100%;
    background-color: #AFCBFF;
}

#form_navi a {
    padding-bottom: 27px;
}

a.form_navi_norm, a.form_navi_norm:link, a.form_navi_norm:visited {
    background-image: none !important;
    background-color: #AFCBFF;
    color: black;
    margin-right: 2px;
    border-right: none;
    border-bottom: none;
}

a.form_navi_aktiv, a.form_navi_aktiv:link, a.form_navi_aktiv:visited, a.form_navi_aktiv:hover, a.form_navi_aktiv:focus {
    background-image: none !important;
    background-color: #005E7C;
    color:white;
    border-right: none;
    border-bottom: none
}
.ang_holder_tree_widget, .ang_det_content{
    width:100%;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}