@font-face {font-family:ClanWebPro-NarrMedium;src:url(../fonts/ClanWebPro-NarrMedium-2.woff2) format("woff2"),url(../fonts/ClanWebPro-NarrMedium-2.woff) format("woff");font-display:swap}
@font-face{font-family:ClanWebPro-NarrNews;src:url("../fonts/ClanW05-NarrNews.woff2") format("woff2"),url("../fonts/ClanW05-NarrNews.woff") format("woff");font-display:swap;}
@font-face{font-family:ClanWebPro-NarrBold;src:url("../fonts/ClanWebPro-NarrBold-2.woff2") format("woff2"),url("../fonts/ClanWebPro-NarrBold-2.woff") format("woff");font-display:swap;}
@font-face{font-family:'DfD-Iconfont';src:url(../fonts/DfD-Iconfont.ttf?cje205) format("truetype"),url(../fonts/DfD-Iconfont.woff?cje205) format("woff"),url(../fonts/DfD-Iconfont.svg?cje205#DfD-Iconfont) format("svg");font-weight:400;font-style:normal;font-display:swap}
[class^="icon-"],[class*=" icon-"]{font-family:'DfD-Iconfont'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;}
.icon-add:before{content:"\e900";}
.icon-alert:before{content:"\e901";}
.icon-arrow-down:before{content:"\e902";}
.icon-arrow-left:before{content:"\e903";}
.icon-arrow-right:before{content:"\e904";}
.icon-arrow-up:before{content:"\e905";}
.icon-attachment:before{content:"\e906";}
.icon-block:before{content:"\e907";}
.icon-burger:before{content:"\e908";}
.icon-chat:before{content:"\e909";}
.icon-check:before{content:"\e90a";}
.icon-checkbox:before{content:"\e90b";}
.icon-checkbox-dotted:before{content:"\e90c";}
.icon-checkbox-dotted-active:before{content:"\e90d";}
.icon-checkbox-empty:before{content:"\e90e";}
.icon-circle:before{content:"\e90f";}
.icon-delete:before{content:"\e910";}
.icon-dots:before{content:"\e911";}
.icon-dots-v:before{content:"\e940";}
.icon-double_arrow_down:before{content:"\e912";}
.icon-double_arrow_left:before{content:"\e913";}
.icon-double_arrow_right:before{content:"\e914";}
.icon-double_arrow_up:before{content:"\e915";}
.icon-download:before{content:"\e916";}
.icon-edit:before{content:"\e917";}
.icon-eye:before{content:"\e918";}
.icon-forum:before{content:"\e937";}
.icon-friends:before{content:"\e938";}
.icon-grammatik-filled:before{content:"\e919";}
.icon-hoeren-filled:before{content:"\e91a";}
.icon-inbox:before{content:"\e91b";}
.icon-info:before{content:"\e91c";}
.icon-learning:before{content:"\e939";}
.icon-lesen-filled:before{content:"\e91d";}
.icon-lock:before{content:"\e91e";}
.icon-message:before{content:"\e91f";}
.icon-message-open:before{content:"\e920";}
.icon-mod:before{content:"\e921";}
.icon-mod-add:before{content:"\e922";}
.icon-mod-delete:before{content:"\e923";}
.icon-premium:before{content:"\e924";}
.icon-print:before{content:"\e925";}
.icon-question-circle:before{content:"\e926";}
.icon-quote:before{content:"\e927";}
.icon-remove:before{content:"\e928";}
.icon-reply-all:before{content:"\e929";}
.icon-reply-left:before{content:"\e92a";}
.icon-reply-right:before{content:"\e92b";}
.icon-schreiben-filled:before{content:"\e92c";}
.icon-search:before{content:"\e92d";}
.icon-settings:before{content:"\e92e";}
.icon-thumb-up:before{content:"\e92f";}
.icon-trash:before{content:"\e930";}
.icon-user:before{content:"\e931";}
.icon-user-add:before{content:"\e932";}
.icon-user-remove:before{content:"\e933";}
.icon-user-settings:before{content:"\e935";}
.icon-users:before{content:"\e934";}
.icon-wortschatz-filled:before{content:"\e936";}
.icon-single-arrow-up:before{content:"\e93a";}
.icon-single-arrow-right:before{content:"\e93b";}
.icon-single-arrow-down:before{content:"\e93c";}
.icon-single-arrow-left:before{content:"\e93d";}
.icon-jump-down:before{content:"\e93e";}
.icon-bookmark:before{content:"\e93f";}
.icon-bookmark-empty:before{content:"\e939";}
.icon-logout:before{content:"\e941";}
.icon-classic-view:before{content:"\e942";}
.icon-user-profile:before{content:"\e943";}
.icon-dots-circle:before{content:"\e944";}
.icon-learning-2:before{content:"\e945";}
.icon-forum-2:before{content:"\e946";}
.icon-quote-2:before{content:"\e947";}
.icon-upload:before{content:"\e937";}
.webfont-medium { font-family: var(--gi-font-medium); font-weight:normal; line-height:normal;}
.webfont-news { font-family: var(--gi-font-news); font-weight:normal; line-height:normal;}
.webfont-bold { font-family: var(--gi-font-bold); font-weight:normal; line-height:normal;}
.Bgc-gi-gruen-hell { background-color:#a0c814; }
.C-gi-gruen-hell { color:#a0c814; }
.Bgc-gi-gruen-dunkel { background-color:#374105; }
.C-gi-gruen-dunkel { color:#374105; }
.Bgc-gi-lila { background-color:#82055f; }
.C-gi-lila { color:#82055f; }
.Bgc-gi-orange { background-color:#eb6400; }
.C-gi-orange { color:#eb6400; }
.Bgc-gi-braun-hell { background-color:#c8b987; }
.C-gi-braun-hell { color:#c8b987; }
.Bgc-gi-braun-dunkel { background-color:#502300; }
.C-gi-braun-dunkel { color:#502300; }
.Bgc-gi-blau-hell-1 { background-color:#5ac8f5; }
.C-gi-blau-hell-1 { color:#5ac8f5; }
.Bgc-gi-blau-hell-2 { background-color:#47abd8; }
.C-gi-blau-hell-2 { color:#47abd8; }
.Bgc-gi-blau-dunkel { background-color:#003969; }
.C-gi-blau-dunkel { color:#003969; }
.Bgc-gi-grau-1 { background-color:#f1f2f1; }
.C-gi-grau-1 { color:#f1f2f1; }
.Bgc-gi-grau-2 { background-color:#e4e5e6; }
.C-gi-grau-2 { color:#e4e5e6; }
.Bgc-gi-grau-3 { background-color:#c9cdcf; }
.C-gi-grau-3 { color:#c9cdcf; }
.Bgc-gi-grau-4 { background-color:#858e93; }
.C-gi-grau-4 { color:#858e93; }
.Bgc-gi-grau-5 { background-color:#788287; }
.C-gi-grau-5 { color:#788287; }
.Bgc-gi-grau-6 { background-color:#5f676b; }
.C-gi-grau-6 { color:#5f676b; }
.Bgc-gi-grau-7 { background-color:#474d50; }
.C-gi-grau-7 { color:#474d50; }
.Bgc-gi-grau-8 { background-color:#303436; }
.C-gi-grau-8 { color:#303436; }
.Bgc-gi-grau-9 { background-color:#ADB3B6; }
.C-gi-grau-9 { color:#ADB3B6; }
.Bgc-gi-grau-10 { background-color:#181a1b; }
.C-gi-grau-10 { color:#181a1b; }
.Bgc-gi-grau-11 { background-color:#0E2029; }
.C-gi-grau-11 { color:#0E2029; }
.C-gi-grau-11-64 { color:rgba(14, 32, 41, 0.64); }
.C-gi-grau-11-72 { color:rgba(14, 32, 41, 0.72); }
.C-gi-functional-blue-400 { color:#006EC9; }
h1, .h1 { font-size:2.5rem; line-height:1.1; }
h2, .h2 { font-size:2.125rem; line-height:1.176470588235294; }
h3, .h3 { font-size:1.75rem; line-height:1.142857142857143; }
h4, .h4 { font-size:1.375rem; line-height:1.272727272727273; }
.spitzmarke, .media-heading .spitzmarke { font-family:var(--gi-font-news); font-size:.875rem; line-height:1.142857142857143; display:block; margin-bottom: 4px;}
h5, .h5 { font-size:1.125rem; line-height:1.333333333333333; }
h6, .h6 { font-size:1rem; line-height:1.25; }
.text-lg { font-size:1.125rem; line-height:1.555555555555556; }
.text-md { font-size:1rem; line-height:1.5; }
.text-sm { font-size:.875rem; line-height:1.428571428571429; }
.text-xs { font-size:.675rem; line-height:1.166666666666667; }
.lh-fix{position:relative;top:.09375em}
/* Global Head*/
.Lh\(1\.5\) {
    line-height: 1.5;
}
.gi-header {
    height: 3.5rem;
    padding: .5rem 1rem;
    flex-flow: row nowrap;
    box-sizing: border-box;
}
.gi-header-desktop {
    border-bottom: .0625rem solid transparent;
    background-color: var(--text-gray-900-alpha-04);
}
.gi-header > *, .gi-header > :before, .gi-header > :after {
    box-sizing: border-box;
}
.gi-header-i {
    width: 983px;
    width: 61.4375rem;
}
.brand-c {
    flex-direction: inherit;
}
.logo-goethe-institut,
.logo-dfd {
    width: auto;
    height: 2rem;
}
.logo-c {
   /*margin-right: 2rem;*/
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
}
.logo-spacer {
    width: 1px;
    height: 1.5rem;
    background-color: var(--text-gray-900-alpha-16);
    margin-inline: 1.5rem;
}
.gi-header-desktop .header-nav-c, .gi-header-desktop a {
    color: #788287;
}
.gi-header svg {
    overflow: hidden;
    vertical-align: middle;
}
.gi-header-desktop .logo-goethe-institut {
    fill: #0E2029;
}
.logo-extension-c {
    font-size: 1.28125rem;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    /*top: -1px;*/
}
.gi-header-desktop .logo-extension-c {
    color: #ADB3B6;
}
.header-nav-c {
    flex-basis: auto;
    line-height: 1.5;
    flex-grow: 1;
    position: relative;
    /*top: -.125rem;*/
}
.header-nav-i .navbar-nav {
    align-items: center;
    width: 100%;
    list-style: none;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    gap: 0 0.25rem;
}
.header-nav-c .nav-item {
    white-space: nowrap;
    text-align: left;
}
.nav-item-divider {
    display: block;
}
.nav-link-arrow {
    margin-left: .4375rem;
}
.nav-item-divider .nav-link {
    padding-left: .25rem;
    padding-right: 3px;
}
.nav-item-divider .nav-link > span {
    border-left: .0625rem solid #c9cdcf;
    position: relative;
    top: -1px;
}
.nav-gi-account {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: -1px;
}
ul.giAccount.nav-gi-account {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    color: #788287;
    background-color: #fff;
    float: inherit;
    min-height: inherit;
}
.gi-header ul.giAccount {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.giAccount > li {
    float: left;
}
.nav-gi-account .dropdown {
    position: relative;
}
ul.giAccount > li.anmelden {
    background-image: url(../img/double_arrow_down_white.svg);
    background-size: .4375rem 7px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: .25rem;
    margin-right: .625rem;
    text-transform: uppercase;
}
ul.giAccount.nav-gi-account > li.anmelden {
    margin-right: 0;
    padding-right: 0;
}
.nav-link.angemeldet-toggle {
    display: -webkit-inline-flex!important;
    display: -moz-inline-flex!important;
    display: -ms-inline-flex!important;
    display: -o-inline-flex!important;
    display: inline-flex!important;
    align-items: baseline;
}
ul.giAccount.nav-gi-account > li > a {
    color: #788287;
    display: flex;
    align-items: center;
    padding: .5rem;
    line-height: 1.5;
}
.nav-link.angemeldet-toggle:after {
    background-image: url(../img/nav-link-arrow.svg);
    content: "";
    display: block;
    margin-left: .4375rem;
    width: .75rem;
    height: .4375rem;
    position: relative;
    top: -1px;
}
.dropdown-menu {
    display: none;
}
.dropdown-menu.angemeldet {
    min-height: inherit;
    width: 133px;
    width: 8.3125rem;
    padding: 0;
    border: 1px solid #f1f2f1;
    position: absolute;
    top: 1.3125rem;
    right: 0;
    left: auto;
    -webkit-box-shadow: 0.25rem 4px 21px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: .25rem 4px 21px rgba(0, 0, 0, 0.61);
    -ms-box-shadow: .25rem 4px 21px rgba(0, 0, 0, 0.61);
    box-shadow: 0.25rem 4px 21px rgba(0, 0, 0, 0.61);
}
.dropdown-item .countryimg {
    width: 20px;
}
.nav-link-arrow, .nav-gi-account .nav-link-arrow {
    fill: #788287;
}
.gi-header ul.giAccount .nav-link-arrow {
    position: relative;
    top: -1px;
}
.dropdown-menu.login {
    width: 308px;
    width: 19.25rem;
    min-height: 480px;
    min-height: 30rem;
    z-index: 123;
    padding: 0;
    border: 1px solid #f1f2f1;
    position: absolute;
    top: 1.4375rem;
    right: 0;
    left: auto;
    -webkit-box-shadow: 0.25rem 4px 21px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: .25rem 4px 21px rgba(0, 0, 0, 0.61);
    -ms-box-shadow: .25rem 4px 21px rgba(0, 0, 0, 0.61);
    box-shadow: 0.25rem 4px 21px rgba(0, 0, 0, 0.61);
}
.lang-link-active span, .nav-link.nav-link-active {
    color: #0E2029;
}
.nav-item .nav-link {
    padding-left: .25rem;
    padding-right: .25rem;
}
.nav-tabs .nav-item .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/* End Global Head*/
.dfd-nav.navbar {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    padding: 2.25rem 0 0.5rem 0;
}
.dfd-nav .navbar-nav, .dfd-nav .nav-link {
    font-size: 1rem;
}
.content {
    max-width: 100%;
    padding: 1.5rem 1.5rem 3rem 1.5rem;
    background-color: #fff;
    border: 1px solid transparent;
}
@media (min-width: 992px) {
       .head-user-account-c {
        /*position: relative;*/
    } 
}
@media (max-width: 1023.98px) {
    .tutorial-bg-wrapper .dfd-nav.navbar {
        margin-top: 0;
        padding-top: 78px;
    }
}
@media (min-width: 1024px) {
    .content, .dfd-nav.navbar, .tutorial-bg-wrapper .content.container {
        /*max-width: 985px;*/
        max-width: 960px;
    }
    .content {
        padding-left: 0;
        padding-right: 0;
    }
    .tutorial-bg-wrapper .content.container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media (min-width: 1048px) {
    .content, .dfd-nav.navbar, .tutorial-bg-wrapper .content.container {
        max-width: 984px;
    }
}
.card-block.activity .card-text {
    margin-bottom: 1rem;
}
.actlink-c {
    padding-right: 2rem;
    word-break: break-word;
}
.kastenRechts {
    margin-bottom: 24px;
}
.kastenRechts h3 {
    font-size: 1.125rem;
    line-height: 1.333333333333333;
    margin-bottom: .75rem;
    color: #474d50;
    text-transform: uppercase;
}
.kastenRechts p {
    font-size: 14px;
    line-height: 1.428571428571429;
    margin-top: 0;
}
.spitzmarke .topics:after {
    content: ", "
}
.spitzmarke .topics:last-of-type:after {
    content: "";
}

.userimg-col {
    border-right:1px solid #f1f2f1;
}

.entry-date-list {
    font-size: .8125rem;
    color: #788287;
    margin-bottom: 0;
}

.card-footer .btn-link {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
.userimg-wrapper {
    position: relative
}

.userimg-wrapper>img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}
.img-wrapper {
    position: relative
}
.user-status {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: inline-block;
    -webkit-transform: translate(0,2px);
    -moz-transform: translate(0,2px);
    -ms-transform: translate(0,2px);
    -o-transform: translate(0,2px);
    transform: translate(0,2px);
}
.user-status--online {
    background-color: #a0c814;
}
.user-status--offline {
    background-color: #858e93;
}
.fa-circle--online {
    color: #a0c814;
}
.fa-circle--offline {
    cursor: default;
}
.groupslist .mr-3 .groupimage {
    max-width: 166px;
}
.head-user-account-c .dropdown-toggle:after {
    display: none;
}
.dropdown-menu {
    border-color: #e4e6e7;
    border-radius: 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}
/*.dropdown-menu-right:before {
    content: "";
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e4e6e7 transparent;
    position: absolute;
    right: 5px;
    top: -10px;
}
.dropdown-menu-right:after {
    content: "";
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 7px;
    top: -8px;
}*/
.comment.messagecontent blockquote {
    margin-top: 1rem;
    margin-right: 1.5rem;
}
.messagecontent blockquote, .request blockquote, .comment blockquote {
    background-color: #f1f2f1;
    padding: .5rem 1rem;
    border-radius: .625rem;
    position: relative;
    font-size: .875rem;
}
.messagecontent blockquote blockquote, .comment blockquote blockquote {
    border-left: .1875rem solid #c9cdcf;
    border-radius: 0;
    padding-left: .5625rem;
    padding-bottom: .3125rem;
    margin: .5rem 0 .5rem .0625rem;
}
.messagecontent blockquote > blockquote:before,.messagecontent blockquote > blockquote:after, .comment blockquote > blockquote:before,.comment blockquote > blockquote:after{
    display:none;
}
.messagecontent blockquote:before, .request blockquote:before, .comment blockquote:before {
    background: #fff none repeat scroll 0 0;
    border-bottom-right-radius: 190% 250%;
    border-right: 1.75rem solid #f1f2f1;
    bottom: -4px;
    content: "";
    height: 1rem;
    left: -1rem;
    position: absolute;
    -webkit-transform: translate(0px,-2px);
    -moz-transform: translate(0px,-2px);
    -ms-transform: translate(0px,-2px);
    -o-transform: translate(0px,-2px);
    transform: translate(0px,-2px);
    width: 1rem;
    z-index: 1;
}
.messagecontent blockquote:after, .request blockquote:after, .comment blockquote:after {
    background: #fff none repeat scroll 0 0;
    border-bottom-right-radius: 230% 280%;
    bottom: -4px;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    -webkit-transform: translate(-16px,-2px);
    -moz-transform: translate(-16px,-2px);
    -ms-transform: translate(-16px,-2px);
    -o-transform: translate(-16px,-2px);
    transform: translate(-16px,-2px);
    width: 16px;
    z-index: 2;
}
.messagecontent blockquote p, .request blockquote p, .comment blockquote p {
    margin-top: 0;
    margin-bottom: .25rem;
    font-style: italic;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.messagecontent p, .messagecontent a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
.pswp__caption__center {
    max-width: 620px;
}
.pswp-img-author {
    margin-right: 1rem;
}
.pswp-img-author img {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.pswp-title {
    margin-bottom: 0;
}
.pswp-title a {
    color: #5ac8f5;
}
.pswp-title a:hover,
.pswp-title a:focus {
    color: #47abd8;
}
.languageskills span:after, .topics span:after, .skills span:after, .formats span:after {
    content: ", ";
    color: inherit;
}
.languageskills span:last-child:after, .topics span:last-child:after, .skills span:last-child:after, .formats span:last-child:after {
    content: "";
}
h6 .spitzmarke
.h6 .spitzmarke, {
    font-family: var(--gi-font-news);
    font-size: 0.75rem;
    line-height: 1.166666666666667;
    display: block;
}
h6 .hdl,
.h6 .hdl {
    font-size: 1rem;
    line-height: 1.25;
    display: block;
}
.copyright-container {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.copyright-container:has(.language-skill-c) {
    overflow: visible;
}
.copyright {
    font-size: .625rem;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
    color: #fff;
    position: absolute;
    bottom: .1875rem;
    right: .3125rem;
    left: .3125rem;
    font-family: var(--gi-font-sans-serif);
    text-transform: none;
    text-align: right;
}
.language-skill-c {
    font-size: 9px;
    background-color: pink;
    color: #fff;
    width: 50px;
    height: 53px;
    text-align: center;
    border-radius: 50% 50% 0 50%;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: 250;
    line-height: 1;
    padding-left: 2px;
    text-transform: uppercase;
}
.language-skill-A1, .language-skill-A2 {
    background-color: #82055f;
    color: #fff;
}
.language-skill-B1, .language-skill-B2 {
    background-color: #eb6400;
    color: #fff;
}
.language-skill-C1, .language-skill-C2 {
    background-color: #003969;
    color: #fff;
}
.language-skill-level {
    font-size: 1.5625rem;
    margin-top: .5625rem;
    display: inline-block;
}
.ql-container {
    font-family: var(--gi-font-sans-serif) !important;
    font-size: .9375rem !important;
}
.user-tutorial-list h1 {
    display: none;
}
.request-border {
    border-bottom: 1px solid #f1f2f1;
}
.users .request-border:last-child {
    border: none;
}
.modal-content .popupstyleInhalt {
    padding: 0 !important;
    width: 100% !important;
}
.modal-content h2 {
    color: #474d50;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.modal-content .popupstyleInhalt li {
    font-size: inherit;
}
.actlink-c > p {
    margin-bottom: .5rem;
}
.actlink-c > .feed-content > p {
    margin-bottom: 0;
}
/* hotpot */
.hiddenifjs {display: none;}
.responsive-video {
    position: relative;
    margin-bottom: 2rem;
}
.responsive-video>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.ratio-16x9:before {
    content: "";
    padding-bottom: 56.25%;
    display: block;
}
.ratio-4x3:before {
    content: "";
    padding-bottom: 75%;
    display: block;
}
.responsive-video .imagecredit {
    display: none;
}
#hplesson {
    margin-top: 1rem;
}
#hplesson img {
    width: 100%;
    height: auto;
}
#hplesson #ClueEntry img, #hplesson .ClueList img, #hplesson .QuestionText img {
    width:auto;
    height: auto;
    max-width: 100%;
}
#hplesson img + span {
    display: block;
    text-align: right;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.Titles, .StdDiv {
    margin-bottom: 1rem;
}
div.StdDiv {
    font-size:1rem !important;
}
div.Titles, div#ReadingDiv, div#ReadingDiv div {
    color:#5f676b;
}
#ClozeDiv {
    margin-bottom: 2rem;
}
div.ClozeBody {
    font-size: 1rem !important;
    line-height: 1.5 !important;
}
span.GapSpan {
    margin: .5rem 0;
    display: inline-block;
}
.lesson-audio {
    width: 100%;
    margin-bottom:1rem;
}
.dfd-hp-correct path {
    fill: #374105 !important;
}
/*Text */
.tutorial-content-col .comment.messagecontent {
    color: rgba(14, 32, 41, 0.72) !important;
}
#Instructions, h3.artikeluschrift, #hplesson h3, h4.artikeluschrift, #hplesson h4, div.StdDivDark p {
    font-size: 1rem !important;
    color: rgba(14, 32, 41, 0.72) !important;
    line-height: 1.5;
    margin-bottom: 1rem !important;
}
h3.artikeluschrift, #hplesson h3, h4.artikeluschrift, #hplesson h4, #ClozeDiv input, #ClozeDiv textarea {
    font-family: var(--gi-font-sans-serif);
    font-weight: bold;
}
h4.artikeluschrift, #hplesson h4 {
    font-weight: normal;
}
#ClozeDiv input, #ClozeDiv textarea {
    font-size: 100%;
}
ol.MCAnswers,ol.MSelAnswers {
    color: #006EC9!important;
}
ol.MSelAnswers li {
    margin-bottom: .25rem;
}
ol.MSelAnswers div, #TheBody div {
    color: rgba(14, 32, 41, 0.72) !important;
}
/* Buttons */
.FuncButton, .FuncButtonUp, .FuncButtonDown, #MainDiv button, #hplesson .standardBtn {
    background: #a0c814 !important;
    color: #374105 !important;
    border: 1px solid #a0c814 !important;
    border-radius: 4px;
    font-family: var(--gi-font-medium);
    font-weight: normal !important;
    margin: 1rem 0;
    padding: .25rem .5rem !important;
    font-size: 1rem;
}
.FuncButtonUp {
    background-color: #99c013 !important;
    border-color: #99c013 !important;
}
/*#hplesson .standardBtn {
    background-color: #788287 !important;
    border-color: #788287 !important;
}*/
button#CheckButton2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
input + .FuncButton, .FuncButton + .FuncButton {
    margin-left: 1rem !important;
}
button#CheckButton2 + .FuncButton {
    margin-left: auto !important;
}
iframe[src*="vimeo"], iframe[src*="youtube"] {
    max-width: calc(100vw - (1px * 2));
    max-height: calc((100vw - (1px * 2)) / 1.7778);
    border-radius: 0.375rem;
}
#QForm table {
    width: 100%;
}
#QForm td {
    padding-bottom: 1rem;
}
#QForm .RightItem {
    padding-left: 1rem;
}
#QForm .RightItem select {
    width: 100%;
}
#QForm .LeftItem {
    width: 300px;
}
/*Form elements*/
#MainDiv select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #474d50 !important;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23303436' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #c9cdcf;
    border-radius: .125rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

#MainDiv select:focus {
    border-color: #b0dbee;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(71, 171, 216, .25)
}

#MainDiv select:focus::-ms-value {
    color: #474d50;
    background-color: #fff
}
div.imagecredit-outer, p.imagecredit-outer {
    display: block;
    margin: 1rem 0;
}
.imagecredit-holder {
    display: inline-block;
    position: relative;
}
.img-responsive {
    width: 100% !important;
    height: auto;
    margin: 1rem 0 !important;
}
div.imagecredit-outer .img-responsive, p.imagecredit-outer .img-responsive {
    margin: 0 !important;
}
.imagecredit {
    position: absolute;
    right: 4px;
    left: .3125rem;
    bottom: 2px;
    text-align: right;
    line-height: 1.2;
    font-size: 10px;
    color: #fff;
    text-shadow: 0 1px 2px rgb(0 0 0 / 80%);
    font-family: var(--gi-font-sans-serif);
}