#loginheader{ width: 100%; height: auto; max-height: 500px; overflow: hidden; text-shadow: 1px 1px 2px rgb(00,00,00,0.9); background: linear-gradient(rgba(00, 00, 00, 0.1), rgba(00, 00, 00, 0.1)), url(../../images/start-ball-spieler.jpg) center; background-size: cover; } #loginheader h1{ padding: 220px 0px 60px 0px; font-family: Raleway, Arial, Helvetica; font-size: 80px; text-shadow: 2px 2px 2px rgba(0,0,0,1); } #c2 p{ column-width: 50%; column-count: 2; column-gap: 50px; text-align: justify; } /* DESKTOP */ #c3desktop{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #c3c3c3 25%, #c3c3c3 75%, #ffffff 75%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 25%,#c3c3c3 25%,#c3c3c3 75%,#ffffff 75%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 25%,#c3c3c3 25%,#c3c3c3 75%,#ffffff 75%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ffffff",GradientType=0 ); /* IE6-9 */ } .c3_1_center, .c3_1_right{ padding: 20px; border-top: 1px solid rgb(0,160,153,1); border-left: 1px solid rgb(0,160,153,1); border-right: 1px solid rgb(0,160,153,1); color: rgb(0,160,153,1); margin-bottom: 10px; } .c3mobiltop1{ padding: 20px; border-top: 1px solid rgb(0,160,153,1); border-left: 1px solid rgb(0,160,153,1); border-right: 1px solid rgb(0,160,153,1); color: rgb(0,160,153,1); margin-bottom: 10px; } .c3_2_center, .c3_2_right{ padding: 8px 20px 8px 20px; background: #333333; } .c3_center_all, .c3_right_all{ width: 24%; text-align: center; display: flex; flex-direction: column; justify-content:center; } .c3_13 a{ width: 24%; margin-right: 1%; text-align: center; margin-top: 0.5%; } .c3_13 a:hover .c3_13_center, .c3_13 a:hover .c3_13_right{background: #333333!important;} .c3_13 a:hover{opacity: 1} .c3_center_all{ margin-right: 1%; } .c3_left_all{ width: 49%; margin-right: 1%; display: flex; flex-direction: column; justify-content:center; } .grey{ background-color: #eeeeee; margin-top: 0.5%; padding: 10px 20px; } .fa-check{color: green;} .fa-times{color: red;} .c3_13_center, .c3_13_right{ padding: 5px 20px; background: rgb(0,160,153,1); } #verwaltenbutton{ padding: 15px 10px; border: 1px solid #333; text-align: center; width: 49%; margin-left: 50%; max-width: 100%; text-transform: uppercase; display: inline-block; } #verwaltenbutton:hover{ border: 1px solid #333; background: #333; color: #FFF; opacity: 1; } .verwalten a:hover{ opacity: 1; } /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 768px) { .c3_center_all{ margin-right: 1%; } .c3_left_all{ width: 69%; margin-right: 1%; display: flex; flex-direction: column; justify-content:center; } .c3_1_center, .c3_1_right{ padding: 20px; background: rgb(0,160,153,1); } .c3_2_center, .c3_2_right{ padding: 8px 20px 8px 20px; background: #333333; } .c3_center_all, .c3_right_all{ width: 19%; text-align: center; display: flex; flex-direction: column; justify-content:center; } #verwaltenbutton{ padding: 15px 10px; text-align: center; width: 60%; margin-left: 20%; max-width: 100%; text-transform: uppercase; display: inline-block; margin-top: 60px; } } /* -------- MEDIA QUERIES ENDE -------- */ /* DESKTOP ENDE */ .c5top{ width: 100%; border-bottom: 1px solid #333; } .c5left{ text-align: left; float: left; } .c5right{ text-align: right; float: right; } .c5left, .c5right{ padding: 10px 20px; } .c5 i{ font-size: 23px;} .c5bottom{width: 100%;} .c5bottom .c5left{display: none;} .test{ transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; } /* === c3mobil ===*/ #c3mobil{ text-align: center; display: none; } #c3mobil a{ opacity: 1; } .c3mobiltop1{ padding: 15px 5px; } .c3mobiltop2{ background: #333333; padding: 10px 5px; } .c3mobilschalten{ padding: 10px 5px; margin-top: 0.5%; } #premiumci{ margin-top:50px; } /* === c3mobil ENDE ===*/ /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 988px) {} @media screen and (max-width: 768px) { #c3mobil{display: block;} #c3desktop{display: none;} } @media screen and (max-width: 624px) {} @media screen and (max-width: 480px) {} /* -------- MEDIA QUERIES ENDE -------- */ /* Beisiele */ #beispielanzeige{ background: #333; text-align: center; } .beispielh1{ padding: 15px 0px 10px 0px; border-top: 1px solid rgb(0,160,153,1); border-left: 1px solid rgb(0,160,153,1); border-right: 1px solid rgb(0,160,153,1); margin-bottom: 10px; } .beispiel{ width: 30%; padding: 50px 0px; } #beispielleft{ margin-right: 5%; } #beispielcenter{ margin-right: 5%; } .beispiel img{ width: 100%; } .beispiel a:hover .beispielh1{ background: rgb(0,160,153,1); padding: 15px 0px 20px 0px; margin-bottom: 0px; } .beispiel a:hover{ opacity: 1; } /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 988px) {} @media screen and (max-width: 768px) { #c3mobil{display: block;} #c3desktop{display: none;} .beispiel{ width: 100%; margin-left:0%; padding: 20px 0px; } #beispielleft{ margin-right: 0%; } #beispielcenter{ margin-right: 0%; } #beispielanzeige{ padding: 30px 0px; } } @media screen and (max-width: 624px) {} @media screen and (max-width: 480px) {} /* -------- MEDIA QUERIES ENDE -------- */ /* Beisiele ENDE*/ /* === Login Button ===*/ #button_login_2{ position: fixed; top: 400px; right: 0px; z-index: 99; } .button_login_2{ width: auto; height: auto; background: rgb(00,00,00,0.7) ; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); padding: 4px 3px 4px 10px; margin-bottom: 10px; font-size: 11px; } .socialmedia_facebook_button, .socialmedia_twitter_button, .socialmedia_instagram_button, .socialmedia_youtube_button, .button_login_2{ position: fixed; right: 0px; z-index: 99; background: rgb(00,00,00,0.5); padding: 4px 8px 4px 5px; font-size: 16px; min-width: 30px; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3); } .socialmedia_facebook_button{top: 250px;} .socialmedia_twitter_button{top: 280px;} .socialmedia_instagram_button{top: 310px;} .socialmedia_youtube_button{top: 340px;} #socialmedia_buttons a{opacity: 1;} .socialmedia_facebook_button:hover, .socialmedia_twitter_button:hover, .socialmedia_instagram_button:hover, .socialmedia_youtube_button:hover{ min-width: 50px; background: rgb(00,00,00,0.7); } .button_login_2{ font-size: 9px!important; font-weight: 600; padding: 4px 7px 4px 8px!important; letter-spacing: 1px; text-transform: uppercase; } #faq-container{ font-family: Raleway, Arial, Helvetica!important; margin-bottom: 60px; } * {-webkit-tap-highlight-color: transparent;} p {margin: 0;} a { color: inherit; background-color: transparent; } a:focus {outline: dotted thin;} a:active, a:hover {outline: 0;} .faq_headline { font-size: 25px!important; margin-bottom: 50px!important; font-family: Raleway, Arial, Helvetica!important; } strong {font-weight: 700;} ol { margin: 0; padding: 0; } input { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; line-height: normal; } input[type=checkbox] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; width: 13px; cursor: pointer; } input::-moz-focus-inner { border: 0; padding: 0; } .oshc-copy p {margin: 0 0 15px;} /*! CSS Used from: Embedded */ .faq_01 {padding: 20px;} .faq_03 { width: 100%; max-width: 75rem; margin-right: auto; margin-left: auto; box-sizing: border-box; } .optly_tab { position: relative; text-size-adjust: 100%; color: rgb(68, 68, 68); font-weight: 400; line-height: 1.43; border-bottom: 2px solid rgba(0, 0, 0, 0.1); text-align: left; } .optly_tab input {display: none;} .optly_tab label { text-size-adjust: 100%; font-size: 100%; line-height: 1.15; margin: 0px; overflow: visible; text-transform: none; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; color: inherit; display: block; width: 100%; text-align: inherit; cursor: pointer; border-width: initial; border-style: none; border-color: initial; border-image: initial; background: transparent; padding: 20px 25px; font-family: Raleway, Arial, Helvetica!important; } .optly_tab label::after { position: absolute; right: 10px; top: 10px; display: block; transition: all 0.4s; } .optly_tab label i{float: right;} .optly_tab input:checked+label>i { transform: rotate(270deg); color: #333; } .optly_tab input[type=checkbox]:checked+label::after {transform: rotate(90deg);} .optly_tab-content { overflow: hidden; transition: max-height 0.4s; max-height: 0; text-size-adjust: 100%; color: rgb(68, 68, 68); font-weight: 400; line-height: 1.43; line-height: 22px; background: #f1f1f1; } .optly_tab-content p { padding: 25px 25px; } .optly_tab-content ol { padding-left: 40px; padding-bottom: 30px; list-style: decimal !important; } .optly_tab input:checked~.optly_tab-content {max-height: 100vh;} #ng-app>div:nth-child(6)>div:nth-child(10) { background: #fff !important; padding: 60px 0px; } .faq_02 { margin: 0px; font-size: 2.25rem; font-weight: 300; letter-spacing: -1px; line-height: 1.333; } .faq_04 { width: 1em; height: 1em; position: relative; font-style: normal; font-weight: normal; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; vertical-align: middle; font-size: 16px; color: rgb(0,160,153,1); display: inline-block; transform: rotate(90deg); } .faq_04::after { position: absolute; top: 0px; left: 0px; font-family: nibdings; text-rendering: auto; -webkit-font-smoothing: antialiased; vertical-align: middle; content: ""; } .faq_06 {transition: transform 300ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s;} .faq_05 {text-align: center;} /* ---------- MEDIA QUERIES ---------- */ @media screen and (max-width: 988px) {} @media screen and (max-width: 768px) { #loginheader h1{font-size: 50px;} #c2 p{ column-width: 100%; column-count: 1; column-gap: 0px; text-align: justify; } #c2 h2{ text-align: center; } .optly_tab label { padding: 18px 20px 18px 20px!important; } .optly_tab label i { margin-right: -18px; } } @media screen and (max-width: 480px) { .optly_tab label { padding: 10px 20px 10px 12px!important; } #verwaltenbutton { width: 100%; margin-left: 0; } } /* -------- MEDIA QUERIES ENDE -------- */ /*! CSS Used fontfaces */ @font-face { font-family: nibdings; font-weight: 400; font-style: normal; src: url(https://www.nib.com.au/overseas-students/Content/content/styles/build/nib-styles/v2-icons/2.6.2/dist/fonts/nibdings.eot); src: url(https://www.nib.com.au/overseas-students/Content/content/styles/build/nib-styles/v2-icons/2.6.2/dist/fonts/nibdings.eot#iefix) format("eot"), url(https://www.nib.com.au/overseas-students/Content/content/styles/build/nib-styles/v2-icons/2.6.2/dist/fonts/nibdings.woff) format("woff"), url(https://www.nib.com.au/overseas-students/Content/content/styles/build/nib-styles/v2-icons/2.6.2/dist/fonts/nibdings.ttf) format("truetype"), url(https://www.nib.com.au/overseas-students/Content/content/styles/build/nib-styles/v2-icons/2.6.2/dist/fonts/nibdings.svg#nibdings) format("svg"); }