/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:2.5vh!important;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
ol, ul {
	/* list-style: none;  */
	/* padding:20px; */
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.seitentitel{
	font-size:2em!important;
	padding: 5vh 0;
}

a{
	text-decoration:none;
}

.fb_bar_frage_li{
	background-color: #fff;
	padding: 5px;
	margin: 10px;
	min-width: 35vw;
	border-radius:10px;
	/* display:inline; */
}

.fb_bar_li_geloescht fragenummer{
	color: #fff;
	text-decoration-line: line-through;
}

.fb_bar_li_geloescht{
	background-color: #1c31444d;
	padding: 5px;
	margin: 10px;
	min-width: 35vw;
	color:#fff;
}

.fb_bar_li_ausblenden{
	position: relative;
	float: right;
	right: 5px;
	font-size: 1.8em !important;
}

.fb_bar_assistant{
	background-color: #ebb;
	padding: 5px;
	margin: 10px;
	min-width: 35vw;
}

.fb_bar_aufgezogen{
	/* height:37vh!important; */
	/* bottom:0!important; */
	-webkit-transform: translate(0, -28vh);
	-ms-transform: translate(0, -28vh);
	transform: translate(0, -28vh);
	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

.fb_bar_ausgeblendet{
	/* height:37vh!important; */
	/* bottom:0!important; */
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

#fb_bar_ol{
	display: flex;
    overflow-x: auto;
	width:100vw;
	margin-top: 2vh;
}

#fb_bar_ol li{
	list-style:none;
	min-width:75vw;
	max-height: 23vh !important;
}

.fb_bar_entfernen{
	position: relative;
	float: right;
	right: 5px;
	font-size: 1.8em !important;
}

.btn_fb_bar{
	margin: 1vh;
}

.mod_play_btn{
	float: right;
	top: -1.5vh;
	position: relative;
	margin-right: 4vh;
}

.noscroll { 
  overflow: hidden;
}
/* h1 { */
	/* font-size:9.0vw; */
	/* font-weight:bold; */
	/* margin: 7px; */
	/* } */
/* h3 { */
	/* font-size:5.5vw; */
	/* font-weight:bold; */
	/* color:#000; */
	/* margin: 7px; */
/* } */

h2 {
	margin-top: 2rem!important;
	font-weight: bold!important;
}

h4.filtertitel {
	font-weight: bold;
	/* margin-bottom: 3vh; */
}

.filter_ausblenden{
	position: relative;
	top: -4.6vh;
	float: right;
}

.filter_fb_regeln{
	border-radius: 8px;
	border: 1px solid #838383;
	margin: 2vh;
	padding: 2vh;
	max-width: 575px;
}

.filter_icon_regeln{
	float: left;
	margin-right: 1vh;
}

.filter_icon_verwendete{
	float: left;
	margin-right: 1vh;
}

.filter_fb_verwendete{
	border-radius: 8px;
	border: 1px solid #838383;
	margin: 2vh;
	padding: 2vh;
	max-width: 575px;
}

#wrapper{
	/* background-color:#f4fafc; */
	background-color:#f8f8f8;
	padding-bottom:14vh;
	padding-top:13vh;
	padding-left: 4vw;
	padding-right: 4vw;
	
}


#wrapper-erfassung{
	/* background-color:#f4fafc; */
	background-color:#f8f8f8;
	padding-bottom:3vh;
	padding-top:3vh;
	padding-left: 4vw;
	padding-right: 4vw;
	
}

#endspurtspaltentitel{
	border-bottom:1px solid;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

ul#endspurtspaltentitel li {
	display:inline;
	padding: 8px;
	font-weight: bold;
	border-right: 1px solid;
	margin-bottom:15px;
}

li.spaltentitel{
	border: 1px solid;
	margin-right: 10px;
}

li.begriffliste{
	padding: 5px;
	border: 1px dotted;
	margin-bottom: 5px;
}

.spalte1{
background-color: #d1d1d1;
}

.spalte2{
background-color: #fff;
}

.spalte3{
background-color: #d1d1d1;
}


.bearbeitungsbutton{
	display:none;
}

