@import url('reset.css');

@font-face {

    font-family: 'helvetica-neue';

    src: url('fonts/helvetica-neue.eot');

    src: url('fonts/helvetica-neue.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-neue.woff') format('woff'), url('fonts/helvetica-neue.ttf') format('truetype'), url('fonts/helvetica-neue.svg#helveticaneue') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'helvetica-neue-bold';

    src: url('fonts/helvetica-neue-bold.eot');

    src: url('fonts/helvetica-neue-bold.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-neue-bold.woff') format('woff'), url('fonts/helvetica-neue-bold.ttf') format('truetype'), url('fonts/helvetica-neue-bold.svg#helveticaneuebold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'helvetica-neue-light';

    src: url('fonts/helvetica-neue-light.eot');

    src: url('fonts/helvetica-neue-light.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-neue-light.woff') format('woff'), url('fonts/helvetica-neue-light.ttf') format('truetype'), url('fonts/helvetica-neue-light.svg#helveticaneuelight') format('svg');

    font-weight: normal;

    font-style: normal;

}

html {
    position: relative;
}

body {
    height: 100%;

    font-family: 'helvetica-neue';

    background-color: #fff;

    color: #000;

    background-repeat: no-repeat;

    background-position: center 400px;

    font-size: 14px;

    line-height: 1.3em;

}

body.long {

    background-repeat: no-repeat;

    background-position: center bottom;

}

body#page2 {

    background-image: url(img/bg_startseite.jpg);

    background-size: cover;

    background-position: top;
    
    height: 100vh;

}

body#page2 #content > .frame-default{
    
    padding: 78px;
    margin: 15vh 0px;

}

body#page2 #main {
    margin-left: 0;
    margin-right: 0;
}

body#page2 #main #content {
    width: 43vw;
}

body#page2 #main .frame-default > p {

    color: #000;
    font-family: 'helvetica-neue-light';
    font-weight: normal;
    font-size: 1.9em;
    line-height: 1.1em;
    margin-bottom: 1em;
    font-style: italic;

}

body#page2 #main .frame-default > p a {

    font-style: normal;
    font-family: 'helvetica-neue-light';
    color: #000;

}

body#page2 #main .frame-default > p b {
    width: 17% !important;
    float: left !important;
}

body#page2 #main .frame-default > p a {
    width: 83% !important;
    float: left !important;
    margin-bottom: 20px;
}


body#page110 {

    background-image: url(img/bg_startseite.jpg);

    background-size: cover;

    background-position: top;

}

#footer .service {
    width: 31%;
}

#footer .service > p {
    color: #000;
    font-size: 11px;
    width: 26%;
    padding-left: 15px;
    line-height: 20px;
}

#footer .service > a {
    float: left;
}

input[type=submit],

input[type=text],

input[type=password] {

    -webkit-appearance: none;

    border-radius: 0;

}


.buttonwebinar {
    display: flex;
    top: 27vh;
    bottom: inherit;
    z-index: 100000;
    left: 3%;
    float: none;
    margin: 0;
    position: fixed;
    height: 300px;
    width: 240px;
    background: #c62c2c;
    border-radius: 50%;
    text-transform: uppercase;
    font-size: 1.65em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    padding: 0 30px;
  -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
  -webkit-box-shadow: 5px 5px 5px 0px rgba(122,122,122,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(122,122,122,1);
box-shadow: 5px 5px 5px 0px rgba(122,122,122,1);
}


.videooverlay     {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 150;

    background: rgba(0, 77, 154, 0.5);

  display: none;

}
.videolightbox{
color:#004d9a;
}

.videooverlay .video{

    width: 800px;

    margin: 9% auto;

}





.videooverlay .close {

    position: absolute;

    right: 45px;

    top: 30px;

    width: 38px;

    height: 38px;

    z-index: 150;

    cursor: pointer;

    background-image: url(img/x.png);

    background-position: center center;

    background-repeat: no-repeat;

}



.videolightbox {

 cursor:pointer; 

  }

a {

    color: #004d9a;

    font-family: 'helvetica-neue-bold';

    text-decoration: none;

}

.external-link-new-window {

    font-family: 'helvetica-neue';

}

b,

strong {

    font-weight: normal;

    font-family: 'helvetica-neue-bold';

}

i {

    font-style: italic;

}

h2 {

    font-weight: normal;

    font-family: 'helvetica-neue-bold';

    margin-bottom: 0.5em;

}

sup {

    vertical-align: 30% !important;

    font-size: 13px !important;

}

p {

    margin-bottom: 1.2em;

}

blockquote p,

blockquote p a {

    font-family: 'helvetica-neue-bold';

    color: #004d9a;

}

tr td {

    padding-right: 12px;

    padding-bottom: 20px;

    min-width: 145px;

}

td h2 {

    font-size: 16px;

    margin-bottom: 10px;

    color: #00164F;

    text-transform: uppercase;

}

#content .frame-default ul {

    margin-left: 19px;

}

#content .frame-default ul li {

    list-style-type: disc;

}

div.clear {

    clear: both;

}

#frame {

    float: left;

    width: 100%;

}

#main {

    width: 96%;

    max-width: 980px;

    margin-left: auto;

    margin-right: auto;

}

.infopage #main {

    max-width: 700px;

    padding-top: 70px;

}

.references #main {

    padding-top: 70px;

}

.blueround {

    background: rgba(0, 77, 154, 0.8);

    background-image: url(img/plus.png);

    background-repeat: no-repeat;

    background-position: bottom 18px center;

    color: #fff;

    width: 30.3%;

    float: left;

    border-radius: 50%;

    text-transform: uppercase;

    font-size: 1.429em;

    line-height: 1.5em;

    text-align: center;

    margin-left: 9.85%;

    margin-right: 9.85%;

    cursor: pointer;

}

.blueround-quick-switch {
    position: relative;
    text-align: center;
    cursor: pointer;

    width: 120px;
    height: 120px;

    display: none;
}

.blueround-quick-switch a {
    position: absolute;
    width: 100%;
    left: 0;
    top:50%;
    text-align: center;
    color: #fff;
    transform: translate(0, -50%);
    z-index: 1;
}

.blueround-quick-switch::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 77, 154, 0.8);
    background-repeat: no-repeat;

}

