@charset "utf-8";
@font-face {
    font-family: 'vodafone_ltregular';
    src: url('../fonts/vodafonelt-webfont.woff2') format('woff2'),
         url('../fonts/vodafonelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgregular';
    src: url('../fonts/vodafonerg-webfont.woff2') format('woff2'),
         url('../fonts/vodafonerg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vodafone_rgbold';
    src: url('../fonts/vodafonergbd-webfont.woff2') format('woff2'),
         url('../fonts/vodafonergbd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display: block;}
audio,canvas,video {display: inline-block;*display: inline;	*zoom: 1;}
audio:not([controls]) {display: none;}
html, body {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin:0;font-family:'vodafone_rgregular',arial;font-size:18px;line-height:100%;height:100%;color:#575756;}
ul {list-style:none;padding:0;margin:0;}
a {color:rgb(206, 47, 92);text-decoration:none;display:block;}
p {margin:0 0 20px 0;}
h1 {font-size: 24px;font-family: 'vodafone_rgbold';color:#de2226;}
header h2 {color:#fff;float: left;margin: 20px 0 0 50px;font-size: 24px;line-height: 38px;}
h2 {font-size: 24px;line-height: 38px;margin:0 0 20px;}
h3 {font-size: 20px;}
h3:nth-child(2) {font-size: 16px;}
*:focus {
    outline: none;
}
* { box-sizing:border-box;}
*:after, *:before {font-family:'FontAwesome';}
.container {max-width:100%;width:960px;margin:0px auto;padding:0 20px;box-sizing: border-box;}
#content{border-radius: 10px;max-width:auto;margin:120px auto auto;overflow: hidden;}
input[type=checkbox] {visibility: hidden;}
.checklist-item {position:relative;margin:0 0 20px;}
input[type="checkbox"]+label {padding: 0;cursor:pointer;display: inline-block;width: calc(100% - 60px);margin: 0 0 10px 20px;}
input[type="checkbox"]+label:before {content:' ';background:rgba(255, 255, 255, 1)!important;border-radius:5px;width:20px;height:20px;border:2px solid #d70000;margin:0 5px 0 0;position: absolute;left: 0;top:0;}
input[type="checkbox"]:checked+label:after {content: "\f00c";position: absolute;left: 0;font-size: 34px;top: -2px;color: #3dc53d;}
label:before {position:relative;top:-3px;}
div.new {display: inline-block;}
button, input[type=button], div.new {margin:0 0  20px;font-family:'open_sansregular', Arial, Helvetica, sans-serif;background: #d70000;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #D08500;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;color:#fff;font-size:18px;cursor:pointer;    padding: 10px 20px;}
button:hover, input[type=button]:hover, div.new:hover {background:#e58000;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;}
select {width:100%;border: 1px solid #d70000;padding: 10px;border-radius: 5px;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;}
div.select {position:relative;}
div.select:after {content: '\f0d7';position: absolute;top: 50%;transform: translateY(-50%);right: 15px;color: #d70000;font-size: 16px;z-index:-1;}
div.modified {margin:-5px 0 0;font-size:12px;}


.nav-mobile {width: 30px;height: 30px;border-radius: 5px;border: 5px solid #fff;display: block;cursor: pointer;position: absolute;z-index:9;right: 20px;top:20px;}
.nav-mobile:before {content: ' ';border-top: 5px solid #fff;display: block;width: 80%;height: 5px;margin: 0 auto;position: relative;top: 7px;}
.nav-mobile:after {content: ' ';border-bottom: 5px solid #fff;display: block;width: 80%;height: 5px;margin: 0 auto;position: relative;top: 3px;}

.header, .navigation {position: absolute;width: 100%;z-index: 9;top:0;background: #575756;}
body.coco .header, body.coco #footer {display:none;}
body.coco #content {margin: 0 auto;}
div.logo { margin: 20px 0 10px;max-width: 80px;color:#fff;float: left;}
div.logo img{width:100%;}
#container {overflow:auto;height: calc(100% - 62px);}
#footer{position:absolute;bottom:0;
background: #d70000; /* Old browsers */
background: -moz-linear-gradient(left, #d70000 0%, #e58000 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d70000 0%,#e58000 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d70000 0%,#e58000 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d70000', endColorstr='#e58000',GradientType=1 ); /* IE6-9 */
width:100%;padding:20px 0;color:#fff;}


form div.field {margin:0 0 30px;position:relative;}
form div.input {border: 1px solid;border-image-slice: 1; border-width: 2px; border-image-source: linear-gradient(to left, #d70000 , #e58000 );}
form input, textarea, select {padding:15px;width:100%;border:0;font-size:1rem;display: block;font-family:'vodafone_rgregular',arial;background:transparent;}
form label {margin:0 0 10px;display: block;}
div.message {background:#eee;border:1px solid #ddd;padding:10px;margin:0 0 30px;border-radius:5px;display:none;}
div.message br:not(:last-child) {display: block;margin: 0 0 20px;content: " ";}
pre {overflow: auto;}
textarea {height:150px;}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    width: 100%;
    position:absolute;
    text-align:right;
    padding:10px 10px 10px calc(100% - 60px);
  }
div.winkel, div.type {display:none;}
div.field.kalender {display:inline-block;margin-right:40px!important;width:calc(50% - 22px);}
div.field.kalender:last-of-type {margin-right:0!important;}
div.attachments {display:inline-block;}

div.innercontainer {padding:20px;margin:0 0 40px;border-radius:5px;border: 1px solid #eee;position:relative;}
div.innercontainer:before {content:'';width:100%;height:100%;position:absolute;background:#f9f9f9;z-index:-1;top:0;left:0;}


div.loadingpopup {background:rgba(255,255,255,0.9);position:fixed; width:100%;height:100%;top:0;left:0;text-align: center;display:none;}
div.loadingpopup div.inner {position: fixed;    top: 50%;    transform: translateY(-50%);  width: 100%;  }
div.loadingpopup i {font-size: 56px;    color: rgb(215 0 0);}
@media only screen and (max-width: 1280px) {
body {background-size: auto 400px; }
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 980px) {
.navigation .container{padding:0;}
div.select {width:100%;}
}

@media only screen and (max-width: 640px) {
.mobile-quizzes ul{width: calc(100% - 40px);}
}

@media only screen and (max-width: 480px) {
#container{height:initial;}
#content {margin: 70px auto auto;}
#footer {position:initial;}
div.logo {margin:15px 0 9px 0;}
header h2 {margin: 15px 0 0 30px;}
div.innercontainer {margin:30px 0;}
div.field.kalender {display: block; margin-right: 0px!important;width: 100%;}
}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 320px) {



}