body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)}
#trumbowyg-icons,.trumbowyg-icons{overflow:hidden;visibility:hidden;height:0;width:0}#trumbowyg-icons svg,.trumbowyg-icons svg{height:0;width:0}.trumbowyg-box *,.trumbowyg-box *::before,.trumbowyg-box *::after,.trumbowyg-modal *,.trumbowyg-modal *::before,.trumbowyg-modal *::after{box-sizing:border-box}.trumbowyg-box svg,.trumbowyg-modal svg{width:17px;height:100%;color:#222;fill:#222}.trumbowyg-box{display:flex;flex-direction:column;min-height:300px}.trumbowyg-editor-box{display:block;flex:1}.trumbowyg-box,.trumbowyg-editor-box{position:relative;width:100%;border:1px solid #d7e0e2}.trumbowyg-box .trumbowyg-editor{min-height:100%;margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#fefefe;border:none !important}.trumbowyg-editor-box,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:20px;width:100%;border-style:none;resize:none;outline:none;overflow:auto;user-select:text}.trumbowyg-editor-box.trumbowyg-autogrow-on-enter,.trumbowyg-textarea.trumbowyg-autogrow-on-enter{transition:height 300ms ease-out}.trumbowyg-editor-box{padding:0}.trumbowyg-editor{outline:none;padding:20px}.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:transparent !important;text-shadow:0 0 7px #333}@media screen and (min-width: 0 \0){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200, 200, 200, 0.6) !important}}@supports (-ms-accelerator:true){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200, 200, 200, 0.6) !important}}.trumbowyg-box-blur .trumbowyg-editor img,.trumbowyg-box-blur .trumbowyg-editor hr{opacity:0.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;font-size:14px;font-family:"Consolas", "Courier", "Courier New", monospace;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{height:1px !important;width:25%;min-height:0 !important;padding:0 !important;background:none;opacity:0 !important}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block;flex:1;margin-bottom:1px}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor-box{display:none}.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea{opacity:0.8;background:none}.trumbowyg-editor-box[contenteditable=true]:empty:not(:focus)::before{content:attr(placeholder);color:#999;pointer-events:none;white-space:break-spaces}.trumbowyg-button-pane{display:flex;flex-wrap:wrap;width:100%;min-height:36px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0 5px;position:relative;list-style-type:none;line-height:10px;backface-visibility:hidden;overflow:hidden;z-index:11}.trumbowyg-button-pane::before,.trumbowyg-button-pane::after{content:" ";display:block;position:absolute;top:35px;left:0;right:0;width:100%;height:1px;background:#d7e0e2}.trumbowyg-button-pane::after{top:71px}.trumbowyg-button-pane .trumbowyg-button-group{display:flex;flex-wrap:wrap}.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-button-pane .trumbowyg-button-group::after{content:" ";display:block;width:1px;background:#d7e0e2;margin:0 5px;height:35px;vertical-align:top}.trumbowyg-button-pane .trumbowyg-button-group:last-child::after{content:none}.trumbowyg-button-pane button{display:block;position:relative;width:35px;height:35px;padding:1px 6px !important;margin-bottom:1px;overflow:hidden;border:none;cursor:pointer;background:none;vertical-align:middle;transition:background-color 150ms, opacity 150ms}.trumbowyg-button-pane button.trumbowyg-textual-button{width:auto;line-height:35px;user-select:none}.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-button-pane button.trumbowyg-disable,.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button){opacity:0.2;cursor:default;pointer-events:none}.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before{background:#e3e9eb}.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button.trumbowyg-active{background-color:#fff;outline:none}.trumbowyg-button-pane .trumbowyg-open-dropdown::after{display:block;content:" ";position:absolute;top:27px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button{padding-left:10px !important;padding-right:18px !important}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after{top:17px;right:7px}.trumbowyg-button-pane .trumbowyg-right{margin-left:auto}.trumbowyg-dropdown{max-width:300px;max-height:250px;overflow-y:auto;overflow-x:hidden;white-space:nowrap;border:1px solid #d7e0e2;padding:5px 0;border-top:none;background:#fff;color:#222;margin-left:-1px;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px;z-index:12}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#fff;padding:0 20px 0 10px;color:#222;border:none;cursor:pointer;text-align:left;font-size:15px;transition:all 150ms}.trumbowyg-dropdown button:hover,.trumbowyg-dropdown button:focus{background:#ecf0f1}.trumbowyg-dropdown button svg{float:left;margin-right:14px}.trumbowyg-modal{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:350px;z-index:12;overflow:hidden;backface-visibility:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;transform:translateX(-50%);max-width:500px;width:calc(100% - 20px);padding-bottom:45px;z-index:1;background-color:#fff;text-align:center;font-size:14px;font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;box-shadow:rgba(0, 0, 0, 0.2) 0 2px 3px;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:bold;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #d7e0e2}.trumbowyg-modal-box .trumbowyg-progress{width:100%;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;width:0;height:100%;transition:width 150ms linear}.trumbowyg-modal-box .trumbowyg-input-row{position:relative;margin:15px 12px;border:1px solid #dedede;overflow:hidden}.trumbowyg-modal-box .trumbowyg-input-infos{text-align:left;transition:all 150ms;width:150px;border-right:1px solid #dedede;padding:0 7px;background-color:#fbfcfc;position:absolute;left:0;top:0;bottom:0}.trumbowyg-modal-box .trumbowyg-input-infos label{color:#69878f;overflow:hidden;height:27px;line-height:27px}.trumbowyg-modal-box .trumbowyg-input-infos label,.trumbowyg-modal-box .trumbowyg-input-infos label span{display:block;height:27px;line-height:27px;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box .trumbowyg-input-html{padding:1px 1px 1px 152px}.trumbowyg-modal-box .trumbowyg-input-html,.trumbowyg-modal-box .trumbowyg-input-html input,.trumbowyg-modal-box .trumbowyg-input-html textarea,.trumbowyg-modal-box .trumbowyg-input-html select{font-size:14px}.trumbowyg-modal-box .trumbowyg-input-html input,.trumbowyg-modal-box .trumbowyg-input-html textarea,.trumbowyg-modal-box .trumbowyg-input-html select{transition:all 150ms;height:27px;line-height:27px;border:0;width:100%;padding:0 7px}.trumbowyg-modal-box .trumbowyg-input-html input:hover,.trumbowyg-modal-box .trumbowyg-input-html input:focus,.trumbowyg-modal-box .trumbowyg-input-html textarea:hover,.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,.trumbowyg-modal-box .trumbowyg-input-html select:hover,.trumbowyg-modal-box .trumbowyg-input-html select:focus{outline:1px solid #95a5a6}.trumbowyg-modal-box .trumbowyg-input-html input:focus,.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,.trumbowyg-modal-box .trumbowyg-input-html select:focus{background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-input-html input[type="checkbox"]{width:16px;height:16px;padding:0}.trumbowyg-modal-box .trumbowyg-input-html-with-checkbox{text-align:left;padding:3px 1px 1px 3px}.trumbowyg-modal-box .trumbowyg-input-error input,.trumbowyg-modal-box .trumbowyg-input-error select,.trumbowyg-modal-box .trumbowyg-input-error textarea{outline:1px solid #e74c3c}.trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child{margin-top:-27px}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#fff;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif;font-size:16px;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus{background:#40d47e;outline:none}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus{background:#fbfbfb;outline:none}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d5d5d5}.trumbowyg-overlay{position:absolute;background-color:rgba(255, 255, 255, 0.5);height:100%;width:100%;left:0;display:none;top:0;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen.trumbowyg-box,.trumbowyg-fullscreen .trumbowyg-editor-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor-box,.trumbowyg-fullscreen .trumbowyg-textarea{height:auto !important;overflow:auto}.trumbowyg-fullscreen .trumbowyg-overlay{height:100% !important}.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#222;fill:transparent}.trumbowyg-editor{}.trumbowyg-editor object,.trumbowyg-editor embed,.trumbowyg-editor video,.trumbowyg-editor img{max-width:100%}.trumbowyg-editor video,.trumbowyg-editor img{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor canvas:focus{outline:none}.trumbowyg-editor.trumbowyg-reset-css{background:#fefefe !important;font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif !important;font-size:14px !important;line-height:1.45em !important;color:#333 !important;font-weight:normal !important}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c !important;text-decoration:underline !important}.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css blockquote{box-shadow:none !important;background:none !important;margin:0 !important;margin-bottom:15px !important;line-height:1.4em !important;font-family:"Trebuchet MS", Helvetica, Verdana, sans-serif !important;font-size:14px !important;border:none !important}.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object,.trumbowyg-editor.trumbowyg-reset-css hr{margin-bottom:15px !important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px !important;font-style:italic !important;color:#555 !important}.trumbowyg-editor.trumbowyg-reset-css ul{list-style:disc !important}.trumbowyg-editor.trumbowyg-reset-css ol{list-style:decimal !important}.trumbowyg-editor.trumbowyg-reset-css ul,.trumbowyg-editor.trumbowyg-reset-css ol{padding-left:20px !important}.trumbowyg-editor.trumbowyg-reset-css ul ul,.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ol ul{border:none !important;margin:2px !important;padding:0 !important;padding-left:24px !important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block !important;height:1px !important;border:none !important;border-top:1px solid #CCC !important}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111 !important;background:none !important;margin:0 !important;padding:0 !important;font-weight:bold !important}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px !important;line-height:38px !important;margin-bottom:20px !important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px !important;line-height:34px !important;margin-bottom:15px !important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px !important;line-height:28px !important;margin-bottom:7px !important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px !important;line-height:22px !important;margin-bottom:7px !important}.trumbowyg-dark .trumbowyg-textarea{background:#222;color:#fff;border-color:#343434}.trumbowyg-dark .trumbowyg-box{border:1px solid #343434}.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen{background:#111}.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{text-shadow:0 0 7px #ccc}@media screen and (min-width: 0 \0\a                 ){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20, 20, 20, 0.6) !important}}@supports (-ms-accelerator:true){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20, 20, 20, 0.6) !important}}.trumbowyg-dark .trumbowyg-box svg{fill:#fff;color:#fff}.trumbowyg-dark .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-dark .trumbowyg-button-pane::before,.trumbowyg-dark .trumbowyg-button-pane::after{background:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after{background-color:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after{background-color:#2a2a2a}.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active{background-color:#333}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after{border-top-color:#fff}.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:#ecf0f1;fill:transparent}.trumbowyg-dark .trumbowyg-dropdown{border-color:#343434;background:#333;box-shadow:rgba(0, 0, 0, 0.3) 0 2px 3px}.trumbowyg-dark .trumbowyg-dropdown button{background:#333;color:#fff}.trumbowyg-dark .trumbowyg-dropdown button:hover,.trumbowyg-dark .trumbowyg-dropdown button:focus{background:#222}.trumbowyg-dark .trumbowyg-modal-box{background-color:#333;color:#fff}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row{border-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos{color:#eee;background-color:#2f2f2f;border-right-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#343434}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error select,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box input,.trumbowyg-dark .trumbowyg-modal-box select,.trumbowyg-dark .trumbowyg-modal-box textarea{border-color:#343434;color:#fff;background:#222}.trumbowyg-dark .trumbowyg-modal-box input:hover,.trumbowyg-dark .trumbowyg-modal-box input:focus,.trumbowyg-dark .trumbowyg-modal-box select:hover,.trumbowyg-dark .trumbowyg-modal-box select:focus,.trumbowyg-dark .trumbowyg-modal-box textarea:hover,.trumbowyg-dark .trumbowyg-modal-box textarea:focus{border-color:#626262}.trumbowyg-dark .trumbowyg-modal-box input:focus,.trumbowyg-dark .trumbowyg-modal-box select:focus,.trumbowyg-dark .trumbowyg-modal-box textarea:focus{background-color:#2f2f2f}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background:#1b7943}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus{background:#25a25a}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#176437}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#333;color:#ccc}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus{background:#444}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#111}.trumbowyg-dark .trumbowyg-overlay{background-color:rgba(15, 15, 15, 0.6)}
.hideform .event_anmeldung {
    display: none;
}

/* FARBE */
.li-nachricht-empfaenger-member {
  background-color: VAR(--light);
  color: inherit;
  transition: none;
}

.li-nachricht-empfaenger-member.highlighted {
  background-color: VAR(--IL);
  color: VAR(--light);
}

.li-nachricht-empfaenger-member > div {
  transition: none;
}

.widget div.tox {
    display: inherit;
    flex-direction: column;
    width: 100%;
}
.widget div.tox div {
    display: inherit;
    width: auto;
    height: auto;
    padding: auto;
}
.widget div.tox button {
    width: auto;
    min-width: auto;
}
.tox-tinymce {
  border: none!important;
}
.bigmce .tox-tinymce {
  height: 42vh!important;
  min-height: 14rem!important;
}
.unsichtbar {
  display: none !important;
}

form#form-praktika-eintragen input[name="praktikumsgeber_id"]:invalid {
  border-color: red;
}

/* Center the loader */
#loader,
#loader2,
.loader {
  position: relative;
  display: flex;
  width: 100vw;
  height: calc(100vh - 10rem);
  justify-content: center;
  align-items: center;
}
.nachrichtenbox .loader {
  width: 100%;
  height: 100%;
}
#loader .spinner,
#loader2 .spinner,
.loader .spinner {
  z-index: 1;
  width: 3rem;
  height: 3rem;
  border: 0.3125rem solid var(--light);
  border-radius: 50%;
  border-top: 0.3125rem solid var(--accent-light);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
button #loader2,
#loader2.minimize {
  width: auto!important;
  height: auto!important;
}
.nachrichtenbox .loader .spinner,
button #loader2 .spinner {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.2rem solid var(--light);
  border-top: 0.2rem solid var(--accent-light);
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}


.mailoperator {
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}
.mailoperator a {
  font-size: 1rem;
  margin-left: 1rem;
  transition: 0.3s ease-in-out;
}
.mailoperator a span {
  transition: 0s;
}
.benachrichtigungen {
  position: relative;
}
.schliessen {
  cursor: pointer;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.schliessen:hover {
  opacity: 1;
}
.nachricht ul {
  list-style: disc;
  margin-left: 1rem;
  margin-bottom: 0.75rem;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0.7s;
  animation-name: animatebottom;
  animation-duration: 0.7s
}

@-webkit-keyframes animatebottom {
  from { bottom:-1.5rem; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-1.5rem; opacity:0 }
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

:root {

    --light: #fff;
    --dark: #474747;

    --basic-light: #f9f9f9;
    --basic: #ededed;
    --basic-dark: #e0e0e0;

    --second-light: #cccccc;
    --second-dark: #bbbbbb;

    --accent-light: #a7a7a7;
    --accent: #707070;
    --accent-dark: #5e5e5e;


    /* DARK-MODE */
    /*
    --light: #474747;
    --dark: #fff;

    --accent-light: #e0e0e0;
    --accent: #ededed;
    --accent-dark: #f9f9f9;

    --basic-light: #5e5e5e;
    --basic: #707070;
    --basic: #707070;
    --basic-dark: #a7a7a7;
    */






    --PD: #818083;
    --BW: #f6921e;
    --BW-dark: #cc731b;
    --ST: #c53e17;
    --HT: #832110;
    --PT: #50acac;
    --IT: #007777;
    --IL: #2992c9;
    --LI: #5e5e5e;
    --SO: #aaaaaa;
    --PF: #8a549e;
    --AE: #ff0000;
}
.c_orange {
    color: var(--BW);
}

/* SCHRIFT */

@font-face {
    font-family: 'bn_bold';
    src: url('../../files/core/fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../../files/core/fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bn_regular';
    src: url('../../files/core/fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../../files/core/fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ss_regular';
    src: url('../../files/core/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../../files/core/fonts/sourcesans-serifpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ss_italic';
    src: url('../../files/core/fonts/sourcesanspro-italic-webfont.woff2') format('woff2'), url('../../files/core/fonts/sourcesans-serifpro-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ss_semibold';
    src: url('../../files/core/fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../../files/core/fonts/sourcesans-serifpro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'sc_regular';
    src: url('../../files/core/fonts/sourcecodepro-regular-webfont.woff2') format('woff2'), url('../../files/core/fonts/sourcecodepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'handwrite';
    src: url('../../files/core/fonts/great_wishes-webfont.woff2') format('woff2'), url('../../files/core/fonts/great_wishes-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'icon';
    src: url('../../files/core/fonts/icomoon.woff?ver=20220314"') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.h0,h1, h2, a, button {
    font-family: 'bn_bold', fantasy;
}
h1, h2 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.h0 {
    font-size: 2rem;
    text-align: center;
}
h1 {
    font-size: 1.5rem;
}
h2 {
    font-size: 1.25rem;
}
h3 {
    font-size: 0.9rem;
    text-transform: uppercase;
    font-family: 'ss_semibold', sans-serif;
    font-weight: normal;
}
p {
    margin-bottom: 0.75rem;
    line-height: 125%;
}
p.error {
    font-size: 0.8rem;
    padding: 0;
}
.event_teilnehmer small {
    font-size: 0.7em;
}
strong {
    font-family: 'ss_semibold', sans-serif;
}
strong.nachricht-betreff.gelesen {
    font-family: inherit;
}
a {
    font-size: 1.3rem;
    text-decoration: none;
    color: var(--accent-light);
    cursor: pointer;
    transition-delay: -0.3s;
}
a:hover {
    color: var(--accent);
}
a.add {
    transition: 0.3s ease-in-out;
    display: inline-block;
    font-size: 1rem;
    margin-top: 0.2rem;
}
a.add:before {
    font-family: 'icon';
    content: "\e92b";
    width: 1.3rem;
    margin-right: 0.2rem;
    font-size: 1rem;
    display: inline-flex;
    justify-content: center;
}
a.mail.button {
    color: var(--light);
    background-color: var(--IL);
}
a.mail:before {
    font-family: 'icon';
    content: "\e90d";
    width: 1.3rem;
    margin-right: 0.2rem;
    font-size: 1.2rem;
    display: inline-flex;
    justify-content: center;
}
p a,
.ce_text li a {
    font-size: inherit;
    transition: 0.3s;
}
ul {
    margin-bottom: 0;
}
.icon {
    font-family: 'icon';
}
.hero_icon {
    font-size: 6rem;
    text-align: center;
}
.hero_icon p {
    margin-bottom: 0;
    line-height: inherit;
}
.error {
    display: flex;
    font-family: 'ss_semibold', sans-serif;
    color: var(--ST);
}
.hint {
    background-color: #fce7e4!important;
    color: var(--HT)!important;
    padding: 0.75rem;
    overflow: hidden;
    border-radius: 0.2rem;
}
.hint .button:hover {
    color: var(--ST);
}
.hint li:last-child p {
    margin-bottom: 1.25rem;
}
.hint .button_wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
span.neu,
span.hinweis {
    margin-right: 0.2rem;
    font-family: 'bn_bold'!important;
    font-size: 0.8rem;
    color: var(--light);
    height: 1rem;
    display: inline-flex;
    align-items: center;
    padding: 0 0.2rem;
}
span.neu {
    background-color: var(--ST);
}
span.hinweis {
    background-color: var(--PD);
}


/* BASICS */

* {
    /* Safari/Chrome, other WebKit */
    /* Firefox, other Gecko */
    box-sizing: border-box;
    outline: none;
    transition:
        color 0.3s ease-in-out,
        background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out;
}
*,
html,
body {
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
html {
    /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
}
input[type=text],
button,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}
body {
    position: relative;
    background-color: var(--basic);
    font-family: 'ss_regular', sans-serif;
    font-size: 1rem;
    color: var(--accent-dark);
}
#header {
  height: 4rem;
}
.mobilenone,
.raster .rasternone {
    display: none;
}
.mod_article {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem;
    padding-top: 0;
    overflow: visible;
}
.mod_article:first-of-type {
    min-height: calc(100vh - 7.3rem);
}
.mod_article.autoheight {
    min-height: auto!important;
}
.mod_article.frameless {
    min-height: auto;
    padding: 0;
}
.image_container {
  display: flex;
  margin: auto;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.image_container img {
    max-width: 100%;
}
.space_xxs {
    padding-top: 0.5rem;
}
.space_xs {
    padding-top: 1.3125rem;
}
.space_s {
    padding-top: 2rem;
}
.space_m {
    padding-top: 4rem;
}
.space_l {
    padding-top: 6rem;
}
.space_xl {
    padding-top: 8rem;
}
.space_xxl {
    padding-top: 10rem;
}
.flex_reverse {
    display: flex;
    flex-direction: column-reverse;
}
.mod_article>*,
.kz_box.simple,
.operation_bar {
    width: calc(100vw - 1.5rem);
    max-width: 30rem;
}
.mod_newsreader,
.mod_eventreader {
    max-width: 100%;
}
.mod_article.frameless>* {
    width: 100%;
    max-width: 100vw;
}
.center {
    align-items: center;
    justify-content: center;
}
.ce_text li {
    list-style: disc;
    margin-left: 2rem;
    line-height: 150%;
}
.ka_aufgabe .accordion li:not(.datei):not(.dz-file-preview) {
    margin-left: 3rem;
    line-height: 125%;
}
.ce_text li li {
    margin-left: 3rem;
}
.ce_text li:last-child {
    margin-bottom: 1rem;
}
.reverse {
    transform: scaleX(-1);
}
.reverse img {
    transform: scaleX(-1);
}
.more {
    margin-left: 0.5rem;
}
h2 .more {
  font-size: 1rem;
}
.foreground {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
}
.button_wrapper {
    flex-wrap: wrap;
}
.mb_dialog .button_wrapper {
    margin: 0;
}
.mb_dialog #loader2 {
  width: 100%;
  height: 20rem;
}
/*
.more:after {
    font-family: "icon";
    font-size: 1rem;
    margin-left: 0.125rem;
    content: "\e929";
}
*/
iframe {
    width: 100%;
    height: 100%;
}
.price {
    width: calc(5.5rem * 1.2);
    height: calc(2.5rem * 1.2);
    background-image: url('../../files/core/images/Preisschild.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--light);
    /* transform: rotate(-2.5deg); */
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 40%));
    /* margin-left: 4rem; */
    margin: auto;
}
.price h1 {
    margin: 0!important;
    filter: none;
    font-size: calc(1.1rem * 1.2);
}
.price h1 span.asterix {
    font-size: 0.9rem;
    display: inline-block;
    transform: translateY(-0.75rem);
}
.kosten_info span {
    display: inline-flex;
    float: left;
    margin-top: 0.2rem;
}
.content .frameless figure.image_container {
    height: auto;
    padding: 0!important;
    background-image: none;
    background-color: transparent;
    box-shadow: none;
}
.content .frameless figure.image_container img {
    height: auto;
}
.bmoheader_area {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 27rem;
    max-height: 50vh;
    z-index: -99;
    width: 100% !important;
    max-width: 100% !important;
}
.bmoheader {
    position: relative;
    width: 100%;
    height: 27rem;
    max-height: 50vh;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(237,237,237,0.95) 0%, rgba(237,237,237,0) 55%);
}
.bmoheader:before,
.bmoheader_before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    background-color: var(--accent-light);
    background-position: top center;
    background-size: cover;
    filter: blur(0.5rem) brightness(0.7) saturate(0.7);
    transform: scale(1.1);
    opacity: 0.2;
    z-index: -7;
    background-image: url(../../files/core/images/archiv.jpg);
}
.layout_full figure.hero img {
  z-index: 1;
}
.blank .slick-track {
  display: flex;
  background-color: black;
}



/* COOKIEBAR */
.cookiebar_simple p {
    color: var(--accent-dark)!important;
}
.mod_cookiebarOpener {
  display: none;
}

/* TOPBAR */

#topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 4rem;
    padding: 0.25rem 0.5rem;
    z-index: 888;
    transition: background 0.3s ease-in-out;
}
#topbar:hover,
#topbar.filled {
    background-color: var(--basic);
}
#topbar a {
    position: absolute;
    content: '';
    top: 0.5rem;
    bottom: 0.5rem;
    width: 100%;
    background-image: url(../../files/core/images/logo_farbe.svg);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}
#topbar img {
    height: 100%;
    display: none;
}
body.with_header #topbar a {
    transition: background 0.3s ease-in-out;
    background-image: url(../../files/core/images/logo_grau.svg);
}
body.with_header #topbar.filled a,
body.with_header #topbar:hover a {
    background-image: url(../../files/core/images/logo_farbe.svg);
}
.fullheight {
  min-height: calc(100vh - 9.5rem);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}