@media (min-width: 770px) {

    .blueround-quick-switch {
        display: block;

        position: fixed;

        left: 20px;
        top: 50%;
        transform:translate(0, -50%);
    }

}
/*
background: rgba(0, 77, 154, 0.8);
background-image: url(img/plus.png);
background-repeat: no-repeat;
background-position: bottom 18px center;

color: #fff;
border-radius: 50%;

text-transform: uppercase;
font-size: 0.8rem;
*/

.blueround a,
.blueround > span {

    color: #fff;

    display: block;

    padding: 0 10%;

    font-family: 'helvetica-neue-bold';

}

.hometext {

    width: 46%;

    font-style: italic;

    padding-bottom: 40px;

}

h1 {

    color: #000;

    font-family: 'helvetica-neue-light';

    font-weight: normal;

    font-size: 2.143em;

    line-height: 1.1em;

    margin-bottom: 1em;

    font-style: italic;

}

h1.short {

    width: 75%;

}

h1.short2 {

    width: 65%;

}

.hometext h1 {

    font-size: 2.429em;

    line-height: 1.1em;

    font-style:normal;

}

.hometext p {

    color: #000;

    font-size: 1.429em;

    padding-left: 10%;

    line-height: 1.1em;

}

#content img {

    max-width: 100%;

    height: auto;

}

#header {

    background-image: url(img/header.jpg);

    height: 186px;

    background-size: cover;

    background-position: right;

    float: left;

    width: 100%;

}

#page2 #header {

    background: none;

    margin-bottom: 30px;

    height: auto;

}

#page110 #header {

    background: none;

    margin-bottom: 30px;

    height: auto;

}


#header h1 {

    display: none;

}

#content {

    padding: 0;

    position: relative;

    float: left;

    width: 100%;

}

#content #left {

    float: left;

    width: 509px;

    border-right: 1px dotted #002684;

    padding-right: 10px;

    margin-right: 10px;

    min-height: 300px;

}

#content #right {

    float: left;

    width: 120px;

    position: relative;

    height: 382px;

}

#content #logoutbox {

    left: 20px;

}

#right #logoutbox {

    position: absolute;

    bottom: 7px;

    left: 0px;

}

#logoutbox .tx-felogin-pi1 {

    margin-bottom: 0.5em;

}

.buttoninfo.back {

    left: 0;

    width: 32px !important;

    padding: 5px 10px !important;

    margin-bottom: 21px;

    display: block;

    position: relative !important;

}

#header a {

    height: 90px;

    display: block;

    width: 10%;

    padding: 20px 5% 0 5%;

}

#header a img {

    width: auto;

    margin-left: -4%;

    max-height: 150%;

}

#header h1 {

    line-height: 25px;

    font-weight: normal;

    margin-left: 20px;

}

#error {

    color: #e6007e;

    font-size: 1.071em;

    line-height: 1.533em;

    margin-bottom: 40px;

}

input[type=text],

input[type=password] {

    border: 1px solid #aaaaaa;

    padding: 2px;

    margin: 0;

    width: 194px;

}

.gender label {

    margin-right: 30px;

    margin-left: 10px;

    margin-bottom: 15px;

    display: inline-block;

}

.gender label.formfield {

    margin-right: 0;

}

.tx-srfreecap-pi1-cant-read {

    clear: both;

    display: block;

    padding: 10px 0;

}

.tx-srfeuserregister-pi1,

#loginbox {

    /*width: 400px;*/

    

    width: 554px;

}



.tx-srfeuserregister-pi1 h4 {

      line-height: 1.600em;

    font-size: 1.071em;

}



#tx-srfeuserregister-pi1-gender-0,

#tx-srfeuserregister-pi1-gender-0 + label {

  

}

.tx-srfeuserregister-pi1 ul li,

.tx-felogin-pi1 ul li {

    margin-bottom: 0.2em;

}

#content .tx-srfeuserregister-pi1 ul {

    margin-left: 0;

}

#content .tx-srfeuserregister-pi1 ul li {

    list-style: none;

}

.tx-srfeuserregister-pi1 label.formfield,

.tx-felogin-pi1 label.formfield {

    display: none;

    /*width: 200px;*/

    

    width: 350px;

    float: left;

}

.tx-srfeuserregister-pi1 label[for=tx-srfeuserregister-pi1-house_no],

.tx-srfeuserregister-pi1 label[for=tx-srfeuserregister-pi1-cnum],

.tx-srfeuserregister-pi1 label[for=tx-srfeuserregister-pi1-static_info_country] {

    display: block;

    margin-bottom: 10px;

}

.tx-srfeuserregister-pi1 input[type=text],

.tx-srfeuserregister-pi1 input[type=password],

.tx-srfeuserregister-pi1 select {

    color: #000;

    background-color: #dcdcdc;

    border: none;

    outline: none;

    padding: 0 13px;

    width: calc(100% - 26px);

    line-height: 53px;

    height: 53px;

    font-size: 1em;

    font-family: 'helvetica-neue-light';

    margin-bottom: 28px;

}

.tx-srfeuserregister-pi1 input[type=checkbox] {

    margin: 0 5px 0 0;

}

.tx-srfeuserregister-pi1 select {

    width: 100%;

}

.tx-srfeuserregister-pi1 li.gender {

    font-size: 1em;

    font-family: 'helvetica-neue-light';

    color: #000;

}

.tx-srfeuserregister-pi1 fieldset {

    font-size: 1.071em;

    color: #000;

}

.tx-srfeuserregister-pi1 input[type=submit] {

    color: #fff;

    background-color: #004d9a;

    border: none;

    outline: none;

    padding: 0;

    width: 40%;

    line-height: 53px;

    height: 53px;

    font-size: 1em;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    text-align: center;

    float: right;

    margin-bottom: 34px;

}

input.forward {

    float: right;

}

.question {

    width: 100%;

    position: relative;

    text-align: center;

    float: left;

}

.question .question {

    padding-bottom: 50px;

}

.answer {

    display: none;

    position: fixed;

    background-color: #f0f0f0;

    z-index: 100;

    top: 5%;

    left: 21.4%;

    width: calc(57.2% - 90px);

    padding: 45px;

    text-align: left;

    max-height: calc(90% - 90px);

}

