SAE Institute | Creative Media Education

Lehrinhalte aller Studiengänge der SAE

Fachbereiche am SAE Institute

Ob Diploma- oder Bachelorabschluss—abhängig von Deinem Interessengebiet ist sicher der passende Weg für Dich dabei—wähle hier einfach Deinen Fachbereich
Audio Engineering

Audio
Engineering

Tontechnik
Musikproduktion
Livebeschallung
Effekte
Lehrinhalte ansehen
Game Art & 3D Animation

Game Art
& 3D Animation

Concept Art
3D Animation
Character Design
Modelling
Lehrinhalte ansehen
Games Programming

Games
Programming

KI-Programmierung
Grafik-Programmierung
Engine-Programmierung
Netzwerk-Programmierung
Lehrinhalte ansehen
Digital Film Production

Digital Film
Production

Schnitt
Kamera und Licht
Compositing
Effekte
Lehrinhalte ansehen
Webdesign & Development

Webdesign
& Development

Grafikdesign
Programmierung
Webanimation
HTML
Lehrinhalte ansehen
Cross Media Production

Cross Media
Production

Journalismus
Digitalfotografie
Nachrichten
Reportage
Lehrinhalte ansehen
Music Business

Music
Business

Musikmanagement
Veranstaltungsmarkt
Kommunikation
Musikmarkt
Lehrinhalte ansehen
Visual FX & 3D Animation

Visual FX
& 3D Animation

Digital Painting
Motion Graphics
Texturing
Motion Capturing
Lehrinhalte ansehen
© SAE Institute GmbH 2017. Alle Rechte vorbehalten.ImpressumDatenschutzerklärung

Lehrinhalte im Detail