/* NAVIGATION Hauptmenü */

#right,
#right2,
#warenkorb {
    position: fixed;
    top: 0;
    right: -12rem;
    bottom: 0;
    margin-right: auto;
    transition: transform 0.3s ease-in-out, opacity 0.3s;
    z-index: 888;
    opacity: 0;
    overflow-y: auto;
    filter: drop-shadow(0.5rem 0 0.5rem var(--accent));
}
.open-nav_main #right {
    transform: translateX(-12rem);
    opacity: 1;
}
#container {
    padding-right: 0;
}
#nav_main {
    min-height: 100vh;
    background-color: var(--basic-light);
    padding-top: 4rem;
    filter: drop-shadow(0 0 0.3rem rgba(100, 100, 100, 40%));
    display: flex;
    flex-direction: column;
}
#nav_main a,
#nav_main strong {
    margin-bottom: 0.2rem;
    height: 2.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
}
#nav_main a:hover,
#nav_main strong {
    background-color: var(--light);
}
#nav_main .button_wrapper a.link {
  padding: 0!important;
  color: var(--basic-light);
}
#nav_main .button_wrapper a.link:hover {
  background-color: transparent;
  color: var(--light);
}
#nav_main strong {
    width: 100%;
    font-family: 'bn_bold', fantasy;
    font-size: 1.3rem;
    color: var(--accent);
    cursor: default;
}
#nav_main li>*:before {
    font-family: 'icon';
    margin-right: 0.4rem;
}
#nav_main .Bibelschule>*:before {
    content: '\e90a';
}
#nav_main .Bibelschule>a:hover:before,
#nav_main .Bibelschule>strong:before{
    color: var(--BW);
}
#nav_main .Israelreisen>*:before {
    content: '\e91a';
}
#nav_main .Israelreisen>a:hover:before,
#nav_main .Israelreisen>strong:before{
    color: var(--IL);
}
#nav_main .Veranstaltungen>*:before {
    content: '\e936';
}
#nav_main .Veranstaltungen>a:hover:before,
#nav_main .Veranstaltungen>strong:before{
    color: var(--HT);
}
#nav_main li.gaeste>*:before {
    content: '\f0f2';
    font-size: 0.9em;
}
#nav_main li.gaeste>a:hover:before,
#nav_main li.gaeste>strong:before{
    color: var(--IT);
}
#nav_main .Shop>*:before {
    content: '\e92f';
}
#nav_main .Shop>a:hover:before,
#nav_main .Shop>strong:before{
    color: var(--PF);
}
#nav_main .BMO>*:before {
    content: '\e90c';
}
#nav_main .BMO>a:hover:before,
#nav_main .BMO>strong:before{
    color: var(--accent);
}
#nav_main .Freunde>*:before {
    content: '\e915';
}
#nav_main .Freunde>a:hover:before,
#nav_main .Freunde>strong:before{
    color: var(--PT);
}


/* NAVIGATION Accountmenü */

#right2 {
    width: 12rem;
}
.open-nav_account #right2 {
    transform: translateX(-12rem);
    opacity: 1;
}
#container {
    padding-right: 0;
}
#nav_account {
    min-height: 100vh;
    background-color: var(--basic-light);
    padding-top: 4rem;
    filter: drop-shadow(0 0 0.3rem rgba(100, 100, 100, 40%));
}
#nav_account a,
#nav_account strong {
    margin-bottom: 0.2rem;
    height: 2.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
}
#nav_account a:hover,
#nav_account strong {
    background-color: var(--light);
}
#nav_account strong {
    width: 100%;
    font-family: 'bn_bold', fantasy;
    font-size: 1.3rem;
    color: var(--accent);
    cursor: default;
}
#nav_account li>*:before {
    font-family: 'icon';
    margin-right: 0.4rem;
}
#nav_account span:before {
    display: none;
}
#nav_account .account>*:before {
    content: '\e902';
}
#nav_account .meinedaten>*:before {
    content: '\e922';
}
#nav_account .profilseite>*:before {
    content: '\e92c';
}
#nav_account .sekretariat>*:before {
    content: '\e922';
}
#nav_account .Bewerbung>*:before {
    content: '\a922';
}
#nav_account .vorlesungen>*:before {
    content: '\e924';
}
h2.kurse:before,
#nav_account .kurse>*:before {
    content: '\a933';
}
h2.fehlzeiten:before {
    content: '\e93e';
}
#nav_account .aufgabenliste>*:before {
    content: '\e90e';
}
#nav_account .kursverwaltung>*:before {
    content: '\e91c';
}
#nav_account .kontaktliste>*:before {
    content: '\e926';
}
#nav_account .postfach>*:before {
    content: '\e90d';
}
#nav_account .beitraege>*:before {
    content: '\e907';
}
#nav_account .mediathek>*:before {
    content: '\e921';
}
#nav_account .bibliothek>*:before {
    content: '\e90b';
}
#nav_account .studienbegleiter>*:before {
    content: '\e935';
}
#nav_account .meinedaten>*:before {
    content: '\e93a';
}


/* NAVIGATION Schnellwahl */

#nav_fixed {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 12rem;
    height: 4rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 0.75rem;
}
#nav_fixed ul {
    display: flex;
    flex-direction: row-reverse;
}
#nav_fixed a {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    transition-delay: 0s;
}
body.with_header #nav_fixed a {
  color: var(--accent);
}
#nav_fixed.filled a,
body.open-nav_main #nav_fixed a,
body.open-nav_account #nav_fixed a,
body.open-nav_warenkorb #nav_fixed a {
  color: var(--accent-light)!important;
}
#nav_fixed.filled a:hover,
body.open-nav_main #nav_fixed a:hover,
body.open-nav_account #nav_fixed a:hover,
body.open-nav_warenkorb #nav_fixed a:hover {
  color: var(--accent)!important;
}
#nav_fixed li {
    margin-left: 0.5rem;
}
#nav_fixed li:last-of-type {
    margin-left: 0;
}
#nav_fixed a.mbutton:before {
    content: '\e918'
}
.open-nav_main #nav_fixed a.mbutton:before,
.open-nav_account #nav_fixed a.abutton:before,
.open-nav_warenkorb #nav_fixed a.sbutton:before {
    color: var(--accent)!important;
}
.login a.account {
    color: var(--accent)!important;
}
#nav_fixed a.logout:before {
    content: '\e91e'
}
#nav_fixed a.account:before {
    content: '\e900'
}
#nav_fixed a.abutton:before {
    content: '\e901'
}
#nav_fixed a.shop:before {
    content: '\e939'
}


/* NAVIGATION Footer */

#nav_footer {
    padding: 1rem
}
#nav_footer .channels {
    margin-bottom: 1rem;
}
#nav_footer ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#nav_footer li {
    margin-right: 1rem;
    display: flex;
    align-items: center;
}
#nav_footer li:last-child {
    margin-right: 0;
}
#nav_footer a,
#nav_footer strong {
    font-size: 1rem;
}
#nav_footer .channels a {
    margin-right: 0.75rem;
    font-size: 1.6rem;
    transition: 0.3s ease-in-out;
}
#nav_footer .channels a:last-of-type {
    margin-right: 0;
}
#nav_footer a.ci_youtube {
    font-size: 2.2rem;
}
#nav_footer .ci_facebook:hover {
    color: #1877F2;
}
#nav_footer .ci_instagram:hover {
    -webkit-text-fill-color: transparent; background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%); -webkit-background-clip: text;
}
#nav_footer .ci_youtube:hover {
    color: #ff0000;
}
#nav_footer strong {
    font-family: 'bn_bold', fantasy;
    color: var(--accent);
    cursor: default;
}


/* Navigation: Link-Tiles */

.link_tiles {
  display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    max-width: 80rem;
    margin: auto;
    align-content: flex-start;
}
.link_tile {
  width: 100%!important;
  max-width: 100%!important;
  height: 6rem;
  margin: 0.1rem;
}
.link_tile a {
  padding: 0.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--basic-light);
}
.link_tile a:hover {
  transform: scale(98%);
  background-color: var(--light);
}
@media (min-width: 26rem) {
  .link_tile {
    width: calc((100% / 2) - 0.2rem)!important;
  }
}
@media (min-width: 38rem) {
  .link_tile {
    width: calc((100% / 3) - 0.2rem)!important;
  }
}
@media (min-width: 50rem) {
  .link_tile {
    width: calc((100% / 4) - 0.2rem)!important;
  }
}
@media (min-width: 62rem) {
  .link_tile {
    width: calc((100% / 5) - 0.2rem)!important;
  }
}
@media (min-width: 74rem) {
  .link_tile {
    width: calc((100% / 6) - 0.2rem)!important;
  }
}
@media (min-width: 86rem) {
  .link_tile {
    width: calc((100% / 7) - 0.2rem)!important;
  }
}



/* BUTTON */

button,
.button {
    font-family: 'bn_bold', fantasy;
    margin: 0.3rem;
    height: 2.5rem;
    min-width: 10rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--basic-light);
    border: none;
    padding: 0 1rem;
    font-size: 1.3rem;
    color: var(--accent-light);
    cursor: pointer;
    transition-delay: 0s;
    filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
    white-space: nowrap;
    border-radius: 0.125rem;
}
button.hero_button,
.button.hero_button {
    height: 2.75rem;
    font-size: 1.5rem;
    padding: 0 1.3rem;
}
button:hover,
.button:hover {
    background-color: var(--light);
    color: var(--accent);
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 20%));
}
.button[disabled],
.button[disabled]:hover,
.button[aria-disabled],
.button[aria-disabled]:hover {
    background-color: var(--second-light);
    opacity: 1;
    color: var(--accent-light);
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 20%));
    cursor: default;
}
.card_button {
    position: relative;
    margin-bottom: 0.2rem;
    min-height: 1.5rem;
    padding: 0 0.75rem;
    padding-right: 0.5rem;
    background-color: var(--basic-light);
    display: flex;
    align-items: center;
    font-family: 'ss_regular', sans-serif;
    font-size: 1rem;
    color: inherit;
}
a.ring_button {
    background-color: var(--basic-light);
}
a.ring_button:hover,
.card_button:hover {
    background-color: var(--light);
}
.card_button.closed,
.card_button.closed.open,
.card_button.closed.open:hover {
    background-color: var(--basic-dark);
}
.card_button.open,
.card_button.open:hover {
    background-color: transparent;
}
.card_button p {
    margin: 0;
    line-height: normal;
}
.ke_kurs.card_button {
  padding-left: 0;
  padding-right: 0;
}
.bar_button {
    min-height: 1.75rem;
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    margin-bottom: 0.2rem;
    border: 0.125rem solid var(--basic-dark);
    position: relative;
}
.aufgabenliste .bar_button {
  border: none;
  padding-right: 0;
}
.bar_button.teilnehmer,
.bar_button.toggler.teilnehmer {
  min-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0.2rem;
  border: none;
}
.bar_button>div:first-of-type {
    padding: 0.2rem;
    padding-left: 0.75rem;
}
.fs_semester.bar_button>div:first-of-type {
    padding: 0;
}
.bar_button p {
    margin: 0;
    line-height: 100%;
}
.bar_button.closed {
    background-color: var(--basic-dark)!important;
}
.bar_button.toggler {
    min-height: 1.75rem;
    background-color: var(--basic-light);
    border-color: transparent;
    padding: 0;
    padding-right: 0.5rem;
    border: none;
}
.bar_button.toggler.accordion-header-active {
    margin-bottom: 0;
}
.bar_button.toggler.accordion-header-active,
.accordion-content-active {
    background-color: var(--basic-dark)!important;
}
.kurse .accordion-content-active {
    background-color: transparent!important;
}
.bb_button {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0!important;
    padding-right: 0.2rem!important;
    transition: 0.3s ease-in-out;
    font-size: 1.3rem;
    color: var(--accent-light);
    backdrop-filter: blur(0.8);
    cursor: pointer;
}
.bb_button:first-of-type {
    padding-left: 0.5rem!important;
}
.bb_button:last-of-type {
    padding-right: 0!important;
}
.bb_button.visibility,
.hidden .hideable_container:not(.hidden) .bb_button.visibility,
.hidden .bb_button.visibility:hover {
    color: var(--PT);
    opacity: 1;
}
.bb_large .bb_button.visibility {
    color: var(--accent-light);
}
.bb_large:hover .bb_button.visibility {
    color: var(--PT);
}
.hidden .bb_button.visibility,
.hidden .hideable_container.hidden .bb_button.visibility {
    color: var(--accent-light);
    opacity: 0.7;
}
.bb_large {
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
    margin-bottom: 0
}
.bb_large label {
    height: auto;
}
.bb_large:first-of-type {
    margin-top: 0.75rem;
}
.bb_large:last-of-type {
    margin-bottom: 0.3rem;
}
.bb_button.edit:hover,
.bb_large:hover .bb_button.edit {
    color: var(--BW);
}
.bb_button.validate:hover {
    color: var(--PT);
}
.bb_button.delete:hover,
.bb_large:hover .bb_button.delete {
    color: var(--ST);
}
.bb_button.mail:hover,
.bb_large:hover .bb_button.mail {
    color: var(--IL);
}
.bb_button.download {
    transform: rotate(180deg);
}
.bb_button.download:hover,
.bb_large:hover .bb_button.download {
    color: var(--LI);
}
.bb_button.record:hover,
.bb_large:hover .bb_button.record {
    color: var(--IL);
}
.bb_large .bb_button {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-right: 0.2rem;
}
.bb_button_text {
    font-family: 'bn_bold';
    font-size: 1rem;
    color: var(--accent-light);
}
.bb_large:hover .bb_button_text {
    color: var(--accent);
}
.slick-container {
    position: relative;
}
.slick_button {
    position: absolute;
    margin: auto 0;
    top: 50%;
    bottom: 50%;
    width: 2rem!important;
    min-width: 2rem!important;
    height: 2rem;
    border-radius: 50%;
    z-index: 99;
}
.slick_button.slick-prev {
    left: 1rem;
}
.slick_button.slick-next {
    right: 1rem;
}
.sichtbarkeit .button {
  width: 2rem;
  color: var(--BW);
  filter: none;
  margin: 0;
  min-width: 2rem;
  height: 2rem;
  padding: 0;
  font-family: 'icon';
}
.sichtbarkeit .button.disabled,
.sichtbarkeit .button.disabled:hover {
  background-color: var(--second-light);
  cursor: default;
  transform: none;
}
button.code_blue,
.button.code_blue {
  background: var(--IL)!important;
  color: var(--basic-light)!important;
}
button.code_blue:hover,
.button.code_blue:hover {
  color: var(--light)!important;
}




/* OPERATION BAR */

.operation_bar {
    margin-bottom: 2.1875rem;
    display: flex;
    flex-direction: column;
}
.operation_bar form {
    margin: 0;
}



/* SEARCH BAR */

.search_bar {
    display: flex;
    margin-bottom: 0.2rem;
}
.search_bar input.text {
    height: 1.75rem;
    font-family: inherit;
    color: inherit;
}
input.text::placeholder {
  color: var(--accent-light);
}
.search_icon {
    height: 1.75rem;
    width: 1.75rem!important;
    min-width: 1.75rem!important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--accent-light);
    color: var(--light);
    filter: none;
    margin: 0;
    margin-left: 0.2rem;
}
.search_icon:hover {
    background-color: var(--accent);
    color: var(--light);
}





/* FILTER BAR */

.filter_bar .wrapper {
    display: flex;
    justify-content: flex-end;
    margin-left: 0.5rem;
    margin-bottom: 0.2rem;
    column-count: none!important;
    column-gap: 0.125rem!important;
}
.filter_bar input {
    display: none;
}
.filter_bar label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.75rem;
    width: auto;
    min-width: 2.5rem;
    padding: 0 0.5rem;
    background-color: var(--accent-light);
    color: var(--light);
    font-family: 'bn_bold';
    font-size: 1rem;
    white-space: nowrap;
    margin: 0;
    cursor: pointer;
}
.filter_bar input[type="radio"] + label:hover,
.filter_bar input[type="radio"]:checked + label {
    background-color: var(--accent);
}





/* MODAL */

.modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(233,233,233,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(0.2rem);
    z-index: 999;
    overflow: hidden;
}
.modal_box {
    width: calc(100vw - 2rem);
    max-width: 50rem;
    max-height: calc(100vh - 2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 0 0.3rem rgba(100, 100, 100, 40%));
    background-color: var(--basic);
}
.modal input {
  font-family: 'ss_regular'!important;
  color: var(--accent)!important;
  font-size: 99%;
}
.modal input.button {
  font-family: 'bn_bold'!important;
  color: var(--accent-light)!important;
  font-size: 1.3rem;
}
.modal input.button:hover {
  color: var(--accent)!important;
}
input[id*='betreff'] {
  font-family: 'ss_semibold'!important;
}
.mb_title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: 'bn_bold';
    font-size: 1.3rem;
    background-color: var(--basic-dark);
    padding: 0.75rem;
}
.mb_dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0.5rem;
    overflow-y: auto;
}
#div-nachricht-empfaenger-members {
    z-index: 999;
    position: absolute;
    margin-top: 0.3125rem;
    top: calc(100% - 1.125rem);
    width: 100%;
    max-height: 12.1875rem;
    overflow: hidden auto;
    filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
}
#div-nachricht-empfaenger-members li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
#div-ausgewaehlte-empfaenger {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.div-ausgewaehlter-empfaenger {
    background-color: var(--basic-dark);
    color: var(--accent);
    font-family: 'ss_semibold';
    font-size: 0.8rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
    display: flex;
}
.div-ausgewaehlter-empfaenger:focus {
    background-color: var(--ST)!important;
    color: var(--light);
    transition: color 0s,
    background-color 0.15s ease-in-out;
}
.ausgewaehlter-empfaenger-name,
.ausgewaehlter-empfaenger-entfernen,
.empfaengergruppe-aufklappen {
    padding: 0 0.2rem;
    height: 1.2rem;
    display: inline-flex;
    align-items: center;
}
.ausgewaehlter-empfaenger-name {
  padding-left: 0.4rem;
}
.ausgewaehlter-empfaenger-entfernen,
.empfaengergruppe-aufklappen {
    color: var(--accent-light);
    font-family: 'bn_regular';
    cursor: pointer;
    font-size: 0.8rem;
}
.empfaengergruppe-aufklappen{
    font-size: 1.3rem;
}
.ausgewaehlter-empfaenger-entfernen:hover {
    color: var(--light);
    background-color: var(--ST);
}
.empfaengergruppe-aufklappen:hover {
    color: var(--light);
    background-color: var(--IL);
}
.inputbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  min-height: 2rem;
  padding: 0.4rem 0.5rem;
  padding-bottom: 0.2rem;
  background-color: var(--basic-light);
  border-bottom: 0.1rem solid var(--accent-light);
  width: 100%;
  border-radius: 0.125rem;
  cursor: text;
}
.inputbox:hover {
  background-color: var(--light);
  border-color: var(--accent);
}
#div-ausgewaehlte-empfaenger input {
  height: 1.2rem;
  font-size: 99%;
  font-family: 'ss_regular';
  padding: 0;
  margin-bottom: 0.2rem;
  border: none;
  background-color: transparent;
  display: inline-block;
  text-align: left;
  width: auto;
  min-width: 2rem;
  color: var(--accent);
}
#div-ausgewaehlte-empfaenger input:hover {
  background-color: transparent;
}
.li-nachricht-empfaenger-member {
  display: flex;
  cursor:pointer;
  display:flex;
  align-items:center;
  padding: calc(0.3125rem / 2) 0;
}
.li-nachricht-empfaenger-member * {
  transition: none;
}
.li-nachricht-empfaenger-member .kontakt_info {
  flex-direction: column;
}
/*
*,
input[type=text], button, textarea {
    border-radius: 0.15rem;
}
figure, img {
    border-radius: 0;
}
*/