.question .col1 {

    width: 39.28%;

    padding-top: 30px;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

    background: none;

    position: relative;

    z-index: 50;

}

.question .question .col1 img {

    margin-top: 0;

}

.question .question .col1 a {

    margin-top: 0;

    background-image: url(img/question-circle.png);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-size: contain;

    display: block;

    padding: 40px;

}

.question .answer .col1 {

    max-width: 58.4%;

    float: left;

    padding-top: 0;

    height: auto;

    margin: 0 auto;

    overflow: hidden;

    background: none;

    margin-right: 2%;

}

/*.question .answer.true .col1 {

    width: 100%;

  text-align:center;

  max-width:100%;

}*/



.antwortseite .question .col1 {

    width: 100%;

    padding-top: 60px;

    margin: 0 auto;

    overflow: hidden;

    background: none;

}

.question .col1 img {

    margin-top: 68px;

    width: 74%;

    height: auto;

}

.question .answer .col1 img {

    margin-top: 0;

    width: 100%;

    height: auto;

    border-radius: 0;

}

.question .answer.true .col1 img {

    width: auto;

    height: auto;

}

.question .col2 {

    float: left;

    width: 100%;

    height: 100%;

    display: table;

    position: absolute;

    top: 0;

    left: 0;

}

.question .col2 img {

    height: auto;

    width: auto;

}

.question .answer .col2 {

    position: relative;

    max-width: 39.6%;

    float: left;

}

.question label.ui-button {

    position: absolute;

    background: none;

    border: none;

    border-top: 3px solid #5787ba;

    /*width:31.8%;*/

    

    width: 30%;

    text-align: left;

}

.question label.ui-button .legend {

    display: inline-block;

    background-color: #fff;

    padding: 0 8px;

    position: absolute;

    top: -18px;

    left: 98px;

    color: #000;

    font-family: 'helvetica-neue';

    font-size: 1.020em;

    font-style: italic;

    font-weight: 400;

}

.ui-button-text-only .ui-button-text {

    color: #195ea4;

    padding: 12px;

    font-size: 1.299em;

}

.question label.ui-button.number0 {

    left: 0;

    /*top:39%;*/

    

    top: 48%;

}

.question label.ui-button.number1 {

    right: 0;

    top: 0;

    border-color: #c7d6e8;

    position: relative;

    width: 100%;

}

.question label.ui-button.number2 {

    right: 0;

    /*bottom:-18.5%;*/

    /*bottom:-6.5%;*/

    

    bottom: 0;

    border-color: #8fafd1;

    position: relative;

    width: 100%;

    margin: 120px 0 0 -5px;

}

.questionlabels {

    position: absolute;

    top: 44%;

    right: 0;

    width: 30%;

}

iframe.antwort {

    width: 57%;

    height: 650px;

    position: absolute;

    top: 186px;

    left: 21.5%;

    display: none;

    background-color: #f0f0f0;

}

iframe.antwort.open {

    display: block;

    z-index: 20;

}

.overlay {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    display: none;

    background: rgba(220, 220, 220, 0.9);

    cursor: pointer;

}

.question .buttonset {

    /*margin-top: 100px;*/

    

    display: table-cell;

    vertical-align: middle;

}

.question .buttonset form {

    margin-top: -20px;

}

.question .questiontext {

    font-size: 1.4em;

    width: 38%;

    margin: 0 auto;

    /*margin-bottom: 0.3em;*/

    

    padding-bottom: 5px;

    /*border-bottom: 1px solid #ccc;*/

}

.question .questiontext .text {

    font-size: 13px;

    font-weight: normal;

    display: block;

}

.question .answer .antwort {

    color: #000;

    font-size: 1.071em;

    text-align: left;

    padding-bottom: 20px;

    padding-top: 42px;

}

.question .lightbox img {

    max-width: 320px !important;

    height: auto;

}

.question .answer .antwort h3 {

    color: #004d9a;

    font-size: 2.143em;

    line-height: 1.2em;

    font-weight: normal;

    font-family: 'helvetica-neue-bold';

    margin-bottom: 30px;

}

.question .answer.false .antwort h3 {

    color: #e31243;

}

.answer .buttoninfo {

    position: static;

    right: 0;

    background: none;

    font-size: 1.071em;

    color: #83a6cc;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    padding: 0;

    margin-bottom: 10px;

    background-image: url(img/arrow-light-right.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 100%;

    padding-right: 16px;

}

.answer .buttoninfo.treat {

    margin-bottom: 50px;

}

.question .questiontext .frage {

    line-height: 40px;

    margin-bottom: 2px;

}

.question .questiontext .richtig {

    background-image: url(img/richtig.png);

    background-repeat: no-repeat;

    background-position: left top 23px;

    padding-left: 23px;

    margin-bottom: 5px;

    padding-top: 23px;

}

.question .questiontext .falsch {

    background-image: url(img/falsch.png);

    background-repeat: no-repeat;

    background-position: left top 23px;

    padding-left: 23px;

    margin-bottom: 5px;

    padding-top: 23px;

}

span.return {

    display: block;

    color: #83a6cc;

    top: 45px;

    position: absolute;

    z-index: 120;

    left: 45px;

    width: 100%;

    text-align: left;

    cursor: pointer;

    text-transform: uppercase;

    font-family: 'helvetica-neue-bold';

    font-size: 1em;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: left center;

    background-size: auto 100%;

    padding-left: 16px;

}

.true span.return {

    float: left;

    display: inline;

    position: relative;

    top: inherit;

    left: 0;

    width: 33%;

    text-align: left;

}

.prevquestion {

    float: left;

    width: 42%;

}

.nextquestion {

    float: right;

}

.prevquestion a {

    color: #83a6cc;

    text-transform: uppercase;

    font-family: 'helvetica-neue-bold';

    font-size: 1em;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: left center;

    background-size: auto 100%;

    padding-left: 16px;

}

.nextquestion a {

    color: #83a6cc;

    text-transform: uppercase;

    font-family: 'helvetica-neue-bold';

    font-size: 1em;

    background-image: url(img/arrow-light-right.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 100%;

    padding-right: 16px;

}

span.falsch {

    height: 86px;

    width: 86px;

    background-color: #e31243;

    background-image: url(img/x.png);

    background-position: center center;

    background-repeat: no-repeat;

    border-radius: 50%;

    display: block;

    position: absolute;

    left: -7%;

    top: -43px;

    cursor: pointer;

    display: none;

}

span.richtig {

    height: 86px;

    width: 86px;

    background-color: #004d9a;

    background-image: url(img/tick.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 60% auto;

    border-radius: 50%;

    display: block;

    position: absolute;

    left: -7%;

    top: -43px;

    display: none

}

.description {

    margin-top: 3px;

    font-size: 12px;

    display: none;

}

.answer .description {

    padding: 0;

    font-size: 12px;

    display: block;

    color: #000;

    bottom: 5px;

    width: 100%;

}

#navigator {

    margin-bottom: 10px;

    padding-bottom: 15px;

    font-size: 12px;

    border-bottom: 1px solid #ccc;

}

#navigator .prev,

#navigator .next {

    width: 150px;

    height: 30px;

}

.prev {

    text-align: left;

}

#navigator .next {

    text-align: right;

    float: right;

}

