@font-face { font-family: 'Barlow'; src: url('Barlow/Barlow-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Barlow'; src: url('Barlow/Barlow-Semibold.ttf') format('truetype'); font-weight: bold; }
@font-face { font-family: 'Barlow'; src: url('Barlow/Barlow-Italic.ttf') format('truetype'); font-style: italic;  }


@import "QISDesign.css";



html, body {
    height: auto;
}

html {
    font-size: 1rem;    
}
body {
    background: rgb(239,242,242);
    font-size: 14px;
}
body, body * {
    color: rgb(33,39,40);
}
#wrapper, html, body {
  /*  height: 100%;*/
}

br {
    display: none;
}
.content * br {
    display: initial;
}

a.regular:link,
a.regular:visited,
a.regular:focus,
a.regular:hover,
a.regular:active,
a.regular,
a {
    color: rgb(219,0,49);
    text-decoration: none;
    font-weight: 600;
}
a.normal {
    color: rgb(219,0,49);
    text-decoration: none;  
}
a.normal:hover,
a.normal:focus,
a.regular:hover,
a.regular:focus {
    text-decoration: underline;
    background: transparent;
}
a:focus,
a:hover {
    background: transparent;
}
#wrapper {
    margin: 0;
    height: 100% !important;
    width: 100%;
    /*
    height: calc(100% - 60px) !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    */
}
.header_hisinone {
    height: 64px;
    overflow: hidden;
    margin: 0 auto;
    top: 0;
    padding-top: 40px;
    float: none;
    border-bottom: 1px solid rgb(225,230,231);
    background: white; 
    width: 100%;
}
.header_hisinone .services {
    line-height: 40px;
    display: inline-block;
    font-size: 0;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 999;
    margin: 0;
}
.header_hisinone .services a {
    margin: 0;
    padding: 0;    
}
.header_hisinone .services > a {
    display: inline-block; 
    float: right;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    background: rgb(225,230,231);    
}
.header_hisinone .services > a img {
    margin-top: 11px;   
}
.header_hisinone .services img[width="1"] {
    display: none;
}
.header_hisinone .services li {
    margin: 0;
    line-height: 40px;
    height: 40px;
}
.header_hisinone .services li a {
    font-size: 12.6px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
    height: 40px;
    display: inline-block;
    background: rgb(225,230,231);    
}
.header_hisinone .services > a:hover,
.header_hisinone .services > a:active,
.header_hisinone .services li a:hover,
.header_hisinone .services li a:active {
    background: rgb(198,206,207);
}
.header_hisinone, .divloginstatus {
    position: fixed;
    margin: 0 auto;
}
.divloginstatus {
    background: transparent;
    border: 0;
    padding: 0;
    position: fixed;
    top: 0;   
    margin: 0;
    display: inline-block;
    right: 0;
    line-height: 40px;
    width: calc(100% - 285px);
    height: 40px;
    left: 0;
    color: rgb(68,80,82);
    border-radius: 0;
    text-align: right;
    font-size: 90%;
    white-space: nowrap;
    z-index: 1;
}
.divloginstatus span,
.divloginstatus img {
    display: none;
}
.divloginstatus a {
    line-height: 40px;     
}
.header_hisinone .logo img {
    display: none
}
.header_hisinone .logo {
    /*background-image: url(https://www.hs-nb.de/typo3conf/ext/theme_hsmv_neubrandenburg/Resources/Public/Images/hs-neubrandenburg-logo.svg);   */
    background-image: url(https://www.hs-nb.de/storages/hs-neubrandenburg/specialresources/logo/Logo_NEU.svg);
    background-size: 100% 48px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 400px;
    margin: 0;
    margin-left: 30px;    
}
.links3 {
    background: transparent;
    padding: 0 10px;
    display: inline-block;
    border-radius: 1px;
    font-weight: bold;
    transition: all .15s ease-in;
    line-height: 40px;
}
.links3 * {
    color: rgb(219,0,49);
    text-decoration: none;
}
.links3:link,
.links3:visited,
.links3:focus {
    color: rgb(219,0,49);
    background: transparent;
}
.links3:hover,
.links3:active {
    color: rgb(219,0,49);
    background: rgb(225,230,231);
}
.breadcrumb {
    border-bottom: 1px solid rgb(225,230,231); /* rgb(225,230,231); */
    margin: -32px 0 0 0;
    height: 30px;
    line-height: 30px;
    padding: 0 30px;
    color: rgb(119,128,129);
    background: white;
    position: fixed;
    width: 100%;
    /* background: rgb(239,242,242);*/
    /* box-shadow: 1px 5px 10px rgba(0,0,0,.1);*/ 
}
.breadcrumb img {
    vertical-align: middle;
    margin: 0 0 3px 0;
}
.breadcrumb * {
    font-weight: 600;
    font-size: 12.5px;
}
.breakcrumb a.regular:last-of-type {
    color: rgb(68,80,82);
}
.breadcrumb a.regular:link,
.breadcrumb a.regular:visited,
.breadcrumb a.regular:focus,
.breadcrumb a.regular:hover,
.breadcrumb a.regular:active {
    text-decoration: none;
    color: rgb(119,128,129);
    background: transparent;
}
.breadcrumb a.regular:hover {
    text-decoration: underline;
}
.divcontent {
    display: flex;

    width: calc(100% - 40px);
    align-items: stretch;
    flex-direction: row;
    margin: 0;
    margin-top: 137px;
    padding: 20px 20px;
    background: rgb(239,242,242)

}
.content,
.content_max,
.content_max_portal_qis {
    float: none;
    display: block;
    /*height: calc(100% - 40px);*/
    
    width: calc(100% - 250px);
    margin-left: 250px;
    background: white; /*transparent; */
    padding: 20px;
    margin-bottom: 20px;
}
.content h1,
.content_max h1,
.content_max_portal_qis h1 {
    font-size: 24px;
    font-weight: 200;
    color: rgb(68,80,82); /*rgb(219,0,49);*/
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.divcontent *[align="center"],
.content h1[align="center"],
.content_max h1[align="center"],
.content_max_portal_qis h1[align="center"] {
    text-align: center;   
}
h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.t_capt {
    font-size: 18px;
    margin: 0 0 10px 0;
}
/*
.content table[summary] {
    display: flex;
    flex-direction: row;
}
*/
.table_1 {
    margin: 0 0 20px 0;   
    width: 100%;
    background: rgba(239,242,242,1);
}

.content table[summary] .t_capt {
    /*padding-left: 20px;*/
    /*
    width: 250px;
    white-space: normal;
    */
}
.content table[summary] {
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 40px 0;
}
.content table table {
    margin: initial;
}
.content table {
    border-spacing: 0;
    border-collapse: collapse; 
}
.content table[summary] td {
    padding: 5px 10px;    
    border-bottom: 1px solid rgb(198,206,207);
}
.content table[summary] tr td:first-of-type,
.content table[summary] tbody tr th:first-of-type,
.content table[summary] thead tr th:first-of-type {
    /*padding-left: 20px;   */
}
.content table[width="90%"] {
    width: 100%;
}
.mod, .mod_header, .mod_modul, .mod_grid {
    border-bottom: 1px solid rgb(198,206,207);
    background: transparent;
    padding: 5px 10px;
}
.mod_n, .mod_n_odd, .mod_n_even, .mod_n_basic, .mod_n_department, .mod_n_error, .mod_n_conflict {
    border-bottom: 1px solid rgb(198,206,207);

    padding: 5px 10px;   
}
.divlinks,
#makronavigation {
    margin: 0;
    padding: 0;
    font-size: 0;
}
#makronavigation {
    /*height: 100%;*/    
    width: 220px;
    position: fixed;
    float: none;
}
.divlinks {
    height: 64px;
    top: 40px;
    left: 500px;
    position: fixed;
    overflow: hidden;
    background: transparent; /*rgb(45,53,54);*/
}
.divlinks a[name="navi"] {
    display: none;
}
.divlinks a,
.links2,
.links2visited {
    font-size: 1rem;
    margin-right: 10px;
    background: transparent;
    border: 0;
    line-height: 48px;
    height: 48px;
    display: inline-block;
    text-decoration: none;
    color: rgb(68, 80, 82);  
    width: auto;
    padding: 0 20px;
    font-weight: 400;
}
/*
.divlinks a:before {
    font-size: 26px;
    display: block;
    line-height: 60px;
}
.divlinks a:nth-child(2):before {
    content: "V";
}
.divlinks a:nth-child(3):before {
    content: "E";    
}
.divlinks a:nth-child(4):before {
    content: "R";    
}
.divlinks a:nth-child(5):before {
    content: "P";    
}
*/
.divlinks a,
.links2 {
    color: rgb(68, 80, 82);   
}
a.links2visited {
    color: white; /* rgb(45,53,54); */
    background: rgb(219,0,49); /* rgb(239,242,242); */
    font-weight: 400;
}
.links2:focus,
.links2:hover,
.links2:active,
.links2visited:focus,
.links2visited:hover,
.links2visited:active {
    background: rgb(198,206,207);
    color: rgb(45,53,54);
}

