/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

/*DEV TMP*/
code, pre, var, kbd, samp {
    background: #000000;
}


 /*MAIN SETTINGS*/
body{
    background-color: #f7f7f7;
}

h1, .h1 {
    font-size: 1.8rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

tr, td, th {
    padding:2px 8px 2px 8px;
    font-size: 0.95em;
}

.node {
    background-color: #ffffff;    
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

 .site-branding__logo-img{
    max-width: 60px;
 }

a, a:visited, .menu .menu__link{
    color:#ae3636;
}

.attribution__link{
    display: none;
}

.pr-navbar {
    background-color: #ae3636 ;
}

.views-table{
    width: 100%;
}

.views-table thead tr{
    background-color: #cf6363;
    color:white;
}

.form-item select, .form-item input, .button{
    font-family: "Roboto";
    font-size: 0.9em;
}

button, .button {
    color: #fcfcfc;
    background-color: #ae3636;
    border-color: #ae3636;
}

button:hover, button:focus, .button:hover, .button:focus {
  opacity: 1;
  color: #fcfcfc;
  background-color: #cf6363;
}

/*FRONTPAGE*/
.node--id-4{
    display: none;
}

/*MENU*/
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link.is-active,
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > .menu__link:hover{
    background-color: #cf6363;
    color: #f7f7f7;
}

/*PDF SETTINGS*/
.link-to-pdf{
    margin-top: 40px;
}

/* SuS OVERVIEW*/

.node--type-sus .field__label{
    width: 100px;
}

.node--type-sus .field-entity-reference-type-taxonomy-term .field__item {
    margin: 0;
 }

.view-bewertungen-zu-sus .table__caption{
    display:none;
}

.view-bewertungen-zu-sus .view-content{
    font-size: 1.2em;
    font-weight: bold;
}

.view-bewertungen-zu-sus .view-content .table{
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 10px;
}

.view-bewertungen-zu-sus .views-field-field-bewertung-durchschnitt{
    text-align: center;
}

.form-actions .button {
    margin-top: 10px;
}

#views-exposed-form-sus-uebersicht-block-1 .description{
    display: none;
}

/*SuS EDIT FORM*/
.node-sus-edit-form .layout-region-node-secondary{
    display: none;
}


/*WEBFORM*/
.path-webform .tabs, .webform-single-submit .tabs{
    display: none;
}

body[data-once="form-single-submit webform-single-submit big-pipe-early-behaviors"] .tabs,
body[data-once="form-single-submit webform-single-submit big-pipe-early-behaviors"] .webform-submission-pager,
body[data-once="form-single-submit webform-single-submit big-pipe-early-behaviors"] .webform-submission-information{
  display: none;
}

.webform-type-radios legend{
    display: contents;
}
.fieldset__label{
  text-transform: none;
}
.form-item, .form-radios, .form-checkboxes {
  margin: 0;
}
.form-type-radio{
  width: 210px;
  float: left;
}
.form-type-radio .description{
  display: none;
}
.radios--wrapper{
  background-color: #ffffff;
  padding: 5px;
  margin-bottom: 10px;
}
.block-config-provider--help{
  display: none;
}

.form-type-webform-markup{
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 20px;
}

.form-type-webform-markup p{
    font-size:0.8em;
    margin-bottom: 0;
}
.form-item-name-sus{
    margin-bottom: 30px;
}

#block-assessment-tool-theme-local-tasks{
    display: none;
}

.webform-submission-information, .webform-submission-pager, .webform-submission-navigation {
    display: none;
}


/* USER PROFILE */
.user-form .form-item{
    margin-top: 20px;
}
.user-form .form-type-checkbox{
    margin-top: 0;
}
.form-type-checkbox label.option {
    background-color: #f7f7f7;
}

/*FOOTER*/
.pr-footer table {
    width:100%;
}

.pr-footer tr, td, th {
    border: 0;
    vertical-align: top;
}

.pr-footer tr:hover {
  background-color: #666666;
}

.pr-footer .field-type-text-with-summary img{
  max-width: 50px;
}



/* HOUSE CHART*/

* {
    box-sizing: border-box;
}

#block-ubersichtbewertungengrafik .school-subject-container{
    background-color: white;
    padding-top:2px;
    margin-top: 10px;
}


.table_spectrum{
    margin-top: 30px;
}

.cell_right{
    text-align: right;

}

.subject-heading {
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 1em;
}


.competence-heading {
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
}

.house-container {
    display: inline-block;
    padding: 0 1%;
    width:20%;
}

.triangle {
    width: 100%;
    height: 0;
    border-left: 58px solid transparent;
    border-right: 58px solid transparent;
    border-bottom: 50px solid #ae3636;
    
}

.square {    
    height: 250px;
    width: 100%;
    padding-top: 109px;
    padding-bottom: 28px;
    padding-left: 38px;
    padding-right: 50px;
   /* margin-left:10px;*/
}


/*Different padding for houses with flat roof*/
.graph_id_44 .square, .graph_id_45 .square, .graph_id_46 .square, .graph_id_47 .square,
.graph_id_40 .square, .graph_id_41 .square, .graph_id_42 .square, .graph_id_43 .square,
.graph_id_95 .square, .graph_id_38 .square, .graph_id_37 .square, .graph_id_32 .square, 
.graph_id_36 .square, .graph_id_51 .square, .graph_id_50 .square{
    padding-top: 115px;
    padding-bottom: 20px;
}


.rectangle {
    box-sizing: border-box;
    width: 100%;
    height: 16%;
    /*border-top-left-radius: 3px;*/
    /*background-color: rgb(255, 255, 255);*/
    border-width: 1px;
    border-color:white;
    border-style: solid; 
    /*margin: 1% 2%;*/
}