#navigator .prev {

    text-align: left;

    float: left;

}

#navigator a {

    display: inline-block;

    min-width: 34px;

    min-height: 34px;

    background-image: url(img/arrow-blue-left.png);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: auto 100%;

    text-indent: -9999px;

    font-size: 0;

}

#navigator .back a {

    background: none;

    text-indent: 0;

    font-size: 1em;

}

#navigator a.inactive {

    background-image: url(img/arrow-light-left.png);

}

#navigator .next a {

    background-image: url(img/arrow-blue-right.png);

}

#navigator .next a.inactive {

    background-image: url(img/arrow-light-right.png);

}

.buttonset {

    text-align: center;

}

.fancybox-close {

    top: -44px;

    left: -44px;

    right: auto;

    width: 25px;

    height: 25px;

    background: url('img/x.png') left top no-repeat;

    background-size: 25px !important;

    height: 86px;

    width: 86px;

    background-color: #4579B2;

    background-position: center center;

    background-repeat: no-repeat;

    border-radius: 50%;

}

.fancybox-overlay {

    background: rgba(220, 220, 220, 0.9) !important;

}

#nav {

    clear: both;

    padding-top: 0px;

    font-size: 1.4em;

}

#nav li {

    height: 32px !important;

    line-height: 32px!important;

    /*vertical-align: center;*/

}

#nav li a {

    display: block;

    height: 32px;

    line-height: 32px;

}

#nav li.active a,

#nav li a:hover {

    color: #00164f;

}

#footer {

    margin-top: 35px;

    padding-top: 15px;

    width: 100%;

    color: #004d9a;

    background: rgba(255, 255, 255, 0.6);

    clear: both;

}

#footer > div {

    width: 100%;

    max-width: 980px;

    margin: 0 auto;

}

#footer p {

    font-size: 1.071em;

    width: 68%;

    float: left;

}

#footer span {

    display: inline-block;

    white-space: nowrap;

    padding-right: 15px;

}

#footer span a {

    padding-left: 0;

    font-family: 'helvetica-neue';

}

#footer .service {

    float: right;

    padding-top: 3px;

}

#footer .service a {

    font-style: italic;

    font-size: 1.071em;

    padding-left: 15px;

    font-family: 'helvetica-neue';

}

#footer .clearfix {
    clear: both;
}

/*.contenttable a{

  color: #666;

  font-weight: normal;

}*/



a:focus {

    outline: none;

}

#left ul {

    list-style: disc;

    list-style-position: outside;

    margin-left: 25px;

}

.button,

.forward {

    border: 0;

    background-color: transparent;

    text-align: left;

    padding: 0;

    color: #002684;

    font-family: 'helvetica-neue-bold';

    font-size: 14px;

    display: block;

    padding: 0;

    margin: 0;

    cursor: pointer;

}

#language-switch {

    float: left;

}

#language-switch li {

    display: inline;

    margin-right: 10px;

}

#mailform {

    margin-bottom: 20px;

}

#mailform .csc-mailform-field {

    position: relative;

    margin-bottom: 5px;

    padding-left: 30px;

}

#mailform .csc-mailform-field input {

    position: absolute;

    top: 2px;

    left: 0;

}

#mailform .csc-mailform-label {

    font-family: 'helvetica-neue-bold';

    display: block;

    margin-top: 20px;

}

#mailform .csc-mailform-submit {

    display: block;

    margin-left: 30px;

}

.question .col2 .description {

    text-align: left;

    padding-left: 20px;

    display: block;

}

.question .answer .col2 .description {

    padding-left: 5px;

}

/*.question .col2 img {

    padding-left: 20px;

  

}*/



.question .col1 img {

    padding-left: 0px;

    border-radius: 50%;

}

.question .col1 .fragebild {

    width: 74%;

    max-width: 320px;

    height: 74%;

    margin: 0 auto;

    max-height: 320px;

    padding-left: 0px;

    border-radius: 50%;

    margin-top: 60px;

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: center;

    position: relative;

}

.lightbox {

    text-align: center;

    position: relative;

}

.lightbox span {

    display: block;

    height: 38px;

    width: 80%;

    background-image: url(img/lupe.png);

    background-repeat: no-repeat;

    background-size: auto 100%;

    background-position: center;

    position: absolute;

    left: 10%;

    bottom: 60px;

}

.answer .lightbox {

    position: static;

}

.answer .lightbox span {

    display: none;

}

.logindiv {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 150;

    background: rgba(255, 255, 255, 0.85);

    display: none;

}

.logindiv .tx-felogin-pi1 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 150;

    background: rgba(0, 77, 154, 0.5);

}

.logindiv .close {

    position: absolute;

    right: 45px;

    top: 45px;

    width: 38px;

    height: 38px;

    z-index: 150;

    cursor: pointer;

    background-image: url(img/x.png);

    background-position: center center;

    background-repeat: no-repeat;

}

#loginbox {

    width: 416px;

    /*480*/

    

    padding: 32px 32px 16px 32px;

    margin: 0 auto;

    background-color: #f0f0f0;

    margin-top: 205px;

}

#loginbox h3 {

    font-style: italic;

    font-size: 2.143em;

    line-height: 1em;

    margin-bottom: 40px;

    color: #004d9a;

}