/* KACHELN Allgemein */

.tiles ul {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 0.2rem;
    margin-bottom: 0.2rem;
}
.tiles li {
    overflow: hidden;
}
.tiles a {
    width: 100%;
    height: 100%;
}
.tiles figure {
    position: relative;
    height: calc((100vw - 1.5rem) / 40 * 21);
    max-height: calc(30rem / 40 * 21);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.tiles img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--basic-dark);
}



/* KACHELN Impressionen Allgemein */

.impress.tiles ul {
    grid-template-columns: repeat(2, calc((100% / 2) - (0.2rem / 2)));
}
.impress.tiles.row_2 ul {
    grid-template-columns: repeat(3, calc((100% / 3) - (0.2rem * 2 / 3)));
}
.impress.tiles.row_3 ul {
    grid-template-columns: repeat(4, calc((100% / 4) - (0.2rem * 3 / 4)));
}
.impress.tiles figure {
    height: calc(((100vw / 2) - (0.2rem / 2)) / 40 * 21);
    max-height: calc((80rem / 2) / 40 * 21);
}
.impress.tiles.row_2 figure {
    height: calc(((100vw / 3) - (0.2rem * 2 / 3)) / 40 * 21);
    max-height: calc((80rem / 3) / 40 * 21);
}
.impress.tiles.row_3 figure {
    height: calc(((100vw / 4) - (0.2rem * 3 / 4)) / 40 * 21);
    max-height: calc((80rem / 4) / 40 * 21);
}
.impress.tiles.row_1 li:nth-child(1n + 3),
.impress.tiles.row_2 li:nth-child(1n + 4),
.impress.tiles.row_3 li:nth-child(1n + 5) {
    display: none;
}



/* FORMULARE */

*:focus {
    outline: none;
}
form {
    margin-bottom: 0.5rem;
}
.formbody {
    padding: 0.5rem;
    background-color: var(--basic-dark);
    border-radius: 0.2rem;
}
.mb_dialog .formbody {
  background: transparent;
}
.widget {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.75rem;
}
.widget div {
    display: flex;
    flex-direction: column-reverse;
}
.widget-submit {
    align-items: center;
    box-shadow: none;
    margin-bottom: 0;
    flex-wrap: wrap;
}
input,
select {
    border: 0;
    border-radius: 0.125rem;
    color: var(--IL);

}
.widget-select {
  position: relative;
  /* width: fit-content; */
}
.widget-select::before {
  position: absolute;
  right: 0.3125rem;
  top: 0;
  bottom: 0;
  width: 1rem;
  font-family: 'icon';
  content: "\e92a";
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-light);
  z-index: 2;
  font-size: 0.7rem;
  margin: auto;
  pointer-events: none;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -moz-padding-start: calc(10px - 3px);
  border: none;
  padding-right: 1.5rem!important;
}
select::-ms-expand {
  display: none;
}
input.text,
input.password,
input.date,
select {
    width: 100%;
    height: 2rem;
    background-color:  #f5f5f5;
    padding: 0 0.5rem;
    padding-right: 0;
    border: none;
    border-bottom: 0.1rem solid var(--accent-light);
    font-family: 'handwrite';
}
textarea {
    width: 100%;
    min-width: calc(100% - 13rem);
    resize: vertical;
    min-height: 6rem;
    background-color:  #f5f5f5;
    border: none;
    border-bottom: 0.1rem solid var(--accent-light);
    padding: 0.5rem;
    font-family: 'handwrite';
    color: var(--IL);
}
.kurs input.text,
.kurs input.password,
.kurs select,
.kurs textarea,
.serial_form input.text,
.serial_form input.password,
.serial_form select,
.serial_form textarea {
    font-family: inherit;
    color: inherit;
}
input.text:hover,
input.text:focus,
input.password:hover,
input.password:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
    background-color: var(--basic-light);
    border-color: var(--accent);
}
label,
legend {
    margin-top: 0.25rem;
    margin-bottom: 0.125rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--accent);
}
label p {
    margin: 0;
}
fieldset {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.radio_container {
    margin-bottom: 0;
}
.radio_container .options_wrapper {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
}
.fieldset_wrapper {
    display: flex;
    min-height: 1.5rem;
    margin-bottom: 0.5rem;
}
.fieldset_wrapper>div {
    display: flex;
    width: 50%;
    max-width: 12rem;
    align-items: center;
}
fieldset input[type="radio"]+label,
fieldset input[type="checkbox"]+label,
.radio_container .options_wrapper label {
    font-size: inherit;
    text-transform: none;
    margin: 0;
}
.radio_container .options_wrapper span {
    margin-bottom: 0.5rem;
}
fieldset span {
    margin-right: 0.5rem;
}
.checkbox_container {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}
.radio_container span,
.checkbox_container span {
    display: flex;
    align-items: center;
}
.radio_container label,
.checkbox_container label {
    margin: 0;
    width: auto;
    font-size: 1rem;
    text-transform: none;
    text-align: left;
}
.widget-submit {
    margin-top: 1rem;
}
.widget p.error {
    margin-top: 0.5rem;
}
.formbody .button_wrapper {
    margin-top: 1rem;
    margin-bottom: 0;
}
.cb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    margin-right: 0.125rem;
}
/*
.kt_wrapper .cb_wrapper {
    background-color: var(--basic-light);
}
.kt_wrapper .cb_wrapper:hover {
    background-color: var(--light);
}
*/
.cb_wrapper+label {
    width: auto;
    flex: 1;
    font-family: 'bn_bold';
    font-size: 1rem;
    color: var(--accent-light);
    cursor: pointer;
}
.cb_wrapper+label:hover {
    color: var(--accent);
}
fieldset input[type="radio"],
fieldset input[type="checkbox"] {
    margin-right: 0.2rem;
}
input:disabled,
input:disabled+label {
    opacity: 0.5;
}
fieldset.janein,
fieldset.assessment,
fieldset.range {
  display: flex;
  justify-content: space-between;
}
.assessment legend,
.janein legend,
.sichtbarkeit legend {
  text-transform: none;
  font-size: 1rem;
}
.assessment .fieldset_content,
.janein .fieldset_content,
.range .fieldset_content {
  flex-direction: row!important;
  flex-wrap: wrap;
  width: 10rem;
  min-width: 10rem;
}
.options .fieldset_content {
  flex-direction: row!important;
  flex-wrap: wrap;
}
.options .fieldset_wrapper,
.assessment .fieldset_wrapper,
.janein .fieldset_wrapper {
  overflow: hidden;
}
.janein fieldset.janein {
  flex-direction: column;
}
.options .fieldset_wrapper span,
.assessment .fieldset_wrapper span,
.janein .fieldset_wrapper span {
  margin-right: 0.2rem;
}
.options .fieldset_wrapper input,
.assessment .fieldset_wrapper input,
.janein .fieldset_wrapper input,
.sichtbarkeit input {
  transform: translateX(-2rem);
  margin-right: 0;
  width: 0.2rem;
}
.options .fieldset_wrapper label,
.assessment .fieldset_wrapper label,
.janein .fieldset_wrapper label,
.sichtbarkeit label {
  background-color: var(--basic-light);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 1.25rem;
  height: 2rem;
  text-align: center;
  padding-right: 0;
  font-family: 'bn_bold';
  color: var(--second-dark);
  margin: 0.2rem 0;
  filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
  transition: 0.3s ease-in-out;
  font-size: 1.2rem;
  border: none;
}
.options .fieldset_wrapper label,
.janein .fieldset_wrapper label,
.sichtbarkeit label {
  width: auto;
  height: auto;
  min-height: 2rem;
  min-width: 3.5rem;
  padding: 0.2rem 0.75rem;
  white-space: nowrap;
  border-radius: 0.125rem;
}
.sichtbarkeit label {
  min-width: 100%;
  padding: 0;
  padding-right: 0.5rem;
  text-align: center;
  margin: 0;
  filter: none;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.sichtbarkeit label span {
  font-family: 'icon';
  width: 2rem;
  justify-content: center;
}
.sichtbarkeit {
  display: flex;
  position: relative;
}
.sichtbarkeit .select_box {
  position: absolute;
  top: 2.1125rem;
  right: -0.2rem;
  z-index: 777;
  overflow: hidden;
  background-color: var(--light);
  border-radius: 0.125rem;
  filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
  margin: 0.2rem;
}
.sichtbarkeit .select_box div {
  display: flex;
  overflow: hidden;
}
.sichtbarkeit .select_box input:hover+label span {
  color: var(--BW);
}
.options .fieldset_wrapper label:hover,
.assessment .fieldset_wrapper label:hover,
.janein .fieldset_wrapper label:hover,
.sichtbarkeit label:hover {
  background-color: var(--light);
  color: var(--accent);
  filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 20%));
}
.options .fieldset_wrapper input:checked+label,
.assessment .fieldset_wrapper input:checked+label,
.janein .fieldset_wrapper input:checked+label,
.sichtbarkeit input:checked+label {
  color: var(--BW);
  background-color: var(--light);
}
label.mandatory,
.mandatory p {
  justify-content: center;
}
.options.studiengang .fieldset_content {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}
.options.studiengang .fieldset_wrapper {
  display: inline-grid;
}
.options.studiengang legend {
  width: 8.3125rem;
}
.options.studiengang label {
  width: 100%;
  min-height: 3rem;
  white-space: normal;
  font-size: 1.4rem;
}
.options.studiengang label:hover,
.options.studiengang input:checked+label {
  color: var(--light);
}
.options .fieldset_wrapper label[id="lbl_62_0"]:hover,
.options .fieldset_wrapper input:checked+label[id="lbl_62_0"] {
  background-color: var(--BW);
}
.options .fieldset_wrapper label[id="lbl_62_1"]:hover,
.options .fieldset_wrapper input:checked+label[id="lbl_62_1"] {
  background-color: var(--IL);
}
.options .fieldset_wrapper label[id="lbl_62_2"]:hover,
.options .fieldset_wrapper input:checked+label[id="lbl_62_2"] {
  background-color: var(--SO);
}
.serial_form .table_grid_column {
  display: grid;
  grid-template-columns: auto 2rem;
  grid-template-rows: auto auto;
  grid-template-areas: "b c"
                      "a a";
  margin-bottom: 0.3125rem;
  column-gap: 0.3125rem;
}
.serial_form *[disabled],
.serial_form *[disabled]:hover {
  background-color: var(--second-light);
  opacity: 1;
}
.bezeichnung {
  grid-area: a;
}
.eintrag {
  grid-area: b;
  position: relative;
}
.sichtbarkeit {
  grid-area: c;
}
.serial_form .sichtbarkeit select span.icon {
  font-family: 'icon';
}
.serial_form .sichtbarkeit select span.name {
  display: none;
}
.serial_form .sichtbarkeit select option span.name {
  display: inline-block;
  margin-left: 0.3125rem;
}
.mr_avatar .eintrag {
  margin: auto;
  display: flex;
  justify-content: center;
}
span.mandatory {
    color: var(--ST);
}


/* KOMMENTARE */


.ce_comments .toggler {
    margin: 0;
    min-height: auto;
    display: flex;
    padding: 0;
	font-weight: 300;
    background-color: transparent;
}
.ce_comments .toggler:hover {
    transform: scale(1);
    background-color: transparent;
}
.ce_comments .comments_header h2 {
    display: inline-flex;
    margin-bottom: 0;
    cursor: pointer;
}
.ce_comments .toggler_icon {
	margin-left: 0.5rem;
    font-family: 'icon';
    font-size: 1.5rem;
    color: var(--accent-light);
}
.ce_comments .toggler_icon:hover {
    color: var(--accent);
}
.ce_comments .accordion {
    padding: 0;
    padding-top: 1rem;
}
.comment_default {
	margin-top: 1rem;
    margin-bottom: 0.2rem;
	padding: 0.75rem;
	background-color: var(--basic-dark);
}
.write-comment,
.comment_default:last-of-type {
	margin-bottom: 2rem;
}
.comment_default .info {
	font-size: 1rem;
}
.comment {
	margin-top: 0.25rem;
}
.comment p:last-of-type {
    margin-bottom: 0;
}
.reply {
	margin-top: 0.75rem;
	background-color: var(--basic);
	padding: 0.75rem;
}
.reply .info {
  font-size: smaller;
}
.write-comment {
    margin-top: 1rem;
}



/* AKKORDEON */

