:root { --aufkurs-font-family:'Avenir-Light', sans-serif; --aufkurs-font-colour:#2A2A2A; --aufkurs-bg:#E2FEFF; } *:not(text) { margin:0; padding:0; border:none; font-size:inherit; font-family:inherit; line-height:inherit; vertical-align:baseline; box-sizing:border-box; } article, aside, figure, footer, header, hgroup, menu, nav, section, address, meter, main { display:block; } html { min-height:100%; height:auto; width:100%; overflow:visible; font-size:62.5%; line-height:1.5; font-family:Verdana, Arial, sans-serif; -ms-touch-action:manipulation; touch-action:manipulation; } @media (max-width:800px) { html { width:100vw; } } body { height:100%; width:100%; min-width:100%; max-width:100%; position:relative; float:left; overflow:visible; -webkit-overflow-scrolling:touch; } b, strong { font-weight:bold; } i, em { font-style:italic; } sup { vertical-align:super; } sub { vertical-align:sub; } sup,sub { line-height:0; font-size:50% !important; padding-left:1px; } h1, h2, h3, h4 { line-height:1.2; } h1, h2, h3, h4, h5, h6, td h1, td h2, td h3, td h4, td h5 { margin-bottom:11px; } h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-size:inherit; color:inherit; } * { outline:none; } a { text-decoration:none; font:inherit; outline:none; } a * { cursor:pointer; } figure { line-height:0; } img { outline:none; color:#777; max-width:100%; height:auto; } br { clear:both; } a:focus, object, embed { outline:none; } object, embed, iframe { vertical-align:middle; } table { border-spacing:0px; } table, tr, td, th, tf { border-collapse :collapse; } table, tr, td, th, tf, span { font-size:inherit; font:inherit; font-style:inherit; color:inherit; font-weight:inherit; line-height:inherit; text-transform:inherit; } td, th, tf { text-align:left; vertical-align:top; padding:0px 3px 3px 0px; min-height:11px; } optgroup { font-weight:bold; font-style:italic; padding:5px; } optgroup option { font-weight:normal; text-indent:10px; } li, ul, ol { height:auto; } .clear { clear:both; } .hide { display:none; } .clearfix:after { content:" "; visibility:hidden; display:block; height:0; clear:both; } .noSelect { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; } .float { position:relative; float:left; } .floatAndClear { position:relative; float:left; clear:both; width:100%; } textarea { overflow:auto; } p, h1, h2, h3, h4, h5, table, ul, ol { position:relative; width:100%; float:left; clear:both; }:root { --wp--style--gallery-gap-default:30px; --gallery-block--gutter-size:30px; --wp--style--block-gap:30px; } .content-area-inner > *, .site-footer-inner > * { clear:both; } .site-main > * { clear:both; } .wp-block-columns { clear:both; gap:6rem; } .content-area-inner > figure:not(.wp-block-gallery) { margin-bottom:30px; } .wp-block-gallery { margin-bottom:80px; } div.wp-block-buttons { clear:both; } .wp-block-table table { table-layout:fixed; } .wp-block-column .wp-block-image img { max-width:100%; } @font-face { font-family:'Avenir-Light'; src:url('../fonts/Avenir-Light.woff2') format('woff2'), url('../fonts/Avenir-Light.woff') format('woff'), url('../fonts/Avenir-Light.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:antialiased; font-smoothing:antialiased; }h1, h2, h3, h4 { font-size:inherit; line-height:inherit; font-weight:bold; text-align:left; margin-bottom:2rem; } body:not([data-pagetype="seitentitel-anzeigen"]) h1:not(.show-me), body:not([data-pagetype="seitentitel-anzeigen"]) h1.entry-title { display:none; } .aufkurs-contact .widget_block { margin-bottom:0; } .entry-content > *, .site-main > *:not(.page), .site-main p { position:relative; float:left; clear:both; width:100%; } .entry-content > *:not(.kacheln-back-link):not(form):not(.aufkurs-contact), .site-main > *:not(.page), .site-main p { margin-bottom:2rem; } .site-main p.lessMargin { margin-bottom:1rem; } .site-main > figure { margin:2rem 0 6rem; } .site-main > figure a { transition:opacity 200ms ease-out 0ms; } .site-main > figure a:hover, .site-main > figure a:focus { opacity:0.8; } .site-main p a, a.ds { color:var(--aufkurs-font-colour); transition:opacity 200ms ease-out 0ms; } .site-main p a:hover, .site-main p a:focus, a.ds:hover, a.ds:focus { opacity:0.8; } .site-main ul, .site-main ol { margin-left:30px; } .site-main ul { list-style-type:none; } .site-main ul > li { text-indent:-10px; } .site-main ul > li:before { content:"-"; position:relative; margin-left:-10px; margin-right:10px; } .site-main a.button, button.button, .site-main a.wp-element-button { color:var(--aufkurs-button-text); background-color:var(--aufkurs-button-bg); padding:7px 15px; border-radius:0; transition:background-color 200ms ease-out 0ms; margin:0 0 2rem; text-decoration:none; font-size:inherit; border:2px var(--aufkurs-button-border) solid; } .back-link-icon a.button { color:#000; background-color:var(--aufkurs-button-bg-logo); } .back-link-icon a.button ellipse { transition:stroke 200ms ease-out 0ms; stroke:var(--aufkurs-button-bg-logo); } .aufkurs-zeitplan a.button { padding:3px 10px; float:none; white-space:nowrap; } .site-main .kacheln-back-link.back-link-icon a.button { width:55px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0; } .site-main .kacheln-back-link.back-link-icon a.button svg { position:relative; float:left; width:100% !important; height:auto !important; } .site-main a.button:hover, .site-main a.button:focus, button.button:hover, button.button:focus, .site-main a.wp-element-button:hover, .site-main a.wp-element-button:focus { opacity:1; background-color:var(--aufkurs-button-bg-hover); } .back-link-icon a.button:hover, .back-link-icon a.button:focus { background-color:var(--aufkurs-button-bg-logo-hover); } .back-link-icon a.button:hover ellipse, .back-link-icon a.button:focus ellipse { stroke:var(--aufkurs-button-bg-logo-hover); } .site-main table td { padding:15px; line-height:1.42857143; } a.backend-edit-btn { position:absolute; background-color:#fff; border-radius:50%; width:25px; height:25px; z-index:2; align-items:center; justify-content:center; top:0; margin-top:-3px; right:0; cursor:pointer; display:flex; opacity:0; box-shadow:0 0 20px rgba(0,0,0,0.2); } .aufkurs-zeitplan td.zeitplan-col:hover a.backend-edit-btn { opacity:1; } a.backend-edit-btn::before { content:"\f464"; font:normal 16px/1 dashicons; } body { overflow-x:hidden; overflow-y:auto; width:100%; font-family:var(--aufkurs-font-family); color:var(--aufkurs-font-colour); font-size:1.7rem; line-height:1.42857143; min-width:320px; min-height:100vh; background-color:var(--aufkurs-bg); } .site { position:relative; margin:0 auto; width:100%; max-width:1064px; padding:20px 15px 200px; margin-top:0; margin-bottom:20px; background-color:#fff; min-height:calc(100vh - 40px); } a.ds { position:relative; float:left; width:auto; margin-top:200px; margin-bottom:-100px; } .site-header, .site-main, .site-main .page, .content-area, .widget-area, .main-navigation, .site-branding, .lang-switch { position:relative; float:left; clear:both; width:100%; } .site-header { margin-bottom:80px; z-index:10; } .site-main { z-index:1; } @media(min-width:600px) { .site { padding-left:20px; padding-right:20px; } .site-main { width:90%; float:none; margin-left:auto; margin-right:auto; } } .site-branding { margin:60px 0; } @media(max-width:600px) { .site-branding { margin:30px 0; } .site-header { margin-bottom:40px; } } .strips { position:fixed; bottom:0; left:0; right:0; z-index:10; background-color:var(--aufkurs-bg); } .strips .inner { position:relative; margin:0 auto; width:100%; overflow:hidden; font-size:2rem; backface-visibility:hidden; user-select:none; padding:26px 0; } @media(min-width:651px) { .strips .inner { padding:26px 0; } } .kacheln-back-link.back-link-icon { margin-top:40px; } .js-marquee::before { content:''; position:absolute; background-image:url('../images/flugi.png'); background-size:cover; width:80px; height:53px; display:block; transform:translate3d(0, -22px, 0); } .strips .strips-spacer { width:90px; height:10px; display:inline-block; position:relative; float:left; } .strips .strips-text { position:relative; float:left; line-height:1; color:var(--aufkurs-flugi-text); border:1px var(--aufkurs-flugi-text-border) solid; padding:5px 10px; margin-top:-5px; } .strips .strips-text::before, .strips .strips-text::after { content:''; position:absolute; display:block; border:none; background-color:var(--aufkurs-flugi-bg); z-index:-1; } .strips .strips-text::before { top:-7px; left:-10px; right:-10px; bottom:-7px; } a.logo { position:relative; margin:0 auto; display:block; transition:opacity 200ms ease-out 0ms; } a.logo svg { position:relative; float:left; width:100% !important; height:auto !important; } a.logo:hover, a.logo:focus { opacity:0.8; } .inner-header { position:relative; width:90%; margin:0 auto; height:100px; padding-right:100px; } .lang-switch { width:120px; float:right; margin-right:-105px; padding-top:11px; margin-bottom:-11px; } @media(max-width:600px) { .inner-header { width:100%; padding-right:110px; } .lang-switch { margin-right:-115px; } } .main-navigation ul, .lang-switch ul { width:auto; } .main-navigation ul li, .lang-switch ul li { position:relative; float:left; list-style:none; padding:0 10px; } .lang-switch ul { display:flex; gap:10px; } .lang-switch ul.lang li { text-align:right; padding:0; } .main-navigation ul li a, .lang-switch ul li a { color:var(--aufkurs-font-colour); } .main-navigation ul { transform:translateX(-10px); } .lang-switch ul.lang { float:right; } .lang-switch ul.lang li a { font-size:1.4rem; } .main-navigation ul a { font-size:1.9rem; } .main-navigation ul li.current_page_item a, .lang-switch ul li.current-lang a { font-weight:bold; } .menu-toggle { z-index:3; position:relative; float:left; display:none; cursor:pointer; width:36px; height:28px; padding:9px 7px; margin-left:-7px; } .menu-toggle .hamburger { background:var(--aufkurs-font-colour); width:100%; height:2px; position:relative; display:block; transition:background 0ms 300ms ease; transform:translateY(4px); } .menu-toggle .hamburger::before, .menu-toggle .hamburger::after { transition:top 300ms 350ms ease, transform 300ms 0ms ease; position:absolute; background:var(--aufkurs-font-colour); width:100%; height:2px; content:''; } .menu-toggle .hamburger::before { top:-6px; } .menu-toggle .hamburger::after { top:6px } .main-nav-toggled .menu-toggle .hamburger { background:transparent; } .main-nav-toggled .menu-toggle .hamburger::before, .main-nav-toggled .menu-toggle .hamburger::after { transition:top 300ms 0ms ease, transform 300ms 350ms ease; top:0; } .main-nav-toggled .menu-toggle .hamburger::before { transform:rotate(45deg); } .main-nav-toggled .menu-toggle .hamburger::after { transform:rotate(-45deg); } @media(max-width:500px) { body:not(.main-nav-toggled) .main-navigation ul.menu { display:none; } .menu-toggle { display:block; } body.main-nav-toggled { overflow:hidden; } .main-menu-wrapper { position:absolute; top:100%; padding:20px 0; margin:30px -15px 0 -15px; background:#fff; height:calc(100vh - 25vw); overflow-x:hidden; overflow-y:auto; border-top:1px var(--aufkurs-font-colour) solid; } .main-navigation ul.menu, .main-navigation ul.menu li, .main-navigation ul.menu a { width:100vw; display:block; } .lang-switch ul { flex-direction:column; gap:0; } .main-navigation ul.menu li { clear:both; } .main-navigation ul.menu a { padding:15px; border-bottom:none; } .main-navigation ul.menu a:hover, .main-navigation ul.menu a:focus { font-weight:bold; } .main-navigation ul.menu li::after { display:none; } } @media(max-width:420px) { }body.form-submitted .hide-after-submit { display:none; } .aufkurs-kacheln { position:relative; float:left; clear:both; width:100%; margin:0 0 2rem; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0, 1fr)); grid-auto-flow:row dense; gap:30px 30px; justify-items:stretch; align-items:stretch; justify-content:stretch; } .aufkurs-kacheln.kacheln-2 { display:none; } .wp-block-columns { gap:12rem; } @media(max-width:650px) { .aufkurs-kacheln { gap:15px; padding:0; } } .aufkurs-kachel { position:relative; float:left; padding-bottom:100%; text-align:center; font-size:4.5rem; font-size:min( 4.5rem, 4.5vw ); color:var(--aufkurs-font-colour); backface-visibility:hidden; transform-origin:50% 50%; transition:all 200ms ease-out 0ms; z-index:1; cursor:pointer; } @media(max-width:500px) { .kacheln-kursvarianten .aufkurs-kachel { font-size:4.5rem; font-size:min( 4.5rem, 7vw ); } } .aufkurs-kachel.add-border { border:2px var(--aufkurs-font-colour) solid; } .aufkurs-kachel.inactive { background-color:#e7e7e7 !important; color:#ccc !important; pointer-events:none; border-color:transparent !important; } .aufkurs-kachel.no-bg { border:2px var(--aufkurs-font-colour) solid; } .aufkurs-kachel:hover { background-color:var(--hover-bg) !important; z-index:2; } .aufkurs-kacheln:not(.kacheln-kursvarianten) .aufkurs-kachel span, .kacheln-kursvarianten .aufkurs-kachel span.title-wrapper { position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 10px; line-height:1.2; } .kacheln-kursvarianten .aufkurs-kachel span.title-wrapper { flex-direction:column; padding:10px 0; justify-content:space-evenly; } @media(max-width:500px) { .aufkurs-kacheln.kacheln-kursvarianten { grid-template-columns:repeat(2,minmax(0, 1fr)); } } .kacheln-kursvarianten .aufkurs-kachel span { position:relative; float:left; width:100%; clear:both; padding:0 10px; line-height:1.2; } .kacheln-kursvarianten .aufkurs-kachel span.subtitle { font-size:1.7rem; line-height:1.2; } .aufkurs-tablewrapper { position:relative; float:left; clear:both; width:100%; overflow-x:auto; overflow-y:visible; user-select:none; } .aufkurs-zeitplan-wrapper { position:relative; float:left; clear:both; width:100%; } .aufkurs-zeitplan { position:relative; float:left; clear:both; width:auto; max-width:100%; margin:0; padding:0; border-collapse:collapse; table-layout:fixed; } .aufkurs-zeitplan, p.half-width { width:50%; } @media(max-width:800px) { .aufkurs-zeitplan, p.half-width { width:100%; } .aufkurs-zeitplan { table-layout:auto; } } @media(max-width:430px) { .aufkurs-zeitplan { width:auto; } } .aufkurs-zeitplan:not(.first) { margin-top:4rem; } .aufkurs-zeitplan a { color:#000; } .aufkurs-zeitplan th, .aufkurs-zeitplan td { border:1px var(--aufkurs-font-colour) solid; text-align:center; vertical-align:middle; padding:10px 10px 9px 10px; } .aufkurs-zeitplan td.time, .aufkurs-zeitplan th { padding:3px 10px 2px 10px; } .aufkurs-zeitplan td.time span { text-align:center; } .aufkurs-zeitplan td.time span.line { margin:0 4px; } .aufkurs-zeitplan td.zeitplan-col { cursor:pointer; background-color:var(--row-bg); transition:background-color 200ms ease-out 0ms; } .aufkurs-zeitplan td.zeitplan-col:hover { background-color:var(--row-hover); } .aufkurs-zeitplan td.zeitplan-col.light { color:#fff; } .aufkurs-zeitplan td.zeitplan-col.no-book { background-color:#e7e7e7; } body:not(.logged-in) .aufkurs-zeitplan td.zeitplan-col.no-book { pointer-events:none; } .aufkurs-zeitplan td.zeitplan-col > div { position:relative; float:left; width:100%; } .aufkurs-zeitplan th { width:80px; } .aufkurs-zeitplan td:not(.time) { height:80px; } .aufkurs-zeitplan * { font-size:1.4rem !important; } @media(min-width:1024px) { .aufkurs-zeitplan * { font-size:1.8rem !important; } } @media(min-width:850px) { .aufkurs-zeitplan * { font-size:1.6rem !important; } } .kacheln-back-link a.button:not(.individualkurs) { margin-top:0; } .aufkurs-zeitplan tbody td.col-reg a.button { background-color:transparent !important; position:relative; float:left; display:block; width:100%; height:100%; padding:10px; } h3.table-title { text-align:center; margin-bottom:0; display:none; } @media screen and (max-width:750px) { h3.table-title { display:block; } .aufkurs-zeitplan th, .aufkurs-zeitplan td { height:auto; } } div.kurs-details { margin:0 0 40px 0; } table.kurs-details { position:relative; float:left; width:100%; clear:both; margin-bottom:2rem; } table.kurs-details th, table.kurs-details td { border:1px #000 solid; padding:10px; vertical-align:middle; } table.kurs-details th { text-align:center; } .kurs-info-block { position:relative; float:left; clear:both; width:100%; margin-bottom:20px; } @media (min-width:782px) { .kurs-info-block + p { margin-top:280px; } } div.reg-form { position:relative; float:left; clear:both; width:100%; } form.reg-form { position:relative; clear:both; float:left; max-width:100%; } div.reg-form h1 { margin-bottom:2rem !important; } .aufkurs-contact { position:relative; float:left; } .aufkurs-contact.bottomAlign { padding-top:9px; } body:not(.show-form) div.reg-form, body.show-form div.kurs-details, body.show-form .site-main > h1 { display:none; } span.asterix { font-size:1.1rem !important; display:inline-block; transform:translateY(-2px); } form .fRow { position:relative; float:left; clear:both; width:100%; margin-bottom:2rem; display:flex; justify-content:space-between; } form .fRow label { padding-top:10px; } form.reg-form.einstufungstest .fRow:not(.q) { max-width:500px; } form.reg-form.individualkurs { width:100%; } form .fRow.q { flex-direction:column; } form label { width:200px; } form.individualkurs label { width:200px; flex-shrink:0; } form .fRow.q label { width:100%; margin-bottom:2rem; padding-top:0; margin-top:0; } form .fRow.q ol { padding-left:0; margin-left:0; list-style:inside decimal; } form input, form select, form textarea, form .input-wrap { border:1px #CCCCCC solid; outline:none; background-color:#fff; padding:10px; width:300px; transition:border 200ms ease-out 0ms; border-radius:0; } form textarea[data-q] { padding:10px 18px; } form input, form textarea { appearance:none; -moz-appearance:none; -webkit-appearance:none; } form select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important; background-repeat:no-repeat, repeat !important; background-position:right .7em top 50%, 0 0 !important; background-size:.65em auto, 100% !important; } form textarea { resize:vertical; } form .fRow.q textarea { width:100%; } form .input-wrap { padding:0; border:none; } form .submitMargin .input-wrap { margin-left:-5px; } form input.error, form select.error, form textarea.error { border-color:red; } form input:focus, form select:focus, form textarea:focus { border:1px var(--aufkurs-font-colour) solid; outline:none; } form button { margin:0 !important; float:left; cursor:pointer; } .form-feedback { position:relative; float:left; clear:both; width:100%; margin:10px 0 40px; border-radius:5px; padding:0; } .form-feedback.form-error { background-color:#fff; color:#000; } .form-feedback.form-ok { background-color:#fff; color:#000; } @media(max-width:500px) { form label, form input, form select, form textarea { width:100%; } form label { font-weight:bold; margin-bottom:10px; } form label.empty { display:none; } form .fRow { flex-direction:column; } } @media (max-width:781px) { .hide-on-submit { display:none; } } @media (min-width:782px) { .wp-block-column.individualkurs-form { min-width:515px; } }