body,html {
    height: 100%;
    margin: 0;
    padding: 0;
}

.captchaImage {
    background-image: url('/captcha');
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-top: 10px;
}


.bodyadmin{background:#5a328c}
.bodytrainermodus{background:#009678}
.bodyblack {background: black}
.bodyangebote {background: #cccccc; margin-top: 20px}
.bodyangebote2 {text-align: center; padding: 15px; font-weight: bold; font-size: large; color: #b9002d}


.cardone {width: 98%; margin: 10px}
.cardquiz {min-width: 600px; float: left; margin: 10px}
.cardresult {width: 810px; float: left; margin: 10px}
.cardlogo {height: 50px; margin: 10px 0 20px 0}
.cardlogoimg {height: 50px; display: block; margin: 0 auto;}

.center {text-align: center; }
.checkboxklein {margin: 0 0 0 0}
.christival_logo {background: none; width: 100px; }


.divideradmin {background-color: #551e82}
.dividerleft {margin: 15px 0 0 0}
.dividercenter {text-align: center; margin-top: 10px; font-size: large; font-weight: bold}
.dividerone {float: left; padding: 10px}
.dividerright {border-left: 1px solid white}
.dividertc {background-color: #b9002d}
.dividerlog {background-color: #b9002d}

.eProfil_logo {background: none; width: 90px; }
/* @media-Anpassung ab 768px s. ganz unten! */
.eProfil_logo_div { background: none;float: right;margin-right: 15px; margin-top: 10px;}

.evaluationprintborder {position: relative; width: 21cm; height: 29cm; border: 1px solid black; background-color: white }
.evaluationprintborderFW {position: relative; width: 14cm; height: 16cm;  }
.evaluationprintborderNetz {position: relative; width: 21cm; height: 22cm; border: 1px solid black; background-color: white }
.evaluationprintborderWerte {position: relative; width: 14cm; height: 14cm;  }

.fontgrau {color: #b9bec3}
.fontrot {color:#b9002d}
.fontweiss {color: white}
.fontbold {font-weight: bold}

.fontklein {font-size: small}

.head { background: #b9002d; width: 98%; height: 40px; border-radius: 5px; margin: 10px 15px 0 15px;}
.headAB { background: #69166a; width: 98%; height: 40px; border-radius: 0 0 0 20px; margin: 10px 15px 0 15px;}
/* @media-Anpassung ab 768px s. ganz unten! */
.head2 { background: transparent; width: 98%; height: 20px }

.icon10 {width: 10px;}
.icon15 {width: 15px;}
.icon20 {width: 20px;}
.icon30 {width: 30px;}
.icon30_30 {width: 30px; height: 30px}
.icon50 {width: 50px;}
.icon30-section {width: 30px;margin: 5px 15px 5px 5px; }

.image-badge {display: inline-block; width: 2em;height: 2em; padding: 0.1em; border-radius: 50%; background: #1779ba;overflow: hidden}
.image-badge-large {display: inline-block; width: 4em; height: 4em; padding: 0.1em; border-radius: 50%; background: #1779ba;overflow: hidden}
.image-badge-mid {display: inline-block; width: 3em; height: 3em;  border-radius: 50%; background: #1779ba;overflow: hidden}
.image-badge-trainer-mid {display: inline-block; width: 3em; height: 3em; border-radius: 50%; background: #1779ba;border-style: solid; border-width: 3px; border-color: #009678;overflow: hidden}
.image-badge-forum {display: inline-block; width: 3em; padding: 0.1em; border-radius: 50%; background: #1779ba;overflow: hidden}
.image-badge-trainer-forum {display: inline-block; width: 3em; padding: 0.1em; border-radius: 50%; background: #1779ba;border-style: solid; border-width: 3px; border-color: #009678;overflow: hidden}

.input_div_float {float: left; margin-left: 20px}
.input_div_clear {clear: left; margin-left: 20px}
.input-group-label_left {border-radius: 5px 0 0 5px;}
.input-group-field_center {border-radius: 0 0 0 0;}
.input_text {max-height: 30px; padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-radius: 5px; background-color: #eef6f8; border: 1px solid #9bc8d2}
.input_text_regi {max-height: 30px; width: 350px; padding: 5px 5px 5px 5px; margin: 0 0 0 0; border-radius: 5px; background-color: white; border: 1px solid #9bc8d2}
.input_choice_regi {max-height: 30px; width: 150px;  margin: 0 0 0 0; border-radius: 5px; background-color: white; border: 1px solid #9bc8d2}
.input_width350 {max-height: 30px; width: 350px;}

/* Registrierung */

form[name=app_bundle_registration_form] ul {
    list-style: none;
}
form[name=app_bundle_registration_form] ul li{
    color: red;
    font-weight: bold;
}

/* Ende Registrieung */


.leinwandbild {width: 200px}
.leinwandbutton {width: 90px; height: 20px; font-size: 10px; font-weight: bold}
.leinwandbuttonklein {width: 40px; height: 12px; font-size: 6px; font-weight: bold}
.lwbuttondiv {position: absolute; top: 390px;left: 20px;font-family: Verdana, Geneva, sans-serif; }
.lwcontent {position: absolute ;top: 60px;left: 20px;width: 460px;height: 330px; overflow: auto; font-size: 100%;}
.lwcontenttitle {position: absolute ;top: 20px;left: 20px;width: 460px;height: 30px;font-family: Verdana, Geneva, sans-serif;font-size: 20px;background-color:#ebf0fa; padding-left: 10px}
.lwcontentbild {position: absolute ;top: 20px;left: 20px;max-width: 460px;max-height: 460px;font-family: Verdana, Geneva, sans-serif;font-size: 20px;}
.lwcontentklein {position: absolute ;top: 30px;left: 10px;width: 230px;height: 180px; overflow: auto; font-family: Verdana, Geneva, sans-serif;font-size: 7px;}
.lwcontenttitleklein {position: absolute ;top: 10px;left: 10px;width: 230px;height: 15px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;background-color:#ebf0fa; padding-left: 10px}
.lwcontentbildklein {position: absolute ;top: 10px;left: 10px;max-width: 230px;max-height: 190px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;}

.leinwandvoransicht {position: relative; }
.leinwandvoransichtklein {position: relative; width: 250px; height: 220px; font-family: Verdana, Geneva, sans-serif;font-size: 10px;}




.lernraum-div {position: relative; float: left; width: 340px; height: 191px;overflow: hidden  }
.lernraum_menue-div {position: absolute; top:0; left:340px; width: auto; height: 191px; min-width:20px; background-color:black; overflow: auto}
.lernraum_menue-icon{border-radius: 5px; background: black; margin: 10px 5px 10px 5px;}
.lernraum_leer-img {position: absolute; top: 0; left: 0; width: 100%;  z-index: 1;}
.lernraum_Tische-img {position: absolute; top: 0; left: 0; width: 100%;  z-index:  2;}
.lernraum_lamp {position: absolute; top: 0; left: 0; width: 100%;  z-index: 2;}
.lernraum_Namensschild-img {position: absolute; top: 74%; left: 69%; width: 9%;  z-index:  3;}
.lernraum_tisch_links-img {position: absolute; top: 73%; left: 6%; width: 36%;  z-index:  3;}
.lernraum_tisch_rechts-img {position: absolute; top: 75%; left: 69%; width: 36%;  z-index:  3;}
.lernraum_metaplanwand_tisch_links-img {position: absolute; top: 70%; left: 3.5%; width: 36%;  z-index: 5;}
.lernraum_metaplanwand_tisch_rechts-img {position: absolute; top: 70%; left: 69%; width: 36%;  z-index: 5;}
.lernraum_area_schrank {position: absolute; top: 51%; left: 4%; width: 16%; min-height: 45%; z-index: 5; cursor: pointer;}
.lernraum_area_schrank1 {position: absolute; top: 15%; left: 16%; width: 16%; min-height: 60%; z-index: 5; cursor: pointer; }
.lernraum_area_tischli {position: absolute; top: 75%; left: 21%; width: 16%;min-height: 15%;  z-index: 5; cursor: pointer}
.lernraum_area_tischre {position: absolute; top: 79%; left: 69%; width: 18%; min-height: 11%;  z-index: 5; cursor: pointer}
.lernraum_area_namensschild {position: absolute; top: 74%; left: 70%; width: 7%; min-height: 5%; line-height: 1em; font-family: "Comic Sans MS"; font-size: 45%; z-index: 5; cursor: pointer}
.lernraum_area_namensschild1 {position: absolute; top: 87%; left: 67%; width: 9%; min-height: 10%; line-height: 1em; font-family: "Comic Sans MS"; font-size: 90%; z-index: 5; cursor: pointer}
.lernraum_area_namensschild2 {position: absolute; top: 87%; left: 67%; width: 9%; min-height: 10%; line-height: 1em; font-family: "Comic Sans MS"; font-size: 90%; z-index: 5; cursor: pointer}
.lernraum_area_tuer {position: absolute; top: 18%; left: 96%; width: 3%;min-height: 65%; z-index: 5;cursor: pointer}
.lernraum_area_tuer1 {position: absolute; top: 18%; left: 93%; width: 6%;min-height: 65%; z-index: 5;cursor: pointer}
.lernraum_uhr {position: absolute; top: 0; left: 0; width:80%; height:12%; z-index: 5;transform: scale(0.3);}
.lernraum_area_flip {position: absolute; top: 21%; left: 87.5%; width: 10.5%; height: 28%; z-index: 5; cursor: pointer; perspective:300px; perspective-origin: 20% 0;}
.lernraum_area_flip1 {position: absolute; top: 18.8%; left: 84.5%; width: 9.5%; height: 33%; z-index: 5; cursor: pointer; perspective:1000px; perspective-origin: 18% 24%;}
.lernraum_flip {position: absolute; height: 100%; z-index: 4; cursor: pointer; transform: rotateY(-70deg);}
.lernraum_flip_img {height: 100%;}
.lernraum_flip_list {position: absolute; left:7%; top:20%; width: 86%; height: 80%; overflow: hidden; z-index: 5; cursor: pointer; transform: rotateY(-70deg); }
.lernraum_flip_list_line {font-size: 0.1em; margin-top: 0;margin-bottom: 5%; }
.lernraum_dropdown_pane {position: relative; width: 100px; height: 120px}
.lernraum_flip_big_div {position: absolute; width: 100%; height: 100%; float: left; cursor: default}
.lernraum_flip_big_img {position: absolute; top: 0; left: 0;z-index: 6;}
.lernraum_flip_big_exit {position: absolute; top: 0; width: 10%; left: 90%;z-index: 7; cursor: pointer}
.lernraum_flip_big_list {position: absolute; left: 4%; top: 20%; width: 95%; height: 90%; overflow: auto; z-index: 8; font-size: 60%;}
.lernraum_flip_big_icon {width: 5%;}
.lernraum_flip_small_div {position: absolute;top: 15%; left: 18%; width: 32%;  z-index: 1;}
/*.lernraum_flip_small_img {height: 100%;}*/
.lernraum_flip_smallchart_img {position: absolute;top: 3%; left: 17%; width: 66%;}
.lernraum_flip_small_header {position: absolute;top: 4%; left: 27%; width: 45%;font-size: 70%; text-align: center; line-height: 0.8;    white-space: normal;
    word-break: break-word;}
.lernraum_flip_small_list {position: absolute; left: 24.5%; top: 27%; width: 19%; height: 40%; overflow: auto; z-index: 8; font-size: 60%;}
.lernraum_flip_small_icon {width: 7%;}

.lernraum_leinwand_pulldown {position: absolute; left: 47.7%; top: 5.3%; width: 41%; height: 65%; z-index: 3; overflow: hidden;
    animation: pulldown 2s linear 0s 1 forwards;}
.lernraum_leinwand_pulldown1 {position: absolute; left: 46.2%; top: 5.3%; width: 41%; height: 65%; z-index: 3; overflow: hidden;
    animation: pulldown 2s linear 0s 1 forwards;}
@keyframes pulldown {0% {height: 0;} 50% {height: 0;} 100% {height:65%;}}
.lernraum_leinwand_stay {position: absolute; left: 47.7%; top: 5.3%; width: 41%; height: 65%; z-index: 3; overflow: hidden;}
.lernraum_leinwand_stay1 {position: absolute; left: 46.2%; top: 5.3%; width: 41%; height: 65%; z-index: 3; overflow: hidden;}
.lernraum_leinwand_unten {position: absolute; left: 4%; top: 0; width: 92%;  z-index: 4; }
.lernraum_leinwand2_unten {position: absolute; left: 3%; top: 95%; width: 97%;  z-index: 4; }
.lernraum_beamer {position: absolute; left: 5%; top: 2%; width: 90%; height: 92%; z-index: 5; background-color: white;}
.lernraum_leinwand_header {position: absolute; left: 7%; top: 5%; width: 85%; overflow: auto; z-index: 6;font-size: 50%;background-color:#d7e1f7;padding-left: 10px  }
.lernraum_leinwand_starttext {position: absolute; left: 7%; top: 25%; width: 44%; height: 65%; overflow: auto; z-index: 6;font-size: 50%  }
.lernraum_leinwand_logo {position: absolute; left: 53%; top: 25%; width: 36%; z-index: 6;  }
.lernraum_leinwand_startbutton {position: absolute; left: 53%; top: 80%; width: 36%; height: 8%; z-index: 6;}
.lernraum_leinwand_content {position: absolute; left: 7%; top: 15%; width: 85%; height: 70%; overflow: auto; z-index: 6;font-size: 50%;  }
.lernraum_leinwand_button_div {position: absolute; top: 86%;left: 7%;z-index: 6; width: 87%; height: 6%; font-size: 50%;}
.lernraum_leinwand_button1 {position: absolute; top: 0; left: 0; min-width: 19%; height: 90%; padding-top: 1%;font-size: 50%;}
.lernraum_leinwand_button2 {position: absolute; top: 0; left: 20%; width: 19%; height: 90%; padding-top: 1%;font-size: 50%;}
.lernraum_leinwand_button3 {position: absolute; top: 0; left: 40%; width: 19%; height: 90%; padding-top: 1%;font-size: 50%;}
.lernraum_leinwand_button4 {position: absolute; top: 0; left: 60%; width: 19%; height: 90%; padding-top: 1%;font-size: 50%;}
.lernraum_leinwand_button5 {position: absolute; top: 0; left: 80%; width: 19%;; height: 90%; padding-top: 1%;font-size: 50%;}
.lernraum_leinwand_footer {position: absolute; left: 0; top: 93%; width: 85%; overflow: auto; z-index: 5;font-size: 70%  }
.lernraum_leinwand_video{position: absolute; width: 100%; height: 100%; overflow: auto; z-index: 7; }
.lernraum_vortrag_div {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden}
.lernraum_vortrag {position: absolute; left: -2px; top: -2px; width: 100%; height: 100%; z-index: 2;}
.lernraum_vortrag_button_div {position: absolute; top: 96%;left: 45%;z-index: 6; width: 120px; height: 4%; font-size: 100%;}
.lernraum_vortrag_button {position: absolute; width: 90%; height: 100%; padding-top: 1%;font-size: 100%;}


/* Hover-Hervorhebungen */
.lernraum_area_schrank:hover,
.lernraum_area_schrank1:hover,
.lernraum_area_tischli:hover,
.lernraum_area_tischre:hover,
.lernraum_area_flip:hover,
.lernraum_area_flip1:hover,
.lernraum_area_tuer:hover,
.lernraum_area_tuer1:hover  {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Tooltip-Box */
.lernraum_area_schrank::after,
.lernraum_area_schrank1:after,
.lernraum_area_tischli:after,
.lernraum_area_tischre:after,
.lernraum_area_flip:after,
.lernraum_area_flip1:after,
.lernraum_area_tuer:after,
.lernraum_area_tuer1:after
{
    content: attr(data-tip); /* nimmt den Text aus data-tooltip */
    position: absolute;
    bottom: 90%;
    left: 45%;
    transform: translateX(-50%);
    background: #d7e1f7;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 9999;
}

/* Tooltip sichtbar bei Hover */
.lernraum_area_schrank:hover::after,
.lernraum_area_schrank:hover::before,
.lernraum_area_schrank1:hover::after,
.lernraum_area_schrank1:hover::before,
.lernraum_area_tischli:hover::after,
.lernraum_area_tischli:hover::before,
.lernraum_area_tischre:hover::after,
.lernraum_area_tischre:hover::before,
.lernraum_area_flip:hover::after,
.lernraum_area_flip:hover::before,
.lernraum_area_flip1:hover::after,
.lernraum_area_flip1:hover::before,
.lernraum_area_tuer:hover::after,
.lernraum_area_tuer:hover::before,
.lernraum_area_tuer1:hover::after,
.lernraum_area_tuer1:hover::before


{
    opacity: 1;
}


.login_div{background: none;float: right;margin-right: 20px; margin-top: 10px;font-weight: normal;}
.logos {background: none; width: 200px; }
.logoeCampus {background: none; width: 100px; }
/* @media-Anpassung ab 768px s. ganz unten! */
.logos_div { background: none; margin-left: 30px}
.logotclo { background: none; width: 80px;  box-shadow: 1px 1px 2px 0 darkslategrey; }
.logotclo_div { background: none; width: 80px; height: 40px; margin-left: -30px; margin-top: -25px; }
.logotcmi_div {background: none; width: 190px; text-align: center  }
.logotcro {background: none; max-width: 80px; height: auto;}
.logotcro_div {background: none; width: 80px; height: 40px;  }

.menue_logo {background: none; width: 28px; }
.menue_logo_div { background: none;float: right;margin-right: 20px; margin-top: 5px;}


.metaplanwand_lernraum-div {position: relative; float: left; width: 1200px; height: 675px; z-index: 3; overflow: hidden }
.metaplanwand-div{position: absolute; top: 0; left: 250px; width: 700px;  z-index: 3; }
.metaplanwand-img{position: absolute; top: 0; left: 0; width: 100%;z-index: 3; }
.metaplanwand_papierkorb{position: absolute; top: 560px; left: 400px; width: 120px;z-index: 4; }
.metaplanwand_header {position: absolute; top: 60px; left: 60px; width: 200px;z-index: 4;font-size: 150%; font-weight: bold; line-height: 20px; color: #193273;}
.metaplanwand_desktop {position: absolute; top: 510px; left: 295px; width: 150px;z-index: 5;font-size: 60%; line-height: 1em; background-color: white}
.metaplanwand_karten_tisch{position: absolute; top: 520px; left: 250px; width: 200px;z-index: 6; cursor: pointer}

.metaplankarte_colorpicker{width: 40px; height: 20px; padding: 0 0 0 0;}

.metaplankarten {position: absolute;left: 50px; top:20px; height: 500px; width: 600px; font-size: 12px; line-height: 1em; z-index:10;}

.newquestion {}
.newpagebreak {}

.p_enger {line-height: 1.5;margin: 0 0 0 0}
.p_eng {line-height: 1;margin: 0 0 0 0}

.schrank_img {width: 100%;  z-index:  1;}
.schrank_card {position: relative; overflow: scroll; height: 480px}
.schrank_ordner_div {position: absolute; z-index:  4;}
.schrank_ordner_img {width: 80px}
.schrank_ordner_ettikett {position: absolute; top: 40px; left: 15px; height: 120px; width: 50px; line-height: 0.8;  z-index:  5;
    overflow: hidden;	writing-mode: tb-rl; word-wrap:break-word;}
.schrank_div {position: relative; width: 100%; }
.schrank_ordneroffen_div {position: absolute; width: 100% ; z-index:  1;}
.schrank_ordneroffen_img {position: absolute; width: 100%; z-index:  2;}
.schrank_liste_div {position: absolute; z-index:  3; top:50px;left:50%;}


.section {height: 300px; overflow: auto; }
.section-button {text-align: center; margin-top: -22px; z-index: 3;}
.section-button2 {text-align: center; z-index: 3;}
.section-div {border-radius: 5px; background: #e8e8e8; color: #000000; margin: 5px 5px 10px 5px;padding: 3px 3px 3px 10px}
.section-image {height: 120px; z-index: 1;}
.sectionunderimage {height: 200px; overflow: visible; z-index: 2; color: #193273; text-align: center}



.select {border-radius: 5px; border: 1px solid #9bc8d2; }

.seitenumbruchdiv {float: left; margin: 10px 10px 10px 20px; padding: 10px 0 0 10px; writing-mode: vertical-lr; width: 50px; height: 280px; background-color: #551e82; color: white}


.table_eco {font-size: smaller; line-height: 1rem;}
.table_quiz {font-size: smaller; line-height: 1rem; border-collapse: collapse; background-color: white}
.td_quiz {border: 1px solid black; background-color: white}
.table_border {	border-right: 1px solid #f1f1f1; }
.table_border_bold {border: 3px solid black; }
.table_border_vertical {border: 1px solid #f1f1f1; vertical-align: top;line-height: 5px; writing-mode: tb-rl;}
.table_fixed {table-layout: fixed}


.user_div{background: none;float: right;margin-right: 20px; margin-top: 10px;font-weight: normal; color: white}

.vertical-text {transform: rotate(90deg)}

@media print {
    .noprint{display: none}
}
@media (min-width: 100px) and (max-width: 480px) {

    .eProfil_logo {
        width: 50px;
    }

    .logoeCampus {
        width: 50px;
    }
}
@media (min-width: 481px) and (max-width: 767px)  {
    .lernraum-div {width: 600px; height: 338px  }
    .lernraum_area_namensschild {font-size: 60%;}
    .lernraum_uhr {left: 40px; top: 0;transform: scale(0.3);}
    .lernraum_menue-div {left: 600px; min-width:30px; height: 338px;}
    .lernraum_area_flip {perspective: 542px;  }
    .lernraum_flip_list_line {font-size: 0.2em; }
    .lernraum_dropdown_pane {width: 190px; ; height: 220px;}
    .lernraum_flip_big_list { font-size: 60% }
    .lernraum_flip_small_list { font-size: 60% }
    .lernraum_flip_small_header {font-size: 70%}
    .lernraum_leinwand_header {font-size: 60% }
    .lernraum_leinwand_content {font-size: 60% }
    .lernraum_leinwand_starttext {font-size: 60%}
    .lernraum_leinwand_button_div {font-size: 60%}
    .lernraum_leinwand_button1 {font-size: 60%;}
    .lernraum_leinwand_button2 {font-size: 60%;}
    .lernraum_leinwand_button3 {font-size: 60%;}
    .lernraum_leinwand_button4 {font-size: 60%;}
    .lernraum_leinwand_button5 {font-size: 60%;}
    .eProfil_logo {width: 70px; }
    .christival_logo {width: 90px; }
    .logoeCampus {width: 70px; }


}
@media (min-width: 768px)  and (max-width: 1019px) {
    .lernraum-div {width: 720px; height: 405px  }
    .lernraum_area_namensschild {font-size: 70%;}
    .lernraum_uhr {left: 80px; top: 0;transform: scale(0.45);}
    .lernraum_menue-div {left:720px; min-width:35px; height: 405px;}
    .lernraum_area_flip {perspective: 650px; }
    .lernraum_flip_list_line {font-size: 0.3em;}
    .lernraum_dropdown_pane {width: 230px; height: 276px;}
    .lernraum_flip_big_list { font-size: 70%}
    .lernraum_flip_small_list { font-size: 70% }
    .lernraum_flip_small_header {font-size: 80%}
    .lernraum_leinwand_header {font-size: 80% }
    .lernraum_leinwand_content {font-size: 70% }
    .lernraum_leinwand_starttext {font-size: 70%}
    .lernraum_leinwand_button_div {font-size: 70%}
    .lernraum_leinwand_button1 {font-size: 70%;}
    .lernraum_leinwand_button2 {font-size: 70%;}
    .lernraum_leinwand_button3 {font-size: 70%;}
    .lernraum_leinwand_button4 {font-size: 70%;}
    .lernraum_leinwand_button5 {font-size: 70%;}
    .eProfil_logo {width: 90px; }
    .christival_logo {width: 110px; }
    .logoeCampus {width: 90px; }
    .head {height: 80px;}
    .headAB {height: 80px;}

}
@media (min-width: 1020px)  and (max-width: 1199px) {
    .lernraum-div {width: 1065px; height: 599px  }
    .lernraum_area_namensschild {font-size: 80%;}
    .lernraum_uhr {left: 220px; transform: scale(0.6);}
    .lernraum_menue-div {left:1065px; min-width: 40px; height: 599px; }
    .lernraum_area_flip {perspective: 962px;}
    .lernraum_flip_list_line {font-size: 0.4em; }
    .lernraum_dropdown_pane {width: 320px; height: 384px;}
    .lernraum_flip_big_list {font-size: 80%  }
    .lernraum_flip_small_list { font-size: 80% }
    .lernraum_flip_small_header {font-size: 100%}
    .lernraum_leinwand_header {font-size: 100% }
    .lernraum_leinwand_content {font-size: 80% }
    .lernraum_leinwand_starttext {font-size: 80%}
    .lernraum_leinwand_button_div {font-size: 80%}
    .lernraum_leinwand_button1 {font-size: 80%;}
    .lernraum_leinwand_button2 {font-size: 80%;}
    .lernraum_leinwand_button3 {font-size: 80%;}
    .lernraum_leinwand_button4 {font-size: 80%;}
    .lernraum_leinwand_button5 {font-size: 80%;}
    .eProfil_logo {width: 180px; }
    .christival_logo {width: 240px; }
    .logoeCampus {width: 180px; }
    .head {height: 80px;}
    .headAB {height: 80px;}
}
@media (min-width: 1200px)  and (max-height: 1679px) {
    .lernraum-div {width: 1200px; height: 675px }
    .lernraum_area_namensschild {font-size: 80%;}
    .lernraum_uhr {left: 25%; transform: scale(0.75);}
    .lernraum_menue-div {left:1200px; min-width: 70px; height: 675px; }
    .lernraum_area_flip {perspective: 1084px;  }
    .lernraum_flip_list_line {font-size: 0.5em; }
    .lernraum_dropdown_pane {width: 380px; height: 456px;}
    .lernraum_flip_big_list {font-size: 90% }
    .lernraum_flip_small_list { font-size: 90% }
    .lernraum_flip_small_header {font-size: 110%}
    .lernraum_leinwand_header {font-size: 120% }
    .lernraum_leinwand_content {font-size: 100% }
    .lernraum_leinwand_starttext {font-size: 100%}
    .lernraum_leinwand_button_div {font-size: 100%}
    .lernraum_leinwand_button1 {font-size: 80%;}
    .lernraum_leinwand_button2 {font-size: 80%;}
    .lernraum_leinwand_button3 {font-size: 80%;}
    .lernraum_leinwand_button4 {font-size: 80%;}
    .lernraum_leinwand_button5 {font-size: 80%;}
    .eProfil_logo {width: 180px; }
    .christival_logo {width: 240px; }
    .logoeCampus {width: 180px; }
    .head {height: 80px;}
    .headAB {height: 80px;}
}
@media (min-width: 1680px)  {
    .lernraum-div {width: 1660px; height: 934px }
    .lernraum_area_namensschild {font-size: 110%;}
    .lernraum_uhr {left: 33%; transform: scale(1);}
    .lernraum_menue-div {left: 1660px; min-width: 70px ; height: 934px;}
    .lernraum_area_flip {perspective: 1500px; }
    .lernraum_flip_list_line {font-size: 0.7em;  }
    .lernraum_dropdown_pane {width: 500px; height: 600px;}
    .lernraum_flip_big_list {font-size: 100% }
    .lernraum_flip_small_list { font-size: 100% }
    .lernraum_flip_small_header {font-size: 120%}
    .lernraum_leinwand_header {font-size: 150% }
    .lernraum_leinwand_content {font-size: 120% }
    .lernraum_leinwand_starttext {font-size: 120%}
    .lernraum_leinwand_button_div {font-size: 120%}
    .lernraum_leinwand_button1 {font-size: 110%;}
    .lernraum_leinwand_button2 {font-size: 110%;}
    .lernraum_leinwand_button3 {font-size: 110%;}
    .lernraum_leinwand_button4 {font-size: 110%;}
    .lernraum_leinwand_button5 {font-size: 110%;}
    .eProfil_logo {width: 180px; }
    .christival_logo {width: 240px; }
    .logoeCampus {width: 180px; }
    .head {height: 80px;}
    .headAB {height: 80px;}
}