.toggler,
.ui-accordion-header {
    margin-top: 0.2rem;
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    background-color: var(--basic-light);
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-family: 'ss_semibold', sans-serif;
    position: relative;
}
/*
.toggler:after {
    position: absolute;
    right: 1rem;
    min-height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'icon';
    color: var(--accent-light);
    content: "\e92b";
}
.toggler:hover:after {
    color: inherit;
}
.accordion-header-active:after {
    content: "\e925";
}
*/
.toggler.open {
  opacity: 0.5;
}
.toggler p {
    line-height: 100%;
}
.ce_accordion:first-of-type .toggler {
    margin-top: 0;
}
.accordion-header-active {
    background-color: var(--basic-dark);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.toggler:hover {
    background-color: var(--light);
}
.accordion-header-active:hover {
    background-color: var(--basic-dark);
}
.accordion {
    padding: 0.75rem;
    opacity: 0;
}
.accordion.accordion-content-active {
    opacity: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion_blank>.toggler {
    margin-top: 0;
    padding: 0;
    height: auto;
    min-height: auto;
    background-color: var(--basic);
}
.accordion_blank>.toggler:hover {
    background-color: var(--basic);
    transform: none;
}
.accordion_blank>.toggler h2:after {
    font-family: 'icon';
    content: '\e92b';
    font-size: 1rem;
    margin-left: 0.75rem;
    color: var(--accent-light);
}
.accordion_blank>.toggler:hover h2:after {
  color: var(--accent);
}
.accordion_blank>.toggler.accordion-header-active h2:after {
  content: '';
}
.kurs_mitteilung {
  padding: 1rem;
}
.accordion_blank>.toggler.button_wrapper.accordion-header-active {
  display: none;
}
.stellen .accordion_blank>.toggler.button_wrapper a {
  background-color: var(--PT);
  color: var(--basic-light);
}
/* .accordion_blank>.toggler.button_wrapper a::before {
  font-family: 'icon';
  content: '\e90d';
  font-size: 1.2rem;
  margin-right: 0.5rem;
} */
.accordion_blank>.accordion {
    padding: 0;
}
.accordion .button_wrapper {
    margin-bottom: 0.5rem;
}
.meinedaten .toggler p {
  margin: 0;
}
.meinedaten .toggler p span {
  margin-right: 0.3125rem;
  width: 1rem;
  display: inline-block;
  text-align: center;
}
.nachricht-toggler-tail {
  width: 4.3rem;
  justify-content: center;
}




/* DOWNLOAD-ELEMENTE */

.ce_downloads {
  max-width: 25rem!important;
}
.download-element a {
    padding: 0 0.75rem;
    line-height: normal;
}
.download-element>a {
    width: 100%;
    overflow: hidden;
}
.download-element>div.dz {
    width: 100%;
}
.download-element a.bb_button {
    padding: 0!important;
    padding-left: 0.5rem!important;
}
.download-element p {
    margin-bottom: 0.1rem!important;
}
.download-element .mime_icon {
    height: 1.9rem;
    width: 1.9rem;
    display: flex;
    justify-content: center;
}
.download-element .mime_icon div {
    position: relative;
    height: 100%;
    width: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0.125rem;
    font-family: 'bn_bold';
    font-size: 0.7rem;
    color: var(--basic-light);
    background-image: url('../../files/core/images/MIME_leer.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    line-height: normal;
}
.download-element a:hover .mime_icon div {
    opacity: 1;
}
.mime_icon.mime_ppt div,
.mime_icon.mime_pptx div {
    background-image: url('../../files/core/images/MIME__Presentation.svg');
}
.mime_icon.mime_pdf div {
    background-image: url('../../files/core/images/MIME__PDF.svg');
}
.mime_icon.mime_rtf div,
.mime_icon.mime_txt div,
.mime_icon.mime_doc div,
.mime_icon.mime_docx div,
.mime_icon.mime_odt div {
    background-image: url('../../files/core/images/MIME__Text.svg');
}
.mime_icon.mime_xls div,
.mime_icon.mime_xlsx div,
.mime_icon.mime_csv div {
    background-image: url('../../files/core/images/MIME__Tabellen.svg');
}
.mime_icon.mime_jpg div,
.mime_icon.mime_jpeg div,
.mime_icon.mime_png div,
.mime_icon.mime_gif div,
.mime_icon.mime_webp div,
.mime_icon.mime_svg div,
.mime_icon.mime_tif div,
.mime_icon.mime_tiff div,
.mime_icon.mime_bmp div,
.mime_icon.mime_pdn div,
.mime_icon.mime_psd div {
    background-image: url('../../files/core/images/MIME__Bild.svg');
}
.mime_icon.mime_mp3 div,
.mime_icon.mime_m4a div,
.mime_icon.mime_aac div,
.mime_icon.mime_wav div,
.mime_icon.mime_ogg div {
    background-image: url('../../files/core/images/MIME__Audio.svg');
}
.mime_icon.mime_mp4 div,
.mime_icon.mime_avi div,
.mime_icon.mime_mov div,
.mime_icon.mime_mpg div,
.mime_icon.mime_mpeg div,
.mime_icon.mime_divx div {
    background-image: url('../../files/core/images/MIME__Video.svg');
}
.mime_icon.mime_html div,
.mime_icon.mime_php div,
.mime_icon.mime_css div,
.mime_icon.mime_xml div,
.mime_icon.mime_xhtml div,
.mime_icon.mime_js div {
    background-image: url('../../files/core/images/MIME__Code.svg');
}
.mime_icon.mime_zip div,
.mime_icon.mime_rar div,
.mime_icon.mime_ace div,
.mime_icon.mime_cab div {
    background-image: url('../../files/core/images/MIME__Container.svg');
}
.download-element .kurs_info {
    overflow: hidden;
    padding: 0.2rem 0.75rem;
    width: 100%;
}
.download-element .kurs_info input {
    width: 100%;
}
.download-element>div:not(.dz) {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-bottom: 0.5rem;
}
.dropzone_container {
    background-color: var(--basic-light)!important;
    overflow: auto;
}
.dropzone_container:hover {
    background-color: var(--light)!important;
}
.dropzone {
    min-height: 5rem!important;
    border: var(--basic-dark) dashed 0.125rem!important;
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropzone:hover {
    border: var(--accent-light) dashed 0.125rem!important;
}
.dropzone .dz-message {
    margin: 0!important;
}
.dropzone button {
    filter: none;
    color: var(--accent-light)!important;
}
.dropzone:hover button {
    filter: none;
    color: var(--accent-dark)!important;
}
.kurs_dateien .accordion_blank .accordion {
    padding: 0.75rem;
}
.showIfFiles:not(ul) {
    display: flex;
}
.showIfMoreThanOneFile:not(ul) {
    display: flex;
}


/* BENACHRICHTIGUNGS-BOXEN */

.box {
    margin-bottom: 0.2rem;
    display: flex;
    border-radius: 0.2rem;
}
.box .form_fields {
    padding-right: 0.5rem;
}
.box.border,
.box.code_grey>div:first-of-type,
.box.code_blue>div:first-of-type,
.box.code_orange>div:first-of-type,
.box.code_red>div:first-of-type,
.box .editing,
.box.empty>div:first-of-type {
    padding: 0.75rem;
    width: 100%;
}
.code_grey {
    background-color: var(--basic-dark)!important;
    background: linear-gradient(160deg, var(--basic-dark) 0%, #d3d3d3 100%);
}
.code_blue {
    background-color: #dee8f5!important;
    background: linear-gradient(160deg, #dee8f5 0%, #cadaef 100%);
    color: #3d5b74!important;
}
.mb_title.code_blue {
    color: var(--light)!important;
    background: var(--IL)!important;
}
.hint.code_blue .button:hover {
    color: #3d5b74!important;
}
.code_orange {
    background-color: #feead5!important;
    background: linear-gradient(160deg, #feead5 0%, #fddebc 100%);
    color: #8d612f!important;
}
.mb_title.code_orange {
    color: var(--light)!important;
    background: var(--BW)!important;
}
.code_red {
    background-color: #fce7e4!important;
    background: linear-gradient(160deg, #fce7e4 0%, #f9d3cd 100%);
    color: var(--HT)!important;
}
.mb_title.code_red {
    color: var(--light)!important;
    background: var(--ST)!important;
}
.box.empty {
    border: dotted 0.125rem var(--basic-dark);
}
.editnow>.box.empty {
    border: none;
}
.box_wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.box_text {
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: fit-content;
}
.box_text.freigabe-buttons {
    flex-direction: row;
}
.dashboard_infobox.box_text {
  text-align: left;
  margin: 0;
}
/* .nachrichtenbox.box_text {
  text-align: left;
  margin: 0;
} */
#modal-nachricht-schreiben .dropzone_container {
  margin-bottom: 0.5rem;
}
#abzeichen_dialog .box_wrapper {
  display: grid;
  grid-template-columns: 8rem calc(100% - 9rem);
  grid-gap: 1rem;
}
#abzeichen_dialog .box_pic,
#abzeichen_dialog .box_text {
  width: 100%;
  margin: 0!important;
}
#abzeichen_dialog .box_text {
  min-width: fit-content;
  width: 35rem;
  max-width: 100%;
  text-align: left!important;
}
#abzeichen_dialog .box_pic {
  height: 5rem;
}
.abzeichen .box_wrapper {
  flex-direction: row;
  flex-wrap: wrap;
}
.abzeichen img {
  cursor: pointer;
}
.box h3 {
  margin-top: 0;
}
.box p:last-of-type,
.box_text p:last-of-type {
    margin-bottom: 0;
}
.box_pic {
    display: flex;
    justify-content: center;
    width: 8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
.ev_box {
   border-radius: 0.2rem;
   padding: 0.75rem;
   padding-top: 1.5rem;
   width: 100%;
   position: relative;
}
.ev_box .ev_flag {
   position: absolute;
   top: -0.575rem;
   left: 0;
}
.ev_box p:last-of-type {
  margin-bottom: 0;
}
.nachricht:first-of-type {
  margin-top: 2rem;
}
.info_container .info {
  padding: 0.5rem;
  background-color: var(--basic-dark);
}





/* PAGINIERUNG */

.pagination {
    margin-top: 2rem;
}
.pagination p {
    display: none;
}
.pagination ul {
    display: flex;
    width: 100%;
    justify-content: center;
}
.pagination li {
    margin: 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination li .icon {
    font-size: 1rem;
}
.pagination li strong {
    font-family: 'bn_bold';
    font-size: 1.3rem;
}




/* HIGHLIGHT-AUFZÄHLUNGEN */

.highlights li {
    display: flex;
    margin-bottom: 1rem;
    margin-left: 0;
}
.highlights li:last-of-type {
    margin-bottom: 0;
}
.highlights li:before {
    font-family: 'icon';
    font-size: 1.3rem;
    padding-right: 0.6rem;
    content: '\e90e';
}
.highlights li p {
    margin-bottom: 0;
}



/* STEPS */

.steps {
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--accent-light);
}
.step:before,
.step>*:before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'icon';
    font-size: 2rem;
    color: var(--second-light);
}
.step_line {
    width: 10vw;
    max-width: 1.5rem;
    border-bottom: 0.125rem solid var(--basic-dark);
    margin: 0 0.4rem;
}
h1.step {
    display: flex;
    align-items: center;
}
h1.step:before {
    font-size: 1.8rem;
    margin-right: 0.6rem;
}
.step_list li {
    display: flex;
    list-style: none;
    margin-left: 0;
    align-items: center;
    margin-bottom: 0.75rem;
}
.step_list li p {
    margin-bottom: 0;
    font-family: 'ss_semibold', sans-serif;
}
.step_list .step:before {
    margin-right: 1rem;
    font-size: 1.8rem;
    color: var(--BW)!important;
}
.ustep {
  font-family: 'bn_bold';
  font-size: 1.1rem;
  color: var(--second-light);
}
.ustep_active {
  color: var(--BW);
}
.ustep .step_line {
  max-width: 0.9rem;
  margin: 0 0.3rem;
}



/* MITGLIEDER */

.avatar {
    display: flex;
    border-radius: 50%;
    overflow: hidden;
    width: 7rem;
    height: 7rem;
    align-items: center;
    justify-content: center;
}
.avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.avatar .ah_initialen {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-family: 'bn_regular';
    font-size: 1rem;
    color: var(--basic);
    background-color: var(--accent-light);
    border-radius: 50%;
}
a:hover .avatar .ah_initialen {
    background-color: var(--accent);
}





/* Startseite */

.start .ad.tiles:first-child li:nth-child(1n + 3),
.start .event.tiles li:nth-child(4){
    display: none!important;
}
.start .event.tiles li li:nth-child(4) {
    display: inherit;
}
.start .ce_headline {
    max-width: 30rem;
    margin-top: 1rem;
}
.start .event.tiles {
    margin-bottom: 1.5rem;
}



/* Bibelstudium */

.bibelstudium .highlights li:before,
.bibelstudium .hero_icon {
    color: var(--BW);
}
.bibelstudium .hero_button {
    background-color:  var(--BW);
    color: var(--basic-light);
}
.bibelstudium .hero_button:hover {
    color: var(--light);
}
#stud_top .impress.row_1 .row_2.col_0,
#stud_top .impress.row_2 .row_0.col_2,
#stud_top .impress.row_2 .row_0.col_3,
#stud_top .impress.row_2 .row_1.col_3,
#stud_center .impress.row_2.first .row_0.col_0,
#stud_center .impress.row_2.first .row_1.col_0,
#stud_center .impress.row_2.first .row_1.col_2,
#stud_center .impress.row_2.first .row_2.col_1,
#stud_center .impress.row_2.first .row_2.col_2,
#stud_center .impress.row_1 .row_0.col_2,
#stud_center .impress.row_1 .row_2.col_0,
#stud_center .impress.row_2.last .row_0.col_1,
#stud_center .impress.row_2.last .row_1.col_0,
#stud_center .impress.row_2.last .row_1.col_3,
#stud_center .impress.row_2.last .row_2.col_3 {
    opacity: 0;
}
.anmeldung .step_1:before {
    content: '\e900';
}
.anmeldung .step_2:before {
    content: '\a922';
}
.anmeldung .step_3:before {
    content: '\e920';
}
.anmeldung .step_4:before {
    content: '\e90e';
}
.anmeldung.s1 .step_1:before,
.anmeldung.s2 .step_1:before,
.anmeldung.s2 .step_2:before,
.anmeldung.s3 .step_1:before,
.anmeldung.s3 .step_2:before,
.anmeldung.s3 .step_3:before,
.anmeldung.s4 .step_1:before,
.anmeldung.s4 .step_2:before,
.anmeldung.s4 .step_3:before,
.anmeldung.s4 .step_4:before {
    color: var(--BW)
}
.anmeldung .mod_registration .widget-radio {
    display: none;
}
.kasse .step.address>*:before {
  content: '\e948';
}
.kasse .step.shipping>*:before {
  content: '\f0ac';
}
.kasse .step.payment>*:before {
  content: '\e944';
}
.kasse .step.review>*:before {
  content: '\e90e';
}
.kasse .step.passed>*:before,
.kasse .step.active>*:before {
  color: var(--PF)
}
.kasse .step.passed + .step_line {
  border-color: var(--PF)
}
.form_studiengang {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form_studiengang .button {
  width: 100%;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.flex_wrapper {
    display: flex;
    flex-direction: column;
}
.flex_wrapper .box_text,
.benachrichtigungen.otherBirthdays .box_text,
.benachrichtigungen.praktika .box_text,
.benachrichtigungen.praktikumsstellen .box_text,
.benachrichtigungen.nachrichteninfo .box_text  {
    justify-content: flex-start;
    text-align: left;
    margin: 0;
}
.flex_wrapper .h2_image_wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}
.flex_wrapper .h2_image {
    margin-right: 1rem;
}
.flex_wrapper .h2_image img {
    width: 3rem;
    height: 3rem;
}
.flex_wrapper .h2_header h2 {
    margin-bottom: 0;
}
.flex_wrapper a.box {
    background-color: var(--basic-light);
    color: inherit;
}
.flex_wrapper a.box:hover {
    background-color: var(--light);
    color: inherit;
}
.pluslist li {
    display: flex;
    margin-bottom: 1rem;
    margin-left: 0;
    font-family: 'ss_regular';
    font-size: 1rem;
}
.pluslist li:before {
    font-family: 'icon';
    font-size: 1.3rem;
    padding-right: 0.6rem;
    content: '\e92b';
    color: var(--BW);
}





/* Israelreisen */

.israelreisen .highlights li:before,
.israelreisen .hero_icon {
    color: var(--IL);
}




/* Veranstaltungen */

.mod_eventreader_plus .image_container {
    margin-bottom: 2rem;
}
.mod_eventreader_plus h1 {
    font-size: 2.4rem;
}
.button_wrapper {
    margin-top: 2rem;
}
.button_wrapper,
.inf-scr-load-more-btn-container {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
.inf-scr-load-more-btn-container {
    margin-top: 1rem;
}
/*
.event .grid_main .indented,
.event .details_wrapper .ce_text,
.event .grid_aside .indented {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
*/
.details_wrapper>div:not(:first-of-type) {
  margin-top: 2rem;
}
.event.layout_full.media_event {
  background-color: var(--basic);
  padding: 0.5rem;
  border-radius: 0.2rem;
}
.event_docent {
    font-family: 'sc_regular', monospace;
}
.event_categorie {
    display: flex;
    margin-top: 0.75rem;
    margin-right: auto;
    padding: 0 0.2rem;
    height: 1.2rem;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    text-transform: uppercase;
    background-color: var(--accent-dark);
    color: var(--light);
    font-family: 'sc_regular';
}
.infobox_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}
.infobox {
    color: var(--accent);
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    text-align: center;
    margin-left: 1rem;
}
.gm-style .infobox {
    margin-left: 0;
}
.code {
    font-size: 0.8rem;
    font-family: 'sc_regular', monospace;
}
.legend {
    font-size: 0.7rem;
    margin-right: 0.25rem;
}
.legend:after {
    content: ':';
}
.layout_full figure.hero {
    position: relative;
    display: flex;
    min-height: calc(100% / 40 * 21);
    max-height: 27rem;
    overflow: hidden;
    border-radius: 0.125rem;
}
.layout_full.media_event figure.hero {
    min-height: auto;
}
.event_kopf,
div[class^="event_kopf_"] {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.spezifikationen {
    position: relative;
    display: flex;
    flex-direction: row;
    padding: 0 0.5rem;
    align-items: center;
    min-height: 4rem;
    margin: 0.75rem 0;
}
.besonderheiten {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    width: 100%;
}
.ev_flag {
   display: flex;
}
.besonderheiten li {
    display: flex;
    margin-left: 0.2rem!important;
    margin-top: 0.1rem!important;
    margin-bottom: 0.1rem!important;
}
.ev_flag>div,
.besonderheiten li>div {
    font-family: 'bn_bold';
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    padding: 0 0.2rem;
    padding-top: 0.05rem;
    white-space: nowrap;
    height: 1.15rem;
    border: 0.125rem solid var(--accent);
    border-left: 1.075rem solid;
    position: relative;
    background-color: var(--light);
    color: var(--accent);
}
.event_kosten .ev_flag>div,
.besonderheiten li.event_kosten>div {
    border-color: var(--PF);
    color: var(--PF);
}
.event_stream .ev_flag>div,
.besonderheiten li.event_stream>div {
    border-color: var(--ST);
    color: var(--ST);
}
.event_lokal .ev_flag>div,
.besonderheiten li.event_lokal>div {
    border-color: var(--BW);
    color: var(--BW);
}
.event_kinderbetreuung .ev_flag>div,
.besonderheiten li.event_kinderbetreuung>div {
    border-color: var(--PT);
    color: var(--PT);
}
.event_essen .ev_flag>div,
.besonderheiten li.event_essen>div {
    border-color: var(--IL);
    color: var(--IL);
}
.ev_flag>div span,
.besonderheiten li>div span {
    position: absolute;
    top: 0;
    left: -1.0125rem;
    bottom: 0;
    color: var(--light);
    width: 0.95rem;
    margin-right: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7rem;
}
.tiles ul.besonderheiten {
    display: flex;
    grid-gap: 0;
    padding: 0.2rem;
    padding-top: 0.125rem;
    background-color: var(--basic-light);
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    overflow: hidden;
    margin-bottom: 0;
}
.tiles:hover ul.besonderheiten {
    background-color: var(--light);
}
.spezifikationen .info {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.spezifikationen .info time {
    font-family: 'bn_bold';
    font-size: 1.3rem;
}
.spezifikationen .info time span {
    font-family: 'bn_regular';
    font-size: 1rem;
}
.spezifikationen .info h1 {
    margin: 0;
    margin-top: 0.2rem;
}
.event_hinweis {
    font-family: 'sc_regular';
    font-size: 0.9rem;
}
.besonderheiten {
        display: flex;
        justify-content: space-between;
    }
    .spezifikationen .besonderheiten {
        justify-content: flex-end;
    }
    .besonderheiten div {
        display: flex;
    }
    .besonderheiten .bookinginfo {
        display: flex;
        align-items: center;
        font-family: 'bn_bold';
        font-size: 0.9rem;
    }
.profil h2,
.event h2 {
    display: flex;
    align-items: center;
}
.profil h2:before,
.event h2:before {
    font-family: 'icon';
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    width: 1.3rem;
    margin-right: 0.2rem;
}
.event .event_referent h2:before {
    content: '\e976';
}
.event .event_stream h2:before {
    content: '\f03d';
}
.event .event_kinderbetreuung h2:before {
    content: '\e9df';
}
.event .event_teilnehmer h2:before {
    content: '\e926';
}
.event .event_anmeldung h2:before {
    content: '\e973';
}
.event .event_kosten h2:before {
    content: '\e944';
}
.event .event_location h2:before {
    content: '\e948';
}
.profil .profil_dateien h2:before,
.event .event_dateien h2:before {
    content: '\e921';
}
.profil .profil_praktika h2:before {
    content: '\f0b1';
    font-size: 1rem;
}
.profil .profil_beurteilung h2:before {
    content: '\e946';
}
.profil .profil_vermerk h2:before {
    content: '\e903';
}
.vermerk p:last-of-type {
  margin-bottom: 0;
}
.profil .profil_newsletter h2:before {
    content: '\e907';
}
.share h2:before {
    content: '\e933';
}
.event_kosten .hero_button {
    background-color:  var(--PF);
    color: var(--basic-light);
}
.event_kosten .hero_button:hover {
    color: var(--light);
}
.event .slick-list {
    width: 100%;
}
.media_event .avatar img {
    object-fit: cover;
}
.event #profilheader {
    margin-top: 0;
}
.event #profilheader h1 {
    font-size: 1.25rem;
    margin-top: 0;
}
#profilheader .button_wrapper {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.event #profilheader .kontakt_info {
/*
    background-color: var(--dark);
    background-image: url("../../files/core/images/tafel.jpg");
    background-position: center;
    background-size: cover;
    box-shadow: 1rem 1rem 3rem var(--dark) inset,
                -1rem -1rem 3rem var(--dark) inset;
    color: var(--light);
*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.9rem;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    min-height: 13rem;
}
.mod_calendar_event_booking_member_list .ce_table {
    padding-top: 0.5rem;
}
.teilnehmer .toggler {
    font-family: 'ss_regular';
}
.hero_kontakt {
  padding: 0.5rem;
}
.hero_kontakt .avatar {
  width: 3rem;
  height: 3rem;
}
.hero_kontakt .kontakt_info .name {
  font-family: 'bn_bold';
  font-size: 1.2rem;
}
.eb_after .hero {
  margin-bottom: 2rem;
}
.bibleText {
  margin-top: 0.5rem;
  font-family: 'handwrite';
  font-size: 1.05rem;
  line-height: 1.4rem;
  color: var(--IL);
  text-align: center;
}
.bibleVerse {
  margin-top: 0.75rem;
  text-align: center;
}
.bibleVerse a {
  font-size: 1rem;
  font-family: 'bn_regular';
  color: var(--IL);
}




/* Gästehaus */

.gaeste .highlights li:before,
.gaeste .hero_icon {
  color: var(--IT);
}
.gaeste .hero_icon {
  font-size: 5em;
}


/* Freunde werden */

.freunde .highlights li:before,
.freunde .hero_icon {
    color: var(--PT);
}
.freunde .hero_button {
    background-color:  var(--PT);
    color: var(--basic-light);
}
.freunde .hero_button:hover {
    color: var(--light);
}




/* Account-Seite: Mein Account */

#accountheader {
    max-width: 30rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    background-color: var(--basic-dark);
    display: flex;
    position: relative;
    border-radius: 0.2rem;
}
#accountheader .ah_wrapper {
    display: flex;
    padding: 0.2rem;
    margin: auto;
    margin-left: 0;
    margin-right: 0.75rem;
    border-radius: 50%;
    background-color: var(--basic-light);
}
#accountheader .ah_wrapper:hover {
    background-color: var(--light);
}
#accountheader h1 {
    font-size: 1.6rem;
    margin-bottom: 0;
    margin-right: 2.5rem;
}
#accountheader p {
    margin: 0;
}
#accountheader .ah_wrapper .avatar {
    width: 3.75rem;
    height: 3.75rem;
    align-self: center;
}
#accountheader .ah_wrapper .avatar .ah_initialen {
    font-size: 2rem;
}
#accountheader .ah_welcome {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ah_edit {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 99;
}
.ah_edit a {
    font-size: 1.1rem;
}



/* Account-Seite: Profil */


#profilheader {
    position: relative;
}
.kurs_kopf .avatar_wrapper,
#profilheader .avatar_wrapper {
    display: flex;
    margin-right: 0.75rem;
}
.kurs_kopf .avatar_wrapper .avatar,
#profilheader .avatar_wrapper .avatar {
    /* padding: 0.3125rem; */
    background-color: var(--basic);
    width: 5rem;
    height: 5rem;
}
#profilheader .kontakt_info {
    position: relative;
    min-height: 7rem;
    padding: 0.75rem;
    padding-top: 4.25rem;
    text-align: center;
    margin-left: 0;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}