#loginbox p.message {

    color: #e6007e;

    font-size: 1.071em;

    line-height: 1.533em;

    margin-bottom: 40px;

}

#loginbox input[type=text],

#loginbox input[type=password] {

    color: #000;

    background-color: #dcdcdc;

    border: none;

    outline: none;

    padding: 0 13px;

    width: calc(100% - 26px);

    line-height: 53px;

    height: 53px;

    font-size: 1.071em;

    font-family: 'helvetica-neue-light';

    margin-bottom: 28px;

}

#loginbox input[type=submit] {

    color: #fff;

    background-color: #004d9a;

    border: none;

    outline: none;

    min-width: 40%;

    padding: 0 2%;

    line-height: 53px;

    height: 53px;

    font-size: 1.071em;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    text-align: center;

    float: right;

    margin-bottom: 34px;

}

.logout {

    position: absolute;

    right: 10px;

    top: 8px;

}

.logout #loginbox {

    width: auto;

    padding: 0;

    margin: 0 auto;

    background-color: transparent;

    margin-top: 0;

}

.logout #loginbox h3 {

    display: none;

}

#header .logout .logout a {

    color: #83a6cc;

    background-color: transparent;

    height: auto;

    display: block;

    width: auto;

    padding: 0;

    font-size: 14px;

    line-height: normal;

}

p.forgotten {

    float: left;

    width: 58%;

    line-height: 53px;

    font-style: italic;

}

p.newreg {

    font-style: italic;

}

.logout {

    text-align: right;

}

.logout a {

    color: #fff;

    /*background-color: #004d9a;*/

    border: none;

    outline: none;

    padding: 0;

    width: 40%;

    line-height: 53px;

    height: 53px;

    font-size: 1.071em;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    text-align: center;

    display: inline-block;

    margin-bottom: 34px;

}

:-ms-input-placeholder {

    /* Internet Explorer 10+ */

    

    color: #000;

    font-weight: normal;

}

::-webkit-input-placeholder {

    /* WebKit browsers */

    

    color: #000;

    font-weight: normal;

}

:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    

    color: #000;

    opacity: 1;

    font-weight: normal;

}

::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    

    color: #000;

    opacity: 1;

    font-weight: normal;

}

.title {

    margin: 0;

    width: 44%;

    float: right;

    text-align: right;

    position: absolute;

    z-index: 25;

    top: 0px;

}

.title.stream {

    margin: 0 17.5%;

    margin-top: -49px;

    width: 65%;

    float: left;

    text-align: center;

    position: relative;

}

.antwortseite .title {

    display: none;

}

.infopage .title {

    position: absolute;

    margin-top: -163px;

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}

.title h1,

.question h1 {

    text-transform: lowercase;

    font-family: 'helvetica-neue-bold';

    font-weight: normal;

    color: #d4dbe8;

    font-size: 5.357em;

    line-height: 1em;

    margin-bottom: 30px;

    margin-top: -42px;

}

.title.start h1 {

    padding-top: 125px;

    text-indent: -9999px;

    display: none;

}

.title.start {

    width: 100%;

    position: relative;
    height: 130px;

}

#c4 {

    padding-top: 20px;

}

.title.start p span {

    display: block;

    font-weight: bold;

}

.title p {

    font-size: 1.429em;

    line-height: 1.5em;

    font-style: italic;

    /*padding-top: 75px;*/

}

.title.start p {

    max-width: 60%;

    text-align: center;

    margin: 0 auto;

}

.tx-pingag-quiz .next {

    z-index: 100;

    top: -90px !important;

}

.title a,

.tx-pingag-quiz .next {

    display: block;

    width: 34px;

    height: 34px;

    position: absolute;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: center left;

    background-size: auto 16px;

    padding-left: 16px;

    top: 7px;

    left: 37px;

    width: 45%;

    line-height: 34px;

    text-transform: uppercase;

    color: #83a6cc;

    /*font-size:0;*/

}

.tx-pingag-quiz .question .answer .nextquestion .next {
    height: 19px;
    line-height: 19px;
    top: 0 !important;
    right: 0!important;
}

.title.stream a {

    z-index: 110;

    width: 25%;

    font-size: 1em;

    line-height: 34px;

    background-position: left center;

    text-transform: uppercase;

    padding-left: 30px;

    text-align: left;

    top: -48px;

    left: 37px;

    color: #004d9a;

}

.title.stream a.next {

    background-position: right center;

    padding-left: 0;

    padding-right: 30px;

    text-align: right;

    right: 37px;

}

.infopage .title a {

    width: 33%;

    font-size: 1em;

    line-height: 34px;

    background-position: left center;

    text-transform: uppercase;

    padding-left: 30px;

    text-align: left;

    left: 0;

}

.title a.start {

    background: none;

    ;

    padding-left: 0;

    padding-right: 0;

    text-align: center;

    left: 37.5%;

}

.question a.start {

    text-transform: uppercase;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: left center;

    background-size: auto 16px;

    padding-left: 16px;

    padding-right: 0;

    text-align: center;

    position: absolute;

    top: 8px;

    color: #83a6cc;

    line-height: 34px;

    z-index: 99;

}

.prevback {

    padding-right: 0;

    text-align: center;

    color: #83a6cc;

    position: absolute;

    top: -62px;

    text-transform: uppercase;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: left center;

    background-size: auto 16px;

    padding-left: 16px;

    line-height: 34px;

}

.buttonsright {

    position: absolute;

    right: 0;

    top: -75px;

}

.buttonsright a {

    text-transform: uppercase;

    color: #000;

    font-size: 14px;

}

.buttonsright .buttoninfo.treatment,

.buttonsright .buttoninfo.productinfo {

    color: #004d9a !important;

    margin-left: 10px;

}

