/* Colors for my Website */


// ............................................................
// .for

.for(@i, @n) {.-each(@i)}
.for(@n)     when (isnumber(@n)) {.for(1, @n)}
.for(@i, @n) when not (@i = @n)  {
    .for((@i + (@n - @i) / abs(@n - @i)), @n);
}

// ............................................................
// .for-each

.for(@array)   when (default()) {.for-impl_(length(@array))}
.for-impl_(@i) when (@i > 1)    {.for-impl_((@i - 1))}
.for-impl_(@i) when (@i > 0)    {.-each(extract(@array, @i))}



@light_gray_border:#bcbdc0;

// @bez_1: rgb(0,105,139);
@bez_1: rgb(245,186,24);
@bez_3: #a82824;
@bez_all: #333333; 
@bez_4: #fdb823; 
//@bez_7: #c47bbf;
@bez_7: rgb(128,116,182);
@bez_8: #5fb8ac;  
@bez_9: #00abe5;  
@bez_10: #f37043; 

@bez_22: #f37043;  
@bez_23: #bc82a8;  
@bez_18: #8cc63f;  

// added 14.01.2020
@bez_5: #c9322b;

//added 08.03.2021 / RB
@bez_15: #be1717; 

//added 08.12.2022 / RB
@bez_14: #cb1519;

@bez_nt: #188bc9;   
@bez_2l: #F28941;
@bez_3l: #F28941;


@bezirke:all,1,3,4,7,8,9,10,5,22,23,18,15,14,nt,2l,3l;







.define(@var) {
 @colorSet: "bez_@{var}";
 }

.for(@bezirke); .-each(@value) {
       body.root_bez@{value}
{

.define(@value);


body.home h1, h3.filled{padding:10px; background-color: @@colorSet; margin-bottom:20px; border-bottom:solid 0px;}
h1, a{color: @@colorSet;}

.footer_nav li {
  border-bottom-color: @@colorSet;
}
.mod_newslist h1, .mod_newslist h2{color:white; display:block;  background-color: @@colorSet; }

div#kalender_home {
  margin-top: 40px;
  border-top: solid 3px @@colorSet;
  border-bottom: solid 3px @@colorSet;
  padding-top: 5px;
   padding-bottom: 5px;
}

.blog_detail {
  border-bottom: solid 1px @@colorSet;

}

#team_detail h3 {
color: @@colorSet;
}

#tags_blog li.checked{color: @@colorSet;}

#main_nav li a, .title_bezirk, #main_nav li span {
  color: @@colorSet;
}


#box,#filter_kalender, #filter_kalender ul ul {background-color: @@colorSet; }

#slideout_headline{background-color: @@colorSet;}

#slideout, .newsletter, .various {background-color: @@colorSet;}
.various:hover {background-color: @@colorSet;}


#kategorien{background-color: @@colorSet; }




#back_link, .parent_blog .back {
background-color: @@colorSet; 
}
.event_item.more:hover{background-color: lighten(@@colorSet, 35%)}
.event_item {border-bottom: solid 1px @@colorSet; }

#sub_nav{background-color: @@colorSet; }
svg .svg_color, svg.svg_color {
 fill: @@colorSet; 
}


#icons_header li:hover  .svg_color{
 fill: #000; 
}

#slideout.opened, #slideout_headline.opened{
 background-color: @@colorSet; 
}



header,  #main_nav li span, #main_nav li a:hover, #main_nav li.trail a {
  border-bottom: solid 3px @@colorSet;
}
footer {
  border-top: solid 3px @@colorSet;
}




}	   
}
.text--center{
  text-align: center;
}