und
Dein nächster Schritt
Lass dir den Campus zeigen
© SAE Institute GmbH 2017. Alle Rechte vorbehalten.ImpressumDatenschutzerklärung
/* MKTO FIX */ body#bodyId { padding: 0 !important; } /* MKTO FIX END */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html { height:100%; } * {margin:0;padding:0} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body { background: #fafafa !important; b ackground: #ececee !important; background: #f0f0f0 !important; color: #505759; font-family: 'Droid Sans', sans-serif !important; letter-spacing: 0.03em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a, a:link, a:visited, a:hover, a:active { cursor: pointer; c olor: inherit; text-decoration: none; } /* HEAD CLASSES */ .head { width: 100%; border-bottom: 1px solid #e1e1e1; background: #000 url('http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-Lehrinhalte-BannerTint-1200x692.jpg') no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .site-icon--image { display: block; padding: 25px 30px 15px; } .site-title--lp { margin-top: 40px; color: #fff; font-size: 2.5rem; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 0.05em; } .site-title-slave { display: block; font-size: 36%; } .drop-down { display: block; margin: 20px auto 75px; width: 35px; } /* STRATUM CLASSES */ .stratum { background: #ececee; width: 100%; border-top: 4px solid rgba(0,0,0,0.1); padding: 60px 0; } .stratum-title { margin-bottom: 40px; font-size: 2rem; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 80%; letter-spacing: 0.05em; } .stratum-title-slave { display: block; font-size: 40%; } .record { margin: auto; width: 85%; max-width: 850px; text-align: center; line-height: 155%; line-height: 1.5; } .noscript { m argin: 30px 0; width: 100%; max-width: 100%; padding: 30px 15%; background-color: #e93e07; border-bottom: 5px solid rgba(0,0,0,0.2);; color: #fff; } .noscript h2 { color: rgba(0,0,0,0.2); } .bowl { margin: 10px auto 0; text-align: center; } .department-artefact { display: inline-block; margin: 30px auto; width: 290px; border-bottom: 2px solid rgba(0,0,0,0.15); background: #fff; text-align: center; } .department-artefact-a { display: block; width: 290px; height: auto; overflow: hidden; } .department-artefact img { display: block; -webkit-transition: -webkit-transform 500ms ease-out; -moz-transition: -moz-transform 500ms ease-out; -o-transition: -o-transform 500ms ease-out; transition: transform 500ms ease-out; } .department-artefact img:hover { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } /* .department-artefact img { display: block; width: 100%; height: auto; -webkit-transform: scale(1, 1); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; -o-transform: scale(1, 1); -o-transition-duration: 500ms; -o-transition-timing-function: ease-out; transform: scale(1, 1); transition-duration: 500ms; transition-timing-function: ease-out; } .department-artefact img:hover { -webkit-transform: scale(1.15, 1.15); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1.15, 1.15); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1.15, 1.15); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; -o-transform: scale(1.15, 1.15); -o-transition-duration: 500ms; -o-transition-timing-function: ease-out; transform: scale(1.15, 1.15); transition-duration: 500ms; transition-timing-function: ease-out; }*/ .artefact-title { border-bottom: 3px solid; padding: 8px; font-size: 0.9375rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.06em; } .ae {border-color: #307fe2} .ga {border-color: #ee2737} .gp {border-color: #ee2737} .df {border-color: #ffb500} .wd {border-color: #753bbd} .cm {border-color: #009fdf} .mb {border-color: #00c389} .va {border-color: #00b0b9} .artefact-title::before { content: ''; display: block; position: relative; top: -8px; margin: -10px auto 0px; width: 0; height: 0; border: 10px solid transparent; border-top: 0; border-bottom-color: #fff; } .artefact-list { padding: 20px; color: #292929; font-size: 0.875rem; line-height: 1.6; } .artefact-link { display: block; margin-top: 20px; padding: 7px; background: #505759; color: #fff; text-transform: uppercase; text-decoration: none; } /* MEDIA QUERIES */ @media screen and (min-width: 480px) { .site-title--lp { margin-top: 60px; font-size: 4rem; } .stratum-title { font-size: 2.3125rem; } .bowl{ width: 95%; max-width: 1400px; } .department-artefact { margin: 30px; } } @media screen and (min-width: 900px) { .site-title--lp { margin-top: 100px; font-size: 6rem; } } /* SYLLABUS *//********************* .sidebar-ff {} .sidebar-ff > div, .sidebar-ff > dl { width: 420px !important; } .abstract-sidebar { w idth: 400px; p osition: absolute; o verflow-y: scroll; /*double*/ o verflow-x: hidden; /*double*/ t op: 0; b ottom: 0; l eft: 0; h eight: 100vh; } .sidebar-title { padding: 25px 20px 25px 85px; background-repeat: no-repeat; background-position: 25px center; background-size: 40px 40px; font-size: 108%; line-height: 22px; letter-spacing: 0.035em; text-transform: uppercase; color: #fff; } .animation-bg {background-color: #00B0B9} .audio-bg {background-color: #307FE2} .business-bg {background-color: #00C389} .design-bg {background-color: #E7417A} .film-bg {background-color: #FFB500} .games-bg {background-color: #EE2737} .media-bg {background-color: #009FDF} .web-bg {background-color: #753BBD} .music-business .sidebar-title { background-color: #00c389; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-MB_Icon_White_outlined-300x300.png"); } .film .sidebar-title { background-color: #ffb500; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-DF_Icon_White_outlined-300x300.png"); } .cross-media .sidebar-title { background-color: #009FDF; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-CM_Icon_White_outlined-300x300.png"); } .web .sidebar-title { background-color: #753BBD; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-WD_Icon_White_outlined-300x300.png"); } .sidebar-module-title { padding: 18px 10px 18px 30px; background-color: rgba(0,0,0,0.1); color: #484848; text-transform: uppercase; font-size: 1rem; font-weight: 700; letter-spacing: 0.08em; } .sidebar-unit, .sidebar-unit--open { display: table; /* support IE 8 or 9 */ display: -ms-flexbox; display: flex; /* equal height of the children */ color: #a0a0a0; text-transform: uppercase; font-size: 1rem; font-weight: 700; letter-spacing: 0.08em; } .sidebar-topic-list + .sidebar-unit { border-top: 1px solid #eee; } .sidebar-unit:hover { background-color: #eee; } .sidebar-dropdown:hover { background-color: #e5e5e5; } /* .sidebar-unit:hover, .sidebar-module-title:hover + .sidebar-dropdown, .sidebar-module-title:hover + .sidebar-dropdown--open { background-color: #eee; }*//* .sidebar-unit-title { display: block; width: 340px; padding: 18px 10px 18px 30px; } .sidebar-dropdown { display: block; width: 60px; background: url("http://www.sae.edu/deu/sites/all/themes/omega_sae_2/images/homepage/large-arrow-sprite.svg") no-repeat -88px -45px; background-size: 200px; } .sidebar-unit--open .sidebar-dropdown { background-position: -150px -45px; } .sidebar-topic-list { max-height: 0; overflow: hidden; background-color: #a0a0a0; background-color: #d5d5d5; -webkit-transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .sidebar-unit--open + .sidebar-topic-list { max-height: 500px; } .sidebar-topic-title { display: block; padding: 12px 30px; font-size: 1rem; letter-spacing: 0.06em; } .sidebar-topic-title:first-child { padding-top: 22px; } .sidebar-topic-title:last-child { padding-bottom: 32px; } .sidebar-more { position: fixed; bottom: 0; width: 400px; padding: 10px 0 20px; background-color: #fff; b ackground: rgba(255,255,255,0.7); c olor: #505759; color: #808080; text-align: center; } .curriculum { w idth: calc(100% - 400px); w idth: 100%; h eight: 100vh; p adding-left: 400px; background: #f5f5f5; o verflow-y: scroll; o verflow: hidden; } h1.headline { margin-bottom: 7px; padding: 90px 30px 0; color: #484848; color: #646460; font-size: 3rem; f ont-size: 2.5rem; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.04em; } #graduation { padding: 0px 30px 60px; color: #9c9c94; l ine-height: 1; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.04em; } .graduation-level { display: inline-block; b order-left: 2px solid rgba(0,0,0,0.2); p adding: 0 5px; b ackground-color: #646460; b ackground-color: #a0a0a0; b ackground-color: #9c9c94; b ackground-color: #ccc; color: #484848; color: #646460; c olor: #fff; font-size: 1.5rem; } .graduation-level:hover { margin: 0 -5px; padding: 0 5px; background-color: #666; background-color: #ccc; c olor: #ddd; } .graduation-level:after { content: '\2022'; content: '\25CF'; content: '×'; margin-left: 10px; c olor: #484848; content: ''; display: inline-block; m argin-left: -60px; width: 60px; height: 20px; background: url("http://www.sae.edu/deu/sites/all/themes/omega_sae_2/images/homepage/large-arrow-sprite.svg") no-repeat -88px -60px; background-size: 200px; vertical-align: baseline; width: 40px; background-size: 150px; background-position: -70px -42px; } .graduation-level:hover:after { background-position: -70px -2px; } .graduation-title { } #campus-appointment { display: inline-block; margin: 0 30px 0; background-color: #ff6900; border-bottom: 2px solid rgba(0,0,0,0.2); color: #fff; text-transform: uppercase; letter-spacing: 0.04em; } #campus-appointment.campus-appointment--open, #campus-appointment:hover, .appointment-link:hover { background-color: #e93e07; } .appointment-dropdown { padding: 10px 30px; padding: 12px 18px 10px; font-weight: 700; } #campus-list { max-height: 0; overflow: hidden; background-color: #ff6900; -webkit-transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -o-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .campus-appointment--open #campus-list { max-height: 300px; } .appointment-link { display: block; padding: 5px 18px; color: #fff; } #curriculum-modules { m argin: 35px; min-height: 100%; padding-bottom: 90px; } .module-title { m argin: 80px 0 0; b order-top: 1px solid #a0a0a0; padding: 80px 30px 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #484848; text-transform: uppercase; letter-spacing: 0.04em; } .module-unit-title { m argin: 0 0 40px; padding: 60px 30px 0; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #484848; text-transform: uppercase; letter-spacing: 0.04em; } .module-unit-title--mobile { display: none; } /* .animation-bg {background-color: #00B0B9} .audio-bg {background-color: #307FE2} .business-bg {background-color: #00C389} .design-bg {background-color: #E7417A} .film-bg {background-color: #FFB500} .games-bg {background-color: #EE2737} .media-bg {background-color: #009FDF} .web-bg {background-color: #753BBD} *//* .music-business .module-title {color: #00c389} .film .module-title {color: #ffb500} .cross-media .module-title {color: #009FDF} .web .module-title {color: #753BBD} .music-business .course-bg {background-color: #00c389} .film .course-bg {background-color: #ffb500} .cross-media .course-bg {background-color: #009FDF} .web .course-bg {background-color: #753BBD} @media only screen and (min-width: 901px) { .music-business .module-title, .film .module-title, .cross-media .module-title, .web .module-title {color: inherit} .music-business .module-unit-title {color: #00c389} .film .module-unit-title {color: #ffb500} .cross-media .module-unit-title {color: #009FDF} .web .module-unit-title {color: #753BBD} } .topic-title { m argin-top: 30px; padding: 30px 30px 0; font-size: 1rem; font-weight: 700; line-height: 1; color: #484848; text-transform: uppercase; letter-spacing: 0.04em; } .topic-keys { margin-top: 20px; padding: 0px 30px 0; font-size: 0.875rem; line-height: 1.5; color: #484848; l etter-spacing: 0.04em; } .dim { opacity: 0.5; } .module-unit-title:focus, .topic-title:focus, *:focus { /*DEV*//* b ackground-color: magenta !important; } @media screen and (max-width: 900px) { #syllabus.syllabus--open {display: block} #sidebar {width: 100%; padding: 0} #sidebar::before {display: none} #sidebar-modules {display: none} #curriculum {width: 100%; background-color: #fff} .headline {d isplay: none; text-align: center} #campus-appointment { display: block; margin: 30px auto; max-width: 300px; text-align: center} #curriculum-modules { padding-top: 60px; padding-bottom: 30px; background-color: #f5f5f5 } .module-title, .module-unit-title--mobile { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e0e0e0; } .module-title:first-child { border-top: 0; } .module-unit-title--mobile::before { content: ''; display: inline-block; margin-left: -60px; width: 60px; height: 20px; background: url("http://www.sae.edu/deu/sites/all/themes/omega_sae_2/images/homepage/large-arrow-sprite.svg") no-repeat -88px -60px; background-size: 200px; vertical-align: baseline; } .mobile-dropdown--open::before { background-position: -150px -60px; } .mobile-dropdown--open + dd .mobile-content {display: block} .module-unit-title { display: none; } .module-unit-title--mobile { display: block; padding-left: 80px; } .mobile-content { display: none; padding-bottom: 60px; background-color: #eee; } .topic-title { color: #a0a0a0; } h1.headline {font-size: 2.5rem} .module-title, .module-unit-title--mobile {font-size: 1.25rem} } @media screen and (max-width: 640px) { h1.headline {font-size: 2rem} .module-title, .module-unit-title--mobile { font-size: 1rem } .module-unit-title--mobile::before { width: 40px; background-size: 150px; background-position: -70px -42px; } .mobile-dropdown--open::before { background-position: -118px -42px; } } *********************/ /********************************/ .site-icon { float:none !important; margin: 1.5em 2em !important; padding: 0 !important; width: 10em !important; height: 3em !important} .course-page, .syllabus { display: none} .course-page--open { display: block} .syllabus--open { d isplay: table; d isplay: -ms-flexbox; d isplay: flex} [class|="syllabus"] { p osition: absolute; t op: 0; b ottom: 0; w idth: 100%; t ext-overflow: hidden} .sidebar, .curriculum { background-color: #fff; overflow-y: scroll; overflow-y: auto; overflow-x: hidden} .sidebar { p adding-bottom: 150px; w idth: 400px} .sidebar-title { position: relative; padding: 1.5em 1em 1.5em 4.5em; background-repeat: no-repeat; background-position: 1.5em center; background-size: 2.5em 2.5em; color: #fff; font-size: 1.125em; line-height: 1; letter-spacing: 0.035em; text-transform: uppercase} .sidebar-title dt { padding-top: 4px; font-weight: 700} .music-business .sidebar-title {background-color: #00c389; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-MB_Icon_White_outlined-300x300.png")} .film .sidebar-title {background-color: #ffb500; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-DF_Icon_White_outlined-300x300.png")} .cross-media .sidebar-title {background-color: #009FDF; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-CM_Icon_White_outlined-300x300.png")} .web .sidebar-title {background-color: #753BBD; background-image: url("http://myfuture.sae.edu/rs/955-CTJ-073/images/DEU-REGIONAL-WD_Icon_White_outlined-300x300.png")} .audio .sidebar-title { background-color: #307FE2; background-image: url("http://myfuture.sae.edu/rs/sae/images/DEU-REGIONAL-AE_Icon_White_outlined-300x300.png"); } [class*="game"] .sidebar-title { background-color: #EE2737; background-image: url("http://myfuture.sae.edu/rs/sae/images/DEU-REGIONAL-GP_Icon_White_outlined-300x300.png")} .visual-fx .sidebar-title { background-color: #00B0B9; background-image: url("http://myfuture.sae.edu/rs/sae/images/DEU-REGIONAL-VA_Icon_White_outlined-300x300.png"); } .sidebar-topics { display: none; color: #a0a0a0; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase} .sidebar-topics dt + dt { border-top: 1px solid #eee} .sidebar-topics dt:hover { background-color: #eee} .sidebar-topics a { display: block; padding: 1.25em .75em 1.25em 2em} .curriculum { padding-top: 5em; color: #484848} .curriculum-title /*h1*/, .cta, .curriculum-topics { p adding: 0 2em} .curriculum-title /*h1*/, .graduation-level, .cta { text-align: center} .curriculum-title /*h1*/ { margin-bottom: .25em; padding: 0 .5em; color: #646460; font-size: 2.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase} div.curriculum-title { margin-top:1em} .graduation-level { display: block; margin:1em auto; padding:0 1em; max-width: 370px; font-weight: 700; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase} .graduation-level a {display:none} .graduation-level a:after { content:''; position: relative; top: -0.125em; display:inline-block; margin-left: .5em; margin-right: .25em; width: 1em; height: 1em; border-right: 0.1875em solid; border-bottom: 0.1875em solid; transform: rotate(45deg); color: #8f9092} .graduation-level a:hover { background-color: #dedede} .graduation-level dl {margin:2em 0} .graduation-level dd {margin:1em 0; font-weight: 400} .graduation-level span {display:block; margin-bottom:1em; font-weight:400} .bachelor-degree-mobile { margin: 3em -2em 0; padding: 1em; background: #fff} .cta { display: block; margin: 2em auto 3em; padding: .75em 1.5em; max-width: 20em; border-bottom: .125em solid rgba(0,0,0,0.2); background-color: #ff6900; color: #fff; font-weight: 700; line-height:1; letter-spacing: 0.04em; text-transform: uppercase} .cta:hover { background-color: #e93e07} .curriculum-topics { padding: 0 2em 7em; min-height: 100%; background-color: #f5f5f5} .topic-title, .topic-content dt { font-weight: 700; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase} .topic-title { padding-top: 3em; font-size: 1.5rem} .topic-content dt { padding: 1em 0} .topic-content dd { font-size: 0.875rem; line-height: 1.5} /* .music-business .topic-title {color: #00c389} .film .topic-title {color: #ffb500} .cross-media .topic-title {color: #009FDF} .web .topic-title {color: #753BBD} */ .music-business .topic-content dt {color: #00c389} .film .topic-content dt {color: #ffb500} .cross-media .topic-content dt {color: #009FDF} .web .topic-content dt {color: #753BBD} .audio .topic-content dt {color: #307FE2} [class*="game"] .topic-content dt {color: #EE2737} .visual-fx .topic-content dt {color: #00B0B9} .foot { width: 100%; border-top: 4px solid rgba(0,0,0,0.1); padding: 30px 0; background: #292929; background: #505759; color: #222; font-size: 0.75rem; text-align: center; } .foot-rights { display: block; } .foot-link { display: block; margin: 20px 50px; padding: 7px; background: rgba(0,0,0,0.2); color: #aaa; font-size: 0.875rem; line-height: 1.6; text-transform: uppercase; text-decoration: none; } @media screen and (min-width: 480px) { .foot-rights { margin-bottom: 15px} .foot-link { display: inline; margin: 0 15px; padding: 0 0 2px; border-bottom: 1px solid #292929; background: transparent; font-size: inherit; text-transform: none} } @media screen and (min-width: 900px) { .syllabus--open { display: table; display: -ms-flexbox; display: flex} [class|="syllabus"] { position: absolute; top: 0; bottom: 0; width: 100%; text-overflow: hidden} .sidebar { padding-bottom: 9em; width: 400px} .sidebar-title:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 0; height: 0; border: 1em solid transparent; border-left: 0; border-right-color: #f5f5f5} .sidebar-topics { display: block} .curriculum { padding: 5.625em 2em 0; width: calc(100% - 400px); box-sizing:border-box; background-color: #f5f5f5} .curriculum-title /*h1*/, .curriculum-topics { padding: 0} .curriculum-title /*h1*/ { font-size: 3em; text-align:left} div.curriculum-title { margin-top:0} .graduation-level { margin:0; padding:0; max-width: 520px; font-size: 1.5rem; text-align: left} .graduation-level a {display:inline} .graduation-level dl {display: none} .bachelor-degree-mobile, .bachelor-degree-graduation-level {display:none} @-webkit-keyframes fade { 0% { background-color: #fffbcc} 100% { background-color: transparent} } @-moz-keyframes fade { 0% { background-color: #fffbcc} 100% { background-color: transparent} } @-o-keyframes fade { 0% { background-color: #fffbcc} 100% { background-color: transparent} } @keyframes fade { 0% { background-color: #fffbcc} 100% { background-color: transparent} } [id*="bachelor"] { -webkit-animation: fade 5s ease-in-out; -moz-animation: fade 5s ease-in-out; -o-animation: fade 5s ease-in-out; animation: fade .5s ease-in-out; } .cta { margin: 0} div.curriculum-title + .cta { margin:1em 0 7em} .curriculum-topics { padding: 0 0 7em; background-color: #f5f5f5} .curriculum .foot { width: calc(100% + 4rem); margin-left: -2rem} .foot-rights { display: inline} .foot-link { margin: 0 0 0 30px} } #css {display:none} h2 {padding:0 !important}