/* D E V */

      .dev { border:1px solid #c00 !important; }

   /* G E N E R A L */

   /* V A R S */

      :root {

               --ci_orange: #e4570c;

               --ci_petrol: #369ca8;

            }

   /* G E N E R A L */

      body  {

               font-family: 'Montserrat', sans-serif;  /* Open Sans | Montserrat */

               letter-spacing:0.07em;

               overflow-y: scroll;

            }

   /* C O O K I E | P O P U P */

      #cookie-popup  {

                        font-family: 'Open Sans', sans-serif;  /* Open Sans | Montserrat */

                        letter-spacing:0.07em;

                        font-weight:300;

                        font-size:13px;

                     }

      #cookie-popup .modal-title {

                                    font-weight:500;

                                    font-size:16px;

                                 }

      .accordion-item:hover {  text-decoration:none; color: var(--ci_petrol); }

   /* N O S E L E C T */

      .noselect   {

                    -webkit-user-select: none; /* Safari */

                    -ms-user-select: none;     /* IE 10+ and Edge */

                     user-select: none;        /* Standard syntax */

                  }

   /* C O R P O R A T E | D E S I G N */

      .bg-orange    { background-color: var(--ci_orange) !important; }

      .bg-petrol    { background-color: var(--ci_petrol) !important; }

      .color-orange { color: var(--ci_orange) !important; }

      .color-petrol { color: var(--ci_petrol) !important; }

   /* H 1 | T O P */

      .h1-top { font-family: 'Open Sans', sans-serif;  /* Open Sans | Montserrat */ }

      .h3-top { font-family: 'Open Sans', sans-serif;  /* Open Sans | Montserrat */ }

   /* N A V | T O P */

      .nav-top          { background: rgba(255,255,255,0.5); border-bottom:1px solid rgba(215,235,255,0.7) !important; }

      #navbarResponsive { background: rgba(255,255,255,0.5); color: var(--ci_orange); letter-spacing:0.08em; margin-top:8px; }

      #nav-top-initial                           { height:40px; font-weight:300; }

      #nav-top-initial .nav-item .nav-link       { font-weight:300; color: var(--ci_petrol); }

      #nav-top-initial .nav-item .nav-link:hover { color: var(--ci_orange); }

      #nav-top-scroll                 { height:57px; background: rgba(255,255,255,1.0); }

      #nav-top-scroll .nav-item       { background-color:#fff; }

      #nav-top-scroll .nav-link       { padding-left:15px !important; border-top:1px solid #d5ebff; }

      #nav-top-scroll .nav-link:hover { background-color: rgba(215,235,255,0.3) !important; }

   /* C O N T A I N E R | S C R E E N */

      .container-screen { border-top:1px solid #d5ebff; }

   /* C A R D | A W N S E R */

      .card-answer                    { border:1px solid #ccc !important; }

      .card-answer:hover              { border:1px solid var(--ci_petrol) !important; }

      .card-answer:hover .card-footer { background-color:#ededed; color:#444 !important; }

      .card-answer-active             { position:relative; top:-5px; border:1px solid var(--ci_petrol) !important; }

   /* I M G | A W N S E R */

      .img-answer { width:70%; }

   /* B T N */

      .btn-decide { width:180px !important; font-weight:600; letter-spacing:0.08em; }

   /* T E X T | W I C H T U N G */

      .text-wichtung { color: var(--ci_petrol); font-weight:700; letter-spacing:0.07em; }

   /* W A R N I N G */

      .input-group   {

                        border:1px solid transparent;

                     }

      .warning {

                  border:1px solid #c00;

                 -webkit-border-radius: 3px;

                 -moz-border-radius: 3px;

                  border-radius: 3px;

               }

   /* A L E R T */

      .alert   {

                  font-size:0.9em;

               }

      .feedback-ok   {

                        display:none;

                     }

      .feedback-nok  {

                        display:none;

                     }

   /* I M P R E S S U M */

      #container-impressum {

                              font-family: 'Montserrat', sans-serif;  /* Open Sans | Montserrat */

                              font-weight:300;

                           }

      #container-impressum p b   {

                                    font-weight:500;

                                 }

/* - - - */

   .pagination                          { margin-left:10px; }

   .pagination .page-item a             { font-weight:500; color:#252525; }

   .pagination .page-item #seiten       { font-weight:500; color:#252525; background-color:#fff; }

   .pagination .page-item #seiten:hover { background-color:#fff; }

/* - - - */

   #tab_report             { width:100%; margin-bottom:100px; }

   #tab_report tbody       { border:1px solid #ccc; border-left:none; border-right:none; }

   #tab_report th, td      { padding:7px 20px 7px 20px !important; }



   #tab_report .top td        { padding-top:10px !important; }

   #tab_report .top th        { padding-top:10px !important; }

   #tab_report .bottom td     { padding-bottom:10px !important; }

   #tab_report .bottom th     { padding-bottom:10px !important; }

   #tab_report th             { padding:5px 20px 5px 20px; font-weight:600; border:none !important; }

   #tab_report td             { padding:5px 20px 5px 5px; font-weight:300;  border:none !important;  }

   #tab_report .tr-awnsers th { color: var(--ci_orange) !important; }

   #tab_report .tr-awnsers td { color: var(--ci_petrol) !important; font-weight:600 !important; }

/* - - - */

   #footer     { background-color:#444; color:#fff; height:40px; }

   .p-footer   { padding-top:10px; font-weight:400; font-size:12px; }

/* - - - */

   #button-up  { cursor:pointer; float:right; background-color: var(--ci_orange); height:40px; width:40px; margin:-37px 0 0 0; color:#fff; }

/* - - - */

   #button-top { cursor:pointer; float:right; background-color: var(--ci_orange); height:40px; width:40px; margin:0 0 0 0; color:#fff; }

/* - - - */

   .btn-submit       { letter-spacing:0.07em !important; }

   .btn-submit:hover { background-color:#e3480b; }

/* - - - */

   .btn-footer span { cursor:pointer; color:#fff; font-size:12px; letter-spacing:0.12em; }

   .btn-footer a    { cursor:pointer; color:#fff; font-size:12px; letter-spacing:0.12em; }

   .btn-footer:hover span { cursor:pointer; color: var(--ci_orange); font-size:12px; letter-spacing:0.12em; }

   .btn-footer:hover a    { cursor:pointer; color: var(--ci_orange); font-size:12px; letter-spacing:0.12em; text-decoration:none; }

/* - - - */

   .a-datenschutz       { color: var(--ci_orange); }

   .a-datenschutz:hover { color: var(--ci_orange); text-decoration:none; }

   #div-datenschutz h3  { font-size:24px; margin-top:20px !important; }

   #div-datenschutz h4  { font-size:18px; font-weight:500 !important; }

   #div-datenschutz h5  { font-size:14px; font-weight:600 !important; }

   #div-datenschutz p   { font-size:14px; font-weight:400 !important; }

   #div-datenschutz ul  { font-size:14px; font-weight:400 !important; margin:0 0 15px 14px; padding:0; }