.fragetitel{
	font-weight:bold;
	top: -5px;
	position: relative;
	/* font-size:6vw; */

}
.leer-fragetitel{
	font-weight:bold;
	/* top: -5px; */
	/* position: relative; */
}
.frage-div{
background-color: #fff;
border-radius: 8px;
margin:10px 7px 10px 7px;
/* margin-bottom: 30px; */
/* font-size: 14px; */
/* line-height: 20px; */
word-wrap: break-word;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
padding:8px;
}
.leere-frage-div{
	margin: 10px 7px 10px 7px;
	background-color: #fcffcc;
	border: 1px dotted #8f8f8f;
	padding: 5px;
}

.antworttext{
	padding: 5px;
	/* background-color: #e4ffe5; */
	display:none;
}

.antwortmk{
	display:none;
}

.fb-fragentext {
	display:none;
}

#navbar_handle{
	background-color: inherit;
	position: absolute;
	top: -2.55vh;
	left: 47%;
	border-radius: 50%;
	color: #fff;
	padding: 0.25vh 2vh 1vh 2vh;
}

/* .btn{ */
	/* font-size:7vh!important; */

/* } */

.begriff-btn{
	font-size:5vh!important;
}

.begriffinput{
	max-width:80%;
	/* float:left; */
}

.removebegriff{
	display: none;
}

.mc_antwort{
margin: 8px;
width: 300px;
border-radius: 5px;
padding: 8px;
}

.mc_richtige_antwort{
	border: 1px solid #0c0;
}

.mc_falsche_antwort{
	border: 1px solid #fe9339;
}

.endspurtbegriffe{
	padding-left:10%;
}

.kategorie{
	margin-bottom:10vh;
}

.abstand_unten{
	margin-bottom:2em;
}

.wichtig{
	width: 100%;
	background-color: #dd6d00;
	color: #000;
	padding: 10px;
	display:none;
}


.btn-entfernen{
	color:#f6611c;
}

.btn-entfernen :hover{
	color:#e6680b!important;
}

.deleted{
	padding:5px;
	background-color:#ffe9e1;
}

.footer-btn{
	color:#fff;
	/* margin:4vw; */
}



#sticky-footer{
   /* height:11vh; */
   bottom: -29vh;
   background:#047096;
   padding-top: 1vh;
}

.navbar {
	height:11vh;
		font-size:7vh!important;
}

#sticky-footer .fixed-bottom{
align-items:initial;
}

.li-mod-toolbar{
	float:left;
}

.mod-toolbar-btn{
	font-size:6vh!important;
	color:#fff;
}

.mod-toolbar-btn-small{
	font-size:3vh!important;
	color:#fff;
}

.mod_toolbar_indikator{
	background-color: #d7263d;
	position: relative;
	border-radius: 50%;
	bottom: 0px;
	right: 20px;
	z-index: 25;
	padding: 4px;
}

.admin_eintrag{
	background-color: #fff2b6;
	color: #000;
	border-radius: 10px;
	margin: 10px 0 10px 0;
	padding: 5px;
}

#suchbutton{
	font-size: 1.2em;
	border: 2px solid;
	padding: 5px;
}

#suchfeld{
	color: #868686;
	width: 75%;
	height: 30px;
	margin: 7px;
}

.added {
	padding:5px;
	background-color:#cef;
}

.aufklappen{
	/* margin-right:7px; */
	/* margin-top:-7px; */
	/* float:right; */
	/* top: 15px; */
	/* position: relative; */
}
#anzahl-fragen{
font-family: arial;
font-size: 0.70em;
}

#neuer_fragebogen{
	background-color:#ededed;
	padding:7px;
}

#ul-kategorien li
{
display: inline;
padding-right: 2vh;
}

#ul-kategorien input{
height:1vh;	
}

/* Dieser Wert ist direkt in der PDF-Bilderblatt-erstellen.php-Datei definiert */
/* .bilderblatt_stichwort{ */
	/* margin-left:2cm; */
/* } */

.prim-button{
padding: 10px;
margin: 10px;
background-color: #3183fe;
color: #fff;
display:block;
border-radius: 1px;
}
.sec-button{
padding: 10px;
margin: 10px;
background-color: #a8a8a8;
color: #fff;
display:block;
border-radius: 1px;
}

.loesung{
	font-size:1.9em!important;
	margin:5px;
}

.mod_einleitung{
	padding:15px;
}
.mod_einleitung_listen {
	padding:20px;
}

.neu-btn{
	background-color:#e3da25;
	margin: 4vw;
	border-radius:5px;
	text-align:center;
	}

.icon-neu-btn{
	font-size:2.3em;
	
	}