#makronavigation a:focus,
#makronavigation a:hover,
#makronavigation a:active,
#makronavigation .visited,
#makronavigation a,
#makronavigation .auflistung,
#makronavigation .menu_close {
    margin: 5px 0;
    display: block;
    font-size: 14px;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    text-align: left;
    background: transparent;
    background-color: transparent;
    font-weight: 600;
    padding: 5px 10px 5px 10px;
    line-height: 1rem;
    width: initial;
    color: rgb(119,128,129);
}
#makronavigation .visited,
#makronavigation .visited:hover,
#makronavigation .submenuCssVisited a {
    color: rgb(219,0,49);
    /*
    border-top: 1px solid #c3c4c5;
    border-bottom: 1px solid #c3c4c5;
    */
}
#makronavigation a:hover {
    color: rgb(219,0,49);
}
#makronavigation {
    background: rgb(239,242,242);
}
#makronavigation .menue {
    margin: 0;
    padding: 0
}
#makronavigation li.menuListStyle {
    font-size: 1rem;
    line-height: 1.5;
}
.divfoot {
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 270px;
    background: rgb(239,242,242);
}
.divfoot_logo {
    display: none;
}
.divfoot_navigation {
    background: transparent;
    border: 0;
    padding: 0 20px;
    line-height: 1rem;
    border-radius: 0;
    margin: 0 0 0 0;
    font-size: 0;
}
.divfoot_navigation a,
.divfoot_navigation a:link,
.divfoot_navigation a:visited {
    color: rgb(219,0,49);
    font-size: 12.6px;
}
.divfoot_navigation a:active,
.divfoot_navigation a:hover,
.divfoot_navigation a.tree:hover,
.divfoot_navigation a.tree:active {
    background: rgb(225,230,231)
}
.divfoot_navigation img[src*="his_strich"] {
    display: none;
}
.divfoot_navigation a.tree {
    display: inline-block;
    background: transparent;
    padding: 0 10px;
    font-weight: bold;
    transition: all .15s ease-in;
    line-height: 40px;    

}
#min_navigation {
    background: rgb(128,146,150);
    width: 24px;
}
.makromenueauf:link,
.makromenueauf:visited {
    height: 100%;
    width: 100%;
    text-align: center;
}
.makromenueauf span {
    padding: 0;
}

