/* ----------------- NAVI --------------------------------------------------------------- */

.nav_home:hover,
.nav_back:hover,
.nav_up:hover {outline:none; filter: hue-rotate(90deg);opacity: 1;}

.nav_home:focus,
.nav_back:focus,
.nav_up:focus {outline:none; filter: hue-rotate(90deg);opacity: 1;}

@media all and (max-width: 1000px) {
.nav_box  {position: fixed; width: 50px; top:10px; right: 10px; z-index: 50; }
.nav_home {position: relative; width: 50px; margin-bottom: 10px; opacity: 0.9;}
.nav_back {position: relative; width: 50px; opacity: 0.5;}
.nav_up   {display:none}
}





/* **************************** barrieretool **************************************** */
.helpdesk {
 background-color:#2F2F2F;
}


/* -----schriftgroessenveraenderung ------------------------ */
.adder .container {
 color: #FFFFFF;

}
.adder {


}

.adder .container:hover .tooltip {

}

.adder span {
  color: #FFFFFF;

}

.adder .left,
.adder .right {
  border:1px solid #FFFFFF; color: #FFFFFF;
}
.adder .left:hover,
.adder .right:hover {
 border:1px solid #FF0000; color: #FF0000;
}

.adder .left:focus,
.adder .right:focus {
 border:1px solid #FF0000; color: #FF0000;
}

.adder .right {

}

.adder .tooltip {

  color: #2a7e1a;

  background: #f1f1f1;

}

/* -----ansichts-Umschalter ------------------------ */
.swapper {position: relative;

         background-color: #000000;

         border:1px solid #FFFFFF;

         color:#FFFFFF;

         }