.div-uploadbild{
	background-repeat: no-repeat;
	}
.div-upload-audio{
	padding-left:7px;
	
	}

.zoom{
	position: relative;
	top: 150px;
	float: right;
	background-color: #2d5ee9;
	color:#fff;
	font-size: 2.1em;
	padding: 7px;
	}
.logo{
	width:36px;
	
	}
	
.orange{
	color: #ff7400;
	padding-top:2vh;
}
	
.logo-titel{
	color: #2d5ee9;
	}
	
#div-textfrage{
	padding:12px;
	/* margin-bottom: 30vh; */
	/* font-size: 4.5vw; */


}
.textfeld{
	width: 93%;
	margin:2vw;
	/* font-size:3.7vw!important; */
	font: inherit;
	padding-left: 3vw;
	padding-top: 3vw;
}
.eingabefeld{
	height: 7vh;
	width: 93%;
	margin:2vw;
	/* font-size:3.7vw!important; */
	padding-left: 3vw;
}
.sendebutton{
	height: 7vh;
	width: 100%;
	/* float: right; */
	/* margin-right: 3vw; */
/* 	font-size: 4.5vw; */
}

.fragenkachelbild{
	max-width:100%;
	border-radius: 5px;
	max-height: 150px;
	display: block;
	
}

.entwurfkarte{
background-color: #fffbcb;
border: 1px dashed #c3b998;
display:none;
	
}

.btn-entwurf{
	text-decoration:underline dotted;
	
}
.btn-bearbeiten{
	text-decoration:none;
	display:block;
	margin-top:15px;
	}
	
 .label-neu-btn{
	 /* padding:9px; */
	 color:#000;
	 text-decoration:none;
	 /* text-align:center; */
 }
 .btn-hinzufuegen{
	 color: #0bc936;
	}
	
	 .btn:hover{
	 color: #7fa6ece6;
	 
 }
 
 .gruen{
	 background-color:#e4ffe5;
	 display:block;
	 padding: 8px;
	 color: green;

}
}
 }
 
 .buttontext{
	 /* line-height: 1.6em; */
	 display: block;
	 /* font-size: 5vw; */
 }
 
 .audio{
	display: block;
	width: 100%;
	margin-top: 15px;

 }

#sortable {
padding-left:35px;
list-style:numbers;
column-count:1;
}

.fa-3x{
	/* font-size:13vw!important; */
}

input{
	height: 7vh;
	margin-bottom: 5vh;
	/* font-size: 4vw; */
}

input.radio_punkte{
	height: 2vh;
	margin-bottom:10px;
	/* margin: 0 20; */
	/* font-size: 4vw; */
}

label.chk-label {
	margin-right:5px;
	margin-bottom:5px;
}

legend {
	margin-bottom:5px;
}

.radiocontainer{
	float:left;
	margin:10px 25px 10px 5px;
}

#btnQuelle2{
	text-decoration:underline;
	color:#007bff;
}

.profilbild{
	border-radius:30px;
	height: 3.2em;
    margin-right: 15px;
}

.fragebogen-meldung{
	background-color: #ffc1c1;
	padding: 5px;
	
}

.btn-frageverwendet{
	 display:block;
	 margin-top:5px;
}

.kommentare_anzeigen{
	 display:block;
	 margin-top:5px;
}

.label-entwurf{
	background-color: #e7d50c;
	padding: 0 10px 0 10px;
	border: 1px solid #b9a642;
	color: #fff;
	border-radius: 5px;
}
/* .form-group{ */
	/* padding: 1rem; */
/* } */

.fragebogentitel_bearbeiten{
	display:none;
}

.ausgeblendet{
	display:none!important;
}

ausgeblendet_soft{
	display:none;
}
.navbar-brand {
	color:#fff;
}

#filter{
	display:none;
	background-color: #fff;
	margin: -10px;
	padding: 5px;
	border-top: #cbcbcb 1px solid;
	border-bottom: #cbcbcb 1px solid;
}

textarea{
	margin-bottom: 5vh;
}

input.zusatzquelle{
	margin-bottom:0;
}

#fragebogen_titel_text{
	font-weight:bold;
}

.verwendetefrage{
	background-color: #cbcbcb;
	padding: 0 10px 0 10px;
	border: 1px solid #a5a5a5
	color: #000;
	border-radius: 5px;
}

