/* Ubuntu lokal eingebunden (keine Verbindung zu Google Fonts) */ @font-face{font-family:'Ubuntu';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/ubuntu-latin-300-normal.woff2) format('woff2');} @font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ubuntu-latin-400-normal.woff2) format('woff2');} @font-face{font-family:'Ubuntu';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ubuntu-latin-500-normal.woff2) format('woff2');} @font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ubuntu-latin-700-normal.woff2) format('woff2');} /* Media School Berlin, 1:1 rebuild. Layers in the order the live site loads them: 1 bootstrap subset, 2 icon font, 3 theme, 4 responsive, 5 colour variant, 6 rebuild layer. */ :root { /* Palette of the live site. --primary comes from color_4.css (blue); the purple #a55198 that still appears in section 3 is the theme default and is always overridden. */ --primary: #3569a5; --primary-light: #4a7cbb; --primary-mid: #4073b5; --page: #f3f3f3; color-scheme: light; padding-block: env(safe-area-inset-top, 0px) env(safe-area-inset-bottom, 0px); } [hidden] { display: none !important; } /* 1. Bootstrap 3.3.2 (custom subset: normalize, grid, utilities, responsive helpers) */ /*! * Bootstrap v3.3.2 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d68443c45c455fbc8daa) * Config saved to config.json and https://gist.github.com/d68443c45c455fbc8daa *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family: 'Ubuntu', sans-serif;font-size:14px;line-height:1.42857143;color:#3d3d3d;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;width:100%;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container{position: relative;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1200px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto;float:none;}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} /* 2. Fontello icon font (linkedin, facebook, user, graduation-cap, export, location, arrows) */ @font-face { font-family: 'fontello'; src: url(data:font/woff;base64,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) format('woff'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-twitter-bird:before { content: '\e800'; } /* '' */ .icon-linkedin-rect:before { content: '\e801'; } /* '' */ .icon-facebook-rect:before { content: '\e802'; } /* '' */ .social-btn a.icon-instagram:before { content: ''; display: inline-block; width: 1em; height: 1em; vertical-align: top; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3'%3E%3Crect x='2.8' y='2.8' width='18.4' height='18.4' rx='5.4'/%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3'%3E%3Crect x='2.8' y='2.8' width='18.4' height='18.4' rx='5.4'/%3E%3Ccircle cx='12' cy='12' r='4.3'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E") no-repeat center / contain; } /* Instagram (Maske, kein Icon-Font-Glyph) */ .icon-vimeo-rect:before { content: '\e803'; } /* '' */ .icon-tumblr-rect:before { content: '\e804'; } /* '' */ .icon-googleplus-rect:before { content: '\e805'; } /* '' */ .icon-skype:before { content: '\e806'; } /* '' */ .icon-vkontakte-rect:before { content: '\e807'; } /* '' */ .icon-youtube:before { content: '\e808'; } /* '' */ .icon-user:before { content: '\e809'; } /* '' */ .icon-search:before { content: '\e80a'; } /* '' */ .icon-lifebuoy:before { content: '\e80b'; } /* '' */ .icon-graduation-cap:before { content: '\e80c'; } /* '' */ .icon-signal:before { content: '\e80d'; } /* '' */ .icon-down-open:before { content: '\e80e'; } /* '' */ .icon-left-open:before { content: '\e80f'; } /* '' */ .icon-right-open-1:before { content: '\e810'; } /* '' */ .icon-up-open:before { content: '\e811'; } /* '' */ .icon-export:before { content: '\e812'; } /* '' */ .icon-location:before { content: '\e813'; } /* '' */ .icon-ok:before { content: '\e814'; } /* '' */ /* 3. Theme: style.css */ /*font-family: 'Ubuntu', sans-serif;*/ * { margin: 0; padding: 0; } /* list */ ul, ol { list-style: none; list-style-image: none; } /* headings */ h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 { line-height: 1; font-weight: 700; color: #000; text-transform: uppercase; margin: 0; } h1,.h1 { font-size: 30px; } h2,.h2 { font-size: 24px; text-transform: none; } h3,.h3 { font-size: 20px; } h4,.h4 { font-size: 20px; font-weight: 400; color: #303030; } h5,.h5 { font-size: 18px; font-weight: 400; color: #303030; } h6,.h6 { font-size: 16px; font-weight: 300; color: #303030; } .P30 { padding: 30px; } a, .base-text-color { color: #a55198; } a { text-decoration: none; } a:hover { text-decoration: underline; } .row [class*=" col-"], .row [class^="col-"] { padding-left: 0; padding-right: 0; } .row .row { margin-left: 0; margin-right: 0; } /* parallax */ .parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* text align */ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right;} /* float */ .fl-l { float: left; } .fl-r { float: right; } /* colors */ .bg-0 { background-color: #fff} .bg-1 { background-color: #f3f3f3 } .bg-2 { background-color: #555; } .bg-3 { background-color: #3d3d3d; } .bg-4 { background-color: #303030; } .bg-5 { background-color: #c6acc2 } .bg-6 { background-color: #b973ae } .bg-7 { background-color: #a55198 } /* corners */ .corner { position: relative; z-index: 5; } .corner:before { content: ""; position: absolute; left: 100%; top: 25px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #fff; z-index: 2; } .bg-0 .corner:before, .bg-0.corner:before, [class*=" bg-"] .bg-0.corner:before, [class^="bg-"] .bg-0.corner:before { border-left-color: #fff; } .bg-1 .corner:before, .bg-1.corner:before, [class*=" bg-"] .bg-1.corner:before, [class^="bg-"] .bg-1.corner:before { border-left-color: #f3f3f3; } .bg-2 .corner:before, .bg-2.corner:before, [class*=" bg-"] .bg-2.corner:before, [class^="bg-"] .bg-2.corner:before { border-left-color: #555; } .bg-3 .corner:before, .bg-3.corner:before, [class*=" bg-"] .bg-3.corner:before, [class^="bg-"] .bg-3.corner:before { border-left-color: #3d3d3d; } .bg-4 .corner:before, .bg-4.corner:before, [class*=" bg-"] .bg-4.corner:before, [class^="bg-"] .bg-4.corner:before { border-left-color: #303030; } .bg-5 .corner:before, .bg-5.corner:before, [class*=" bg-"] .bg-5.corner:before, [class^="bg-"] .bg-5.corner:before { border-left-color: #c6acc2; } .bg-6 .corner:before, .bg-6.corner:before, [class*=" bg-"] .bg-6.corner:before, [class^="bg-"] .bg-6.corner:before { border-left-color: #b973ae; } .bg-7 .corner:before, .bg-7.corner:before, [class*=" bg-"] .bg-7.corner:before, [class^="bg-"] .bg-7.corner:before { border-left-color: #a55198; } /* custom btm */ .custom-btn { display: inline-block; vertical-align: top; width: 100%; max-width: 150px; line-height: 1.1; font-size: 12px; font-weight: 500; text-align: center; text-transform: uppercase; color: #fff; background-color: transparent; border: 1px solid #d0d0d0; padding: 12px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; transition: background-color 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; } .custom-btn.big { max-width: 160px; font-size: 14px; padding: 16px 13px; } .custom-btn.long { max-width: 210px; } .custom-btn:hover { text-decoration: none; color: #505050; background-color: #fff; } .custom-btn.colored:hover { color: #fff; background-color: #a55198; border-color: #a55198; } /* more link */ .more-link { display: inline-block; vertical-align: top; text-transform: uppercase; line-height: 20px; font-size: 14px; font-weight: 500; color: #fff; } .more-link.colored { color: #a55198; } .more-link:hover { text-decoration: none; } .more-link i.arrow { float: right; position: relative; width: 12px; height: 20px; margin-left: 17px; } .more-link i.arrow:before, .more-link i.arrow:after { content: ''; position: absolute; top: 50%; right: 0; width: 3px; height: 60%; background: #fff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; /* for FF */ } .more-link.colored i.arrow:before, .more-link.colored i.arrow:after { background-color: #a55198; } .more-link i.arrow:before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .more-link i.arrow:after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .more-link:hover i.arrow:before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .more-link:hover i.arrow:after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } /*.more-link i { float: right; font-size: 18px; margin-left: 17px; } .more-link i:before { width: auto; margin: 0; }*/ /* stat link */ .stat-link { display: inline-block; vertical-align: top; text-transform: uppercase; line-height: 1; font-size: 14px; font-weight: 500; color: #fff; } .stat-link:hover { text-decoration: none; } .stat-link i, .stat-link span { display: inline-block; vertical-align: bottom; } .stat-link i { font-size: 23px; margin-right: 17px; } .stat-link i:before { width: auto; margin: 0; } /* share link */ .share-link { display: inline-block; vertical-align: top; line-height: 20px; font-size: 13px; text-transform: uppercase; color: #000; -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } .share-link:hover { text-decoration: none; color: #a55198; } .share-link i { display: inline-block; line-height: 1; font-size: 19px; margin-right: 15px; } .share-link i:before { width: auto; margin: 0; } /* social btn */ .social-btn { line-height: 0; font-size: 0; letter-spacing: -1px; white-space: nowrap; } .social-btn a { display: inline-block; vertical-align: top; line-height: 1; font-size: 16px; letter-spacing: 0; margin-left: 10px; margin-top: -1px; margin-bottom: -1px; -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } .social-btn a:first-child { margin-left: 0; } .social-btn a:hover { text-decoration: none; color: #555; } .social-btn a:before { width: auto; margin: 0; } /* form */ form { position: relative; } form input, form button, form textarea { display: block; width: 100%; outline: none; background: none; border-width: 1px; border-style: solid; border-color: #e0e0e0; padding: 8px 20px; color: #454545; color: rgba(69,69,69,0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; } .ios form input, .ios form textarea { -webkit-appearance: caret; -moz-appearance: caret; } form input[type=text], form input[type=email], form input[type=tel], form input[type=password] { height: 39px; } form textarea { height: 110px; resize: vertical; } form .remeber { overflow: hidden; padding: 5px 0; } form .remeber a { color: #Fff; } .csstransitions form input[type="checkbox"] { display: none; } form input[type="checkbox"] { display: inline-block; vertical-align: middle; margin-right: 10px; } form label { display: inline-block; position: relative;; cursor: pointer; color: #fff; color: rgba(255,255,255,0.5); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } form label span { display: inline-block; vertical-align: middle; position: relative; width: 13px; height: 13px; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.5); margin-top: -3px; margin-right: 10px; } form label span:before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; background-color: #fff; border: 1px solid #81b4a0; opacity: 0; } form input[type="checkbox"]:checked + span:before { opacity: 1; } #header { /*height: 150px;*/ } .header-item .line { position: relative; padding: 17px 30px; text-align: right; } .header-item .line:first-child { height: auto; padding: 30px 30px 31px; } .site-logo { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; } #header-logo { width: 225px; height: 60px; position: absolute; top: 50%; left: 30px; margin-top: -30px; background: url(../images/header_logo_4@2x.png); background-size: 225px 60px; } #header-slogan { line-height: 1.3; font-size: 12px; color: #969696; color: rgba(61,61,61,0.54); text-transform: uppercase; float: left; } .header-item { position: relative; } #menu-open { display: none; position: absolute; top: 40px; right: 30px; height: 24px; line-height: 1.2; font-size: 18px; font-weight: 300; color: #929292; color: rgba(255,255,255,0.5); z-index: 2; } #menu-open:hover { text-decoration: none; } #menu-open span { position: relative; display: inline-block; vertical-align: middle; margin-left: 30px; } #menu-open.active span { background-color: transparent; border-color: transparent; } #menu-open span, #menu-open span:before, #menu-open span:after { width: 24px; height: 3px; background-color: #454545; -webkit-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #menu-open span:before, #menu-open span:after { content: ""; position: absolute; left: 0; } #menu-open span:before { top: -8px; } #menu-open span:after { top: 8px; } #menu-open.active span:before, #menu-open.active span:after { top: 0; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #menu-open.active span:before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } #menu-open.active span:after { -webkit-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); } .header-menu { line-height: 0; font-size: 0; letter-spacing: -1px; text-align: right; padding-right: 15px; } .header-menu li { position: relative; display: inline-block; vertical-align: top; letter-spacing: 0; } .header-menu a { position: relative; display: block; line-height: 1.2; padding: 5px 15px; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .header-menu li:hover a, .header-menu li.current a { text-decoration: none; color: #fff !important; } #navigation { padding-top: 36px; padding-bottom: 36px; height: 100px; } #navigation a { line-height: 1; font-size: 18px; font-weight: 300; color: #919191; color: rgba(255,255,255,0.5); } #navigation a:after { content: ""; display: block; position: absolute; top: 100%; left: -1px; width: 2px; height: 4px; margin-left: 50%; margin-top: 32px; background-color: #a55198; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; } #navigation li:hover a:after, #navigation li.current a:after { left: 0; margin-left: 0; opacity: 1; width: 100%; } #submenu {} #submenu a { line-height: 40px; font-size: 12px; color: #b1b1b1; color: rgba(255,255,255,0.54); text-transform: uppercase; } #submenu a i { line-height: 1; font-size: 13px; margin-right: 10px; } #submenu a i:before { margin: 0; width: auto; } #navigation .dropdown { position: absolute; top: 100%; right: 0; width: 172px; z-index: 6; padding-top: 50px; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out; transition: opacity 300ms ease-in-out, padding-top 300ms ease-in-out, visibility 300ms ease-in-out; } #navigation li:hover .dropdown { padding-top: 36px; visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; } #navigation .dropdown ul { padding: 20px 0; } #navigation .dropdown li { display: block; } #navigation .dropdown a { font-size: 14px; color: #ebb6e3; padding: 8px 30px; } #navigation li li:hover a, #navigation li li.current a { background-color: rgba(255, 255, 255, 0.15); } #navigation .dropdown a:after { content: none; } .page-title { margin: 0 -15px; overflow: hidden; } .page-title h2, .page-title h1 { line-height: 1.2; font-weight: 300; width: 85%; padding: 6px 0; } .page-title .share-link { margin-top: 10px; } .content-slider-container { height: 350px; width: 100%; } .content-slider { position: relative; height: 100%; } .content-slider .slides-container { display: none; } .content-slider .slides-pagination { position: absolute; bottom: 26px; width: 100%; font-size: 0; line-height: 0; text-align: center; z-index: 3; } .content-slider .slides-pagination a { display: inline-block; vertical-align: top; background-color: #666; text-indent: -9999px; width: 40px; height: 7px; margin: 0 5px; outline: 0; -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } .content-slider .slides-pagination a.current { cursor: default; } .content-slider .slides-pagination a.current, .content-slider .slides-pagination a:hover { background-color: #000; } .content-slider .description { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(165, 81, 152, 0.4); padding: 10px 0 40px; color: #efefef; color: rgba(255,255,255,0.8); line-height: 1.2; text-align: center; } .content-slider .description:before { content: ""; width: 0; height: 100%; margin-left: -4px; } .content-slider .description:before, .content-slider .description .inner { display: inline-block; vertical-align: middle; } .content-slider .description .inner { width: 95%; max-width: 520px; } .content-slider .description p { margin-bottom: 15px; } .content-slider .description .title { font-size: 36px; font-weight: 300; text-transform: uppercase; color: #fff; } .content-slider .description .custom-btn { margin-top: 15px; } .content-intro { position: relative; height: 350px; background: url(../images/slide_img/slider_big_5.webp) no-repeat 50% 50%; line-height: 1.2; text-align: center; color: #efefef; color: rgba(255,255,255,0.8); } .content-intro:before, .content-intro:after { content: ""; height: 100%; } .content-intro:before { width: 0; margin-left: -4px; } .content-intro:after { position: absolute; top: 0; left: 0; width: 100%; background-color: #a55198; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; } .content-intro.content-intro_s2:after { opacity: 0.4; filter: alpha(opacity=40); -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; } .content-intro:before, .content-intro .inner { display: inline-block; vertical-align: middle; } .content-intro .inner { position: relative; width: 95%; max-width: 520px; margin-top: -15px; z-index: 2; } .content-intro p { margin-bottom: 15px; } .content-intro .title { font-size: 36px; font-weight: 300; text-transform: uppercase; color: #fff; } .block-courses { position: relative; color: #fff; text-transform: uppercase; } .block-courses .title { line-height: 1.2; font-weight: 500; color: rgba(255,255,255,0.5); margin-bottom: 20px; padding-left: 5px; } .block-with-date .row { margin: 0; } .block-with-date .description { color: #fff; text-transform: uppercase; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(165, 81, 150, 0.15); text-align: center; padding: 0 15px; } .block-courses .description { background-color: rgba(61, 61, 61, 0.7) !important; } .block-with-date .description:before { content: ""; width: 0; height: 100%; margin-left: -4px; } .block-with-date .description:before, .block-with-date .inner { display: inline-block; vertical-align: middle; } .block-with-date .inner { /*width: 90%;*/ max-width: 420px; text-align: left; } .block-with-date .date { position: relative; float: left; line-height: 0; font-size: 0; letter-spacing: -2px; white-space: nowrap; } .block-with-date .date .number { display: inline-block; vertical-align: top; line-height: 0.78; font-size: 150px; font-weight: 500; overflow: hidden; } .block-courses.block-with-date .date .number { font-size: 180px; } .block-with-date .date .number.second { height: 95px; } .block-courses.block-with-date .date .number.second { height: 115px;} .block-with-date .date .month { position: absolute; bottom: 0; right: 0; width: 50%; line-height: 1; font-size: 18px; font-weight: 500; letter-spacing: 0; text-align: center; } .block-courses.block-with-date .custom-btn { margin: 0; } .block-with-date .custom-btn { margin: 25px 0 -25px; } .block-courses .text { float: right; width: 50%; line-height: 1.3; font-size: 24px; font-weight: 300; padding-top: 2%; padding-left: 30px; padding-left: 7.15%; } .block-courses .text p { margin-bottom: 10px; } .text-block { padding-bottom: 60px; } .text-block.bg-4 { color: #aaa; color: rgba(255,255,255,0.5); } .text-block.bg-4 .title { color: #fff; } .text-block .text { margin-top: 22px; } .text-block .text p { font-weight: 300; margin-bottom: 10px; } .text-block .more-link { position: absolute; bottom: 35px; } .block-courses_info { overflow: hidden; color: #fff; } .block-courses_info .date { float: left; width: 140px; height: 100px; border: 2px solid #707070; line-height: 1; font-size: 13px; font-weight: 500; text-align: center; text-transform: uppercase; color: rgba(255,255,255,0.5); } .block-courses_info .date p:first-child { line-height: 0.8; font-size: 60px; color: #fff; margin: 15px 0 13px; } .block-courses_info .text p { line-height: 1.2; margin: 15px 0; } .block-courses_info .text { position: relative; height: 100%; margin-left: 195px; padding-bottom: 59px; } .block-courses_info .title { color: #c5c5c5; font-weight: 300; margin-top: -2px; margin-bottom: 17px; } .block-courses_info .title span { color: #fff; font-weight: 500; } .block-courses_info .text p span { display: block; font-weight: 700; } .block-courses_info .custom-btn { position: absolute; bottom: 0; left: 0; } .block-courses_details {} .block-courses_details .title { margin-top: -2px; margin-bottom: 20px; } .block-courses_details.bg-4 .title { color: #fff; } .block-courses_details_full .title { margin-bottom: 30px; } .block-courses_details p { font-weight: 300; margin: 20px 0; } .block-courses_details p:last-child { margin-bottom: 0; } .block-courses_details .time { line-height: 0.85; font-size: 48px; font-weight: 500; color: #303030; } .block-courses_details.bg-4 .time { color: #fff; } .block-courses_details .time sup { font-size: 18px; color: #303030; top: -1.3em; margin-left: 3px; } .block-courses_details.bg-4 .time sup { color: #555; } .block-courses_details .address { position: relative; width: 100%; max-width: 285px; line-height: 1.2; font-size: 13px; font-weight: 400; color: #999; color: rgba(0,0,0,0.4); padding-left: 45px; margin: 20px 0 30px; } .block-courses_details.bg-4 .address { color: #838383; color: rgba(255,255,255,0.4); } .block-courses_details .address i { float: left; line-height: 1; font-size: 32px; margin-left: -45px; } .block-courses_details .address i:before { width: auto; margin: 0; } .block-courses_details .address span { display: inline-block; padding-top: 5px; } .block-courses_details .custom-btn { margin-top: 25px; margin-bottom: 15px; } .block-courses_details .address + .custom-btn { margin-top: 20px; margin-bottom: 0; } .block-courses_details_full .custom-btn { margin-top: 5px; } .column-description { line-height: 1.2; font-size: 13px; color: #aaa; color: rgba(255,255,255,0.5); text-transform: none; min-height: 300px; } .column-description h5 { line-height: 1.2; font-weight: 700; color: #fff; margin-top: -5px; margin-bottom: 20px !important; } .column-description p { margin: 20px 0 !important; font-weight: 400; } .column-description a.more-link { position: absolute; bottom: 35px; } .column-description a.stat-link { position: absolute; bottom: 38px; } .post-item .column-description { min-height: 1px; } .post-item .column-description a.more-link { position: relative; bottom: auto; margin-top: 5px; } .video-block { min-height: 300px; color: #fff; } .video-block .video { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; } .video-btn { position: absolute; top: 50%; left: 50%; width: 130px; height: 130px; margin-left: -65px; margin-top: -65px; border: 1px solid #d0d0d0; line-height: 1; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; color: #fff; -webkit-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out; transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out; } .video-btn:hover { background-color: #a55198; border-color: #a55198; text-decoration: none; } .video-btn:before { content: ""; display: block; margin: 43px auto 20px; width: 0; height: 0; border-style: solid; border-width: 14px 0 14px 14px; border-color: transparent transparent transparent #fff; } .info-container {} .info-item { min-height: 300px; line-height: 1.4; font-weight: 300; color: #fff; } .info-item h1, .info-item h2.h1 { color: #fff; line-height: 1.17; margin-bottom: 23px; } .info-item h3 { position: relative; line-height: 50px; color: inherit; padding-left: 70px; margin-top: -5px; margin-bottom: 17px; } .info-item h3[class^="icon-"], .info-item h3[class*=" icon-"] { line-height: 1.2; height: 50px; } .info-item h3:before { position: absolute; left: 0; font-size: 50px; width: auto; margin: 0; } .info-item h3:after { content: ""; width: 0; height: 100%; margin-right: -4px; } .info-item h3:after, .info-item h3 span { display: inline-block; vertical-align: middle; } .info-item p { margin-bottom: 20px; opacity: 0.8; filter: alpha(opacity=80); } .info-item .more-link { position: absolute; bottom: 40px; } .info-form .row { margin-left: -15px; margin-right: -15px; } .info-form [class*=" col-"], .info-form [class^="col-"] { padding-left: 15px; padding-right: 15px; } .info-form p { margin-bottom: 15px; opacity: 0.5; filter: alpha(opacity=50); } .info-form p.remeber { opacity: 1; filter: alpha(opacity=100); } .info-form input, .info-form textarea { color: rgba(255,255,255,0.5); border-color: currentColor; margin-bottom: 15px; } .info-form input:hover, .info-form input:focus, .info-form textarea:hover, .info-form textarea:focus { color: #000; background-color: #fff; border-color: #fff; } .info-form button[type="submit"] { background-color: #fff; border-color: #d0d0d0; width: 100%; max-width: 210px; height: 50px; margin-top: 20px; line-height: 22px; font-weight: 500; text-transform: uppercase; -webkit-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; transition: color 300ms ease-in-out, border-color 300ms ease-in-out, background-color 300ms ease-in-out; } .info-form button[type="submit"].small { max-width: 140px; } .info-form button[type="submit"]:hover { color: rgba(255,255,255,0.5); border-color: CurrentColor; background-color: transparent; } .info-form button[type="submit"] i { display: inline-block; vertical-align: top; font-size: 22px; margin-right: 10px; } .info-form button[type="submit"] i:before { margin: 0; width: auto; } .info-form .form-message { position: absolute; top: 100%; left: 0; right: 0; min-height: 78px; padding-top: 10px; padding-bottom: 10px; z-index: 10; } .P30 .info-form .form-message { margin: 30px -30px 0; padding: 10px 30px; } .info-form .form-message p { line-height: 1.2; font-size: 14px; color: #fff; margin-bottom: 0; opacity: 1; filter: alpha(opacity=100); } .info-form .form-message .success { font-size: 18px; padding: 16px 0; display: none; } .info-form .form-message .success i { line-height: 1; font-size: 25px; display: inline-block; vertical-align: -2px; margin-right: 10px; } .info-form .form-message .success i:before { margin: 0; } .info-form .form-message .error { padding: 13px 0; } .info-form .form-message p span { display: block; } .post-item {} .post-item h2, .post-item h5, .post-item p { margin-bottom: 20px; } .post-item h5 { text-transform: none; } .post-item .row h5, .post-item p { margin-top: 20px; } .post-item h2 img { float: left; margin: -10px 30px 0 0; } .post-item .row p:last-child { margin-bottom: 0; } .post-item p + ul { margin-top: 40px; } .post-item ul { margin: 20px 0 5px; } .post-item .row { margin-left: -15px; margin-right: -15px; } .post-item .row [class*=" col-"], .post-item .row [class^="col-"] { padding-left: 15px; padding-right: 15px; } #footer { line-height: 1.2; font-size: 13px; color: rgba(255,255,255,0.5); } #footer-logo { width: 173px; height: 36px; background: url(../images/footer_logo@2x.png); background-size: 173px 36px; margin-bottom: 10px; } #footer-slogan { font-weight: 300; text-transform: uppercase; color: rgba(255,255,255,0.3); } .footer-item { height: 200px; } .footer-item h5 { font-weight: 700; color: #fff; margin-bottom: 17px; } .footer-item h5 small { display: block; } .footer-item_subscribe h5 { color: #000000; } .footer-item p { margin-bottom: 15px; } .footer-item .el-bottom { position: absolute; bottom: 25px; margin: 0; } .footer-item a { color: inherit; } #footer-form { padding-top: 5px; margin-bottom: 15px; } #footer-form p { color: #898989; color: rgba(111,111,111,0.8); margin-bottom: 17px; } #footer-form input { font-size: 14px; padding-right: 60px; } #footer-form input, #footer-form button[type="submit"] { background: #fff; } #footer-form button[type="submit"] { position: absolute; bottom: 0; right: 0; height: 39px; width: 40px; padding: 0; line-height: 1; font-size: 18px; color: #e0e0e0; text-align: center; -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #footer-form button[type="submit"] i.arrow { display: inline-block; vertical-align: middle; position: relative; width: 12px; height: 20px; margin-left: 5px; } #footer-form button[type="submit"] i.arrow:before, #footer-form button[type="submit"] i.arrow:after { content: ''; position: absolute; top: 50%; right: 0; width: 3px; height: 60%; background: #e0e0e0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; /* for FF */ } #footer-form button[type="submit"] i.arrow:before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } #footer-form button[type="submit"] i.arrow:after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } #footer-form button[type="submit"]:hover i.arrow:before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } #footer-form button[type="submit"]:hover i.arrow:after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } #footer-form + p { line-height: 1.3; font-size: 12px; color: rgba(85,85,85,0.5); } .g_map { position: relative; height: 350px; } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { margin-bottom: 15px; } .typography p { font-weight: 300; margin: 20px 0; } .typography p:last-child { margin-bottom: 0; } #mobile-menu-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(48,48,48,0.98); padding: 100px 30px; z-index: 20; } #header-logo_2 { width: 225px; height: 60px; position: absolute; top: 20px; left: 30px; background: url(../images/header_logo_1_1@2x.png); background-size: 225px 60px; } #mobile-navigation { text-align: right; height: 100%; } #mobile-navigation:before { content: ""; width: 0; height: 100%; } #mobile-navigation:before, #mobile-navigation ul { display: inline-block; vertical-align: middle; } #mobile-navigation ul { -webkit-transform: translateX(120%); -ms-transform: translateX(120%); -o-transform: translateX(120%); transform: translateX(120%); -webkit-transition: -webkit-transform 300ms ease-in-out; -o-transition: -o-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; } #mobile-navigation ul.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } #mobile-navigation a { position: relative; display: inline-block; line-height: 1; font-size: 36px; font-weight: 300; color: #fff; padding: 10px 0; -webkit-transition: font-size 400ms; -o-transition: font-size 400ms; transition: font-size 400ms; } #mobile-navigation a:hover { text-decoration: none; } #mobile-navigation a:after { content: ""; display: block; position: absolute; top: 100%; left: -1px; width: 2px; height: 4px; margin-left: 50%; margin-top: 0; background-color: #a55198; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -moz-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -o-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; -ms-transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; transition: opacity 0.5s ease 0s, width 0.5s ease 0s, margin-left 0.5s ease 0s, left 0.5s ease 0s; } #mobile-navigation li { margin-top: 5px; } #mobile-navigation li:first-child { margin-top: 0; } #mobile-navigation li:hover a:after, #mobile-navigation li.current a:after { left: 0; margin-left: 0; opacity: 1; width: 100%; } #mobile-navigation .dropdown { display: none; } #mobile-navigation .dropdown ul { display: block; padding: 20px 0 5px; } #mobile-navigation .dropdown a { font-size: 16px; padding: 4px 0; color: rgba(255,255,255,0.4); -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #mobile-navigation .dropdown a:after { content: none; } #mobile-navigation .dropdown li:hover a, #mobile-navigation .dropdown li.current a { color: #fff; } #mobile-submenu { position: absolute; bottom: 0; left: 30px; right: 30px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 18px; min-height: 100px; text-align: right; } #mobile-submenu ul{} #mobile-submenu li { display: inline-block; vertical-align: top; margin-top: 10px; } #mobile-submenu a { font-size: 12px; color: #b1b1b1; color: rgba(255,255,255,0.54); text-transform: uppercase; padding: 5px 15px; -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #mobile-submenu li:hover a, #mobile-submenu li.current a { text-decoration: none; color: #fff !important; } #mobile-submenu a:hover { text-decoration: none; } #mobile-submenu a i { line-height: 1; font-size: 13px; margin-right: 10px; } #menu-close { position: absolute; top: 40px; right: 30px; height: 24px; line-height: 1.2; font-size: 18px; font-weight: 300; color: #929292; color: rgba(255,255,255,0.5); -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; } #menu-close:hover { color: #fff; text-decoration: none; } /* 4. Theme: responsive.css */ @media only screen and (max-width:1199px) { .header-menu { padding-right: 10px; } .header-menu a { padding: 5px 10px; } .P30 { padding: 25px 20px; } .P30 .info-form .form-message { margin: 25px -20px 0; padding: 10px 20px; } .block-courses_details .address { padding-left: 40px; } .block-courses_details .address i { margin-left: -40px; } .block-courses_info .text { margin-left: 170px; } .col-md-9 .text-block .more-link { position: relative; bottom: auto; margin-top: 10px; } .col-md-6 .block-courses.block-with-date .date .number { font-size: 160px; } .col-md-6 .block-courses.block-with-date .date .number.second { height: 100px; } .col-md-6 .block-courses .text { line-height: 1.2; font-size: 20px; } .col-md-9 > .corner:before, .col-md-6 .block-with-date .col-xs-12 > .corner:before { top: 100%; left: 25px; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .col-md-9 > .bg-4 .corner:before, .col-md-9 > .bg-4.corner:before, .col-md-9 > [class*=" bg-"] .bg-4.corner:before, .col-md-9 > [class^="bg-"] .bg-4.corner:before, .col-md-6 .block-with-date .col-xs-12 > .bg-4 .corner:before, .col-md-6 .block-with-date .col-xs-12 > .bg-4.corner:before, .col-md-6 .block-with-date .col-xs-12 > [class*=" bg-"] .bg-4.corner:before, .col-md-6 .block-with-date .col-xs-12 > [class^="bg-"] .bg-4.corner:before { border-left-color: transparent; border-top-color: #303030; } .col-md-6 .block-with-date .column-description { min-height: 1px; } .col-md-6 .block-with-date .column-description a.more-link { position: relative; bottom: auto; margin-top: 5px; } } @media only screen and (max-width:991px) { .header-menu { padding-right: 15px; } .header-menu a { padding: 5px 15px; } .info-item { min-height: 1px; } .info-item .more-link { position: relative; bottom: auto; margin-top: 10px; } .text-block .more-link { position: relative; bottom: auto; margin-top: 10px; } .col-md-6 > .corner:before, .col-sm-9 > .corner:before { top: 100%; left: 25px; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .col-md-6 > .bg-0 .corner:before, .col-md-6 > .bg-0.corner:before, .col-md-6 > [class*=" bg-"] .bg-0.corner:before, .col-md-6 > [class^="bg-"] .bg-0.corner:before { border-left-color: transparent; border-top-color: #fff; } .col-md-6 > .bg-7 .corner:before, .col-md-6 > .bg-7.corner:before, .col-md-6 > [class*=" bg-"] .bg-7.corner:before, .col-md-6 > [class^="bg-"] .bg-7.corner:before { border-left-color: transparent; border-top-color: #a55198; } } @media only screen and (max-width:767px) { #navigation ul, #submenu { display: none; } #menu-open { display: block; } .column-description { min-height: 1px; } .column-description a.more-link, .column-description a.stat-link { position: relative; bottom: auto; } .col-sm-3 > .corner:before, .col-sm-4 > .corner:before { top: 100%; left: 25px; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .col-sm-3 > .bg-2 .corner:before, .col-sm-3 > .bg-2.corner:before, .col-sm-3 > [class*=" bg-"] .bg-2.corner:before, .col-sm-3 > [class^="bg-"] .bg-2.corner:before, .col-sm-4 > .bg-2 .corner:before, .col-sm-4 > .bg-2.corner:before, .col-sm-4 > [class*=" bg-"] .bg-2.corner:before, .col-sm-4 > [class^="bg-"] .bg-2.corner:before { border-left-color: transparent; border-top-color: #555; } .col-sm-3 > .bg-4 .corner:before, .col-sm-3 > .bg-4.corner:before, .col-sm-3 > [class*=" bg-"] .bg-4.corner:before, .col-sm-3 > [class^="bg-"] .bg-4.corner:before { border-left-color: transparent; border-top-color: #303030; } .video-block .video { height: 300px; } } @media only screen and (max-width:650px) { #mobile-navigation a { font-size: 30px; } } @media only screen and (max-width:560px) { .page-title h2, .page-title h1 { width: 100%; } .page-title .share-link { float: none; } } @media only screen and (max-width:500px) { .block-courses_info .date { float: none; margin-bottom: 25px; } .block-courses_info .text { margin-left: 0; } .content-slider .description p { margin-bottom: 10px; } .content-slider .description .title { font-size: 30px; } .content-slider .description .custom-btn { margin-top: 5px; } } @media only screen and (max-width:480px) { .block-courses .text { padding-left: 15px; } } @media only screen and (max-width:460px) { #header-logo { width: 60px; } } @media only screen and (max-width:450px) { .block-with-date img { height: 350px; } .block-with-date .inner { text-align: center; } .block-courses .title { margin-bottom: 10px; } .block-with-date .date { float: none; display: inline-block; vertical-align: top; } .block-courses.block-with-date .date { margin-bottom: 20px; } .block-with-date .date .number { font-size: 140px !important; } .block-with-date .date .number.second { height: 87px !important; } .block-with-date .date + div { float: none; width: 90%; margin-left: auto; margin-right: auto; padding-left: 0; padding-top: 0; } } @media only screen and (max-width:400px) { #header-logo_2 { width: 60px; } #header-slogan { float: none; text-align: left; } .social-btn { text-align: left; padding-top: 15px; } #mobile-navigation a { font-size: 25px; padding: 5px 0; } #mobile-navigation a:after { height: 2px; } #mobile-navigation .dropdown ul { padding: 10px 0 5px; } #mobile-submenu a { padding: 5px 10px; } h1, .h1 { font-size: 28px; } form .remeber > span { float: none; display: block; margin-top: 15px; } .content-slider .description { padding-bottom: 10px; } .content-slider .description .title { font-size: 25px; } } @media only screen and (max-width:360px) { .team-img-container { width: 100%; } .block-with-date .date .number { font-size: 130px !important; } .block-with-date .date .number.second { height: 77px !important; } } /* 5. Colour variant: color_4.css (blue), loaded last on the live site */ a, .base-text-color, .custom-btn.colored, .more-link.colored, .share-link:hover { color: var(--primary); } .base-bg-color, .bg-7, .custom-btn.colored:hover, .video-btn:hover, #navigation a:after, .content-intro:after, .more-link.colored i.arrow:before, .more-link.colored i.arrow:after { background-color: var(--primary); } .base-border-color, .video-btn:hover, .custom-btn.colored:hover { border-color: var(--primary); } .bg-5 { background-color: var(--primary-light); } .bg-6 { background-color: var(--primary-mid); } .bg-7 .corner:before, .bg-7.corner:before, [class*=" bg-"] .bg-7.corner:before, [class^="bg-"] .bg-7.corner:before { border-left-color: var(--primary); } .content-slider .description { background-color: rgba(53, 105, 165, 0.4); } .block-with-date .description { background-color: rgba(53, 105, 165, 0.15); } @media only screen and (max-width:991px) { .col-md-6 > .bg-7 .corner:before, .col-md-6 > .bg-7.corner:before, .col-md-6 > [class*=" bg-"] .bg-7.corner:before, .col-md-6 > [class^="bg-"] .bg-7.corner:before { border-left-color: transparent; border-top-color: var(--primary); } } /* ========================================================================== 6. REBUILD LAYER Replaces what the original did with jQuery plugins (superslides, nicescroll, matchHeight, fadeIn/slideDown) and the browser quirks of the old theme. ========================================================================== */ body { background-color: var(--page); } /* Slider (was superslides, fade mode, 8000 ms autoplay, 1000 ms fade) */ .content-slider { overflow: hidden; width: 100%; } .content-slider .slides-container { display: block; position: relative; height: 100%; margin: 0; padding: 0; list-style: none; } .content-slider .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; visibility: hidden; z-index: 0; transition: opacity 1000ms ease; } .content-slider .slide.is-active { opacity: 1; visibility: visible; z-index: 2; } .content-slider .slide.is-leaving { opacity: 1; visibility: visible; z-index: 1; transition: none; } .content-slider .slide > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 50%; z-index: -1; } /* Mobile menu (was jQuery fadeIn / fadeOut, 300 ms) */ #mobile-menu-container { opacity: 0; transition: opacity 300ms ease; } #mobile-menu-container.is-open { opacity: 1; } #header-logo.is-hidden { display: none; } /* Inputs showed their label as the value; native placeholders look the same */ form input::placeholder { color: inherit; opacity: 1; } /* Keyboard focus (the original had none) */ a:focus-visible, button:focus-visible, form input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; box-shadow: 0 0 0 5px #fff; } @media (prefers-reduced-motion: reduce) { *, *:before, *:after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } /* Google Maps embed of the original (campus_locations.html). Other sites cannot be embedded here, so the map is a link that looks like an empty map tile. */ .map-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 500px; padding: 30px; background-color: #e5e3df; text-align: center; line-height: 1.4; font-size: 16px; color: #555; } .map-fallback:hover { text-decoration: none; color: #303030; } .map-fallback strong { display: block; font-size: 20px; font-weight: 500; margin-bottom: 6px; color: #303030; } .map-fallback span { display: inline-block; margin-top: 14px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: var(--primary); } /* The corner triangle of a right-hand column pokes out of the phone viewport and made about.html scroll sideways (on the live site too). Clip it on small screens only. */ @media (max-width: 767px) { #main { overflow-x: clip; } } /* Platzhalter statt abgelaufener Kurstermine ("Termin auf Anfrage") */ .block-with-date .date.date-tbd { float: none; display: block; line-height: 1.05; font-size: clamp(26px, 3.2vw, 38px); font-weight: 500; letter-spacing: 0; white-space: normal; } /* Rechtliches im Footer, Formular-Hinweis */ .footer-links { list-style: none; margin: 0 0 20px; padding: 0; } .footer-links li { margin: 0 0 6px; } .footer-item_subscribe .footer-links a { color: #3d3d3d; text-decoration: underline; } .footer-item_subscribe p.el-bottom { color: #6b6b6b; } .footer-links a:hover { text-decoration: none; } .form-hint { font-size: 12px; line-height: 1.4; margin: 14px 0 0; opacity: .85; } .form-hint a { color: inherit; text-decoration: underline; } .post-item h2.title[id] { scroll-margin-top: 20px; } .info-item .form-hint { color: #fff; opacity: .9; } /* SEO: Bildgroessen (width/height) reservieren Platz, Hoehe bleibt proportional */ :where(img[width][height]) { height: auto; } .related-links { margin: 25px 0 5px; } .related-links a { text-decoration: underline; } /* Aufzaehlungen ohne Scheinlinks: dezente Markierung in der Markenfarbe */ .block-courses_details_full ul, .post-item ul, .text-block ul { list-style: none; padding-left: 0; } .block-courses_details_full ul li, .post-item ul li, .text-block ul li { position: relative; padding-left: 16px; margin-bottom: 6px; } .block-courses_details_full ul li:before, .post-item ul li:before, .text-block ul li:before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; background: #a55198; } .text-block ul { margin: 12px 0 14px; } .text-block .text a { text-decoration: underline; } /* Formulare: Honeypot gegen Spam-Bots (fuer Menschen unsichtbar) und Statusmeldung im Formular */ .hp-field { position: absolute !important; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .info-form .form-status { margin: 14px 0 0; font-size: 15px; line-height: 1.35; color: #fff; opacity: 1; filter: none; font-weight: 500; } .info-form .form-status.is-error { background: rgba(0,0,0,.28); padding: 8px 10px; } .info-form .form-status a { color: inherit; text-decoration: underline; } .info-form .form-message .error a { color: inherit; text-decoration: underline; } .info-form button[type="submit"][disabled] { opacity: .6; cursor: default; } /* Kontaktformular: Statusmeldung im Fluss statt als Overlay (verdeckt sonst den folgenden Block) */ #contact_form .form-message { position: static; margin: 22px -30px -30px; min-height: 0; }