.infopage .buttonsright .buttoninfo {

    position: relative;

    background: none;

    font-size: 1.071em;

    color: #83a6cc !important;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    padding: 0;

    margin-bottom: 10px;

    background-image: url(img/arrow-light-right.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 16px;

    padding-right: 16px;

    float: left;

    top: 13px;

    margin-left: 10px;

    line-height: 34px;

}

.infopage .buttonsright a.active {

    color: #000 !important;

}

.infopage .title a.next {

    background-position: right center;

    padding-left: 0;

    padding-right: 30px;

    text-align: right;

    right: 0;

}

.title.stream a.start {

    display: none;

}

.title a.inactive {

    background-image: url(img/arrow-light-left.png);

}

.title a.next {

    left: auto;

    right: 0 !important;

    background-image: url(img/arrow-light-right.png);

    background-position: center right;

    background-size: auto 16px;

    background-repeat: no-repeat;

    padding-left: 0;

    padding-right: 16px;

    text-align: right;

    color: #83a6cc;

    top: 7px !important;

}

.nextquestion a {

    position: relative !important;

    width: auto !important;

    right: 0 !important;

}

.tx-pingag-quiz a.next {

    left: auto;

    right: 0;

    background-image: url(img/arrow-light-right.png);

    background-position: center right;

    background-size: auto 16px;

    background-repeat: no-repeat;

    padding-left: 0;

    padding-right: 16px;

    text-align: right;

    color: #83a6cc;

}

.title a.next.inactive {

    background-image: url(img/arrow-light-right.png);

}

.tx-pingag-quiz {

    float: left;

    width: 100%;

    position: relative;

}

.frage {

    display: block;

    float: right;

    width: 50%;

}

.tx-pingag-quiz .frage a {

    width: 90px;

    height: 90px;

    text-align: center;

    background-repeat: no-repeat;

    background-size: 100%;

    border-radius: 50%;

    display: inline-block;

    position: relative;

    z-index: 5;

}

.tx-pingag-quiz .frage a span {

    width: 90px;

    height: 90px;

    display: block;

    color: #fff;

    font-size: 2.857em;

    line-height: 90px;

    border-radius: 50%;

}

.tx-pingag-quiz .frage a span:hover {

    background: rgba(0, 77, 154, .75);

}

.tx-pingag-quiz .frage.number0,

.tx-pingag-quiz .frage.number5 {

    width: 100%;

    text-align: center;

    position: relative;

}

.questionId {

    display: none;

}

.tx-pingag-quiz .frage.number5 {

    margin-top: -53px;

}

.line {

    width: 100%;

    float: left;

    position: relative;

    z-index: 4;

}

.line1 {

    margin-top: -53px;

}

.line2,

.line4 {

    margin-top: 8.5px;

}

.line3 {

    margin-top: 33px;

}

.tx-pingag-quiz .frage.number1,

.tx-pingag-quiz .frage.number9,

.tx-pingag-quiz .frage.number4,

.tx-pingag-quiz .frage.number6 {

    width: 42.65%;

}

.tx-pingag-quiz .frage.number9,

.tx-pingag-quiz .frage.number6 {

    float: left;

    text-align: right;

}

.tx-pingag-quiz .frage.number2,

.tx-pingag-quiz .frage.number8,

.tx-pingag-quiz .frage.number3,

.tx-pingag-quiz .frage.number7 {

    width: 35.2%;

}

.tx-pingag-quiz .frage.number8,

.tx-pingag-quiz .frage.number7 {

    float: left;

    text-align: right;

}

.micro {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    text-align: center;

    z-index: -1;

}



.greyround {

    width: 38%;

    margin: 48px auto 0 auto;

    border: 15px solid #f0f0ef;

    border-radius: 50%;

    text-align: center;

}

.micro span {

    display: inline-block;

    width: 65%;

    height: 42%;

    padding-top: 23%;

    margin-top: 17.5%;

    background-color: #205fa3;

    color: #fff;

    font-size: 2em;

    line-height: 1.2em;

    text-transform: uppercase;

    font-style: italic;

    border-radius: 50%;

}

.tx-pingag-quiz .questiontext h3.frage {

    width: 100%;

    height: auto;

    font-weight: normal;

    font-family: 'helvetica-neue';

    font-style: italic;

    font-size: 1.020em;

    line-height: 1.5em;

}

.counter {

    width: 100%;

    height: auto;

    font-weight: normal;

    font-family: 'helvetica-neue';

    font-style: italic;

    font-size: 20px;

    line-height: 1.5em;

    text-align: center;

    padding: 70px 0;

}

#questionOverview .question {

    display: block !important;

    padding-bottom: 20px;

    text-align: left;

}

#questionOverview a.start {

    padding-left: 16px;

    padding-right: 0;

    text-align: center;

    background-image: url(img/arrow-light-left.png);

    background-repeat: no-repeat;

    background-position: left center;

    background-size: auto 16px;

    color: #83a6cc;

    line-height: 34px;

    position: absolute;

    top: 8px;

    text-transform: uppercase;

}

#questionOverview h2 {

    font-size: 1.143em;

    line-height: normal;

    margin-bottom: 5px;

    color: #195ea4;

}

.tx-pingag-quiz .frage img {

    width: 100% !important;

    height: auto !important;

    border-radius: 50%;

}

.buttoninfo {

    position: absolute;

    right: 20px;

    background: #002684;

    color: #fff;

    padding: 5px;

}

.buttoninfo.productinfo {

    padding: 5px 10px;

}

.infopage .buttoninfo {

    right: 0;

}

.buttoninfo.treatment,

.buttoninfo.productinfo {

    position: relative;

    background: none;

    font-size: 1.071em;

    color: #004d9a;

    font-family: 'helvetica-neue-bold';

    text-transform: uppercase;

    padding: 0;

    margin-bottom: 10px;

    background-image: url(img/arrow-blue-right.png);

    background-repeat: no-repeat;

    background-position: right center;

    background-size: auto 100%;

    padding-right: 16px;

    float: right;

    top: 13px;

}

#c76 {

    clear: both;

}

.accordion {

    float: left;

    width: 100%;

    margin-bottom: 40px;

}

.accordion-section {

    border-bottom: 1px #dadadb solid;

}

.accordion-section-title {

    font-size: 1.143em;

    line-height: 2.563em;

    cursor: pointer;

    padding-left: 16px;

    color: #000;

    font-family: 'helvetica-neue-bold';

    background-image: url(img/cross-blue.png);

    background-repeat: no-repeat;

    background-position: right 16px center;

    background-size: auto 60%;

    text-transform: uppercase;

}

.accordion-section-title:hover {

    background-color: #004d9a;

    background-image: url(img/cross-white.png);

    color: #fff;

}

.accordion-section-title.active {

    background-image: url(img/minus.png);

}

