/*CSS of eport5*/

@charset "utf-8";

@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/poppins/Poppins-LightItalic.eot'); /* IE9 Compat Modes */
	src: local('Poppins LightItalic'), local('Poppins-LightItalic'),
	  url('../fonts/poppins/Poppins-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-LightItalic.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-LightItalic.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-LightItalic.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/poppins/Poppins-Italic.eot'); /* IE9 Compat Modes */
	src: local('Poppins Italic'), local('Poppins-Italic'),
	  url('../fonts/poppins/Poppins-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-Italic.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-Italic.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-Italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/poppins/Poppins-Regular.eot'); /* IE9 Compat Modes */
	src: local('Poppins Regular'), local('Poppins-Regular'),
	  url('../fonts/poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-Regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/poppins/Poppins-SemiBold.eot'); /* IE9 Compat Modes */
	src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
	  url('../fonts/poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-SemiBold.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-SemiBold.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/poppins/Poppins-SemiBoldItalic.eot'); /* IE9 Compat Modes */
	src: local('Poppins SemiBoldItalic'), local('Poppins-SemiBoldItalic'),
	  url('../fonts/poppins/Poppins-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-SemiBoldItalic.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-SemiBoldItalic.svg#Poppins') format('svg'); /* Legacy iOS */
  }

  @font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/poppins/Poppins-Bold.eot'); /* IE9 Compat Modes */
	src: local('Poppins Bold'), local('Poppins-ExtraBold'),
	  url('../fonts/poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	  url('../fonts/poppins/Poppins-Bold.woff2') format('woff2'), /* Super Modern Browsers */
	  url('../fonts/poppins/Poppins-Bold.woff') format('woff'), /* Modern Browsers */
	  url('../fonts/poppins/Poppins-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('../fonts/poppins/Poppins-Bold.svg#Poppins') format('svg'); /* Legacy iOS */
  }


/*div[class^="col-"], li[class^="col-"] { border:1px solid #FF0066; }*/
/*div.row { border:2px dashed #33CCFF; }*/

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Poppins", sans-serif; font-size:15px; font-weight:400; color:#0E3772; }
/*h1 { margin:0; padding:100px 0 132px 0; font-size:60px; font-weight:700; color:#FFFFFF; -webkit-hyphens:none; -ms-hyphens:none; hyphens:none; }*/


h1 span { display:block; width:0; height:0; text-indent:-99999px; }
h2 { font-size:36px; font-style:italic; font-weight:300; color:#FFFFFF; }
h3 { font-size:34px; font-weight:800; margin-bottom:30px; color:#0E3772; }
h4 { font-size:20px; font-weight:800; color:#0E3772; }
h5 { font-size:24px; font-weight:600; color:#0E3772; }
h6 { font-size:18px; font-weight:600; color:#0E3772; line-height:1.2em; padding-top:20px; }  /*fuer Impressum*/
p { margin-bottom:20px; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
a:focus, a:active, button:focus, button:active { outline:none; }
strong { font-weight:700; }

/*-------------- sizes --------------*/
.bold { font-weight:700; }
.pt10, div.pt10 { padding-top:10px; }
.pt120, div.pt120 { padding-top:120px; }
.p12pr, div.p12pr { padding:12% !important; }
.pr5pr, div.pr5pr { padding-right:5% !important; }
.pb-10, div.pb-10 { padding-bottom:6rem !important; }
.mb-10, div.mb-10 { margin-bottom:100px !important; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.fs1-5em { font-size:1.5em; }
.fs1-1em { font-size:1.1em; }
.fs1-2em { font-size:1.2em; }
.fs1-267em { font-size:1.267em; } /*19px*/
.fs2-2em { font-size:2.2em; }
.fs2-7em { font-size:2.7em; }

.position-fixed { width:100%; z-index:9998; }
.clear { clear:both; }
.w100pr { width:100%; }
.fw400 { font-weight:400; }
.underline { text-decoration:underline; }

/*-------------- colors ---------------*/

/*persolog corporate colors NEW:*/
.bg-persolog-lightbg, div.persolog-lightbg { background-color:#F5F7F9; }
.bg-persolog-lighthover, div.persolog-lighthover { background-color:#E9EDF2; }
.bg-persolog-darkgrey, div.persolog-darkgrey { background-color:#7C828B; }
.bg-persolog-blue, div.bg-persolog-blue { background-color:#0E3772; }   /*persolog-dunkelblau NEU*/
.bg-persolog-orange, div.bg-persolog-orange { background-color:#FC561D; }  /*persolog-orange NEU*/

.grey { color:#666666; }  /*hellgrau*/
.grey-dark { color:#999999; } /*dunkelgrau*/
.bg-grey, div.bg-grey { background-color:#eaebed; }  /*hellgrau*/
.white { color:#FFFFFF; } /*weiss*/
.bg-white { background-color:#FFFFFF; }

.hks39k, p.hks39k { color:#0074BC; } /*teamchart-blau*/
.bg-hks39k, div .bg-hks39k { background-color: #0074BC; }

.hks41k, p.hks41k { color:#0E3772; } /*persolog-dunkelblau*/
.bg-hks41k, div.bg-hks41k { background-color:#0E3772; }
.bg-hks41k-15pr, div.bg-hks41k-15pr { background-color:#D9E0E7; }
.bg-orange, div.bg-orange { background-color:#eb5417; } /*persolog-orange*/

.bg-hks41k-15pr, div.bg-hks41k-15pr { background-color: #D9E0E7; } /*kurzprofil-hellblau*/

.bg-hks23k, div.bg-hks23k { background-color:#ED1847; } /*timemanagement-rot*/
.hks23k, p.hks23k { color:#ED1847; }  
.bg-hks23k-15pr, div.bg-hks23k-15pr { background-color:#FBD9E1; }
.bg-hks23k-10pr, div.bg-hks23k-10pr { background-color:#f7e1e5; }
.hks23k-30pr { color:#F9C6BE; }
.t-rot100 { color:#e3003a; } 
.t-rot80 { color:#e73462; }
.t-rot60 { color:#eb6789; }
.t-rot40 { color:#f197af; }
.bg-rot100, .table td.bg-rot100 { background-color:#e3003a !important; } 
.bg-rot80, .table td.bg-rot80 { background-color:#e73462 !important; }
.bg-rot60, .table td.bg-rot60 { background-color:#eb6789 !important; }
.bg-rot40, .table td.bg-rot40 { background-color:#f197af !important; }

.bg-hks72k, div.bg-hks72k { background-color:#E18727; } /*stress-orange*/
.bg-hks72k-20pr, div.bg-hks72k-20pr { background-color:#F7E1C0; }
.bg-hks72k-10pr, div.bg-hks72k-10pr { background-color:#FCF3E6 ; } 
.s-orange { color:#f2c38b; }
.s-green { color:#b8c9a4; }
.s-red { color:#e8aebb; }
.s-blue { color:#b0cbe7; }

.bg-hks68 { background-color:#e2ba00 !important; }  /*resilienz-gelb*/
/*.square { position:absolute; padding:15px;  border:1px solid #666; border-radius:.25em; }*/
.r-gelb100 { color:#e2ba00; background-color:#e2ba00; }
.r-gelb70 { color:#F1DD80; background-color:#F1DD80; }
.r-gelb40 { color:#f6eab3; background-color:#F9F1CC; }
.hks68, div.hks68 { color:#e2ba00; }
.bg-hks68, div.bg-hks68 { background-color:#e2ba00; }
.bg-hks68-40p, div.bg-hks68-40p { background-color:#F9F1CC; }

/*-------------- img, svg -------------*/
h1 img.img-fluid { max-width:40px; }
.graph { width:100%; font-family:"Poppins", sans-serif; font-weight:700; font-size:20px; fill:#00305D; }
.graph-icon { text-anchor: middle; fill:white; font-size:24px; }
.right { text-anchor:end;}
.middle { text-anchor:middle; }
.left { text-anchor:start; }
.white { fill:white; }
.graph-border { fill:none; stroke:#CCCCCC; stroke-width:1; }

/*-------------- shadow --------------*/
.shadow { -webkit-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow:4px 4px 5px 0px rgba(0,0,0,0.25); box-shadow:4px 4px 5px 0px rgba(0,0,0,0.25); }
.shad-dark { -webkit-box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.64); -moz-box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.64); box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.64); }
.shad-light { -webkit-box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.55); -moz-box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.55); box-shadow: 6px 8px 26px -8px rgba(0,0,0,0.55); }
.shad-inset { -webkit-box-shadow: inset 0px 22px 22px -28px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 22px 22px -28px rgba(0,0,0,0.75); box-shadow: inset 0px 22px 22px -28px rgba(0,0,0,0.75); }
.text-shad { text-shadow: 2px 2px 6px rgba(0,0,0,0.35); }  /*yellow text (resilience)*/

/*-------------- border --------------*/
.dots { border:3px dotted #CCCCCC !important; } /*overwrite layout-col*/
.solidgrey { border:1px solid #CCCCCC; }
.solidblue { border:1px solid #0074BC; }
.border-hks23k-30pr, div.border-hks23k-30pr { border-left:14px solid #f7a8bd !important; } /*time-rot*/
.border-hks68, div.border-hks68 { border-left:14px solid #e2ba00 !important; } /*resilienz-gelb 100*/
.border-hks68-70p, div.border-hks68-70p { border-left:14px solid #F1DD80 !important; } /*resilienz-gelb 70*/

/*-------------- icons ----------------*/
i.fa-pencil, p i.fa-edit { display:inline-block; float:left; margin:0 10px 10px 0; }
i.fa-edit { margin-bottom:30px; }

/*--------------  quote ---------------*/
.quote { font-family:"Courier New", Courier, monospace; font-size:23px; line-height:normal; }

/*------------- form ------------------*/
.custom-control { padding-left:0 !important; } /*overwrite scss*/
option:hover, option.active { color:#FFFFFF !important; background-color:#0E3772 !important; }
/*custom checkboxes*/
.custom-control-label { margin-left:1.4rem; }
.custom-control-input:checked ~ .custom-control-label::before { color:#fff; border-color:#0E3772; background-color:#0E3772; }
.custom-control-input:checked ~ .custom-control-label { font-weight:bold; }
select.form-control { padding-left:5px; font-size:inherit; color:inherit; }

/*------------- table  ----------------*/
.card { border:2px solid #b3d2e5 !important; }
table { color:#0E3772 !important; font-weight:600; transition:0.3s; }
thead, th, td { width:10%; margin:4px; }
table th, table td { vertical-align:top !important; }  /*overwrite scss*/
tbody tr td { text-align:center; }
tbody tr td:first-child { text-align:left; }
.table-bordered-blue .bereich { width:60%; border-left:none !important; }
table thead span { display:none; }
.table-bordered-blue th, .table-bordered-blue td { border:1px solid #b3d2e5; border-left:8px solid #fff !important; }
.table-bordered-blue .bg-rot40 { border-left:none !important; }
.table-striped tbody tr:nth-of-type(2n+1) { background-color:#edf4f9; }
.table-hover tr:hover { color:#0074bc !important; font-weight:600; background-color:rgba(177,177,177,0.3) !important; } 
.table-hover tr:hover td { border-left-color:#D8D8D8 !important; }

.oldtable td { vertical-align:top; border:solid 1px #888; padding:10px; }

/*---------------- lists ----------------*/
/*---icon list-----*/
ul.icon-list { list-style:none; }
ul.icon-list li i { margin-right:5px; }
ul.icon-list li i.fa-circle-o { color:#a4a4a4; }
ul.icon-list  li i.fa-ban { color:#e3003a; }
ul.icon-list  li i.fa-check-circle-o { color:#1CC617; }

/*---result list----*/
ul.result-list { list-style:none; font-weight:bold; /*margin-bottom:60px;*/ padding-left:0; }
ul.result-list li { margin-bottom:8px; }

/*resilience colors:*/
.modul h6 span, .modul p strong span { padding:2px 4px; border-radius:.25em; border:1px solid #CECECE; }
.modul h6 em { font-style:normal; }
.hoch { background-color:#e2ba00; }
.mittel { background-color:#F1DD80; }
.niedrig { background-color:#F9F1CC; }

/*time colors:*/
.expert { color:#ED1847; }
.experienced { color:#e73462; }
.advanced { color:#eb6789; }
.beginner { color:#f197af; }
/*---enumeration--*/
ul.enumeration { list-style:none; margin-bottom:30px; }
ul.enumeration li { clear:both; padding-left:15px; margin-bottom:8px !important; font-size:16px; color:#0E3772; }
ul.enumeration li strong { float:left; display:inline-block; width:4px; height:14px; margin:4px 10px 20px 0; font-weight: normal; background-color:#0074BC; }
/*---manual--------*/
ul.manual li { font-weight:700; margin-bottom:25px; }
ul.manual li span { display:block; font-weight:400; font-size:15px; padding:5px 10px 5px 10px; margin-top:3px; border:1px dashed #999999; }
/*---checklist------*/
ul.checklist { list-style:none; list-style:none; }
ul.checklist li { margin:10px; }
ul.checklist li input { float:left; margin:5px 8px 15px 0; }
.mehrspalter { column-count:3; column-gap:5%; }
.mehrspalter li { width:100%; display:inline-block; }

/*---tablist normal--*/
ul.tablist { list-style:none; padding-bottom:20px; line-height:1.7em; }
ul.tablist li { position:relative; clear:both; }
ul.tablist li:first-child { position:absolute; width:8%; min-width:30px; margin-left:0; padding:4px 0 0 0; }
ul.tablist li strong { display:block; position:absolute; left:0; top:4px; width:28px; text-align:center; }
ul.tablist li i::after { content:"="; position:absolute; top:8px; font-weight:normal; padding-left:6px; font-size:15px; color:#0E3772; }
ul.tablist li span { display:block; padding-left:50px; padding-top:2px; }
ul.tablist li em { margin-left:3px; font-style:normal; font-weight:600; }
ul.tablist li i { float:left; margin-right:10px; } /*sqare: beginner, advanced,..*/
/*sqare: beginner, advanced,..*/
/*---tablist resilience = .tablist-res-*/
ul.tablist-res { list-style:none; padding-bottom:20px; line-height:1.7em; }
ul.tablist-res li { position:relative; clear:both; margin-bottom: 13px; }
ul.tablist-res li:first-child { position:absolute; width:8%; min-width:30px; margin-left:0; padding:4px 0 0 0; }
ul.tablist-res li strong { display:block; position:absolute; left:2px; top:4px; width:28px; text-align:center; }
ul.tablist-res li i::before { padding-right:2px; padding-left:1px; }
ul.tablist-res li i::after { content:"="; position:absolute; top:8px; font-weight:normal; padding-left:6px; font-size:15px; color:#0E3772; }
ul.tablist-res li span { display:block; padding-left:50px; }
ul.tablist-res li span.box { display:inline-block; padding-left:0; padding-top:2px; }
ul.tablist-res li em { margin-left:3px; font-style:normal; font-weight:600; }
ul.tablist-res li i { float:left; border:1px solid #999; border-radius:0.15em; } 
/*---square list---*/
ul.square { line-height:2em; list-style:none; }

/*---icon-list (font awesome icons)--*/
ul.icon-list { list-style:none; font-size:13px; }
ul.icon-list li i { margin-right:10px; }

/*---logos----------*/
ul.logos { list-style:none; }
ul.logos li { float:left; width:40px; height:40px; margin:20px 0; }
ul.logos li img { max-width:none !important; width:100%; } 


/*------------- Layout ----------------*/
div.container-fluid { padding:0; }
.row { margin:0; padding:0 10% 0 10%; background-color:#FFFFFF; }
.inner { padding:10px; background:none; } /*inner row*/
div[class^="col-"], li[class^="col-"] { padding:10px; }
.flexbox { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; align-items:auto; align-content:start; }
.flexbox p, .flexbox li { flex: 0 0 auto; }
.hide-screen { display:none; } 

/*---------------- Navi --------------*/
.navbar { padding:0; float:right; }
.navbar-nav li { margin-bottom:2px; }
.navbar-nav li a { display:block; padding:10px 15px; font-family:"Poppins", sans-serif; font-weight:600; text-decoration:none; cursor:pointer; color:#0E3772; }
.navbar-nav li a:hover, .navbar-nav li a:active { color:#c96669 !important; }  /*scss ueberschreiben*/
.navbar-nav li a:active { cursor:default; }
.navbar-collapse { padding-left:0; padding-right:0; border:none; }
.navbar .navbar-toggler { position:absolute; right:0; top:-45px; }
.navbar-nav .dropdown-menu {  min-width:310px; }

/*---------------- Head, User --------*/
div#header { padding:0 10%; font-weight:600; background-color:#FFFFFF; }
div#header select { display:block; border:none; }
.banner img { width:60%; text-align:center; }
p.logout { display:inline-block; padding:10px 0 10px 0; border-radius:0.25em; }
p.logout:before { font-family:"FontAwesome"; content:'\f2bd '; font-size:1.2em; color:#FFFFFF; margin-right:10px; }
p.logout:hover {  padding:10px 10px 10px 10px; cursor:pointer; background-color:#2575bf; }
p.logout:hover::before { font-family:"FontAwesome"; content:'\f08b'; font-size:1.2em; color:#FF0000; margin-right:10px; }
p.download { text-align:right; font-size:17px; }
p.download img { margin-left:10px; }
p.user { margin-bottom:0; font-size:23px; font-weight:600; }

/*---------------- Download ----------*/
.tooltip-inner { background-color:#0E3772; }
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tooltip-top .arrow:before { border-top-color:#0E3772 !important; }
.download { background:none; border:none; cursor:pointer; }
.modal { z-index:9999; }
/*Button DPF anfordern*/
.button-pdf { display:inline-block; padding:10px; border:2px solid #CCCCCC; border-radius:6px; color:#007bff; background-color:#0E3772; }
.button-pdf:hover { cursor:pointer; border-color:#ED1847; background-color:#286090; }

/*--- div mit h3-headline als Anker ---*/
.menuanchor { padding-top:100px !important; } /*row ueberschreiben*/

/*---------------- participants-overview-legend --*/
div.participants-overview-legend ul.checklist li { margin-left:3px; }

/*---------------- participants-overview --*/
div.participants-overview ul.checklist li { clear:both; padding:8px; margin:0; overflow:auto; cursor:default; border-radius:0.25em; }
div.participants-overview ul.checklist li:hover { font-weight:600; }
div.participants-overview ul.checklist li:hover i.fa-check-circle-0 { color:#18A014; }
div.participants-overview ul li:nth-child(odd) { background-color:#e6e7e9; }
div.participants-overview ul li:hover:nth-child(odd) { background-color:#e0e1e3; }
div.participants-overview ul li:nth-child(even) { background-color:#ffffff; }
div.participants-overview ul li:hover:nth-child(even) { background-color:#ededed; }

/*-- checkbox + date -----------*/
div.participants-overview ul li label { float:left; margin-right:2%; /*background-color:#FF99FF;*/ }

/*-- trainer + report title ----*/
div.participants-overview ul li strong { float:left; font-weight:400; /*background-color:#00FF00;*/ }
div.participants-overview ul li strong em { font-style:italic; font-weight:600; }
div.participants-overview ul li i { float:right; }
div.participants-overview ul li i.fa { font-size:1.5em; }

/*-- button screen + download --*/
.report-buttons { float:right; }
.report-buttons .btn { min-width:150px; }
.btn-download, a:not([href]).btn-download { color:#FFFFFF; background-color:#eb5417; }
.btn-download:hover, a:not([href]).btn-download:hover { color:#FFFFFF; background-color:#ff743d; }
.btn-screen, a:not([href]).btn-screen { color:#FFFFFF; background-color:#0E3772; }
.btn-screen:hover, a:not([href]).btn-screen:hover { color:#FFFFFF; background-color:#195a99; }

div.participants-overview .btn-download, div.participants-overview .btn-screen { float:right; margin-left:10px; font-size:inherit; }

/*Button-padding ausgleichen*/
div.participants-overview ul li label, div.participants-overview ul li strong { padding-top:0.375rem; } 
div.participants-overview ul li label.custom-control-label::before { top:0.275rem; } 


div.participants-overview .btn i { float:none; }
div.participants-overview .btn i.fa { font-size:1.2em; }

/*Seite: Trainer-overview Datum*/
/*div.participants-overview ul li span { width:5%; min-width:136px; }
div.participants-overview ul li span, div.participants-overview ul li strong { display:inline-block; margin-right:20px; }
div.participants-overview ul li span::before { content:"|"; margin-right:20px; }
div.participants-overview ul li span::after { content:"|"; float:right; margin-left:20px; vertical-align:middle; }*/

/*checkbox vorerst verstecken (1. Entwurf ohne Checkboxen)*/
div.participants-overview ul li label.custom-control-label::before { width:0; height:0; border:none; }
div.participants-overview ul li label { margin-left:0; } 




/*---------------- footer ---------------*/
#footer { width:100%; height:auto; padding:0 10% 60px 10%; align-items:unset; color:#FFFFFF; background-color:#0E3772; }
/*#footer div:first-child { padding-top:30px !important; }*/
#footer p, #footer p a { font-size:13px;  }
#footer h3 { color:#FFFFFF; }
#footer a { padding:10px; cursor:pointer; color:#FFFFFF; }
#footer a:hover { text-decoration:underline; }
#footer a:active { text-decoration:none; }
/*Wenn Link geklickt, setze close-Icon vor den Link*/
#footer p.text-right { font-weight:600; }
#footer ul.icon-list li:nth-child(3), #footer ul.icon-list li:nth-child(4), #footer ul.icon-list li:nth-child(5) { /*margin-left:20px;*/ }
#footer ul.icon-list li img { border-radius:0.25em; }

#navbarRiseUp a, #navbarRiseUp2 a { padding:6px; border-radius:.25em; color:#0E3772; background-color:#D9E0E7; }
#navbarRiseUp a:hover, #navbarRiseUp2 a:hover { text-decoration:none; background-color:#bbd2e8; }

/*Zustand aufgeklappt*/
#navbarRiseUp:not(.collapsed), #navbarRiseUp2:not(.collapsed) { height:auto; min-height:300px; }
#navbarRiseUp div.tab-content, #navbarRiseUp2 div.tab-content { padding:20px; border-radius:0.25rem; color:#333333; background-color:#FFFFFF; }
#navbarRiseUp div.tab-content h3, #navbarRiseUp2 div.tab-content h3 { color:#333333; }

/*---------------- nach oben Pfeil ------*/
.back-to-top { position:fixed; bottom:20px; right:20px; z-index:9998; cursor:pointer; padding:10px 13px; background-color:#00305E; }
.back-to-top i { color:#FFFFFF; font-size:25px }


/*----------------------------------------------------------------
----------------------- Media Queries ----------------------------
----------------------------------------------------------------*/
/* orange - Medienabfrage "xl" fuer extra grosse Geraete, Deskttop-PCs >1200px*/
@media screen and (min-width:1200px) {
	div[class^="col-"] { padding:5px; border-color:#FF6600 }
	.navbar { float:none; }
	.navbar-nav li a { background:none; }
	h1 img { width:60%; }
	/*#footer div:nth-child(2) { padding-top:30px !important; }*/
}

/*schwarz - Medienabfrage "lg" fuer grosse Geraete, Deskttop-PCs >992px*/
@media screen and (max-width:1199px) and (min-width:992px) {
	div[class^="col-"] { border-color:#000; }
	h4 { font-size:30px; }
	.navbar { float:none; }
	.navbar-nav li a { background:none; }
	h1 img { width:60%; }
	.report-buttons { clear:both; float:left; margin:12px 0 6px 80px; }
	#footer { padding-bottom:80px; }
}

/* gruen - Medienabfrage "md" fuer mittlere Geraete, Tablets >768px*/
/*Navi als Burger-Menu*/
@media screen and (max-width:991px) and (min-width:768px) {
	div[class^="col-"] { padding:5px; border-color:#00FF99; }
	.offset-md-1 { margin-left:8.333333%; }
	h2 { font-size:30px; }
	h3 { font-size:30px; }
	h4 { font-size:25px; }
	h5 { font-size:20px; }
	.navbar { border-color:#00FF99 }
	table strong { display:block; }
	.mehrspalter { column-count:2; }
	.report-buttons { clear:both; float:left; margin:12px 0 6px 80px; }
	#footer { padding:0 5% 60px 5%; }
}

/* violett - Medienabfrage "sm" fuer kleine Geraete, Smartphones >576px*/
@media screen and (max-width:767px) and (min-width:576px) {
	div[class^="col-"] { padding:5px; border-color:#990099; }
	.row { padding:0 4% 0 4%; }
	.mb-5, .my-5 { margin-bottom:1rem !important; }
	h2 { font-size:28px; }
	h3 { font-size:28px; }
	h4 { font-size:23px; }
	h5 { font-size:18px; }
	table { line-height:18px; }
	table th, table td { padding:4px !important; }  /*overwrite scss*/
	table strong { display:block; }
	.mehrspalter { column-count:2; }
	.report-buttons { clear:both; float:left; margin:12px 0 6px 80px; }
	ul.logos li { width:34px; height:34px; margin:10px 0; }
	#footer { padding:0 5% 60px 5%; }
}

/* blau - Medienabfrage "xs" fuer extra kleine Geraete, Smartphones >481px*/
@media screen and (max-width:575px) and (min-width:481px) {
	div[class^="col-"] { padding:5px; border-color:#0099FF; }
	.row { padding:0 5% 0 5%; }
	.mb-5, .my-5 { margin-bottom:1rem !important; }
	h1 { padding:20px0 0 10px 0; }
	h2 { font-size:26px; }
	h3 { font-size:25px; }
	h4 { font-size:21px; }
	h5 { font-size:17px; }
	table { line-height:18px; }
	table th, table td { padding:4px !important; }  /*overwrite scss*/
	table strong { display:block; }
	.back-to-top { padding:3px 8px; }
	.back-to-top i { font-size:20px; }
	.mehrspalter { column-count:2; }
	div.participants-overview ul li strong em { display:block; }
	.report-buttons { position:relative; clear:both; float:left; margin:12px 0 6px 74px; }
	.btn-download, a:not([href]).btn-download { float:left; margin-top:45px; margin-bottom:6px; }
	.btn-screen, a:not([href]).btn-screen { float:left; margin-left:-150px; }
	#footer { padding:0 5% 20px 5%; }
	#footer p.text-right { text-align:left !important; border-top:1px dashed #ffffff; padding-top:20px !important; margin-top:20px !important; }
	#footer a { margin-left:-10px; }
}

/* rot - Medienabfrage fuer noch kleinere Geraete, Smartphones <480px
Hinweis: keine extra Abfrage per Bootstrap fuer .col, sondern in Medienabfrage xs integriert*/
@media screen and (max-width:480px) {
	div[class^="col-"] { padding:5px; border-color:#FF0000; }
	.row { padding:0 5% 0 5%; }
	.mb-5, .my-5 { margin-bottom:1rem !important; }
	body { font-size:14px; }
	h1 { font-size:40px; padding:0 0 10px 0; }
	h2 { font-size:22px; }
	h3 { font-size:24px; }
	h4 { font-size:20px; }
	h5 { font-size:16px; }
	.p-3 { padding-left:0 !important; padding-right:0 !important; }
	table { line-height:18px; }
	table th, table td { padding:4px !important; }  /*overwrite scss*/
	table strong { display:block; }
	.back-to-top { padding:3px 8px; }
	.back-to-top i { font-size:20px; }
	.mehrspalter { column-count:1; }
	.report-buttons { clear:both; float:left; margin:12px 0 6px 70px; }
	div.participants-overview ul li strong em { display:block; }
	.btn-download, a:not([href]).btn-download { float:left; margin-top:45px; margin-bottom:6px; }
	.btn-screen, a:not([href]).btn-screen { float:left; margin-left:-150px; }
	#footer { padding:0 5% 20px 5%; }
	#footer p.text-right { text-align:left !important; border-top:1px dashed #ffffff; padding-top:20px !important; margin-top:20px !important; }
	#footer a { margin-left:-10px; }
}