.competence-rectangle-description {
    height: 100%;
    margin:0 auto;
}

.school-grade-text {
    color: white;
    height: 100%;
    font-size: 0.75em;
    margin: 0 0.125em;
}

.competence-rectangle-description p {
    
    font-size: 0.8em;
    position: relative;
    bottom: 0.25em;
}

.grade_1 {
    width: 85%;
    margin-left: 13%;
}

.grade_2 {
    width: 80%;
    margin-left:18%;
}

.grade_3 {
    width: 72%;
    margin-left:26%;
}
.grade_4 {
    width: 61%;
    margin-left: 37%;
}

.grade_5 {
    width: 50%;
    margin-left: 48%;
}

.grade_6 {
    width: 40%;
    margin-left: 58%;
}
/*.white_0{background-color: rgb(0,0,0);}*/
.white_0{background-color: gray;}
.red_0{background-color: rgb(256,0,0);}
.red_1{background-color: rgb(256,26,0);}
.red_2{background-color: rgb(256,51,0);}
.red_3{background-color: rgb(256,77,0);}
.red_4{background-color: rgb(256,102,0);}
.red_5{background-color: rgb(256,128,0);}
.red_6{background-color: rgb(256,154,0);}
.red_7{background-color: rgb(256,179,0);}
.red_8{background-color: rgb(256,205,0);}
.red_9{background-color: rgb(256,230,0);}
.yellow_0{background-color: rgb(256,256,0);}
.yellow_1{background-color: rgb(230,256,0);}
.yellow_2{background-color: rgb(205,256,0);}
.yellow_3{background-color: rgb(179,256,0);}
.yellow_4{background-color: rgb(154,256,0);}
.yellow_5{background-color: rgb(128,256,0);}
.yellow_6{background-color: rgb(102,256,0);}
.yellow_7{background-color: rgb(77,256,0);}
.yellow_8{background-color: rgb(51,256,0);}
.yellow_9{background-color: rgb(26,256,0);}
.green_0{background-color: rgb(0,256,0);}
.green_1{background-color: rgb(0,230,26);}
.green_2{background-color: rgb(0,205,51);}
.green_3{background-color: rgb(0,179,77);}
.green_4{background-color: rgb(0,154,102);}
.green_5{background-color: rgb(0,128,128);}
.green_6{background-color: rgb(0,102,154);}
.green_7{background-color: rgb(0,77,179);}
.green_8{background-color: rgb(0,51,205);}
.green_9{background-color: rgb(0,26,230);}
.blue_0{background-color: rgb(0,0,256);}


/*Backgroud Images*/

.background_image_graph{        
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.graph_id_16{background-image: url('/sites/default/files/house_graph/zahlenraum.png');}
.graph_id_17{background-image: url('/sites/default/files/house_graph/operationen.png');}
.graph_id_18{background-image: url('/sites/default/files/house_graph/geometrie.png');}
.graph_id_19{background-image: url('/sites/default/files/house_graph/groessen.png');}
.graph_id_31{background-image: url('/sites/default/files/house_graph/schnelles-erfassen.png');}
.graph_id_32{background-image: url('/sites/default/files/house_graph/selbstaendigkeit.png');}
.graph_id_33{background-image: url('/sites/default/files/house_graph/ausdauer.png');}
.graph_id_34{background-image: url('/sites/default/files/house_graph/sorgfaeltig-arbeiten.png');}
.graph_id_35{background-image: url('/sites/default/files/house_graph/mitarbeit-im-unterricht.png');}
.graph_id_36{background-image: url('/sites/default/files/house_graph/teamarbeit.png');}
.graph_id_37{background-image: url('/sites/default/files/house_graph/erledigen-der-aufgaben.png');}
.graph_id_38{background-image: url('/sites/default/files/house_graph/regeln-einhalten.png');}
.graph_id_40{background-image: url('/sites/default/files/house_graph/natur-technik.png');}
.graph_id_41{background-image: url('/sites/default/files/house_graph/wirtschaft-haushalt-arbeit.png');}
.graph_id_42{background-image: url('/sites/default/files/house_graph/raum-zeiten-gesellschaft.png');}
.graph_id_43{background-image: url('/sites/default/files/house_graph/ethik.png');}
.graph_id_44{background-image: url('/sites/default/files/house_graph/lesen.png');}
.graph_id_45{background-image: url('/sites/default/files/house_graph/schreiben.png');}
.graph_id_46{background-image: url('/sites/default/files/house_graph/sprechen-und-verstehen.png');}
.graph_id_47{background-image: url('/sites/default/files/house_graph/sprache_im_fokus.png');}
.graph_id_49{background-image: url('/sites/default/files/house_graph/singen-sprechen.png');}
.graph_id_50{background-image: url('/sites/default/files/house_graph/tanzen.png');}
.graph_id_51{background-image: url('/sites/default/files/house_graph/instrumente.png');}
.graph_id_52{background-image: url('/sites/default/files/house_graph/rhythmik.png');}
.graph_id_54{background-image: url('/sites/default/files/house_graph/laufen-springen-werfen.png');}
.graph_id_55{background-image: url('/sites/default/files/house_graph/bewegung-an-geräten.png');}
.graph_id_56{background-image: url('/sites/default/files/house_graph/spielen.png');}
.graph_id_57{background-image: url('/sites/default/files/house_graph/schwimmen.png');}
.graph_id_94{background-image: url('/sites/default/files/house_graph/ttg.png');}
.graph_id_95{background-image: url('/sites/default/files/house_graph/bg.png');}