#profilheader .avatar_wrapper .avatar .ah_initialen {
    font-size: 2.75rem;
}
span.label {
  text-transform: uppercase;
  font-size: 0.8rem;
  display: block;
  margin-bottom: 0.2rem;
}
.profil_kontaktdaten .wrapper {
    display: flex;
    margin-bottom: 0.5rem;
}
.profil_kontaktdaten .wrapper:last-of-type {
    margin-bottom: 0;
}
.profil_kontaktdaten,
.datentabelle {
  font-size: 0.9rem;
}
.profil_kontaktdaten p,
.datentabelle p {
  line-height: 100%;
  margin-bottom: 0.5rem;
}
.profil_kontaktdaten p:last-of-type,
.datentabelle p:last-of-type {
    margin-bottom: 0;
}
.profil_kontaktdaten p span,
.datentabelle p span {
    text-transform: uppercase;
    font-size: 0.7rem;
    min-width: 10rem;
    display: inline-block;
}
.kurseintraege h3 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
}
.kurseintraege .bar {
    margin-bottom: 0.2rem;
    min-height: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 9rem;
    align-items: center;
    background-color: var(--basic-dark);
}
.kurs_eintraege .header_wrapper {
  flex-direction: column;
}
.kurs_eintraege .kurseintraege .bar,
.kurseintraege .hint .bar {
  display: flex;
}
.kurseintraege .bar.open {
    background-color: var(--basic-light);
    opacity: 0.5;
    transition: 0.3s ease-in-out;
}
.kurseintraege .bar.open:hover {
    opacity: 1;
}
.kurseintraege .bar.meinKurs,
.kurseintraege .bar.aktuellerKurs {
    background-color: var(--basic-light);
}
.kurseintraege .bar.meinKurs:hover,
.kurseintraege .bar.aktuellerKurs:hover {
    background-color: var(--light);
}
.ke_werte {
    display: flex;
    justify-self: flex-end;
    margin-left: auto;
    font-family: 'bn_bold';
    min-height: 1.5rem;
    z-index: 99;
}
.ke_werte > div {
/*    margin-left: 0.2rem;*/
    text-align: center;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kurseintraege .bar.open .fachbereich_kennzeichnung {
    color: var(--dark);
}
.aufgabenliste .toggler .kurs_info,
.kurseintraege .bar .kurs_info {
    transition: 0.3s ease-in-out;
}
.aufgabenliste .toggler .fachbereich_kennzeichnung .kurs_metaangaben,
.kurseintraege .bar .fachbereich_kennzeichnung .kurs_metaangaben {
    display: none;
}
.kurseintraege .ke_werte > div:first-of-type {
    margin-left: 0;
}
.ke_werte > div span {
    font-family: 'bn_regular';
    margin-left: 0.2em;
}
.kurseintraege > .ctlg_group_headline {
    margin-bottom: 1.5rem;
}
.kurseintraege:last-of-type > .ctlg_group_headline {
    margin-bottom: 0;
}
.kurse .kurseintraege .ke_kurs:last-of-type {
    margin-bottom: 0.2rem;
}
.raster .kurseintraege > .ctlg_group_headline {
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.kurseintraege .ke_fachbereich {
    padding-left: 0.75rem;
    font-family: 'bn_bold';
    margin-bottom: 0;
    color: var(--light);
    font-size: 1.15rem;
    min-height: 1.75rem
}
.kurseintraege .ke_fachbereich .ke_werte {
    min-height: 1.75rem;
}
.kurseintraege .ke_fachbereich .ke_wert_note {
    color: var(--light);
    width: 2rem;
    /* border-left: 0.2rem solid var(--basic); */
}
.kurseintraege .ke_fachbereich>.ke_werte>div,
.kurseintraege .ke_gesamt>.ke_werte>div {
    font-size: 1.15rem;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 1.75rem;
}
.kurseintraege .ke_fachbereich>.ke_werte>div.ke_wert_analytic  {
  width: 3rem;
  font-size: 0.9rem;
}
.kurseintraege .ke_fachbereich>.ke_werte>div.ke_wert_analytic span.icon {
  font-family: 'icon';
}
.ke_wert_semester,
.ke_wert_ps {
    width: 4rem;
    font-size: 0.85rem!important;
    font-family: 'bn_regular';
}
.ke_werte > div.ke_wert_fehlzeiten {
    font-family: 'bn_regular';
    font-size: 0.85rem;
    justify-content: flex-end;
    padding-right: 0.75rem;
    color: var(--BW);
}
.ke_wert_note {
    width: 2rem;
}
.ke_wert_cp {
    width: 3rem;
    padding-right: 0.5rem;
}
.kurseintraege .ke_gesamt {
    padding-left: 0.75rem;
    font-family: 'bn_bold';
    font-size: 1.15rem;
    min-height: 1.75rem
}
.kurseintraege h3:first-of-type {
    margin-top: 0.5rem;
}
.kurseintraege .ke_kurs {
    position: relative;
}
.kurseintraege .ke_kurs.closed:hover {
    background-color: var(--second-light);
}
.kurseintraege .ke_kurs:last-of-type {
    margin-bottom: 0.75rem;
}
.kurseintraege .ke_kurs .fachbereich_kennzeichnung {
    min-height: 1.5rem;
}
.kurseintraege .ke_kurs .kurs_info .kurs_name {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin-bottom: 0!important;
    font-size: 0.85rem;
    line-height: 100%!important;
}
.ke_details {
    display: flex;
    flex-direction: column;
}
.raster .ke_details {
    display: none;
}
.gesamteintraege {
    margin-top: 2rem;
}
.raster .gesamteintraege {
    margin-top: 1rem;
}
.kachel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    min-height: 2rem;
    margin-left: auto;
    text-align: center;
    color: var(--light);
    background-color: var(--accent);
}
.kurseintraege .bar .bar_bar {
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
}
.kurseintraege .bar:hover .bar_bar {
    background-color: var(--second-light);
}
.kurse .block {
    overflow: visible;
}
.kursbar_wrapper {
    position: relative;
}
.kursinfobox {
    display: none;
    flex-direction: column;
    position: relative;
    background-color: var(--basic-dark);
    z-index: 777;
    width: 100%;
    padding: 0;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    height: 0;
}
.kurse .kurseintraege .card_button {
    position: relative;
    overflow: visible;
    flex-direction: column;
}
a:hover .kursinfobox {
    display: flex;
    padding: 0.75rem;
    height: auto;
}
.kursinfobox .bar {
    padding: 0 0.5rem;
    background-color: rgba(255,255,255,0.2);
}
.kursinfobox .bar:hover {
    background-color: rgba(255,255,255,0.4);
}
.kursinfobox .bar .kurs_info {
    padding: 0!important;
}
.kursinfobox .bar:hover .kurs_info {
    padding-left: 0!important;
}
.ke_werte .ke_wert_kursleiter {
    font-size: 1.05rem;
    white-space: nowrap;
}



/* Abzeichen */
.abzeichen .avatar {
  width: 3.637834685rem;
  height: 3.637834685rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
.abzeichen h2:before {
  content: '\e99e';
}
@media only screen and (min-width: 97rem) {
  .abzeichen .avatar {
    width: 4.4056rem;
    height: 4.4056rem;
  }
}
@media only screen and (min-width: 120rem) {
  .abzeichen .avatar {
    width: 4.40525769rem;
    height: 4.40525769rem;
  }
}






/* Account-Seite: Vorlesungen */


.minimap {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.minimap .bar_button {
  width: 100%;
  min-height: inherit;
  height: 1.3rem;
}
.minimap .bar_bar {
  padding: 0!important;
}
.vorlesungsliste .ctlg_group_headline {
    display: flex;
    margin-bottom: 0.125rem;
}
.vorlesungsliste.stundenplan_tag {
    margin-bottom: 1rem;
}
.vorlesungsliste.stundenplan_tag:last-of-type {
    margin-bottom: 0;
}
.vorlesungsliste .ctlg_group_headline .tag,
.vorlesungsliste .ctlg_group_headline .tagMitDatum {
    margin-bottom: 0.2rem;
    height: 1.3rem;
    min-width: 3.4rem;
    width: 3.4rem;
    display: flex;
    align-items: flex-end;
    font-family: 'bn_regular';
    font-size: 1rem;
    padding: 0.2rem;
    padding-bottom: 0.05rem;
}
.vorlesungsliste .ctlg_group_headline .tag {
    justify-content: center;
}
.vorlesungsliste .ctlg_group_headline .tagMitDatum {
    justify-content: space-between;
}
.vorlesungsliste.free .ctlg_group_headline .tag,
.vorlesungsliste.free .tagMitDatum {
    color: var(--BW-dark);
}
.vorlesungsliste .ctlg_group_headline span {
    font-family: 'bn_bold';
    font-size: 1.125rem;
}
.vorlesungsliste .ctlg_teaser {
    display: inline-flex;
    margin-bottom: 0.2rem;
    width: 100%;
}
.vorlesungsliste .ctlg_teaser .vb_uhrzeit {
    font-family: 'bn_bold';
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    min-width: 3.4rem;
    width: 3.4rem;
    height: 100%;
}
.vorlesungsliste .ctlg_teaser .vb_uhrzeit span.bisStrich {
    line-height: 20%;
}
.vorlesungsliste .ctlg_teaser .card_button {
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
}
.vorlesungsliste .ctlg_teaser .card_button .kurs_info {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.ctlg_teaser.alert .kurs_info {
    color: var(--AE);
}
.vorlesungsliste .ctlg_teaser .card_button .kurs_name {
    line-height: 100%;
    margin-bottom: 0.2rem;
    font-size: 0.85rem;
}
.vorlesungsliste .ctlg_teaser .card_button p span {
    font-family: 'ss_regular';
    font-size: 0.9rem;
}
.vorlesungsliste .ctlg_teaser .card_button p span[class^='vorlesungsinformation'] {
  font-family: inherit;
  font-size: inherit;
}

.timebar {
    position: absolute;
    height: calc((1.3rem / 3) - 0.125rem);
    padding: 0!important;
    top: 0;
    z-index: 99;
    background-color: var(--basic-dark);
}
.timebar.overlap_1 {
  margin-top: calc(1.3rem / 3)
}
.timebar.overlap_2 {
  margin-top: calc((1.3rem / 3) * 2)
}
.breakbar {
    margin-left: 0.2rem;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    background-color: #f5f5f5;
}
.card_button.closed .breakbar {
    background-color: var(--basic-dark);
}
.cookiebar_simple p {
    color: #868686;
    line-height: 1.4;
}
.stdplan_uebersicht .minimap .bar_button,
.stdplan_uebersicht .vorlesungsliste .ctlg_group_headline .tag,
.stdplan_uebersicht .vorlesungsliste .ctlg_group_headline .tagMitDatum {
  height: 2.3125rem;
}
.stdplan_uebersicht .vorlesungsliste .ctlg_group_headline .tag,
.stdplan_uebersicht .vorlesungsliste .ctlg_group_headline .tagMitDatum {
  align-items: center;
}
.stdplan_uebersicht .timebar {
    height: calc((2.3125rem / 3) - 0.125rem);
}
.stdplan_uebersicht .timebar.overlap_1 {
  margin-top: calc(2.3125rem / 3)
}
.stdplan_uebersicht .timebar.overlap_2 {
  margin-top: calc((2.3125rem / 3) * 2)
}
.stdplan_uebersicht .vorlesungsliste.stundenplan_tag {
    margin-bottom: 0.3125rem;
}
.stdplan_uebersicht .ctlg_group_content {
  display: none;
}




/* Account-Seite: Kursverwaltung */

.aufgabenliste .radio label[for="id_form_filter2_1"],
.aufgabenliste .radio label[for="id_form_filter2_2"],
.aufgabenliste .radio label[for="id_form_filter2_3"] {
    font-family: 'icon';
}











/* Account-Seite: Kursverwaltung */

.kurse .card_button {
    padding-left: 0;
    padding-right: 0!important;
}
.kurse .fachbereich>div:first-of-type {
    margin-bottom: 0.2rem;
    min-height: 1.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    font-family: 'bn_bold', fantasy;
    font-size: 1.2rem;
    color: var(--light);
}
.show_meineKurse .fachbereich>div:first-of-type,
.show_meineKurse h3,
.show_meineKurse a.bar,
.show_abgeschlosseneKurse a.open,
.show_abgeschlosseneKurse a.meinKurs,
.show_abgeschlosseneKurse a.aktuellerKurs,
.keineAbgeschlossenenKurse {
    display: none!important;
}
.show_meineKurse a.bar.meinKurs {
    display: flex!important;
}
.show_meineKurse .ke_wert_ps,
.show_meineKurse .ke_wert_status {
    display: none;
}
.fachbereich .toggler {
    margin-bottom: 0.2rem;
    min-height: 1.75rem;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    font-family: 'bn_bold', fantasy;
    font-size: 1.2rem;
    color: var(--light);
}
.fachbereich .ctlg_group_content,
.fachbereich .ctlg_group_content .card_button {
    padding: 0;
}
.fachbereich .ctlg_group_content {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
}
.show_meineKurse .fachbereich .ctlg_group_content {
    padding: 0;
}
.fachbereich .ctlg_group_content .card_button {
    padding-right: 0.75rem;
    overflow: hidden;
}
.fachbereich .ctlg_group_content h3 {
    margin-top: 1rem;
    margin-bottom: 0.2rem;
}
.fachbereich .ctlg_group_content h3:first-of-type {
    margin-top: 0;
}
.fachbereich .ctlg_group_content p {
    margin: 0;
}
.new-operator {
    margin-top: 0.75rem;
    font-size: 1.15rem;
}
.new-operator span {
    font-size: 1rem;
}
.fachbereich_kennzeichnung {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    color: var(--light);
    width: 0.3125rem!important;
    min-width: 0.3125rem!important;
    display: flex;
    border-radius: 0;
    z-index: 887;
    transition: 0.3s ease-in-out;
}
.kurs_info {
    padding: 0 0.75rem;
    z-index: 99;
}
.ke_kurs .kurs_info {
    display: flex;
    align-items: center;
}
.kurs_name {
    font-family: 'ss_semibold', sans-serif;
    font-size: 1rem;
    line-height: 110%!important;
    margin-bottom: 0.2rem!important;
}
.kurs_metaangaben {
    font-family: 'sc_regular', monospace;
    line-height: 90%!important;
    font-size: 0.75rem;
}
.fortschritt {
    overflow: hidden;
}
.kurs .card_button .fortschritt,
.kurse .card_button .kurs_fortschritt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0.2rem;
    height: 100%;
}
.kurs .card_button .fortschritt {
    left: 0;
}
.kurs .card_button .fortschritt,
.kurse .card_button .kurs_fortschritt {
    z-index: 8;
}
.kurse .card_button .kurs_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 0.25rem;
    margin-left: 0.2rem;
}
.kurse .card_button.open {
    border: 0.125rem solid var(--basic-dark);
    border-left: 0;
    background: transparent;
}
.kurse .card_button.open.closed {
    border: none;
}
.kurse .card_button .kurs_fortschritt .bar_button {
    min-height: 100%;
    border: none;
}


.kx_wrapper {
    display: flex;
    align-items: center;
}
.kx_wrapper .code_grey .bar {
    margin-bottom: 0;
}
.kx_wrapper .code_grey .ke_werte > div {
    justify-content: flex-end;
    margin-right: 0.5rem;
    padding-right: 0;
}
.kx_wrapper .code_grey .hint .bar {
    margin-bottom: 0.2rem;
}
.kx_wrapper .code_grey .hint .ke_werte > div {
    justify-content: center!important;
    margin-right: 0;
}
.kx_wrapper .code_grey .hint .ke_werte .ke_wert_cp {
    padding-right: 0.5rem;
    justify-content: flex-end!important;
}
.kx_wrapper .form_fields {
    margin-bottom: 0.2rem;
}
.kx_wrapper label {
    display: flex;
    height: 1.5rem;
    width: 100%;
    transition: 0s;
    transition: 0.3s ease-in-out;
    background-color: var(--basic-dark);
    color: var(--accent-dark);
    text-transform: none;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
}
.kx_wrapper label:hover {
    background-color: var(--second-light);
    transform: none;
}
.kx_wrapper .hint label {
    align-items: center;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding-left: 0.2rem;
}
.kx_wrapper .hint input[type='radio'] {
    margin: 0 0.2rem;
}
.kx_wrapper input {
    background: transparent;
    color: inherit;
    text-align: right;
    height: 1.5rem;
    padding-right: 0.2rem;
}
.kx_wrapper input:hover,
.kx_wrapper input:focus,
.kx_wrapper input:active {
    background: var(--light);
    text-align: right;
}
.kx_wrapper .ke_werte .ke_wert_cp input+span {
    margin-left: 0;
}


/* Account-Seite: Kursdetails */

/* Grid-Areas */

/* .kurs_zusammenfassung {
  grid-area: kurs_zusammenfassung;
}
.kurs_mitteilung {
  grid-area: kurs_mitteilung;
}
.event_referent {
  grid-area: kurs_leiter;
}
.kurs_beschreibung {
  grid-area: kurs_beschreibung;
}
.kurs_vorlesungen {
  grid-area: kurs_vorlesungen;
}
.kurs_aufgaben {
  grid-area: kurs_aufgaben;
}
.bewertungskriterien {
  grid-area: kurs_bewertung;
}
.kurs_informationen {
  grid-area: kurs_informationen;
}
.kurs_teilnehmer {
  grid-area: kurs_teilnehmer;
}
.kurs_dateien {
  grid-area: kurs_dateien;
}
.kurs .grid_main {
  display: grid;
  grid-template-areas:
    "kurs_mitteilung"
    "kurs_beschreibung"
    "kurs_leiter"
    "kurs_teilnehmer"
    "kurs_vorlesungen"
    "kurs_aufgaben"
    "kurs_dateien"
    "kurs_bewertung"
    "kurs_informationen";
}
.kurs .grid_aside {
  display: grid;
  grid-template-rows: fit-content(100%);
}
@media only screen and (min-width: 80rem) {
  .kurs .grid_main {
    grid-template-areas:
      "kurs_mitteilung"
      "kurs_leiter"
      "kurs_beschreibung"
      "kurs_vorlesungen"
      "kurs_aufgaben"
      "kurs_bewertung"
      "kurs_informationen";
  }
  .kurs .grid_aside {
    grid-template-areas:
      "kurs_teilnehmer"
      "kurs_dateien";
  }
} */




.kurs_kopf {
    display: flex;
}
.kurs_kopf h3,
.kurs_kopf p {
    margin: 0;
    line-height: 100%;
}
.kurs_kopf h3 {
    margin-bottom: 0;
}
.kurs_kopf h3 span {
    font-size: 0.8rem;
}
.kurs_kopf .kurs_name {
    font-size: 1.4rem;
    font-family: 'bn_bold';
    margin: 0;
}
.kurs_kopf .kurs_metaangaben {
    font-size: 0.9rem;
}
.kurs_kopf .kk_flag,
.kurs_kopf .kk_content {
    display: flex;
}
.kurs_kopf .kk_flag {
    padding: 0.75rem 0.375rem;
    justify-content: center;
    color: var(--light);
    min-height: 5.5rem;
    flex-direction: column;
    width: 1.75rem;
}
.kurs_kopf .kk_flag p {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    font-family: 'sc_regular', monospace;
    font-size: 0.9rem;
}
.kurs_kopf .kk_content {
    width: 100%;
    padding: 0 0.75rem;
}
.kurs_kopf .kk_content .wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.kurs_kopf .kk_content a {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0.75rem;
}
.kurs_kopf .kk_content a .avatar {
    width: 4rem;
    height: 4rem;
    padding: 0.2rem;
    background-color: var(--basic-light);
}
.kurs_kopf .kk_content a .avatar:hover {
    background-color: var(--light);
}
.kurs_kopf .kk_content a .avatar img {
    border-radius: 50%;
}
.kurs_kopf .kk_content a .avatar .ah_initialen {
    font-size: 1.5rem;
}
.kurs_kopf .kk_mehrereDozenten {
    display: flex;
    flex-direction: row-reverse;
}
.bar_bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: var(--basic-dark);
    z-index: 98;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.bar_wert {
    font-family: 'bn_bold';
    color: var(--accent);
    z-index: 99;
    display: flex;
    align-items: center;
    padding-right: 0.75rem;
    margin-left: auto;
}
.fortschritt .bar_wert {
    position: absolute;
    right: 0;
}
.bar_wert span {
    font-family: 'bn_regular';
}
.header_wrapper {
    display: flex;
}
.mod_iso_cart .header_wrapper {
    align-items: center;
}
.dz.card_button {
  min-height: 2.75rem;
  margin-bottom: 0.2rem;
}
.toggle_button:after {
    margin-left: 0.75rem;
    font-family: 'icon';
    font-size: 1.2rem;
    color: var(--accent-light);
    content: '\e93c';
}
.toggle_button:hover:after {
    color: var(--accent);
}
.raster .toggle_button:after {
    content: '\e93b';
}
.raster .wrapper {
    display: flex;
    margin-bottom: 0.2rem;
    flex-wrap: wrap;
}
.raster .accordion .wrapper {
    margin-bottom: 0;
}
.kt_wrapper {
    display: flex;
    /* height: 3.0625rem; */
    align-items: center;
    margin-bottom: 0.2rem;
}
.raster .kt_wrapper {
    height: auto;
    margin-bottom: 0;
}
.kt_wrapper label {
    display: flex;
    height: 3.0625rem;
    width: 100%;
    transition: 0s;
    transition: background-color 0.3s ease-in-out;
    background-color: var(--basic-dark);
    color: var(--accent-dark);
    text-transform: none;
    padding: 0;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 1rem;
}
.kt_wrapper label:hover {
    background-color: var(--second-light);
}
.kt_wrapper .bar_button {
  margin-bottom: 0;
}
.raster .kt_wrapper .bar_button {
  margin-bottom: 0.2rem;
}
.raster .kt_wrapper label {
    height: auto;
    background-color: transparent;
    transition: 0s;
}
a.ring_button {
    border-radius: 50%;
    height: 2.75rem;
    width: 2.75rem;
    margin: 0.15625rem;
    margin-left: 0.375rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.raster a.ring_button {
    height: 3.525rem;
    width: 3.525rem;
    padding: 0;
    margin-left: 0.15625rem;
}
.status {
    position: relative;
    padding: 0.3125rem;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.status svg {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    right: 0;
    bottom: 0;
    height: 3.525rem;
    width: 3.525rem;
    z-index: 8;
    transform: scale(0.8) translateX(0.5rem) translateY(0.5rem);
}
.status .kontakt_avatar {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    margin: 0.3125rem;
}
.raster .status {
    height: 3.525rem;
    width: 3.525rem;
}
.raster .status svg {
    transform: scale(1) translateX(0) translateY(0);
    display: flex;
}
.raster .kontakt_avatar {
    height: 2.9rem;
    width: 2.9rem;
}
.progress-ring__circle {
    transition: 0.35s stroke-dashoffset;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}
.kt_wrapper .kontakt_info {
    margin-left: 0.375rem;
    cursor: default;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    align-self: center;
}
.raster .kontakt_info,
.raster .form_fields,
.raster .fortschritt {
    display: none!important;
}
.raster .ah_initialen {
    font-size: 1.6rem;
}
.kurs .block {
    overflow: visible;
}
.kurs .accordion {
    margin-bottom: 0.2rem;
}
.kurs_zusammenfassung {
    display: flex;
    flex-wrap: wrap;
}
.kurs_zusammenfassung>div {
    display: flex;
    width: 100%;
}
.kz_box {
    height: 1.75rem;
    display: flex;
    align-items: center;
    border: 0.125rem solid var(--basic-dark);
    margin-right: 0.2rem;
    padding: 0 0.2rem;
    position: relative;
    margin-bottom: 0.2rem;
}
.kz_box:last-of-type {
    margin-right: 0;
}
.kz_box.closed {
    background-color: var(--basic-dark);
}
.kz_box.flex {
    width: 100%;
}
.kz_box .fortschritt {
    position: absolute;
    z-index: 8;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.kz_box .fortschritt>div {
    position: relative;
    width: 100%;
    height: 100%;
}
.kz_box .wrapper {
    display: flex;
    position: relative;
    z-index: 9;
    width: 100%;
}
.kz_box .kz_icon {
    font-family: 'bn_regular';
    width: 1rem;
    margin-right: 0.2rem;
    display: flex;
    justify-content: center;
}
.kz_box .kz_icon.icon {
    font-family: 'icon';
}
.kz_box .kz_wert {
    font-family: 'bn_bold';
    min-width: 1.25rem;
    display: flex;
    justify-content: center;
}
.kz_box.flex .kz_wert {
    margin-left: auto;
}
.kz_box .kz_wert span {
    font-family: 'bn_regular';
}
.kz_benotung.closed {
    border: none;
}
.kurs_beschreibung .kb_content {
    position: relative;
    height: 10rem;
    overflow: hidden;
    margin-bottom: 1rem;
    transition: height 0.3s ease-in-out;
}
.kurs_beschreibung .kb_content ul,
ul.dots  {
    list-style-type: square;
    margin-left: 3rem;
}
.kurs_beschreibung .kb_content li {
    line-height: 125%;
}
.kurs_beschreibung .kb_content .weiterlesen {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: -moz-linear-gradient(top,  rgba(237,237,237,0) 0%, rgba(237,237,237,1) 70%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(237,237,237,0) 0%,rgba(237,237,237,1) 70%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(237,237,237,0) 0%,rgba(237,237,237,1) 70%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#ededed',GradientType=0 );
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.more_content .kurs_beschreibung .kb_content {
    height: auto;
}
.more_content .kurs_beschreibung .kb_content .weiterlesen {
    opacity: 0;
}
.more_content .kurs_beschreibung .kb_content .weiterlesen button {
    display: none;
}
.kurs_vorlesungen .accordion .bar_button,
.kurs_aufgaben .accordion .bar_button,
.bewertungskriterien .accordion .bar_button,
.kurs_teilnehmer .accordion .bar_button {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    border: none;
    background-color: var(--basic-light);
    height: 1.75rem;
}
.kurs_aufgaben .accordion .bar_button:hover,
.kurs_vorlesungen .accordion .bar_button:hover,
.bewertungskriterien .accordion .bar_button:hover,
.kkurs_teilnehmer .accordion .bar_button:hover {
    background-color: var(--light);
}
.bewertungskriterien .bar {
    padding-right: 0;
}
/*
.bewertungskriterien .bar>div {
    display: flex;
    width: 100%;
    min-height: 1.75rem;
    align-items: center;
    padding: 0;
    padding-left: 0.75rem;
}
*/
.bewertungskriterien .ke_werte {
    min-height: 2rem;
}
.bewertungskriterien .ke_wert_note {
    min-height: 2rem;
}
.bewertungskriterien .accordion .ke_werte,
.bewertungskriterien .accordion .ke_wert_note {
    min-height: 1.75rem;
}
.kv_termin.toggler {
    font-family: inherit;
}
.kv_termin.bar_button {
    padding-right: 0;
}
.kv_termin.bar_button.closed {
    border: none;
}
.kv_termin.bar_button.current {
    background-color: yellow;
    border: none;
}
.kurs .toggler .bar_bar{
    transition: border 0.3s ease-in-out;
    border-color: transparent;
}
.kurs .toggler:hover {
    z-index: 998;
    z-index: 998;
    position: relative;
}
.kurs .toggler .bar_bar,
.kurs .toggler:hover .bar_bar:last-of-type {
    border-right: 0 solid var(--basic);
}
.kurs .toggler:hover .bar_bar {
    border-right: 0.125rem solid var(--basic);
}
.kurs .toggler:hover .bar_bar:last-of-type,
.kurs .toggler.accordion-header-active:hover .bar_bar {
    border-right: 0 solid var(--basic);
}
.teilnehmer_info {
    display: none;
    position: absolute;
    z-index: 777;
    transition: 3s ease-in-out;
    height: 0;
    opacity: 0;
    justify-content: center;
    bottom: 1rem;
    flex-direction: column;
    align-items: center;
    transition: opacity 0.3s ease-in-out;
    filter: drop-shadow(0 0 0.3rem rgba(100, 100, 100, 40%));
}
.teilnehmer_info .ti_teilnehmer {
    padding: 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--second-light);
    color: var(--dark);
    font-size: 0.8rem;
    padding-top: 1.625rem;
}
.teilnehmer_info .ti_eintrag {
    width: 100%;
    height: 1.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--accent-light);
    color: var(--light);
    padding: 0 0.25rem;
}

.teilnehmer_info.ti_0 .ti_eintrag {
    background-color: var(--ST);
}
.teilnehmer_info.ti_1 .ti_eintrag {
    background-color: var(--PT);
}
.teilnehmer_info.ti_zeitabzug .ti_eintrag {
    background-color: var(--BW);
}
.teilnehmer_info:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    bottom: -0.5rem;
    border-style: solid;
    border-width: 0.5rem 0.25rem 0 0.25rem;
    border-color: var(--accent-light) transparent transparent transparent;
}
.teilnehmer_info.ti_0:after {
    border-color: var(--ST) transparent transparent transparent;
}
.teilnehmer_info.ti_1:after {
    border-color: var(--PT) transparent transparent transparent;
}
.teilnehmer_info.ti_zeitabzug:after {
    border-color: var(--BW) transparent transparent transparent;
}
.teilnehmer_info .avatar {
    margin-bottom: 0.25rem;
    height: 3.25rem;
    width: 3.25rem;
    border: solid 0.25rem var(--basic);
    background-color: var(--basic);
    position: absolute;
    bottom: 3rem;
}
.teilnehmer_info.ti_2 p,
.teilnehmer_info.ti_2 .avatar img {
    opacity: 0.5;
}
.teilnehmer_info p {
    text-align: center;
    white-space: nowrap;
    line-height: 80%;
}
.info_bar {
    display: flex;
    justify-content: center;
    background-color: transparent;
    padding: 0;
    z-index: 777;
    height: 0.55rem;
}
.info_bar:hover .teilnehmer_info {
    display: flex;
    height: auto;
    opacity: 1;
}
.accordion-header-active .info_bar:hover .teilnehmer_info {
    display: none;
}

a.kursdatei_link.hidden {
    opacity: 0.5;
}
a.datei_link.hidden {
    opacity: 0.5;
}

.ka_aufgabe.hidden .toggler {
    opacity: 0.5;
}
.ka_aufgabe.hidden .toggler.accordion-header-active {
    opacity: 1;
}
.kurs form {
    margin-bottom: 0;
}
.kurs .form_fields {
    display: flex;
    justify-content: flex-end;
    margin: 0.2rem 0;
    margin-left: auto;
    height: 1.5rem;
}
.bar.bar_button {
    min-height: 1.5rem;
}
.bar_button .form_fields {
    margin: 0;
    margin-left: auto;
    height: 100%;
}
.kurs .form_fields .wrapper,
.kurs .form_fields .wrapper div {
    height: 100%;
    display: flex;
    align-items: center;
}
.kurs .form_fields .wrapper label,
.form-praktikumsstelle label.delete_logo,
.zensureingabe,
.nichtbewerten {
    width: 2rem;
    height: 1.75rem;
    font-family: 'icon';
    color: var(--accent-light);
    font-size: 1rem;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: unset;
    cursor: pointer;
    margin: 0;
}
.zensureingabe {
    width: 4rem;
}
.zensureingabe input {
    width: 100%;
    height: 100%;
    font-family: 'bn_bold';
    text-align: right!important;
}
.kurs .form_fields input.delete + label,
.form-praktikumsstelle input.delete + label,
.nichtbewerten {
    font-size: 1.3rem;
}
.kurs .db_form:hover .zensureingabe input {
    border-color: var(--accent);
}
.zensureingabe input {
    text-align: center;
    color: var(--accent-light);
}
.kurs .closed .form_fields .wrapper label {
    background-color: var(--basic-light);
}
.kurs .form_fields input.delete,
.form-praktikumsstelle input.delete,
.kurs .form_fields input[type="radio"] {
    display: none;
}
.kurs .form_fields input[type="radio"]:hover + label,
.kurs .form_fields input[type="radio"]:checked + label {
    background-color: var(--accent-light);
    color: var(--light);
}
.kurs .form_fields input.delete:hover + label,
.form-praktikumsstelle input.delete:hover + label,
.kurs .form_fields input.delete:checked + label,
.form-praktikumsstelle input.delete:checked + label {
    background-color: transparent;
    color: var(--AE);
}
.kurs .form_fields input[value="1"]:hover + label,
.kurs .db_form:hover .form_fields input[value="1"]:checked + label,
.kurs .db_form.eingetragen .form_fields input[value="1"]:checked + label {
    background-color: var(--PT);
}
.kurs .form_fields input[value="0"]:hover + label,
.kurs .db_form:hover .form_fields input[value="0"]:checked + label,
.kurs .db_form.eingetragen .form_fields input[value="0"]:checked + label {
    background-color: var(--ST);
}
.nichtbewerten:hover {
    color: var(--ST);
}
.kurs .form_fields input[value="zeitabzug"]:hover + label,
.kurs .db_form:hover .form_fields input[value="zeitabzug"]:checked + label,
.kurs .db_form.eingetragen .form_fields input[value="zeitabzug"]:checked + label{
    background-color: var(--BW);
}
.kurs .form_fields input[name^="teilnahme_zeitabzug"] {
    text-align: center;
    color: var(--BW);
}
.kurs .form_fields .zeiteingabe {
    width: 0;
    height: 1.75rem;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    background-color: var(--accent-light);
    color: var(--light);
}
.kurs .db_form.eingetragen .form_fields .zeiteingabe,
.kurs .db_form:hover .form_fields .zeiteingabe{
    background-color: var(--BW);
}
.kurs .form_fields .visible .zeiteingabe {
    width: auto;
    transition: width 0.3s ease-in-out;
    padding-right: 0.25rem;
}
.kurs h2 {
    display: flex;
    align-items: center;
}
.kurs h2:before {
    font-family: 'icon';
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
    width: 1.3rem;
    margin-right: 0.2rem;
}
.kurs .kurs_teilnehmer .bar_bar {
    height: 0.25rem;
    top: auto;
}
.kurs .kurs_teilnehmer h2:before {
    content: '\e926';
}
.kurs .kurs_teilnehmer.raster form {
    display: flex;
    flex-wrap: wrap;
}
.kurs .kurs_teilnehmer form {
    display: grid;
    flex-wrap: no-wrap;
}
h2.vorlesungen:before,
.kurs .kurs_vorlesungen h2:before {
    content: '\e924';
}
h2.aufgaben:before,
.kurs .kurs_aufgaben h2:before {
    content: '\e90e';
}
.kurs .bewertungskriterien h2:before {
    content: '\e99e';
    font-size: 1rem;
}
.kurs .kurs_dateien h2:before {
    content: '\e921';
}
.kurs .kurs_beschreibung h2:before {
    content: '\e941';
}
.kurs .kurs_informationen h2:before {
    content: '\e919';
}
.kurs .ce_comments h2:before {
    content: '\e934';
}
.kurs .write-comment p {
    text-align: left!important;
}
.kurs .kurs_informationen ul {
    list-style: inherit;
    margin-left: 1rem;
}
.editnow .noediting,
.editing {
    display: none;
}
.editnow .editing {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.editnow .form_fields {
    display: none;
}
form .bar_button {
    background-color: var(--second-light)!important;
    cursor: default;
    color: var(--dark);
}
form .bar_button:hover {
    background-color: var(--second-dark)!important;
}
form .form_fields .wrapper>div {
    background-color: var(--basic-light);
    border-left: 0.125rem solid var(--basic-dark);
}
form .form_fields .wrapper .zeiteingabe,
form .form_fields .wrapper .zensureingabe+div {
    border-left: none;
}
form .bar_button:hover .form_fields .wrapper>div {
    background-color: var(--light);
}
.bewertungskriterien form .form_fields {
    color: var(--accent-dark);
    padding-left: 0.5rem;
}
form .bar_button .form_fields .wrapper .dateiabgabe,
form .bar_button:hover .form_fields .wrapper .dateiabgabe {
    margin-right: 1rem;
    background-color: transparent;
    border-left: none;
}
.dateiabgabe a {
    color: var(--accent);
}
.dateiabgabe a:hover {
    color: var(--dark);
}
.grid_box {
    background-color: var(--basic);
    padding: 0.75rem;
    border-radius: 0.2rem;
}
.grid_wrapper .box_pic {
    width: 6rem;
}
.tipp .box_pic {
  width: 3rem;
}




/* Account-Seite: Kontaktliste */

.kontaktliste h2 {
    margin-top: 0.75rem;
}
/*
.kurs_teilnehmer .card_button,
.kontaktliste .card_button {
    border-bottom-left-radius: 1.375rem;
    border-top-left-radius: 1.375rem;
    padding-left: 0.2rem;
}
*/
.kontakt_info {
    margin-left: 0.75rem;
    overflow: hidden;
    width: calc(100% - 3rem);
}
.kontakt_info p {
    margin: 0;
}
.kontakt_info .name {
    font-family: 'ss_semibold', sans-serif;
    font-size: 1rem;
    white-space: nowrap;
}
.kontakt_info .funktion {
    /* white-space: nowrap; */
    font-size: 0.8rem;
    line-height: 100%;
}
.kontakt_avatar {
    height: 2.125rem;
    width: 2.125rem;
    min-width: 2.125rem;
}
.kontakt_avatar .image_container img {
    max-width: none;
}





/* Personenverwaltung */

.personenverwaltung a {
    display: inline-flex;
    width: 100%;
    font-size: 0.85rem;
    color: inherit;
    margin-top: 0;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.personenverwaltung .alleAccounts a {
    min-height: 1.5rem;
    padding: 0;
    margin-bottom: 0.2rem;
}
.pv_info {
    display: flex;
    height: 100%;
}
.pv_number {
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'sc_regular';
    padding: 0 0.2rem;
}
.pv_name {
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.2rem;
    font-family: 'ss_semibold';
}
.pv_marks {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
}
.pv_mark {
    width: 0.65rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'bn_regular';
    color: var(--light);
}
.pv_accountnumber,
.pv_onlinestatus {
    position: absolute;
    top: 0.5rem;
    min-height: 1.2rem;
    display: flex;
    align-items: center;
    padding: 0;
    font-family: 'sc_regular';
    font-size: 0.85rem;
}
.pv_accountnumber {
    left: 0.5rem;
}
.pv_onlinestatus {
    right: 0.5rem;
    background-color: var(--PT);
    color: var(--light);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.pv_flags {
    display: flex;
    justify-content: flex-end;
}
.spezifikationen .pv_flags {
    justify-content: flex-start;
    margin-top: 0.2rem;
    margin-bottom: 0;
}
.event_categorie.fb,
.pv_flag {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
    padding: 0 0.2rem;
    background-color: var(--accent-light);
    color: var(--light);
    font-family: 'bn_bold';
    font-size: 0.95rem;
    margin-left: 0.2rem;
}
.pv_flag:first-of-type {
  margin-left: 0;
}
.event_categorie.fb {
  margin-left: 0;
  margin-bottom: 0.2rem;
}
.box_text .pv_flags {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.box_text .pv_flag,
.product_main_grid .pv_flag {
  background-color: var(--accent-light);
  white-space: nowrap;
  margin-bottom: 0.2rem;
}
.box_text .pv_flag,
.spezifikationen .pv_flag {
  margin-left: 0;
  margin-right: 0.2rem;
}
.operation_bar .radio {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.operation_bar .radio input {
    display: none;
}
.operation_bar .radio label {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
    padding: 0 0.2rem;
    color: var(--light);
    font-family: 'bn_bold';
    font-size: 0.95rem;
    margin-left: 0.2rem;
    background-color: var(--accent-light);
    white-space: nowrap;
    margin-bottom: 0.2rem;
}
.operation_bar .radio input:checked+label,
.operation_bar .radio label:hover {
    background-color: var(--accent-dark);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_0],
.kontaktliste .operation_bar .radio label[for=id_form_filter_0]:hover {
    background-color: var(--accent-dark);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_1],
.kontaktliste .operation_bar .radio label[for=id_form_filter_1]:hover {
    background-color: var(--BW);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_2],
.kontaktliste .operation_bar .radio label[for=id_form_filter_2]:hover {
    background-color: var(--ST);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_3],
.kontaktliste .operation_bar .radio label[for=id_form_filter_3]:hover {
    background-color: var(--HT);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_4],
.kontaktliste .operation_bar .radio label[for=id_form_filter_4]:hover {
    background-color: var(--accent);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_5],
.kontaktliste .operation_bar .radio label[for=id_form_filter_5]:hover {
    background-color: var(--PT);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_6],
.kontaktliste .operation_bar .radio label[for=id_form_filter_6]:hover {
    background-color: var(--IT);
}
.kontaktliste .operation_bar .radio input[checked]+label[for=id_form_filter_7],
.kontaktliste .operation_bar .radio label[for=id_form_filter_7]:hover {
    background-color: var(--PF);
}




/* Account-Seite: Mediathek */

.account .news.tiles li:nth-child(4),
.account .media.tiles li:nth-child(4),
.mediathek .media.tiles li:nth-child(4),
.mediathek .event.tiles li:nth-child(4) {
    display: none;
}
.event.tiles li {
    position: relative;
}
.event.tiles figure {
    background-color: transparent;
}
.event.tiles li.verschoben:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'bn_bold';
    font-size: 3rem;
    content: 'verschoben';
    color: var(--light);
    background-color: rgba(71,71,71,0.7);
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
} 
.event.tiles figure a {
    display: flex;
    align-items: center;
    background-color: var(--basic-dark);
}
.farbfelder {
  display: grid;
  grid-template-columns: repeat(auto-fill, 10rem);
  grid-gap: 0.3125rem;
}
.farbfeld {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 10rem;
  color: var(--light);
  font-family: 'sc_regular';
  font-size: 0.75rem;
}
.farbfeld p {
  margin-bottom: 0;
}
.farbfeld.basic {
  background-color: var(--basic);
  color: var(--accent);
}
.farbfeld.pd {
  background-color: var(--PD);
}
.farbfeld.bw {
  background-color: var(--BW);
}
.farbfeld.st {
  background-color: var(--ST);
}
.farbfeld.ht {
  background-color: var(--HT);
}
.farbfeld.pt {
  background-color: var(--PT);
}
.farbfeld.it {
  background-color: var(--IT);
}
.farbfeld.il {
  background-color: var(--IL);
}
.farbfeld.li {
  background-color: var(--LI);
}
.farbfeld.pf {
  background-color: var(--PF);
}
.farbfeld.ae {
  background-color: var(--AE);
}




/* Account-Seite: Beiträge */

.image_container.hero  {
  align-items: unset;
}
.content .ce_gallery>ul.slick,
.content figure.video_container {
    overflow: visible;
    background-color: var(--dark);
    background-image: url("../../files/core/images/tafel.jpg");
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.75rem;
    border-radius: 0.2rem;
    box-shadow: 1rem 1rem 3rem var(--dark) inset,
                -1rem -1rem 3rem var(--dark) inset;
}
.content figure.video_container iframe,
.gfm-embed-iframe {
  max-width: 100%!important;
  max-height: none!important;
}
#projekte {
    width: auto;
}
.gfm-embed-iframe {
    height: revert-layer!important;
}
.ce_gallery>ul.slick {
  margin-bottom: 2rem;
}
.ce_gallery>ul.slick .slick-prev {
  left: 0;
}
.ce_gallery>ul.slick .slick-next {
  right: 0;
}
.ce_gallery>ul.slick .slick-arrow {
  color: var(--basic-light);
  z-index: 999;
}
.ce_gallery>ul.slick:hover .slick-arrow {
  opacity: 1;
}
.ce_gallery>ul.slick:hover .slick-arrow:hover {
  color: var(--light);
}
.content figure.image_container {
  height: 20rem;
  padding: 0;
  position: relative;
  flex-direction: column;
}
.content .flex-height figure.image_container {
  height: auto!important;
}
/* .content .slick-container {
    background-color: var(--dark);
    border-radius: 0.2rem;
    position: relative;
} */
.content .slick-container figure.image_container {
    background-color: transparent;
    border-radius: none;
}
.content figure.image_container {
    height: calc((100vw - 1.5rem) / 40 * 21);
}
.content figure.video_container {
    height: calc((100vw - 1.5rem) / 16 * 9);
}
.content figure.image_container img {
    /* height: calc(((100vw - 1.5rem) / 40 * 21) - 1.5rem); */
    height: 100%;
    /* max-height: 20rem; */
    filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
}
.content figure.image_container figcaption {
    color: var(--light);
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.75rem;
}
.content figure.image_container figcaption span {
    background: rgb(71,71,71);
    background: linear-gradient(0deg, rgba(71,71,71,0) 0%, rgba(71,71,71,0.5) 30%, rgba(71,71,71,0.5) 70%, rgba(71,71,71,0) 100%);
}
.layout_full figure img {
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}
.layout_full.contain figure img {
    object-fit: contain;
    object-position: center;
    width: inherit;
    height: inherit;
}
.content figure.video_container iframe {
    max-height: 20rem;
    max-width: calc(20rem / 9 * 16);
    margin-left: auto;
    margin-right: auto;
}
.layout_full.media_event figure img,
.media_event img {
    object-fit: contain;
    object-position: center;
}
.layout_full.media_fb figure img {
    object-fit: contain;
}
.media_fb .news_teaser ul {
  list-style: square;
}
.media_fb .news_teaser ul li {
  font-size: 0.9rem;
  position: relative;
  padding-left: 1rem;
}
.media_fb .news_teaser ul li::before {
  position: absolute;
  left: 0;
  content: '-';
}
.layout_full h1 {
    margin-top: 1rem;
}
.article {
    display: flex;
    flex-direction: column;
    background-size: cover;
}
.article h1 {
    margin-bottom: 0;
}
.news p {
    font-family: 'ss_regular', sans-serif;
    font-size: 1rem;
    margin: 0;
}
.article .news_categorie {
    margin-top: 0.75rem;
    padding: 0 0.75rem;
    display: inline-flex;
    align-self: flex-start;
}
.article .news_categorie h2 {
    font-size: 1rem;
    margin-bottom: 0;
}
.article .news_teaser {
    display: flex;
    flex-direction: column;
    padding-top: 6rem;
    align-items: center;
    background: linear-gradient(0deg, rgba(249,249,249,1) 25%, rgba(249,249,249,0.9) 40%, rgba(249,249,249,0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    transition: 0.3s ease-in-out;
}
.article:hover .news_teaser {
    background: linear-gradient(0deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0) 100%);
}
.article .news_teaser>div {
    padding: 0 0.75rem;
    display: inline-flex;
}
.article .news_teaser h1 {
    font-size: 1.4rem;
    margin-top: 0.3125rem;
    text-align: center;
}
.article .news_teaser p {
    white-space: nowrap;
}
.article.news_bg-img .news_teaser {
    text-align: right;
}
.article .news_info {
    margin-top: auto;
    margin-bottom: 0.5rem;
}
.news_info {
    color: var(--accent-light);
}
.article .event_hinweis {
    margin-bottom: 0.5rem;
}
.category_2 .pv_flag {
  background-color: yellow;
  color: var(--dark);
}
.category_1 .pv_flag {
  background-color: var(--LI);
}
.category_3 .pv_flag {
  background-color: var(--BW);
}
.category_4 .pv_flag {
  background-color: var(--PT);
}
.category_5 .pv_flag {
  background-color: var(--ST);
}
.category_6 .pv_flag {
  background-color: rgb(30,119,146);
}
.category_7 .pv_flag {
  background-color: var(--HT);
}
.category_8 .pv_flag {
  background-color: var(--IL);
}





/* Mediathek */

.media.tiles a,
.news.tiles a {
    background-color: var(--basic-light);
    color: var(--accent_dark);
    display: flex;
}
.news.tiles .news_image {
  background-color: var(--basic-dark);
  margin-bottom: 2rem;
}
.media.tiles a,
.news.tiles .news_image {
    height: calc((100vw - 1.5rem) / 40 * 21);
    max-height: calc(30rem / 40 * 21);
}
.news.tiles a {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  position: relative;
}
.media.tiles .media_fb a {
    display: grid;
    grid-template-columns: 36% 1fr;
    grid-column-gap: 0.75rem;
}
.news.tiles a:hover,
.media.tiles a:hover {
    background-color: var(--light);
}
.media.tiles a ul {
    display: flex;
    flex-direction: column;
    font-family: 'ss_regular', sans-serif;
    font-size: 1rem;
    list-style: square;
}
.media_fb .news_image {
    padding: 0.75rem;
    padding-right: 0;
    margin-bottom: 0.75rem;
    overflow: hidden;
    position: relative;
}
.long_image .news_image:after {
    position: absolute;
    top: 0.75rem;
    right: 0;
    bottom: -1px;
    left: 0.75rem;
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9f9f9+70,f9f9f9+100&0+70,1+100 */
background: -moz-linear-gradient(top,  rgba(249,249,249,0) 70%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,249,249,0) 70%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,249,249,0) 70%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.long_image a:hover .news_image:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+70,ffffff+100&0+70,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.media_fb .news_image img {
    object-position: top;
    width: 100%;
    height: auto;
}
.media_fb .news_teaser {
    padding: 0.75rem;
    padding-left: 0;
    overflow: hidden;
}
.arc_5.media_fb a {
    display: flex!important;
}
.arc_5 .news_image {
    display: none;
}
.arc_5 .news_teaser {
    padding-left: 0.75rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--IT);
    color: var(--light);
}
.arc_5 .news_teaser h2 {
    font-size: 1.8rem;
}
.arc_5 .news_teaser p {
    font-family: 'ss_regular';
    font-size: 0.9rem;
}
.media_event .news_image img {
    background-color: transparent;
}
.media_event .news_teaser {
    display: none;
}


/* Praktikumsstellen */

.profil .praktikumsstelle:not(.freigegeben) .toggler:not(.ui-state-active),
.profil .praktikum:not(.freigegeben) .toggler:not(.ui-state-active) {
  opacity: 0.5;
}
.dashboard_infobox.praktikumsstellenbox .toggler,
.dashboard_infobox.praktikabox .toggler,
.freizugebende-praktika .toggler {
  opacity: 1;
}
.praktikumsstelle .noch-nicht-freigegeben-info,
.praktikum .noch-nicht-freigegeben-info {
  margin-left: auto;
  min-width: 10rem;
}
.praktikum .noch-nicht-freigegeben-info {
  margin-right: 1rem;
}

.praktikumsstelle .freigeben,
.praktikum .freigeben {
  margin-left: 0;
}
.praktikumsstelle.freigegeben .nicht-freigegeben-elem,
.praktikum.freigegeben .nicht-freigegeben-elem {
  display: none;
}
.praktikumsstelle .avatar {
  width: 5rem;
  height: 5rem;
}
.praktikumsstelle .avatar img {
  object-fit: contain;
  border-radius: 0;
  padding: 0.5rem;
  max-height: 100%;
  max-width: 100%;
  width: 5rem;
  height: 5rem;
}
.praktikumsstelle .pv_flags {
  justify-content: center;
}
.small_hint {
  font-family: 'ss_regular';
  font-size: 0.75rem;
}


/* Multiplikatoren */

.catalog_map_default button {
    padding: 0;
    margin: 0;
    min-width: 0;
    min-height: 0;
}

/* EFFEKTE */

input.text,
input.passwort,
textarea,
button,
.button,
.tiles a,
.tiles img,
.toggler,
.nachricht-toggler,
.card_button,
.accordion_blank .toggler h2:after,
.kurs_kopf .kk_content a,
.toggle_button:after,
#accountheader .ah_wrapper {
    transition:
        transform 0.4s ease-in-out,
        color 0.3s ease-in-out,
        background 0.3s ease-in-out,
        background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        filter 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out;
}
button:hover,
.button:hover {
    transform: scale(0.98);
}
.button[disabled],
.button[aria-disabled] {
    transform: scale(0.98);
}
.tiles li:hover a,
.toggler:hover,
.card_button:hover,
.kurs_kopf .kk_content a:hover,
#accountheader .ah_wrapper:hover {
    transform: scale(0.99);
}
.tiles li:hover ul.besonderheiten {
    transform: scale(0.99) translateY(-0.075rem);
}
.toggler,
.nachricht-toggler {
    transition:
        transform 0.4s ease-in-out,
        color 0.3s ease-in-out,
        background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out;
}
.toggler:hover,
.nachricht-toggler:hover {
    transform: scale(0.995);
}
.tiles a *,
button *,
.button * {
    transition: 0s;
}
.tiles li ul {
    transition:
        transform 0.4s ease-in-out,
        color 0.3s ease-in-out,
        background 0.3s ease-in-out,
        background-color 0.3s ease-in-out,
        border-color 0.3s ease-in-out,
        filter 0.3s ease-in-out,
        box-shadow 0.3s ease-in-out;
}
.long_image .news_image:after {
    transition: background 0.3s ease-in-out;
}
.accordion {
    transition: opacity 1s;
}




/* SHOP */

.open-nav_warenkorb #warenkorb {
    transform: translateX(-12rem);
    opacity: 1;
}
#warenkorb {
    width: 12rem;
}
.mod_iso_cart .box_wrapper {
  flex-direction: row;
}
.mod_iso_cart .box_text {
  text-align: left;
}
#warenkorbleiste {
    min-height: 100vh;
    background-color: var(--basic-light);
    padding-top: 4rem;
    filter: drop-shadow(0 0 0.3rem rgba(100, 100, 100, 40%));
}
a.button.shopbutton,
input.submit.confirm,
input.submit.next,
input.submit.add_to_cart,
input.submit.button_checkout,
input.shopbutton {
  background-color: var(--PF);
  color: var(--basic-light);
  width: auto!important;
}
a.button.shopbutton:hover,
input.confirm:hover,
input.submit.next:hover,
input.submit.add_to_cart:hover,
input.submit.button_checkout:hover,
input.shopbutton:hover {
  background-color: var(--PF)!important;
  color: var(--light)!important;
}
.cart_items_bash {
  position: absolute;
  right: -0.1rem;
  bottom: -0.05rem;
  min-width: 0.8rem;
  background-color: var(--PF);
  color: var(--light);
  border-radius: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'ss_semibold';
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding: 0.1rem 0.15rem 0.04rem;
}
.mod_iso_cart .product,
#warenkorb .mod_iso_cart .subtotal {
  padding: 0.5rem;
  display: flex;
}
.mod_iso_cart .product {
    /* background-color: var(--basic); */
    margin-bottom: 0!important;
    border-radius: 0!important;
    border-bottom: 0.2rem solid var(--basic);
}
.mod_iso_cart .product:first-of-type {
  border-top: 0.2rem solid var(--basic);
}
.mod_iso_cart .product .box_pic,
.mod_iso_cart .product .box_text {
  margin: 0;
}
.mod_iso_cart .product .box_pic {
  width: 6rem;
}
.mod_iso_cart .product .box_text {
  display: flex;
  height: 100%;
  justify-content: space-between;
  width: inherit;
}
.mod_iso_cart .box_text.name {
  margin-left: 0.5rem;
}
#warenkorb .mod_iso_cart .product .box_text {
  text-align: right;
  margin-left: auto;
  padding-right: 0.5rem;
  width: fit-content
}
.mod_iso_cart .product_pic .image_container {
  height: 6rem;
}
.mod_iso_cart .cart_foot>div {
  margin-top: 1rem;
}
.mod_iso_cart .cart_foot>div.foot_last {
  margin-top: 1.5rem;
}
.mod_iso_cart .cart_foot>div.foot_last .name {
  font-family: 'ss_semibold';
}
.mod_iso_cart .product_actions .box>div,
.mod_iso_cart .cart_foot .box_wrapper .product_price {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.mod_iso_cart .product_actions .box>div.product_price,
.mod_iso_cart .cart_foot .box_wrapper .product_price {
  width: 3.5rem;
  justify-content: flex-end;
}
.product_price {
  font-family: 'bn_bold';
  color: var(--light);
  font-size: 1.2rem;
  background-image: url(../../files/core/images/Preisschild.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 5.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_price span.from {
  font-size: 0.9rem;
  margin-top: 0.2rem;
  margin-right: 0.1rem;
}
.mod_iso_cart .product_price {
  background: none;
  width: auto;
  height: auto;
  color: var(--PF);
}
#warenkorb .mod_iso_cart .remove {
  margin-bottom: auto;
}
#warenkorb .mod_iso_cart .subtotal {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.mod_iso_cart .subtotal .label {
  text-transform: uppercase;
  font-size: 0.7rem;
  display: inline-block;
  margin-right: auto;
}
.mod_iso_cart .cart_foot .name {
  text-transform: uppercase;
  font-size: 0.7rem;
}
.mod_iso_cart .cart_foot .foot_last .name {
  font-size: 0.9rem;
}
#warenkorb .mod_iso_cart .subtotal .product_price,
.cart_foot .foot_last .product_price.total {
  font-size: 1.4rem;
}
.product_quantity {
  white-space: nowrap;
}
.product_quantity input {
  width: 4rem!important;
}
.product_main_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
  'product_info'
  'product_pic'
  'product_teaser'
  'product_options'
  'product_actions';
  background-color: var(--basic);
}
.slick .product_main_grid {
  grid-template-areas:
  'product_info'
  'product_pic'
  'product_actions';
  padding: 0.75rem;
}
.product_main_grid .product_info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  grid-area: product_info;
}
.product_main_grid .product_info .pv_flags {
  justify-content: center;
}
.product_main_grid .product_info h1,
.product_main_grid .product_info p {
  margin-bottom: 0;
}
.product_main_grid .product_info h1 {
  text-align: center;
}
.product_main_grid .product_pic {
  width: calc(13rem * 0.75);
  height: calc(16rem * 0.75);
  flex-direction: column;
  display: flex;
  margin: auto;
  margin-bottom: 2rem;
  grid-area: product_pic;
  position: relative;
}
.product_new_slick .product_pic {
  margin-bottom: 0;
}
.product_main_grid .product_pic .image_container {
  width: calc(13rem * 0.75);
  height: calc(16rem * 0.75);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.product_main_grid .product_teaser {
  grid-area: product_teaser;
}
.product_main_grid .product_options {
  grid-area: product_options;
  display: grid;
  grid-template-columns: 1fr 7.5rem;
  grid-template-areas:
  'product_optionbox product_pricebox';
}
.product_main_grid .product_optionbox {
  grid-area: product_optionbox;
}
.product_main_grid .product_pricebox {
  grid-area: product_pricebox;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.product_main_grid .product_options .offer {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.product_main_grid .product_actions,
.mod_iso_cart .product_actions {
  grid-area: product_actions;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.product_main_grid .options .widget,
.product_main_grid .options fieldset {
  margin: 0;
}
.product_main_grid .options .wrap {
  display: none;
}
.product_main_grid .options .fieldset_content {
  justify-content: center;
  flex-direction: column!important;
}
.product_main_grid .options .fieldset_wrapper input:checked+label {
  color: var(--PF);
}
.quantity_container {
  justify-content: center;
}
.quantity_container label {
  margin-right: 0.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: auto;
  padding-right: 0;
  padding-bottom: 0.125rem;
}
.quantity_container input {
  width: 4rem!important;
}
.product_list {
  display: flex;
  flex-wrap: wrap;
}
.product_list h2 {
  font-size: 1rem;
}
.product_list p {
  line-height: 100%;
}
.product_list>div.product {
  width: 100%;
  min-width: 15rem;
  padding: 0;
  margin: 0.15625rem;
}
.categorie_list>div.product {
  width: calc(50% - 0.3125rem);
  min-width: 7rem;
}
.product_list form {
  margin: 0;
}
.productlist_card {
  padding: 0;
  margin: 0;
  position: relative;
}
.productlist_card .pv_flags {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  flex-direction: column;
}
.productlist_card .pv_flag {
  margin-left: 0;
  margin-bottom: 0.2rem;
}
.productlist_card .wrapper {
  width: 100%;
}
.productlist_card .box {
  margin-bottom: 0;
}
.productlist_card .box_wrapper {
  padding: 1rem 0.5rem;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.categorie_list .box_wrapper {
  padding: 0.5rem;
  flex-direction: column;
}
.productlist_card .box_pic {
  margin: auto;
  width: 4rem;
  height: 6rem;
}
.categorie_list .box_pic {
  width: 5rem;
  height: 8rem;
}
.product_pic img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.productlist_card .box_text {
  margin: 0;
  display: flex;
  height: 100%;
  text-align: left;
  margin-left: 0.5rem;
  width: calc(100% - 4.5rem);
}
.categorie_list .box_text {
  margin-left: 0;
  margin-top: 0.5rem;
  text-align: center;
  width: 100%;
  position: relative;
}
.productlist_card .box_text h2,
.productlist_card .box_text h3,
.product_main h1 {
  margin: 0;
}
.productlist_card .box_price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: auto;
}
.categorie_list .box_price {
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.categorie_list .product_price {
  font-size: 1.1rem;
}
.product_new_slick {
  max-width: 60rem;
  margin: auto;
}
.product_new_slick .product_options {
  transform: translateY(-3rem);
  margin-bottom: -1rem;
}
.product_new_slick .product_actions {
  transform: translateY(-1.5rem);
}
.catWrapper {
  position: relative;
  padding-bottom: 2rem;
}
.mod_iso_productlist {
  overflow: visible;
}
.specialCat a.card_button {
  background-color: transparent;
}
.specialCat .pv_flags {
  display: none;
}
.catWrapper .mod_iso_productlist h2 {
  display: inline-block;
  background-color: var(--basic);
  color: var(--accent);
}
.specialCat .categorie_list:before {
  position: absolute;
  content: '';
  top: -0.75rem;
  left: 0;
  bottom: -0.75rem;
  right: 0;
  overflow: hidden;
  border-radius: 0.2rem;
  border-top-left-radius: 0;
}
.specialCat .categorie_list {
  margin-bottom: 2rem;
}
#pcID_85 .categorie_list:before {
  background: linear-gradient(0deg, var(--PF) 0%, var(--AE) 100%);
}
#pcID_85 h2 {
  background-color: var(--AE);
  color: var(--light);
  padding: 0.2rem 0.75rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
#pcID_83 .categorie_list:before {
  background: linear-gradient(0deg, var(--BW) 0%, var(--PF) 100%);
}
#pcID_83 h2 {
  background-color: var(--PF);
  color: var(--light);
  padding: 0.2rem 0.75rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.specialCat img {
  filter: drop-shadow(0 0 0.2rem rgba(100, 100, 100, 40%));
}
#pcID_85 .product_price {
  background-image: url(../../files/core/images/Preisschild2.svg);
}
.shop .mod_article:first-of-type {
  min-height: auto;
}
.slick-arrow {
  background: transparent;
  margin: auto;
  height: 100%;
  width: 3rem;
  min-width: auto;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  font-family: 'icon';
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease-in-out;
  font-size: 1.8rem;
}
.slick-prev {
  left: -3rem;
}
.slick-next {
  right: -3rem;
}
.slick-arrow.slick-disabled,
.product_list:hover .slick-arrow.slick-disabled,
.categorie_list:hover .slick-arrow.slick-disabled {
  color: var(--basic-dark);
  cursor: default;
}
.mod_iso_cart .box.product {
  padding: 0;
}
#warenkorb .mod_iso_cart .box.product {
  padding: 0.5rem;
  padding-right: 0;
}
.cart_foot .box_wrapper {
  justify-content: flex-end;
  padding-right: 0.5rem;
}
.cart_foot .box_wrapper.foot_last {
  padding-right: 0.3rem;
}
@media only screen and (min-width: 20rem){
  .productlist_card .box_pic {
    width: 8rem;
    height: 8rem;
  }
  .categorie_list .box_pic {
    width: 10rem;
    height: 10rem;
  }
  .productlist_card .box_text {
    width: calc(100% - 8.5rem);
  }
  .categorie_list .box_text {
    width: 100%;
  }
  .product_new_slick .product_options {
    margin-right: 10vw;
  }
}
@media only screen and (min-width: 31.5rem){
  /* .categorie_list:before {
    left: calc(((100vw - 30rem) - 1.0125rem) / 2 * -1);
    right: calc(((100vw - 30rem) - 1.0125rem) / 2 * -1);
  } */
  .product_list:hover>.slick-arrow,
  .categorie_list:hover>.slick-arrow {
    opacity: 1;
  }
}
@media only screen and (min-width: 50rem){
  .product_main_grid {
    display: grid;
    grid-template-columns: 13rem 1fr;
    grid-template-rows: auto auto auto 3rem;
    grid-column-gap: 0.75rem;
    grid-template-areas:
    'product_pic product_info'
    'product_pic product_teaser'
    'product_pic product_options'
    'product_pic product_actions';
    margin-bottom: 2rem;
  }
  .product_new_slick .product_main_grid {
    padding: 1.5rem;
  }
  .product_main_grid .product_pic {
    width: 13rem;
    height: 16rem;
    margin-bottom: 0;
  }
  .product_main_grid .product_pic .image_container {
    width: 13rem;
    height: 16rem;
  }
  .product_main_grid .product_info,
  .product_main_grid .product_teaser,
  .product_main_grid .product_options {
    align-items: flex-start;
  }
  .product_main_grid .product_info {
    margin: 0;
  }
  .product_main_grid .pv_flag:first-of-type {
    margin-left: 0;
  }
  .product_new_slick .product_options {
    transform: translateY(-0.75rem);
    margin-right: 0;
    margin-bottom: 0;
  }
  .product_new_slick .product_actions {
    transform: translateY(-0.5rem);
    margin-right: 13.75rem;
  }
  .specialCat .categorie_list {
    padding: 1rem 0;
  }
  .catWrapper .mod_iso_productlist h2 {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 60rem){
  .product_list>div.product {
    width: calc(50% - 0.3125rem);
  }
  .categorie_list>div.product {
    width: calc((100% / 4) - (0.3125rem * 1));
  }
  .product_list h2 {
    font-size: 1.25rem;
  }
  .product_main_grid .product_options {
    align-items: center;
    justify-content: flex-start;
  }
  .product_main_grid .options .fieldset_content {
    justify-content: flex-start;
    flex-direction: row!important;
  }
}
@media only screen and (min-width: 80rem){
  /* .categorie_list:before {
    left: calc((100vw - (100vw - 15.45rem)) / 2 * -1);
    right: calc((100vw - (100vw - 15.45rem)) / 2 * -1);
  } */
}
@media only screen and (min-width: 90rem){
  .product_list>div.product {
    width: calc((100% / 3) - (0.3125rem * 2));
  }
  .categorie_list>div.product {
    width: calc((100% / 6) - (0.3125rem * 1.5));
  }
}


@media only screen and (min-width: 96.5rem){
  /* .categorie_list:before {
    left: calc(((100vw - 80rem) - 1.0125rem) / 2 * -1);
    right: calc(((100vw - 80rem) - 1.0125rem) / 2 * -1);
  } */
}

.vcard {
  display: flex;
  flex-direction: column!important;
  padding: 0.5rem;
  background-color: var(--basic-dark);
  border-radius: 0.2rem;
  margin-bottom: 0.5rem;
}
.vcard .street-address {
  flex-wrap: wrap;
}
.vcard .adr {
    flex-direction: column;
}
.vcard span {
    flex-wrap: wrap;
}
.mod_iso_cart label {
  height: auto;
}


.slick-track {
  min-width: 100%;
}
.slick-slide {
  margin: 0 0.15625rem;
}
.product_main_grid .slick-slide {
  display: flex!important;
  justify-content: center;
}
.slick-list {
  padding: 0!important;
}
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
}
.product_new_slick .slick-dots {
  bottom: 0;
}
.slick-dots button {
  font-size: 0;
  line-height: 0;
  cursor: pointer;
  background: none;
  background-color: var(--accent-light);
  width: 0.35rem;
  height: 0.35rem;
  padding: 0;
  margin: 0.15625rem;
  min-width: auto;
  border-radius: 50%;
  filter: none;
}
.slick-dots .slick-active button {
  background-color: var(--accent);
}


@media only screen and (min-width: 37.5rem){
    .impress.tiles ul {
        grid-template-columns: repeat(3, calc((100% / 3) - ((0.2rem * 2) / 3)));
    }
    .impress.tiles.row_2 ul {
        grid-template-columns: repeat(5, calc((100% / 5) - ((0.2rem * 4) / 5)));
    }
    .impress.tiles.row_3 ul {
        display: none;
    }
    .impress.tiles figure {
        height: calc(((100vw / 3) - (0.2rem * 2 / 3)) / 40 * 21);
    }
    .impress.tiles.row_2 figure {
        height: calc(((100vw / 5) - (0.2rem * 4 / 5)) / 40 * 21);
    }
    .impress.tiles.row_1 li:nth-child(1n + 3),
    .impress.tiles.row_2 li:nth-child(1n + 4) {
        display: inherit;
    }
    .impress.tiles.row_1 li:nth-child(1n + 4),
    .impress.tiles.row_2 li:nth-child(1n + 6) {
        display: none;
    }
    #stud_center .impress.row_2.last .row_0.col_2 {
        opacity: 0;
    }
    .options.studiengang .fieldset_content {
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: 1fr 1fr 1fr;
    }
    .options.studiengang label {
      min-height: 5rem;
    }
}
@media only screen and (min-width: 50rem) and (max-aspect-ratio: 16/7){
    .mod_article:first-of-type {
        min-height: calc(100vh - 9.8rem);
    }
    #topbar {
        height: 4rem;
        padding: 0.5rem 1.25rem;
    }
    #nav_main,
    #nav_account {
        padding-top: 4rem;
    }
    #nav_fixed {
        height: 4rem;
        padding: 0 1.25rem;
    }
}