input[type='submit'],
input.submit,
.linkAsButton {
    padding: 5px 10px !important;
    font-weight: 600;
    border: 0;
    border-radius: 1px;
    transition: all .15s ease-in;
}
input[type='submit'] {
    background: rgb(219,0,49) !important;
    color: white;    
}
input.submit,
.linkAsButton {
    background: rgb(184,194,196);   
    color: rgb(68,80,82);
}
input[type='submit']:hover,
input[type='submit']:focus,
input.submit:hover,
.linkAsButton:hover,
input.submit:focus,
.linkAsButton:focus {
    background: rgb(68,80,82);
    color: white;
}
.contentmessage {
    /*
    background: rgba(219,0,49,.125);
    margin: 0 0 20px 0;
    padding: 10px;
    */
    background: transparent;
    text-align: left;
    margin: 0 0 10px 0;
    font-size: 12.6px;
}
.contentmessage,
.contentmessage * {
    color: rgb(0,129,150); /* rgb(219,0,49);*/
}
.contentmessage i {
    font-style: normal;
}
.content hr {
    display: none;
}

.form {
    margin: 0
}

fieldset {
    background: white; /* rgba(239,242,242,1);*/
    border: 1px dashed rgb(198,206,207);
    border-radius: 1px;
    padding: 10px 20px;
    margin-bottom: 20px;
    position: static !important;
}
fieldset,
fieldset legend,
fieldset div {
    position: static !important;
}
fieldset .form {
    float: none !important;
    display: block !important;
    clear: both;
}
fieldset legend {
    color: rgb(103,121,124);
    font-weight: 600;
    margin: 0;
    border-radius: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    font-size: 13px;
    /* background:  white; /* rgba(239,242,242,1); */
    padding: 5px 10px;
    margin-inline-start: -20px;
    /* width: calc(100% + 20px);*/
    /* border-bottom: 1px solid rgba(198,206,207,1);*/
}
fieldset fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
fieldset fieldset legend {
    border: 0;
    padding: 5px 20px;
}
a.ver,
.mikronavi a,
.InfoLeiste a.regular {
    background-color: rgba(38,101,102,.85);
    border-radius: 1px;
    padding: 2.5px 10px;
    display: inline-block;
    font-size: .8rem;
    line-height: 1.125rem;
    font-weight: 600;
    color: white !important; 
    transition: background-color .15s ease-in;
}
a.ver img[src*="svg"],
a.ver img[src*="gif"] {
    min-height: 24px;
    min-width: 12px;
    padding: 3px 10px;
    margin: -3px -10px;
    background: rgba(255,255,255,.75);
    /*
    border: 2px solid #789;
    border-radius: 50%
    */
}
a.ver:hover,
a.ver:focus,
.mikronavi a:hover,
.mikronavi a:focus,
.InfoLeiste a.regular:hover
.InfoLeiste a.regular:focus {
    background-color: rgba(12,120,138,1);
}
a.ver:link,
.mikronavi a:link,
.InfoLeiste a.regular:link {
    text-decoration: none;
}