.accordion-section-title.active:hover {

    background-image: url(img/minus-white.png);

}

.accordion-section-content {

    display: none;

    padding-left: 16px;

    padding-top: 7px;

    color: #000;

    width: 81%;

}

p, #tx-srfeuserregister-pi1-fe_users_form label {

    line-height: 1.600em;

    font-size: 1.071em;

}

#content ul {

    line-height: 1.600em;

    font-size: 1.071em;

}

.servicenavi {

    padding-top: 10px;

}

.servicenavi li {

    float: left;

    margin-right: 10px;

}

#logoutbox p {

    margin-bottom: 5px;

}

.servicenavi a {

    font-weight: normal;

}

.uebersicht {

    padding: 20px 0 27px 0 !important;

}

.question .buttoninfo {

    display: none;

}

.correct50 .buttoninfo.bv,

.correct66 .buttoninfo.bv {

    display: inline-block;

}

.correct54 .buttoninfo.vvc {

    display: inline-block;

}

.correct60 .buttoninfo.av,

.correct58 .buttoninfo.av {

    display: inline-block;

}

.correct56 .buttoninfo.vva,

.correct64 .buttoninfo.vva {

    display: inline-block;

}

.correct52 .buttoninfo.nvf {

    display: inline-block;

}

.ui-dialog {

    width: 50% !important;

}

.tx-pingag-quiz .startseite {

    top: -158px !important;

}

.tx-pingag-quiz .next.startseite {
    top: -130px !important;
}

@media (max-width: 1200px) {

    #header {

        height: 130px;

    }

    #loginbox {

        margin-top: 135px;

    }

    .question .col1 {

        padding-top: 50px;

    }

    .question label.ui-button.number0 {

        top: 36%;

    }

    .question label.ui-button.number1 {

        top: 22%;

    }

    .question label.ui-button.number2 {

        bottom: 0%;

    }

    .question .question {

        padding-bottom: 20px;

    }

    /*.answer .description {

    margin-top: -59px;

}*/

    

    .answer .buttoninfo.treat {

        margin-bottom: 30px;

    }

    .question .lightbox img {

        max-width: 100% !important;

    }

    .micro {

        top: -7px;

    }

}

@media (max-height: 760px) and (min-height: 620px) {

    /*
    XXXF
    .frageseite #foxoter {

        position: absolute !important;

        bottom: 0;

    }
    */

    .tx-pingag-quiz {

        padding-bottom: 70px;

    }

    .frageseite .tx-pingag-quiz {

        padding-bottom: 0;

    }

    .title.start p {

        padding-top: 0px;

    }

}

@media (max-width: 768px) and (min-width: 640px) {

    .title a.next {

        top: 35px !important;

    }

}



@media (max-height: 770px) {

   #header a img {

        max-height: 90%;

    }

}



@media (max-width: 770px) {

   #header a img {

        max-height: 90%;

    }

}







@media (max-height: 760px) {

  



  

    .question .question .col1 a {

        padding: 25px;

    }

    .question .lightbox img {

        max-width: 240px !important;

        height: auto;

    }

    .question .question .col1 {

        background: none;

        width: 28%;

        height: auto;

    }

    .answer {

        left: 5%;

        width: calc(90% - 90px);

        max-height: calc(96% - 70px);

        top: 2%;

        padding: 35px 45px;

    }

    .lightbox span {

        bottom: 50px;

    }

    .answer {

        left: 5%;

        width: calc(90% - 90px);

    }

    .answer img {

        width: 80% !important;

    }

    .hometext {

        padding-bottom: 0px;

    }

    .hometext h1 {

        font-size: 2em;

    }



.videooverlay .video {

    margin: 2% auto;

}



    .blueround {

        width: 23%;

    }

    .blueround a,

    .blueround > span {

        font-size: 0.8em;

        line-height: 1.5em;

    }

    .blueround {

        margin-left: 15.85%;

    }

}

@media (max-height: 660px) {

    .answer {

        max-height: calc(96% - 50px);

        padding: 25px 45px;

    }

}

@media (max-height: 760px) and (min-width: 1200px) {

    .answer {

        left: 20%;

        width: calc(60% - 90px);

    }

}



@media (max-height: 768px) and (max-width: 1420px) {

  .question .col1 {

    padding-top: 0;

  }

  

  .question label.ui-button.number2 {

    right: 0;

    bottom: inherit;

    border-color: #8fafd1;

    position: relative;

    top: 0px;

    width: 100%;

    margin: 50px 0 0 -5px;

  }

  

  .ui-button-text-only .ui-button-text {

    color: #195ea4;

    padding: 12px;

    font-size: 1em;

  }

  

  .question .question {

    padding-bottom: 2px;

  }

}





@media (max-height: 768px) and (max-width: 1400px) {

  

  .question .col1 {

    padding-top: 0;

  }

    

    .questionlabels {

        top: 43%;

    }

    .question label.ui-button.number1 {

        margin-left: -70px;

    }

    .question label.ui-button.number2 {

        position: absolute;

        top: 140px;

        left: -20px;

        margin: 0 !important;

    }

    .question .questiontext {

        height: 90px;

    }

    .ui-button-text-only .ui-button-text {

        font-size: 1em;

        line-height: 1.1em;

    }

    .title.start p {

        padding-top: 36px;

        font-size: 1.1em;

        line-height: 1.3em;

    }

    .question .col1 {

        width: 38%;

    }

    .tx-pingag-quiz .startseite {

        top: -90px !important;

    }

    #loginbox {

        margin-top: 7% !important;

    }

    .tx-pingag-quiz .title a.next,

    .tx-pingag-quiz .title a.prev {

        top: 42px !important;

    }

    .question a.start,

    #questionOverview a.start {

        top: 18px !important;

    }

    .tx-pingag-quiz .frage a,

    .tx-pingag-quiz .frage a span {

        width: 80px;

        height: 80px;

        line-height: 80px;

    }

    .greyround {

        width: 17%;

    }

    .micro span {

        font-size: 1em;

    }

    .tx-pingag-quiz {

        padding-bottom: 0px;

        margin-top: -10px;

    }

    .tx-pingag-quiz .frage a,

    .tx-pingag-quiz .frage a span {

        width: 50px;

        height: 50px;

        line-height: 50px;

        font-size: 1.1em;

    }

    .line1 {

        margin-top: -21px;

    }

    .tx-pingag-quiz .frage.number2,

    .tx-pingag-quiz .frage.number8,

    .tx-pingag-quiz .frage.number3,

    .tx-pingag-quiz .frage.number7 {

        width: 41.2%;

    }

    .tx-pingag-quiz .frage.number1,

    .tx-pingag-quiz .frage.number9,

    .tx-pingag-quiz .frage.number4,

    .tx-pingag-quiz .frage.number6 {

        width: 45%;

    }

    .line2,

    .line4 {

        margin-top: -0.5px;

    }

    .line3 {

        margin-top: 16px;

    }

    .line2,

    .line4 {

        margin-top: 4.5px;

    }

    .line3 {

        margin-top: 11px;

    }

    .tx-pingag-quiz .frage.number5 {

        margin-top: -27px;

    }

}