.normal          {background: linear-gradient(135deg, #638F1B, #8DC619)}
.normal:hover    {background: linear-gradient(135deg, #11C4E2, #8DC619); border:2px solid #FFFFFF; color:#FFFFFF;     }
.normal:focus    {background: linear-gradient(135deg, #11C4E2, #8DC619); border:2px solid #FFFFFF; color:#FFFFFF;     }

.contrast        {background: #000000}
.contrast:hover  {background: linear-gradient(135deg,#FFFFFF, #FFFFFF); border:2px solid #FFFFFF; color:#000000;     }
.contrast:focus  {background: linear-gradient(135deg,#FFFFFF, #FFFFFF); border:2px solid #FFFFFF; color:#000000;     }

.hlp        {background: #000000}
.hlp:hover  {background: linear-gradient(135deg,#FFFFFF, #FFFFFF); border:2px solid #FFFFFF; color:#000000;     }
.hlp:focus  {background: linear-gradient(135deg,#FFFFFF, #FFFFFF); border:2px solid #FFFFFF; color:#000000;     }



/* **************************** end barrieretool **************************************** */













/* ================== NAVIGATION MENU ===================== */
.inav { z-index:10;

        background:rgba(0,0,0,1);
        }





/* ========================================= IMG =============== */

.btow {background-image: linear-gradient(#000000, #FFFFFF); height:150px;}





.bg_01 { background-color:#EFEFEF;}



.multiply {mix-blend-mode: multiply;}     

/* ============ buttons =============== */

/* landkreis und gemeindeseiten: kontaktbutton */
.kontaktbutton {
        border: 1px solid #2e8b96;
        background: #2e8b96;
        color:  #FFFFFF;
}

.kontaktbutton:hover {
        border: 1px solid #1BBE4B;
        color: #FFFFFF;
        background: #1BBE4B;
}

.kontaktbutton:focus {
        border: 1px solid #1BBE4B;
        color: #FFFFFF;
        background: #1BBE4B;
}







/*    vor 07.2024
.goto50,
.goto100 {
        border: 1px solid #2e8b96;
        background: #2e8b96;
        color:  #FFFFFF;

}
*/

.goto50,
.goto100 {
        
        background: #63BE1B;
        color:  #FFFFFF;

}




.goto50 {

}



.goto100 {


}


.goto50:hover,
.goto100:hover {
        border: 1px solid #1BBE4B;
        color: #FFFFFF;
        background: #1BBE4B;
        background: #63BE1B;
}





/* runde button */
.gotorund {
        background: #63BE1B;
        color:  #FFFFFF;
}

.gotorund:hover {
        border: 0px solid #1BBE4B;
        color: #FFFFFF;
        background: #1BBE4B;
        background: #63BE1B;
}





/* große runde button */
.gotorundbig {
        background: #63BE1B;
        color:  #FFFFFF;
}

.gotorundbig:hover {
        border: 0px solid #1BBE4B;
        color: #FFFFFF;
        background: #1BBE4B;
        background: #63BE1B;
}









.gotomore {

        border: 1px solid #63BE1B;

        background: #FFFFFF;

                color: #63BE1B;

}



.gotomore:hover {

        color: #FFFFFF;
        border: 1px solid #AFAFAF;
        background: #63BE1B;

}







.gotojob {
        border-bottom: 1px solid #63BE1B;

        background: #FFFFFF;

                color: #000000;

}



.gotojob:hover {

        color: #FFFFFF;
        border-bottom: 1px solid #63BE1B;
        background: #63BE1B;

}






/* ============ FONTS TYPES =============== */






h1,
h2 {  color: #63BE1B;}



p { color: #333;
   font-weight: 300;
         }




.ziffer {color:#000000;}

.white {color: #FFFFFF;}

.little {color: #000000;}

.joblisthead {color: #63BE1B;}

ul  {   color: #333;}







a {     color: #63BE1B; text-decoration: none;}

a:hover {color: #0EEBED;}


/*  ----- footer  --- */
.footer {background-color: #000000; }
.p_footer {color: #FFFFFF;}




/* ============ FONTS ATTRIBUTES ===============*/


.caram {color:#63BE1B;}

.blue {color:#2e8b96;}

.margL {margin-left:25%; color:#7F7F7F;}
        @media all and (max-width: 960px) {.margL {margin-left:0%; }}



/* ===================================================================================================================== */
/* ===================================================== ABSCHNITT 2 =================================================== */
/* ===================================================== GRIDS       =================================================== */


/* ========== TEAM ========== */

.div111_job { border-top:1px solid #63BE1B;}
.div111_pic { border-top:1px solid #63BE1B;}
.div111_txt { background-color:#F0F0F0; border-top:1px solid #63BE1B;}




@media all and (max-width: 680px) {
         .grid_111 {
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: auto;
         }
         .div111_job { grid-area: 1 / 1 / 2 / 4; border-top:1px solid #63BE1B;}
         .div111_pic { grid-area: 2 / 1 / 3 / 2; border-top:0; }
         .div111_txt { grid-area: 2 / 2 / 3 / 4; border-top:0; background-color:#FFFFFF;}

}






/* ========== HOME / IMPET BILD LINKS ========== */


.div311_pic { border:0px solid #FF0000;}
.div311_txt { border:0px solid #00C0FF;padding-top:80px;}
.div311_gap { border:0px solid #00BF00;}





/* ========== HOME / IMPET BILD RECHTS ========== */


.div113_pic { border:0px solid #FF0000;}
.div113_txt { border:0px solid #00C0FF;padding-top:80px;}
.div113_gap { border:0px solid #00BF00;}







/* ===================================================================================================================== */
/* ===================================================== ABSCHNITT 3 =================================================== */
/* ===================================================== FLEXBOX     =================================================== */






/* ===================================================================================================================== */
/* ===================================================== ABSCHNITT 4 =================================================== */
/* ===================================================== THEMEN & LK-BOXEN ============================================= */

/* Anzeige bei standard: block; bei bf: none */
.bfno {display:block;}



.bgcolor_dark         { background: #000000; }




/* THEMENBOXEN  */

.themenbox_orange        { background: #b4750d; }
.themenbox_green         { background: #5d891a; }
.themenbox_blue          { background: #2e8b96; }
.themenbox_black         { background: #3F3F3F; }
.themenbox_empty         { background: none; }
.themenbox_grey          { background: linear-gradient(135deg, #AFAFAF, #FFFFFF); }
.themenbox_nocolor       { background: linear-gradient(135deg, #000000, #2F2F2F); }




.themenbox_orange:focus,
.themenbox_green:focus,
.themenbox_blue:focus,
.themenbox_black:focus,

.themenbox_grey:focus,
.themenbox_nocolor:focus
 {
         filter: brightness(130%);
         }





.themenbox_orange:hover,
.themenbox_green:hover,
.themenbox_blue:hover,
.themenbox_black:hover,

.themenbox_grey:hover,
.themenbox_nocolor:hover
 {
         filter: brightness(130%);
         transition: all .2s ease-in-out;
         }







/* Themenboxen-Texte */

.h2_portfolio_themen {
        color: #ffffff;
}





.rubrik {
        color: #FFFFFF;
        opacity:0.5;
}






/* =================================================================================== */

/* LANDKREISBOXEN dunkel */




.logobox_lk { background: #2e8b96; }


.logobox_lk:hover
 {
         filter: brightness(130%);
         transition: all .2s ease-in-out;
         }


.logobox_lk:focus
 {
         filter: brightness(130%);
         }



.lk_name {
        color: #FFFFFF;
}




/* key f r negative/dunkle boxen */
.key {
        color:#FFFFFF;
        border:1px solid #FFFFFF;
        opacity:0.7;
}



/* ================================================================ */
/* GEMEINDE-BOXEN hell  */


.logo_pic2 { grid-area: 1 / 1 / 2 / 3; opacity:0.6;}
.logo_txt2 { grid-area: 2 / 1 / 3 / 2; }
.logo_key2 { grid-area: 2 / 2 / 3 / 3; align-self: center; justify-self: end;}




.logobox_gem  { background: #DFDFDF; }

.logobox_gem
        {
        border:1px solid #FFFFFF;
        }


.logobox_gem:hover
 {
         filter: brightness(90%);
         transition: all .2s ease-in-out;
         }


.logobox_gem:fokus
 {
         filter: brightness(90%);
         }


.gem_name {
        color: #2F2F2F;
}




/* key f r positive/helle boxen */
.key2 {
        color:#3F3F3F;
        border:1px solid #2F2F2F;
        opacity:0.6;
}





/* ================================================================ */
/* === Landkreis- und Gemeindeseiten === */
.kontaktbox {background-color#FFFFFF; border-top:1px solid #2e8b96;; border-left:3px solid #2e8b96; }



td,th {

  border-bottom: 1px solid #BFBFBF;
}



td,th {
        color: #333;

}