img[src*="arrow_right"] {
    display: none;
}
a img[src*="arrow_right"] {
    display: initial;
}
.abstand_search,
.abstand_info {
    display: none
}
.abstand_veranstaltung {
    height: 40px;
}
.abstand_veranstaltung:last-of-type {
    height: 0;   
}
.tabMenuContainer {
    padding: 0;
    margin: 0;
    height: 34px;
    font-size: 0;
    border-bottom: 2px solid rgba(198,206,207,1);
    box-shadow: 10px -10px 20px -5px inset rgba(68,80,82,.15)
}
.tabMenuList {
    margin: 0;
    padding: 0;
}
.tabMenuList li.entry,
.tabMenuList li.current,
.tabMenuList li.weitere {
    border-radius: 0; 
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}
.tabMenuList li.current {
    font-size: 14px;
}
.tabMenuList li.entry,
.tabMenuList li.current {
    margin-right: 5px;
}
.tabMenuList li.entry,
.tabMenuList li.current,
.tabMenuList li.weitere {
    padding: 0;   
}
.tabMenuList li.entry a,
.tabMenuList li.current 
/*
.tabMenuList li.weitere * {
.tabMenuList li.current span */ {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
    background: white;
    color: rgb(68,80,82);
    border: 1px solid rgba(198,206,207,1);
    border-bottom: 2px solid rgba(198,206,207,1);
    text-decoration: none;
}
.tabMenuList li.current {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid white;
    color: rgb(219,0,49);
}
.tabMenuList li.entry a:hover,
.tabMenuList li.current a:hover {
    background: rgb(225,230,231);
} 
.tabMenuList li.weitere * {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;    
    text-decoration: none;
}

