/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.content-container {font-family:Roboto,sans-serif;margin:15px;}

#selbsttest_progressbar{
    text-align: center;font-family:Roboto,sans-serif;
    margin-top:26px;
    clear:both;
}

#selbsttest_progressbar button{
    display:inline-block;font-family:Roboto,sans-serif;font-size:10pt;
    width:22px;
    height:22px;
    margin:2px;
    padding:1px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color:#FFF;
    cursor:pointer;
    background:grey;
    border:0px;
    -webkit-box-shadow: 0px 0px 2px #000000;
    -moz-box-shadow: 0px 0px 2px #000000;
    box-shadow: 0px 0px 2px #000000;
}
#selbsttest_progressbar button:hover, #selbsttest_progressbar button.active{
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
}

#selbsttest_progressbar button.answered {
    background:#98b709;
}
#selbsttest_progressbar button.active{
    font-weight:bold;
    background:#0995b8;
	background:#305886;
}

#selbsttest_progressbar button.ergebnis{
    width:inherit;
    height: inherit;
    padding:4px 8px;
}
.XXentry-content{
    xmargin-top:20px;xwidth:980px;
}
#chartblock{
    margin-top:20px;width:960px;font-family:Roboto,sans-serif;
}

#selbsttest_form .fragetext{
    font-size:1.2em;
    margin-bottom:30px;
}
#selbsttest_form .frageantworten{
    font-size:1.2em;
}

#selbsttest_form .frageantworten>p{
    margin-bottom:12px;
}

#selbsttest_form h2{
    margin-bottom:10px;
}

#selbsttest_form label{
    display:block;
    margin-bottom:12px;
    margin-left:30px;
}
#selbsttest_form input{
    margin-right:8px;
}

/*#selbsttest_form button{
    margin-top:24px;
    margin-bottom:24px;
    float:left;
}*/

/*#selbsttest_form button.next {*/
.prettybutton{ 
    background-color:#0995b8;
	background-color:#305886;	
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #0995b8;
	border:1px solid #305886;
	
    display:inline-block;
	
    cursor:pointer;
	background:#305886;
    color:#ffffff; 
    font-size:1.2em;
    padding:7px 29px;
    text-decoration:none;
    margin:18px;
}
/*#selbsttest_form button.next:hover {*/
.prettybutton:hover{
    background-color:#97b709;
    border:1px solid #305886;
}

.infobox{
    display:inline-block;
    width:100%;
    margin:16px;
    border:1px solid grey;
    padding:13px 10px;
    border-radius:2px;
    /*min-height:40px;*/
    page-break-inside:avoid;
    padding-bottom:10px;
}

.infobox i{
    color:#0995b8;
	color:#305886;
    display:block;
    float:left;
    /*margin:8px 0px;*/
    margin-right:8px;
    margin-top:-5px;
}

.infobox>div{
    margin:1px 16px;
}

.infobox p{
    margin:0px;
}
#selbsttest_form .infobox>div{
    margin-left:34px;
}

.infobox.hidden>div{
    display:none;
}

.infobox.hidden{
    width:auto;
    cursor:pointer;
    transition-property: width;
    transition-duration: 1s;
    /*display:inline-block;*/
}

.infobox a{
    text-decoration:underline;
    color:#0995b8;
	color:#305886;
}

