.pa25{padding:25px;}
.pa25{padding:25px;}
.pa50{padding:50px;}

.ta_c{text-align:center;}

/*header*/
#backend_header{background:#333; width:100%; padding:10px 2%; overflow:hidden; box-sizing:border-box;  height:9vh;}
         #be_header_left{width:30%; float:left;}
         #be_header_center{width:40%; float:left;}
         #be_header_right{width:30%; float:left;}

/*navigation*/
#backend_navigation{background:#007d85; box-sizing:border-box; width:100%; padding:10px 1.5vw; height:2vh; overflow:hidden;}

/*toolbar*/
#backend_toolbar, #backend_toolbar2{background:#ddd; padding:10px 1.5vw; overflow:hidden; float:left; width:13%; height:89vh; box-sizing:border-box;}
#backend_toolbar2{display:none; visibility:hidden;}

#backend_toolbar a:link, #backend_toolbar a:visited{font-size:14px; color:#333; text-decoration:none;}
#backend_toolbar a:hover, #backend_toolbar a:focus, #backend_toolbar a:active{font-size:14px; color:#007d85; text-decoration:underline;}


/*center*/
#backend_center{background:#ebebeb; padding:50px 15%; overflow:hidden; overflow-y:auto; float:left; width:87%; height:89vh; box-sizing:border-box; line-height:25px; font-size:15px;}
#backend_center a:link, #backend_center a:visited{font-size:14px; color:#007d85; text-decoration:none;}
#backend_center a:hover, #backend_center a:focus, #backend_center a:active{font-size:14px; color:#007d85; text-decoration:underline;}

#centerBox{width:100%; padding:25px 45px; box-sizing:border-box; background:#fff; border:1px solid #ccc; overflow:hidden;
         -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
         -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
         -o-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
         box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.75);
         opacity:0;
         }
         #centerBox.on{opacity:100;}

#centerInhalt1, #centerInhalt2, #centerInhalt3, #centerInhalt4, #centerInhalt5, #centerInhalt6, #centerInhalt7, #centerInhalt8, #centerInhalt9{opacity:0;}
         #centerInhalt1.on, #centerInhalt2.on, #centerInhalt3.on, #centerInhalt4.on, #centerInhalt5.on, #centerInhalt6.on, #centerInhalt7.on, #centerInhalt8.on, #centerInhalt9.on{opacity:100;}

#anlagenBox{float:left; text-align:left;}
/* Anlagen */
#anlagenBox a:link, #anlagenBox a:visited{font-size:14px; color:#333; text-decoration:none;}
#anlagenBox a:hover, #anlagenBox a:focus, #anlagenBox a:active{font-size:14px; color:#007d85; text-decoration:underline;}

/* Lebenslauf */
#profilImg{width:200px; float:left;}

.centerCenter, .centerLeft, .centerRight{float:left; width:100%;}
.centerLeft{width:50%;}
.centerRight{width:50%;}

.bewerbungText{font-size:45px;}


.bewegung1, #centerBox{
           -webkit-transition: all 1s;
           transition: all 1s;
           -moz-transition: all 1s;
           -o-transition: all 1s;
           }

#centerInhalt1, #centerInhalt2, #centerInhalt3, #centerInhalt4, #centerInhalt5, #centerInhalt6, #centerInhalt7, #centerInhalt8, #centerInhalt9{
           -webkit-transition: all 2s;
           transition: all 2s;
           -moz-transition: all 2s;
           -o-transition: all 2s;
           }


@media screen and (max-width:1024px){
         #backend_header{height:9vh;}
         #backend_toolbar{display:none; visibility:hidden;}
         #backend_toolbar2{height:7vh; display:block; visibility:visible;}
         #backend_center{height:84vh; padding:50px 5% 150px 5%;}
         #backend_toolbar2, #backend_center{width:100%;}
         select{width:100%; height:25px;}
         .pa25{padding:15px;}
}

@media screen and (max-width:750px){
         .pa25{padding:5px;}  
}

@media screen and (max-width:600px){
         #backend_center{font-size:11px;}
         #centerBox{padding:25px 15px;}
         #profilImg{width:150px; float:right; margin-top:75px;}
         #backend_center a:link, #backend_center a:visited, #backend_center a:hover, #backend_center a:focus, #backend_center a:active {font-size:10px;}
}