.label-verwendet{
	background-color: #e54b4b;
	padding: 0 10px 0 10px;
	/* border: 1px solid #c66615; */
	color: #fff;
	border-radius: 5px;
}

.info_letzte_verwendung{
		color:#047096;
}

.label-abgelehnt{
	background-color: #f54343;
	padding: 0 10px 0 10px;
	border: 1px solid #c66615;
	color: #fff;
	border-radius: 5px;
}

.label-fragebogen{
font-size:0.8em!important;
}




.overlay_bg{
	background-color: #fffc;
    min-width: 100vw;
    min-height: 100vh;
	position:fixed;
	z-index:99;
	overflow-y: scroll;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	}
	
/* .overlay_content { */
    /* background-color: #fff; */
    /* max-width: 60vw; */
    /* min-height: 50vh; */
    /* top: 10vh; */
    /* left: 15vw; */
    /* position: relative; */
	/* } */
	
#overlay_inhalt{
	margin-top:11vh;
	min-width: 100vw;
	min-height: 20vh;
	position:static;
	overflow-y: scroll;
	padding:3vh;
	padding-bottom: 40vh;
	z-index:100;
}

.mod_kommentar_schreiben{
		padding: 10px;
		border-radius: 5px;
		background-color: #fff;
		color:#047096!important;
	}		

#kommentare_ausblenden{
	position:relative;
	float:right;
	top:-4.5vh;
}	
	
.bearbeitungseintrag{
		background-color: #fffdcc;
		color: #000;
		border-radius: 10px;
		text-align: center;
		list-style:none;
		margin-bottom:2vh;
	}
	
.kommentar{
		background-color: #fff;
		color: #000;
		border-radius: 10px;
		margin: 10px 0 10px 0;
		padding:10px;
	}

.button{
	text-decoration: none!important;
	display: block;
	margin: 15px;
	padding: 10px;
	/* width: 250px; */
	border-radius: 10px;
	border: 1px solid;
	text-align: center;

}

.stichwort_big{
	position: absolute;
	top: -100px;
	right: 0;
	z-index: 0;
	font-size: 10vw !important;
	color: #ffffff4a;
}

.grau {
	/* background-color: #e6e7e9; */
	color: #939393;
	/* border: 1px dotted #000; */
}

.blau{
	border: 1px solid #1978cb;
	background-color: #509ef6;
	color: #fff;
}

.fragebogenwahl {
	border: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
.sidenav {
	color:#000;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9900;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.3s;
    padding-top: 60px;
}

.sidenav a.links {
    padding: 8px 8px 8px 12px;
    text-decoration: none;
    font-size: 25px;
    color: #000;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #007BFF;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#darkener{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:9900;
			-moz-opacity: 0.8;
			opacity:.40;
			filter: alpha(opacity=80);
}

ul.menuitems {
	list-style: none; 
}

.filtertyp{
	margin: 5px;
	background-color: #FFEE36;
	border-radius: 10px;
	padding: 5px;
	color: #000;
}

ul.filterliste li{
	padding: 1.5vh;
	border: 1px solid #fff;
	margin-bottom: 2.5vh;
	border-radius: 7px;
	break-inside: avoid;
}

ul.filterliste li:hover{
	padding: 1.5vh;
	border: 1px solid #1c3144;
	break-inside: avoid;
	font-weight: bold;
}

.filterliste li a{
	color:#1c3144;
	text-decoration: none;
}

ul.filterliste{
list-style:none;
column-count:2;
}

ol li{
	break-inside: avoid;
}

.filterbutton_aktiv{
	color:#f2a520!important;
	
}

a.filtertyp:hover{
	color:#000;
	background-color:#FFE900;
	text-decoration:none;
}

.kategorienlabel{
background-color: #e5e059;
padding: 0 10px 0 10px;
border: 1px solid #fff;
color: #000;
border-radius: 5px;
}

.kategorienlabel_fehlt{
	border: dashed 1px #6b778d;
	padding: 0 10px 0 10px;
	border-radius: 5px;
}
}

.bg-white{
	background-color:#000;
	color:#000;
}

a.link-loesung-einblenden{
	color:#007bff!important;
}

a.link-loesung-ausblenden{
	color:#007bff!important;
	display:none;
}

