/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

#indi-head {display: flex; padding: 30px 30px 30px 0}
.indi-title{font-size: 21px; font-weight: bold; margin-top: 10px; padding-left: 10px; color: #ff6600;}
#wrapper {max-width: 1052px; background: #fff; padding: 40px; height: 100%;}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4 {font-size: 22px;}
.f-right {text-align: right; padding: 20px; background: #eee;}
.textbereich {background: #fff; color: #003850; padding: 0px}
.textbereich-klein {font-size: 11px;}
.textbereich-links {display: block; padding: 0 30px 0 0;}
.textbereich-rechts {display: block; padding: 0 20px; background: #f1f1f1; width: 50%;}
.textbereich-rechts h2, .textbereich-rechts h3, .textbereich-rechts h4 {line-height: 1.4em;}
.support-button {background: #003850; padding: 8px; border: solid 2px #ff6600; color: #fff; font-weight: bold; text-align: center;}
.support-button a {color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; text-align: center;}
.support-button a:hover {color: #ff6600;}
.videobereich { }
.videobereich h3 {color: #003850;}
.videobereich-links {width: 46%; float: left; display: block; padding: 0 30px 0 20px; margin: 20px 0;}
.videobereich-links h1, .videobereich-links h2, .videobereich-links h3, .videobereich-links h4 {color: #fff!Important; line-height: 1.7em !Important; font-size: 20px;}
.videobereich-rechts {width: 46%; float: left; display: block; padding: 0; margin: 20px 0; border: solid 5px #ff6600;}
.videobereich-rechts h1, .videobereich-rechts h2, .videobereich-rechts h3, .videobereich-rechts h4 {color: #fff!Important; line-height: 1.7em !Important; font-size: 20px;}
.orange {color: #ff6600; font-weight: bold;}
.dashboard-nav {background: #ff6600; padding: 10px;}
.dashboard-nav ul li {}
.dashboard-nav a {color: #fff;text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.space{height: 40px;}
#footer-thankyou, #footer-upgrade {display: none;}



/* h1 {
  padding: 50px 0;
  font-weight: 400;
  text-align: center;
}

p {
  margin: 0 0 20px;
  line-height: 1.5;
}

*/

.videobereich main {
  min-width: 320px;
  max-width: 1052px;
  padding: 0;
  margin: 0 auto;
  background: #fff;
}

.videobereich .top-border {
  border-top: 1px solid #ddd;
}

.videobereich section {
  display: none;
  padding: 0;
  margin-top: 30px;
  color: #003850;
}


.videobereich input {
  display: none;
}

.videobereich label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 6px 11px;
  font-weight: 600;
  text-align: center;
  color: #003850;
  border: 1px solid transparent;
}

.videobereich label:hover {
  color: #0073AA;
  cursor: pointer;
}

.videobereich input:checked + label {
  color: #ff6600;
  border: 1px solid #ddd;
  border-top: 2px solid #ff6600;
  border-bottom: 1px solid #fff;
}

#content2 {border: 5px solid #ff6600;}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10, #tab11, #tab12, #tab13, #tab14, #tab15, #tab16, #tab17, #tab18, #tab19, #tab20, #tab21, #tab22 {display: none;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18,
#tab19:checked ~ #content19,
#tab20:checked ~ #content20,	
#tab21:checked ~ #content21,
#tab22:checked ~ #content22 {
  display: block;
}

/* Dashboard Tabelle */
div.table {
display: table;
width: calc(100% - 20px);
border: 5px solid #ff6600;
padding: 5px;
}

div.table-row-start {display: table-row; background: #003850; font-weight: bold; color: #fff;}
div.table-row {display: table-row;}
div.table-row:nth-of-type(odd) {background: #eee;}

div.spalte1 {
display: table-cell;
border: 1px solid #003850;
width: 35%;
padding: 10px 5px;
}

div.spalte2, 
div.spalte3,
div.spalte4 {
display: table-cell;
text-align: center;
border-top: 1px solid #003850;
border-bottom: 1px solid #003850;
border-right: 1px solid #003850;
width: 12%;
padding: 10px 5px;
}

div.spalte5 {
display: table-cell;
text-align: center;
border-top: 1px solid #003850;
border-bottom: 1px solid #003850;
width: 12%;
padding: 10px 5px;
}

div.spalte6 {
display: table-cell;
text-align: center;
border: 1px solid #003850;
width: 12%;
padding: 10px 5px;
}

div.spalte-innen-1 {
display: table-cell;
border-left: 1px solid #003850;
border-right: 1px solid #003850;
border-bottom: 1px solid #003850;
width: 35%;
padding: 10px 5px;
}

div.spalte-innen-2,
div.spalte-innen-3,
div.spalte-innen-4 {
display: table-cell;
border-right: 1px solid #003850;
border-bottom: 1px solid #003850;
text-align: center;
width: 12%;
padding: 10px 5px;
}

div.spalte-innen-5 {
display: table-cell;
border-bottom: 1px solid #003850;
text-align: center;
width: 12%;
padding: 10px 5px;
}

div.spalte-innen-6 {
display: table-cell;
border-left: 1px solid #003850;
border-right: 1px solid #003850;
border-bottom: 1px solid #003850;
text-align: center;
width: 12%;
padding: 10px 5px;
}

.x-red {font-weight: bold; color: red;}
.x-green {font-weight: bold; color: green;}