:root {
--dfd-header-height: 4rem;
}
html { scroll-behavior:smooth; }
:root {
--gi-font-news: "ClanWebPro-NarrNews", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--gi-font-medium: "ClanWebPro-NarrMedium", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--gi-font-bold: "ClanWebPro-NarrBold", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--gi-font-sans-serif: "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
*,:before,:after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;box-sizing:border-box;vertical-align:top;padding:0;margin:0}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:var(--gi-font-bold);font-weight:400;line-height:1.3125;color:rgba(14, 32, 41, 0.72);}
.language-skill-c,.btn,.accordion-toggle{font-family:var(--gi-font-medium);font-weight:400;line-height:1.3125;color:rgba(14, 32, 41, 0.72);}
.webfont-medium{font-family:var(--gi-font-medium);font-weight:400}
.webfont-news {font-family:var(--gi-font-news);font-weight:400}
h1,.h1{font-size:1.375rem;margin:0 0 1.3125rem;line-height:1.1}
.ng-trigger[style*="opacity"] .dfd-header {display:none}
.header-hdl{margin:0;padding-right:1.625rem;text-transform:uppercase;color:#0E2029;position:relative;}
.header-hdl-link{color:#0E2029}
.top-hdl .header-hdl .fa-ellipsis {position:absolute;top:-2px;right:0;font-size:1.375rem}
.header-hdl + .user-action-menu{top:2.625rem;right:.75rem}
h2,.h2{font-size:1.25rem;margin-bottom:1.0625rem}
.h2{padding:0 1rem;color:#474d50;width:100%}
.thread-hdl{margin:0 0 1.3125rem;padding:0 1rem}
h3,.h3{font-size:1.125rem}
h4,.h4{font-size:1rem}
h5,.h5{font-size:.9375rem}
h6,.h6{font-size:.875rem}
.no-tt{text-transform:none}
a{color:#006EC9;text-decoration:none}
a:focus,a:active{outline:0}
a:hover{text-decoration:none}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
button:focus{outline:0}
body{line-height:1;margin:0;padding:0;font-size:100%;background:#fff;color:rgba(14, 32, 41, 0.72);font-family:var(--gi-font-sans-serif);position:relative}
figure img{width:100%;height:auto}
img{border-radius:0.375rem}
.w\(33\%\){width:calc(100% / 3);width:33.333%}
.w\(50\%\){width:50%}
.w\(100\%\){width:100%}
.D\(b\){display:block}
.D\(ib\){display:inline-block}
.D\(i\){display:inline}
.D\(f\){display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.D\(if\){display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flex;display:-o-inline-flex;display:inline-flex}
.D\(n\){display:none}
.Jc\(ce\){justify-content:center}
.Jc\(fs\){justify-content:flex-start}
.Jc\(fe\){justify-content:flex-end}
.Jc\(sb\){justify-content:space-between}
.Jc\(se\){justify-content:space-evenly}
.Al\(ce\){align-items:center}
.Al\(bl\){align-items:baseline}
.Al\(fs\){align-items:flex-start}
.Fw\(w\){flex-wrap:wrap}
.Fw\(now\){flex-wrap:nowrap}
.Fd\(r\){flex-direction:row}
.Pos\(a\){position:absolute}
.Pos\(r\){position:relative}
.Bd\(0\){border:0!important}
.Ta\(c\){text-align:center}
.Ta\(r\){text-align:right}
.Fl\(l\){float:left}
.Fl\(r\){float:right}
.Lh\(1\.41\){line-height:1.4117647058824}
.Lh\(1\.5\){line-height:1.5}
.Lh\(2\.17\){line-height:2.1764705882353}
.Fs\(11px\){font-size:.6875rem}
.Fs\(12px\){font-size:.75rem}
.Fs\(13px\){font-size:.8125rem}
.Fs\(14px\){font-size:.875rem}
.Fs\(15px\){font-size:.9375rem}
.Fs\(16px\){font-size:1rem}
.Fs\(17px\){font-size:1.0625rem}
.Fs\(18px\){font-size:1.125rem}
.Fs\(20px\){font-size:1.25rem}
.Fs\(22px\){font-size:1.375rem}
.Fs\(24px\){font-size:1.5rem}
.P\(0\){padding:0}
.P\(10px\){padding:.625rem}
.P\(14px\){padding:.875rem}
.P\(15px\){padding:.9375rem}
.P\(16px\){padding:1rem}
.P\(20px\){padding:1.25rem}
.Pt\(0\){padding-top:0}
.Pt\(13px\){padding-top:.8125rem}
.Pt\(14px\){padding-top:.875rem}
.Pt\(15px\){padding-top:.9375rem}
.Pt\(16px\){padding-top:1rem}
.Pt\(17px\){padding-top:1.0625rem}
.Pt\(26px\){padding-top:1.625rem}
.Pt\(40px\){padding-top:2.5rem}
.Pr\(0\){padding-right:0}
.Pr\(10px\){padding-right:.625rem}
.Pr\(15px\){padding-right:.9375rem}
.Pr\(20px\){padding-right:1.25rem}
.Pl\(0\){padding-left:0}
.Pl\(14px\){padding-left:.875rem}
.Pl\(15px\){padding-left:.9375rem}
.Pl\(16px\){padding-left:1rem}
.Pl\(17px\){padding-left:1.0625rem}
.Plr\(14px\){padding-left:.875rem;padding-right:.875rem}
.Plr\(15px\){padding-left:.9375rem;padding-right:.9375rem}
.Plr\(16px\){padding-left:1rem;padding-right:1rem}
.Pb\(0\){padding-bottom:0}
.Pb\(1px\){padding-bottom:.0625rem}
.Pb\(2px\){padding-bottom:.125rem}
.Pb\(3px\){padding-bottom:.1875rem}
.Pb\(4px\){padding-bottom:.25rem}
.Pb\(5px\){padding-bottom:.3125rem}
.Pb\(6px\){padding-bottom:.375rem}
.Pb\(7px\){padding-bottom:.4375rem}
.Pb\(8px\){padding-bottom:.5rem}
.Pb\(9px\){padding-bottom:.5625rem}
.Pb\(10px\){padding-bottom:.625rem}
.Pb\(11px\){padding-bottom:.6875rem}
.Pb\(12px\){padding-bottom:.75rem}
.Pb\(13px\){padding-bottom:.8125rem}
.Pb\(14px\){padding-bottom:.875rem}
.Pb\(15px\){padding-bottom:.9375rem}
.Pb\(16px\){padding-bottom:1rem}
.Pb\(18px\){padding-bottom:1.125rem}
.Pb\(19px\){padding-bottom:1.1875rem}
.Pb\(20px\){padding-bottom:1.25rem}
.Pb\(21px\){padding-bottom:1.3125rem}
.Pb\(22px\){padding-bottom:1.375rem}
.Pb\(29px\){padding-bottom:1.8125rem}
.Pb\(30px\){padding-bottom:1.875rem}
.Pb\(40px\){padding-bottom:2.5rem}
.m-lr-a{margin-left:auto;margin-right:auto}
.Mlr\(-15px\){margin-left:-.9375rem;margin-right:-.9375rem}
.M\(0\){margin:0}
.Mt\(0\){margin-top:0}
.Mt\(10px\){margin-top:.625rem}
.Mt\(16px\){margin-top:1rem}
.Mt\(20px\){margin-top:1.25rem}
.Mt\(21px\){margin-top:1.3125rem}
.Mt\(30px\){margin-top:1.875rem}
.Mt\(42px\){margin-top:2.625rem}
.Mr\(auto\){margin-right:auto}
.Mr\(0\){margin-right:0}
.Mr\(4px\){margin-right:.25rem}
.Mr\(8px\){margin-right:.5rem}
.Mr\(10px\){margin-right:.625rem}
.Mr\(11px\){margin-right:.6875rem}
.Mr\(12px\){margin-right:.75rem}
.Mr\(13px\){margin-right:.8125rem}
.Mr\(14px\){margin-right:.875rem}
.Mr\(15px\){margin-right:.9375rem}
.Mr\(16px\){margin-right:1rem}
.Mr\(21px\){margin-right:1.3125rem}
.Mb\(-1px\){margin-bottom:-1px}
.Mb\(0\){margin-bottom:0!important}
.Mb\(1px\){margin-bottom:.0625rem}
.Mb\(2px\){margin-bottom:.125rem}
.Mb\(3px\){margin-bottom:.1875rem}
.Mb\(4px\){margin-bottom:.25rem}
.Mb\(5px\){margin-bottom:.3125rem}
.Mb\(6px\){margin-bottom:.375rem}
.Mb\(7px\){margin-bottom:.4375rem}
.Mb\(8px\){margin-bottom:.5rem}
.Mb\(9px\){margin-bottom:.5625rem}
.Mb\(10px\){margin-bottom:.625rem}
.Mb\(11px\){margin-bottom:.6875rem}
.Mb\(12px\){margin-bottom:.75rem}
.Mb\(13px\){margin-bottom:.8125rem}
.Mb\(14px\){margin-bottom:.875rem}
.Mb\(15px\){margin-bottom:.9375rem}
.Mb\(16px\){margin-bottom:1rem}
.Mb\(17px\){margin-bottom:1.0625rem}
.Mb\(18px\){margin-bottom:1.125rem}
.Mb\(19px\){margin-bottom:1.1875rem}
.Mb\(20px\){margin-bottom:1.25rem}
.Mb\(21px\){margin-bottom:1.3125rem}
.Mb\(22px\){margin-bottom:1.375rem}
.Mb\(23px\){margin-bottom:1.4375rem}
.Mb\(24px\){margin-bottom:1.5rem}
.Mb\(25px\){margin-bottom:1.5625rem}
.Mb\(26px\){margin-bottom:1.625rem}
.Mb\(27px\){margin-bottom:1.6875rem}
.Mb\(28px\){margin-bottom:1.75rem}
.Mb\(29px\){margin-bottom:1.8125rem}
.Mb\(30px\){margin-bottom:1.875rem}
.Mb\(31px\){margin-bottom:1.9375rem}
.Mb\(32px\){margin-bottom:2rem}
.Mb\(33px\){margin-bottom:2.0625rem}
.Mb\(34px\){margin-bottom:2.125rem}
.Mb\(35px\){margin-bottom:2.1875rem}
.Mb\(36px\){margin-bottom:2.25rem}
.Mb\(37px\){margin-bottom:2.3125rem}
.Mb\(38px\){margin-bottom:2.375rem}
.Mb\(39px\){margin-bottom:2.4375rem}
.Mb\(40px\){margin-bottom:2.5rem}
.Mb\(50px\){margin-bottom:3.125rem}
.Mb\(60px\){margin-bottom:3.75rem}
.Ml\(auto\){margin-left:auto}
.Ml\(0\){margin-left:0}
.Ml\(1px\){margin-left:.0625rem}
.Ml\(4px\){margin-left:.25rem}
.Ml\(6px\){margin-left:.375rem}
.Ml\(7px\){margin-left:.4375rem}
.Ml\(8px\){margin-left:.5rem}
.Ml\(9px\){margin-left:.5625rem}
.Ml\(10px\){margin-left:.625rem}
.Ml\(11px\){margin-left:.6875rem}
.Ml\(15px\){margin-left:.9375rem}
.Ml\(16px\){margin-left:1rem}
.extra-padding{padding:0 1rem}
.neg-margin{margin:0 -1rem}
.c-weiss{color:#fff}
.bgc-weiss{color:#fff}
.c-blau{color:#006EC9}
.bgc-blau{background-color:#006EC9}
.c-gruen{color:#a0c814}
.bgc-gruen{background-color:#a0c814}
.c-orange{color:#eb6400}
.bgc-orange{background-color:#eb6400}
.c-grau-1{color:#f1f2f1}
.bgc-grau-1{background-color:#f1f2f1}
.c-grau-2{color:#e4e5e6}
.bgc-grau-2{background-color:#e4e5e6}
.c-grau-3{color:#c9cdcf}
.bgc-grau-3{background-color:#c9cdcf}
.c-grau-4{color:#858e93}
.bgc-grau-4{background-color:#858e93}
.c-grau-5{color:#788287}
.bgc-grau-5{background-color:#788287}
.c-grau-6{color:#5f676b}
.bgc-grau-6{background-color:#5f676b}
.c-grau-7{color:#474d50}
.bgc-grau-7{background-color:#474d50}
.c-grau-8{color:#303436}
.bgc-grau-8{background-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-72 { color:rgba(14, 32, 41, 0.72); }
.basic-text,.card-body .basic-text{font-size:1.0625rem;line-height:1.4117647058824}
.Font\(Sans\){font-family:var(--gi-font-sans-serif)}
.ng-trigger{position:relative;z-index:998}
.dfd-header{height:var(--dfd-header-height);background-color:#fff;border-bottom:1px solid rgba(14, 32, 41, 0.08);position:fixed;top:0;right:0;left:0;z-index:99999;width:100%;padding:0.75rem 1rem;display: flex;align-items: center;justify-content: space-between}
.dfd-header.dfd-header-fixed{position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0 0 .625rem rgba(0,0,0,0.25);opacity:1}
.dfd-header.dfd-header-hidden{opacity:.5;top:-2.8125rem}
.dfd-header p{line-height:1.1;text-transform:uppercase;position:relative;margin-bottom:0;z-index:999;max-width:14.75rem;font-family: var(--gi-font-medium);font-weight:400}
.dfd-header .dfd-claim { height: 0.625rem; margin-bottom: 0.5rem; }
.dfd-header .hdl{color:#fff;font-size:1.125rem;display:block}
.wrapper .dfd-header .hdl, .dfd-header-logged-in .hdl {color:#0E2029}
.dfd-header .spitzmarke, .dfd-header-logged-in .spitzmarke {color:#0E2029;font-size:10px;display:block;margin-bottom:8px}
.dfd-header.extern .hdl { color:#0E2029; }
.dfd-header.extern .spitzmarke {color: rgba(14, 32, 41, 0.72); }
.dfd-header-hdl a{display:block;text-decoration:none}
.dfd-header-hdl a:hover,.dfd-header-hdl a:active, .dfd-header-hdl a:focus{text-decoration:none;outline:0!important}
.dfd-header.extern{height:2.8125rem;line-height:2.8125rem;background-color:#fff;top:0;right:0;left:0;z-index:99999;width:100%;padding:.875rem 1rem 1rem .9375rem;position:relative;display: flex;align-items: center; justify-content: space-between; border: 0.0625rem solid #e5e7e8; }
.service-nav{margin:0;padding:0;list-style:none;display:inline-flex;/*position:absolute;top:-1px;right:1rem*/}
.service-nav a{color:#fff;opacity:.6;display:inline-block;margin:0 5px}
.service-nav a.active-lang{opacity:1}
.lang-toggle-c{float:right;position:relative;line-height:1;top:0}
.lang-toggle{color:#fff;font-size:1.25rem;text-transform:uppercase}
.user-profile-img{float:right;width:2.125rem;height:2.125rem;min-height:2.125rem!important;min-width:2.125rem!important;position:relative;z-index:1000;}
.user-profile-img img{background-color:rgba(255,255,255,.3);border-radius:50%;border:1px solid #fff;width:100%;height:100%;display:block;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
/*fixed nav*/
.dfd-header-nav {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 80px;
background-color: #f1f2f2;
z-index: 1000;
display: flex;
align-items: flex-start;
justify-content: center;
}
.dfd-header-nav-text { display: block; font-size: 12px; line-height: 1; }
.dfd-header-icons{list-style-type:none;line-height:1;color:#fff;display:flex;align-items:flex-start;position:relative;z-index:1001;width:100%;height:100%;border-top:1px solid rgba(14, 32, 41, 0.08)}
.dfd-header-icons li{font-size:2rem;position:relative;text-align:center;display:flex;flex:1 0 20%;height:100%}
.dfd-header-icons li.active { box-shadow: inset 0 -0.25rem 0 #a0c814; }
.dfd-header-icons a{color:rgba(14, 32, 41, 0.56);text-decoration:none;display:block;margin:12px auto auto auto;position:relative;}
.dfd-header-icons li.active a {color:#374105}
.forum .to-top-link { bottom: 156px !important; }
.gruppen .to-top-link { bottom: 156px !important; }
.icon-text{display:none}
.number-c{display:inline-flex;color:#fff;height:1rem;position:absolute;box-sizing:border-box;background-color:#eb6400;right:0.25rem;z-index:1;padding:.1875rem;text-align:center;top:0.25rem;margin:auto;min-width:1rem;justify-content:center;align-items:center;border-radius:50rem;line-height:0.5;}
.has-number .number-c{margin:-.25rem 0 0 .25rem;color:#fff;min-width:1.4375rem;height:1.375rem;position:initial}
.friends .number-c{right:0;top:.4375rem}
.number{font-size:.6875rem;margin:auto}
.has-number .number{font-size:.8125rem;position:relative;top:.0625rem}
.main-container{background-color:#fff;padding:var(--dfd-header-height) 0 0;min-height:calc(100vh - var(--dfd-header-height));cursor:pointer}
.main-container.fullheight{padding:0}
.main-container.extern{padding:0}
img.header,.full-width{width:100%;height:auto}
.top-hdl{border-bottom:.0625rem solid rgba(14, 32, 41, 0.08);padding:.9375rem 1rem .5rem;background-color:#fff;position:relative;z-index:9;margin-bottom:1.375rem}
.activity-feed,.tutorial-info{margin-top:1.375rem}
.card-container{margin-bottom:1.375rem;padding-left:1rem;padding-right:1rem;border-bottom:.0625rem solid #e5e7e8;position:relative;width:100%}
.card-container.messages{border-bottom-color:#fff}
.card-container.groupinvite,.card-container.recipientselect{padding-left:3.625rem;display:flex;padding-bottom:.5rem}
.accordion-contacts:last-child .card-container,.activity:last-child .card-container{border:0}
.tutorials .card-container:last-child{margin-bottom:1.25rem}
.card-container h2{color:#474d50;padding-left:0;padding-right:0}
.card-full-width{width:100%;margin-bottom:1.375rem;margin-left:0}
.card-container figure{margin-bottom:1.25rem}
.card-body.card-full-width{margin-bottom:1.375rem}
.card-container.gi-ad{background-color:#003969;color:#fff}
.card-container .alert { border-radius:0.375rem !important }
.gi-ad .card-body{margin-bottom:1.5rem}
.gi-ad .entry-date,.gi-ad .user-card-action{color:#fff}
.gi-ad .teaser-container.uebung{background-color:#fff}
.user-card-compact{align-items:flex-start;display:flex;margin:0 0 .875rem;position:relative;width:100%}
.search-member-list-c .user-card-compact{padding-left:1.625rem}
.user-card-action{position:absolute;right:.1875rem;top:-.5625rem;display:block;color:#858e93;text-decoration:none;z-index:3;padding:.625rem;display:block;font-size:1.25rem}
.user-card-action.ext{right:0.75rem}
.user-card-action:before{display:inline-block}
.user-card-action.icon-container{width:auto}
.user-card-action.icon-container span{margin-left:.3125rem}
.user-quote .user-card-action{top:0}
.user-action-menu{position:absolute;top:3rem;right:-.625rem;background-color:#fff;border:.0625rem solid #e4e5e6;z-index:9999;box-shadow:0 .125rem .25rem rgba(0,0,0,0.2);font-size:1.0625rem;color:#5f676b}
.burger-action-menu{position:absolute;top:2.625rem;right:.75rem;background-color:#fff;border:.0625rem solid #e4e5e6;z-index:9999;box-shadow:0 .125rem .25rem rgba(0,0,0,0.2);font-size:1.0625rem;color:#5f676b}
.user-action-menu:after,.burger-action-menu:after{width:0;height:0;border-style:solid;border-width:0 .4375rem .4375rem;border-color:transparent transparent #fff;position:absolute;top:-.4375rem;right:.375rem;content:""}
.user-action-menu:before,.burger-action-menu:before{width:0;height:0;border-style:solid;border-width:0 .5rem .5rem;border-color:transparent transparent #e4e5e6;position:absolute;top:-.5rem;right:.3125rem;content:""}
.user-action-menu ul{list-style-type:none;padding:.25rem 0 .4375rem}
.burger-action-menu ul{list-style-type:none;padding:.625rem 0;font-family: var(--gi-font-medium);font-weight:400;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}
.user-action-menu li{padding:.6875rem 1rem .5rem}
.burger-action-menu li{padding:.5rem 1.125rem .25rem}
.burger-action-menu li:hover{background-color:#788287}
.burger-action-menu li:hover a{color:#fff;text-decoration:none}
.user-action-menu li:last-child{border-bottom:0}
.burger-action-menu li:last-child{padding-bottom:8px}
.user-action-menu a,.burger-action-menu a{color:#5f676b}
.user-action-menu span[class*="icon-"]:before,.burger-action-menu span[class*="icon-"]:before{margin-right:.625rem;display:inline-block;min-width:1.125rem}
.user-action-menu span[class*="icon-"]:before{-webkit-transform:translate(0,1px);-moz-transform:translate(0,1px);-ms-transform:translate(0,1px);-o-transform:translate(0,1px);transform:translate(0,1px)}
.burger-action-menu span[class*="icon-"]:before{-webkit-transform:translate(0,-2px);-moz-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px)}
.fake-select{position:relative}
.fake-select select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;font-size:1rem}
.fake-select .btn {margin-top:0 !important;margin-bottom:0.5rem}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.fake-select select:focus{font-size:1rem}
}
select#language_ID{text-transform:capitalize}
.user-image-c{display:block;flex:0 0 auto;margin-right:.625rem;position:relative;z-index:2}
.user-status--online{width:1rem;background-color:#a0c814;height:1rem;border-radius:50%;border:1px solid #fff;display:inline-block;margin-left:0.25rem;-webkit-transform:translate(0,3px);-moz-transform:translate(0,3px);-ms-transform:translate(0,3px);-o-transform:translate(0,3px);transform:translate(0,3px)}
.user-label + .user-status {margin-left:0.25rem}
.user-details-c{overflow:hidden;z-index:2}
.recipients .user-details-c{font-size:0.9375rem}
.user-details{padding-right:30px}
.user-name-container{float:left;max-width:100%}
.user-name-container > a{overflow:hidden}
.user-name, .card-body p.user-name{font-size:1.25rem;line-height:1.3125;margin-bottom:0 !important;margin-top:0;overflow:hidden;padding-right:.3125rem;text-overflow:ellipsis;white-space:nowrap;color:#006EC9;font-family: var(--gi-font-medium);font-weight:400;max-width:calc(100vw - 9rem)}
.groupinvite .user-name{width:calc(100vw - 188px)}
.userlist-c{width:100%}
.user-tile{padding:0 16px;border-bottom:1px solid #e5e7e8}
.user-container.compact{width:50%;padding:0 1px}
.user-compact a.user-image-link{margin:0}
.entry-link{font-family:var(--gi-font-sans-serif);font-size:13px;font-weight:400}
.group-name-container{max-width:100%;float:left}
.group-name{font-size:.875rem;overflow:hidden;margin:.25rem 0}
.group-name > a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;height:1rem}
.group-name > a:before{content:"\e914";font-family:DfD-Iconfont;font-size:8px;margin-right:4px;display:inline-block;-webkit-transform:translate(0px,4px);-moz-transform:translate(0px,4px);-ms-transform:translate(0px,4px);-o-transform:translate(0px,4px);transform:translate(0px,4px)}
.entry-date{clear:both;font-size:.8125rem;margin-top:1.625rem}
.entry-number{font-size:.8125rem;margin-top:.25rem;clear:left}
.member-list-c .entry-number{display:block;clear:left;margin-top:1.25rem;padding-bottom:.125rem}
.user-img,.no-img{width:4.5rem;height:4.5rem;max-width:4.5rem;max-height:4.5rem;text-overflow:ellipsis;display:inline-block;border-radius:50%;box-shadow:0px 0px 3px rgb(0 0 0 / 6%), 0px 1px 10px rgb(0 0 0 / 3%)}
.user-card-tile .user-img{width:100%;height:auto}
.no-img{display:flex;align-items:center;justify-content:center;background-color:#858e93}
.no-img p{font-size:1.125rem;color:rgba(255,255,255,0.88) !important;text-transform:uppercase;-webkit-transform:translate(0,2px);-moz-transform:translate(0,2px);-ms-transform:translate(0,2px);-o-transform:translate(0,2px);transform:translate(0,2px);margin:0 auto !important;font-family: var(--gi-font-medium);font-weight:400}
.card-body{font-size:1.0625rem;line-height:1.411764;margin:0 0 1rem;position:relative}
.card-body-small{margin-left:0;margin-right:0}
.card-body p{margin:.6875rem 0 .625rem;color:rgba(14, 32, 41, 0.72)}
.card-body p.spitzmarke {margin:0 0 0.0625rem 0;color:rgba(14, 32, 41, 0.64)}
.card-body .actlink-c ul { margin:.6875rem 0 .625rem 1.5rem; }
.card-body p,.card-body .actlink-c,.message-teaser-title,.message-teaser-text,.messagecontent,.thread-hdl,.lesson-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}
.card-body .actlink-c .disabled{color:#858e93}
.card-body .actlink-c > .feed-content > p {margin-bottom: 0;}
.card-bookmark-i {
width: 2rem;
height: 2rem;
position: absolute;
z-index: 3;
top: 0.75rem;
right: 0.75rem;
background-color: rgba(14, 32, 41, 0.64);
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: content-box;
cursor: pointer;
}
.card-bookmark-i:hover {
background-color: #006EC9;
}
.small .card-bookmark-i {
top: 0.375rem;
right: 0.375rem;
}
.card-bookmark-i.card-marked {
background-color: #006EC9;
color: #fff;
}
.card-bookmark-i .fa-star{font-size:1rem;}
.overlay-link{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-100%}
.card-body a.tags,.tags,.forum-name{display:inline-flex;align-items:center;border:.0625rem solid #e4e5e6;background-color:#f1f2f1;line-height:1;padding:.3125rem .375rem;margin:0 .5rem .5rem 0;position:relative;border-radius:.1875rem;font-size:.9375rem;word-break:break-word;}
.tags .user-img-invited{width:1.25rem;height:auto;margin-right:.3125rem}
.teaser-tutorial-c{background-color:#f1f2f1;margin-top:1.875rem;margin-bottom:1.375rem;position:relative}
.teaser-tutorial-c img {border-bottom-left-radius:0;border-bottom-right-radius:0}
.teaser-tutorial-text{padding:.125rem .875rem 1.375rem}
.user-quote,.messagecontent blockquote{background-color:#f1f2f1;padding:.625rem .625rem .5rem;border-radius:.625rem;position:relative}
.messagecontent blockquote blockquote{border-left:.1875rem solid #c9cdcf;border-radius:0;padding-left:.5625rem;padding-bottom:.3125rem;margin:.625rem 0 .625rem .0625rem}
.messagecontent blockquote > blockquote:before,.messagecontent blockquote > blockquote:after{display:none}
.user-quote:before,.messagecontent blockquote:before{background:#fff none repeat scroll 0 0;border-bottom-right-radius:190% 250%;border-right:28px solid #f1f2f1;bottom:-4px;content:"";height:16px;left:-16px;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:16px;z-index:1}
.user-quote:after,.messagecontent 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}
.user-quote .entry-header,.messagecontent blockquote .entry-header{margin-bottom:.625rem;margin-top:0;padding-top:0}
.user-quote .entry-header.no-entry-img,.messagecontent blockquote .entry-header.no-entry-img{margin-bottom:.25rem}
.user-quote .entry-date,.messagecontent blockquote .entry-date{margin-top:-.1875rem}
.user-quote .user-img,.messagecontent blockquote .user-img{height:2rem;width:2rem}
.user-quote h4,.messagecontent blockquote h4{font-size:1rem;margin:0}
.user-quote .card-body,.messagecontent blockquote .card-body{margin:0}
.user-quote p,.messagecontent blockquote p{margin-top:0;margin-bottom:.3125rem;font-style:italic;font-size:.9375rem}
.like-c{margin-bottom:1.375rem}
.content.tutorial .comments{margin-bottom:58px}
.comments-hdl{padding:0 1rem .375rem;margin-bottom:1.375rem;border-bottom:.0625rem solid #e5e7e8}
.back-link{font-size:.8125rem}
.back-link [class*="icon-"]{font-size:.75rem;margin-right:.25rem;font-family:'DFD-Iconfont'}
.lesson-header{background-color:#fafbfa;margin-bottom:1.9375rem;padding-top:.625rem;position:relative;margin-top:-52px}
.lesson-c.card-body{margin-left:1rem;margin-right:1rem}
.lesson-not-available .lesson-content-c{opacity:.66;position:relative;display:none}
.lesson-not-available .lesson-content-c:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0}
.tutorial-not-available .tutorial-card-teaser-info {opacity:.66;position:relative}
.tutorial-not-available img { opacity: 0.33; }
.lesson-footer-nav{margin:-1.875rem 0 5rem}
h1.lesson-title{color:#474d50;padding:0 2rem 0 1rem}
h2.lesson-title{color:#474d50}
.lesson-icon-close{float:right;color:#474d50;position:relative;z-index:2;margin:-1rem 0 -1rem -1rem;padding:1rem .5rem 1rem 1rem}
.text-icon{display:none}
.compactlessonnavi{position:relative}
.compactlessonnavi .pagination{padding:1rem 1rem .9375rem;list-style:none}
.lesson-toggle{border-top:1px solid #e5e7e8;text-align:center;position:absolute;width:100%}
a.lesson-toggle-link{padding:.5rem;margin:-.5rem}
.compactlessonnavi .pagination-page{-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;-o-flex:1 1 auto;flex:1 1 auto;text-align:center;border-left:.0625rem solid #858e93}
.compactlessonnavi .pagination-page:first-child{border-left:0}
.compactlessonnavi .page-link{width:100%;display:inline-block}
.compactlessonnavi .completed .page-link{color:#006EC9}
.compactlessonnavi .pagination-page.active a{color:#474d50;font-weight:700}
.detailedlessonnavi .list-group{list-style:none;margin:0;font-size:1.0625rem;line-height:1.41176}
.list-lessons{padding:.8125rem 1rem .9375rem}
.list-attachments{padding:0 1rem .9375rem}
.detailedlessonnavi .list-group [class^="icon-"]:before{line-height:1.2}
.list-lessons li{margin-bottom:.25rem}
.list-lessons a{color:#5F676B}
.detailedlessonnavi .active a{font-weight:700;color:#474d50}
.detailedlessonnavi .list-group-item a{position:relative;padding-left:1.3125rem;display:inline-block}
.detailedlessonnavi .list-group-item i{position:absolute;left:0;top:0.125rem}
.detailedlessonnavi .btn-container{margin-bottom:0}
.detailedlessonnavi .btn-container .btn{font-size:.9375rem;padding:.5rem .625rem .375rem}
.detailedlessonnavi .btn-container .btn:before{font-size:.6875rem}
.teaser-container{position:relative;margin:1.875rem 0 0}
.teaser-container.uebung{background-color:#f1f2f1}
.spitzmarke{font-family:var(--gi-font-news);font-size:.8125rem;color:rgba(14, 32, 41, 0.64);display:block;line-height:1.15;margin-bottom:.0625rem}
.hdl{color:#474d50;font-size:1.25rem;display:block;line-height:1.0909090909091}
.btn{padding:.75rem .75rem .625rem;gap:0 0.5rem;text-align:center;line-height:1;display:-webkit-box;display:flex;align-items:baseline;justify-content:center;font-size:1.125rem;border-radius:.25rem}
.btn-small{font-size:.9375rem;padding:.5rem .625rem .375rem}
.btn:hover{text-decoration:underline;}
.btn-blau{background-color:#fff;color:#006EC9;border:1px solid #006EC9}
.btn-blau-filled {background-color:#006EC9;border:1px solid #006EC9;color:#fff}
.btn-blau:hover, .btn-blau-filled:hover{background-color:#0058a1;border-color:#0058a1;color:#fff}
.btn-gruen{background-color:#a0c814;color:#374105;border:1px solid #a0c814}
.btn-gruen:hover{background-color:#90b412;border-color:#90b412}
.btn-orange{background-color:#eb6400;color:#fff;border:1px solid #eb6400}
.btn-orange:hover{background-color:#dd5f00;border-color:#dd5f00}
.btn-rot{background-color:#dc3545;color:#fff;border:1px solid #dc3545}
.btn-rot:hover{background-color:#dd3040;border-color:#dd3040}
.btn-link{font-family:var(--gi-font-sans-serif)}
.btn-cancel{font-family:var(--gi-font-sans-serif)}
.page-link-c .btn {text-transform:none}
.btn .icon-reload {fill:currentColor;width:1rem;height:1rem;margin-right:0.5rem}
.btn:disabled,.btn[disabled],.btn:disabled:hover,.btn[disabled]:hover{opacity:.65;background-color:#a0c814;color:#374105;text-decoration:none;}
.btn-reset { padding:0; border:0; background:transparent; }
.btn-online { border: 0.125em solid white; border-radius:50%; background: white; }
.btn-online, .btn-online:hover, .btn-online:focus, .btn-online:active { text-decoration:none; }
.icon-after{margin-left:.5rem}
.icon-before{margin-right:.5rem}
.card-body .btn{margin-top:1.25rem}
.btn-send-comment{font-size:1rem;background-color:#a0c814;border-radius:50%;width:2.375rem;height:2.375rem;padding:0;text-align:center}
.btn-send-comment .fa-check {color:#374105;font-size:20px}
.groups-c .card-full-width:last-child{border-bottom:0}
.gruppen-container.ganze-breite .gruppe{width:100%;max-width:100%}
.group-tiles{width:calc(100% / 3);padding:0 1px}
.gruppen-container + .textlink-c{margin-top:0}
.group-tiles img{width:100%;height:auto}
.group-tiles .h5{margin-top:8px;margin-bottom:17px}
.group-tiles .h5 a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis}
.group-tiles .h5 a:before{content:"\e914";font-family:'DfD-Iconfont';position:absolute;left:0;font-size:.75rem;line-height:1.5;display:none}
.group-info-small{width:calc(66% - 10px)}
.feed-teaser-group-c{margin-top:1.25rem}
.teaser-groups-c{margin-top:0}
figure.card-teaser-image{width:27.5vw;max-width:100%;margin-bottom:0}
.card-teaser-image.full-width{width:100%;margin-bottom:1.25rem}
.teaser-group-image{width:33vw;margin-right:.625rem;margin-bottom:0!important}
.teaser-group-image img{width:100%;height:auto}
.card-teaser-info{padding-left:10px;max-width:65%;width:65%}
.card-teaser-info.full-width{max-width:100%;padding-left:0;width:100%}
.card-teaser-info-list{list-style-type:none}
.card-teaser-info-list.info-list-small{font-size:.9375rem;line-height:1.4}
.card-teaser-hdl{overflow:hidden}
.card-teaser-hdl.mod-group-name{margin-right:.875rem}
.card-teaser-hdl-small{font-size:1.125rem;margin-bottom:.125rem}
.card-teaser-hdl-small .hdl{font-size:inherit}
p.card-text-skills{margin:0;font-size:15px}
p.card-text-skills .icon-attachment{line-height:1.5}
.teaser-group-text{font-size:1.0625rem;line-height:1.41176}
.group-icon{width:100%;height:auto;overflow:hidden;vertical-align:middle}
.group-full-info-c{font-size:1.0625rem;line-height:1.411764;margin-bottom:1.125rem}
.group-full-info-c .group-header-image {margin-left: 1rem;margin-right: 1rem;width: calc(100% - 2rem);}
.group-full-details{padding:1.0625rem 1rem 1rem;border-bottom:.0625rem solid #e5e7e8}
.group-info-text{margin-bottom:.75rem}
.group-info-text ul{padding-left:1.625rem;margin:.625rem 0}
.group-full-details .card-teaser-info-list{margin:0 0 .625rem;padding:0}
.group-full-details li{margin-bottom:.625rem}
.group-full-details li.tags{margin-top:1.0625rem;padding-left:0;background-color:transparent;border-color:transparent}
.group-full-details p{margin-top:0}
.group-full-details p.memberinfo,.group-full-details p.memberinfo:last-child{margin-bottom:0}
.group-full-details p:last-child{margin-bottom:.8125rem}
.gruppen-newsfeed-c .card-container{margin-bottom:1.125rem}
.teaser-group-meta-list{line-height:1.3571428571429;font-size:.875rem;list-style:none}
.teaser-group-meta-list li{margin-bottom:.0625rem}
.teaser-group-meta-list li:last-child{margin-bottom:0}
.teaser-group-meta-list li.tags{margin-top:1.0625rem}
li.teaser-group-info{position:relative;overflow:hidden;margin-bottom:.8125rem;font-size:1.0625rem}
.fixedheight .group-info-toggle{bottom:.1875rem}
.teaser-group-info p{margin:0}
.teaser-group-info.active{height:auto}
.group-info-toggle{font-size:.8125rem;color:#006EC9;text-align:right;height:1.5em;background:linear-gradient(to right,rgba(255,255,255,0.2),rgba(255,255,255,1) 17%)}
.inviteaction,.recipientaction{top:1.75rem;left:.9375rem;z-index:12}
.search-member-list-c .recipientaction{top:1rem}
.search-select-user{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}
.copyright-container{display:block;position:relative;height: 100%;}
.copyright-container .copyright, .bildnachweis {
bottom: 0.375rem;
color: #fff;
font-size: .625rem;
line-height: 1.2;
position: absolute;
left: 0.75rem;
right: 0.75rem;
text-align: right;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.56);
font-family: var(--gi-font-news);
-webkit-hyphens: auto;
hyphens: auto;
}
.copyright-container .copyright.copyright-bl {
text-align: left;
}
.copyright-container .copyright.copyright-tl {
text-align: left;
bottom: auto;
top: 0.25rem;
left: 0.375rem;
}
.card-container-full-width .copyright,
.card-container-full-width .bildnachweis,
.tutorial-card-container.full-width .copyright,
.tutorial-card-container.full-width .bidnachweis {
width: 60%;
}
.tutorial-card-container.small {
font-size: 0.5625rem;
}
.language-skill-c{font-size:.5625rem;background-color:#a0c814;color:#fff;width:3.125rem;height:3.125rem;text-align:center;border-radius:50% 50% 0 50%;position:absolute;right:0;top:-1.5625rem;z-index:2;line-height:1;padding-left:.125rem;text-transform:uppercase}
.language-skill{font-size:1.5625rem;margin-top:.5625rem;display:inline-block}
.skill-a,.skill-A1,.skill-A2{background-color:#82055f;color:#fff}
.skill-b,.skill-B1,.skill-B2{background-color:#eb6400;color:#fff}
.skill-c,.skill-C1,.skill-C2{background-color:#003969;color:#fff}
.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:""}
.card-footer{font-size:.875rem;margin:1.125rem 0 1.75rem}
.card-footer-small{margin:0}
.card-action{margin-right:2rem}
.tutorial-card-body.full-width .card-action {
margin-left: auto;
justify-content: flex-end;
margin-right: 0;
}
.tutorial-card-footer.small .card-action {
margin-right: 0;
}
.card-bookmark-container-small .card-bookmark-i {
position: relative;
margin-right: auto;
transform: scale(0.7);
z-index: 3;
}
/*.like-icon-c{color:#858e93}*/
/*.like-icon-c.liked{color:#006EC9}*/
.svg-icon {display: inline-block;height:1em;overflow: visible;vertical-align: -0.125em}
.like-icon-c {color:#006EC9;font-weight:700;background: transparent !important;position:relative;z-index:3;cursor:pointer;font-size:0.75rem;line-height:calc(16/12);}
.like-icon-c:hover .likcount { text-decoration:underline; }
.like-icon-c .fa-thumbs-up{font-size:1.125rem;display:inline-block;margin: 0 0.5rem}
.small .like-icon-c { transform:translateY(0.375rem); }
.forum-contributions{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;padding:1rem 1rem .3125rem;background-color:#f1f2f1;border-top:.0625rem solid #e5e7e8;margin-left:-1rem;margin-right:-1rem}
.anchor-nav-c{font-size:.875rem}
.textlink-c{padding:0 1rem 2.125rem;text-align:center;font-size:.8125rem;vertical-align:middle;color:#788287;width:100%}
.detailedlessonnavi .textlink-c{padding-top:1.375rem}
.panel-body .textlink-c{padding-bottom:1.0625rem}
.textlink-c .fa-solid{margin:0 .25rem;display:inline-block;}
.textlink{display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flex;display:-o-inline-flex;display:inline-flex;align-items:baseline;justify-content:center}
.content.forum .card-container:last-child{border-bottom:0}
.suchoptionen.auf + .search-additional{margin-top:1.25rem}
span.icon-single-arrow-down.jump-link{float:right;margin-left:.3125rem;margin-bottom:.3125rem}
.jump{text-align:center;font-size:.6875rem;float:right;font-family: var(--gi-font-sans-serif);transform:translate(4px,0);margin-left:.25rem;margin-bottom:.25rem;margin-top:0}
.jump span:before{margin-left:.25rem;display:inline-block;margin-top:.125rem}
.forum-name{float:right;margin-right:0;margin-left:.625rem;font-size:.8125rem;top:.0625rem;z-index:2;margin-top:-2.125rem}
.card-footer .btn-container{display:block;width:100%;padding:0;margin-top:.4375rem}
.btn-container.zwei div{float:left;margin-right:.625rem;display:inline-block;min-width:33%}
.forums-list{list-style:none;margin:1.25rem 0 1.6875rem;padding:0}
.forums-list-i{border-bottom:.0625rem solid #e5e7e8;padding:0 1rem 1.1875rem;margin-bottom:1.25rem}
.forums-list-i:last-child{border:none}
.forum-list-icn{background-color:#006EC9;width:1.875rem;height:1.875rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;border-radius:50%}
.forum-list-icn .icon-forum-2{font-size:.75rem;color:#fff}
.forum-list-name p{font-size:.875rem;line-height:1.41176;color:rgba(14, 32, 41, 0.72)}
.forum-list-name .forum-title {font-size:1.125rem;line-height:1.3125;color:#474d50;}
.goToForumLink-c p{margin-bottom:1rem;font-size:1.0625rem;line-height:1.41176}
.goToForumLink-c .fa-angles-right{font-size:.625rem;display:block;margin:0 .5rem;color:rgba(14, 32, 41, 0.72)}
.messagecontent{margin-bottom:1rem}
.messagecontent ul{margin-left:2rem}
.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}
.file-upload-right{margin-top:1.1875rem}
.file-upload-right label{font-size:.875rem;line-height:1.4285714285714}
.file-upload__square{width:100%;position:relative;margin-bottom:1rem;margin-top:.75rem}
.file-upload__square > .text-muted{overflow:hidden;text-overflow:ellipsis}
.file-upload-thumb-c{width:100%;height:auto}
.modal-body .file-upload-thumb-c{width:auto;max-height:30vh}
.file-upload__square__img{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:center}
.file-upload__square__img img.user-pic{height:auto;object-fit:contain;width:100%}
.modal-body .file-upload__square__img img.user-pic{height:auto;object-fit:contain;width:100%;max-height:calc(30vh - 20px)}
.attachment-file-icon-c{position:relative;margin-left:.6875rem}
.file-icon-xl{margin-left:0}
h3.attachment-extension{position:absolute;left:.1875rem;bottom:0;color:#fff;font-size:.8125rem}
.file-icon-xl h3.attachment-extension{font-size:1rem;left:.375rem;bottom:.0625rem}
.userimg__delete,.teaserimg__delete{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;text-align:center;line-height:3.5;background-color:rgba(48,52,54,0.5)}
.userimg__delete .icon-delete,.teaserimg__delete .icon-delete{color:#fff;line-height:2}
.userimg__delete[href]:hover,.userimg__delete[href]:focus,.teaserimg__delete[href]:hover,.teaserimg__delete[href]:focus{background-color:rgba(48,52,54,0.7)}
.file-upload__square__img .user-upload-img-c{padding-top:unset!important}
.user-upload-img-c{position:relative;overflow:hidden;width:100%}
.file-upload__square__img .user-upload-img{position:unset;height:auto}
.user-upload-img{position:absolute;top:0;left:0;height:100%;width:100%}
.text-muted{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;margin-top:.5rem;padding-bottom:.0625rem;width:100%;text-align:center}
.daterequested.text-muted{text-align:left}
.progress{height:1.375rem;background-color:#c9cdcf;border-radius:.125rem;position:relative;margin-bottom:.6875rem}
.progress-bar{height:100%;background-color:#006EC9;border-radius:.125rem}
.progress-text{font-size:.75rem;color:#fff;position:absolute;line-height:1.375rem;-webkit-transform:translateX(-11px);-moz-transform:translateX(-11px);-ms-transform:translateX(-11px);-o-transform:translateX(-11px);transform:translateX(-11px)}
.panel-group{margin-bottom:2.0625rem}
.accordion-footer.panel-group {
margin-bottom: 0;
}
.panel-heading{position:relative;border-bottom:.0625rem solid #e5e7e8;padding:1rem 1rem .75rem}
.accordion-footer .panel-heading {
padding: 0;
border-bottom: none;
}
.panel-group > .panel:last-child .panel-heading,.panel-group > .panel:last-child .panel-body{border-bottom:0}
.panel-open .panel-heading{background-color:rgba(14, 32, 41, 0.08);color:rgba(14, 32, 41, 1)}
.accordion-footer .panel-open .panel-heading {
background-color: #fff;
}
.panel-body{padding:1.25rem 0;border-bottom:.0625rem solid #c9cdcf}
.accordion-footer .panel-body {
padding: 1rem 0.5rem 1.5rem 0.5rem;
border-bottom: none;
font-size: 1rem;
line-height: 1.5;
}
.accordion-footer .panel-body p,
.accordion-footer .panel-body address {
margin-bottom: 20px;
margin-top: 0;
}
.panel-body.card-body{margin-bottom:0}
.collapse .accordion-tutorials .card-container:last-child{border-bottom:none}
.panel-user-profile{padding-left:1rem;padding-right:1rem}
.panel-user-profile .h3:first-of-type,.panel-user-profile p{margin-top:0}
.panel-user-profile .languages{margin:0 0 .625rem}
.accordion-toggle{
padding-left: 1.25rem;
position: relative;
}
.accordion-footer .accordion-toggle {
padding-left: 0;
border-top: 1px solid rgba(14,32,41,0.16);
}
.accordion-toggle .btn{padding:0;text-align:left;font-family:"ClanWebPro-NarrMedium","Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif!important;line-height:1.222}
.accordion-footer .accordion-toggle .btn {
display: flex;
justify-content: space-between;
font-size: 1rem;
line-height: 1.5;
width: 100%;
color: #0E2029;
padding: 1rem 2rem 0.75rem 0.5rem;
}
.button-toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
width: 1rem;
height: 1rem;
}
.panel-open .button-toggle-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}
.panel-open .accordion-toggle .btn{color:rgba(14, 32, 41, 1)}
.accordion-toggle:before {
position:absolute;
left: 0;
top: 2px;
width:1rem;
height:1rem;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z' fill='rgba(14, 32, 41, 0.72)'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.accordion-footer .accordion-toggle:before {
content:none;
}
.panel-open .accordion-toggle:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z' fill='%230E2029'/%3E%3C/svg%3E");}
.accordion-footer .panel-open .accordion-toggle:before {
content: none;
}
.user-image-container{ display: flex; align-items:center; gap: 0 1rem; position:relative;z-index:1; padding-left:1rem; padding-right:1rem;margin-bottom: 1.3125rem;}
.user-image-inner.full {width:144px;height:144px;margin:0 0 0 auto;text-align:center; flex-shrink: 0; order:1;}
.user-image-inner-wrap{margin:0 auto;text-align:center;display:inline-block}
.user-image-inner.full img{width:144px;height:auto;max-height:100%;max-width:100%;border-radius:50%; object-fit: cover;}
.user-image-inner.full .no-img{margin:auto;position:relative; width: 144px;height: 144px; max-width: 144px; max-height: 144px;}
.user-image-inner.full .no-img p { font-size:2.5rem; }
.user-image-inner.full .no-img .btn-online {
font-size: 28px;
}
.user-image-crop-container .user-image-inner.full {
margin: 0;
}
.user-image-crop-container .user-image-btn-container {
order: 2;
flex: 1;
}
.info-date{font-size:.8125rem;display:inline-block;margin-top:.625rem}
.info-date span{margin-right:.25rem;color:#a0c814}
.user-meta-container{width:auto;margin:auto auto auto 0; order: 2;}
.groupinvite .user-meta-container{width:100%}
.user-details-c .user-meta-container{padding-top:.25rem}
.user-meta-list{list-style-type:none;margin:0;padding:0;font-size:.9375rem;line-height:1.285714;text-align:left;order:2;}
.user-meta-list li{margin-bottom:.25rem}
.user-meta-list .icon-circle{-webkit-transform:translate(-1px,3px);-moz-transform:translate(-1px,3px);-ms-transform:translate(-1px,3px);-o-transform:translate(-1px,3px);transform:translate(-1px,3px);display:inline-block;font-size:.6875rem;color:#a0c814}
.messages-c .card-container:last-child{border-bottom:0}
.message-hdl-c,.message-action-c{padding:0 1rem 1rem;margin:1.375rem 0;border-bottom:.0625rem solid #e5e7e8}
.message-action-c{padding-bottom:.8125rem}
.message-action-toggle{padding:.5rem 0}
.multiselect-messages-hint{padding:1.125rem;border-left:8px solid #006EC9;background-color:#FBFBFA}
.message-hdl-c .btn-c{margin-bottom:1.3125rem}
.message-teaser-icons-c{margin-top:5.125rem}
.message-teaser-icons-c .message-toggle-icon{margin-top:.5rem}
.message-toggle-icon [class^="icon-"]:before{color:#474d50}
.message-teaser-c{margin-bottom:1rem;font-size:1.0625rem;line-height:1.41176}
.message-unread .message-teaser-title{font-weight:700}
.message-teaser-title{margin-bottom:.25rem;color:#474d50}
.message-teaser-text{font-size:.9375rem}
ul.recipientimages,ul.recipients{display:inline;margin:0;padding:0}
ul.recipientimages li,ul.recipients li{display:inline;list-style:none;margin:0;padding:0}
ul.recipients li:after{content:", "}
ul.recipients li:last-child:after{content:""}
.message-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f1f2f1;box-shadow:0 0 .375rem 0 rgba(71,171,216,0),.0625rem .0625rem .0625rem 0 rgba(201,205,207,1) inset;display:block;width:44%;background-image:url(../img/single-arrow-down.svg);background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:1rem;color:#858e93;padding:.4375rem .5rem .375rem;font-size:1rem;border-radius:0;border:none}
.message-select:focus{border-color:#006EC9}
.tofrom,.fromto{margin-right:10px;min-width:28px}
.message-actions .btn{width:calc(50% - 10px)}
.recipientlist{margin-bottom:.25rem}
.searchmore{padding:.5rem .375rem}
.searchmore-link{color:#006EC9;font-weight:400;font-size:.9375rem}
.message-alert{margin-top:1rem}
.message-alert .alert{padding:0;margin-bottom:0}
.fa-circle--online { color:#a0c814; }
@media all and (max-width: 20rem) {
.card-container-small{flex:0 0 100%}
.btn.btn-gruen{font-size:1.0625rem;padding:.625rem .625rem .5rem}
.btn.btn-small{font-size:.9375rem;padding:.5rem .625rem .375rem}
}
@media screen and (max-device-width: 20.0625rem) {
.btn-container.zwei div{margin-right:.3125rem;min-width:25%}
.btn-container.zwei div:last-of-type{margin-right:0}
.btn-container.zwei div > .btn{font-size:.9375rem}
}
@media all and (min-width:20.0625rem) {
.card-container-small .hdl{font-size:1.125rem}
.card-body-small p{font-size:.875rem}
.card-body-small .btn{font-size:.9375rem;padding:.5rem .625rem .375rem}
}
@media all and (min-width: 23.5rem) {
.gruppen-container{flex-wrap:wrap;justify-content:flex-start}
.gruppen-container.ganze-breite .gruppe{flex-basis:100%;margin-right:0}
.group-tiles{width:25%}
.group-tiles:last-child{margin-right:0}
}
@media all and (min-width: 25.9375rem) {
.card-full-width{flex:0 0 calc(50% - .5rem)}
.card-container-small{flex:0 0 calc(33% - .5rem)}
.meta li.info{height:auto}
.meta li.info:after{display:none}
}
.btn-container.zwei div:last-child{margin-right:0}
.btn-container.zwei .btn{font-size:1rem}
.last-edit{font-size:.8125rem;color:#788287}
.ug-image-c{border-top:.0625rem solid #c9cdcf;padding-top:1.1875rem;padding-bottom:0}
.ug-image-c + .ug-image-c{margin-top:1.375rem}
.ug-image-c h5, .ug-image-c .h4{margin:0 0 .25rem;padding:0;font-size:1rem}
.ug-image-c p{font-size:.875rem;margin-top:-.25rem;color:#788287}
.ug-image-c img{width:100%;height:auto}
.sub-quote{border-left:.1875rem solid #c9cdcf;margin:.625rem 0 .625rem .0625rem;padding-left:.5625rem;padding-bottom:.3125rem}
.sub-quote h4{padding-top:.3125rem}
.sub-quote p{font-style:italic}
.search-container{padding:0 1rem .75rem;width:100%;margin-top:1.375rem;margin-bottom:1.3125rem}
.search-container.search-users{padding:0;margin-top:.125rem}
.search-container .fa-xmark{position:absolute;right:.1875rem;top:.1875rem;font-size:1rem;color:rgba(14, 32, 41, 0.72);padding:.625rem}
.search-adv{float:right;font-size:.75rem;color:rgba(14, 32, 41, 0.72);}
.search-adv .fa-solid{margin-left:.25rem;padding-right:.6875rem}
.search-adv.auf .icon-single-arrow-down:before{content:"\e93a"}
.suchoptionen{height:0;display:block;overflow:hidden;color:#fff;margin-top:1.25rem;margin-bottom:0;opacity:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.suchoptionen.auf{min-height:13rem;opacity:1;padding-top:.625rem}
.btn-container{padding:0 1rem;margin-bottom:1.3125rem;text-align:center}
.lernen-container{position:relative;border-bottom:.0625rem solid #c9cdcf;padding-bottom:1.25rem}
.lernen-container:last-of-type{border:none;padding-bottom:0}
.lernen-container + .lernen-container{padding-top:1.25rem}
.accordion_content .teaser-hdl{padding-right:1.875rem;position:relative}
.lernen-container .lernen-niveau{margin:0;font-size:.875rem}
.form-group{margin-bottom:1.1875rem}
.modal-body .form-group:last-child{margin-bottom:.125rem}
input[type="text"],label/*,select*/,button,textarea,input[type="edit"]{border:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;font-family:var(--gi-font-sans-serif)}
input[type="text"]:focus,input[type="search"]:focus,textarea:focus,input[type="edit"]:focus /*,select:focus*/{outline-color:#5ac8f5;border-color:#5ac8f5}
input[type="text"],textarea,input[type="edit"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio]/*,select*/{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-webkit-file-upload-button{padding:0;border:0;background:none}
textarea,select[multiple]{vertical-align:top}
input[type="search"],input[type="text"],input[type="password"],input[type="date"],input[type="edit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-shadow:0 0 .375rem 0 rgba(71,171,216,0),.0625rem .0625rem .0625rem 0 rgba(201,205,207,1) inset;color:rgba(14, 32, 41, 0.72);background-color:rgba(14, 32, 41, 0.04);border-radius:0;border:none;padding:.6875rem .6875rem .6875rem 2.5625rem;box-sizing:border-box;font-size:1rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z' fill='%23858e93'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.25rem;background-position:.625rem center;margin:.625rem 0}
input[type="date"]{min-height:2.5625rem}
input[type=search]::-ms-clear{display:none;width:0;height:0}
input[type=search]::-ms-reveal{display:none;width:0;height:0}
input[type="search"]{-webkit-appearance:textfield;text-overflow:ellipsis}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}
input[type="search"]::-webkit-input-placeholder,input.form-inline::-webkit-input-placeholder{color:#858e93}
input[type="search"]:-moz-placeholder,input.form-inline:-moz-placeholder{color:#858e93}
input[type="search"]::-moz-placeholder,input.form-inline::-moz-placeholder{color:#858e93}
input[type="search"]::-ms-input-placeholder,input.form-inline::-ms-input-placeholder{color:#858e93}
@media (max-width: 321px) {
input[type="search"]::-webkit-input-placeholder,input.form-inline::-webkit-input-placeholder{font-size:.9375rem}
input[type="search"]:-moz-placeholder,input.form-inline:-moz-placeholder{font-size:.9375rem}
input[type="search"]::-moz-placeholder,input.form-inline::-moz-placeholder{font-size:.9375rem}
input[type="search"]::-ms-input-placeholder,input.form-inline::-ms-input-placeholder{font-size:.9375rem}
}
input[type="search"]:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,textarea:focus,textarea.form-inline:focus,input[type="edit"]:focus{background-color:#fafbfa;color:rgba(14, 32, 41, 0.72)}
input[type="text"],input[type="password"],input[type="date"],input[type="edit"]{padding-left:.6875rem;background-image:none}
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill{background-color:#f1f2f1;-webkit-box-shadow:0 0 0 1.875rem #f1f2f1 inset}
input[type="text"]:disabled{color:#5f676b}
textarea.form-inline{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f1f2f1;border-radius:0;border:none;box-shadow:0 0 .375rem 0 rgba(71,171,216,0),.0625rem .0625rem .0625rem 0 rgba(201,205,207,1) inset;box-sizing:border-box;color:#5f676b;font-size:1rem;outline:none;overflow:auto;line-height:1.2;padding:.6875rem;margin:.625rem 0;width:100%;white-space:pre-wrap}
label.required:after{content:"\002A"}
input[type="checkbox"]{-moz-appearance:checkbox}
input[type="checkbox"],input[type="radio"]{min-width:1rem;min-height:1rem;margin-right:.625rem;overflow:visible;accent-color:#006EC9}
.inviteaction input[type="checkbox"],.recipientaction input[type="checkbox"],.messages-toggle-c input[type="checkbox"]{width:1.25rem;height:1.25rem;margin-right:0}
.messages-toggle-c input[type="checkbox"]{margin-right:1.25rem}
.search-container input{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.search-container input[type="search"]{margin-top:0;padding-right:2.25rem}
.search-select,.releaselevelselect,.custom-select,#MainDiv select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f1f2f1;box-shadow:0 0 .375rem 0 rgba(71,171,216,0),.0625rem .0625rem .0625rem 0 rgba(201,205,207,1) inset;display:block;width:100%;margin-bottom:.625rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z' fill='rgba(14, 32, 41, 0.72)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;background-size:1rem;color:rgba(14, 32, 41, 0.72)!important;padding:.875rem 1.875rem .6875rem .6875rem;font-size:1rem;border-radius:0;border:none}
.releaselevel-c label{margin-right:.625rem;font-size:1rem;font-weight:700}
.releaselevelselect{background-color:#fff;border:none;color:#5f676b;box-shadow:none;padding-right:1.4375rem;background-size:.8125rem;min-width:9.375rem;font-size:1rem}
.search-select:focus,.releaselevelselect:focus{border-color:#006EC9}
.form-row{display:block;margin-bottom:.625rem}
.form-row + .btn-row{margin-top:1.4375rem}
.search-container .form-row:last-child{margin-bottom:.3125rem}
.form-row.inline{display:inline-flex;align-items:center}
.form-label{font-size:1.0625rem;margin-right:1rem;color:rgba(14, 32, 41, 0.72);line-height:1.24}
.form-label-small{font-size:.9375rem}
.col-form-label{font-weight:700}
.form-action{position:absolute;right:.375rem;font-size:1rem;top:.375rem;padding:.5rem;margin:-.5rem;color:#eb6400;}
.card-container .lang .dropdown-menu{right:-.5rem!important}
.checkbox-list-c,.radiobutton-list-c{list-style:none;margin:11px 0}
.checkbox-list-item,.radiobutton-list-item{display:inline-flex;width:100%;margin-bottom:11px}
.form-locked {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z' fill='%230E2029' opacity='0.72'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-size: 1rem !important;
background-position: calc(100% - 1rem) center !important;
}
.sitefooter {
padding: 0 1rem;
margin-top: 3rem;
margin-bottom: 4.5rem;
}
.sitefooter address {
font-family: var(--gi-font-news);
font-style: normal;
font-size: 1rem;
line-height: 1.5;
}
.footer-service-navigation {
border-top: 1px solid rgba(14, 32, 41, 0.16);
padding-top: 48px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
font-size: 1rem;
line-height: 1.5;
text-align: center;
}
.copyright-text {
padding-bottom: 1rem;
color: #0E2029;
}
.footer-service-nav-list {
font-size: 14px;
line-height: calc(20/14);
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.footer-service-nav-list-item {
flex: 1 0 50%;
padding: 0.5rem 0;
}
.footer-service-nav-list-item a {
color: rgba(14, 32, 41, 0.64);
font-family: var(--gi-font-regular);
}
.footer-link-list {
list-style: none;
margin: 0;
padding: 0;
}
.footer-link-list-item a,
.footer-link-list-item .btn {
color: rgba(14, 32, 41, 0.64);
font-family: var(--gi-font-news);
font-size: 1rem;
display: flex;
align-items: center;
padding: 0.5rem 0;
margin: 0;
gap: 0 1rem;
}
.footer-link-list-item a:hover,
.footer-link-list-item .btn:hover {
color: rgba(14, 32, 41, 1);
text-decoration: none;
}
.footer-link-list-item:first-child a {
padding-top: 0;
}
/*footer.sitefooter{margin:0;font-size:.75rem;line-height:1.375rem;color:#fff;background-color:#474d50;overflow:hidden;padding-bottom:4rem}
.sitefooter div{margin:0 .46875rem;padding:.625rem 0}
.sitefooter a{color:#fff;text-decoration:none}
.sitefooter .icon-classic-view{font-family:var(--gi-font-sans-serif)}
.sitefooter .icon-classic-view:before{position:relative;top:.0625rem;margin-right:.5rem;font-family:"DfD-Iconfont";display:none}
.sitefooter .icon-logout{margin-right:.3125rem}
.sitefooter hr {position:relative;margin:0;height:0;border:0;border-top:1px solid #303436;box-sizing:content-box;overflow:hidden;background:transparent}*/
.dummy-fix{height:.0625rem;width:100%;position:fixed;background:#fff;bottom:0;z-index:8}
.comment-fix{background:#fafbfa;border-top:.0625rem solid #e5e7e8;position:-webkit-device-fixed;position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;padding:.625rem 1rem;box-sizing:border-box;justify-content:space-between;align-items:center;z-index:9;display:flex;transform:translate3d(0,0,0)}
.comment-fix > *{-webkit-transform:translateZ(0)}
.comment-fix .item{flex:0 1 auto}
.comment-fix .item:nth-child(2){width:100%}
.forum .comment-fix { bottom:79px; }
.forum .comment-fix-focus, .commen-fix-focus { bottom:0; }
.gruppen .comment-fix { bottom:79px; }
.gruppen .comment-fix-focus, .commen-fix-focus { bottom:0; }
.fake-upload{display:flex;width:2.5rem;height:2.5rem;align-items:center;text-align:center;justify-content:space-evenly}
.fake-upload .icon-upload, .fake-upload .fa-paperclip{font-size:1.75rem;color:rgba(14, 32, 41, 0.72)}
.fake-upload:hover .icon-upload, .fake-upload:hover .icon-attachment{font-size:1.75rem;color:rgb(14, 32, 41)}
.fake-upload + input[type="file"]{width:2.5rem;height:2.5rem;opacity:0}
.btn-upload{padding:.75rem .75rem .625rem;margin-top:0;margin-bottom:0;color:#006EC9}
.btn .icon-attachment{font-size:inherit;margin-right:.625rem}
input[type="file"]{margin-top:.625rem}
input[type="file"]:focus{outline:0}
.spinner-c{text-align:center;margin-bottom:11px}
.spinner-c > img{width:44px;height:44px}
.comment-fix textarea{color:rgba(14, 32, 41, 0.72);font-size:1rem;line-height:1.25;min-height:1.75rem;height:2.5rem;border:.0625rem solid #e5e7e8;width:calc(100% - 1.25rem);border-radius:.25rem;-webkit-appearance:none;padding:.25rem;box-sizing:border-box;background-color:#fff;position:relative;z-index:99;resize:none;margin:0 .625rem;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.comment-fix textarea::placeholder,.comment-fix textarea::-webkit-input-placeholder{font-size:.875rem}
.comment-fix textarea:focus,.comment-w textarea:focus,.comment-fix textarea:not(:placeholder-shown){height:8.125rem}
.card-footer > div.card-action{margin-right:0;margin-bottom:0;width:100%}
.card-footer > div.card-action + .btn-container{margin-top:1.3125rem;margin-bottom:0}
.card-commentable-i{position:relative}
.btn-quote-message {cursor:pointer;color:#006EC9;background-color:#fff !important}
.btn-quote-message .quote-f {
display: none;
}
.btn-quote-message:hover .quote-o, .btn-quote-message.answered .quote-o {
display: none;
}
.btn-quote-message:hover .quote-f, .btn-quote-message.answered {
display: inline-block;
}
.comment-text,.card-likeable,.card-bookmark-text{font-weight:700}
.like{text-align:right}
.card-commentable-i [class^="icon-"]:before{font-size:1.25rem;margin-right:.625rem}
.post-comment{color:#a0c814}
.post-comment .icon-reply-right{margin-right:.3125rem}
.comment-w textarea{border:.0625rem solid #e5e7e8;width:100%;border-radius:.25rem;font-size:1rem;margin-bottom:.6875rem;-webkit-appearance:none;padding:.25rem;box-sizing:border-box;background-color:#fff}
.pagination-c{display:none}
.btn-back .btn-blau,.btn-forward .btn-blau{text-transform:none}
.btn-back .btn-blau:before{transform:rotate(-180deg);display:inline-block}
.btn-forward .btn-blau:before{display:none}
.form-row .btn{margin-top:1.4375rem}
.pswp-title{color:#fff;font-family: var(--gi-font-medium);font-weight:400;font-size:0.9375rem}
.pswp-title a {color:#47abd8}
.pswp-description{color:#c9cdcf;line-height:1.411764}
.pswp-img-author{margin-right:1rem;margin-bottom:.125rem}
.pswp-img-author img{width:2.375rem;height:2.375rem;border-radius:50%}
.form-error{font-size:.875rem;color:#eb6400}
.yet-a-member{padding-top:1rem}
.yet-a-member .textlink-c{padding-bottom:1rem}
.modal-hints strong {
color: #474d50;
}
.modal-hints ul {
padding-left: 1.5rem;
margin-bottom: 1rem;
}
@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';font-display:swap;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}
[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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.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"}
/*.user-card-forum .user-img,.user-card-forum .no-img,.user-card-messages .user-img,.user-card-messages .no-img{width:3.25rem;height:3.25rem}
.user-card-forum .user-name,.user-card-messages .user-name{font-size:.9375rem}*/
.messages .user-card-forum .user-name{color:#006EC9}
/*.user-card-forum .entry-date{margin-top:1.25rem}*/
.card-body .threadtitle{color:#474d50;font-size:1.25rem;margin-bottom:0.625rem}
#hplesson, #hplesson div{cursor:pointer;margin-top:10px;color:rgba(14, 32, 41, 0.72)}
#hplesson img,table{width:100%;height:auto}
.ClozeBody td img{margin-bottom:1.3125rem}
.lesson-c img{max-width:100%;height:auto}
div.ClozeBody,#Instructions,.LeftItem,.ExerciseSubtitle,#hplesson h4,div.StdDiv{font-size:1.0625rem!important;line-height:1.41176!important}
div.StdDiv,div.ClozeBody{margin-top:0!important;padding-top:0!important}
div.ClozeBody{color:#5f676b!important}
div.StdDiv{padding-left:0!important;padding-right:0!important}
span[style*="small"]{line-height:1!important;display:inline-block;margin-top:.375rem;color:#929a9e;font-family:var(--gi-font-sans-serif);font-weight:400}
#Instructions,.ExerciseSubtitle,#hplesson h4{color:#474d50!important;font-weight:700!important;margin-bottom:1rem!important;font-family:var(--gi-font-sans-serif)!important}
.FuncButton,.FuncButtonUp,.FuncButtonDown,.FunctionButton,input[type="button"]{background-color:#a0c814!important;background:#a0c814!important;color:#374105!important;text-transform:none!important;padding:.5rem .625rem .375rem!important;width:auto!important;font-family: var(--gi-font-medium) !important;font-size:1.125rem!important;font-weight:400!important;margin-right:0!important;border:0!important;border-radius:0.25rem;appearance:none;-webkit-appearance:none}
.FuncButtonUp{width:auto!important}
.FuncButton + button,.FuncButtonUp + button{margin-top:.6875rem}
.LeftItem,.RightItem{display:block!important;padding-right:0!important;padding-left:0!important;margin-bottom:.3125rem}
.RightItem{margin-bottom:.9375rem;color:#474d50!important}
.RightItem select{width:100%}
.RightItem + td{width:auto!important;white-space:nowrap}
.ClozeWordList{font-size:.9375rem!important}
#hplesson iframe{width:calc(100vw - 32px);height:calc(56.25vw - 18px);border-radius:0.375rem}
#hplesson th,#hplesson td{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:1.0625rem!important;line-height:1.411764}
#hplesson td:empty{display:none}
#hplesson td.RightItem + td{font-weight:700;font-size:2rem!important;vertical-align:middle}
.dfd-hp-incorrect,.dfd-hp-correct{width:18px;height:18px;margin-left:10px}
.FuncButton .dfd-hp-incorrect,.FuncButton .dfd-hp-correct{margin-left:0}
.FuncButton .dfd-hp-incorrect path{fill:#374105}
.FuncButton .dfd-hp-correct path{fill:#374105}
.ReadingText ul{margin-left:1.25rem}
.ReadingText li{margin-bottom:.75rem}
.QuestionNavigation{margin-bottom:1.3125rem}
div#OneByOneReadout{display:flex;justify-content:center;width:100%;align-items:center}
div#OneByOneReadout br{display:none}
.QNum{margin-bottom:0!important;font-size:1rem}
button#PrevQButton,button#NextQButton{width:auto;margin:0;background-color:#fff!important;color:#fff!important;font-size:.0625rem!important;padding-left:0!important;padding-right:0!important}
button#PrevQButton:before,button#NextQButton:before{display:block;background-color:#006EC9;font-size:1rem;padding:.4375rem .625rem;border:1px solid #006EC9;border-radius:0.25rem}
button#PrevQButton:before{background-color:#fff;color:#006EC9}
button#NextQButton:before{content:"Nächste Frage"}
html[lang*="en"] button#NextQButton:before{content:"Next Question"}
button#PrevQButton:before{content:"Vorherige Frage"}
html[lang*="en"] button#PrevQButton:before{content:"Previous Question"}
.QuestionText{font-size:1.0625rem!important;font-weight:700!important}
ol.MCAnswers,ol.MSelAnswers{font-size:1.0625rem!important;font-weight:400!important;margin-left:.3125rem!important;padding-right:0!important;color:#006EC9!important}
ol.MCAnswers .FuncButton,ol.MCAnswers .FuncButtonUp{width:auto;min-width:2.9375rem}
ol.MSelAnswers li{margin-bottom:.9375rem}
.MSelCheckbox{vertical-align:text-bottom}
.ClozeBody input[type="text"],input[type="edit"]{width:auto;max-width:100%;margin:.25rem 0;padding-top:.3125rem;padding-bottom:.3125rem;vertical-align:baseline}
#MainDiv .GapSpan select{width:auto!important;display:inline-block!important;vertical-align:baseline;max-width:calc(100vw - 32px);white-space:normal!important}
#MainDiv td .GapSpan select{width:100%!important}
#MainDiv select{white-space:normal!important}
.lesson-audio{width:100%;margin:1rem 0}
.gap-text + .lesson-audio{margin-top:0}
.gap-text{line-height:2.3125rem}
div.Feedback{border-color:#c9cdcf!important;border-style:solid;border-width:1px;box-shadow:0 .25rem .3125rem 0 rgba(0,0,0,0.14),0 .0625rem .625rem 0 rgba(0,0,0,0.12),0 .125rem .25rem -.0625rem rgba(0,0,0,0.20);background-color:#f1f2f1!important;padding:1.5rem!important;text-align:center;font-size:.625rem!important;width:calc((100% / 3) * 2)!important;left:calc((100% / 3) / 2)!important;margin-left:auto;margin-right:auto}
.FeedbackText,.FeedbackText span.CorrectAnswer,.FeedbackText span.Guess,.FeedbackText span.Answer #FeedbackBox{color:#474d50!important;font-size:1rem!important}
div#FeedbackDiv .FuncButton{width:auto!important;max-width:30%!important;text-align:center}
div.Keypad{display:none!important}
div.StdDivDark{background-color:#fff!important;color:#474d50!important;font-size:100%!important}
div.StdDiv{background-color:#fff!important;color:#5f676b!important}
div.LeftContainer,div.RightContainer{width:100%!important;float:none!important;background-color:#fff!important}
li.QuizQuestion,.ShortAnswer{padding-left:0!important;padding-right:0!important}
.QuestionNavigation p[style*="left"]{text-align:center!important}
button#CheckButton2{width:100%!important;padding:.75rem .75rem .625rem!important}
#hplesson .CrosswordGrid td{width:auto}
div#ClueEntry button{display:block}
span[class*="rss"] img{display:none}
.bild img,.normalgrafik{margin-bottom:1.0625rem;margin-top:.9375rem}
.ShortAnswer button{display:block}
.cookiebanner{background:#003969;color:#fff}
.cookiebanner-i{padding:22px 20px}
#holdtext{font-size:.875rem;line-height:1.285714;color:#fff}
#holdtext a{color:#5ac8f5;text-decoration:underline}
.dfd-hp-correct path {
fill: #374105 !important;
}
.image-wrapper {
position: relative;
}
.image-wrapper-userimage:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(14, 32, 41, 0.16);
border-radius: 50%;
}
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);
}
.responsive-video {
position: relative;
margin-bottom: 2rem;
}
.modal-body .responsive-video {
height: 260px;
}
.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;
}
.cookiebanner-btn-c{text-align:center}
.cookiebanner-close{white-space:nowrap;background-color:#5ac8f5;color:#fff;display:inline-block;font-size:.75rem;font-family: var(--gi-font-medium);font-weight:400;text-transform:uppercase;padding:7px .9375rem 5px;line-height:1;margin-top:22px}
.pr-banner-c {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.gi-banner-text {
line-height: 1.25;
}
.uc-embedding-container {
overflow: auto !important;
background-color: #f1f2f1;
position: absolute !important;
top: 0;
left: 0;
max-height: 100% !important;
height: 100% !important;
bottom: 0;
right: 0;
min-height: 100% !important;
}
.uc-embedding-wrapper h3 {
font-family: var(--gi-font-medium);
font-weight: normal !important;
color: #0E2029 !important;
}
.uc-embedding-wrapper .description-text {
font-family: var(--gi-font-sans-serif);
}
.uc-embedding-buttons button {
font-family: var(--gi-font-medium);
font-weight: normal !important;
border-radius: 0.375rem;
margin-left: 0.375rem;
margin-right: 0.375rem;
}
.uc-embedding-buttons .uc-embedding-more-info {
background: rgba(14, 32, 41, 0.16);
color: #0E2029;
}
.uc-embedding-buttons .uc-embedding-more-info:hover {
background: #828b90;
width: 174px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}
.uc-embedding-buttons .uc-embedding-accept {
background: #a0c814 !important;
color: #0E2029 !important;
}
.uc-embedding-buttons .uc-embedding-accept:hover {
background: #99c013;
width: 174px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}
/*card-campaign*/
.card-campaign {
background-color: #EEF6D7;
padding: 0 0 1rem 0;
margin-left: 1rem;
margin-right: 1rem;
border-radius: 0.5rem;
width: auto;
overflow: hidden;
}
.teaser {
display: flex;
flex-direction: column;
justify-content: center;
}
.button-position {
margin-bottom: 0.25rem;
text-align: center;
}
.button-position .btn {
width: 100%;
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.adbody {
margin: 1.25rem 1rem 0 1rem;
}
.card-campaign h2 {
margin-bottom: 0.25rem;
}
.card-campaign .hdl {
color: #374105;
font-size: 1.5rem;
}
.adtext {
margin-bottom: 1.25rem;
font-size: 1.0625rem;
line-height: 1.411764;
}
.price {
align-self: center;
}
.adimage-lg {
display: none;
}
.campaign .user-upload-img-c{padding-top:66.625% !important}
.campaign .user-upload-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;border-radius:0}
@media (min-width: 640px) {
.card-campaign {
margin-left: 1rem;
margin-right: 1rem;
padding-bottom: 0;
}
.button-position {
margin-bottom: 0;
}
.button-position .btn {
width: auto
}
.teaser {
flex-direction: row;
justify-content: flex-start;
margin-bottom: 0;
}
.adbody {
margin: auto 2rem;
margin-top: auto;
margin-bottom: auto;
}
.adimage-sm {
display: none
}
.adimage-lg {
display: block;
flex: 0 0 225px;
margin-right: 0;
}
.campaign .user-upload-img-c {
padding-top: 100% !important;
}
}
/* FAQ */
.faq-c h2 {
color: #474d50;
}
.faq-c .img-fluid {
width: 100%;
height: auto;
border-radius: 0;
}
/* Teaser-Block */
.faq-infotext-c {
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 2rem;
}
.faq-infotext-c h2 {
padding: 0;
color: #0E2029;
}
.faq-infotext, .faq-infotext p {
font-size: 1.0625rem;
line-height: 1.411764;
color: rgba(14, 32, 41, 0.72);
margin-bottom: 1rem;
}
/* Teaser-Block */
.faq-video-c {
margin-bottom: 2rem;
}
.faq-video-c .teaser-image {
margin-bottom: 1rem;
}
.faq-video-c .teaser-body {
padding: 0 1rem;
font-size: 1.0625rem;
line-height: 1.411764;
color: rgba(14, 32, 41, 0.72);
}
.faq-video-c .teaser-headline {
color: #0E2029;
}
.faq-video {
margin-bottom: 2rem;
}
.teaserBildContainer img {
width: 100%;
height: auto;
}
.anchor-nav-container {
border-top: 1px solid rgba(14, 32, 41, 0.24);
border-bottom: 1px solid rgba(14, 32, 41, 0.24);
padding: 1.5rem 0;
margin: 1.5rem 0;
}
.anchor-nav-list,
.anchor-nav-list-sub {
padding-left: 0;
margin: 0;
list-style: none;
font-family: var(--gi-font-medium);
}
.anchor-nav-item {
font-size: 1.125rem;
}
.anchor-nav-item + .anchor-nav-item {
margin-top: 0.5rem;
}
.anchor-nav-item:nth-child(2) {
margin-top: 1.25rem !important;
}
.anchor-nav-item a {
display: inline-flex;
align-items: baseline;
text-decoration: none;
}
.anchor-nav-item a:hover span {
text-decoration: underline;
}
.anchor-nav-list a::before {
content:"\e93c";
font-family: 'DfD-Iconfont';
font-size: 0.75em;
margin-right: 0.5rem;
display: inline-block;
}
.anchor-nav-list a:hover::before {
text-decoration: none;
}
.anchor-nav-list-sub {
padding-left: 1.5rem;
margin-top: 0.75rem;
}
.anchor-nav-item-sub {
font-size: 1rem;
font-family: var(--gi-font-sans-serif);
}
.anchor-nav-item-sub + .anchor-nav-item-sub {
margin-top: 0.75rem;
}
.videos {
margin-top: 1rem;
}
.teaserBildContainer {
display: inline-block;
position: relative;
}
.play-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.video-icon-c {
background-color: rgba(14, 32, 41, 0.48);
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 2rem;
}
.teaser-content:hover .video-icon-c {
background-color: rgba(14, 32, 41, 0.72);
}
.video-icon-c .fa-play {
margin-inline-end: -0.1875rem;
}
.icon {
fill: currentColor;
height: 1em;
width: 1em;
overflow: hidden;
vertical-align: middle;
}
.responsive-video {
margin-bottom: 0;
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tutorial-card-teaser-image.full-width img {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.tutorial-card-teaser-image.small .user-upload-img-c {
padding: 0 !important;
position: static !important;
height: 100%;
width: 100%;
}
.tutorial-card-teaser-image.small .user-upload-img {
position: static;
height: 100%;
width: 100%;
}
.tutorial-card-teaser-image.small img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
/*aspect-ratio: 1/1;*/
object-fit: cover;
min-height: 100%;
height: 100%;
width: 100%;
}
.sr-only,
.visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}
.tooltip {
background-color: #0E2029;
color: #fff;
padding: 4px 8px;
font-size: 12px;
border-radius: 6px;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.03), 0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px -1px rgba(0, 0, 0, 0.05), 0px 0px 3px 0px rgba(0, 0, 0, 0.06);
}
.tooltip-top {
top: -10px !important;
}
.tooltip-bottom {
top: 10px !important;
}
.tutorial-card-outer {
padding: 0 1rem;
margin-bottom: 2rem;
}
.tutorial-card-container {
position: relative;
width: 100%;
}
.tutorial-card-container.full-width {
border-radius: 12px;
box-shadow: 0px 3px 14px 2px rgba(0, 0, 0, 0.03), 0px 8px 10px 1px rgba(0, 0, 0, 0.04), 0px 5px 5px -3px rgba(0, 0, 0, 0.05), 0px 0px 3px 0px rgba(0, 0, 0, 0.06);
}
.tutorial-card-container.small {
display: flex;
align-items: flex-start;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.03), 0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px -1px rgba(0, 0, 0, 0.05), 0px 0px 3px 0px rgba(0, 0, 0, 0.06);
min-height: 120px;
border-radius: 0.75rem;
}
.tutorial-card-body.full-width {
padding: 20px 12px 16px 12px;
}
.tutorial-card-body.small {
padding: 0.5rem 0.75rem;
width: 100%;
margin-left: 120px;
display: flex;
flex-direction: column;
min-height: 120px;
}
.tutorial-card-body .spitzmarke {
display: inline-block;
margin-bottom: 0.25rem;
color: rgba(14, 32, 41, 0.72);
}
.tutorial-card-body.full-width .spitzmarke,
.tutorial-info .spitzmarke {
font-size: 14px;
line-height: calc(20/14);
}
.tutorial-info .spitzmarke {
margin-bottom: 0.25rem;
}
.tutorial-card-body.small .spitzmarke {
font-size: 12px;
line-height: calc(14/12);
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tutorial-card-teaser-hdl {
margin-bottom: 0.75rem;
}
.tutorial-card-teaser-hdl,
.tutorial-card-teaser-hdl .hdl {
font-size: 18px;
line-height: calc(24/18);
}
@media (min-width: 375px) {
.tutorial-card-teaser-hdl,
.tutorial-card-teaser-hdl .hdl {
font-size: 20px;
line-height: calc(26/22);
}
}
.tutorial-card-teaser-hdl.small {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.tutorial-card-teaser-hdl.small,
.tutorial-card-teaser-hdl.small .hdl{
font-size: 14px;
line-height: calc(18/14);
}
@media (min-width: 375px) {
.tutorial-card-teaser-hdl.small,
.tutorial-card-teaser-hdl.small .hdl{
font-size: 16px;
line-height: calc(20/16);
}
}
.tutorial-not-available-container {
margin-bottom: 0.5rem;
font-size: 14px;
line-height: calc(18/14);
}
.tutorial-not-available-container .fa-solid {
font-size: 12px;
margin-right: 0.25rem;
}
.category-container {
position: absolute;
right: 12px;
bottom: -10px;
z-index: 2;
background-color: #fff;
border-radius: 50rem;
padding: 4px 8px 3px 8px;
display: flex;
align-items: baseline;
box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.06), 0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 2px 4px -1px rgba(0, 0, 0, 0.1), 0px 0px 3px 0px rgba(0, 0, 0, 0.12);
}
.small .category-container {
right: auto;
left: 0.375rem;
bottom: 0.5rem;
}
.category-level-text {
font-size: 0.75rem;
line-height: 1;
margin-right: 0.25rem;
}
ul.categories,
ul.topics {
display: inline-flex;
margin: 0;
padding: 0;
list-style: none;
}
ul.categories {
display: inline-flex;
gap: 0 0.5rem;
}
ul.categories li {
font-size: 12px;
}
.card-skill-container {
display: flex;
align-items: baseline;
flex-wrap: wrap;
margin-bottom: 1.25rem;
}
.tutorial-info .card-skill-container {
margin-top: 0.5rem;
}
ul.skills {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
font-size: 0.75rem;
line-height: calc(16/12);
font-family: var(--gi-font-news);
}
p.skills-text,
.attachments-text {
font-size: 0.75rem;
line-height: calc(16/12);
font-family: var(--gi-font-news);
}
p.skills-text {
margin: 0 1ch 0 0;
}
.tutorial-info .card-skill-container,
.tutorial-info ul.skills {
/*font-size: 17px;
line-height: calc(24/17);*/
}
ul.skills li {
display: inline-flex;
color: rgba(14, 32, 41, 0.72);
}
ul.skills li:not(:last-child):after {
content: "|";
color: inherit;
margin-left: 0.5ch;
margin-right: 0.5ch;
position: relative;
}
.skill-icon {
font-size: 13px;
margin-right: 0.25rem;
}
.tutorial-info .skill-icon,
.tutorial-info .fa-download {
font-size: 17px;
margin-right: 0.5rem;
}
.tutorial-introduction {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: var(--gi-font-news);
font-size: 14px;
line-height: calc(20/14);
margin-top: 0;
color: rgba(14, 32, 41, 0.64);
}
.tutorial-info .tutorial-introduction {
/*font-size: 17px;
line-height: calc(24/17);*/
margin-bottom: 0;
}
.tutorial-introduction.show-all {
-webkit-line-clamp: inherit;
line-clamp: inherit;
margin-bottom: 20px;
}
.tutorial-introduction.show-all + button {
display: none;
}
.tutorial-introduction-toggle {
display: block;
margin-bottom: 0.5rem;
font-family: var(--gi-font-bold);
font-size: 0.875rem;
line-height: calc(20/14);
color: rgba(14, 32, 41, 0.72);
position: relative;
z-index: 2;
}
.tutorial-info .tutorial-introduction-toggle {
margin-bottom: 1rem;
}
.tutorial-card-footer {
margin-top: 0.5rem;
}
.tutorial-card-footer.small {
margin-top: auto;
}
.tutorial-card-teaser-image.small {
flex-shrink: 0;
width: 120px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.user-image-inner {
position: relative;
}
.user-image-inner .btn-online {
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.user-has-image .btn-online {
font-size: 1.75rem;
}
/* DFD-2728 */
.teaser-news-c .user-upload-img {
position: static;
}
.teaser-news-c .user-upload-img img {
width: 100%;
height: auto;
}