.functionnavi {
    background: transparent;
    border: 0;
    line-height: 32px;
    min-width: auto;
    padding: 0;
    margin: 0 20px 0 0;
    display: inline-block;
}
.functionnavi li {
    padding: 0;
    margin: 0;
    border: none;
}
.functionnavi li:first-of-type,
.mikronavi li:first-of-type {
    display: none;
}
table[summary*="Veranstaltungstermine"] .functionnavi li:first-of-type,
table[summary*="Veranstaltungstermine"] .mikronavi li:first-of-type {
    display: initial;
}
.mikronavi {
    border: none;
    margin: 0 0 20px 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    vertical-align: middle; 
}
.mikronavi li {
    margin: 0;
    padding: 0;
    border: 0;
    
}
.mikronavi li a {
    margin: 0 5px 0 0   
}
h3 {
 /*   border-bottom: 1px solid #ccc*/
}
h3 * {
    vertical-align: middle;
    line-height: 32px;
}
h3 span.klein {
    background: rgb(219,0,49);
    color: white;
    border-radius: 50px;
    font-size: 11px;
    padding: 2.5px 10px;
    text-transform: uppercase;
    font-weight: 600;
}
h3 a.regular:link,
h3 a.regular:visited,
h3 a.regular:focus,
h3 a.regular:hover,
h3 a.regular:active,
h3 a.regular {
    background: rgb(19,115,131);
    color: white;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 1px;    
    transition: all .15s ease-in;
}
h3 a.regular:focus,
h3 a.regular:hover {
    background: rgb(31,107,119);
}
.kleinFett {
    color: white;
}
option.kleinFett {
    color: initial;
}
.InfoLeiste {
    margin: 0 0 20px 0;
    font-weight: 600;
    color: rgb(68,80,82);
    background: rgba(239,242,242,1);
    padding: 5px 10px;    
}
.inputlabel, .pseudolabel {
    margin-right: 10px;
    margin-top: 7px;
}
td[class*="plan"] a.ver {
    background: transparent;
    color: rgb(68,80,82) !important;
    font-size: inherit;
    margin: 0;
    padding: 0;
}
td[class*="plan"] a.ver img[src*="svg"] {
    min-height: initial;
    min-width: initial;
    padding: initial;
    margin: initial;
    background:initial
}
input:focus,
input:hover,
input:active,
select:focus,
select:hover,
select:active,
textarea:focus,
textarea:hover,
textarea:active {
    background-color: rgb(225,230,231);
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="text"]:active,
input[type="password"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
    border-color: rgb(0,129,150) !important;
    outline: 0;
}
input[type="text"],
input[type="password"],
select,
textarea {
    border: 2px solid rgb(198,206,207);
    padding: 5px;
    font-size: 14px;
}

.mikronavi_list {
    border: none;
    padding: 10px 0;
    margin: 10px 0;
    width: 100%;
    background: transparent;
}
.mikronavi_list ul,
.mikronavi_list ol {
    padding: 0;
    list-style-type: none;
}
.mikronavi_list li {
    height: 140px;
    width: 140px;
    float: left;
    margin: 0 10px 10px 0;
}
.mikronavi_list a:link,
.mikronavi_list a:visited,
.mikronavi_list a:focus,
.mikronavi_list a:hover,
.mikronavi_list a:active {
    background: rgb(8,123,142);
    height: 120px;
    width: 120px;
    padding: 10px;    
    color: white;
    text-decoration: none;
    font-weight: 600;
    display: block;
    line-height: 1.25rem;
    transition: all .15s ease-in;
    text-overflow: ellipsis;
    overflow: hidden;    
}
.mikronavi_list a:focus,
.mikronavi_list a:hover {
    background: rgb(31,107,119);
}
.mikronavi_list:after {
    clear: both;
    content: "";
    width: 100%;
    display: block;
}
div[style="padding-bottom: 7em;"] {
    display: none;
}
input[type="checkbox"],
input[type="radio"] {
	background: white;
	border: 2px solid rgb(128,146,150);
	width: 14px;
	height: 14px;
    line-height: 1rem;
	margin: 0 0 3px 0;
	display: inline-block;					
	outline: none;    				
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: all .1s ease-in;
    vertical-align: middle;
}
label.radioLabel {
    margin-right: 10px;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    border-color: rgb(68,80,82);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background: rgb(219,0,49);
}
input[type="radio"] {
	border-radius: 50%;
}
input[type="checkbox"]:active,
input[type="radio"]:active{
	transform: scale(1.5);
}
label img {
    vertical-align: middle;
}
@media(max-width:1280px) {
    .header_hisinone .logo {
        width: 300px;
    }
    .divlinks {
        left: 370px;
    }
    .divlinks a {
        padding: 0 10px;
    }
}

a.ueb:link,
a.ueb:visited {
    color: rgb(219,0,49);
}
    