@media (min-height: 760px) {

    .title.start {

        width: 100%;

        position: relative;

        left: inherit !important;

    }

}

@media (max-width: 768px) {

    .title.start {

        width: 100%;

        position: relative;

        left: inherit !important;

    }

}

@media (max-height: 520px) and (min-width: 900px) {

    .question .lightbox img {

        max-width: 140px !important;

    }

    .tx-pingag-quiz .startseite {

        top: -90px !important;

    }

    .question .questiontext {

        height: 50px;

    }

    .question label.ui-button.number1 {

        margin-left: -132px;

    }

    .question .question .col1 a {

        padding: 25px;

    }

    .question .question .col1 img {

        max-width: 120px !important;

    }

    .question .answer .antwort h3 {

        font-size: 1.5em;

        line-height: normal;

        margin-bottom: 9px;

    }

    .ui-button-text-only .ui-button-text {

        font-size: 1em;

        line-height: normal;

    }

    span.return {

        top: 22px;

    }

    .question .answer .antwort {

        padding-bottom: 20px;

        padding-top: 30px;

    }

    .answer .buttoninfo.treat {

        margin-bottom: 20px;

    }

    .question .col1 {

        padding-top: 20px;

    }

    .title h1,

    .question h1 {

        margin-bottom: 20px;

    }

    .question .questiontext {

        font-size: 1.2em;

    }

    .question label.ui-button.number2 {

        position: absolute;

        top: 114px;

        left: -43px;

        margin: 0 !important;

    }

    .question label.ui-button.number0 {

        top: 56%;

        left: 31px;

    }

    /*
    XXXF
    .frageseite #foxoter,
    #page66 #foxoter {

        position: absolute !important;

        bottom: 0;

        margin-top: 5px;

    }

    .questionOverview #foxoter {

        position: relative !important;

        bottom: 0;

        margin-top: 5px;

    }
    */

    .hometext h1 {

        font-size: 1.5em;

        margin-bottom: 8px;

    }



.videooverlay .video {

    width: 588px;

    margin: 1% auto;

}

.textoverlay {
  padding: 40px 0 0px 0 !important;
}

.textoverlay .close {
    right: 7px  !important;
    top: 7px  !important;
}

.textoverlay .text {
    width: 94%  !important;
}

    .blueround a,

    .blueround > span {

        font-size: 0.74em;

        line-height: 1.3em;

    }

    .blueround {

        width: 20%;

        background: rgba(0, 77, 154, 0.8);

        background-image: url(img/plus.png);

        background-repeat: no-repeat;

        background-position: bottom 18px center;

        background-size: 21px;

        bottom: 10px;

    }

    #page2 #header {

        margin-bottom: 3px;

    }

    #page110 #header {

        margin-bottom: 3px;

    }

    #loginbox {

        margin-top: 1% !important;

    }

    #loginbox p.message,

    #loginbox input[type=text],

    #loginbox input[type=password] {

        margin-bottom: 15px;

    }

    .logindiv .close {

        right: 10px;

        top: 1%;

    }

    #page66 .frage {

        float: left;

        width: 20% !important;

        text-align: center !important;

        margin-bottom: 20px;

    }

    .line {

        width: 100%;

        float: none;

        position: relative;

        z-index: 4;

    }

    .tx-pingag-quiz .frage.number5 {

        margin-top: 0px;

    }

    .title.start p {

        padding-top: 36px;

        font-size: 1.3em;

        line-height: 1.3em;

    }

    #header a img {

        max-height: 90%;

    }

    .micro {

        display: none;

    }

    .fancybox-close {

        top: -12px;

        left: -12px;

        background: url(img/x.png) left top no-repeat;

        background-size: 18px !important;

        height: 62px;

        width: 62px;

        background-color: #4579B2;

        background-position: center center;

        background-repeat: no-repeat;

    }

}





.textoverlay{
    position: fixed;
    right: -350px;
    top: 50%;
    z-index: 100;
    background: rgba(0, 77, 154, 0.8);
    height:auto;
    padding: 40px 0 30px 0;

   -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
 
  
}



.textoverlay .close {

    position: absolute;

    right: 10px;

    top: 10px;

    width: 38px;

    height: 38px;

    z-index: 150;

    cursor: pointer;

    background-image: url(img/x.png);

    background-position: center center;

    background-repeat: no-repeat;


}



.textoverlay .text{

    max-width: 980px;

    margin: 0 auto;

  color: #fff;

  width: 80%;
  padding-bottom:20px;

}

.textoverlay .text p{
    line-height: normal;
    font-size: 16px;

  }


.tx-srfeuserregister-pi1-error {
color:red;
  }


@media (max-height: 920px) {
    .textoverlay {
        /*
        width: 35%;
        */
        top: 48%;
    }
.buttonwebinar {
 
    top: 29vh;
   
 
    left: 2%;
  
    height: 250px;
    width: 190px;
   
 
    font-size: 1.3em;
    line-height: 1.5em;
    
}

}


#page2 #footer {
    position: fixed;
    bottom: 0;
}

@media (min-width: 769px) {
    #page110 #footer {
        position: fixed;
        bottom: 0;
    }
}

@media (min-width: 992px) {
    html {
        padding-bottom: 105px;
    }

    #footer {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 1441px) {
    body#page2 #main .frame-default > .bodytext b {
        width: 12% !important;
    }
}