@media only screen and (min-width: 50rem){
    .mobilenone {
        display: flex;
    }
    .mobileonly {
        display: none;
    }
    .mod_article.frameless {
        min-height: auto;
    }
    .mod_article>*,
    .operation_bar,
    #accountheader,
    .kz_box.simple {
        width: calc(100vw - 14.5rem);
        max-width: 80rem;
    }
    .ce_text,
    .ce_headline,
    .ce_form,
    .mod_registration,
    .mod_login,
    .mod_lostPassword,
    .mod_personalData,
    .mod_eventbooking,
    #accountheader {
        max-width: 50rem;
    }
    .event .ce_text,
    .event .ce_headline,
    .event .ce_form {
        max-width: inherit;
    }
    .fullwidth {
        max-width: 80rem!important;
    }
    .h0 {
        font-size: 2.8rem;
    }
    .open-nav_main #container,
    .open-nav_account #container,
    .open-nav_warenkorb #container {
        padding-right: 12rem;
    }
    #nav_footer {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2.5rem;
        padding-bottom: 2rem;
    }
    #nav_footer .channels {
        margin-bottom: 0;
    }
    #nav_footer .channels,
    #nav_footer > div {
        min-width: 5rem;
    }
    #container {
        padding-right: 0;
        transition: padding-right 0.3s ease-in-out;
    }
    .tiles ul {
        grid-template-columns: repeat(2, calc((100% / 2) - (0.2rem / 2)));
    }
    .tiles figure {
        height: calc(((100vw / 2) - (14.8125rem / 2)) / 40 * 21);
        max-height: calc((80rem / 2) / 40 * 21);
    }
    .media.tiles a,
    .news.tiles .news_image {
        height: calc(((100vw / 2) - (14.8125rem / 2)) / 40 * 21);
        max-height: calc((80rem / 2) / 40 * 21);
    }
    .article .news_teaser h1 {
        font-size: 1.6rem;
    }
    .impress.tiles ul {
        grid-template-columns: repeat(4, calc((100% / 4) - (0.2rem * 3 / 4)));
    }
    .impress.tiles.row_2 ul {
        grid-template-columns: repeat(6, calc((100% / 6) - (0.2rem * 5 / 6)));
    }
    .impress.tiles figure {
        height: calc(((100vw / 4) - (0.2rem * 3 / 4)) / 40 * 21);
        max-height: calc((80rem / 4) / 40 * 21);
    }
    .impress.tiles.row_2 figure {
        height: calc(((100vw / 6) - (0.2rem * 5 / 6)) / 40 * 21);
        max-height: calc((80rem / 6) / 40 * 21);
    }
    .start .mod_article {
        justify-content: center;
    }
    .ad.tiles:nth-child(1n + 2) ul {
        grid-template-columns: repeat(3, calc((100% / 3) - (0.2rem * 2 / 3)))!important;
    }
    .ad.tiles:nth-child(1n + 2) figure {
        height: calc(((100vw / 3) - (14.5rem / 3) - (0.2rem * 2 / 3)) / 40 * 21)!important;
        max-height: calc((80rem / 3) / 40 * 21);
    }
    .start .ce_headline,
    .account .ce_headline,
    .mediathek .ce_headline,
    .archiv .ce_headline {
        max-width: 80rem;
    }
    .impress.tiles.row_1 li:nth-child(1n + 4),
    .impress.tiles.row_2 li:nth-child(1n + 6),
    .start .event.tiles li:nth-child(4),
    .account .news.tiles li:nth-child(4),
    .account .media.tiles li:nth-child(4),
    .mediathek .media.tiles li:nth-child(4),
    .mediathek .event.tiles li:nth-child(4) {
        display: inherit;
    }
    .impress.tiles.row_1 li:nth-child(1n + 5),
    .impress.tiles.row_2 li:nth-child(1n + 7) {
        display: none;
    }
    #stud_top .impress.row_1 .row_0.col_2,
    #stud_top .impress.row_2 .row_1.col_0 {
        opacity: 0;
    }
    .israelreisen .ir.tiles {
        max-width: 50rem;
    }
    .israelreisen .ir.tiles ul {
        grid-template-columns: 100%;
    }
    .israelreisen .ir.tiles figure {
        height: calc((100vw - 14.8125rem) / 40 * 21);
        max-height: calc(50rem / 40 * 21);
    }
    .formbody {
        padding: 2.5vw 5vw 1.5vw;
    }
    .mb_dialog,
    .mb_dialog .formbody {
        padding: 1rem;
    }
    .kurs_dateien .formbody {
        padding: 1rem;
        margin-bottom: 0.2rem;
    }
    .widget div {
        flex-direction: row;
    }
    .mitteilung_schreiben form {
        display: block!important;
    }
    .mitteilung_schreiben .widget>div {
        flex-direction: column-reverse;
    }
    label,
    legend {
        width: 10rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-right: 0.75rem;
        margin-top: 0;
        margin-bottom: 0;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .mitteilung_schreiben label,
    .mitteilung_schreiben legend {
        width: inherit;
        height: inherit;
        display: inherit;
        justify-content: inherit;
        align-items: inherit;
        padding-right: inherit;
        margin-top: 0.25rem;
        margin-bottom: 0.125rem;
        flex-wrap: inherit;
        flex-direction: inherit;
    }
    legend p {
        display: flex;
    }
.reise .slick-track {
    justify-content: center;
    display: flex;
}
    .widget-submit {
        margin-top: 2rem;
        flex-direction: column;
    }
    input.text,
    input.password {
        width: 100%;
    }
    fieldset span {
        display: flex;
        flex-direction: row;
    }
    fieldset span input {
        margin-right: 0.5rem;
    }
    .widget-checkbox {
        margin-left: 8.5rem;
    }
    .radio_container * {
        display: flex;
/*        flex-direction: row;*/
    }
    .widget p.error {
        margin-top: 0.5rem;
        margin-left: 8rem;
    }
    .janein fieldset.janein {
      flex-direction: row;
    }
    .serial_form .table_grid_column {
      grid-template-columns: 10rem auto 2rem;
      grid-template-rows: auto;
      grid-template-areas: "a b c";
    }
    .steps {
        height: 7rem;
    }
    .step:before {
        font-size: 2.5rem;
    }
    .step_line {
        max-width: 2rem;
        margin: 0 0.6rem;
    }
    #accountheader {
        flex-direction: row;
    }
    #accountheader h1 {
        font-size: 2rem;
        margin-bottom: 0.2rem;
    }
    #accountheader .ah_wrapper .avatar {
        width: 5.75rem;
        height: 5.75rem;
    }
    #accountheader .ah_wrapper .avatar .ah_initialen {
        font-size: 3rem;
    }
    .kontaktliste .all_records .wrapper {
        column-count: 2;
        column-gap: 0.2rem;
    }
    .kurs_zusammenfassung {
        flex-wrap: nowrap;
    }
    .ml {
        margin-left: 0.2rem;
    }
    .operation_bar {
        flex-direction: row;
    }
    .box_wrapper {
        flex-direction: row;
    }
    .praktikumsstelle .box_pic {
      min-width: 6rem;
      width: 5vw;
      max-width: 8rem;
      margin: 0;
    }
    .praktikumsstelle .pv_flags {
      justify-content: flex-start;
    }
    .box_text {
        text-align: left;
    }
    .box_text.name {
      flex-direction: row;
    }
    .box_pic {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 0;
    }
    .tipp .box_pic {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
    .fieldset_area {
        display: flex;
        flex-direction: row;
    }
    .fieldset_area legend {
        width: 8.75rem;
    }
    .fieldset_area label {
        width: auto;
    }
    .fieldset_content {
        display: flex;
        flex-direction: column!important;
        width: 100%;
    }
    .assessment legend,
    .janein legend {
      width: 100%;
    }
    .options .fieldset_content,
    .assessment .fieldset_content,
    .janein .fieldset_content {
      justify-content: flex-end;
    }
    .content figure.video_container {
        height: calc((100vw - 14.5rem) / 16 * 9);
       max-height: calc(80rem / 16 * 9);
    }
    .content figure.image_container {
        height: calc((100vw - 14.5rem) / 40 * 21);
       max-height: calc(80rem / 40 * 21);
    }
    .kurs_eintraege .header_wrapper {
      flex-direction: row;
    }
    .media_event .spezifikationen {
        margin: 1rem 0;
    }
    .media_event .spezifikationen .info h1 {
        font-size: 2.4rem;
    }
    .layout_full figure.hero {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
}




/* @media only screen and (min-width: 40rem){
    div[class^=raster] .hero_kontakt {
      margin-bottom: 0;
    }
    .raster_2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 0.2rem;
    }
    .raster_3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 0.2rem;
    }
    .raster_2 #profilheader,
    .raster_3 #profilheader {
        margin-top: 0;
    }
} */




@media only screen and (min-width: 80rem) and (max-aspect-ratio: 16/7){
    #topbar {
        padding: 0.75rem 1.5rem;
    }
    #nav_fixed {
        padding: 0 1.75rem;
    }
}