.loginbutton{
	font-size: 4.5vh !important;
display: block;
margin: 15px;
padding: 15px;
    padding-left: 15px;
border-radius: 5px;
border: 1px solid #1978cb;
background-color: #fff;
color: #4285f4;
background-image: url('https://www.quizmacher.ch/images/google-logo.png');
background-repeat: no-repeat;
background-size: contain;
padding-left: 80px;
	
}

.vergangener_event{
	display:none;
}

btn_start{
background-color: #2d5ee9;
border-radius: 5px;
color: #fff;
font-size: 6vh !important;
}

moderationstext{
	font-size: 4vh !important;
}

img.gif{
	width:50%;
}

.loginBtn {
  box-sizing: border-box;
  position: relative;
  /* width: 13em;  - apply for fixed size */
  margin: 0.2em;
  padding: 0 15px 0 46px;
  border: none;
  text-align: left;
  line-height: 34px;
  white-space: nowrap;
  border-radius: 0.2em;
  font-size: 16px;
  color: #FFF;
}
.loginBtn:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
}
.loginBtn:focus {
  outline: none;
}
.loginBtn:active {
  box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}

/* Google */
.loginBtn--google {
  /*font-family: "Roboto", Roboto, arial, sans-serif;*/
  background: #DD4B39;
}
.loginBtn--google:before {
  border-right: #BB3F30 1px solid;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}
.loginBtn--google:hover,
.loginBtn--google:focus {
  background: #E74B37;
}

.menuzeigen{
	width:70%;
}

#sortable_toggle_on{
	color:#fff;
}

#sortable_toggle_off{
	color:#fff;
}

a.link{
text-decoration:aliceblue!important;
color:#007bff!important;
}
	
}

@media screen and (min-width: 1000px) {
	#sortable {
		column-count:1;
	}	

	#navbar_handle{
		padding:2vh;	
	}

}

@media screen and (min-width: 1200px) {
  /* .sidenav {padding-top: 15px;} */
  /* .sidenav a {font-size: 18px;} */


	.menuzeigen{
		width:30%;
	}  
	  
	ul.filterliste {
	list-style:none;
	column-count:2;
	padding: 4px;
	}

	.filterliste li{
		margin-bottom:12px;
	}

	#sortable {
	column-count:1;
	}

	#sortable_toggle_on{
		color:#fff!important;
	}

	#sortable_toggle_off{
		color:#fff!important;
	}
	
	
	#fb_bar_ol li{
		min-width:25vw!important;
	}

}

/* Alle Quizmacher Farben */
/* CSS -Textfarben */

	.text_hellblau_1{
		color: #047096;
	}
		
	.text_dunkelblau_1{
		color: #0A1128;
	}
		
	.text_goldgelb{
		color: #F1AD00;
	}
		
	.text_weiss{
		color: #FFFFFF;
	}

	.text_orange{
		color: #F75C03;
	}
				
	.text_hellrot{
		color: #e54b4b;
	}
		
	.text_rot{
		color: #9b1d20;
	}
		
	.text_hellgelb{
		color: #e5e059;
	}
		
	.text_hellblau_2{
		color: #55d6be;
	}
		
	.text_dunkelblau_2{
		color: #1c3144;
	}
		
	.text_pink{
		color: #6e2594;
	}
		
	.text_mintgruen{
		color: #bce784;
	}

	.text_hellorange{
		color: #fa8334;
	}
		
	.text_dunkelviolett{
		color: #160c28;
	}

/* Hintergrundfarben  */

	.bg_hellblau_1{
		background-color: #047096;
	}
		
	.bg_dunkelblau_1{
		background-color: #0A1128;
	}
		
	.bg_goldgelb{
		background-color: #F1AD00;
	}
		
	.bg_weiss{
		background-color: #FFFFFF;
	}

	.bg_orange{
		background-color: #F75C03;
	}
				
	.bg_hellrot{
		background-color: #e54b4b;
	}
		
	.bg_rot{
		background-color: #9b1d20;
	}
		
	.bg_hellgelb{
		background-color: #e5e059;
	}
		
	.bg_hellblau_2{
		background-color: #55d6be;
	}
		
	.bg_dunkelblau_2{
		background-color: #1c3144;
	}
		
	.bg_pink{
		background-color: #6e2594;
	}
		
	.bg_mintgruen{
		background-color: #bce784;
	}

	.bg_hellorange{
		background-color: #fa8334;
	}
		
	.bg_dunkelviolett{
		background-color: #160c28;
	}