.checklist-position{ 
	position: fixed;
    right: 50px;
    top: 70px;
	z-index: 5;
	}

.checklist-button{cursor: pointer;}
.checklist-button img{width: 100px;}

.checklist-toggle {
    visibility: hidden;
    position: fixed;
    width: 530px;
	right: 180px;
    top: 85px;
    background: var(--vertikal-verlauf);
    padding: 5px;
    border-radius: 10px;
	text-align: left;
	z-index: 5;

}

#bw-info{
    background: var(--content);
    border: solid 1px var(--transparentlight);
    margin: 10px;
}

.checklist-toggle.checklist-toggle-show{
	visibility: visible;}

.weather{position: relative;}
.weather .weather-icon{    position: absolute;
    font-size: 75px;
    opacity: 0.2;
    z-index: 1;
    bottom: 5px;
    right: -10px;
}

.weather .weather-text {
    position: relative;
    z-index: 2;
    margin: 5px;
    font-size: 10px;
    height: 85px;
    text-align: justify;
    padding: 10px;
    margin-right: 15px;
    margin-top: 15px;
    overflow: auto;
}

#header-nav {
    background: var(--content);
    border-bottom: 1px solid var(--border);
    height: 35px;
	width: 100%;
    position: fixed;
    top: 0px;
   z-index: 15;
}

#header-nav #points{    
	position: absolute;
    z-index: 16;
    top: 2px;
    left: 10px;
    letter-spacing: -1px;
    font-size: 20px;}

#header-nav #points .p1{ color: var(--font1)}

#header-nav #points .p2{ color: var(--font2)}

#header-nav #points .p3{color: var(--font3)}

#header-nav #userbar {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 525px;
    height: 25px;
    display: grid;
    grid-template-columns: 1fr 15px 100px 100px 105px 35px 35px;
    text-transform: uppercase;
    font-size: 10px;
    background: var(--content);
}


#header-nav #userbar #headusername {
    text-align: right;
    padding-right: 5px;
}

#header-nav #userbar #switcher{ position: relative; }
#header-nav #userbar #switcher .icon{font-size: 15px;}

#header-nav #userbar #alerts {
    position: relative;
    text-align: right;
    margin-right: 10px;
}

#header-nav #userbar #alerts .icon {
    position: absolute;
    font-size: 15px;
    opacity: 0.5;
    left: 10px;
}


#header-nav #userbar #messages {
    position: relative;
    text-align: right;
    margin-right: 16px;
}

#header-nav #userbar #messages .icon {
    position: absolute;
    font-size: 15px;
    opacity: 0.5;
    left: 10px;
}

#header-nav #userbar #scenes {
    position: relative;
    text-align: right;
    margin-right: 10px;
}

#header-nav #userbar #scenes .icon {
    position: absolute;
    font-size: 15px;
    opacity: 0.5;
    left: -2px;
}

#header-nav #userbar #ucp{position: relative; }
#header-nav #userbar #ucp .icon{    position: absolute;
    font-size: 15px;
    opacity: 0.5;
    left: 10px;}


#header-nav #userbar #off{position: relative; }
#header-nav #userbar #off .icon{    position: absolute;
    font-size: 15px;
    opacity: 0.5;
    left: 10px;}

#header {
   height: 720px;
    width: 1100px;
    background: var(--secondcontent);
    margin: auto;
	    padding-top: 40px;
    border-radius: 0px 0px 25px 25px;
    margin-bottom: 25px;

}

#header #header-sections {
    display: grid;
    grid-template-columns: 600px 1fr;
	position: relative;
}

#header #header-sections  #minilogo{}
#header #header-sections #minilogo img {
    border-radius: 10px;
    background: var(--border);
    padding: 10px;
    border: solid 1px var(--secondcontent);
}


#team #team-pics  img {
	 border-radius: 10px;
    width: 50px;
    margin: 5px;
    border: solid 3px var(--content);
	
	    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}


#team #team-pics  img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);}


#second-nav {
    display: flex;
    justify-content: space-between;
    height: 20px;
    padding: 10px;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: .5px;
    margin: 0px 0px 25px;
	position: relative;
}


#second-nav a:link, #second-nav a:visited, #second-nav .nav-bit a:active{ 
	flex: 1 0;
    margin: 0 3px;
    text-align: center;
    color: var(--font2);
	transition: all 1s ease-out;
}

#second-nav a:hover{
	color: var(--font3);
}


#news {
    margin: 10px;
    background: var(--content);
    border: solid 10px var(--border);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 85px 1fr;
}

#news .headline {
    border-bottom: solid 1px var(--border);
    text-transform: uppercase;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: var(--font3);
    background: var(--back);
    text-align: center;
    padding-top: 15px;
}


#news .text {
    height: 45px;
    overflow: auto;
    font-size: 10px;
    padding: 5.5px;
    padding-right: 10px;
    text-align: justify;
}

#news .content{    padding: 5px;}

#news .content .scroller{
    height: 139px;
    overflow: auto;
    font-size: 10px;
    text-align: justify;
    padding-right: 10px;
}


.points {
    margin-top: -1px;
    margin-right: 10px;
    float: left;
}

.points .p1{ color: var(--font1)}

.points .p2{ color: var(--font2)}

