.tutorial{background-color:#fff;display:flex;flex-direction:column;font-family:var(--tm-septenary-font, 'SourceSansPro-VF', sans-serif);font-weight:initial;margin:.625rem .3125rem}.tutorial__nav{margin:.625rem 0}@media(min-width: 600px){.tutorial__nav{display:grid;grid-template-columns:repeat(2, 1fr);margin:1.25rem .9375rem}}.tutorial__link{align-items:center;background-color:#eef6ff;border:.125rem solid rgba(92,166,255,0);border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;margin:.5rem .625rem;padding:.9375rem}.tutorial__link:hover{border:.125rem solid #5ca6ff;text-decoration:none}.tutorial__link-icon{display:flex;justify-self:center;width:1.9375rem}.tutorial__link-name{color:#00193f;font-size:1rem;font-variation-settings:"wght" 700;font-weight:initial}@media(min-width: 600px){.tutorial__link-name{display:grid;font-size:1.125rem}}.tutorial__link::after{border-right:.125rem solid #00193f;border-top:.125rem solid #00193f;content:"";display:inline-flex;height:.75rem;pointer-events:none;position:relative;transform:rotate(45deg);width:.75rem}.tutorial__header{align-items:center;background-image:url("https://tmsi.akamaized.net/berater/Banner_Headline_Topics.jpg");background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:6.25rem;padding:.3125rem 0;width:100%}@media(min-width: 600px){.tutorial__header{min-height:unset;padding:1.5625rem 0}}.tutorial__header-icon{color:#fff;margin-bottom:0;padding-top:.3125rem;width:1.6875rem}@media(min-width: 600px){.tutorial__header-icon{margin-bottom:.9375rem;padding-top:unset;width:4.75rem}}.tutorial__header-headline{color:#fff;font-size:1.375rem;padding:0 .3125rem;text-align:center;text-transform:uppercase}@media(min-width: 600px){.tutorial__header-headline{font-size:2.4375rem}}.tutorial__content{background:#fff;display:grid;grid-template-columns:2.1875rem 1fr;padding:.625rem}@media(min-width: 600px){.tutorial__content{padding:4.375rem 1.875rem}}.tutorial__content-aside{margin-top:1.25rem;position:relative}.tutorial__content-main{margin-top:1.25rem;padding:0 .9375rem 1.25rem}@media(min-width: 600px){.tutorial__content-main{padding:0 1.25rem}}.tutorial__content-number{align-items:center;background-color:#00193f;border-radius:100%;color:#fff;display:flex;font-size:1.25rem;font-weight:bold;height:2.125rem;justify-content:center;position:relative}.tutorial__content-line{border-right:.3125rem solid #00193f;height:100%;left:.9375rem;position:absolute}.tutorial__content-headline{color:#00193f;font-size:1.125rem;font-weight:bold;text-transform:uppercase}.tutorial__content-text-box{display:flex;padding-bottom:1.25rem}@media(min-width: 600px){.tutorial__content-text-box{padding-bottom:0}}.tutorial__content-arrow-right{border-bottom:.375rem solid rgba(0,0,0,0);border-left:.5rem solid #00193f;border-top:.375rem solid rgba(0,0,0,0);height:0;margin-top:.375rem;padding-right:.25rem;width:0}.tutorial__content-paragraph{color:#00193f;font-size:var(--tm-secondary-font-size-base)}.tutorial__content-paragraph a{font-weight:bold;text-decoration:underline}.tutorial__content-paragraph a:hover{text-decoration:none}.tutorial__content-paragraph .highlighted{font-weight:bold}.tutorial__backlink{color:#00193f;display:flex;font-size:1.125rem;font-weight:bold;justify-content:center;padding:1.25rem;text-transform:uppercase}@media(min-width: 600px){.tutorial__backlink{font-size:1.375rem}}.tutorial__backlink-icon{width:1.3125rem}@media(min-width: 600px){.tutorial__backlink-icon{width:1.5rem}}.tutorial__backlink-content{align-self:center;display:flex;padding-left:.625rem}.tutorial__icon-gearwheel{background:url("https://tmssl.akamaized.net/images/forum/geruechtekueche/zahnrad_einstellungen_optionen.png");background-color:initial;background-position:center center;background-repeat:no-repeat;background-size:100%;border:0;height:3.125rem;margin:3.125rem auto;padding:0 !important;width:3.125rem}