@media only screen and (min-width: 80rem){
    .mod_article>*,
    .operation_bar,
    .kz_box.simple {
        width: calc(100vw - 16.5rem);
    }
    #right,
    #right2,
    #warenkorb {
        width: 14rem;
        right: -14rem;
    }
    .open-nav_main #right,
    .open-nav_account #right2,
    .open-nav_warenkorb #warenkorb {
        transform: translateX(-14rem);
    }
    #nav_main a,
    #nav_main strong,
    #nav_account a,
    #nav_account strong {
        padding: 0 1rem;
    }
    #nav_main li>*:before,
    #nav_account li>*:before {
        margin-right: 0.6rem;
    }
    .open-nav_main #container,
    .open-nav_account #container,
    .open-nav_warenkorb #container {
        padding-right: 14rem;
    }
    .mymenu .accordion a {
        padding: 0 1rem;
    }
    .event.layout_full.media_event {
      padding: 1.5rem;
    }
    .event.tiles ul,
    .news.tiles ul,
    .media.tiles ul {
        grid-template-columns: repeat(3, calc((100% / 3) - (0.2rem * 2 / 3)));
    }
    .event.tiles figure,
    .media.tiles a,
    .news.tiles .news_image {
        height: calc(((100vw / 3) - (16.5rem / 3) - (0.2rem * 2 / 3)) / 40 * 21);
        max-height: calc((80rem / 3) / 40 * 21);
    }
    .news.tiles .media_fb a {
        grid-template-columns: minmax(calc((((100vw / 3) - (80rem / 3) - (0.2rem * 2 / 3)) / 40 * 21) / 29.7 * 21), 9.9rem) auto;
    }
    .impress.tiles ul {
        grid-template-columns: repeat(6, calc((100% / 6) - (0.2rem * 5 / 6)));
    }
    .impress.tiles.row_2 ul {
        grid-template-columns: repeat(9, calc((100% / 9) - (0.2rem * 8 / 9)));
    }
    .impress.tiles figure {
        height: calc(((100vw / 6) - (0.2rem * 5 / 6)) / 40 * 21);
    }
    .impress.tiles.row_2 figure {
        height: calc(((100vw / 9) - (0.2rem * 8 / 9)) / 40 * 21);
    }
    .ad.tiles:nth-child(1n + 2) ul {
        grid-template-columns: repeat(4, calc((100% / 4) - (0.2rem * 3 / 4)))!important;
    }
    .ad.tiles:nth-child(1n + 2) figure {
        height: calc(((100vw / 4) - (16.5rem / 4) - (0.2rem * 3 / 4)) / 40 * 21)!important;
        max-height: calc((80rem / 4) / 40 * 21);
    }
    .impress.tiles.row_1 li:nth-child(1n + 5),
    .impress.tiles.row_2 li:nth-child(1n + 7),
    .start .ad.tiles li:nth-child(3) {
        display: inherit;
    }
    .impress.tiles.row_1 li:nth-child(1n + 7),
    .impress.tiles.row_2 li:nth-child(1n + 10),
    .start .event.tiles li:nth-child(1n + 4),
    .account .news.tiles li:nth-child(1n + 4),
    .account .media.tiles li:nth-child(1n + 4),
    .mediathek .media.tiles li:nth-child(1n + 4),
    .mediathek .event.tiles li:nth-child(1n + 4) {
        display: none;
    }
    .start .event.tiles li li:nth-child(1n + 4) {
        display: inherit;
    }
    .grid_box {
      padding: 1.5rem;
    }
    .grid_wrapper {
        display: grid;
        grid-template-columns: auto 19.1875rem;
        grid-column-gap: 2rem;
    }
    .meineKurse .wrapper,
    .alleKurse .wrapper {
        column-count: 2;
        column-gap: 0.2rem;
    }
    .show_meineKurse .wrapper,
    .show_abgeschlosseneKurse .wrapper {
        column-count: 1;
        column-gap: 0;
    }
    .kontaktliste .all_records .wrapper {
        column-count: 3;
        column-gap: 0.2rem;
    }
    .kontaktliste .all_records .wrapper .card_button,
    .meineKurse .wrapper .card_button,
    .alleKurse .wrapper .card_button {
        display: inline-flex;
        width: 100%;
    }
    .kurs_kopf .kk_content {
      padding: 0 1.5rem;
    }
    .kurs_kopf .kurs_name {
        font-size: 2rem;
    }
    .kurs_eintraege.raster .ke_wrapper {
        column-count: 2;
        column-gap: 0.2rem;
    }
    .raster .ke_wrapper .kurseintraege {
        display: inline-block;
        width: 100%;
    }
    .raster .kurseintraege .ctlg_group_headline {
        margin-top: 0!important;
    }
    .content figure.video_container {
        height: calc((100vw - 21.1875rem - 14.5rem) / 16 * 9);
       max-height: calc((80rem - 21.1875rem) / 16 * 9);
    }
    .content figure.image_container {
        height: calc((100vw - 21.1875rem - 14.5rem) / 40 * 21);
       max-height: calc((80rem - 21.1875rem) / 40 * 21);
    }
    .event_kopf.kontakt_info {
        flex-direction: column;
    }
    .event .grid_main .indented,
    .event .details_wrapper .ce_text {
        padding-right: 0;
    }
    .event .grid_aside .indented {
        padding-left: 0;
    }
    .spezifikationen {
        min-height: 10rem;
        padding: 0 1.5rem;
        margin: 1.5rem 0;
    }
    .besonderheiten li {
        justify-content: flex-end;
    }
    .spezifikationen .info h1 {
        font-size: 2.3rem;
    }
    .media_event .spezifikationen .info h1 {
        font-size: 2.8rem;
    }
    .spezifikationen .title {
        white-space: nowrap;
    }
    .event .slick-list {
        width: calc(100vw - 40.6875rem);
        max-width: 51.8125rem;
    }
    .kurs_kopf .avatar_wrapper,
    #profilheader .avatar_wrapper {
      margin-right: 1.5rem;
    }
    .kurs_kopf .avatar_wrapper .avatar,
    #profilheader .avatar_wrapper .avatar {
        width: 7rem;
        height: 7rem;
    }
    .flex_wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0.2rem;
    }
    .flex_wrapper .h2_image_wrapper {
        flex-direction: column;
        margin-bottom: 1.5rem;
        justify-content: center;
        align-items: center;
    }
    .flex_wrapper .h2_image {
        margin-right: 0;
        margin-top: 0.5rem;
        margin-bottom: 0.75rem;
    }
    .flex_wrapper .h2_image img {
        width: 5rem;
        height: 5rem;
    }
    .flex_wrapper .h2_header h2 {
        text-align: center;
    }
}