#change_header {
    padding: 0 10px;
    border-bottom: 1px solid rgba(198,206,207,1);
    line-height: 1.5rem;
    text-align: right;
}
#change_header *,
label[for="other_0_27"] {
    color: rgb(128,146,150);
    font-size: 12px;
    float: none;
    display: inline-block;
}
#change_header_detail {
    padding-left: 10px;
}
#change_header_detail img {
    display: none;   
}
label[for="other_0_27"] {
    margin-bottom: 10px;
}
td[class*="plan"][align="center"] {
    text-align: center;
}

table[border="1"] {
    border: 1px solid rgb(128,146,150);
}
table[border="1"] tr:nth-child(2) td.plan_rahmen:first-of-type {
    width: 20px;
}
table[border="1"] td.plan_rahmen {
    border-left: 0;
}
table[border="1"] td.plan_rahmen,
table[border="1"] th.plan_rahmen {
    border-top: 0;
    border-right: 0;
    background: white;
}

table[border="1"] td[width="0"] {
    border-top: 0;
    border-left: 0;
}
table[border="1"] tr:last-of-type td.plan_rahmen:first-of-type {
    border-bottom: 0;
}
.mce-panel {
    background: white;
}
ul.treelist,
ul.treelist1 {
    margin: 20px 0;
}
td > ul.treelist,
td >ul.treelist1 {
    margin:  0;
}
.plan1 {
    border: 1px solid rgb(225,230,231);
    width: calc(100% / 7);
}

