/*  */
/* 
*/
main .target-groups .buttons {
    flex-shrink: 0;
}
main .target-groups a:after {
    right: 0.8625rem !important;
}

@media (max-width: 560px) {
    .last_change {
        bottom: 10em !important;
    }
}
.inline {
    display: inline !important;
}
@supports (hyphens: auto) {
    .content * {
        hyphens: auto;
    }
}

body.dark code {
    background: #000;
    color:#cfcfcf;
}
body.dark .preview .odd {
    background-color: #202020;
}
body.dark table input[type=submit] {
    background-color: var(--color_brand_primary);
    color: #fff;
}
body.dark .dienst_tabelle select.zielgruppe, body.dark .dienst_tabelle select.kategorie {
    background-color: #d0d0d0;
}
body.dark .dienst_tabelle caption {
    filter: grayscale(1);
}
body.dark div[style*="#f2f2f2"] a {
    color: #fe5c7f;
}
body.dark div[style*="#f2f2f2"] li:before {
    background-color: #fe5c7f;
}
body.dark div[style*="#f2f2f2"] {
    filter: invert(1);
}
body.dark .dienst_tabelle th {
    filter: invert(1);
}
body.dark section.content-wrap .flexcontainer img,
body.dark section.content-wrap .schnelleinstiegtable img,
body.dark section.content-wrap img.dienst_tabelle_icon {
    background-color: transparent;
}
body.dark section.content-wrap img.dienst_tabelle_icon {
    filter: contrast(2);
}
body.dark .text.overview {
    background-color: #404040;
}
body.dark .text fieldset {
    background-color: #404040;
}
body.dark .text fieldset .prj_item:hover {
    background-color: #000;
}

tr.filtered_grey {
    background-color: #f2f2f2 !important;
}
tr.filtered_white {
    background-color: transparent !important;
}
body.dark tr.filtered_grey {
    background-color: #303030 !important;
}

.info-container .info-content ul li span.shortdescription a {
    display: inline;
}

a.scc_butto:nth-child(5n) {
    margin-right: 0;
}
a.scc_butto {
    display: inline-block;
    background: var(--color_brand_primary);
    color: #fff !important;
    padding: 0.5em 0.5em;
    margin-right: 1em;
    margin-bottom: 1em;
    cursor: pointer;
    width: calc((100% - 4em) / 5);
    text-align: center;
    white-space: nowrap;
    _min-width: 8em;
}
@media (max-width: 560px) {
    a.scc_butto:nth-child(2n) {
        margin-right: 0;
    }
    a.scc_butto {
        width: calc((100% - 1em) / 2);
    }
}
/* FAQs lesbarer machen: siehe auch lokales Javascript */
.toggle-head .heading {
    color: var(--color_brand_primary) !important;
}

h2.meldung:after {
    content: none !important;
}
h2.meldung {
    margin-left: 1.8rem;
}
main .target-groups a+a, main .target-groups form {
    margin-left: 0.7rem !important;
    min-width: unset !important;
}
section.target-groups a, main .target-groups form input {
    padding-left: 0.975rem !important;
    /* padding-right: 3.1625rem !important; */
    padding-right: 2.4625rem !important;
    font-size: 1.27rem !important;
}

.info-container .info-content ul li span a {
    display: block;
}
@media (max-width: 900px) {
    .info-container .info-content>ul {
        grid-column: span 2;
    }
}

@media only screen and (max-width: 521px) {
    .dienst_tabelle th {
        text-align:left !important;
    }
    .dienst_tabelle th * {
        float: none !important;
    }
    div#logo img {
        height: auto !important;
        background-image: none !important;
        box-sizing: border-box;
        left: -6px !important;
    }
}
@media only screen and (max-width: 943px) and (min-width: 522px) {
    div#logo img {
        margin-top:-10px !important;
        box-sizing: border-box;
        background-image: none !important;
    }
    div#head-image {
        min-height:100px !important;
    }
}
@media only screen and (max-width: 943px) {
    div[id^=news_holder_] {
        display: flex !important;
        flex-wrap: wrap;
    }
    .news {
        margin-right:12px !important;
    }
    #middle-row #print_infobox {
        display: flex !important;
        flex-wrap: wrap;
    }
    #print_infobox div.infobox {
        width:188px !important;
    }
}

.small_button {
    font-size: 1em !important;
    line-height: 1em;
}
.th_dark {
    color: #fff !important;
    background-color:#808080 !important;
    border-bottom:1px solid #fff !important;
}
.bigger {
    font-size:1.2em;
}
.smaller {
    font-size:0.9em;
}
.no-link {
    text-decoration:none !important;
}
.no-link:hover {
    text-decoration:underline !important;
}
textarea {
    width:100%;
    box-sizing: border-box;
}
h3 {
    padding-top:12px;
    padding-bottom:6px;
}