.points .p3{color: var(--font3)}




#calendar {
    margin: 10px;
    background: var(--border);
    border: solid 1px var(--secondcontent);
    padding: 10px;
    border-radius: 10px;
}


#calendar #parts {
    display: grid;
    grid-template-columns: 300px 1fr 1fr 1fr 1fr;
    padding: 10px;
    background: var(--content);
    border: solid 1px var(--transparentlight);

}

#kalender img{
    width: 76px;
    border: solid 2px var(--border);
    margin-top: 8px;
    border-radius: 7px;
}


.trigger2{cursor: pointer;}

.modal-accountswitcher {
    position: absolute;
	top: 26px;
    left: -150px;
    visibility: hidden;
    width: 165px;
    background: var(--border);
}

.icon .show-accountswitcher{visibility: visible;}



#accountlist {
    padding: 5px;
	padding-bottom: 10px;
}

#accountlist .accountbit{
	font-size: 10px;
    text-align: right;
    padding: 2px;}

#teamlinks {
    position: fixed;
    top: 50px;
    left: 5px;
    width: 60px;
    text-transform: uppercase;
    justify-content: space-between;
    text-align: center;
}

#teamlinks a:link, #teamlinks a:active, #teamlinks a:visited {
    color: var(--content);
    font-size: 30px;
    font-weight: bold;
    text-decoration: underline;
    letter-spacing: 1px;
}

#teamlinks a:hover{color: var(--darkcolor);}

.month-bit{}

.month-bit .month {
    font-family: 'Mulish', sans-serif;
    text-transform: uppercase;
    padding: 2.5px;
	font-weight: bold;
    font-size: 17px;
}

 .weekdaysbit {
    text-align: right;
    text-transform: uppercase;
    font-size: 10px;
}

.month-bit .numberdays {
    text-align: right;
    font-size: 10px;
    width: 95%;


}
.month-bit .numberdays .numberdaysbit{    font-size: 10px; text-align: right;}

.right-section{}

.left{
    display: grid;
    grid-template-columns: 330px 1fr;
}

.left .head-box{background: var(--border);
    border: solid 1px var(--secondcontent);
    border-radius: 10px;}

.left .head-box .box-frame {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    margin: 10px;
    display: grid;
    grid-template-columns: 210px 1fr;
}






.left .head-box .box-frame .text{    text-align: justify;
    font-size: 10px;
    padding: 10px;
    height: 95px;
    overflow: auto;
        margin: 5px;
    margin-bottom: 0;}


.left .head-box .box-frame .news-icon{
    background: var(--font1);
    color: var(--content);
    font-size: 35px;
    padding-top: 25px;
}

.left .head-box .box-frame .header-titel {
    background: var(--darkcolor);
    color: var(--content);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
    font-family: 'Mulish';
}

.board-info{
    background: var(--border);
    border: solid 1px var(--secondcontent);
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
}

.board-info .frame {
    background: var(--content);
    border: solid 1px var(--transparentlight);
    margin: 10px;
}


.board-info .frame .titel {
    font-family: 'Mulish';
    font-size: 20px;
    color: var(--font3);
    text-align: right;
    padding: 5px;
    padding-right: 10px;
    border-bottom: solid 5px var(--darkcolor);
    margin: 15px;
    margin-top: 0;
    margin-bottom: 0;
}


.board-info .frame .text {
    height: 60px;
    overflow: auto;
    margin: 10px;
    padding-right: 15px;
    text-align: justify;
    font-size: 10px;
}

.newspic{
    border-radius: 10px;
    background: var(--border);
    padding: 10px;
    border: solid 1px var(--secondcontent);

}

.team {
    display: grid;
    grid-template-columns: 75px 75px 75px;
    padding: 10px;
}

.team .team-pic {
    width: 60px;
    border-radius: 5px;
    padding: 2.5px;
    background: var(--font3);
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -ms-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.team .team-pic:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);}

.activity {
    padding-top: 10px;
}

.activity .namediv {
    background-image: var(--light-verlauf);
    font-size: 8px;
    margin: 5px;
    border-radius: 2.5px;
    text-transform: uppercase;
    color: var(--back);
    padding: 2px;
}

.activity .namediv a:link,
.activity .namediv a:active,
.activity .namediv  a:visited{color:var(--link1)}
.activity .namediv  a:hover{color:var(--link3)}


.postingwoche_counter {
    background: var(--secondcontent);
    width: 190px;
    position: fixed;
    bottom: 100px;
    box-sizing: border-box;
    padding: 10px;
    left: 15px;
    border: 1px solid var(--background-light);
    border-radius: 15px;
    z-index: 20;
    text-align: left;

}

.postingwoche_headline {
    letter-spacing: 1px;
    font-family: 'Mulish', sans-serif;
    color: var(--darkcolor);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.postingwoche_subline {
    color: var(--font1);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}

.postingwoche_ziele {
    margin: 5px;
    margin-left: 0;
}

.postingwoche_ziele b {
    color: var(--darkcolor);
    font-size: 11px;
}

.postingwoche_link {    
}

.postingwoche_link a:link,
.postingwoche_link a:hover,
.postingwoche_link a:visited,
.postingwoche_link a:active {
    color: var(--darkcolor);
}