fieldset[style*="float: right"] {
    margin: 0 0 10px 0;;
}
fieldset[style*="float: right"] div ul {
    margin :0;
}
.maske {
    background-color: transparent;
    font-size: 100%;
}
.kleinerButton {
    font-size: 100%;
}
.content .headline,
.content_max .headline,
.content_max_portal_qis .headline {
    height: 300px;
    width: 100%;
    margin: 0 0 10px 0;
    /*border-bottom: 1px solid rgba(68,80,82,.25);*/
    padding: 0;
    background: url(https://www.hs-nb.de/fileadmin/hs-neubrandenburg/Hintergrundbilder/herbst_haus2.jpg) no-repeat center;
    background-size: cover;
    display: block;

}
.content .headlineText,
.content_max .headlineText,
.content_max_portal_qis .headlineText {
    width: 100%;
    text-align: center;
    display: block;

}
.content .headlineText h1,
.content_max .headlineText h1,
.content_max_portal_qis .headlineText h1 {
    margin: 0;
    padding: 20px;
    font-weight: 800;
    font-size: 64px;
    color: rgba(255,255,255,.5);
    line-height: 280px;
    text-shadow: 10px 3px 20px #353535;
}


form[name="loginform"] {
    margin-top: 10px
}
form[name="loginform"] div {
    width: 100%;;
}
form[name="loginform"] div input {
    margin: 2.5px auto;
    width:200px;
    font-weight: 600;
    text-align: center;
}
form[name="loginform"] div input.submit {
    color: white;   
    width: 214px;
}
form[name="loginform"] div input.submit:hover,
form[name="loginform"] div input.submit:active {
    background: rgba(68,80,82) !important;
}

p {
    margin: 0 0 10px 0;
    padding: 0;  
   line-height: 1.5em;
}

.sva_today {
    -webkit-box-shadow: inset 0 0 0 2px red;
    -moz-box-shadow: inset 0 0 0 2px red;
    box-shadow: inset 0 0 0 2px red;
    background-color: #FEFEFE;
}

.sva_arbeitstag {
    background-color: #ffffff;
    font-size: 18px;
    border: 1px solid #999999;
    margin: 1px;
}

.sva_betriebsausflug {
    background-color: white;
    font-size: 18px;
    color: black;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    margin: 1px;
}

.sva_krankheit {
    background-color: #ff0000;
    font-size: 18px;
    color: white;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    margin: 1px;
}

.sva_keinarbeitstag {
    background-color: #bbbbbb;
    font-size: 18px;
    border: 1px solid #AAAAAA;
    border-radius: 2px;
    margin: 1px;
}

.sva_erholungsurlaub {
    background-color: #4fca4f;
    font-size: 18px;
    border: 1px solid #42b942;
    border-radius: 2px;
    margin: 1px;
}

.sva_feiertag {
    background-color: #4c4a4a;
    font-size: 18px;
    color: #e4e4c6;
    border: 1px solid #777171;
    border-radius: 2px;
    margin: 1px;
}

.sva_resturlaub {
    background-color: #4fca4f;
    font-size: 18px;
    margin: 1px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
}

.sva_abwesend {
    background-color:  #4fca4f;
    font-size: 18px;
    margin: 1px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
}

td.sva_kalender_td {
    border: 1px solid #EFEFEF;
    padding: 1.0em;
    background-color: #FAFAFA;
}


td.sva_statistics_td {
    border: 1px solid #EFEFEF;
    padding: 1.0em;
    background: #FAFAFA;
}

@keyframes animation_blink_5s {
    0% {  
        background-color: #e87418;
	color: #f1ede9;
    }
    50% {  
        background-color: #b7058c;
	background-color: #e6e669;
	color: #000000;
    }
    100% {  
        background-color: #e87418;;
	color: #f1ede9;
    }
}


.sva_fehltag {
    background-color: #e87418;
    color: #f1ede9;
    font-size: 18px;

    animation-name: animation_blink_5s;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: 8.0;   
    animation-fill-mode: both;
    
    background-color: #e87418;	
}



.headline h4 {
    font-size: 20pt;
    padding-left: 15px;
    background-color: #ffffff;
    opacity: 0.8;
}

.square1 {
    display: none;
}

.square2 {
    display: none;
}

.square3 {
    display: none;
}

/*
.divcontent .content:before, .content_max_portal_qis:before {
    content: "Bitte beachten Sie, dass sich das Vorlesungsverzeichnis für die Studiengänge des Fachbereichs Soziale Arbeit, Bildung und Erziehung noch in Planung befindet. Die hier angezeigten Informationen können sich noch stark ändern und sind somit nicht verbindlich.";
    background: rgba(219,0,49,1);
    padding: 10px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    color: white;
    text-align: center;
}
*/





body {
        font-family: Barlow, arial, Helvetica,sans-serif;
}


input, select, textarea {
    font-family:Barlow,arial,Helvetica,sans-serif;
}


input.submit,.linkAsButton  {
    font-family:Barlow,arial,Helvetica,sans-serif;
}


.sva_link_as_button {
    font-family:Barlow,arial,Helvetica,sans-serif;
}


input[type='submit'] {
    font-family:Barlow,arial,Helvetica,sans-serif;
}


.jscalendar-DB-table-style {
    font-family:Barlow,arial,Helvetica,sans-serif;
}



.jscalendar-DB-title-style {
    font-family:Barlow,arial,Helvetica,sans-serif;
}



.jscalendar-DB-dropdown-style {

    font-family:Barlow,arial,Helvetica,sans-serif;
}


.jscalendar-DB-body-style {
    font-family:Barlow,arial,Helvetica,sans-serif;
}


.sva_zeitform {
    border: 2px solid #dbdbdb;
    padding-left: 5px;
    padding-right: 5px;
    border-collapse: collapse;
}


.headlineZusatz li {
    font-size: 1.1em;
    line-height: 1.5em;

}

.headlineZusatz li::marker  {
	color: #DB0031; 
	font-size: 1.4em;
}

.headlineZusatz p {
font-size: 1.3em;
}



font[color="#ff0000"] {
    color: rgba(219,0,49);
    font-weight: 600;
}


li.Abstand_in_Listen {
  padding: 0px 0px 60px 0px;
  font-size: 1.5em;
}


.sva_gerade {
    border-width: 1px;
    border-style: none;
    /* border-color: #e0a998; */
    background-color: #f1f1f1;
}

/*
.divcontent .content:before, .content_max_portal_qis:before {
    content: "Ihre aktuellen Zeitguthaben werden nun fortlaufend im System hinterlegt. Wir bitten um Verständnis dafür, dass das System mit der offiziellen Inbetriebnahme noch nicht in Gänze alle Arbeitszeit- und Urlaubssalden kennt.";
    background: rgba(219,0,49,1);
    padding: 10px;
    font-weight: 400;
    font-size: 120%;
    margin-bottom: 10px;
    display: block;
    color: white;
    text-align: center;
} 
*/