@media only screen and (min-width: 97rem){
    .grid_wrapper {
        grid-template-columns: auto 23.025rem;
    }
    .content figure.video_container {
        height: calc((100vw - 25.025rem - 14.5rem) / 16 * 9);
/*        max-height: calc((80rem - 25.025rem) / 16 * 9);*/
    }
    .content figure.image_container {
        height: calc((100vw - 25.025rem - 14.5rem) / 40 * 21);
/*        max-height: calc((80rem - 25.025rem) / 40 * 21);*/
    }
    .event .slick-list {
        max-width: 51.975rem;
    }
    #topbar:hover,
    #topbar.filled {
        background-color: transparent;
    }
    body.with_header #topbar.filled a,
    body.with_header #topbar:hover a {
        background-image: url(../../files/core/images/logo_grau.svg);
    }
}



@media only screen and (min-width: 120rem) and (max-aspect-ratio: 16/7){
    #topbar {
        padding: 1rem 1.75rem;
    }
    #nav_fixed {
        padding: 0 2rem;
    }
}

@media only screen and (min-width: 120rem) and (max-aspect-ratio: 16/7){
    html {
        font-size: 18px;
    }
    .impress.tiles ul {
        grid-template-columns: repeat(8, calc((100% / 8) - (0.2rem * 7 / 8)));
    }
    .impress.tiles.row_2 ul {
        grid-template-columns: repeat(12, calc((100% / 12) - (0.2rem * 11 / 12)));
    }
    .impress.tiles figure {
        height: calc(((100vw / 8) - (0.2rem * 7 / 8)) / 40 * 21);
    }
    .impress.tiles.row_2 figure {
        height: calc(((100vw / 12) - (0.2rem * 11 / 12)) / 40 * 21);
    }
    .impress.tiles.row_1 li:nth-child(1n + 8),
    .impress.tiles.row_2 li:nth-child(1n + 9) {
        display: inherit;
    }
    .impress.tiles.row_1 li:nth-child(1n + 10),
    .impress.tiles.row_2 li:nth-child(1n + 13) {
        display: none;
    }

}

.news.tiles li li {
    display: list-item!important;
}

@media only screen and (min-width: 50rem){
    .gridtable .wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 0.2rem;
    }
}
@media only screen and (min-width: 80rem){
    .gridtable .wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}



.onwork #avatar-img-container {
    overflow: visible;
  }
  .onwork .uploadhint1,
  .uploadhint2 {
    display: none;
  }
  .onwork .uploadhint2 {
    display: block;
  }
  .preview-label {
    font-family: 'icon';
    padding: 0.2rem;
    background-color: rgba(0, 0, 0, 20%);
    font-size: 1.5rem;
    position: absolute;
    color: #ffffff;
    font-family: 'icon';
    pointer-events: none;
    display: flex;
    flex-direction: row;
    border-radius: 0.125rem;
  }
  .pl1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    margin-right: 0.5rem;
    margin-left: 0.25rem;
    transform: rotate(45deg);
  }
  .pl2 {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .avatar_wrapper {
    position: relative;
  }
  .box_pic {
    width: 10rem;
  }
  #avatar-img-container .avatar {
    border-radius: 50%;
    width: 12.5rem; 
    height: 12.5rem;
  }
  .avatar_wrapper:after {
    content: '';
    position: absolute;
    top: -0.3125rem;
    right: -0.3125rem;
    left: -0.3125rem;
    bottom: -0.3125rem;
    border-radius: 50%;
    border: none;
    pointer-events: none;
  }
  .onwork .avatar_wrapper:after {
    border: 0.3125rem dashed var(--light);
    -webkit-animation-name: Rotate;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: Rotate;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: Rotate;
    -ms-animation-duration: 10s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
  }
  @-webkit-keyframes Rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes Rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes Rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
  .avatar img {
    border-radius: 0; 
  }
  #personaldata .ah_initialen {
    font-size: 3.5rem!important;
  }
  .onwork .ah_initialen {
    display: none;
  }
  .cropper-crop-box {
    border-radius: 50%;
    transform: none;
    height: 100%;
    width: 100%;
  }
  .cropper-bg,
  .cropper-drag-box {
    border-radius: 50%;
  }
  .cropper-face {
    border-radius: 50%;
  }
  .cropper-view-box {
    outline: none;
    border-radius: 50%;
  }
  .onwork .cropper-wrap-box, 
  .onwork .cropper-canvas {
    overflow: visible;
    opacity: 0.5;
  }
  .cropper-line,
  .cropper-point,
  .cropper-center {
    display: none!important;
    background-color: transparent;
  }
  .box_wrapper .box {
    margin-bottom: 0.3125rem;
  }
  /* Special styling for WebKit/Blink */
  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background: var(--light);
    cursor: pointer;
    margin-top: -0.475rem; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 40%));
  }
  /* All the same stuff for Firefox */
  input[type=range]::-moz-range-thumb {
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 40%));
    border: 1px solid #000000;
    height: 0.75rem;
    width: 0.75rem;
    border-radius: 50%;
    background: var(--light);
    cursor: pointer;
  }
  /* All the same stuff for IE */
  input[type=range]::-ms-thumb {
    filter: drop-shadow(0 0 0.125rem rgba(100, 100, 100, 40%));
    border: 1px solid #000000;
    height: 0.75rem;
    width: 0.75rem;
    border-radius: 50%;
    background: var(--light);
    cursor: pointer;
  }
  @media only screen and (min-width: 50rem) {
    .box_wrapper .box {
      margin-left: 1rem;
      margin-right: 1rem;
    }
  }
  .serial_form input[type='range'] {
    width: calc(100% - 12rem);
    margin: 0 6rem;
  }
  .rangebar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.3125rem;
  }
  .levelbox {
    padding: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'bn_bold';
    color: var(--accent-light);
  }
  .level1 .level1,
  .level2 .level1,
  .level2 .level2,
  .level3 .level1,
  .level3 .level2,
  .level3 .level3,
  .level4 .level1,
  .level4 .level2,
  .level4 .level3,
  .level4 .level4,
  .level5 .level1,
  .level5 .level2,
  .level5 .level3,
  .level5 .level4,
  .level5 .level5 {
    color: var(--BW);
  }
  .widget-upload input[type="file"] {
    display: none;
  }
  #avatar-img-container {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
  }
  #avatar-img {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    transition: transform .2s ease-in-out;
  }
  .editlabel {
    font-family: 'bn_bold'; 
    color: var(--accent-light); 
    font-size: 1.3rem;
  }
  .onwork .editlabel {
    color: var(--accent);
  }

  .grid_aside {
    max-width: calc(100% - 1.5rem);
  }

  .blockkurs .widget-checkbox .code_red {
    display: none;
  }

  .route66 .kursauswahl {
    display: none;
  }

.bigmce div {
    display: block;
}
.trumbowyg-box {
    display: flex!important;
    flex-direction: column;
    border: 0.1rem solid var(--accent-light);
}
.trumbowyg *,
.trumbowyg *:active,
.trumbowyg *:focus,
.trumbowyg *:hover {
    border: none;
}
.trumbowyg button,
.trumbowyg button:hover {
    min-width: 0!important;
    margin: 0!important;
    height: 35px!important;
    filter: none!important;
    background-color: transparent!important;
}
.trumbowyg-button-pane {
    display: flex!important;
    padding: 0;
    background-color: #e5e5e5;
}
.trumbowyg-button-pane button,
.trumbowyg-button-pane button:hover {
    height: 35px!important;
}
.trumbowyg-editor-box {
    background-color: var(--light)!important;
}
.trumbowyg-dropdown {
    flex-direction: column!important;
}
.trumbowyg-overlay {
    display: none!important;
}
.trumbowyg-editor {
    padding: 0.5rem!important;
    background-color: var(--light)!important;
    flex-direction: column!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.trumbowyg-box, .trumbowyg-editor-box {
    border: none!important;
}


.only_r66 {
    display: none;
}
.route66 .only_r66 {
    display: flex;
}
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;

  & img {
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;

  &.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

  &.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;

  &::before,
  &::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

  &::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

  &::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;

  &.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

  &.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

  &.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

  &.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;

  &.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

  &.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

  &.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

  &.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

  &.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

  &.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

  &.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

  &.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;

    @media (min-width: 768px) {
      height: 15px;
      width: 15px;
    }

    @media (min-width: 992px) {
      height: 10px;
      width: 10px;
    }

    @media (min-width: 1200px) {
      height: 5px;
      opacity: 0.75;
      width: 5px;
    }
  }

  &.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('../../files/core/images/bg.png');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}