/* pneu */
:root {
    --blue: #2655a8;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #12c7b9;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #2655a8;
    --secondary: #12c7b9;
    --success: #28a745;
    --info: #12c7b9;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --medium-blue: #4d7ac8;
    --light-blue: #92bdf0;
    --light-cyan: #8dded8;
    --dark-gray: #042a3b;
    --medium-gray: #b8b8c1;
    --light-gray: #e0e0e8;
    --white-gray: #f5f5f7;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1500px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
h1,h2,h3,h4,h5,h6 {    margin-top: 0;    margin-bottom: .5rem}
p {    margin-top: 0;    margin-bottom: 1rem}
dl,ol,ul {    margin-top: 0}
ol ol,ol ul,ul ol,ul ul {    margin-bottom: 0}
blockquote {    margin: 0 0 1rem}
b,strong {    font-weight: bolder}
small {    font-size: 80%}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {    bottom: -.25em}

sup {    top: -.5em}

a {
    text-decoration: none;
    background-color: transparent
}

a:hover {    color: #18356a}

a:not([href]),a:not([href]):hover {
    color: inherit;
    text-decoration: none
}


/* ------------ */
h1,h2,h3,h4,h5,h6, div.question-text {
    font-family: Roboto Slab,Times New Roman,sans-serif;
    font-weight: 700;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

ul.pn {
    list-style: none;
    margin-bottom: 15px;
    -webkit-padding-start: 20px;
    padding-inline-start:20px}

ul.pn li {
    position: relative
}

ul.pn li:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #12c7b9;
    position: absolute;
    top: 10px;
    left: -20px
}
/* pneu end */

.pdf-data label {width:18rem; display: inline-block; }
.pdf-data div {margin-bottom: 1rem}
div.question-text {   font-weight: 400;}
div.question-text b, div.question-text strong {   font-weight: 900;}

fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

div.main {padding:1rem; font-family: Roboto ,sans-serif;}
.main hr {clear:both;}
hr.bottom {margin-top:1rem;}
h3.questions {display:none;}
h2 {margin-top:1rem;}

#screen, #screen-wrapper, .navbar {opacity:0}
.lastScreen {display:none;}
/* Buttons */
    #close-button {color:#fff; margin-bottom:1rem;background-color:#11c6b8; display:inline-block; border-radius:0.2rem; cursor:pointer;float:right; width:1rem;padding:0 1rem 0 0.5rem;}
    #close-button:hover {}
    #close-button span {}

    input.button, button{ font-family: Roboto Slab,Times New Roman,sans-serif;
        color:#ddd;background-color:#2655a8; border:0; border-radius:0.4rem; cursor:pointer;  }
    input.button {padding:0.5rem 2rem 0.5rem 2rem;margin:0 0.25rem 0 0.25rem;}
    button a {padding:0.35rem 1.85rem 0.35rem 1.85rem;margin:0 0.25rem 0 0.25rem;}
    input.button:hover, button:hover {background-color:#4d7ac8;color:#fff;}
    input.button.inactive, button.inactive {background-color:#ccc;color:#999;cursor:default}
    .navbar {margin-top:2rem;text-align:left;}
    button a {color:#ddd; display:block;}
    button a:hover {color:#fff}

li.irrelevant {display:none;}
li.toRemove {color:#c00;background:#fee}

li div p {margin:0; padding:0;}
div.question-text {margin-bottom:0.5rem;}

/* demoted options */
    ul.questions li.demote label {border: 1px solid #999; color:#999;}
    ul.questions li.demote label.active {border: 1px solid #032a3b; color:#fff;}
    .continue ul.questions li.demote  {display:none;}
    .noExclude  li.demote  {display:none;}

.question-condition-report {font-size:75%;color:#999;padding:0 0 1rem 0.5rem;
display:none;}

ul.questions, ul.answers , ul.options, ul.biologika , ul.replies {clear:both;margin-left:0;padding-left:0;list-style-position:inside;list-style-type:none;}
ul.replies {height:250px; overflow:scroll;font-size:11px;background-color:#ccc; border:1px solid #666;margin-top:2rem;
    display:none;
}

.validationmessage {display:none;clear:both;padding:0.5rem;margin-left:0rem;border-radius:0.4rem; width:auto;padding-bottom:0;margin-bottom:0.5rem;}
.val-parent, ul.history .h-question .validationmessage {display:inline-block;}

ul.history .h-question .validationmessage p , .validationmessage p {margin:0 0 0.5rem 0; padding:0;}
.val-warn {background-color:#ffcccc;}
.val-info {background-color:#eeeeee;color:#666}

/* Präparate-Leiste */
    .biologika LI {float:left; background-color:#999;border-radius:0.4rem;color:#fff; margin-right: 0.75rem; text-align:center;padding:0.25rem}
    .biologika LI.exclude {background-color:#dc3545}
    .biologika LI.allow {background-color:#28a745}
    .biologika .small {font-size:75%;color:#ddd}
    .biologika strong {letter-spacing:0.2rem;font-size:120%;}
    .biologika  input {display:none;}

ul.options li {float:left; margin-right: 1rem; }
ul.questions label {cursor:pointer;display: block;border:1px solid #032a3b;margin-bottom:0.5rem;padding:0.25rem 1rem 0.25rem 1rem;border-radius: 0.4rem}
ul.questions label:hover {color:#fff; background-color:#4d7ac8}
label.active{color: #ddd; background-color:#2655a8;}

ul.questions li div.fallback {clear:both;margin-left:7rem;padding-bottom:2rem;}
ul.questions li.question {clear:both;padding-top:1rem;}

ul.options li label {display:inline-block; min-width:6rem;}
ul.questions span.i {display:block;float:right;}
ul.answers span.t {padding-right:1rem; display:block;float:left;width:85%}

/* Auswertung */
   /* form.step-8 .biologika {display:none;}*/
h1 {margin-top:1rem;}
    .recommend {clear:both;margin-bottom:1rem;}
    .recommend .comments {
        display:none;padding:0.5rem;max-height: 8rem; overflow-y:auto;font-size:85%; background-color:#eee;
        border:1px solid #999; border-bottom-left-radius: 0.4rem;border-top-left-radius: 0.4rem;}
    .recommend .pdf {margin-bottom:1rem;color:#999}
    .recommend .pdf a {color:#2655a8; text-decoration:underline; font-weight:bold;font-family: Roboto, Arial, sans-serif;}
    /*
    .recommend .image {float:left;width:15%}
    .recommend .image img {width:100%;height:auto;border:1px solid #999}
    .recommend .doc {float:right; width: 82%}
*/
    .evaluation {margin-bottom:2rem;}
    .history .h-question strong {font-weight:400;}
    .history .h-question p{margin:0}
    .history h3 {margin-top:1rem;}
    ul.history, ul.h-questions {margin:0;padding:0}
    ul.h-questions li {margin-top:0.5rem;line-height:120%}
    ul.history, .history ul {list-style-position:inside;list-style-type:none;}
    u.history ul.h-answers {margin-bottom:0.5rem;}
    .history .question-title {font-weight:400;}
ul .h-answers {margin-left:0;padding-left:1rem;}


.wrapper {  margin: 0;}

/* Media Queries    */

@media only screen and (min-width: 500px) {

    .hide-on-desktop {
        position: absolute;
        left: -9999px;
        top: -9999px;
    }
}

@media only screen and (min-width: 640px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 940px) {
}

@media only screen and (min-width: 1280px) {
    .wrapper {
      /*  width: 1026px;      margin: 0 auto; */
    }
}

@media only screen and (min-width: 1400px) {
     body {margin:2% 6% 2% 6%;}
    }

@media only screen and (min-width: 1900px) {
    body {margin:2% 7% 2% 7%;}
    }

/*    Helper classes    */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* ROBOTO */


@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(fonts/roboto-v20-latin-100.6906d86d.eot);
    src: local("Roboto Thin"),local("Roboto-Thin"),url(fonts/roboto-v20-latin-100.6906d86d.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-100.7370c367.woff2) format("woff2"),url(fonts/roboto-v20-latin-100.5cb7edfc.woff) format("woff"),url(fonts/roboto-v20-latin-100.ff1e90ce.ttf) format("truetype"),url(/build/images/roboto-v20-latin-100.bdd892cd.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: url(fonts/roboto-v20-latin-100italic.012b1e96.eot);
    src: local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(fonts/roboto-v20-latin-100italic.012b1e96.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-100italic.f8b1df51.woff2) format("woff2"),url(fonts/roboto-v20-latin-100italic.f9e8e590.woff) format("woff"),url(fonts/roboto-v20-latin-100italic.a90b3053.ttf) format("truetype"),url(/build/images/roboto-v20-latin-100italic.98c79800.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/roboto-v20-latin-300.bda729db.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(fonts/roboto-v20-latin-300.bda729db.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-300.ef7c6637.woff2) format("woff2"),url(fonts/roboto-v20-latin-300.b00849e0.woff) format("woff"),url(fonts/roboto-v20-latin-300.806854d4.ttf) format("truetype"),url(/build/images/roboto-v20-latin-300.dd0bea1f.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: url(fonts/roboto-v20-latin-300italic.710f66c9.eot);
    src: local("Roboto Light Italic"),local("Roboto-LightItalic"),url(fonts/roboto-v20-latin-300italic.710f66c9.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-300italic.14286f3b.woff2) format("woff2"),url(fonts/roboto-v20-latin-300italic.4df32891.woff) format("woff"),url(fonts/roboto-v20-latin-300italic.51c5bffe.ttf) format("truetype"),url(/build/images/roboto-v20-latin-300italic.f8b0d5a9.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-v20-latin-regular.4be1a572.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(fonts/roboto-v20-latin-regular.4be1a572.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-regular.479970ff.woff2) format("woff2"),url(fonts/roboto-v20-latin-regular.60fa3c06.woff) format("woff"),url(fonts/roboto-v20-latin-regular.329ae1c3.ttf) format("truetype"),url(/build/images/roboto-v20-latin-regular.8681f434.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(fonts/roboto-v20-latin-italic.6558ca9c.eot);
    src: local("Roboto Italic"),local("Roboto-Italic"),url(fonts/roboto-v20-latin-italic.6558ca9c.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-italic.51521a2a.woff2) format("woff2"),url(fonts/roboto-v20-latin-italic.fe65b833.woff) format("woff"),url(fonts/roboto-v20-latin-italic.d4ad1feb.ttf) format("truetype"),url(/build/images/roboto-v20-latin-italic.39c358e4.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/roboto-v20-latin-500.260c8072.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(fonts/roboto-v20-latin-500.260c8072.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-500.020c97dc.woff2) format("woff2"),url(fonts/roboto-v20-latin-500.87284894.woff) format("woff"),url(fonts/roboto-v20-latin-500.8c608256.ttf) format("truetype"),url(/build/images/roboto-v20-latin-500.95204ac9.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: url(fonts/roboto-v20-latin-500italic.3e5950e9.eot);
    src: local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(fonts/roboto-v20-latin-500italic.3e5950e9.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-500italic.db4a2a23.woff2) format("woff2"),url(fonts/roboto-v20-latin-500italic.288ad9c6.woff) format("woff"),url(fonts/roboto-v20-latin-500italic.0a36c77f.ttf) format("truetype"),url(/build/images/roboto-v20-latin-500italic.b5bd232e.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/roboto-v20-latin-700.4570b93a.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(fonts/roboto-v20-latin-700.4570b93a.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-700.2735a3a6.woff2) format("woff2"),url(fonts/roboto-v20-latin-700.adcde98f.woff) format("woff"),url(fonts/roboto-v20-latin-700.96559ffb.ttf) format("truetype"),url(/build/images/roboto-v20-latin-700.57888be7.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/roboto-v20-latin-700italic.d338c2f2.eot);
    src: local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(fonts/roboto-v20-latin-700italic.d338c2f2.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-700italic.da0e7178.woff2) format("woff2"),url(fonts/roboto-v20-latin-700italic.81f57861.woff) format("woff"),url(fonts/roboto-v20-latin-700italic.4c13d18a.ttf) format("truetype"),url(/build/images/roboto-v20-latin-700italic.44663173.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/roboto-v20-latin-900.352cf1dd.eot);
    src: local("Roboto Black"),local("Roboto-Black"),url(fonts/roboto-v20-latin-900.352cf1dd.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-900.9b3766ef.woff2) format("woff2"),url(fonts/roboto-v20-latin-900.bb1e4dc6.woff) format("woff"),url(fonts/roboto-v20-latin-900.22acb397.ttf) format("truetype"),url(/build/images/roboto-v20-latin-900.9c4bedee.svg) format("svg")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: url(fonts/roboto-v20-latin-900italic.bf012ea3.eot);
    src: local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(fonts/roboto-v20-latin-900italic.bf012ea3.eot) format("embedded-opentype"),url(fonts/roboto-v20-latin-900italic.ebf6d164.woff2) format("woff2"),url(fonts/roboto-v20-latin-900italic.28f91510.woff) format("woff"),url(fonts/roboto-v20-latin-900italic.a3f8594c.ttf) format("truetype"),url(/build/images/roboto-v20-latin-900italic.9ede86e9.svg) format("svg")
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 300;
    src: url(fonts/roboto-slab-v11-latin-300.848ac111.eot);
    src: local(""),url(fonts/roboto-slab-v11-latin-300.848ac111.eot) format("embedded-opentype"),url(fonts/roboto-slab-v11-latin-300.3a066940.woff2) format("woff2"),url(fonts/roboto-slab-v11-latin-300.66927f79.woff) format("woff"),url(fonts/roboto-slab-v11-latin-300.0f909699.ttf) format("truetype"),url(/build/images/roboto-slab-v11-latin-300.bf2fcb74.svg) format("svg")
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-slab-v11-latin-regular.4cd5325a.eot);
    src: local(""),url(fonts/roboto-slab-v11-latin-regular.4cd5325a.eot) format("embedded-opentype"),url(fonts/roboto-slab-v11-latin-regular.de72ac99.woff2) format("woff2"),url(fonts/roboto-slab-v11-latin-regular.b5dbd41f.woff) format("woff"),url(fonts/roboto-slab-v11-latin-regular.e131b461.ttf) format("truetype"),url(/build/images/roboto-slab-v11-latin-regular.835d9084.svg) format("svg")
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/roboto-slab-v11-latin-500.ebe663d8.eot);
    src: local(""),url(fonts/roboto-slab-v11-latin-500.ebe663d8.eot) format("embedded-opentype"),url(fonts/roboto-slab-v11-latin-500.58a587f0.woff2) format("woff2"),url(fonts/roboto-slab-v11-latin-500.175bc3f8.woff) format("woff"),url(fonts/roboto-slab-v11-latin-500.636c527c.ttf) format("truetype"),url(/build/images/roboto-slab-v11-latin-500.5905e3d4.svg) format("svg")
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/roboto-slab-v11-latin-700.8af769a3.eot);
    src: local(""),url(fonts/roboto-slab-v11-latin-700.8af769a3.eot) format("embedded-opentype"),url(fonts/roboto-slab-v11-latin-700.0457fa9d.woff2) format("woff2"),url(fonts/roboto-slab-v11-latin-700.3eb365df.woff) format("woff"),url(fonts/roboto-slab-v11-latin-700.d2aa20c5.ttf) format("truetype"),url(/build/images/roboto-slab-v11-latin-700.b963f765.svg) format("svg")
}

@font-face {
    font-family: Roboto Slab;
    font-style: normal;
    font-weight: 900;
    src: url(fonts/roboto-slab-v11-latin-900.0a824c39.eot);
    src: local(""),url(fonts/roboto-slab-v11-latin-900.0a824c39.eot) format("embedded-opentype"),url(fonts/roboto-slab-v11-latin-900.c3cea20f.woff2) format("woff2"),url(fonts/roboto-slab-v11-latin-900.21ca2e84.woff) format("woff"),url(fonts/roboto-slab-v11-latin-900.0d4a1a3f.ttf) format("truetype"),url(/build/images/roboto-slab-v11-latin-900.94776869.svg) format("svg")
}