/* Styles der KIT-CA beginnen mit kit-ca- */
/* Diese dürfen jeder Zeit benutzt werden, jedoch nicht überschrieben werden */
/* Mit Absprache dürfen diese ergänzt werden - ca@kit.edu - */






@charset "UTF-8";
div.kit-ca-image {
 padding-top: 1em;
 padding-bottom: 1em; }

.kit-ca-image img {
 display: block;
 padding-bottom: 1em; }

div.kit-ca-image-caption {
 text-align: center; }

p.kit-ca-wichtig, div.kit-ca-wichtig {
 width: 80% !important;
 margin-left: 10% !important;
 margin-right: 10% !important;
 vertical-align: middle !important;
 -webkit-border-top-right-radius: 1em;
 -webkit-border-bottom-left-radius: 1em;
 -moz-border-radius-topright: 1em;
 -moz-border-radius-bottomleft: 1em;
 border-top-right-radius: 1em;
 border-bottom-left-radius: 1em;
 -webkit-padding: 1em;
 -moz-padding: 1em;
 padding: 0.5em;
 margin-top: 1em;
 margin-bottom: 1em;
 -moz-margin-top: 1em;
 -moz-margin-bottom: 1em;
 -webkit-margin-top: 1em;
 -webkit-margin-bottom: 1em;
 border: 1px solid var(--color_brand_primary);
 background-color: #d9efec !important; }

span.kit-ca-wichtig {
 background-color: #d9efec !important; }

h4.kit-ca-wichtig, h5.kit-ca-wichtig {
 margin-left: 10% !important;
 margin-top: 1em;
 margin-bottom: 0.5em; }

p.kit-ca-hinweis, div.kit-ca-hinweis {
 width: 80% !important;
 margin-left: 10% !important;
 margin-right: 10% !important;
 vertical-align: middle !important;
 -webkit-border-top-right-radius: 1em;
 -webkit-border-bottom-left-radius: 1em;
 -moz-border-radius-topright: 1em;
 -moz-border-radius-bottomleft: 1em;
 border-top-right-radius: 1em;
 border-bottom-left-radius: 1em;
 -webkit-padding: 1em;
 -moz-padding: 1em;
 padding: 0.5em;
 margin-top: 1em;
 margin-bottom: 1em;
 -moz-margin-top: 1em;
 -moz-margin-bottom: 1em;
 -webkit-margin-top: 1em;
 -webkit-margin-bottom: 1em;
 border: 1px solid var(--color_brand_primary);
 background-color: #d9efec !important; }

span.kit-hinweis {
 background-color: #d9efec !important; }

h5.kit-ca-hinweis {
 margin-left: 10% !important;
 margin-top: 1em;
 margin-bottom: 0.5em; }

.kit-ca-ui-tab {
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: hidden;
 border-left-style: solid;
 border-width: 1px;
 -webkit-border-radius: 0.5em 0.5em 0 0;
 -moz-border-radius: 0.5em 0.5em 0 0;
 border-radius: 0.5em 0.5em 0 0;
 padding-right: 0.3em;
 padding-left: 0.4em;
 border-color: #666666;
 background-color: #eeeeee; }

.kit-ca-ui-button {
 border-style: solid;
 border-width: 1px;
 -webkit-border-radius: 0.2em;
 -moz-border-radius: 0.2em;
 border-radius: 0.2em;
 padding-right: 0.3em;
 padding-left: 0.3em;
 -moz-box-shadow: 1px 1px 2px 0 #cccccc;
 -webkit-box-shadow: 1px 1px 2px 0 #cccccc;
 box-shadow: 1px 1px 2px 0 #cccccc;
 border-color: #666666;
 background-color: #eeeeee; }

.kit-ca-ui-menuentry-last {
 background-color: #eeeeee; }

.kit-ca-ui-menuentry {
 background-color: #eeeeee; }

.kit-ca-ui-menuentry::after {
 content: " → "; }

.kit-ca-nav-up::before {
 content: "↑ "; }

.kit-ca-nav-prev::before {
 content: "↩ "; }

.kit-ca-nav-next::before {
 content: "↪ "; }

.kit-ca-ui-inputlabel {
 background-color: #eeeeee; }

.kit-ca-ui-inputvalue {
 font-style: italic;
 text-decoration: underline;
 background-color: #eeeeee; }

.ca_code
{
    background-color:#dddddd;
    margin: 1em 0px;
}


/* Hier enden die KIT-CA-Styles */


figure {
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    /* background-color: #ffffff; */
    padding:5px;
    margin: 5px 10px 5px 10px;
}
figcaption {
    text-align:left;
    padding-top:5px;
    font-size:0.9em;
}
div.infobox-inner {
    font-size: 1em !important;
}
.plainlink a {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.form2 label {
    padding-left: 0 !important;
}
/*  */