#chartsVorher{
    background: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#FF0000));
    background: -webkit-linear-gradient(top, #98b709,#D49503,#BA1E14);
    background: -moz-linear-gradient(top, #98b709,#D49503,#BA1E14);
    background: -o-linear-gradient(top, #98b709,#D49503,#BA1E14);
    background: -ms-linear-gradient(top,#98b709,#D49503,#BA1E14);
    background: linear-gradient(top, #98b709,#D49503,#BA1E14);
    xbackground-color: #D49503;
    height:260px;
    width:960px;
}


#chartsV2{
	xbackground-color:#fff000;
	bxackground-color:#dddddd;
	background: -moz-linear-gradient(top, #ffffff 5%, #0fc910 5%, #fff000 54%, #ff0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#ffffff), color-stop(5%,#0fc910), color-stop(54%,#fff000), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 5%,#0fc910 5%,#fff000 54%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 5%,#0fc910 5%,#fff000 54%,#ff0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 5%,#0fc910 5%,#fff000 54%,#ff0000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 5%,#0fc910 5%,#fff000 54%,#ff0000 100%); /* W3C */
	
	height:230px;
}



#chartsV2{
background: #2aff00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZiZmYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2aff00 0%, #fbff3a 51%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2aff00), color-stop(51%,#fbff3a), color-stop(100%,#ff0000));
background: -webkit-linear-gradient(top, #2aff00 0%,#fbff3a 51%,#ff0000 100%);
background: -o-linear-gradient(top, #2aff00 0%,#fbff3a 51%,#ff0000 100%);
background: -ms-linear-gradient(top, #2aff00 0%,#fbff3a 51%,#ff0000 100%);
background: linear-gradient(to bottom, #2aff00 0%,#fbff3a 51%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aff00', endColorstr='#ff0000',GradientType=0 );
height:230px;
filter: none;
}


#charts{
    background-color: #eeeeee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZiZmYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0fc910 0%, #fbff3a 51%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0fc910), color-stop(51%,#fbff3a), color-stop(100%,#ff0000));
	background: -webkit-linear-gradient(top, #0fc910 0%,#fbff3a 51%,#ff0000 100%);
	background: -o-linear-gradient(top, #0fc910 0%,#fbff3a 51%,#ff0000 100%);
	background: -ms-linear-gradient(top, #0fc910 0%,#fbff3a 51%,#ff0000 100%);
	background: linear-gradient(to bottom, #0fc910 0%,#fbff3a 51%,#ff0000 100%);
    height:230px;
    width:930px;
}
#fragenTooltip .infobox>span{
    display:block;
    float:left;
    margin:15px;
    width:10px;
    height:10px;
    border:1px solid #CCC;
    background-color:#0995b8;
	background-color:#305886;
    border-radius:5px;
}

#fragenTooltip .infobox>div{
    margin-left:42px;
}
#fragenTooltip .infobox, #auswertung .infobox{
    padding:10px 0px;
}

#fragenTooltip .infobox p, #auswertung .infobox p{
    margin:1px 0px 14px 0px;
}

#fragenTooltip .infobox h3, #auswertung .infobox h3{
    margin-bottom:8px;
}

#selbsttest_form img{
    margin:0 0 10px 10px;
    float:right;
}

.ergebnisicon{
    float:left;
    margin-right:10px;
    margin-bottom:3px;
}

.infobox>div>div{
    margin-left:68px;
}
#kategorie>div{
    clear:both;
}

.frageantworten label{
    padding-left:26px;
}

.frageantworten label input{
    margin-left:-21px;
}

div.sidebar-search{
float:right;
}

.menu-menu-1-container{
float:left;
}

.sidebar-search .sidebar-search-input{
width:190px;
}

.legende .ergebnisicon{
	margin:0px;
	margin-right:10px;
	display:block;
	float:none;
	margin-top:25px;
}

.legende{
	float:left;
}

.greenbox, .redbox{
width:10px;
height:10px;
display:inline-block;
margin-left:20px;
}

.greenbox{
background-color:#0fc910;
}
.redbox{
background-color:#FF0000;
}


nav.navi {
  font-family: Roboto,sans-serif;
  font-size:9pt;
  xxxmin-width:100%; xxxwidth:1200px;
}

ul.navi {
  xxbackground: #191970; xxbackground: #f00;
  list-style: none;
  margin: 0;
  padding-left: 0;font-family: Roboto,sans-serif;
}

li.navi {
  color: #fff;
  background: #292970; backgroun-d: #0fc; 
  display: block;
  float: left;
  padding: 0.6rem;
  position: relative;
  text-decoration: none;
  transition-duration: 0.3s;font-family: Roboto,sans-serif;background: #008021;
}
  
li.navi a {
  color: #fff; text-decoration: none;font-family: Roboto,sans-serif;font-size:9pt;
}


li.navi:focus-within a {
  outline: none;font-family: Roboto,sans-serif;
}
#ulL0 {		background: orange; }
#ulL1 {		background: orange; }
#ulL2 {		background: #a000a0; }
#liL0a {	background: purple; background: #008021; }
#liL0 {		background: #33338c;}
#liL0 {		background: #660066; }
#liL1 {		background: #4040af;  background: #339C27;background: purple;background: #008021; }
#liL2 {		background: #6464c6; background: #339C27;background: purple;background: #008021; }
#liL3 {		background: grey; }
#liL4 {		background: lightgreen; }


#liL2:hover {		background: #8484e6; background: #55bC57;}
#liL0:hover {		background: #870087; }
#liL0a:hover {	background: #870087; background: #229839; }

li.navi:hover,
li.navi:focus-within {
  xxbackground: #204266; background: #494990;
  cursor: pointer;font-family: Roboto,sans-serif;
}


ul.navi li ul.navi {
  xxbackground:  #191970;		background: #00f;
  visibility: hidden;
  opacity: 0;
  min-width: 2rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0.6rem;
  left: 0;
  display: none;font-family: Roboto,sans-serif;
}

ul.navi li:hover > ul,
ul.navi li:focus-within > ul,
ul.navi li ul.navi:hover,
ul.navi li ul.navi:focus {
  visibility: visible;
  opacity: 1;
  display: block;font-family: Roboto,sans-serif;
}

ul.navi li ul.navi li {
  clear: both;
  width: 100%;
}
/*https://css-tricks.com/solved-with-css-dropdown-menus/ */
.mainbody {margin:8px;font-family: Roboto,sans-serif;}
table.detail { font-family: Roboto,sans-serif; border-collapse: collapse; sborder-radius:7px; margin-right:10px;  margin-top:10px; display: inline-block; background:#f4f4f4;vertical-align:top;  width:1070px;background:#fff; }
table.boxes { 
	font-family: Roboto,sans-serif;xborder-collapse:separate; 
	xxborder:none #ddd 0px; sborder-radius:7px; 
	margin-right:10px;  
	margin-top:10px; 
	display: inline-block; 
	background:#fff;
	vertical-align:top;  
	width:350px;

  xxborder-spacing: 0;
  xxborder-collapse: separate;
  border-radius: 9px;
  border: 1px solid #008021;

}
th.thboxes { font-family: Roboto,sans-serif;xborder-top:solid #aaa 0px; background:#fff; padding:9px; text-align:left; xborder-top: none; font-weight: normal; font-size: 0.9em; width:350px; }
td.tdboxes { font-family: Roboto,sans-serif; xborder-top:solid #aaa 0px; padding:6px; border-left: none;font-weight: bold; line-height: 1.6;padding-top:7px; height:100px; vertical-align:top;width:350px;}


table.boxes a { color: #008021; color: blue;text-decoration: underline;}
table.boxes a:visited { color: #008021; color: grey;text-decoration: underline;}

th.thboxes a { color: green;text-decoration: none;}
th.thboxes a:visited { color: #008021; color: green;text-decoration: none;}


th.detail {border-bottom: 1pt solid #aaa;background:#fff;font-family: Roboto,sans-serif;}

td.detail {font-weight: normal; font-size: 0.9em;border-bottom: 1pt solid #aaa;font-family: Roboto,sans-serif;}



#anmerkung {  border-left: none;font-weight: normal; line-height: 1.4;font-size: 0.85em; padding-top:7px;} 
#detaillink { font-size: 0.9em;  } 
#detailtable { width:100%; max-width:1070px; background:#fff;}
#detail { background:#fff; height:none; width:100%; }

p.errormsg { background:#faa; height:30px; width:710px; text-align:center; padding-top:12px; }

ul.bread {margin:0px;padding:0px;margin-left:-1px;margin-top:-1px; list-style-type: '\21B3 '; list-style-type: '\2A3D '; }

h1.kompass {font-family: Roboto,sans-serif; font-size: 18pt; sans-serif;margin: 0;}
h2.kompass {font-family: Roboto,sans-serif; font-size: 16pt; sans-serif;margin: 0; margin-bottom:14px;}
h3.kompass {font-family: Roboto,sans-serif; font-size: 15pt; sans-serif;margin: 0;}
h2.kompassdetail {font-family: Roboto,sans-serif; font-size: 16pt; sans-serif;margin: 0; margin-bottom:14px;margin-top:14px;}




.table-wrapper {
    width: 100%;
    /* max-width: 500px; */
    overflow-x: auto;
}

.Fv2 {
    border-collapse: collapse;
}
  .Fv2head,
  .Fv2body {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
  }
  .Fv2tbody tr:hover {
    background-color: #f5f5f5;
  }
  .Fv2head {
    background-color: green;
    color: white;
  }
  .Fv2td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;vertical-align:top;
  }
  
/* https://css-tricks.com/responsive-data-tables/  */

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.Fv2, .Fv2thead, .Fv2tbody, .Fv2head, .Fv2td, .Fv2body, .Fv2th { 
		display: block;  margin-bottom: 10px; border: none;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.Fv2head, { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.Fv2bodytr { border: 1px solid #bbb;vertical-align:top;}
	
	.Fv2td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #bbb; 
		position: relative;
		xpadding-left: 50%; 
		vertical-align:top;
	}
	
	.Fv2td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		xtop: 6px;
		xleft: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.Fv2tdDesc { 
		/* Behave like a "row" */
		 border: 3px solid #bbb;
		border-bottom: 1px solid #bbb; 
		position: relative;
		xpadding-left: 50%; 
		vertical-align:top;
	}
	/*
	Label the data
	
	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Secret Alias"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}


.empfehlungM {
  background-color: #e0ffcd; 
  background-image: url('https://www.nachhaltiger-sport.at/imgs/empfehlen.png'); 
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: top right;  
  position: relative; 
}


.empfehlungH {
  background-color: #fdffcd;  
  background-image: url('https://www.nachhaltiger-sport.at/imgs/tipp.png'); 
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: top right; 
  position: relative; 
}